@media screen and (max-width: 2900px) and (min-width: 2801px){



}

@media screen and (max-width: 2800px) and (min-width: 2301px){

	.banner-img img{height: 80vh;}

}



@media screen and (max-width: 2300px) and (min-width: 2001px){

	.banner-img img{height: 750px;}

}

@media screen and (max-width: 2000px) and (min-width:1801px){

	.banner-img img{height: 650px;}

}

@media screen and (max-width:1800px) and (min-width:1501px){

	.banner-img img{height: 600px;}

}

@media screen and (max-width:991px) and (min-width:767px){


	.footer-contact li p a {
    font-size: 15px;
	}


}

@media screen and (max-width: 1300px){


	.main-menu .navbar{padding: 15px 0;}
	.navbar-expand-lg .nav-menu .navbar-nav a{font-size: 16px;padding: 0px 20px !important;}
	ul.navbar-nav li {padding: 5px 7px;position: relative;}



}

@media screen and (max-width: 1199px){

	





}

@media screen and (max-width: 1024px){
	.banner-content h1 {font-size: 48px;line-height: 58px;}
	.banner-img img{height: 50vh;}
	.ht-right ul li{margin-left: 15px;}
	.about-content h3 {font-size: 60px;line-height: 66px;margin-bottom: 30px;}
	.contact-left h3, .contact-right h3{font-size: 48px;line-height: 54px;}
	.Commercial-section.inner, .Contact-inner {padding-bottom: 50px;padding-top: 50px;}
	.Contact-inner h3{font-size:36px;line-height:44px;margin-bottom: 30px;}
	.ci-left ul li p{font-size: 24px;}
}

