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

/*media  styles*/


@media (min-width: 576px){



.container {
    max-width:1296px;
}


	
.top-line h5{
	font-size: 24px;	
}	

	


.hm-why-sec .content-box .desc-box-two .box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.hm-why-sec .content-box .desc-box-two .box .contact-info{
	margin: 0 10px 0 0;
}
	
		
.sub-banner-sec{
	}		

	
.h-bg{
height: 180px;
}
	
.breadcrumb{
	margin:0;
  -ms-flex-pack: end ;
  justify-content: flex-end ;
	}
	
	
.sub-header{
	top:-70px;
	padding: 30px 25px 40px;
}
	
.sub-header.b-white{
	padding: 30px;
}
	
	
.appl-sec .flex-tab{
  -ms-flex-direction: row;
  flex-direction: row;
}
	

	
.tip .tooltips {
	width: 75%;
	bottom: -25px;
	}
	
.tip .tooltips:after {
	bottom:28px;
}
	
.tooltip-item{
	padding:0 0 0 70px;
	}	
	

.tooltip-item .icon{
	position:absolute;
	top:0;
	left:0;
	}	
	


	
	

}



@media (min-width: 768px){





.hm-serv-sec .title-box .desc{
	border-left: 2px solid #13A89E;
	padding: 10px 0 10px 30px;
}	
	
	
	
.hm-small-banner-sec{
	text-align: left;
	}
	
.hm-small-banner-sec .btn-bnr-contact.ar{
	float: right;
}


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

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

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


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

	
	
	
	
.sub-banner-sec{
	}
	
.h-bg{
height: 250px;
}

	
.box-colors .col-md-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
	
.why-sec-two .al-center {
  -ms-flex-align: center ;
  align-items: center ;
}
	

	
.products-sec .al-center {
  -ms-flex-align: center ;
  align-items: center ;
}
	
		
.products-sec .product-box .content-box.ar{
	text-align: right;
	}

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

	
.bestlam-sec .al-center {
  -ms-flex-align: center ;
  align-items: center ;
}
	
	
	
.bestlam-sec .box-row{
	margin: 0 0 30px 0;
	}

.bestlam-sec .image-box{
	margin:0;
	}
	
	
	
.single-video-sec .video-thumb.mb{
	margin: 0;	
}
	
	
}



@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{
	font-size:38px;
	margin: 0 0 60px 0;
	}
	
.sec-header::after{
	width:60px;
	height:3px;
	bottom:-15px;
	}

	
.SectionHead h1{
	font-size:38px;
	margin: 0 0 60px 0;
	}
	
.SectionHead h1::after{
	width:60px;
	height:3px;
	bottom:-15px;
	}	
	
	

.btn-more{
	padding:9px 20px 8px;
	font-size:14px;
	}
	
.btn-more.ar{
	margin: 10px 0 0 0;
}	
	

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

	
	
.btn-discover{
	font-size:14px;
	padding: 0 0 0 30px;
	}

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

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


.top-line h5{
	padding: 0 10px 0 0;
	
}	

.top-line .hotline{
	display: block;
}	
	

.top-line .top-right ul{
	margin: 0;
	padding: 0;
	display:block;
}	

.top-line .social-icon{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	margin-left: 20px;
	}	
	

	
	
	
	
	
	
	

	
.hm-why-sec .content-box{
	max-width: 618px;
	float: right;
	padding: 80px 60px 80px 0;
}
	
.hm-why-sec .content-box .desc{
	margin: 0 0 35px 0;	
}

	
	
.hm-why-sec .hm-features{
	padding: 120px 30px 0;
}
	
	
.hm-why-sec .hm-features .box-items{
	height: 150px;
}


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

	
.hm-why-sec .owl-theme .owl-nav.disabled+.owl-dots{
	margin-top:30px;
	}
	
.hm-why-sec .owl-theme .owl-dots .owl-dot span{
	width:14px;
	height:14px;
	}
	
	

	

	

	
	
.hm-products-sec{
	padding: 110px 0 0 0;
}


