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

/*media  styles*/

@media (min-width: 450px){



}


	
@media (min-width: 576px){

.container {
    max-width:1296px;
}



.hm-why-sec .hm-features .row {
  margin-right: -15px;
  margin-left: -15px;
  }

.hm-why-sec .hm-features .row > .col,
.hm-why-sec .hm-features .row > [class*="col-"] {
  padding-right: 15px;
  padding-left: 15px;
  }	
	
	.hm-why-sec .hm-features .box-items{
		height: 110px;
	}
	
	

	

}



@media (min-width: 768px){






	
	
.hm-small-banner-sec{
	text-align: left;
	}
	
.hm-small-banner-sec .btn-bnr-contact.ar{
	float: right;
}



	
	

	
.footer-sec .footer-bottom{
	padding:15px 0;	
}

.footer-sec .copyright{
	text-align: left;
	margin: 0;
	}


.footer-sec .design{
	text-align: right;
	}	
	


	
}



@media (min-width: 992px){

	
body{
font-size:15px;
}	
	


.breadcrumb{
	font-size:13px;
	}
	


.modal-title{
	font-size:15px;
}
	
.main-header .modal-title{
	font-size:15px;
}
	
.pro-single-sec .modal-title{
	font-size:15px;
}

	
	
.sec-header h1{
	font-size:36px;
	letter-spacing: -1px;
	margin: 0 0 35px 0;
	}
	



.btn-more{
	padding:11px 30px;
	font-size:12px;
	}
	
.btn-more.ar{
	margin: 10px 0 0 0;
}
	
.btn-more-light{
	padding:11px 30px;
	font-size:12px;
	}
	
.btn-more-light.ar{
	margin: 10px 0 0 0;
}	
	
	
	

.btn-enq{
	padding:10px 20px 9px;
	font-size:13px;
	}

	
	
.btn-discover{
	font-size:13px;
	padding: 0 0 0 35px;
	}

.btn-discover:after{
    width: 20px;
}
	

.btn-enq{
	top:-80px;
	
	}	
	
	

.top_header {
  -ms-flex-pack: justify ;
  justify-content: space-between ;	
	
}
	
.top-right{
position:relative;	
	display: -ms-flexbox ;
	display: flex ;
	-ms-flex-align: center ;
	align-items: center ;
	}	
	
.main-header .social-icon a{
    margin-left:20px;
}
	
.main-header .social-icon .iconstyle{
	font-size:15px;
	}


.main-header .social-icon .iconstyle.icon-youtube{
	font-size:22px;
	}


	
	
	
	
	
	
.hm-why-sec .content-box{
	padding: 120px 15px 40px 15px;
}


.hm-why-sec .content-box .title{
	font-size: 44px;
	margin: 0 0 25px 0;
}
	
	
.hm-why-sec .content-box .desc{
	margin: 0 0 40px 0;	
}

	
	

.hm-why-sec .hm-features-slide h1{
	top:50px;
	font-size:36px;
	padding:15px 30px;
	z-index: 2;
	}


.hm-why-sec .hm-features{
	padding: 200px 30px 80px;
}


.hm-why-sec .hm-features h3{
	font-size: 26px;
	margin: 0 0 30px 0;
}



.hm-why-sec .hm-features .box-items{
	height: 185px;
	padding: 30px 10px;
}


.hm-why-sec .hm-features .box-items .icon{
	margin: 0 0 20px 0;
}


.hm-why-sec .hm-features .box-items .icon img{
	width: 60px;
	height: 60px;
}

.hm-why-sec .hm-features .box-items .title{
	font-size: 15px;
}

.hm-why-sec .hm-features .box-items .icon-image{
	width: 100px;
	height: 100px;
	margin-bottom: 10px;
}

.hm-why-sec .hm-features .box-items .icon-image img{
	width: 100px;
	height: 100px;
	}
	
	
.mission-sec{
	padding:80px 0;
	}
	
.mission-sec .box-item{	
	height: 100%;
	margin: 0;
	padding: 40px;
	}

.mission-sec .box-item .icon{
	margin: 0 0 30px 0;
	}

	.mission-sec .box-item .icon img{
		width: 60px;
		}

.mission-sec .box-item h2{
	font-size: 36px;
	margin: 0 0 15px 0;
	}



.mission-sec .list-items li:before {
    top: 7px;
	}


	
	

.hm-product-sec{
	padding:80px 0 0;
	}
	



.hm-product-sec h2{
	font-size: 28px;
	margin: 0 0 15px 0;
	}

.hm-product-sec .category-box{
	margin: 30px 0 0 0;
}



.hm-product-sec .image-box{
	margin:0;
	}



.hm-product-sec .image-box h3{
	padding: 10px 10px 9px;
	font-size: 18px;
	}
	
	
	
	
	
	

	
.hm-certificates-sec::after{
	position: absolute;
	content: '';
	top:80px;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: calc(100% - 160px);
	background: #E50019;
}	
	
.hm-certificates-sec .content-box{
	padding: 80px 15px 40px 15px;	
}
	
.hm-certificates-sec .item-box .subtitle{
	font-size: 13px;
	}	
	

.hm-gr-sec .vdo-bg{
	padding: 80px;
}

.hm-gr-sec .vdobox .icon img{
	max-width: 86px;
}

.hm-gr-sec .vdobox .title{
	font-size: 36px;
	margin: 0 0 25px 0;
}

.hm-gr-sec .vdobox .subtitle{
	font-size: 14px;
}	

.hm-gr-sec .content-box{
	padding:80px 15px;	
}
	
	
	
	
	
.hm-application-sec{
	padding: 80px 0 40px;
}


.hm-app-box .content-box{
	padding: 25px 20px;
	}	
	
	.hm-app-box .content-box h3{
		font-size:18px;
		margin:0 0 15px 0;		
	}
	
	.hm-app-box .content-box h5{
		font-size:16px;
		margin:0 0 20px 0;
	}
	
	.hm-app-box .content-box .desc{
		height:70px;
		margin:0 0 20px 0;
	}




	
	
.hm-videos-sec .content-box{
	padding: 80px 15px 0px 15px;
}

.hm-videos-sec .video-box .video-thumb img{
	width: 100%;
	object-fit: cover;
	height: 220px;
}


.hm-videos-sec .video-box .video-thumb .icon{
    width: 36px;
	height: 36px;
	}

.hm-videos-sec .video-box .title{
	font-size: 15px;
}
	
	
	
	
	


.hm-associates-sec{
	padding: 80px 0;	
}	
	

	

.footer-sec{
	font-size:13px;
	}
	
.footer-sec .footer-widgets{
	padding:80px 0 30px 0;
	}
	
.footer-sec .footer-column{
	margin:0 0 30px 0;
	}
	
	
.footer-sec .footer-column h5{
	font-size:14px;
	margin:0 0 15px 0;
	}

.footer-sec .footer-column .links li{
	padding:7px 0;
	}
	

.footer-sec .social-icon a{
    margin-left:20px;
}
	
.footer-sec .social-icon .iconstyle{
	font-size:15px;
	}


.footer-sec .social-icon .iconstyle.icon-youtube{
	font-size:22px;
	}


	
	
.footer-sec .design{
	font-size:12px;
	}

	
.footer-sec .box{
	padding:0 0 0 30px;
	}

.footer-sec .box .icon{
	top:2px;
	}
	
.footer-sec .box .iconstyle{
	font-size:14px;
	}
	

	
.sub-heading h1{
	font-size:36px;
	margin: 0 0 20px 0;
	}
	
.gen-videos-sec{
	padding: 50px 0 30px;
}	
	
.gen-videos-sec .video-box .video-thumb{
	margin: 0 0 10px 0
}

.gen-videos-sec .video-box .video-thumb img{
}

.gen-videos-sec .video-box .video-thumb .icon{
    width: 36px;
	height: 36px;
	}

.gen-videos-sec .video-box .title{
	font-size: 15px;
}
	

	
	
	
	
.about-sec{
	padding:60px 0 80px;
	}	
	
.about-sec .box-row{
	margin: 0 0 20px 0;
}

.about-sec .desc-one{
	font-size: 20px;
	}
	
.about-sec .desc-two{
	font-size: 18px;
	}
	
	
.about-sec .desc{
	margin: 0 0 25px 0;
	}
	
	
.about-sec .image-box{
	margin:0;
	}

.about-sec .content-box{
	margin: 0;
	}

.about-sec .content-box.pd-left{
	padding: 0 0 0 20px;
	}

.about-sec .content-box.pd-right{
	padding: 0 20px 0 0;
	}



	

.why-sec{
	padding:80px 0;
	}
	
.why-sec.bg{
	padding: 80px 0;
	}
	
	
.why-sec .desc{
	margin: 0 0 25px 0;
	}
	
	
.why-sec .image-box{
	margin:0;
	}

.why-sec .content-box{
	margin: 0;
	}

.why-sec .content-box.pd-left{
	padding: 0 0 0 20px;
	}

.why-sec .content-box.pd-right{
	padding: 0 20px 0 0;
	}	
	

	

.infrastructure-sec{
	padding:80px 0;
	}
	
.infrastructure-sec.bg{
	padding: 80px 0;
	}
	
	
.infrastructure-sec .desc{
	margin: 0;
	}
	
	
.infrastructure-sec .image-box{
	margin:0;
	}

.infrastructure-sec .content-box{
	margin: 0;
	}

.infrastructure-sec .content-box.pd-left{
	padding: 0 0 0 20px;
	}

.infrastructure-sec .content-box.pd-right{
	padding: 0 20px 0 0;
	}	
	
	

.quality-sec{
	padding:60px 0;
	}
	
.quality-sec .box-quality .title{
	padding: 7px 20px;
}
	
	
.quality-sec .box-quality h3{
	font-size: 18px;
}	
	
.quality-sec .box-quality h5{
	font-size: 16px;
}	

.quality-sec .contentbox{
	padding: 20px 30px 10px;
	}


	
	
.certifications-sec{
	padding:60px 0;
	}

	.certifications-sec .item-box{
		margin: 0 0 30px 0;		
	}
	
.certifications-sec .item-box .subtitle{
	font-size: 13px;
	}
	

	
	
.application-sec{
	padding: 60px 0;
	}
		
.application-sec .desc{
	margin: 0 0 25px 0;
	}
	
.application-sec .desc-box{
	margin: 0 0 25px 0;
	}
		
	
.application-sec .imagebox{
	margin:0;
	}

.application-sec .contentbox{
	margin: 0 0 20px 0;
	}

.application-sec .contentbox.pd-left{
	padding: 0 0 0 20px;
	}

.application-sec .contentbox.pd-right{
	padding: 0 20px 0 0;
	}	
	

	
.application-sec h2{
	font-size: 28px;
	margin: 0 0 25px 0;
	}

.application-sec .desc-box{
	font-size: 15px;
	padding: 15px 20px 13px;
	}	
	
	
	
	
.gallery-sec{
	padding: 60px 0 40px;	
}
	
.gallery-sec .desc{
	margin: 0 0 25px 0;
	}

.gallery-sec .video-box{
	margin: 0 0 25px 0;
}
	


.gallery-sec .video-box .video-thumb .icon{
    width: 36px;
	height: 36px;
	}

.gallery-sec .video-box .title{
	font-size: 15px;
}	
	
	
.download-sec{
	padding:60px 0 40px;
	}
	
.download-sec h2{
	font-size: 28px;
	margin: 0 0 25px 0;
	}

	
.download-sec .download-box .title{
	font-size:15px;	
	}

	
	

.dealership-sec{
	padding: 60px 0 20px;
}
	
.dealership-sec-two{
	padding: 60px 0;
}	


	
.design-sec{
	padding:60px 0 40px;
	}
	
.design-sec h3{
	font-size: 20px;
	margin: 0 0 15px 0;
}
	

	
.design-sec .designbox .title{
	padding: 7px 20px;
	font-size: 20px;
	}
	
.design-sec .designbox .contentbox{
	padding: 15px 30px;
	}
	


.design-sec .txt-label{
	padding: 10px 0 0 0;
}	
	
.design-sec .txt-small{
	font-size: 13px;
}
	
	
	
	
.products-sec{
	padding: 40px 0;
}
	
.products-sec h3{
	font-size: 26px;
	margin: 0 0 20px 0;
}
	
	
.pro-menu .catg-heading{
	font-size: 17px;
    padding: 11px 15px 10px;
}

	.pro-menu .pro-menu-item li a{
	font-size: 15px;
    padding:11px 15px 10px;
	}
	
.products-sec .pro-box{
	margin-bottom:25px;
	}
	
.products-sec .pro-box .pro-title{
	font-size:15px;
	}
	

	
	
	
	
	
.pro-single-sec{
	padding: 60px 0 30px;
}
	
.pro-single-sec .sub-pro-box{
	margin-bottom:25px;
	}
	
.pro-single-sec .sub-pro-box .title{
	font-size:15px;
	}

	
	
	
.similar-items-sec{
	padding: 70px 0 40px;
}


.similar-items-sec h3{
	font-size: 24px;
	margin: 0 0 30px;
}

.similar-items-sec .others-box .pro-image-box{
	margin: 0 0 10px 0;
	}
	
	.similar-items-sec .others-box .pro-title{
		font-size:15px;
	}	
	
	
	
	
.careers-sec{
	padding:60px 0 80px;
	}

	
.careers-sec h4{
    font-size: 20px;
    margin: 0 0 15px 0;
	}

.careers-sec .desc{
	margin: 0 0 20px 0;
	}


	
.contact-sec{
	padding:60px 0;
	}

.contact-sec h4{
	font-size: 20px;
	margin: 0 0 15px 0;
	}
	
.contact-sec .desc{
	margin: 0 0 20px 0;
	}
	
	

.contact-sec .contact-wrapper{
	margin: 40px 0 0 0;	
}
	
.contact-sec .contact-info{
	margin: 0;	
}
	
.contact-sec .contact-row{
	min-height: 240px;
}
	
.contact-sec h5{
	font-size: 16px;
	margin: 0 0 20px 0;
}
	
	
.contact-sec .contactbox{
	margin: 0 0 12px 0;
}
	.contact-sec .contactbox .icon .iconstyle{
	font-size:17px;
	}
	
	
.contact-form .form-group{
	margin-bottom:15px;
	}

.contact-form .form-control{
	padding: 10px 20px;
	font-size: 15px;
	}
	
.contact-form .btn-submit{
	font-size: 12px;
    padding: 10px 30px;
	}		
	

	
.locationmap{
	height:300px;
	}	
.locationmap iframe{
	height:300px;
	}
	
	
	
	
.side-bar-contact {
	right:10px;
}	
.side-bar-contact .iconstyle{
	font-size:30px;
	width: 52px;
	height: 52px;
	}
	
	
	
.scroll-down {
  position: absolute;
  bottom: 60px;
  left: 50%;
  margin-left: -20px;
  display: block;
  width: 40px;
  height: 40px;
  border: 2px solid #FFF;
  background-size: 14px auto;
  border-radius: 50%;
  z-index: 2;
  -webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  transform: scale(1)
}

.scroll-down:before {
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 7px);
    transform: rotate(-45deg);
    display: block;
    width: 14px;
    height: 14px;
    content: "";
    border: 3px solid white;
    border-width: 0px 0 3px 3px;
}	
	
	
}



