/* SCREEN WIDTH ======= */
 @media screen and (max-width: 1920px) {
     #wpadminbar {
         position: fixed !important;
    }
     .wrapper-inner {
         position: relative;
    }
}
 @media screen and (max-width: 1460px) {
     .wrapper-inner {
         width: 100%;
         padding-left: 3.5%;
         padding-right: 3.5%;
    }
}
 @media screen and (max-width: 1245px) {
     .wrapper-inner {
         padding-left: 2.5%;
         padding-right: 2.5%;
    }
     .main-menu li {
         margin: 0 3px;
    }
}
 @media screen and (max-width: 1024px) {
     .main-menu li {
         margin: 0 5px;
    }
}
 @media screen and (max-width: 990px) {
     .main-menu-inner {
         height: 70px;
    }
     .main-menu-inner .logo, .main-menu-inner .links {
         width: auto;
    }
     .logo img {
         max-width: 175px;
    }
     .burger-menu-inner {
         display: block;
    }
     .main-menu {
         display: block;
         padding-top: 25px;
    }
     .main-menu:before {
         content: "";
    }
     .mobile-menu {
         position: fixed;
         left: -100%;
         width: 100%;
         height: 100%;
         top: 0;
         bottom: 0;
         text-align: left;
         background: #f9f5f2;
         box-shadow: 4px 20px 25px rgb(0 12 16 / 26%);
         margin-top: 70px;
         padding-top: 0px;
         padding-bottom: 85px;
         overflow-y: auto;
         z-index: 90;
         transition: all 0.25s linear;
         -webkit-transition: all 0.25s linear;
         -o-transition: all 0.25s linear;
         -ms-transition: all 0.25s linear;
         -moz-transition: all 0.25s linear;
    }
     .active-menu .mobile-menu {
         opacity: 1;
         visibility: visible;
         left: 0;
    }
     #nav {
         overflow: auto;
    }
     .main-menu>li {
         float: none;
         display: block;
         line-height: 30px;
         border-bottom: 1px solid #e0e0e0;
         margin-left: 15px;
         margin-right: 15px;
         text-align: left;
    }
     .main-menu>li a {
         color: inherit !important;
         padding: 10px 25px 10px 10px;
         display: block;
         font-size: 16px;
         line-height: 25px;
         text-transform: none;
    }
     .main-menu .current-menu-parent a, 
     .main-menu .current-menu-item .sub-menu a {
         color: inherit !important;
    }
     .main-menu .current_page_item a, 
     .main-menu .current-menu-parent .current-menu-item a {
         color: #1a9cba !important;
    }
     .main-menu .menu-item-has-children>a:after {
         display: none;
    }
     .main-menu .menu-item-has-children>a.dropdown-toggle:after, 
     .main-menu .menu-item-has-children a, 
     button.dropdown-toggle {
         display: inline-block;
    }
     a.dropdown-toggle {
         margin-left: 0;
    }
     .main-menu .sub-menu {
         text-align: left;
         box-shadow: 0 0px 0px rgba(0, 0, 0, 0.4);
    }
     .main-menu .sub-menu li {
         position: relative;
         padding: 0;
         border-bottom: 0;
         margin: 0;
    }
     .main-menu li>.sub-menu {
         margin: 0;
         border: 0 none;
         background: none;
         position: static;
         height: 0;
         overflow: hidden;
         max-height: 0;
         transition: all 0.1s linear;
         -webkit-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
         -ms-transition: all 0.1s linear;
         -moz-transition: all 0.1s linear;
    }
     .main-menu li:hover>.sub-menu {
         opacity: 0;
         visibility: hidden;
    }
     .main-menu li>.sub-menu.toggled-on {
         opacity: 1;
         visibility: visible;
         height: 100%;
         padding-bottom: 0;
         max-height: 1000px;
         transition: max-height 1.45s linear;
         -webkit-transition: max-height 1.45s linear;
         -o-transition: max-height 1.45s linear;
         -ms-transition: max-height 1.45s linear;
         -moz-transition: max-height 1.45s linear;
    }
     .main-menu li>.sub-menu a {
         display: block;
         padding: 0px 30px 11px 20px;
         font-size: inherit;
    }
     .main-menu .sub-menu button.dropdown-toggle {
         display: inline-block;
         background: none;
         position: absolute;
         right: 0;
         top: 0;
         margin-right: 0px;
         padding: 0px 12px 2px 0;
    }
     .menu-btn {
         background: rgb(255 255 255 / 23%);
         border-radius: 100%;
         padding: 2px;
         width: 35px;
         height: 35px;
    }
     .menu-btn img {
         max-width: 100%;
         margin-right: 0;
      }
     .menu-btn span {
         display: none;
    }
}
 @media screen and (max-width: 930px) {
     #footer .cols-3 > *, 
     #footer .cols-4 > *, 
     #footer .cols-5 > *, 
     #footer .cols-6 > * {
         width: 33.333%;
    }
     #footer .cols-4 > *:first-child, 
     #footer .cols-5 > *:first-child {
         width: 100%;
    }
}
 @media screen and (max-width: 870px) {
     .advantages-list-inner .cols-3 > *,
     .tariffs-list-inner .cols-3 > * {
         width: 50%;
    }
     .tariffs-list-inner .cols-3 > * {
         padding-bottom: 40px;
    }
}
 @media screen and (max-width: 825px) {
     .wrapper-inner {
         padding-left: 20px;
         padding-right: 20px;
    }
}
 @media screen and (max-width: 782px) {
     .simple-description.cols-2 .column-image {
         width: 100% !important;
         padding: 0 !important;
    }
     .simple-description.cols-2 .column-image {
         order: 1;
    }
     .simple-description.cols-2 .column-content {
         order: 2;
         width: 100% !important;
         padding: 0;
         padding-top: 40px;
    }
     #footer .cols-3 > *, 
     #footer .cols-4 > *, 
     #footer .cols-5 > *, 
     #footer .cols-6 > * {
         width: 50% !important;
    }
}
 @media screen and (max-width: 600px) {
     h1 {
         font-size: 24px;
         line-height: 35px;
         margin-bottom: 10px;
    }
     h2 {
         font-size: 20px;
         line-height: 34px;
    }
     .advantages-list-inner .cols-3 >  *,
     .tariffs-list-inner .cols-3 > * {
         width: 100%;
    }
}
 @media screen and (max-width: 540px) {
     .wrapper-inner {
         padding-left: 13px;
         padding-right: 13px;
    }
     #footer .cols-2 > *, 
     #footer .cols-3 > *, 
     #footer .cols-4 > *, 
     #footer .cols-5 > *, 
     #footer .cols-6 > * {
         width: 100% !important;
    }
     #footer .wrapper-inner {
         padding-left: 25px;
         padding-right: 25px;
    }
}
 @media screen and (max-width: 350px) {
     .wrapper-inner {
         padding-left: 10px;
         padding-right: 10px;
    }
}