.hm-pr-box .content-box{
	padding: 20px;
	}	
	
	.hm-pr-box .content-box h3{
		font-size:22px;
		margin:0 0 10px 0;		
	}
	
	.hm-pr-box .content-box h5{
		font-size:16px;
		margin:0 0 20px 0;
	}
	
	.hm-pr-box .content-box .desc{
		height:50px;
		margin:0 0 30px 0;
	}





	
.hm-appl-sec{
	padding: 110px 0 0 0;
}

.hm-appl-sec .appl-item .content-box{
	position: relative;
	padding: 50px 100px;
	}
	
.hm-appl-sec .appl-item .content-box h3{
	font-size:22px;
	margin:0 0 20px 0;
	}
	
	
.hm-appl-sec .owl-theme .owl-nav.disabled+.owl-dots {
	bottom: -35px;
	margin-top:20px;
	}
	
.hm-appl-sec .owl-theme .owl-dots .owl-dot span{
	width:14px;
	height:14px;
	}
		
	
	

.hm-video-sec{
	padding: 110px 0 0 0;
}
	
.hm-video-sec .vdo-image .icon{
    width: 70px;
	height: 70px;
	}
	
.hm-video-sec .content-box{
	position: relative;
	padding: 20px 30px;
	}
	
.hm-video-sec .owl-theme .owl-nav [class*='owl-'] {
    padding: 20px 20px ;
}
    
	
.hm-video-sec .owl-prev,
.hm-video-sec .owl-next {
	position: absolute;
	width: 60px;
	height: 60px;
	}
    
.hm-video-sec .owl-prev {right: 60px;}




	
.hm-gallery-sec{
	padding: 110px 0 0 0;
}

	
	
	
.hm-news-sec{
	padding: 110px 0 100px;
}


	
.hm-news-box .content-box{
	padding: 30px;
	}

	
	.hm-news-box .content-box h4{
		font-size:18px;
		margin:0 0 25px 0;
	}

	
	.hm-news-box .content-box .desc{
		height: 70px;
		margin:0 0 30px 0;
	}
	
	
	.hm-news-box .content-box .news-date{
		font-size: 13px;
		margin:0 0 15px 0;
	}	

	
	
	
	

	
	
	
	
.hm-testimonials-sec{
	padding: 100px 0 50px;
	}
	
.hm-testimonials-sec .desc{
	margin-bottom: 40px;
	}
	

.testimonial-box .box{
	padding: 40px 0 10px 0;
}

.testimonial .icon-quote {
	position: absolute;
	left:50px;
	top: -30px;
	z-index: 1;
}
	


.testimonial .icon-quote .iconstyle{
	font-size:30px;
	width: 60px;
	height: 60px;
	}


.testimonial{
	padding: 60px;
	}

.testimonial .desc{
	margin-bottom:40px;
	}


	
.testimonial-box .testimonial .image img{
	max-width:100%;
	}

.testimonial-box .testimonial .name{
	font-size:17px;
	}
	
.testimonial-box .testimonial .sub-title{
	font-size:14px;
	}

.testimonial-box .testimonial .sub-title-two{
	font-size:14px;
	}
			
	
.testimonial-box .owl-theme .owl-nav.disabled+.owl-dots{
	margin-top:30px;
	}

.testimonial-box .owl-theme .owl-dots .owl-dot span{
	width:14px;
	height:14px;
	}
		

.testimonial-box .h100 {
height: 100%!important;
}
	
	
	
	


.hm-small-banner-sec{
	padding: 40px 0;
	}
	
.hm-small-banner-sec h2{
	font-size: 28px;
	margin: 0 0 10px 0;
	}

.hm-small-banner-sec .desc{
	margin: 0;
	}
	
.hm-small-banner-sec .btn-bnr-contact{
	padding:9px 20px 9px;
	font-size:14px;
	}	
	
	

	

.footer-sec{
	font-size:14px;
	}
	
.footer-sec .footer-widgets{
	padding:70px 0 10px 0;
	}
	
.footer-sec .footer-column{
	margin:0 0 30px 0;
	}
	
	
