/* #Media Queries
================================================== */

@media (min-width: 992px) and (max-width: 1199px) {
.header-info .info li{ margin-left:50px;}
} 
/* END__ */

@media (min-width: 768px) and (max-width: 991px) {
.logo{ position:relative; top:auto; left:auto;}
.logo-img{ float:left; display:block; width:100px;}
.navigation:after, .navigation:before{ display:none;}
.navigation{ margin:0;}
.info-wrapper{ position:relative; top:auto; -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); left:auto; right:auto;}
.map { height:400px;}
.footer-bottom p, .footer-bottom ul{ float:none; text-align:center;}
.footer-bottom ul li{ display:inline-block; float:none;}
.footer-bottom ul{ margin-bottom:15px;}
.catalouge-link{ display:inline-block;; text-align:center; margin-top:15px; top:auto; left:auto; margin-left:0; position:relative;}
.catalouge-dd{ width:auto; left:0; right:0;}
.header-info{ padding:5px 0 15px 0}
.header-info .info li{ margin-left:0;}
} 
/* END__ */

@media only screen and (max-width: 767px) {
body{ font-size:1rem;}
p {line-height:1.5rem}
h1, .h1 {font-size:1.875rem;}
h2, .h2 {font-size:1.6875rem;}
h3, .h3 {font-size:1.4375rem;}
h4, .h4 {font-size:1.25rem;}
h5, .h5 {font-size:1.125rem;}
h6, .h6 {font-size:1rem;}
.logo{ position:relative; top:auto; left:auto;}
.logo-img{ float:left; display:block; width:100px;}
.navigation:after, .navigation:before{ display:none;}
.navigation{ margin:0;}
.banner-search{ position:relative; left:auto; right:auto; top:auto; bottom:auto; background:#f5bc17}
.banner-search .btn{ margin-top:15px;}
.banner .carousel-caption h2{ font-size:36px; line-height:40px;}
.banner-image{ height:300px;}
.banner-search-form{ padding:30px 15px;}
.w3 .form-box{ padding:20px;}
.w2 .nav-tabs{ margin:0 0 25px 0; padding:0;}
.w2 .nav-tabs .nav-link{ font-size:15px;}
.w2 .nav-tabs .nav-link{ border-radius:4px;}
.w2 .content ul li{ float:none; width:auto;}
.w2 .nav-tabs .nav-link.active:before, .w2 .nav-tabs .nav-link:hover:before{ display:none;}
.w1, .w2, .w3, .w4, .w5, .w6, .w7{ padding:25px 0;}
.w7 .col-lg-6:first-child{ margin-bottom:25px;}
.logo-scroll{ padding:0 80px;}
.logo-scroll .owl-next{ right:-80px;}
.logo-scroll .owl-prev{ left:-80px;}
.w8 h3, .w8 p{ margin-bottom:15px;}
.info-wrapper{ position:relative; top:auto; -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); left:auto; right:auto;}
.map { height:300px;}
.w8{ padding:25px 0; background:#f4f4f4;}
.footer-bottom p, .footer-bottom ul{ float:none; text-align:center;}
.footer-bottom ul li{ display:inline-block; float:none;}
.footer-bottom ul{ margin-bottom:15px;}
.footer-top{ padding:20px 0 0}
.page-wrapper{ padding:25px 0;}
.page-title h1{ font-size:40px;}
.search-form{ padding-right:90px;}
.search-form .link{ width:90px;}
.catalouge-link{ display:inline-block;; text-align:center; margin-top:15px; top:auto; left:auto; margin-left:0; position:relative;}
.catalouge-dd{ width:auto; left:0; right:0;}
.catalouge-dd .card-body{ width:auto;}
.shoring-div .form-control{ float:right; max-width:170px;}
.header-info{ padding:5px 0 15px 0}
.header-info{ font-size:14px;}
.header-info .info li{ margin-left:0;}
} 
/* END__ */

@media (max-width: 480px) {
} 
/* END__ */

.invalid-feedback {
    display: inline-block;
}


.logo-30{
  height: 80px;
}
@media (min-width: 991px) {
.logo-30{ margin-left: -160px; margin-bottom: 42px;}
}
@media (max-width: 991px) {
.logo-30{ float:left; margin-top: 24px;}
}