@media (max-width:1300px){
  .hero_banner {padding:40px 0;}
  ul.services_list li {width: calc(20% - 11px); }
  .why_choose_content,
  .about_content {padding: 30px;}
  section {padding:30px 0;}
}
@media (max-width:991px){
  header {position: relative; padding:10px 0;}
  .hero_banner {padding:40px 0; margin-top: 0; }
  .hero_banner h1 { font-size: 30px;}
  .hero_banner p {font-size: 17px;}
  .hero_banner .btn {padding: 8px 14px; font-size: 15px;}

  .inner_banner {margin-top:0;}


  .topbar{text-align:center; position:relative; width:100%; position:relative; }
  .topbar.sticky{margin:0;position:fixed; top:0;left:0;width:100%;z-index:9;animation-name:menu_sticky;animation-duration:.60s;animation-timing-function:ease-out;}
  .topbar ul {padding:0; margin:0; list-style:none; text-align:right;}
  .topbar ul li {display:inline-block; margin-right:15px; vertical-align:middle; }  
  .topbar ul li.phone{font-size:16px;margin-right:20px;margin-top: 12px; float: left;}
  .topbar ul li.phone a{font-weight:700;font-size:18px;color:var(--info-color);}
  .topbar ul li.phone i{color:var(--secondary-color);margin-right:7px;top:3px;position:relative;font-size:23px;}  
  .topbar ul li.links {float: left; text-transform: uppercase; margin-top: 13px; font-weight: 600;}  
  .topbar ul li.links.links_cat { float: none;}
  .topbar ul li.links a {color: #000; text-decoration: none;}
  .topbar ul li.links a+a {margin-left: 12px; border-left: #000 1px solid; padding-left: 12px;}
  .topbar ul li.sm_menu {padding-top: 10px; float: left;}
  .topbar ul li.sm_menu a i {font-size: 32px;}
  
  .border_top { border-top:1px solid #ddd;}
  
  ul.mobile_info {padding:0; margin:0; list-style:none; text-align:right;}
  ul.mobile_info li {display:inline-block; margin-right:15px; vertical-align:middle; }
  ul.mobile_info li.phone{font-size:16px;margin-right:20px;margin-top: 12px; float: left;}
  ul.mobile_info li.phone a{font-weight:700;font-size:18px;color:var(--info-color);}
  ul.mobile_info li.phone i{color:var(--secondary-color);margin-right:7px;top:3px;position:relative;font-size:23px;}
  
  
  .menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:3; background: rgba(0,0,0,0.5);}
  .menu_toggler {margin:15px 0 0;}
  .menu_toggler .icons {font-size:26px; color:#111}
  .menu_head {background:#000;text-align: center; position: relative;}
  .menu_head a {color:#fff; padding:15px 10px; display: block; font-weight: 500; font-size: 16px;}
  .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; right:-40px; top:20px;}
  .menu_close i {font-size:30px; color: #fff;}
  .mobile_menu_wrap {position: fixed; top:0; bottom: 0; left:-100%; z-index:99999; background:#000; padding:0 0 75px; transition: all linear 0.2s; max-width: 80%; width: 280px; height: 100vh;}
  .mobile_menu_wrap.menu_show {left:0;}
  .mobile_menu_wrap ul {padding:0; margin:0; list-style:none; font-size: 15px; overflow: auto; height: 100vh;}
  .mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 0 120px;}
  .mobile_menu_wrap ul.main_menu li {border-bottom: 1px solid #333; padding:0 15px 0 15px;}
  .mobile_menu_wrap ul.main_menu li a {font-size:16px; text-decoration: none;}
  .mobile_menu_wrap ul li a {display: block; padding:17px 0;color: #fff !important; text-decoration: none;}
  .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:19px 20px; border-left:1px solid #333;}
  .mobile_menu_wrap ul li.hassub ul {position: fixed; top:62px; bottom:0; right:-100%; max-width: 80%; width: 280px; background:#111; 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; left: 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: #444;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:16px; color: #bbb; padding:10px 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa {margin:2px 5px 0 0; font-size:20px;}
  .menu_wrapper {display: none;}
  .menu_open {font-size:16px;}


  ul.services_list li {width: calc(24% - 11px); }

  #review_slider {max-width: 500px; }
  .testi_item {min-height: auto;}
  .testi_item .testi_author {position: relative; left: 0;-webkit-transform: none; transform: none; bottom: 0;}
  .reviews_content {padding:30px 30px 0 0;display: block; max-width: 500px;}

  .book_form_wrapper {padding: 30px; }

}
@media (min-width:768px) and (max-width:1199px) {  
}
@media (min-width:768px) and (max-width:991px){

}
@media (max-width:767px){
  .for_mobile { display:block;}
  .for_desktop { display:none;}

  .hero_banner {background-size: cover; padding:30px 15px; }
  .hero_banner::before {background-color: rgba(0,0,0,0.9); left:0; top:0; right:0; bottom:0;  }
  .hero_banner p {font-size: 18px; margin-right: 0;}

  
  .reviews_content {max-width: 100%; width: 100%;}

}
@media (max-width:667px){	 
  
  ul.services_list li {width: calc(33% - 11px); }


} 
@media (max-width:575px){
  ul.services_list li {width: calc(100% - 11px); }

}
@media (max-width:480px){
}
@media (max-width:425px){	
}
@media (max-width:375px){
}
@media (max-width:360px){	
  }
@media (max-width:320px){	
}