.footer-sec .footer-column h5{
	font-size:16px;
	margin:0 0 20px 0;
	}

.footer-sec .footer-column .links li{
	padding:7px 0;
	}
	
.footer-sec .footer-column .txt{
	margin:0 0 5px 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:20px;
	}

.footer-sec .social-icon .iconstyle.icon-whatsapp{
	font-size:18px;
	}	
	
	
	
.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-banner-sec{
	}
	
.h-bg{
height: 300px;
}

	
.sub-header h1{
	font-size: 38px;
}
	
.sub-header h1::after{
	width:60px;
	height:3px;
	}	
	
.sub-header .SubTitleSmall{
	font-size: 20px;
}
	
	
.sub-header h2{
	font-size: 38px;
}
	
.sub-header h2::after{
	width:60px;
	height:3px;
	}
	
.sub-header h5{
	font-size: 20px;
}

.sub-header{
	top:-100px;
	padding: 50px 40px;
}
	
.sub-header.pro{
	top:-140px;
	padding: 50px 40px 35px;
}
	
.sub-header.b-white{
	padding: 50px 40px;
}
	
.sub-header  .image-title img{
	width: 215px;
}


	
.about-sec{
	padding:100px 0 80px;
	}	
	
.about-sec h3{
	font-size:32px;
	margin:0 0 20px 0;
	}	
	
.about-sec .desc-b{
	font-size: 20px;
	margin: 0 0 25px 0;
	}
	
.about-sec .desc{
	margin: 0 0 25px 0;
	}
	
	
.about-sec .image-box{
	margin:0 0 30px 0;
	}

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

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

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


.about-sec .box-row{
	position: relative;
	margin: 0 0 30px 0;
}
	
	

	
	
.why-sec{
	position:relative;
	padding:100px 0;
	}
	
.why-sec .al-center {
  -ms-flex-align: center ;
  align-items: center ;
}	
	

.box-colors{
	position: relative;
	padding: 30px 30px 0 30px;
	margin:0 0 40px 0;
	}

.box-colors .item-color{
	margin: 0 0 30px 0;
	}

.box-colors .item-color .imagebox{
	width: 70px;
	height: 70px;
	margin-bottom: 10px;
	}

.box-colors .item-color h6{
	font-size: 15px;
	}


.why-sec .desc{
	margin: 0 0 30px 0;
	}

.why-sec .image-box{
	margin:0 0 30px 0;
	}


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

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


.why-sec h3{
	font-size:30px;
	margin:0 0 25px 0;
	}


.why-sec h5{
	font-size:22px;
	margin:0 0 20px 0;
	}

.why-sec h6{
	font-size:18px;
	margin:0 0 10px 0;
	}
	
	
	
	
	
.why-sec-two{
	padding:100px 0;
	}

.why-sec-two .desc{
	margin: 0 0 30px 0;
	}

.why-sec-two h3{
	font-size:30px;
	margin:0 0 25px 0;
	}

.why-sec-two .content-box{
	padding: 0 30px 0 0;
	}
	

	
	
	
	
.why-sec-three{
	padding:100px 0 60px;
	}


.why-sec-three .desc{
	margin: 0 0 30px 0;
	}

.why-sec-three h3{
	font-size:30px;
	margin:0 0 25px 0;
	}

.why-sec-three h5{
	font-size:22px;
	margin:0 0 20px 0;
	}

.why-sec-three .box-row {
    margin: 0 0 40px 0;
}

.why-sec-three .image-item{
	margin: 0 0 30px 0;
}


.why-sec-three .table td,
.why-sec-three .table th{
	padding: 8px 20px 7px;
}

.why-sec-three .table .table-title{
	font-size: 17px;
}

	
	
	
	
.why-sec-four{
	padding:80px 0;
	}

.why-sec-four h3{
	font-size:30px;
	margin:0 0 25px 0;
	}	
	

	
.quality-sec{
	padding:100px 0;
	}



.quality-sec .desc{
	margin: 0 0 30px 0;
	}

.quality-sec .image-box{
	margin:0 0 30px 0;
	}

