.mob-menu-btn{
    display: none;
    width: 20px;
    height: 40px;
    background: url('/img/icons/mob-menu-btn.svg') center no-repeat;
    order: 50;
}
@media  (max-width: 1400px){
    .block-mb-1{
        margin-bottom: 50px;
    }
    h2 {
        font-size: 50px;
        line-height: 70%;
    }
    .top-block {
        height: 940px;
        padding-bottom: 50px;
        overflow: hidden;
    }

    .top-block > .container {
        height: 836px;
    }
    
    .top-block__content {
        max-width: 470px;
        margin-top: 50px;
    }
    .top-block__content h1 {
        font-size: 60px;
        margin-bottom: 22px;
    }
    .header__row {
        column-gap: 20px;
        padding: 10px 10px;
    }
    .top-block__info {
        width: 130px;
        margin-bottom: 100px;
        font-weight: 500;
        font-size: 30px;
    }
    .top-block__info::before {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        filter: blur(100px);
    }

    .top-promo {
        padding: 20px 0;
    }
    .rent-barrel__top h2 {
        max-width: 600px;
    }
    .top-sauna__in {
        padding: 50px 30px;
        background-color: #FFFFFF;
    }
    .build__top h2 {
        max-width: 580px;
    }
    .contact-us__in {
        width: 420px;
    }
    .contact-us__map {
        width: calc(100vw - (100vw - 1200px)/2 - 440px);
    }

    .contact-us-list__item {
        padding: 20px 0 20px 0;
    }
}