@media (min-width: 1200px){


.container-wrapper{
	padding-right: 30px;
    padding-left: 30px;
	}
	
	
.top-right ul li {
    margin-right: 30px;
}	
	
	
	

.hm-why-sec .content-box{
	padding: 120px 30px 40px 30px;
}
	
.hm-why-sec .hm-features{
	padding: 200px 30px 80px;
}
.hm-why-sec .hm-features .box-items{
	height: 160px;
	padding: 30px 10px;
}

	


.hm-product-sec{
	padding:80px 0;
	z-index: 1;
	}
		
.hm-product-sec:after {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    content: "";
    background: #28296D;
    z-index: -1;
}
	

	
	
	
.hm-certificates-sec .content-box{
	padding: 80px 30px 40px 30px;	
}	
	
	
.hm-gr-sec .content-box{
	padding:80px 30px;	
}


.hm-videos-sec .content-box{
	padding: 80px 30px 20px 30px;
}
	
	
	

	
.footer-sec .footer-box{
	max-width: 420px;
}


.footer-sec .footer-logo{
	margin: 0 0 40px 0;
}

.footer-sec .footer-logo img{
	width: 350px;
}

.footer-sec .caption{
	font-size: 38px;
	margin: 0 0 40px 0;
}
	

.footer-sec .footer-column .txt.height{
	height: 85px;
	}	
	
	
	
.contact-sec .contact-row{
	min-height: 200px;
}	
	

}



