@media (max-width:1498px) {  
  .industry_slider .owl-stage, .services_slider .owl-stage {margin-left: -80px;}
}
@media (max-width: 1440px) {
  .logo img, .footer_logo img {max-width: 160px;}
  .hero_wrapper {margin-top: 91px;}
}
@media (max-width: 1399px) {
header .container {max-width: 100%; padding: 0 25px;}
}
@media (max-width: 1325px) {
  #menu ul li a{font-size: 15px; padding: 0 10px;}
  .top_phone a, .top_btn a{font-size: 15px;}
  .logo img, .footer_logo img {max-width: 150px;}
}
@media (max-width: 1200px) {
  .logo img, .footer_logo img {max-width: 120px;}
  #menu ul li a{ padding: 0 7px;}
  header .container {padding: 0 20px;}
  .hero_wrapper {margin-top: 71px;}
}
@media (max-width:1199px) {
  ul.footer_btns li .btn{min-width: auto!important;}
  .container {padding: 0 20px; max-width: 100%;}
  .btn-electric-lg {padding: .6rem 1.25rem;}
  .nsf_logo {margin-bottom: 12px;}
}
@media (max-width: 1105px) {
  #menu ul li a, .top_phone a, .top_btn a{font-size: 14px;}
  .top_right ul li + li{margin-left: 7px;}
}

@media (max-width: 1024px) and (min-width: 992px) {
  .top_right ul li.top_phone {display: none;}
}

@media (min-width: 1024px) {
  ul.footer_btns li .btn {font-size: 16px;}
}
@media (min-width: 992px) {
  .top_right ul li.mobile_menu_icon {display: none;}

}
 @media (max-width: 991.98px) {
      .hero-section {  text-align: center;  }
      .hero-section .badge-primary {justify-content: center;  }
      .step-item { flex-wrap: wrap;   }
    }

@media (max-width: 991px) {
  body{overflow-x: hidden;}
  #menu{display: none;}
  .menu_open {font-size: 36px; color: #000;}
.menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
.menu_head {background:#000;text-align: center; position: relative;color:#fff;}
.menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;text-decoration: none;}
.menu_head a span.menu_account_icon {font-size: 22px; vertical-align: middle; width: 32px; height:32px; line-height:32px; background: #444; display: inline-block; border-radius: 50%; margin-right:10px; }
.menu_close {position: absolute; left:-40px; top:20px;}
.menu_close i {font-size:30px; color: white;}
.mobile_menu_wrap {position: fixed; top:0; bottom: 0; right:-100%; z-index:99999; background:#ffffff; padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 280px; height: 100vh;}
.mobile_menu_wrap.menu_show {right:0;}
.mobile_menu_wrap ul {padding:0; margin:0; list-style:none; font-size: 15px}
.mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 0 120px;}
.mobile_menu_wrap ul.main_menu li {border-bottom: 1px solid #d9d9d9; padding:0 15px 0 15px;}
.mobile_menu_wrap ul.main_menu li a {font-size:15px; text-decoration: none;}
.mobile_menu_wrap ul li a {display: block; padding:15px 0;color: #000000 !important;}
.mobile_menu_wrap ul li.hassub {position: relative; padding:0 50px 0 15px;}
.mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute; right:0; top:0; font-size:18px; line-height: 1; padding:17px 20px; border-left:1px solid #d9d9d9;}
.mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 280px; background:#ffffff; margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility: hidden;}
.mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: #e0e0e0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #000000; padding:10px 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa, .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.bi {font-size:15px;}
  ul.footer_btns li{margin-top:20px;}
  .hero-content{text-align: left;}
  ul.footer_btns{text-align: center;}
  .footer_logo {margin-bottom: 18px;}
  ul.footer_btns li{margin-top: 7px;}
  ul.footer_btns li{margin-left: 2px;}
  .product_image img {height: auto; max-width: 100%;}
  .footer_small_text {margin-bottom: 25px;}

}
@media (max-width: 767px) {    
  .inner_banner {background-attachment:inherit;}    

}
@media (max-width: 667px) {    

  .hero-section{padding: 3rem 0;}
}
@media (min-width: 576px) {
.sticky_btn {display: none;}
}
@media (max-width: 575px) {
  ul.banner_list{display: flex;}
    ul.banner_list li{text-align: center; display: inline-block;}
  ul.banner_list img {display: block; margin: 0 auto 10px;}
  .copyrightSection {text-align: center;}
  .cardsPart{display: block; margin-top: 10px;}
footer{padding-bottom: 50px;}
   .sticky_btn { position: fixed;  left: 0;  right: 0;  border-radius: 0;  width: 100%;  bottom: 0; z-index: 9; }
    ul.footer_menu{margin-bottom: 15px;}
   .top_right ul li.top_btn {display: none;}
   
  .inner_banner { padding: 80px 0;}  
  .section-padding{padding: 3rem 0;}
}
@media (max-width: 550px) {
   .step-item {position: relative;}
   .step-icon{position: absolute; right: 25px; top: 14%;}
}
@media (max-width: 542px) {
  ul.footer_btns li{display: block;}
  ul.footer_btns li .btn{width: 100%;}
}
@media (max-width: 500px) {
  .step-description{max-width: 85%;}
}
@media (max-width: 425px) {

   .hero-content .badge-secondary{font-size: 11px;}
   .industry_slider .owl-stage, .services_slider .owl-stage {margin-left: -30px;}
   .logo_bar ul li img{height: 30px;}

   ul.footer_menu.col_menu2{column-count: 1;}
  
}
@media (max-width: 375px) {
  ul.banner_list li{font-size: 13px; line-height: 1.3;}
  .btn_styled{font-size: 14px;}

}
@media (max-width: 360px) {
  
   .top_right ul li.top_phone {display: none;}
}

