@media(max-width:1400px){
	ul.feature-project-listing li .img-thumb{height:400px}	
	ul.feature-project-listing li .hover-section { top: 30px; }
	ul.feature-project-listing li .project-desc{padding: 50px 30px 25px}	
	ul.feature-project-listing li .project-desc p{font-size: 12px;}
}
@media(max-width:1199px){

	h1{font-size: 34px;}
	.key-value-wrap h2	{font-size: 30px;}
	h5{font-size: 18px;}
	.title-with-bg .title-with-bg-wrap h2{font-size: 30px;}
	.banner-title{left:inherit;}
	.sec-two-col-img-cont{padding: 20px 0 150px; }	

	ul.feature-project-listing li .img-thumb{height: 350px;}
	ul.feature-project-listing li .hover-section{top:35px;}
	ul.feature-project-listing li .project-desc{padding:45px 20px 25px}	
	ul.feature-project-listing li .project-desc p{padding-bottom: 15px;}	
   	
   	.title-with-bg .title-with-bg-wrap{padding:90px 0;}
	.title-with-bg .title-with-bg-wrap h2{letter-spacing: 7px;}

	.sec-about-us{background-size: cover;}

	.foo-middle-wrap .foo-address {width: 41.5%;}
   	.foo-middle-wrap .foo-contact { width: 23%; }
   	.foo-middle-wrap .foo-social { width: 25.5%;}
   	.footer-copyright { width: 25%;}    
    .two-col-cont{padding:115px 0 60px 100px}
    .two-col-cont h2{font-size:26px;letter-spacing:2px;}
    .about-us-top-left h2{font-size: 24px;}
    .about-us-top-left p{padding:0 35px;}

    .latest-new{padding:80px 0;}
    .our-people { padding:100px 0 90px}
       
	ul.project-listing{padding:20px 0 0 5px;}    
    ul.filter-sub-listing li{margin-left: 20px;}
    .sec-featured-project{padding:50px 0 20px;}
    .title-with-left-line{margin-bottom: 30px;}

    ul.three-col-listing{margin-bottom: 0;}

    .title-with-bg{margin-bottom: 40px;}
    .sec-our-services{padding:50px 0 10px;}
    ul.services-col-listing li{width:32.2%;}

    ul.filter-listing {width:21.5%;}
    ul.key-value-listing li{width:19%;}
    ul.key-value-listing li .key-desc p{font-size: 13px;}
    ul.key-value-listing li .key-desc h5{font-size: 15px;margin-bottom: 10px;}
}
@media(max-width:1023px){
   	
   	.about-us-top-left p{padding:0 15px;}
   	.key-value-wrap h2{letter-spacing: 5px;}
   	.about-us-content{padding:40px 0;}
   	.latest-new{padding:50px 0;}

   	.single-project-left-details{padding-right: 25px;}
   	.filter{display:block;}
   	ul.filter-listing{display: inline-block;width: auto;margin-right: 45px;}
   	ul.filter-sub-listing{text-align: left;width: 100%}
   	ul.filter-sub-listing li{margin-right:20px;margin-left: 0}   	
   	ul.feature-project-listing li .project-desc h6{line-height: 1.5}
   	ul.feature-project-listing li .hover-section{top:15px;}   	
	ul.feature-project-listing li .project-desc{padding:25px 20px 25px}
   	ul.feature-project-listing li .img-thumb{height: 330px;}
	ul.key-value-listing li {width:18.7%;}	
   	ul.key-value-listing li .key-desc h5{font-size: 16px;letter-spacing: 1.2px;margin-bottom: 10px;}
   	ul.key-value-listing li .key-desc p{font-size: 13px;}   	
   	.sec-projects ul.project-listing{padding:10px 0 0;}
    .management-system-left {width: 100%;}
    .management-system-right {width: 100%;}
    .management-system-img {padding: 30px 0 0 0;}
}
@media(max-width:991px){
    h1{font-size:30px;}
    h2{font-size:24px;letter-spacing: 2px;}
    h5{font-size:18px;}	
    .key-value-wrap h2	{font-size: 28px;}
    .title-with-bg .title-with-bg-wrap h2{font-size: 28px;}
    .two-col-cont{width:100%;padding:50px 0 20px}
	.two-col-cont h2{margin-bottom: 20px;}
    .title-with-left-line h2 {font-size: 15px;}
    
    .title-with-bg .title-with-bg-wrap{padding:90px 0;}
    .sec-about-us{padding:40px 0 0;}
    .about-right-img{width: 100%;float:none;}
    .about-us-wrapper .about-us-cont{max-width: 100%;padding:20px 0;}
    header.site-header{padding:25px 0}
    .header-main .logo a img{width:65%;-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;}    
    header.site-header.fixed .logo img{width:55%;}  
    .sec-two-col-img-cont{padding: 40px 0;}

    .about-img{position: relative;width: 100%; padding-bottom:56.5%;margin-bottom: 25px;}
	.about-us-top-left{padding:50px 20px}
	
	ul.feature-project-listing{display: block;}
	ul.feature-project-listing li .hover-section{top:40px;}
	ul.feature-project-listing li .project-desc{padding:65px 20px 25px}
    ul.feature-project-listing li{width:49%;display: inline-block;margin-bottom: 70px;}
    ul.feature-project-listing li:nth-of-type(2n){margin-right:0;}  
	ul.feature-project-listing li .img-thumb{height: 400px;}

	/*ul.feature-project-listing li:last-child, ul.feature-project-listing li:nth-last-child(2){margin-bottom: 0}*/

	/*ul.feature-project-listing li:last-child, ul.feature-project-listing li:nth-last-child(2){margin-bottom: 0}*/

	ul.three-col-listing{display: block;width: 100%;margin-bottom: 0;padding-left: 0}	
	ul.three-col-listing li{margin-right: 20px;width:100%;}
	ul.three-col-listing li, ul.three-col-listing li:nth-of-type(2), ul.three-col-listing li:nth-of-type(3){width: 100%;margin-bottom: 25px;}
	ul.three-col-listing li, ul.three-col-listing li:last-child{padding-bottom: 25px;}
	ul.three-col-listing li:first-child{width:100%;}
	ul.three-col-listing li p{max-width: 100%}
	ul.three-col-listing li h5{margin-bottom: 10px;}
	ul.three-col-listing li h5 br{display: none;}
	ul.three-col-listing li a.btn.btn-primary{position: relative;}

	.sec-our-services ul.three-col-listing{display: block;}



	ul.services-col-listing{padding-left: 0}
	ul.services-col-listing li{width:48.95%;}
	ul.services-col-listing li:nth-of-type(2n){margin-right: 0}
	ul.services-col-listing li:nth-of-type(3){margin-right: 15px}
	ul.services-col-listing li .service-thumb img{width:100%;}

	

	ul.key-value-listing{display: block;text-align: center;padding-bottom: 20px;}
	ul.key-value-listing li{width:31%;display: inline-block;vertical-align: top}
	ul.key-value-listing li:nth-of-type(3n){margin-right: 0}
	ul.key-value-listing li .key-desc h5{font-size: 18px;margin-bottom: 15px}
	ul.key-value-listing li .key-desc p{font-size: 14px;}

	.sec-featured-project{padding:30px 0 20px}
	.col-img { width: 100%; position: relative; height: 100%;padding-bottom: 56.5%; }

	.footer-wrap{display: block;text-align: center;}
	.footer-logo{margin:0 auto 25px;width: 100%}	
	.footer-logo img{width: auto;}
	.footer-middle { width: 100%; margin: 0 auto; text-align: center; }	
	.foo-middle-wrap{margin-bottom: 25px;}
	.foo-middle-wrap .foo-address,.foo-middle-wrap .foo-contact, .foo-middle-wrap .foo-social{width:33%;}

	.footer-copyright{width: 100%}
	.title-with-bg .title-with-bg-wrap{padding:70px 0;}
	.banner-inner {height:220px;}

	.about-us-top-left { width: 100%;}
	.about-us-top-right{ width: 100%;height: 100%;padding-bottom: 65.5%}

	.about-us-top-left p{padding: 0}
	.about-us-top-left-wrap{max-width: 100%;width: 100%}

	.sec-key-value{padding:30px 0;}
	.title-with-bg{margin-bottom: 50px;}
	.achievements-desc h4 {font-size: 22px;}

	.testimonial-slider-wrap{/*min-height:450px;*/background-size: cover;background-position: center center}

	.searchform{position: absolute;right:85px;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);margin-left: 0}
	.searchform a img{width:16px;}
	.map-bg:before{display: none;}
	.contact-map .container{padding: 0}
	.location { position:relative;top: 0; z-index: 111; transform: translateY(0); z-index: 2; background:#002e4d;}
	.location-wrap { position: relative; z-index: 11; padding: 40px 25px; width: 100%; max-width: 100%; }
	.contact-map{padding:60px 0 20px;}

	.our-people-box { width: 30.9%;}

	.our-people-box.class-center .people-details{width:570px;}
	
	ul.project-listing li{width:31.9%;}
	ul.project-listing li .project-bottom-desc{padding: 15px 25px 0 10px}
	ul.project-listing li .project-bottom-desc h6{font-size: 12px;}
	ul.project-listing li .project-desc{padding:60px 25px 25px;}
	ul.project-listing li .hover-section{top:20px;}
	ul.project-listing li .project-desc p{font-size: 12px;}

	.client-logo-slider .item{width:100%;margin-bottom: 0;text-align: center;}

	.client-logo-slider.owl-carousel .owl-item img{width: auto !important;margin:0 auto;}
	.client-logo-slider.owl-carousel .owl-stage{display: flex;align-items: center;}


	.single-product ul.filter-sub-listing{flex-wrap: wrap;justify-content: center;}
	.single-product ul.filter-sub-listing li{padding:0 15px;margin-right: 0}

	.single-project-desc-wrapper{display: block;}
	.single-project-left-details { padding-right: 0; width: 100%; max-width: 100%;margin-bottom: 25px;}
	.single-project-right-details { width: 100%; }
	ul.single-product-table li:first-child{padding:0 0px 14px;}
	ul.single-product-table li{padding:15px 0px}

	.sec-our-services{padding:30px 0 10px;}
	/*.filter { width: 100%; padding: 0 5px 50px; position: relative; display: flex; align-items: center; justify-content: center; }
	ul.filter-sub-listing { display: none; width: 100%; txt-align: right; position: absolute; bottom: -25px; left: 0; right: 0; text-align: center;margin-right: 0;padding: 0 15px;}	*/

	

	.searchbox{width:420px;}

}
@media(max-width:767px){

	.banner-inner {height:200px}
	.title-with-bg .title-with-bg-wrap h2{font-size: 24px;letter-spacing: 3px;}

	.sec-our-services ul.three-col-listing {display: flex;flex-wrap: wrap;justify-content: flex-start;padding-left: 0}	
	
	.single-product-slider .item{margin:0;}
	
	ul.feature-project-listing{margin-bottom: 0}
	ul.feature-project-listing li{width:100%;margin-right: 0;margin-bottom: 45px}
	ul.feature-project-listing li:last-child{margin-bottom: 0}
	ul.feature-project-listing li .img-thumb{height: 100%;padding-bottom:100%;}	
	ul.project-listing li:nth-of-type(3n){margin-right: 15px;}
	ul.project-listing li:nth-of-type(2n + 1){margin-right: 15px}

	.two-col-cont h2{font-size: 20px;}
	.title-with-bg .title-with-bg-wrap{padding:50px 0;}
	.banner-slider .owl-dots{top:15px;}
	.banner-cont{padding-top: 65px;}

	.key-value-wrap h2{letter-spacing: 3px;}
	ul.key-value-listing li{width:48%;}
	ul.key-value-listing li:nth-of-type(3n){margin-right:20px;}
	ul.key-value-listing li:nth-of-type(2n){margin-right: 0}
	.banner-title h2 {font-size: 18px;}
	.about-us-top-left h2{font-size: 20px;}

	.width-full {width: 100%;}
	.width-half{width:100%;}
	.form-col{display: block;}
	.form-col-left{width: 100%;margin-right: 0; }
	.form-col-right {width: 100%;}
	.form-col-right textarea{padding:7px 15px 0px;}

	.our-people-box{width:100%;margin-right: 0}
	.our-people-box:nth-of-type(2n){margin-right: 0}
	.our-people-box:nth-of-type(3){margin-right:0}	
	.people-details{padding: 70px 15px 50px 15px;width: 100%;height: 355px;overflow: auto}
	.people-details:before{display: none}
	.our-people-box a.close-icon{left:15px;}	
	.our-people-box.class-center .people-details{width: 100%}
	.our-people-box.class-left .people-details{padding: 70px 50px 50px 50px;}
	.our-people-box.class-right .people-details{padding:70px 50px 50px 50px;}

	ul.project-listing li {width: 48.7%;}
	ul.project-listing li:nth-of-type(2n){margin-right:0;}
	.contact-form-wrap{padding: 5px 0px 5px 0px}
	.form-control {margin-bottom: 30px;}
	.our-people-box.class-right .people-details a.close-icon{right:inherit;left:15px;}
    .people-details-last-child .people-details{bottom: 0;}

	ul.project-listing li .img-thumb{height: 100%;padding-bottom: 100%}
	ul.single-product-table li .desc p{font-size: 14px;}
	ul.single-product-table li .title h6{font-size: 14px;}

	.title-with-left-line{margin-bottom: 40px;}
	.about-right-img p{letter-spacing:1.8px}
	.about-right-img p span{letter-spacing: 1px;}


	.single-product-slider{padding-left: 0}
	.single-product-slider.owl-carousel .owl-nav{width:100%;}
	
	ul.services-col-listing li{width:100%;margin-right: 0}
	ul.services-col-listing li:nth-of-type(2n){margin-right: 0}
	ul.services-col-listing li:nth-of-type(3){margin-right: 0}

	.foo-middle-wrap .foo-address br{display: none}

	 

	.people-details, .our-people-box:nth-last-child(2) .people-details, .our-people-box:nth-last-child(3) .people-details{top:inherit;}

	.searchbox{width:320px;}
    .management-system-content {padding: 20px 20px 0px 0px;}
}
@media(max-width:640px){    
 	.title-with-bg .title-with-bg-wrap h2 { font-size: 22px; letter-spacing: 3px; } 
 	.two-col-cont h2 {font-size: 18px;}  
 	.sec-our-services ul.three-col-listing li{width:100%;margin-right: 0}
 	ul.key-value-listing li{width:100%;margin-right: 0}
 	ul.key-value-listing li:nth-of-type(3n){margin-right: 0}
 	ul.key-value-listing .key-desc{max-width: 420px;margin: 0 auto}
 	ul.achievements-listing li {width: 100%;margin-right: 0;} 	

 	.testi-slider{padding: 55px 50px 35px}
 	.banner-title h2 {font-size: 16px;}

 	.our-people-box{width:100%;margin-right: 0}

 	ul.project-listing li{width:100%;margin-right: 0}
 	ul.project-listing li:nth-of-type(2n + 1){margin-right: 0}

 	.people-details{padding: 70px 15px 50px 15px;bottom:inherit;width: 100%;height: 510px}

 	.our-people-box.class-right .people-details{padding: 70px 15px 50px 15px;}

 	.people-details:before{display: none;}

.our-people-box.class-left .people-details {
    padding: 70px 15px 50px 15px;
}
 	
 	.our-people-box.class-left .people-details {
    padding: 70px 15px 50px 15px;
}
	ul.single-product-table li .desc p{font-size: 12px;}

	ul.single-product-table li .title h6{font-size: 12px;}

	.about-right-img .about-img-title{width: 100%; text-align: center;}

	.about-right-img p{letter-spacing: 0.5px;}

	.foo-middle-wrap{display: block;}

	.foo-middle-wrap .foo-address {width: 100%;margin-bottom: 25px}
	.foo-middle-wrap .foo-social { width: 100%;margin-bottom: 25px}
	.foo-middle-wrap .foo-contact { width: 100%; margin-bottom: 25px; }
	.foo-middle-wrap .foo-address br{display: block}

	.searchbox{width:230px;}
.people-details-last-child .people-details{height: auto;}

}
@media(max-width:500px){
    .management-system-img ul li{width: 50%;text-align: center;}
}
@media(max-width:480px){
    p{font-size:14px;}
    .about-us-top-left h2{font-size: 20px;}
    .banner-title h2 {font-size: 14px;}
    .people-details{padding:70px 15px 50px 15px;} 

    .searchbox{width:200px;}   
}
@media(max-width:380px){
	.about-us-wrapper .about-us-cont p{text-align: inherit;line-height: 1.5;letter-spacing: 0.5px;}
}
@media(max-width:320px){
    /*.content-slider .owl-nav {top: 16%;}*/ 
}