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

/*media  styles*/



@media (min-width: 1366px){

.mission-sec .row {
  margin-right: -25px;
  margin-left: -25px;
  }

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

.DiverseSec .row > .col,
.DiverseSec .row > [class*="col-"] {
  padding-right: 25px;
  padding-left: 25px;
  }	
	
	
	
.BlogSec .BlogBlockRow .row {
  margin-right: -25px;
  margin-left: -25px;
  }

.BlogSec .BlogBlockRow .row > .col,
.BlogSec .BlogBlockRow .row > [class*="col-"] {
  padding-right: 25px;
  padding-left: 25px;
  }	
	
	

}


@media (min-width: 1680px){

.container {
  max-width: 1548px;
}

}




@media (max-width: 1680px){

	
	
}


@media (max-width: 1366px){


	
.hm-AboutSec .desc{
	max-width: 80%;
}	
	
.hm-BrandsSec .desc{
	max-width: 80%;
}
	

	
.hm-AboutSecTwo{
		padding: 0 0 120px 0;
	}	
	
.hm-AboutSecTwo .TitleBoxWrap{
		bottom: -150px;
	}
	
.hm-AboutSecTwo .TitleBox{
		width: 55%;
	}	
	
	

.BrandsSec .desc{
	max-width: 80%;
}
	
	

.infrastrcutureSec .desc{
	max-width: 80%;
}
	
	
.DiverseSec .descSmall{
	max-width: 80%;
}	
	
	
	
}




@media (max-width: 1300px) {


	

}



@media (max-width: 1199px) {

	
.footer-sec .footer-column .desc{
	width: 100%;
	margin:0 0 30px 0;
	}

	
 .footer-sec .BoxWidgets {
    padding: 0;
  }

}



