@charset "utf-8";
/* CSS Document */

/*320 - 767*/
@media screen and (max-width: 767px) {
	
	.site-header .navigation > .container {
    position: relative;
    width: 100%;
}
	
	.hero-style-3{
	min-height:100%;
	height:30vh	
	}
	.hero .slide .slider-image{
	height:30vh	
	}
	.hero .slide .container-fluid{
	display:none	
	}
	.slick-list{
	height:30vh	
	}
	.qua_scroll_down{
	display:none	
	}
	.section-padding{
	padding:50px 0	
	}
	.about-section-s3 .about-text h2 {
    font-size: 30px;
	line-height:35px
	}
	.section-title, .section-title-s4{
	margin-bottom:0px;	
	}
	.specialization .section-title h2{
	margin-bottom:50px;	
	}
	#sustainable{
		background-position: center;
		background-attachment: inherit;
	}
	#specifications h2{
	top:0	
	}
	#specifications .container-fluid{
	padding-right:15px	
	}
	#specifications .owl-prev {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 0%;
    border-bottom-right-radius: 0%;
}
#specifications .owl-next {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 0%;
    border-bottom-left-radius: 0%;
    right: 0;
}
.layout-plans .owl-prev {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
    border-top-right-radius: 0% !important;
    border-bottom-right-radius: 0% !important;
}
.layout-plans .owl-next {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
    border-top-left-radius: 0% !important;
    border-bottom-left-radius: 0% !important;
    right: 0;
}
.layout-plans{
height:auto;
}
.layout-plans .owl-carousel {
    padding-bottom: 0;
}
.site-footer {
    padding: 30px 0 30px;
}
.copyright {
    font-size: 14px;
    text-align: center;
	    margin-bottom: 10px;

	
}
body .header-fixed{
position:relative;
height:65px	
}
.about-section-s3 .mt-50{
margin-top:0	
}
body .header .container-fluid {
    padding: 0 20px;
}
.logo-box img {
    width: 75px;
}
.sales-inq{
right:30px;	
margin-top:13px
}
body .nav-toggle-btn{
margin-top:20px	
}
body .nav-toggle-title{
display:none	
}
.about-section-s3:after{
display:none	
}
/*.availsection{
width:fit-content;
float:right	
}*/
.availsection span{
display:block;
text-align:center;
margin-right:0 !important;
margin-bottom:10px	
}
.specialization .grid h3, .specialization-s2 .grid h3{
font-size:13px	
}
.specialization .specialization-grids .grid, .specialization-s2 .specialization-grids .grid{
padding:10px	
}
#sustainable .owl-prev {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 0%;
    border-bottom-right-radius: 0%;
}
#sustainable .owl-next {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 0%;
    border-bottom-left-radius: 0%;
    right: 0;
}
.services-section .service-grids .details h3, .services-section-s2 .service-grids .details h3{
	font-size:16px
}
.services-section .service-grids .details h3, .services-section-s2 .service-grids .details h3{
padding-left:0	
}
.testimonials-section-s2 .client-details {
    padding-top: 0;
}
.testimonials-section-s2 .client-info{
min-height: auto!important	
}
.testimonials-section-s2 .client-details h4 {
       font-size: 17px;
    margin-bottom: 20px;
    font-weight: 600;
}
.recent-projects h2{
margin-bottom:50px	
}
.services-section .service-grids .details h3:before, .services-section-s2 .service-grids .details h3:before{
display:none	
}
.services-section .service-grids .details h3, .services-section-s2 .service-grids .details h3{
text-align:center	
}
.testimonials-section-s2 h2{
margin-bottom:50px	
}
.testimonials-grids p{
font-size:14px	
}
.testimonials-section-s2 .testimonials-grids .grid{
min-height:285px	
}
.location-map {
    
    background-size: contain;
    background-attachment: inherit;
    height: 300px;
   
    background-repeat: no-repeat;
}
.brochure-btn.theme-btn-s4{
font-size:15px;	
}
.contact-section .contact-title h2 {
    font-size: 35px;
    margin-top: 50px;
}
.contact-section .details ul h5{
font-size:16px	
}
.contact-section .details ul span{
font-size:13px	
}
.contact-section .details ul li{
margin-bottom:30px	
}
.contact-section .details ul li.mb-35{
margin-bottom:12px	
}
.modal-title{
font-size:30px	
}
.theme-btn-s4{
font-size:12px	
}
.about-pg-history h2{
margin-bottom:50px	
}
.about-pg-history .container {
    max-width: 100%;
}
.about-pg-history .history-grids .grid:after{
top:26px	
}
.site-footer .container .row > .col{
margin-bottom:20px	
}
.site-footer ul{
float:none;
    width: fit-content;
    margin: 0 auto;	
}
.mob-order-1{
order:1	
}
.mob-order-2{
order:2	
}
.sales-inq a{
font-size:13px	
}
.site-footer .container-fluid{
padding:0 15px	
}
.specialization{
    padding-top: 180px !important;	
}
#specifications{
	    background-attachment: inherit;
		    background-position: center;
}
}