.quality-sec .content-box{
	padding: 0 30px 0 0;
	margin: 0 0 30px 0;
	}	
	

	
	
	
.mission-sec{
	padding:100px 0;
	}
	
	
.mission-sec .row {
  margin-right: -50px;
  margin-left: -50px;
  }

.mission-sec .row > .col,
.mission-sec .row > [class*="col-"] {
  padding-right: 50px;
  padding-left: 50px;
  }

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


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

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

.mission-sec .box-item h3{
	font-size: 30px;
	margin: 0 0 25px 0;
	}


	
	
	
	
.news-sec{
	padding:100px 0 70px;
	}
	
.news-box .content-box{
	padding: 30px;
	}
	
	.news-box .content-box h4{
		font-size:18px;
		margin:0 0 25px 0;
	}
	
	.news-box .content-box .desc{
		height:70px;
		margin:0 0 30px 0;
	}
	
	.news-box .content-box .news-date{
		font-size: 13px;
		margin:0 0 15px 0;
	}		
	


	

	
.news-main-sec{
	padding: 100px 0 70px;
}
	
	
.news-main-sec .news-details-box{
	margin: 0 0 30px 0;
	}


	.news-main-sec .news-details-box .content-box{
	padding: 0 0 0 30px;
	}

	.news-main-sec .news-details-box .content-box h3{
		font-size:30px;
		margin:0 0 25px 0;
		}

	.news-main-sec .news-details-box .content-box .desc{
		margin:0 0 25px 0;		
	}	
		
.news-main-sec .news-details-box .content-box .news-date{
	font-size: 15px;
	margin: 0 0 20px 0;
	}
	

	




.features-sec{
	padding:100px 0 70px;
	}

.features-sec .desc{
	margin: 0 0 30px 0;
	}

.features-sec .feature-box{
	padding: 40px;
}

.features-sec .feature-item{
	padding:0 0 0 130px;
	}

	.features-sec .feature-item .icon img{
		width: 100px;
		}

.features-sec .feature-item h5{
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 15px 0;
	}

.features-sec .feature-item .icon .iconstyle{
	font-size:100px;
}
	

	
	
.appl-sec{
	padding:100px 0 70px;
	}

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

.appl-sec .content-box h3{
	font-size: 30px;
	margin: 0 0 20px 0;
	}

.appl-sec .content-box .desc{
	margin: 0 0 25px 0;
	}


.appl-sec .content-box .image .title{
	padding: 10px 30px;
	font-size: 18px;
	}


.appl-sec .vertical-tab{
	position: relative;
	margin: 0 0 10px 0;	
}


.appl-sec .flex-tab{
-ms-flex-direction: column;
flex-direction: column;
}
	


.appl-sec .nav-pills .nav-link{
	font-size:18px;
	font-weight: 600;
	background:#EFEFEF;
	color:#333;
	margin:0 0 10px 0;
	border-radius:5px;
	padding:15px 20px;
	}
	
	
.appl-sec .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background:#370409;
	color: #fff;
	}
.appl-sec .nav-pills .nav-link:hover{
	background: #00973D;
	color: #fff;
}

	
	
	

.products-sec{
	padding:100px 0 60px;
	}


.products-sec .product-box{
	margin: 0 0 40px 0;
	}


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

	
.products-sec .product-box .content-box{
	position: relative;
	padding: 0 30px;
	margin: 0;
	}

.products-sec .product-box .content-box .image-logo{
	margin: 0 0 20px 0;	
}

.products-sec .product-box .content-box .image-logo img{
	width: 175px;	
}

	.products-sec .product-box .content-box h3{
		font-size:32px;
		margin:0 0 15px 0;
	}
	
	.products-sec .product-box .content-box h5{
		font-size:18px;
		margin:0 0 15px 0;
	}


	
	.products-sec .product-box .content-box .desc{
		height: 50px;
		overflow: hidden;
		margin:0 0 25px 0;
	}	
	
	
	
	
	
.pro-single-sec{
	position:relative;
	padding: 100px 0 70px;
	}
	