@media (min-width: 1366px){

.main-header .container-fluid {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    margin-right: auto;
    margin-left: auto;
}


.hm-product-sec:after {
    height: 233px;
}
	
.hm-product-sec .category-box.pd-left{
	padding-left: 22px;
}

.hm-product-sec .category-box.pd-right{
	padding-right: 22px;
}
	
	
	


}


@media only screen and (min-width: 1680px){

	
.container-wrapper{
	padding-right: 80px;
    padding-left: 80px;
	}


	
.hm-why-sec .content-box{
	padding: 180px 80px 80px;
}
	
	

.hm-why-sec .hm-features .row {
  margin-right: -30px;
  margin-left: -30px;
  }

.hm-why-sec .hm-features .row > .col,
.hm-why-sec .hm-features .row > [class*="col-"] {
  padding-right: 30px;
  padding-left: 30px;
  }

	
.hm-why-sec .hm-features-slide h1{
	top:80px;
	}
	
.hm-why-sec .hm-features{
	padding: 250px 80px 128px;
}
	


	
.hm-certificates-sec .content-box{
	padding: 80px 80px 60px 80px;	
}	
	
	
.hm-gr-sec .content-box{
	padding:80px;	
}	
	

.hm-videos-sec .content-box{
	padding: 80px 80px 20px 80px;
}
	
	

.footer-sec{
	font-size:14px;
	}
	
.footer-sec .footer-column h5{
	font-size:15px;
	}
	
.footer-sec .footer-logo img{
	width: 420px;
}
	
.footer-sec .caption{
	font-size: 44px;
}
	
	
	
.footer-sec .address-wrapper {
    position: relative;
    max-width: 90%;
    margin: auto;
}
	
.footer-sec .no-break{
	display: inline-block;	
}
	
.footer-sec .footer-column .txt.height{
	height: 70px;
	}		

	
	
}


@media only screen and (min-width: 1920px){


	
	
}



@media (max-width: 1199px) {

}

@media (max-width: 991px) {


}


@media (max-width: 767px) {

}
	


@media (max-width: 575px) {

}