@media (min-width: 768px) and (max-width: 1023px) {

.hero-style-3{
	min-height:100%;
	height:50vh	
	}
	.hero-style-3 .slide{
		min-height:100%;
	height:50vh	
	}
	.hero-style-3 .slide-title h2{
	font-size:50px	
	}
	.slide-title span{
	margin-bottom:10px	
	}
	.qua_scroll_down{
	    bottom: 130px;
}
	/*.availsection{
	float:right	
	}*/
	.specialization .grid h3, .specialization-s2 .grid h3{
	font-size:15px	
	}
	#specifications .details{
	min-height:295px	
	}
	#sustainable .details{
	min-height:295px	
	}
	.services-section .service-grids .details h3{
	font-size:15px	
	}
	.layout-plans .details{
	min-height:133px !important	
	}
	.location-map {
    background-size: 100%;
    background-attachment: inherit;
    height: 430px;
    background-repeat: no-repeat;
	}
	.contact-section .details ul li.mb-35{
	margin-bottom:0	
	}
	.contact-section .details ul li.mb-60{
	margin-bottom:10px	
	}
	.contact-section .details ul > li:nth-child(3n){
	margin-bottom:50px	
	}
	.about-pg-history .history-grids .grid {
    width: 45%;
	margin-bottom:25px;
	padding-right:30px
	}
	.grd-btm{
	margin-bottom:0	
	}.site-footer {
    padding: 30px 0;
}
.site-footer .container-fluid {
    padding: 0 15px;
}

.site-footer .col.col-md-6.mob-order-2{
width:70%;
float:left	
}

.site-footer .col.col-md-6.mob-order-1{
width:30%;
float:left		
}
.video-section:before{
bottom:	0
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
	.hero-style-3 .slide-title h2{
	font-size:50px	
	}
.slide-title span{
font-size:10px	
}
.slide-title h3{
font-size:14px	
}
.availsection {
    margin-top: 30px;
  /*  left: 150px;*/
    position: relative;
}
.video-holder a{
margin-bottom:-45px	
}
.specialization .grid h3, .specialization-s2 .grid h3{
	font-size:15px	
	}
	#specifications .details{
	min-height:295px	
	}
	#sustainable .details{
	min-height:295px	
	}
	.services-section .service-grids .details h3{
	font-size:15px	
	}
	.layout-plans .details{
	min-height:133px !important	
	}
	.specialization .specialization-grids .grid{
	padding:30px;
	min-height: 155px;	
	}
	.location-map {
    background-size: 100%;
    background-attachment: inherit;
    height: 570px;
    background-repeat: no-repeat;
	}
	.about-pg-history .container {
    max-width: 100%;
}
.video-section:before{
bottom:0	
}
}

@media (min-width: 1280px) and (max-width: 1439px) {
.specialization .specialization-grids .grid, .specialization-s2 .specialization-grids .grid{
padding:25px
}
.specialization .grid h3, .specialization-s2 .grid h3{
font-size:14px	
}
.about-pg-history .container{
	max-width:90%
}
/*.about-pg-history .history-grids .grid{
min-height:90px	
}*/

.about-section-s3:after {
        height: 120px;
    width: 9%;
   
    margin-top: 0;
    
    bottom: 0;
    
}
.video-holder a{
bottom:-40px;
width:90px;
height:90px	
}
.hero .slide .container-fluid{
width:90%	
}
.slide-title h3{
font-size:15px	
}
.slide-title span{
	font-size:12px
}
}




@media (min-width: 1440px) and (max-width: 1559px) {
/*	.about-pg-history .history-grids .grid{
min-height:90px	
}*/
.hero .slide .container-fluid{
width:90%	
}
.slide-title h3{
font-size:15px	
}
.slide-title span{
	font-size:12px
}
.about-section-s3:after{
width:10%	
}
.specialization .specialization-grids .grid, .specialization-s2 .specialization-grids .grid{
padding:25px	
}
}
@media (min-width: 1600px) and (max-width: 1919px) {
.hero .slide .container-fluid{
width:90%	
}
.slide-title h3{
font-size:15px	
}
.slide-title span{
	font-size:12px
}
.about-section-s3:after{
width:8%	
}
}