.pro-single-sec h4 {
    font-size: 20px;
    margin: 0 0 20px 0;
}
	

.pro-single-sec .single-pro-box{
	margin: 0;
	}
	
.pro-single-sec .single-pro-box .pro-image{
	margin: 0 0 30px 0;
}


.pro-single-sec .single-pro-box .content-box {
	padding: 0 0 0 30px;
	}
	
	
.pro-single-sec .single-pro-box .content-box .image-logo{
	margin: 0 0 25px 0;	
}

.pro-single-sec .single-pro-box .content-box .image-logo img{
	width: 215px;	
}

.pro-single-sec .single-pro-box .content-box .desc{
	margin: 0 0 30px 0;
	}	

	
.list-items li{
	padding: 5px 0 5px 30px;
}

.list-items li:before {
    width: 16px;
    height: 16px;
    top: 8px;
}		


	
.pro-single-sec .box-row{
	margin: 0 0 40px 0;	
}


.pro-single-sec .spec-box{
	display: -ms-flexbox ;
	display: flex ;
	font-size: 20px;
	margin: 0 0 20px 0;
}
	

.pro-single-sec .table td,
.pro-single-sec .table th{
	padding: 8px 20px 7px;
}


.pro-single-sec .table .main-title{
	font-size: 20px;
}	
	

.pro-single-sec .item-bx{
	height: calc(100% - 30px);
	padding: 30px;
	margin: 0 0 30px 0;	
}

.pro-single-sec .item-bx h5{
    font-size: 17px;
    margin: 0 0 10px 0;
}

	

	

.tooltip-icon {
padding: 0 0 0 10px;

}

.tooltip-icon img{
	width: 18px;
}

.tip .tooltips {
  bottom: -50px;
  right: -100%;
  padding: 20px;
  width: 400px;

}

.tip .tooltips:before {
  bottom: -20px;
  height: 20px;
  left: 0;

}

.tip .tooltips:after {
	left: 0;
	bottom:55px;
	margin-left: -10px;
}


.tooltip-item{
	position: relative;
	padding:0 0 0 70px;
	}	
	

.tooltip-item .icon{
	position:absolute;
	top:0;
	left:0;
	}

	.tooltip-item .icon img{
		width: 50px;
		}

.tooltip-item h5{
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 10px 0;
	}

.tooltip-item .txt{
	font-size: 13px;
	}	
	
	

.single-video-sec{
	padding: 80px 0;
}
	
	

	
.single-video-sec .video-thumb .icon{
    width: 70px;
	height: 70px;
	}

	
	

	
	

	
	
.bestlam-sec{
	padding:100px 0 80px;
	}
	
.bestlam-sec .al-center {
  -ms-flex-align: center ;
  align-items: center ;
}

.bestlam-sec .box-row{
	margin: 0 0 40px 0;
}

.bestlam-sec .desc{
	margin: 0 0 30px 0;
	}

.bestlam-sec .image-box{
	margin:0;
	}

	
.bestlam-sec .content-box.pd-right{
	padding: 0 30px 0 0;
	}
	
.bestlam-sec .content-box.pd-left{
	padding: 0 0 0 30px;
	}


.bestlam-sec h3{
	font-size:30px;
	margin:0 0 25px 0;
	}





.bs-pro-item{
	margin: 0 0 30px 0;
	}

.bs-pro-item .image-box{
	margin: 0 0 10px 0;	
	}


.bs-pro-item h6{
	font-size: 16px;
	}
	
	
	
	
	

.gallery-sec{
	position:relative;
	padding:100px 0 70px;
	}
	

	
.gallery-sec h3{
	font-size: 30px;
    margin: 0 0 25px 0;
	}
	
.gallery-sec .glr-box .image-box{
	margin: 0 0 10px 0;
	}
	
	.gallery-sec .glr-box h5{
		font-size: 16px;
	}


	
.gallery-sec .glr-item img{
	height: 200px;
	}	
	
	
.gallery-sec .video-box{
	margin: 0 0 30px 0;
}
	
