@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;	
	}
	.specialization{
		background-position: center;
	}
	#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: 100%;
    float: none;
}
.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	
}
}
@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: 1366px) and (max-width: 1449px) {

}
@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%	
}
}