@media (max-width: 991px) {

	
body{
font-size:13px;
}		
	
	
.breadcrumb{
	font-size:11px;
	}



	
.sec-header{
	margin: 0 0 20px 0;
	}


.sec-header h1{
	font-size:22px;
	}

.sec-header h5{
	font-size:13px;
	margin: 0 0 5px 0;
	}	


.btn-more{
	padding:12px 20px;
	font-size:13px;
	}
	
	
.btnView{
	font-size: 13px;
		padding:6px 15px;
}
	

.btnView .iconstyle{
	font-size: 9px;	
}
	
	
	
.mBottom{
	margin-bottom: 25px;
}

	
	
.lists{
	margin: 0 0 20px 0;
}
.lists li{
	padding: 3px 0 3px 15px;
}

.lists li:before {
    top: 10px;
}
	

.FlexList{
	display: block;
}	
	
	


.side-title{
	top: 30%;
    right: -53px;   
	font-size: 12px;
	padding: 5px 15px;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
	}	
	
	
	
	

.overlayElement {
    top: 80px;
}



	
	
	

.hm-OfferSec{
	padding: 0 0 40px 0;
}
	
.Offer-BoxItem .imageBox{
	margin: 0 0 15px 0;
	}
	


.Offer-BoxItem .contentBox .Categ{
	font-size: 12px;
	margin: 0 0 5px 0;
	}

.Offer-BoxItem .contentBox .Brand,
.Offer-BoxItem .contentBox .ProCode{
	font-size: 13px;
	}


.Offer-BoxItem .contentBox .divider{
	margin: 0 5px;
	}

	
	.Offer-BoxItem .contentBox h3{
		font-size:16px;
		margin:0 0 15px 0;
	}

	.Offer-BoxItem .contentBox .desc{
		height: 40px;
		margin:0 0 15px 0;
	}	
	
	
	
	
	
	

	
.hm-BestSellersSec{
	padding: 40px 0;
}

	
.Pro-BoxItem{	
	padding: 10px 15px 30px 15px;
	}



.labelNew {
  top: 15px;
  left:15px;
  width: 50px;
  height: 50px;
  font-size: 13px;
}



.Pro-BoxItem .imageBox{
	margin: 0 0 15px 0;
	}
	

.Pro-BoxItem .contentBox .Categ{
	font-size: 12px;
	}

.Pro-BoxItem .contentBox .Brand{
	font-size: 13px;
	margin: 0 0 10px 0;
	}


	.Pro-BoxItem .contentBox h4{
		font-size:16px;
		margin:0 0 10px 0;
	}



	.Pro-BoxItem .contentBox .desc{
		height: 42px;
	}
	
	
	

.hm-NewArrivalSec{
	position: relative;
	padding: 40px 0;
}

	
	
	
	
.ProCategSec{
	padding: 40px 0 10px;
}
	
.FiveColsRow .BoxItem{
-ms-flex:0 0 25%;
flex: 0 0 25%;
max-width:25%;
}
	
	
.ProCategSec .CatgItemBox{
	padding: 20px 10px;
}



.ProCategSec .CatgItemBox .iconBox img{ 
	width: 40px;
	height: 40px;
}

.ProCategSec .CatgItemBox .title{
	font-size: 13px;
}	
	
	
	
	

	
.SinceSec{
	padding: 50px 0 650px 0;
}	

.yearBox img{
	width: 250px;
}
	
	
	
.SinceSec .RightCol{
padding: 10px 0 10px 30px;
}	
	
	
.SinceSec .descOne{
	font-size: 13px;
	margin: 0 0 15px 0;
}	
	
	
	
	
	
.hm-AboutSec{
	padding:40px 0;
}

.hm-AboutSec .desc{
	max-width: 100%;
    margin-bottom: 20px;
}
	
	
	
	
	

.hm-AboutSecTwo{
	padding: 0 0 100px 0;
}



.hm-AboutSecTwo .TitleBoxWrap{
	bottom: -100px;
}


.hm-AboutSecTwo .TitleBox{	
	padding: 40px 30px;
	width: 50%;
}

.hm-AboutSecTwo .TitleBox .heading{
	font-size: 22px;
	margin: 0 0 15px 0;
}

.hm-AboutSecTwo .TitleBox .desc{
}
	
	
	
	
	

.hm-AboutSecThree{
	padding: 80px 0 40px;
}


.hm-AboutSecThree .desc{
	margin: 0 0 20px 0;
}


.hm-AboutSecThree .contentBox{
	padding: 0;
}


.hm-AboutSecThree .listFacts li{
	padding: 15px 0;
}



.hm-AboutSecThree .BoxItem .icon{
	margin: 0 20px 0 0;
	}

.hm-AboutSecThree .BoxItem .icon img{ 
	width: 40px;
	height: 40px
	}




.hm-AboutSecThree .BoxItem .title{
	font-size: 20px;
}

.hm-AboutSecThree .BoxItem .txt{
	font-size: 14px;
}



.infrastrcutureSec{
	padding: 40px 0;
}
	
.infrastrcutureSec .desc{
	max-width: 100%;
}	
	
	

.DiverseSec{
	padding: 40px 0;
}

	
.DiverseSec .descSmall{
	max-width: 100%;
}	

	
	
.DiverseSec .BoxItem{	
	margin: 0 0 30px 0;
	padding: 40px 30px;		
	}


.DiverseSec .BoxItem .icon{
	margin: 0 0 20px 0;
	}

.DiverseSec .BoxItem .icon img{ 
	width: 40px;
	height: 40px
	}



.DiverseSec .BoxItem h4{
	font-size: 18px;
	margin:0 0 20px 0;
}	
	
	
	
.AboutProSec{
	padding: 100px 0;
}


.AboutProSec h1{
	position: relative;
    font-size: 22px;
    margin: 0 0 20px;
}

	
	


.hm-BrandsSec{
	padding: 0 0 40px;
}

.hm-BrandsSec .desc{
	max-width: 100%;
    margin-bottom: 20px;
}
		

	
	

	
.hm-BlogSec{
	padding: 40px 0;
}


.BlogBox .btnBlog{
	font-size: 13px;
}


	
.BlogBox .contentBox{
	position: relative;
	padding: 15px 20px 30px 20px;
	}


	.BlogBox .contentBox h4{
		font-size:16px;
		margin:0 0 15px 0;
	}

	.BlogBox .contentBox .desc{
		height:100px;
		margin:0 0 20px 0;
	}


.BlogBox .contentBox .BlogDate{	
	font-size: 12px;
	margin: 0 0 10px 0;
}

	
	

	
	
.hm-EnquirySec{
	padding: 40px 0;
}


.hm-EnquirySec .desc{
	margin: 0 0 20px 0;
}



.hm-EnquirySec .contentBox{
	padding: 0;
}
	
	
	
	
	
	

	
	
	
	
.downloadSec{
	padding: 40px 0 20px;	
	}
	
	
.downloadSec .DownBoxItem .imageBox{
	width: 120px;
	}

.downloadSec .DownBoxItem h5{
	font-size: 13px;
	margin:0 0 20px 0;
}


.downloadSec .DownBoxItem .btn-download {
	padding:8px 15px;
	font-size:12px;
	}


.downloadSec .DownBoxItem .downloadIcon img{
	width: 14px;
}

	
	
	
.footer-sec{
	font-size:13px;
	padding: 0;
	}
	

.footer-sec .footer-widgets{
	padding:50px 0 0 0;
	}
	
	
.footer-sec .footer-column h5{
	font-size:13px;	
	margin:0 0 10px 0;
	}

	
	
.footer-sec .footer-logo {
    position: relative;
    margin: 0 0 30px 0;   
}

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

	
.footer-sec .footer-column .desc{
	margin:0 0 20px 0;
	}
	
.footer-sec .btn-Footer{
	font-size: 13px;	
	}	







.footer-sec .footer-column .pro-link{
  margin: 0 0 30px 0;
}	

.footer-sec .footer-column .links li{
	padding: 6px 0;
	font-size: 13px;
	}

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

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

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



.footer-sec .box{
	padding:0 0 0 24px;
	margin:0 0 15px 0;
	}

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


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



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






.side-bar-contact {
	right:15px;
}	
.side-bar-contact .iconstyle{
	font-size:26px;
	width: 44px;
	height: 44px;
	}







	

	
.ProductListSec{
	padding: 40px 0;
}
	
	
.ProSearchBox{
	margin: 0 0 20px 0;
}

	

.ProSearchBox .ProSearch{
    height: 36px;
    padding: 5px 10px 5px 15px;
}
	
.ProSearchBox .ProSearch .search-input{
    font-size: 13px;
}	
	
.ProSearchBox .search-icon{
    height: 22px;
    width: 22px;
	font-size: 16px;
}	
	
	
	
	.pro-menu .pro-menu-item{
		padding: 10px 0;
	}
	
	.pro-menu .pro-menu-item li a{
		font-size: 13px;
		padding: 7px 20px;
	}	
	
	
	
	
	

	
.ProListBoxItem{	
	padding: 10px 15px 30px 15px;
	}



.ProListBoxItem .imageBox{
	margin: 0 0 15px 0;
	}
	

.ProListBoxItem .contentBox .Categ{
	font-size: 11px;
	}

.ProListBoxItem .contentBox .Brand{
	font-size: 13px;
	margin: 0 0 10px 0;
	}


	.ProListBoxItem .contentBox h4{
		font-size:14px;
		margin:0 0 20px 0;
	}



	
	
	
	

.mission-sec{
	padding: 40px 0 0 0;
}

	
	
.mission-sec .row {
  margin-right: -15px;
  margin-left: -15px;
  }

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



.mission-sec .BoxItem{
	margin: 0 0 30px 0;
	padding: 40px 30px;	
	}



.mission-sec .BoxItem .icon{
	margin: 0 0 20px 0;
	}

.mission-sec .BoxItem .icon img{ 
	width: 50px;
	height: 50px;
	}

	
.mission-sec .BoxItem h1{
	font-size: 22px;
	margin:0 0 15px 0;
}





	
	
.team-sec{
	padding: 20px 0;	
}
	
.hrLine{
	margin:0 0 30px 0;
}

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

	
.team-sec .imageBox{
	text-align: center;
	margin: 0 0 15px 0;
}


.team-sec .contentBox{
	text-align: center;
}


.team-sec h3{
	font-size:20px;
	margin: 0 0 20px 0;
	}


.team-sec .contentBox .name{
		font-size:16px;
		margin:0 0 5px 0;
	}

.team-sec .contentBox .designation{
		font-size:13px;
		margin: 0 0 20px 0;
	}



.team-sec .contentBox.pdLeft{
	padding-left: 0;
}

.team-sec .contentBox.pdRight{
	padding-right: 0;
}
	
	
	
.team-ListSec{
	padding: 50px 0 20px;
}	
	
	
	

.teamBox .imageBox{
	margin-bottom: 15px;		
	}
	

.teamBox .contentBox .name{
	font-size:16px;
	}

	.teamBox .contentBox .designation{
	font-size:13px;
	}	
	


	.teamBox .contentBox .name{
		font-size:16px;
	}

	.teamBox .contentBox .designation{
		font-size:13px;
	}

	


	
	
.BestSellersSec{
	padding: 40px 0;
}


.NewArrivalSec{
	padding: 40px 0;
}

	

.BrandsSec{
	padding: 40px 0;
}


.BrandsSec .desc{
	max-width: 100%;
    margin-bottom: 20px;
}




	
.BlogSec{
	padding: 40px 0;
}

	
.blog-widget{
	padding: 20px 20px;
	margin: 0 0 30px 0;
}


.blog-widget .widget-title{
	font-size: 14px;
	margin: 0 0 15px 0;
}


 .blog-widget ul li .IconStyle{
	font-size: 10px;
}



.blog-widget .recent_post_item li.single-recent-post-item .thumb img{ 
	width: 60px;
	height: 40px;
	}


.blog-widget .recent_post_item li.single-recent-post-item .content .title{	
	font-size: 13px;
	margin:0 0 5px 0;
}


.blog-widget .recent_post_item li.single-recent-post-item .content .time{	
	font-size: 11px;
}




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

.blogListItem .thumbnail {
    margin: 0 0 15px 0;
}



.blog-post-meta{
    margin: 0 0 15px 0;
}

.blog-post-meta li {
	font-size: 12px;	
}

.blog-post-meta li+li {
    margin-left: 10px;
}

.blog-post-meta li i {
	margin-right: 5px;
	font-size: 12px;	
}




.blogListItem .title{
	font-size: 16px;
    margin: 0 0 10px 0;
}

.blogListItem .desc{
	height: 40px;
    margin: 0 0 15px 0;
}



.blogListItem .btn-more{
	padding:12px 20px;
	font-size:13px;
	}
	

	
.BlogDetailBox .imageBox{
	margin: 0 0 20px 0;
}



.BlogDetailBox .VideoBox{
	margin: 0 0 20px 0;
}




.BlogDetailBox h5{
	font-size: 15px;
	margin: 0 0 15px 0;
}


.BlogDetailBox .desc{
	margin: 0 0 20px 0;
	}



.blog-details-footer {	
    margin-top: 30px;
}

.blog-details-footer .title {
    font-size: 12px;
}


.blog-details-footer .left .tags li a {
    padding: 5px 10px;
    font-size: 12px;
}


.blog-details-footer .right .social-share li .iconstyle{
	font-size: 16px;	
}
	
	
	
	
	
	

	
	
	
.CommonSec{
	padding:40px 0;
	}	


.CommonSec h6{
	font-size: 13px;
	margin: 0 0 10px 0;
}

.CommonSec .desc{
	margin: 0 0 20px 0;
}

	
	
	
	
	
.careers-sec{
	padding:40px 0;
	}

	
.careers-sec h1{
	font-size:22px;
	margin: 0 0 15px 0;
	}
	
.careers-sec .desc{
	margin: 0 0 30px 0;
	}

.careers-sec .imageBox{
	padding: 0;
}
	
	
	

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

.contact-sec h1{
	font-size:22px;
	margin: 0 0 15px 0;
	}


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

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


.contact-sec .contact-row{
	margin: 0 0 30px 0;	
}


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

.contact-sec .contactBox .title{
	font-size: 13px;
	margin: 0 0 5px 0;
}

.contact-sec .contactBox .txt{
	font-size: 15px;
}


.contact-sec .contactBox .icon{
	width: 30px;
	}

.contact-sec .contactBox .icon .iconstyle{
	font-size: 15px;		
	}	
	

.contactEnqRow{
padding: 0 0 0 10px;
}




	

.CaptchaBox .CaptchaText{
	font-size: 16px;
	padding: 5px 30px 4px;
}

.CaptchaBox .CaptchaReload .iconstyle {
	width: 35px;
	height:35px;
	font-size:16px;
	}
	


	
	.txt-label{
		font-size:13px;
		margin: 0 0 5px 0;
	}	
	
	
.contact-form .form-group{
	margin-bottom:25px;
	}

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

	

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

}



