@media (max-width: 1440px){
/******** Homepage CSS ********/
.hmmainslider .slick-slide{height: 450px;}
.hmmainslider .banneroverlay h2{font-size: 44px;}
.hmmainslider .banneroverlay .bannerbtn{font-size: 18px;}
.bannercaption{padding-left: 40px;}

}

@media (max-width: 1199px){

.headertop{padding: 0 0;}
.headerbottom{padding: 15px 0;}
#nav > li{margin: 0 0 0 23px;}
#nav > li > a{font-size: 15px;}

/******** Homepage CSS ********/
.hmmainslider .slick-slide{height: 380px;}
.hmwelcomeimgbox{position: relative;margin-top: 0;}
.hmwelcomecontent{padding: 0;}
.hmwelcomewrap{padding: 50px 0;margin: 50px 0;}
.hmproductsection{padding: 50px 0;margin-bottom: 60px;}
.hmwelcomecontent h1{font-size: 34px;}
.hmproductsection h2{font-size: 34px;}
.hmmainslider .banneroverlay h2{font-size: 36px;}
.hmmainslider .banneroverlay .bannerbtn{font-size: 18px;}
.bannercaption{padding-left: 50px;}

/******** Aboutpage css ********/
.topcurrentbar{min-height: 200px;}

/******** Gsllery css ********/
.gallery-main .row > div:nth-child(4n + 1){clear: none;}
.gallery-main .row > div:nth-child(3n + 1){clear: both;}

}

@media (max-width: 991px){
/******** Header CSS ********/
.headertop{padding: 0;}
.headerbottom{padding: 15px 0;}
.headmenu{padding: 5px 0;}
.menu-icon{display:block;}
#nav{display:none; background-color: #3b7111; width: 280px; padding:10px 0; position: absolute; right:0; top: 54px;}
#nav > li{width:100%; margin:0;padding: 0;}
#nav > li > a{display:block; padding:10px 30px 10px 15px; line-height:20px; color:#fff;}
#nav > li:hover > a{color:#fff;background-color: #012a5e;}
#nav > li > a::after, #nav > li > a::before{display:none;}
#nav li:hover > ul { display: none;}
#nav ul{ display: none; position: relative; width: 100%;}
#nav ul li a{display:block; padding:10px 15px 10px 30px; line-height:20px; color:#fff;}
.arrowclick{display:block;}

/******** Homepage CSS ********/
.hmwelcomecontent h1{font-size: 30px;}
.hmmainslider .slick-slide{height: 350px;}
.hmmainsliderwrap:before{display: none;}
.hmproductsection:before{display: none;}
.hmproductsection h2{font-size: 30px;}
.hmmainslider .banneroverlay h2{font-size: 26px;}
.hmmainslider .banneroverlay .bannerbtn{font-size: 16px;}
.bannercaption{padding-left: 0;padding-right: 15px;}

/******** Footer CSS ********/
.footform h2{font-size: 26px;}
.footmap iframe{height: 250px;}

/******** Footer CSS ********/
.footright{width: 100%;float: none;display: block;}
.footmap{width: 100%;float: none;display: block;}

/******** Aboutpage css ********/
.topcurrentbar h1{font-size: 28px;}
.padding-80{padding: 60px 0;}
.title h2{font-size: 26px;}
.company-profile-main img,
.about-us-main img{margin: 0 auto;display: block;}
.prod-desc-box h2{font-size: 22px;}

/******** Gsllery css ********/
.gallery-main .row > div:nth-child(3n + 1){clear: none;}
.gallery-main .row > div:nth-child(2n + 1){clear: both;}
.gallery-image a img{width: 100%;}

}

@media (max-width: 767px){
/******** Header CSS ********/
.headertop{text-align: center;}
.logo{float: none;display: block;margin: 0 auto;width: 217px;padding: 0 0 15px;}
.headerright{float: none;text-align: center;}
.headmenu, .headmakecall{float: none;display: inline-block;vertical-align: top;}
.headmakecall{padding-left: 0;padding-right: 25px;}
#nav{text-align: left;right: -16px;}

/******** Homepage CSS ********/
.hmwelcomecontent h1{font-size: 26px;}
.hmmainslider .slick-slide{height: 250px;}
.hmwelcomeimgbox{background: url('../images/welcome-safco-industries.jpg') no-repeat center center;min-height: 300px;max-width: 390px;margin: 0 auto 50px;background-size: cover;}
.hmwelcomeimgbox img{display: none;}
.hmproductsection h2{font-size: 26px;}
.hmmainslider .banneroverlay h2{font-size: 22px;margin-bottom: 20px;}
.hmmainslider .banneroverlay .bannerbtn{font-size: 14px;}

/******** Footer CSS ********/
.footcontactinfomain{padding: 40px 15px 25px;}
.footcontactinfo{float: none;display: block;width: 100%;padding: 0;max-width: 220px;margin: 0 auto 30px;}
.footform{width: 100%;float: none;display: block;}
.fieldcol33{width: 100%;float: none;}
.fieldcol50{width: 100%;float: none;}
.fieldcol66{width: 100%;float: none;}
.contact-us-detail h4{text-align: center;}
.contact-us-detail .footcontactinfo{margin-bottom: 0;}
.foothourslist{width: 220px;margin: 0 auto;}
.contact-us-detail .footcontactmore{margin-bottom: 0;}

/******** Aboutpage css ********/
.padding-80{padding: 50px 0;}
.title h2{font-size: 24px;}
.topcurrentbar{min-height: 200px;}
.topcurrentbar h1{font-size: 24px;}
.company-profile-main .pull-right,
.about-us-main .pull-right{float: none !important;}

/******** Product pager css ********/
.prod-list-col{padding-right: 15px;border-top: 0;}
.prod-desc-main-img-slider{margin-top: 30px;}
.prod-add-box{display: none;}
.prod-desc-col{border: 0;}
.prod-cat-group h2{border-top: 1px solid #e7e9ea;}
.prod-desc-box{padding-left: 0;}

table tr td{font-size: 14px;padding: 12px 10px;}
table tr th{font-size: 14px;padding: 10px 10px;}

}

@media (max-width: 575px){
.hmmainslider .slick-slide{height: auto;}
.hmmainslider .banneroverlay{padding: 30px 15px;position: relative;text-align: center;}
.bannercaption{width: 100%;order: 2;padding: 30px 0 0;}
.bannerimg{width: 100%;order: 1;}
.bannerimg img{width: 270px;margin: 0 auto;}
}

@media (max-width: 479px){
/******** Homepage CSS ********/
.hmproductbox{width: 100%;margin-bottom: 30px;max-width: 230px;}
.hmproductbox:last-child{margin-bottom: 0;}

/******** Footer CSS ********/
footer .fieldcol50{width: 100%;}
}