@media (max-width: 1200px){
    h2 {
        font-size: 45px;
        line-height: 70%;
    }   
    
    .mb-1{
        margin-bottom: 30px;
    }
    .rent-barrel__top {
        margin-bottom: 30px;
    }

    .rent-barrel-item__h {
        font-size: 28px;
    }
     .rent-barrel__list {
        column-gap: 20px;
    }
    .rental-holydays__list {
        column-gap: 10px;
    }
    .deliverys__img img {
        height: auto;
    }
    .deliverys-list {
        flex: 0 0 400px;
    }

    .delivery-item {
        column-gap: 10px;
        padding: 10px 0;
    }
    .rental-advantages__col{
        flex: 1 0 0;
        flex-direction: column;
        padding: 20px;
    }
    .rental-advantages__col--price{
        padding: 20px;
        align-items: flex-start;
    }
    .top-sauna__img img {
        display: block;
        height: auto;
        width: 100%;
    }
    .top-sauna__reviews {
        flex: 0 0 450px;
    }
    .top-sauna__in {
        padding: 30px 20px;
    }
    .accessories__top h2 {
        max-width: 350px;
    }


    .experience__desc{
        display: block;
    }
    .experience__text {
        padding: 0px 0 10px 0;
        margin: 0 0 10px 0;
        border-right: unset;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .experience__col-data {
        width: auto;
        flex: 1 0 0;
    }
    .experience__col-card {
        width: auto;
        flex: 0 0 auto;
        padding: 18px 7px 5px 14px;
    }
    .experience h2 {
        font-size: 45px;
    }
    .contact-us__map {
        width: calc(100vw - 440px);
    }
    .footer {
        padding: 30px 0;
    }


    .footer-menu {
        margin-left: 0;
        margin-right: 0;
        column-gap: 20px;
    }
    .footer-links__text {
        font-size: 18px;
    }

    .footer__row-top {
        column-gap: 15px;
        row-gap: 15px;
        flex-wrap: wrap;
    }
    .footer .soc-links {
        order: 10;
        width: 100%;
    }
    .footer__row-bottom {
        margin-top: -25px;
    }

}
@media (max-width: 1025px){
    h2 {
        font-size: 42px;
        line-height: 70%;
    }   

    .header__row {
        column-gap: 15px;
    }
    .top-menu {
        column-gap: 20px;
    }
    .header .logo{
        width: 120px;
        padding: 5px 8px;
    }

    .header-links__text {
        font-size: 18px;
        line-height: normal;
    }
    .rental-holydays__list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 10px;
    }
    .callback__col-form {
        max-width: 350px;
    }
    .contact-us {
        padding: 30px 0;
    }

    .contact-us__in {
        width: 350px;
    }

    .contact-us__map {
        width: calc(100vw - 350px);
    }
    .footer .logo{
        width: 120px;
        padding: 5px 8px;
    }
}
@media (max-width: 992px){
    .header-links__text {
        display: none;
    }
    .rent-barrel-item__h {
        font-size: 20px;
        left: 20px;
        bottom: 20px;
    }


    .rent-barrel__top {
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
        justify-content: center;
    }
    .rent-barrel__top h2 {
        max-width: 100%;
    }
    .deliverys {       
        flex-direction: column;
    }
    .deliverys__img {
        order: 10;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center; 
        
    }
    .deliverys-list {        
        flex: 0 0 100%;
    }
    .deliverys__img img {
        display: inline-block;
        width: auto;
        max-width: 100%;
    }

    .rental-advantages__col{
        padding: 0 20px 0 0;
    }
    .rental-advantages__col--price{
        padding: 0 0 0 20px;
    }
    .rental-price__v {
        font-size: 32px;
    }
    .top-sauna__top {
        flex-direction: column;
        row-gap: 20px;
        align-items: flex-start;
        margin-bottom: 20px;
    }
    .top-sauna__top h2 {
        max-width: 100%;
    }
    
    .top-sauna__row {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .top-sauna__img {
        flex: 0 1 auto;
        order: 10;
        text-align: center;
    }
    .top-sauna__img img {
        display: inline-block;
        height: auto;
        width: auto;
    }

    .top-sauna__btns{
        display: block;
    }
    .top-sauna__reviews {
        flex: 0 1 auto;
    }
    .build__top{
        flex-direction: column;
        align-items: flex-start;
        row-gap: 30px;
    }
    .build__top h2 {
        max-width: 100%;
    }
    .build__top-row {
        justify-content: space-between;
        column-gap: 20px;
        width: 100%;
    }


    .footer-menu {
        column-gap: 40px;
        width: 100%;
        justify-content: center;
    }
    .footer .logo{
        display: none;
    }

    .footer__links-wrap .logo{
        display: block;
    }
    .footer .soc-links {
        column-gap: 15px;
        order: 10;
        width: 100%;
    }
    .footer__row-bottom {
        margin-top: -25px;
    }
    .footer .soc-link {
        width: 30px;
        height: 30px;
    }

}
@media (max-width: 768px){
    .experience {
        padding: 30px 0;
    }

    .block-mb-1{
        margin-bottom: 40px;
    }
    .mb-1{
        margin-bottom: 30px;
    }

    .mob-menu-btn{
        display: block;
    }

    .top-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 700;
    }
    .top-menu.active{
        display: block;
    }    
    .top-menu a {
        padding: 7px 10px 7px 10px;
        display: block;
        border-top: 1px solid #A4A4A4;
    }

    .top-promo-item {
        height: 120px;
    }
    header .btn{
        border-radius: 697.515px;
        padding: 13px 17px 13px 17px;
        width: fit-content;
        
    }
    .header-links{
        order: 10;
    }
    .btn--size-1 {
        padding: 16px 16px 16px 16px;
        width: 100%;
    }
    .btn--fs-1 {
        font-size: 12px;
        line-height: normal;
    }
    .rental-holydays__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .rental-holyday:last-child{
        grid-column: span 2;
    }
    .included-info{
        max-width: 310px;
        padding: 20px 20px;        
        border-radius: 4px;
        background: rgba(0, 0, 0, 0.5);
        backdrop-filter: unset;
    }
    .accessories__top {
        display: block;
        margin-bottom: 20px;
    }
    .accessories__top-row{
        margin-top: 20px;
        gap: 20px;
        justify-content: space-between;
    }
    .slider-prev, .slider-next {
        width: 35px;
        height: 35px;
    }
    .accessories__note {
        font-size: 16px;
    }
    .callback__row{
        flex-direction: column;
        row-gap: 30px;
    }
    .callback__col-form{
        max-width: 100%;
    }

    .callback__col-img{
        flex: 1 0 auto;
        height: 350px;
    }
    .callback__cards {
        max-width: 200px;
        padding: 10px;
        left: 10px;
        top: 10px;
        bottom: unset;
    }
    .form-input{
        margin-bottom: 10px;
    }
    .form-input input{
        padding: 15px 20px;
        padding-left: 50px;
    }
    .pay-cards{
        gap: 10px;
    }
    .pay-cards img {
        width: 50px;
    }
    .experience__row {
        flex-direction: column;
        align-items: center;
        row-gap: 30px;
    }
    .experience h2 {
        font-size: 36px;
    }
    .build-slider__list .swiper-slide:nth-child(1){
        width: 68%;
    }

    .build-slider__list .swiper-slide:nth-child(2){
        width: 32%;
    }
    .build-slider__list .swiper-slide:nth-child(3){
        width: 48.5%;
    }

    .build-slider__list .swiper-slide:nth-child(4){
        width: 100%;
        order: 10;
    }
    .build-slider__list .swiper-slide:nth-child(5){
        width: 51.5%;
    }
    .contact-us {
        padding: 30px 0 0 0;
    }

    .contact-us__in {
        width: 100%;
        margin-bottom: 30px;
    }
    .contact-us__map {
        position: relative;
        width: calc(100% + 40px);
        margin: 0 -20px;
        height: 320px;
    }
    .call-data__text{
        font-size: 18px;
        line-height: normal;        
    }
    .call-data__link{
        width: 30px;
        height: 30px;
    }
    .call-data__link img{
        width: 12px;
    }
    .contact-us-list__item {
        font-size: 18px;
    }
    .footer__row-top {
        flex-direction: column;
        row-gap: 30px;       
    }
    .footer__links-wrap {
        width: 100%;
    }
}
@media (max-width: 680px){
    .rental-advantages{
        padding: 10px 0px;
    }
    .rental-advantages__row {
        display: block;        
    }
    .rental-advantages__col{
        border: unset;
        padding: 20px 0;
    }
    .rental-advantages__col--price{
        padding: 20px 0;
    }
    .rental-advantages__col + .rental-advantages__col{
        border-top: 1px solid rgba(255,255,255, 0.15);
    } 
    .rental-advantages__prices{
        margin-bottom: 20px;
    }
    .rental-advantages__col--bonus{
        display: block;
    }

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


    .header {
        padding-top: 20px;
    }

    .header-links {
        margin: 0 0 0 auto;
    }
    .header-links__text {
        display: none;
    }
    .header-call-link {
        margin-right: 0;
        width: 30px;
        height: 30px;
    }
    .header-call-link img{
        width: 12px;
    }
    .top-block {
        padding-bottom: 20px;
        overflow: hidden;
    }

    .top-block__content {
        max-width: 100%;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid rgba(255,255,255,0.1);
    }

    .top-block__content h1 {
        font-size: 46px;
        margin-bottom: 15px;
    }
    .top-block__text {
        font-size: 14px;
        line-height: 120%;
    }
    .top-block__info {
        width: 93px;
        margin-bottom: 30px;
        font-size: 20px;
    }
    .top-block__info::before {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        transform: translate(-58px, -49px);
        filter: blur(40px);
    }

    .top-promo {
        padding: 10px 20px;
        grid-template-columns: 1fr;
    }
    .top-promo-item {
        padding: 10px 0; 
        flex-direction: row;
        column-gap: 20px;
        height: auto;
        border-right: unset;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }
    .top-promo-item:last-child{
        border-bottom: unset;
    }
    .top-promo-item__i{
        min-height: 0px;
        margin-bottom: 0px;
        flex: 0 0 40px;
        width: 40px;
    }
    .top-promo-item__h{
        font-size: 14px;
    }
    .top-promo-item__h br{
        display: none;
    }
    .rent-barrel__list {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .rent-barrel-item__n{
        font-size: 14px;
    }
 
    .rent-barrel-item__n span{
        height: 30px;
        width: 30px;    
    }

    .rental-holyday__desc{
        padding: 0px 10px;
    }
    .rental-holyday__info{
        padding: 10px 0;
    } 
    .delivery-item {
        padding: 20px 0;
    }
    .delivery-item__i{
        flex: 0 0 40px;
    }
    .delivery-item__i img{
        width: 40px;
    }
    .accessory{
        padding: 10px;
    }
    .accessory__i{
        height: 180px;
        padding: 0px;
    }
    .accessory__i img{
        max-width: 100%;
    }
    .build-slider__list {
        flex-wrap: nowrap;
        height: 100%;
        margin: 0px;
        row-gap: 0px;
    }

    .build-slider__list .swiper-slide{
        width: auto;
        padding: 0;
        display: block;
        text-align: center;
    }
    .build-slider__list img {
        width: auto;
        height: auto;
        max-width: 100%;
    }
    .swiper-slide--hide-mob{
        display: none !important;
    }
    .footer-call-link {
        width: 30px;
        height: 30px;
    }
    .footer-call-link img {
        width: 12px;
    }

}
@media (max-width: 480px){
    .header__row {
        column-gap: 10px;
    }
    .header .logo {
        width: 85px;
        padding: 5px 5px;
    }
    header .btn {
        padding: 13px 15px 13px 15px;
        font-size: 10px;
    }
    header .btn .btn-icon-calendar{
        margin-right: 8px;
    }

    .rental-holydays h2{
        text-align: left;
    }
    .rental-holyday__h{
        font-size: 16px;
        padding: 10px 10px;
    }
    .rental-holyday__info-h{
        font-size: 14px;
        margin-bottom: 5px;
    }
    .rental-holyday__info-desc{
        font-size: 16px;
    }

     .included-info__h{
        font-weight: 600;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: -0.01em;
        color: #FFFFFF;
        margin-bottom: 10px;
    }

    .list-check{
        font-size: 16px;
    }
    .list-check li::before{
        width: 15px;
        height: 15px;
        top: 2px;
        background-image: url('/img/icons/check-yellow.svg');
    } 

    .included  .list-check{
        font-size: 14px;
    }
    .included .list-check li{
        margin-bottom: 10px;
        padding-left: 22px;
    }
    .included .list-check li::before{
        width: 12px;
        height: 12px;
        top: 3px;
        background-image: url('/img/icons/check-yellow.svg');
        
    } 
    .delivery-item__desc {
        font-size: 14px;
        line-height: 120%;
    }
    .rental-price__desc {
        font-size: 20px;
    }
    .top-sauna__note {
        font-size: 14px;
    }
   .accessory__fav{
        top: 8px;
        right: 8px;
        width: 20px;
        height: 20px;
        background-size: contain;
    }
    .accessory__h{
        font-size: 16px;
        margin-bottom: 5px;
    }
    .accessory__row{
        flex-direction: column;
        align-items: flex-start;
        row-gap: 5px;
    }
    .accessory__price{
        font-size: 16px;
        order: 10;
    }
    .form-input input {
        font-size: 16px;
        padding-left: 50px;
    }
    .form-btn {
         height: 50px;
    }
    .footer .logo {
        width: 110px;
        padding: 5px 5px;
    }
    .footer__links-wrap{
        justify-content: space-between;
        column-gap: 10px;
    }
    .footer-links__text {
        font-size: 16px;
    }
    .footer-call-link {
        width: 25px;
        height: 25px;
        margin-right: 12px;
    }
    .footer__row-bottom {
        margin-top: 20px;
    }
    .footer .soc-links {
        justify-content: center;
    }
    .footer__copyright{
        font-size: 12px;
        margin-left: 0;
        text-align: center;
        width: 100%;
    }

}
@media (max-width: 400px){
    .top-block{    
        background-image: url('/img/top-block-bg-mobile.jpg');    
    }
    .included{
        padding: 20px;
        height: 413px;
        background-image: url('/img/included-bg-mob.webp');
    }
    .included-info{
        max-width: 100%;            
        background-color: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(75px);
    } 
    .accessory__i{
        height: 135px;
        padding: 0px;
    }
    .callback__col-img {
        height: 360px;
        background-image: url(/img/callback/bg-img-mob.webp);
    }
    .callback__cards {
        max-width: 100%;
        padding: 20px;
        left: 20px;
        bottom: 20px;
        right: 20px;
        top: unset;
    }
    .callback__cards-info {
        margin-top: 10px;
        font-size: 12px;
    }
    
}


@media (max-width: 360px){
    header .btn .btn-icon-calendar{
        display: none;
    }
    .footer .logo {
        width: 102px;
        padding: 3px 3px;
    }
}