.gallery-sec .video-box h5{
	font-size: 16px;
	padding: 10px 0 0 0;
}	

	

	
	
.download-sec{
	padding:100px 0 70px;
	}

	.download-sec .download-box h5{
		font-size:16px;
		margin:0;
	}

	.download-sec .download-box .small-title{
		font-size:14px;
		margin: 0 0 3px 0;
	}
	
	
	
	
	
.careers-sec{
	padding:100px 0 30px;
	}

.careers-sec .box{
	padding: 30px;
	margin: 0 0 40px 0;
	}	
	
.careers-sec h4{
    font-size: 24px;
    margin: 0 0 20px 0;
	}

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

.bg-careers{
	padding: 60px 0 !important;
	}
	
	
	
	
.contact-sec{
	padding:100px 0 80px;
	}
	
.contact-sec .contactbox{
	position: relative;
	padding:0 0 0 46px;
	margin: 0;
}
	
.contact-sec .contactbox h6{
	font-size: 13px;
	margin: 0 0 5px 0;
}
	
.contact-sec .contactbox .txt{
	font-size: 17px;	
}

	.contact-sec .contactbox .icon .iconstyle{
	font-size:26px;
	}	
	
	.contact-sec .contactbox .icon .iconstyle.icon-location{
	font-size:30px;
	}	


	

.location-sec .location{
	height:500px;
	}
	
.location-sec .location iframe{
	height:500px;
	}


.contact-sec-two{
	padding: 100px 0;
	}
	

.contact-sec-two h4{
    font-size: 24px;
    margin: 0 0 20px 0;
	}

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

	
.contact-form h3{
	font-size: 26px;
	margin: 0 0 15px 0;
	}	

	
.contact-form .form-group{
	margin-bottom:15px;
	}

.contact-form .form-control{
	padding: 13px 20px 13px;
	font-size: 15px;
	}
	
.contact-form .btn-submit{
	font-size: 14px;
    padding: 14px 20px 13px;
    margin: 10px 0 0 0;
	}		
	

	

.enq-info-banner{
	padding: 40px 0;	
}
	
.enq-info-banner h2{
    font-size: 38px;
}	
	
.enq-info-sec{
    padding: 60px 0 80px;
}
	
	
	
.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){


	

.top-line h5{
	font-size: 32px;
	padding: 0 20px 0 0; 
	
}
	
.top-line{
	font-size:13px;
	}
	
.top-line .hotline{
	padding: 0 0 0 30px;
	margin: 0 30px  0 0;
}

.top-line .hotline i{
	font-size: 25px;		
}

.top-line .hotline .txt{
	font-size: 13px;
	letter-spacing: 5.5px;
}

.top-line .hotline .txt span{
	font-size: 11px;
}


.top-line .hotline .number{
	font-size: 15px;
	letter-spacing: 3.4px;
}		
	
	

.hm-pr-box .content-box{
	padding: 40px;
	}
	
.hm-video-sec .content-box{
	padding: 50px 100px;
	}	
.hm-video-sec .content-box .desc{
	margin: 0 0 50px 0;
	}	
	
	
	
.sub-banner-sec{
	}	
	
.h-bg{
height: 350px;
}



.quality-sec .al-center {
  -ms-flex-align: center ;
  align-items: center ;
}	


.news-main-sec .al-center {
  -ms-flex-align: center ;
  align-items: center ;
}		
	
	

.pro-single-sec .al-center {
  -ms-flex-align: center ;
  align-items: center ;
}
	
	

	


}



@media (min-width: 1366px){

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

	
.top-line h5{
	font-size: 32px;
	padding: 0 32px 0 0; 
}	
	
	
.sub-banner-sec{
	}		
	

	
	

}


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

	

.hm-why-sec .hm-features .box-items{
	height: 135px;
}
	
	
.sub-banner-sec{
	}

	
.h-bg{
height: 400px;
}
	
	
	

	
	
	
}


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


	
	
}



@media (max-width: 1199px) {

}

@media (max-width: 991px) {


}


@media (max-width: 767px) {

}
	


@media (max-width: 575px) {

}