@media (max-width: 1399px) {
}

@media (max-width: 1199px) {
    header .submenu-box A{
        margin-right:20px;
    }
    header .contact-box{
        padding: 36px 18px 36px 0;    
    }
    header .logo-box{
        padding: 30px 0 30px 18px;    
    }
    #benefits .col-12{
        margin-bottom:60px;
    }    
}

@media (max-width: 992px){
    #benefits .col-12{
        margin-bottom:60px;
    }
    #copy{
        text-align:center;
    }
    #copy SPAN{
        float:none;
        margin:20px 8px;
    }    
    header .logo-box{
        padding:12px;
        text-align:center;
        border:none;
    }
    header .logo{
        display: block;
        height: 40px;
        width: 91px;
        margin: 0 auto;
    }
    header .button-box{
        padding:17px;
    }
    header .call{
        display:block;
        text-decoration:none;
        background-image:url('../images/call.svg');
        background-size:cover;
        background-repeat:no-repeat;
        background-position: left top;
        width:30px;
        height:30px;
        float:right;
    }
    
}
@media (max-width: 768px){  
    .page_cover H2{
        text-align:center;
    }
    .page_content .address,
    .page_content .support,
    .page_content .phones,
    .page_content .email{
        padding-top:56px;
        padding-left:0;
        background-position:center top;
        background-repeat:no-repeat;
        text-align:center;
        margin-bottom:60px;
    }
    .page_content H3{
        margin-top:0;
    }
    UL.toggle LI{
        display:block;
    }
    UL.toggle A{
        display:block;
        text-align:center;
    }    
    .price .title{
        height:auto;
        margin-bottom:0;
    }
    .price .field{
        margin-bottom:24px;
    }
    #prices .button{
        width:100%;
        margin-bottom:24px;
    }
    #prices .res_pre, #prices .res_total{
        text-align:left;
        font-size:18px;
        line-height:24px;
    }
    .price .quantity{
        text-align:left;
    }    
    .splide__arrows{
        display:none;
    }
    H2{
        font-size: 32px;
        line-height: 42px; /* 111.111% */
        margin-bottom:20px;
    }
    .slide-box .title{
        font-size: 32px;
        line-height: 36px;
    }
    .slide-box{
        height:480px;
    }    
    .service-box-main{
        height:260px;
    }
    #benefits IMG{
        display:block;
        margin:12px auto;
    }
    #benefits H2{
        text-align:center;
    }
    #benefits .col-12{
        margin-bottom:60px;
    }
    #benefits .title{
        font-size:24px;
        text-align:center;
    }
    #benefits .description{
        font-size:18px;
        line-height:28px;
        font-weight:400;
        color:#343A40;
    }
    #calculate .text P{
        margin-bottom:20px;
        font-size: 18px;
        line-height: 28px;
    }
    #calculate .title{
        font-size:20px;
        min-height:48px;
        height:auto;
        display: flex;
        align-items: center;
    }
    #partners{
        text-align:center;
        font-size:18px;
        font-weight:300;
    }
    #partners .col-12{
        margin-bottom:40px;
    }
    #teaser P{
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 28px;
    }
    .f_Reserve .text{
        font-size:18px;
        line-height:28px;
    }
    footer{
        text-align:center;
    }
    footer .logo{
        margin:0 auto;
    }
    footer .phone{
        margin-bottom:12px;
    }
    footer .address{
        padding-bottom:30px;
        border-bottom:1px solid #666;
        margin-bottom:30px;
        font-size:16px;
    }
    footer .nav A{
        font-size:18px;
        line-height:28px;
        margin-bottom:12px;
    }
    #copy{
        text-align:center;
    }
    #copy SPAN{
        float:none;
        margin:20px 8px;
    }
}
#mobile_menu{
  width: 30px;
  height: 30px;
  position: relative;
  margin: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 999;
}

#mobile_menu span {
  display: block;
  position: absolute;
  height: 2px;
  width: 24px;
  background: #000;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#mobile_menu.open span{
    background:#fff;
}
#mobile_menu span:nth-child(1) {
  top: 8px;
}

#mobile_menu span:nth-child(2),
#mobile_menu span:nth-child(3) {
  top: 15px;
}

#mobile_menu span:nth-child(4) {
  top: 22px;
}

#mobile_menu.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#mobile_menu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#mobile_menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#mobile_menu.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#menu_overlay{
    position: fixed;
    overflow: hidden;
    background: rgba(0,0,0,0.95);
    width: 100%;
    height: 100%;
    top: 0;
    opacity:0;
    left: 100%;
    z-index: 998;
    transition:all 0.2s ease-in-out;
    padding-top:80px;
}
#menu_overlay.open{
    left:0;
    opacity:1;
}
#menu_overlay UL{
    padding:0;
}
#menu_overlay LI{
    display:block;
    width: 100%;
    text-align: left;
    padding:0 30px;
    margin-bottom:24px;
    -webkit-transform: scale(1.15) translateY(-30px);
    transform: scale(1.15) translateY(-30px);
    opacity: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);    
}
#menu_overlay LI:nth-child(1) {
  -webkit-transition-delay: 0.49s;
          transition-delay: 0.49s;
}
#menu_overlay LI:nth-child(2) {
  -webkit-transition-delay: 0.42s;
          transition-delay: 0.42s;
}
#menu_overlay LI:nth-child(3) {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}
#menu_overlay LI:nth-child(4) {
  -webkit-transition-delay: 0.28s;
          transition-delay: 0.28s;
}
#menu_overlay LI:nth-child(5) {
  -webkit-transition-delay: 0.21s;
          transition-delay: 0.21s;
}
#menu_overlay LI:nth-child(6) {
  -webkit-transition-delay: 0.14s;
          transition-delay: 0.14s;
}
#menu_overlay LI:nth-child(7) {
  -webkit-transition-delay: 0.07s;
          transition-delay: 0.07s;
}
#menu_overlay.open LI{
  -webkit-transform: scale(1) translateY(0px);
          transform: scale(1) translateY(0px);
  opacity: 1;
}
#menu_overlay.open LI:nth-child(1) {
  -webkit-transition-delay: 0.27s;
          transition-delay: 0.27s;
}
#menu_overlay.open LI:nth-child(2) {
  -webkit-transition-delay: 0.34s;
          transition-delay: 0.34s;
}
#menu_overlay.open LI:nth-child(3) {
  -webkit-transition-delay: 0.41s;
          transition-delay: 0.41s;
}
#menu_overlay.open LI:nth-child(4) {
  -webkit-transition-delay: 0.48s;
          transition-delay: 0.48s;
}
#menu_overlay.open LI:nth-child(5) {
  -webkit-transition-delay: 0.55s;
          transition-delay: 0.55s;
}
#menu_overlay.open LI:nth-child(6) {
  -webkit-transition-delay: 0.62s;
          transition-delay: 0.62s;
}
#menu_overlay.open LI:nth-child(7) {
  -webkit-transition-delay: 0.69s;
          transition-delay: 0.69s;
}
#menu_overlay LI A{
    color:#fff;
    font-size:22px;    
    text-decoration:none;
}
#menu_overlay LI.active A{
    border-bottom:none;
    color:rgba(255,255,255,0.5);
}
body.modal-open {
  height: 100vh;
  overflow-y: hidden;
}