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

/*media  styles*/


@media (min-width: 576px){







	
	

}



@media (min-width: 768px){


.hm-blocks-sec .content-box{
    padding: 50px 30px;
	}
	

.sub-banner-sec{
	height:220px;
	}


	
	
	
}



@media (min-width: 992px){

	
	
body{
font-size:18px;
}	
	


.breadcrumb{
	font-size:13px;
	}
	
.top-wrapper{
	display: block;	
	}	
	
	
	
.sec-header{
	margin: 0 0 40px 0;
	}
	

.sec-header h1{
	font-size:34px;
	margin:0 0 40px 0;
}
	
.sec-header h1::after{
	width:40px;
	height:2px;
	bottom:-10px;
	}
	
	
	
	

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


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


.hm-about-sec .desc{
	font-size: 22px;
	max-width: 80%;
	margin: auto;
	margin-bottom: 30px;	
}

.hm-about-sec .caption{
	font-size: 24px;
	margin: 0 0 20px 0;	
}	
	
	
	

.hm-blocks-sec .content-box{
	padding:80px 0 80px 60px;
	}


.hm-blocks-sec .content-box h3{
    font-size: 22px;
    margin: 0 0 15px 0;
}
	
.hm-blocks-sec .content-box .desc{
	margin:0 0 30px 0;
	}


.listing{
	 margin: 0 0 30px 0;
}

.listing li{
	font-size: 18px;
	padding: 7px 0 7px 25px;
}

.listing li:before {
    width: 8px;
    height: 12px;
    top: 12px;
}
	
	
	
.hm-product-sec .item{
	margin:0 0 25px 0;
	}
	
.hm-product-sec .item .image{
	margin:0 0 20px 0;
	}

.hm-product-sec .item h2{
	font-size:24px;
	}
			

	
	
	

.footer-sec{
	font-size:17px;
	}
	
.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:15px;
	margin:0 0 20px 0;
	}

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




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


	
	
.footer-sec .footer-column .box{
	padding:0 0 0 30px;
	margin:0 0 15px 0;
	}
	
.footer-sec .footer-column .box .iconstyle{
	font-size:15px;
	}
	
	


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


.footer-sec .design{
	text-align: right;
		font-size:13px;
	padding: 0;
	}		
	
	
	
	

.sub-banner-sec{
	height:300px;
	}
	
	
.sub-header h1{
	font-size:34px;
	margin:0 0 40px 0;
}
	
.sub-header h1::after{
	width:40px;
	height:2px;
	bottom:-10px;
	}
	
	
	
.about-sec{
	padding:80px 0 50px;
	}
	

	
.about-sec .content-box {
	padding: 0 40px 0 0 ;
	}

	
.about-sec .desc-box{
	font-size: 22px;
	margin: 0 0 30px 0;
	}

.about-sec h3{
    font-size: 22px;
    margin: 0 0 15px 0;
	}	
	
	.about-sec .desc{
	margin:0 0 30px 0;
	}
	
	
.ServiceSec{
	padding:80px 0;
	}
	
.ServiceSec .boxRow{
	padding:0 0 30px 0;
	margin: 0 0 30px 0;
	}
	
.ServiceSec .image-box{
	margin: 0;
	}
	
	
.ServiceSec h2{
	font-size: 26px;
	margin: 0 0 10px 0;
	}
	
.ServiceSec h3{
    font-size: 22px;
    font-weight: 700;
    color: #333;
    margin: 0 0 10px 0;
	}
	
	

	
	
.ServiceSec .boxRowOne{
	margin: 0 0 30px 0;
}

	

.gallery-sec{
	padding:80px 0 50px;
	}


.gallery-sec .gallery-item{
	margin: 0 0 30px 0;
	}


.gallery-sec .gallery-item img{
	height: 185px;
}


	
.contact-sec{
	padding:80px 0;
	}
	
.contact-sec h4 {
	font-size: 20px;
    margin: 0 0 20px 0;
}
	
	
.contact-sec .contact-row{
	margin: 0 0 40px 0;	
	}

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

	.contact-sec .contactbox .icon{
	padding: 0 15px 0 0;
	}

	.contact-sec .contactbox .icon .iconstyle{
	font-size:20px;
	}

.contact-sec .contactbox h6{
	font-size: 14px;
	margin: 0 0 2px 0;
}

.contact-sec .contactbox .txt{
	font-size: 18px;
}


	
.contact-form h4{
	font-size: 20px;
	margin: 0 0 20px 0;
	}	

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

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

	
	.contact-form-sec{
		padding: 80px 0;
		
	}
	
	
.locationSec .location{
	height:500px;
	}	
	
.locationSec .location iframe{
	height:500px;
	}	
	
	
	
	
.productMain-sec{
	padding:80px 0;
	}
	
	
.product-list-sec{
	padding:80px 0;
	}
	
.product-list-sec .proItem{
	margin:0 0 25px 0;
	}
	
.product-list-sec .proItem .image{
	margin:0 0 17px 0;
	}

.product-list-sec .proItem h4{
	font-size:16px;
	}
			
.product-list-sec .proItem h5{
	font-size:12px;
	margin:0 0 4px 0;
	}
	
	
	
	
}



@media (min-width: 1200px){


.container {
    max-width:1230px;
}
	

	

}


@media (min-width: 1300px){


.container-wrap {
    padding-right:50px;
    padding-left: 50px;
}

	

}




@media (min-width: 1366px){

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


.sub-banner-sec{
	height:400px;
	}	

	

}


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


.hm-about-sec .overlay-1{
	position: absolute;
    bottom: 30px;
    right:30px;
}

	.hm-about-sec .overlay-1 img{
		width: auto;
		display: inline-block;
	}

.hm-about-sec .overlay-2{
	position: absolute;
    top:-20px;
    left:-20px;
}

	.hm-about-sec .overlay-2 img{
		width: auto;
		display: inline-block;
	}	
	
	
.hm-vdo-sec .content-box {
    padding: 100px 60px 30px 0;
}

.hm-vdo-sec .content-box h5{
	font-size:14px;
	margin: 0 0 50px 0;
	}	
	
	
	
.hm-products-sec .left-column{
	padding: 100px 100px 30px;
}
	
.hm-products-sec .left-column .desc{
	margin: 0 0 40px 0;
}

.hm-products-slide{
	padding: 100px 60px 30px;
}
	

	
.hm-gallery-sec{
	padding: 80px 0 0 0;
}
	
.hm-gallery-sec .content-box{
	padding:80px 100px;	
}	
	

	
	
.hm-features-sec .overlay-1{
	position: absolute;
    bottom: 0;
    right: 0;
}

	.hm-features-sec .overlay-1 img{
		width: auto;
		display: inline-block;
	}

.hm-features-sec .overlay-2{
	position: absolute;
    top: 40px;
    left: 0;
}

	.hm-features-sec .overlay-2 img{
		width: auto;
		display: inline-block;
	}
	
	
	
}


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


	
	
}



@media (max-width: 1199px) {

}

@media (max-width: 991px) {


}


@media (max-width: 767px) {

}
	


@media (max-width: 575px) {

}