@media screen and (max-width: 991px) {
	.ci-left ul li p{font-size: 18px;line-height: 25px;}
	.ci-left ul li span {font-size: 18px;line-height: 29px;}
	.Contact-inner h3{font-size:36px;line-height:44px;margin-bottom: 30px;}
	.sp-left p {font-size: 18px;color: #000000;line-height: 24px;}
	.sp-left h3 {font-size: 32px;margin-bottom: 15px;line-height: 36px;}
	.footer-logo{padding-right: 0;}
	.banner-content h1 {font-size:36px;line-height: 46px;}
	section.section-gallery{padding-top: 0px;}

	.navbar-expand-lg .nav-menu .navbar-nav li:first-child a{padding-left: 15px;}

	/*header .container{max-width: 100%;}*/

	

	.navbar-brand img{max-width: 230px;}

	.get-strated{margin-right:50px;}

	header .navbar-expand-lg .nav-menu .navbar-nav .nav-link{font-size: 15px !important;}

	button.navbar-toggler {border: 0;background: transparent !important;color: #fff;padding:2px 5px 1px;position: absolute;right:5px;top: 20px;top: 50%;margin-top: -15px;}

	header .navbar-light .navbar-toggler-icon {background-image: url('../images/menu.png');width:22px; height: 12px;margin-top: -6px;}

	.get-strated a {font-size: 15px;line-height: 22px;padding: 6px 13px;border-left: 0;}

	/*header .nav-menu{padding: 0px 0;float: none;position: absolute;left: 0;right: 0;top:109px;background: #000;z-index: 1099;margin: 0 auto;}*/
	header .nav-menu{padding: 20px 0;float: none;position: absolute;left: 0;right: 0;top: 109px;background: #000;z-index: 1099;margin: 0 auto;}
	.navbar-expand-lg .nav-menu .navbar-nav li a{color: #fff !important;padding: 8px 25px !important;}

	.navbar-expand-lg .nav-menu .navbar-nav a{text-align: left;}

	/*ul.navbar-nav li{padding: 0px;}*/
	ul.navbar-nav li {padding: 10px 15px;border-bottom: 1px solid #ffffff38;}
	ul.navbar-nav li figure {float: left;width: auto;display: inline-flex;justify-content: center;margin-bottom:10px;margin-right: 20px;}
	.Service-section .service-box h3{font-size: 24px;line-height: 30px;margin-bottom: 12px;}
	.service-box{padding: 50px 15px;}
	.Service-section p {font-size: 16px;line-height: 22px;margin-bottom: 0;}
	.Service-section h3 {margin-bottom: 30px;}
	.project-img ul li img{height: 150px;}

	

	.navbar-expand-lg .nav-menu .navbar-nav li:last-child a{border: 0;}

	div#navbarSupportedContent ul.navbar-nav {width: 100% !important;}



	ul.course-type li{width: 33.33% !important;padding: 0px;margin-bottom: 20px;}

	.banner-content h2{font-size: 26px;line-height: 40px;}

	header .navbar-expand-lg .nav-menu .navbar-nav .nav-link{text-align: left;}
	ul.navbar-nav li:last-child {border-bottom: 0px;}

	.contact-left h3,.contact-right h3, .project-content h3, .testimonial-section h3, .Service-section h3, .about-content h3 {font-size: 36px;line-height: 46px;margin-bottom: 20px;}
	.ht-left {width: 35%;}
	.ht-left ul li span, .ht-right ul li span{margin-right: 8px;font-size: 15px;}
	.ht-left ul li p {font-size: 15px;line-height: 21px;margin-bottom: 0px;}
	.ht-right {float: left;width: 65%;}
	.ht-right ul li {margin-left: 15px;}
	.ht-right ul li p {font-size: 15px;}
	.ht-right ul li p a {font-size: 15px;}
	header .main-menu nav.navbar{padding: 15px 0;}


	







}

@media screen and (max-width: 767px){
	.contact-inner-form .frm-input.sbt{justify-content: flex-start;}
	.contact-inner-form .frm-input.line{flex-direction: column;margin-bottom: 20px;}
	.contact-inner-form .frm-input.line textarea,.contact-inner-form .frm-input.line input[type="text"], .contact-inner-form .frm-input.line input{padding:15px;margin: 0;margin-bottom: 0;}
	.contact-inner-form .frm-input.line span{margin: 0;display: block;}
	.ci-left ul li span {width: 25px;margin-right: 10px;font-size: 20px;line-height: 30px;}
	.contact-inner-form h3 {font-size: 40px;line-height: 46px;margin-bottom: 30px;}
	.ci-left ul li p {font-size: 20px;line-height: 26px;margin-bottom: 1px;}

	.Commercial-section.inner .row {flex-direction: column-reverse;}
	.Commercial-section.inner .gallery-imgs .row {flex-direction: column;}
	.Commercial-section.inner .gallery-imgs .cc-images {margin-bottom: 15px;}
	.sp-left h3 {font-size: 24px;margin-bottom: 15px;line-height: 30px;}
	ul.services-box .row {flex-direction: column-reverse;}
	.sp-left{margin-top: 15px;}
	header .nav-menu{/*top: 139px;*/}
	.project-img ul li img{height: auto;}
	.head-top{display: none;}
	.banner-img img{height: 100vh}
	.banner-content:after{right: 5px;left: auto;}
	.banner-content:before{right: 5px;left: auto;}
	.caption-text{width: 100%;text-align: center;}
	.banner-content h1 {font-size: 24px;line-height: 30px;text-align: center;}
	.caption-text:before{left: -5px;width: 100%;}
	.banner-content a{font-size: 18px;line-height: 24px;}
	.Contact-inner h3{font-size: 30px;line-height: 36px;margin-bottom: 30px;}

		.ht-right ul {display: flex;justify-content: flex-start;flex-wrap: wrap;}

		.ht-right {float: left;width: 100%;}

		.ht-left {float: left;width: 100%;}

		.ht-right ul li{margin-left: 0px;margin-bottom: 5px;}

		.ht-left ul li{margin-left: 0px;margin-bottom: 5px;}

		.ht-left ul li p{font-size: 15px;}

		.ht-right ul li p{font-size: 15px;}

		.testimonial-section h3{font-size: 30px;line-height: 40px;margin-bottom: 15px;}

		.testimonial-box .testimonial-left{width: 100%;}

		.testimonial-box .testimonial-right{width: 100%;}

		.testimonial-box .testimonial-left p{font-size: 16px;text-align: center;}

		.testimonial-box .testimonial-left small{float: left;width: 100%;text-align: center;}

		.logo-section{padding: 100px 0px;}

		.logo-section .ls-img{margin: 30px 0px;}

		.project-content h3{font-size: 30px;line-height: 40px;margin-bottom: 15px;}
		.project-img{margin-top: 30px;}

		.project-content p{font-size: 20px;}

		.project-img ul li{width: 100% !important;padding: 0px;margin: 10px 0px;}

		.Project-section{padding: 50px 0px;}

		.contact-left h3{font-size: 30px;line-height: 40px;margin-bottom: 15px;}

		.contact-right h3{font-size: 30px;line-height: 40px;margin-bottom: 15px;}

		.contact-right {margin-top: 30px;}

		.contact-right p{font-size: 15px;}
		.contact-section{padding: 50px 0;}

		.footer-logo{padding-right: 0px;margin-bottom: 30px;}

		.footer-links{margin-bottom: 30px;}

		p.copyright{margin-top: 40px;font-size: 15px;}

		.service-box{margin-bottom: 30px;}

		.Service-section h3{font-size: 30px;line-height: 40px;margin-bottom: 30px;}
		


		.Service-section{padding: 40px 0px;}

		.type-box{margin-bottom: 30px;}

		.about-content p{font-size: 20px;}

		.about-content h3{font-size: 30px;line-height: 40px;margin-bottom: 15px;}

		.about-content{margin-top: 30px;}

		.banner-content{width: 90%;}

		.main-menu{padding: 0px 0px;}

		.banner-content h2::before{left: -25px;height: 265px;}

		.service-box{padding: 60px 10px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
		.Service-section p{font-size: 15px;margin-bottom: 0;}
		.Service-section .service-box h3{font-size: 22px;line-height: 32px;margin-bottom: 10px;}

} 



@media screen and  (max-width: 575px){ 


	/*header .nav-menu{top: 109px;} */

	/*ul.navbar-nav li:nth-child(4){padding: 0px;}*/

	.navbar-brand img {max-width: 180px;}

	header.navbar {padding: 19px 15px;}

	button.navbar-toggler{right: 5px;/*top: 20px;*/}

	a.navbar-brand.mr-auto{margin-right: 0!important;} 

	button.navbar-toggler{padding: 2px 5px 1px;} 

	header .navbar-light .navbar-toggler-icon {width: 20px;height: 12px;margin-top: -6px;}

	nav.navbar.navbar-expand-lg.navbar-light {float: left;width: 100%;}

	.quote-right{margin-top: 40px;}



	

}

