@media (max-width:1399px){
    header .container , .herobanner .container , .trusted_companies .container{max-width: 100%;}
    .trusted_companies .text-uppercase{width: 100%; max-width: 300px;}
}
@media (max-width:1299px){
    .logo {max-width: 166px;}
    .join_btn span{display: none;}
}
@media (max-width:1199px){
   #menu ul li a {padding: 42px 6px 40px 6px}
    .logo {max-width: 164px;}
    .companyLogos img {width: 83px;}
}
@media (max-width:1099px){
   #menu ul li a {padding: 42px 4px 40px 4px}
    .logo {max-width: 112px;}
    ul.top_right li+li {margin-left: 0px;}
}
@media (max-width:991px){
header{padding:0;}
h1{font-size: 45px !important;line-height:55px !important}
h2{font-size: 35px !important;line-height: 45px!important}
h3{font-size: 24px !important;line-height:38px !important}
.topbar { width:100%; position:relative;   padding: 10px 0;} 
.no_links .topbar{ -webkit-box-shadow:0 2px 10px rgb(0 0 0 / 6%); box-shadow:0 2px 10px rgb(0 0 0 / 6%);}
.topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out; -webkit-box-shadow:rgba(0,0,0,0.2) 0 0 10px; 
  box-shadow:rgba(0,0,0,0.2) 0 0 10px; background: var(--primary);}
.topbar ul.top_right li+li{margin-left: 12px;}
.topbar ul.top_right li{margin-right: 0;}
.container {padding: 0 25px;}

.menu_open {display: block; padding: 0;}

a.menu_open i {font-size: 36px; color: black;}
.topbar.sticky {padding:10px 0;}

.full_screen_search {width: 92%;}
.mobile_search {color: #333;}
.menu_overlay {position: fixed; top:0; left:0; bottom:0; right:0; z-index:9999; background: rgba(0,0,0,0.75);}
.menu_toggler {margin:15px 0 0;}
.menu_toggler .icons {font-size:26px; color:#212121}
.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;}
.menu_close {position: absolute; left:-40px; top:20px;}
.menu_close i {font-size:30px; color: #fff;}
.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;  width: 80%; max-width: 300px; 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 #e9e9e9; 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 #e9e9e9;}
.mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%;  width: 80%; max-width: 300px; 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: #ebebeb;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #bbb; padding:10px 0;}
.mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa {font-size:35px;}
/* mobile menu css end */
.top_head_bar{display: none;}
.logo {max-width: 187px;}
.herobanner {padding-top: 150px;padding-bottom:5rem;}
.trusted_companies .text-uppercase {width: 100%;max-width: 100%; text-align: center;}

}
@media (max-width:767px){
 h1 {font-size: 35px !important;line-height: 45px !important;}
 h2 {font-size: 28px !important;line-height: 35px !important;}
 h4 {font-size: 20px !important;line-height: 30px !important;}
:root .gl_spacing{padding-left:20px;padding-right:20px;}
}
@media (max-width:600px){
    .logo img{max-width: 156px;}
}

@media (max-width:575px){
      ul.to_right{text-align: center;        position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);display: block;width: 100%;}
      ul.to_right li .btn{padding:10px 12px;margin: 0 5px; }
      .herobanner {padding-top: 120px;}
      .container {padding: 0 20px;}
    .logo img{max-width: 100%;}
}


@media (max-width:425px){
    ul.footerLists{column-count: 1;}
    .topbar ul.top_right li+li {margin-left: 2px;}
    .logo {max-width: 130px;}


      .chart_counter [class*="col-"] { max-width: 100%;  width: 100%; }
}
@media (max-width:320px){
       .logo img {max-width: 150px;}
}