@media (max-width:1199px){
  header .container{max-width: 100%; padding: 0 25px;}
}
@media (max-width:1023px){
  .logo img{max-width: 220px;}
  .top_phone a{font-size: 16px;}
  .menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}  
.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:#171717; 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 #3c3c3c; 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:13px 0;color: #ffffff !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:15px 20px; border-left:1px solid #3c3c3c;}
.mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 280px; background:#171717; 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: #2f2f2f;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #bbb; padding:12px 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa {font-size:35px;}
}

@media (max-width:991px){
  header{position: relative;}
  .testimonial_section .swiper-button-next, .testimonial_section .swiper-button-prev{display: none;}
  .hero_wrapper{padding: 100px 0; }
  .hero_wrapper h1{font-size: 3em;}
  .hero_wrapper .container{max-width: 100%; padding: 0 25px;}
  .safty_thumb {margin-bottom: 50px;}
.security_icon{top: -40px; transform: none; right: inherit; left: -10px;}
.thumb_img {margin-top: 30px;}
ul.footer_social{text-align: center;}
ul.footer_link {text-align: center; margin-top: 20px;}
ul.footer_list{margin-bottom: 25px;}
 .testimonial_section .swiper-button-next, .testimonial_section .swiper-button-prev{display: none;}
}
@media (max-width:767px){
  .container {max-width: 100%;}
  .container, header .container {padding: 0 20px;}
  .bg_fix{background-attachment:inherit;}
}
@media (max-width:667px){
  ul.feature_list li{float: none; width: 100%; padding-right: 0;}
  ul.feature_list li:last-child{margin-bottom: 0;}
}
@media (max-width:640px){
   .hero_wrapper h1{font-size: 2.5em;}
  .header_top_right ul li.top_phone{display: none;}
  .header_top_right ul li.top_btn .btn_styled {padding: 7px 15px; font-size: 15px;}
}
@media (max-width:575px){
  .hero_wrapper{padding: 80px 0; }
   .hero_wrapper h1{font-size: 2.15em;}
   .hero_wrapper p{font-size: 16px;}   
   
   .hero_wrapper .container {padding: 0 20px;}
   ul.safity_list li{width: 100%; float: none;}
   section, .bg_fix{padding: 60px 0;}
   .bg_fix2{text-align: center;}
   .bg_fix2 .row  [class*="col"]{ flex: inherit; width: 100%;}
   .promise_section{text-align: center;}
}
@media (max-width:500px){
  .header_top_right ul li.top_btn{display: none;}
     .hero_wrapper h1{font-size: 2em;}
}
@media (max-width:425px){
     .hero_wrapper h1{font-size: 1.75em;}
}
@media (max-width:400px){
.hero_wrapper{padding: 60px 0; }
}
@media (max-width:340px){
.logo img{max-width: 180px;}
}