@media (max-width: 767px) {


.FiveColsRow .BoxItem{
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}

	
.hm-AboutSecTwo .TitleBoxWrap{
	bottom: -120px;
}
	
.hm-AboutSecTwo .TitleBox{
	width: 55%;
	padding: 30px 30px;
}	
	


	
.hm-AboutSecTwo .imageBlock img{
    height: 350px;
    object-fit: cover;
    object-position: center bottom;
  }
	
	

	
.hm-AboutSecThree{
	padding: 60px 0 40px;
}
	
.hm-AboutSecThree .imageBox{
	margin: 0 0 30px 0;
}
	

	
	
.AboutProSec{
	padding: 70px 0;
}

	
	
	
	.BlogBox .contentBox .desc{
		height: 40px;
	}	
	

	
	
.hm-EnquirySec .contentBox{
	margin: 0 0 30px 0;
}
		
	
		
	
	

.footer-sec{
	margin: 0;		
	}	
	
.footer-sec .footer-widgets {
  padding: 50px 0 0 0;
}	
	
	
	
.footer-sec .copyright{
	text-align: center;
	margin: 0 0 10px 0;
	}

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

	
.team-sec .imageBox img{
	width: 250px;
}
		
.teamBox .imageBox img{
	width: 250px;
	}
	
	
	
	
	
.careers-sec .imageBox{
	margin: 30px 0 0 0;
}
	
.careers-sec .imageBox img{
		width: 80%;
		display: inline-block ;
	}		
	
	
	
.contact-sec .contact-info{
	margin: 0 0 30px 0;
}	
	
.contact-sec .divider{
		border-left:0;
	}
	
	

	
.Pro-BoxItem .imageBox img{
	 width: 200px !important; 
	}
	
.ProListBoxItem .imageBox img{
	width: 200px !important; 
	}	

	
.blog-details-footer {
    display: block;
}	
	
.blog-details-footer .right{
	margin: 20px 0 0 0;		
	}
	
	
		
}
	


@media (max-width: 575px) {


		
.FiveColsRow .BoxItem{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}


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

	
 .SinceSec .RightCol {
	border-left: 0px;
    padding:0;
	text-align: center;
  }	
	
	
	
	
.hm-AboutSecTwo{
	padding: 0 0 140px 0;
	
	}
	
.hm-AboutSecTwo .TitleBoxWrap{
	bottom: -140px;
}
	
.hm-AboutSecTwo .TitleBox{
	width: 85%;
	padding: 30px 30px;
}	
		
	
	
	
	.BlogBox .contentBox .desc{
		height: 60px;
	}	
	
	
	
	
.footer-sec .footer-column .desc{
	width: 100%;
	}

	
.careers-sec .imageBox img{
		width: 90%;
	}


}