@-ms-viewport {
  width: device-width;
}
@media (min-width: 1701px) and (max-width: 1860px) {
	.row{
		margin: 0 0;
	}
	.container{
		margin:0 0;
		padding: 0 20px;
	}
	.shift-left {
		margin-left: 0;
	}
	.owl-carousel .owl-nav button.owl-prev{
		left: 0;
	}
	.owl-carousel .owl-nav button.owl-next{
		right: 0;
	}
}

@media (min-width: 1441px) and (max-width: 1700px) {
	.row{
		margin: 0 0;
	}
	.container{
		margin:0 0;
		padding: 0 20px;
	}
	.shift-left {
		margin-left: 0;
	}
	.owl-carousel .owl-nav button.owl-prev{
		left: 0;
	}
	.owl-carousel .owl-nav button.owl-next{
		right: 0;
	}
	
}
@media (min-width: 1221px) and (max-width: 1440px) {	
	.row{
		margin: 0 0;
	}
	.container{
		margin:0 0;
		padding: 0 20px;
	}
	.shift-left {
		margin-left: 0;
	}
	.owl-carousel .owl-nav button.owl-prev{
		left: 0;
	}
	.owl-carousel .owl-nav button.owl-next{
		right: 0;
	}
}
@media (min-width: 1025px) and (max-width: 1220px) {	

	.container{
		margin:0 0;
		padding: 0 20px;
	}
	.about-content h3 {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 10px;
	}
	.about-content h3 br{
		display: none;
	}
	.about-content p{
		line-height: 22px;
		font-size: 18px;
	}
	.shift-left{
		margin-left: 0;
	}
	.year {
		margin-top: 0;
	}
	.service-name h2 {
		font-size: 20px;
		line-height: 22px;
	}
	.owl-carousel .owl-nav button.owl-prev{
		left: 0;
	}
	.owl-carousel .owl-nav button.owl-next{
		right: 0;
	}
	.vision-info p {
		font-size: 20px;
		line-height: 30px;
	}
	.footer-top-left{
		float: none;
		padding: 0 0 0 0;
		text-align: center;
	}
	.footer-link ul li{
		margin: 5px 5px 5px 5px;
	}
	.footer-top-right{
		float: none;
		width: auto;
		padding: 20px 0 0 0;
	}
	.recent-post-info h5 {
		font-size: 13px;
		line-height: 16px;
		margin: 0 0 10px 0;
	}
	.recent-post-info p{
		font-size: 14px;
		line-height: 14px;
		padding: 0;
	}
	.blog-category-area ul li{
		display: block;
		margin: 10px 0 10px 0;
	}
	.contact-info-left{
		width: auto;
		float: none;
	}
	.contact-info-right{
		width: auto;
		float: none;
		padding: 30px 0 0 0;
	}
	.services-item{
		width: 48%;
		margin: 0 1% 20px 1%;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	.container{
		margin:0 0;
		padding: 0 20px;
	}
	.navigation{
		display: none;
	}
	.menu-icon{
		display: block;
	}
	.about-content h3 {
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 10px;
	}
	.about-content h3 br{
		display: none;
	}
	.about-content p{
		line-height: 22px;
		font-size: 18px;
	}
	.shift-left{
		margin-left: 0;
	}
	.year {
		margin-top: 0;
	}
	.service-name h2 {
		font-size: 20px;
		line-height: 22px;
	}
	.owl-carousel .owl-nav button.owl-prev{
		left: 0;
		top: 35%;
	}
	.owl-carousel .owl-nav button.owl-next{
		right: 0;
		top: 35%;
	}
	.vision-info p {
		font-size: 20px;
		line-height: 30px;
	}
	.footer-top-left{
		float: none;
		padding: 0 0 0 0;
		text-align: center;
	}
	.footer-link ul li{
		margin: 5px 5px 5px 5px;
	}
	.footer-top-right{
		float: none;
		width: auto;
		padding: 20px 0 0 0;
	}
	.recent-post-info h5 {
		font-size: 13px;
		line-height: 16px;
		margin: 0 0 10px 0;
	}
	.recent-post-info p{
		font-size: 14px;
		line-height: 14px;
		padding: 0;
	}
	.blog-category-area ul li{
		display: block;
		margin: 10px 0 10px 0;
	}
	.contact-info-left{
		width: auto;
		float: none;
	}
	.contact-info-right{
		width: auto;
		float: none;
		padding: 30px 0 0 0;
	}
	.services-item{
		width: 48%;
		margin: 0 1% 20px 1%;
	}
}

@media (min-width: 481px) and (max-width: 768px) {
	.container{
		margin:0 0;
	}
	.navigation{
		display: none;
	}
	.menu-icon{
		display: block;
	}
	.about-content-right{
		width: 100%;
		padding: 0 0 20px 0;
	}
	.about-content h3{
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 15px;
	}
	.year {
		margin-top: 20px;
	}
	.about-content-left{
		width:auto;
		float: none;
	}
	.shift-left{
		margin-left: 0;
	}
	.service-name h2 {
		font-size: 18px;
		line-height: 20px;
	}
	.service-name-left a{
		font-size: 12px;
	}
	.owl-carousel .owl-nav button.owl-prev{
		left: 0;
		top: 35%;
	}
	.owl-carousel .owl-nav button.owl-next{
		right: 0;
		top: 35%;
	}
	.vision-info p{
		font-size: 20px;
		line-height: 30px;
	}
	.footer-top-left{
		float: none;
		padding: 0 0 0 0;
		text-align: center;
	}
	.footer-link ul li{
		margin: 5px 5px 5px 5px;
	}
	.footer-top-right{
		float: none;
		width: auto;
		padding: 20px 0 0 0;
	}

	/* for services page */

	.services-item{
		width: 48%;
		margin: 0 1% 20px 1%;
	}
	
	/* for service details page */

	.blog-short-info blockquote {
		padding: 20px;
		margin: 20px 0 20px 0;
	}
	.extra-testimonial-box{
		margin: 10px 0;
		padding: 15px;
	}
	.testimonial-box-right{
		width: 100%;
	}
	.testimonial-box-left{
		width: 100%;
	}

	/* for Blog page */

	.blog-content-area{
		padding: 0 0 30px 0;
		overflow: hidden;
	}
	.blog-content-left{
		width: auto;
		float: none;
	}
	.blog-content-right{
		width: auto;
		float: none;
		padding: 20px 0 0 0;
	}
	
	/* for contact page */

	.contact-info-left{
		width: auto;
		float: none;
	}
	.contact-info-right{
		width: auto;
		float: none;
		padding: 30px 0 0 0;
	}

	/* for project details page */

	.gallery-item{
		width: 48%;
		margin: 10px 1% 10px 1%;
	}

}
@media (min-width: 321px) and (max-width: 480px) {
	.container{
		margin:0 0;
	}
	.navigation{
		display: none;
	}
	.menu-icon{
		display: block;
	}
	.about-content-right{
		width: 100%;
		padding: 0 0 20px 0;
	}
	.about-content h3{
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 15px;
	}
	.year {
		margin-top: 20px;
	}
	.about-content-left{
		width:auto;
		float: none;
	}
	.shift-left{
		margin-left: 0;
	}
	.owl-carousel .owl-nav button.owl-prev{
		left: 0;
	}
	.owl-carousel .owl-nav button.owl-next{
		right: 0;
	}
	.vision-info p{
		font-size: 20px;
		line-height: 30px;
	}
	.footer-top-left{
		float: none;
		padding: 0 0 0 0;
		text-align: center;
	}
	.footer-link ul li{
		margin: 5px 5px 5px 5px;
	}
	.footer-top-right{
		float: none;
		width: auto;
		padding: 20px 0 0 0;
	}

	/* for services page */

	.services-item{
		width: 100%;
		margin: 0 1% 20px 1%;
	}
	
	/* for service details page */

	.blog-short-info blockquote {
		padding: 20px;
		margin: 20px 0 20px 0;
	}
	.extra-testimonial-box{
		margin: 10px 0;
		padding: 15px;
	}
	.testimonial-box-right{
		width: 100%;
	}
	.testimonial-box-left{
		width: 100%;
	}

	/* for Blog page */

	.blog-content-area{
		padding: 0 0 30px 0;
		overflow: hidden;
	}
	.blog-content-left{
		width: auto;
		float: none;
	}
	.blog-content-right{
		width: auto;
		float: none;
		padding: 20px 0 0 0;
	}
	
	/* for contact page */

	.contact-info-left{
		width: auto;
		float: none;
	}
	.contact-info-right{
		width: auto;
		float: none;
		padding: 30px 0 0 0;
	}

	/* for project details page */

	.gallery-item{
		width: 98%;
		margin: 10px 1% 10px 1%;
	}

}
@media (max-width: 320px){
	.container{
		margin:0 0;
	}
	.navigation{
		display: none;
	}
	.menu-icon{
		display: block;
	}
	.about-content-right{
		width: 100%;
		padding: 0 0 20px 0;
	}
	.about-content h3{
		font-size: 30px;
		line-height: 36px;
		margin-bottom: 15px;
	}
	.year {
		margin-top: 20px;
	}
	.about-content-left{
		width:auto;
		float: none;
	}
	.shift-left{
		margin-left: 0;
	}
	.owl-carousel .owl-nav button.owl-prev{
		left: 0;
	}
	.owl-carousel .owl-nav button.owl-next{
		right: 0;
	}
	.vision-info p{
		font-size: 20px;
		line-height: 30px;
	}
	.footer-top-left{
		float: none;
		padding: 0 0 0 0;
		text-align: center;
	}
	.footer-link ul li{
		margin: 5px 5px 5px 5px;
	}
	.footer-top-right{
		float: none;
		width: auto;
		padding: 20px 0 0 0;
	}

	/* for services page */

	.services-item{
		width: 100%;
		margin: 0 1% 20px 1%;
	}
	
	/* for service details page */

	.blog-short-info blockquote {
		padding: 20px;
		margin: 20px 0 20px 0;
	}
	.extra-testimonial-box{
		margin: 10px 0;
		padding: 15px;
	}
	.testimonial-box-right{
		width: 100%;
	}
	.testimonial-box-left{
		width: 100%;
	}

	/* for Blog page */

	.blog-content-area{
		padding: 0 0 30px 0;
		overflow: hidden;
	}
	.blog-content-left{
		width: auto;
		float: none;
	}
	.blog-content-right{
		width: auto;
		float: none;
		padding: 20px 0 0 0;
	}
	
	/* for contact page */

	.contact-info-left{
		width: auto;
		float: none;
	}
	.contact-info-right{
		width: auto;
		float: none;
		padding: 30px 0 0 0;
	}

	/* for project details page */

	.gallery-item{
		width: 98%;
		margin: 10px 1% 10px 1%;
	}
}