@media (max-width:1400px){
    .header__items__menu{
        padding-left: 90px;
        padding-top: 180px;
        width: 43.6%;
    }
}
@media (max-width:1280px){
    .logo__animation {
        width: 552px;
    }
    .header__items__menu {
        padding-top: 159px;
        padding-left: 126px;
    }
    .showlogo {
        transform: translate(11%, 51%);
    }
    .benefits__container{
        width: 86%;
    }
    .roomlook__block__info__item2{
        gap: 40px;
    }
    .modal-content{
        height: 60vh;
        width: 80%;
    }
}
@media (max-width:1180px){
    .roomlook__block__info__title__kitch{
        font-size: 41px;
    }
    .header__items__menu {
        width: 43.6%;
        padding-left: 50px;
    }
    .showlogo {
        transform: translate(11%, 58%);
    }
    .logo__animation {
        width: 480px;
    }
    .container {
        max-width: 1160px;
        margin: 0 25px;
    }

    .benefits__container{
        width: auto;
        margin: 0 25px;
        flex-wrap: wrap;
        justify-content: center;
        gap: 40px;
        height: auto;
    }
    .room__section {
        margin-top: 16%;
        margin-bottom: 80px;
    }
    .videoabout__description__title{
        margin-left: 20px;
        font-size: 28px;
    }
    .videoabout__description{
        height: 140px;
        gap: 15px;
    }
    .rewiews__section__item{
        width: 100%;
    }
    .rewiews__section{
        display: flex;
        flex-direction: column;
        gap: 30px;
        position: relative;
    }
    .rewiews__section__title{
        width: 100%;
        text-align: center;
    }
    .rewiews__section__item__block{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .rewiews__section__text{
        margin: 0;
    }
    .rewiew-swiper{
        margin: 0 auto;
    }
    .rewiews__buttons{
        width: 319px;
        margin-top: 30px;
        position: absolute;
        bottom: -50px;
    }
    .contacts__section__item__adress{
        margin-right: 60px;
    }
    .contacts__section__item2__location:nth-child(2){
        margin-right: 60px;
    }
    .contacts__section__item__number{
        margin-right: 60px;
        order: 4;
    }
    .contacts__section__item{
        flex-wrap: wrap;
    }
    .contacts__section__item__adress{
        order: 1;
    }
    .contacts__section__item__graphic{
        order: 2;
    }
    .contacts__section__item a{
        order: 3;
    }
}
@media (max-width:1080px){
    .popup{
    width: 650px;
    padding: 25px;
    transition: 0.5s all;
    }
    .popup h2{
        font-size: 44px;
    }
    .popup__text{
        margin-bottom: 60px;
        font-size: 17px;
    }
    .popup__text2{
        font-size: 17px;
    }
    
}

@media (max-width:1024px){
    .logo__animation {
        display: none;
    }
    .header__items__menu {
        width: 58.6%;
        z-index: -1;
    }
    .eclipse {
        display: none;
    }
    .contacts__section__item__adress{
        margin-right: 60px;
    }
    .contacts__section__item2__location:nth-child(2){
        margin-right: 60px;
    }
    .contacts__section__item__number{
        margin-right: 60px;
        order: 4;
    }
    .contacts__section__item{
        flex-wrap: wrap;
    }
    .contacts__section__item__adress{
        order: 1;
    }
    .contacts__section__item__graphic{
        order: 2;
    }
    .contacts__section__item a{
        order: 3;
    }
    .swiper-slide__flex{
        flex-direction: column;
    }
    .swiper-slide-img-wrapper {
        width: 75%;
        height: 100%;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    .swiper-room{
        height: auto;
    }
    .roomlook__block__info{
        width: 75%;
        margin: 0 auto;
    }
    .room__section{
        gap: 0px;
    }
    .roomlook__block__buttons{
        justify-content: center;
    }
    .roomlook__block__info__title{
        display: none;
    }
    .roomlook__block__info__title__adaptive1{
        display: block;
        font-family: 'Philosopher';
        font-style: normal;
        font-weight: 400;
        font-size: 41px;
        line-height: 122%;
        color: #FFFFFF;
        margin-bottom: 30px;
        text-align: left;
        width: 75%;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .swiper__buttons__room{
        margin-top: 50px;
    }
    .room__eclipse1{
        height: 7%;
    }
    .room__eclipse{
        height: 9.5%;
    }
    .videoabout__description__item2{
        gap: 10px;
    }
    .swiper-slide-img-wrapper__second img{
        height: 130px;
    }
    .swiper-slide .price__decor {
        top: 87%;
        left: 8%;
    }
    .swiper-slide .price__decor2 {
        top: 87%;
        left: 8%;
    }
    .swiper-room .swiper-slide:nth-child(3) {
        background-position: 9% 93.8%;
    }
    .swiper-room .swiper-slide:nth-child(5){
        background-position: 9% 93.8%;
     }
     .swiper-room .swiper-slide:nth-child(6){
        background-position: 9% 93.8%;
     }
     .swiper-room .swiper-slide:nth-child(8){
        background-position: 9% 93.8%;
     }
     .swiper-room .swiper-slide:nth-child(4) {
        background-position: 10% 93.6%;
    }
    .swiper-room .swiper-slide:nth-child(10){
        background-position: 10% 93.6%;
     }
     .swiper-room .swiper-slide:nth-child(11){
        background-position: 10% 93.6%;
     }
     .swiper-room .swiper-slide:nth-child(7){
        background-position: 10% 93.6%;
     }
     .swiper-room .swiper-slide:nth-child(9){
        background-position: 10% 93.6%;
     }
     .popup__gallery__block {
        gap: 30px;
    }
    .modal-content {
        height: 70vh;
        width: 90%;
    }
}
@media (max-width:992px){
    .swiper{
        position: inherit;
        height: 750px;
        z-index: 1;
        width: 100%;
    }
    .introduction__section{
        flex-direction: column;
    }
    .introduction__section{
        padding-top: 60px;
    }
    .swiper__buttons{
        display: none;
    }
    .introduction__section__block1__row{
        margin-bottom: 60px;
    }
    .introduction{
        margin-bottom: 0;
    }
    .videoabout__description__item1{
        display: none;
    }
    .videoabout__description__item2{
        display: none;
    }
    .videoabout__description{
        display: block;
        width: 73%;
        height: fit-content;
    }
    .videoabout__description__title{
        padding-top: 20px;
        padding-bottom: 20px;
        width: 73%;
    }
    .videoabout__description__item2__adaptive{
        display: inline-block;
        margin-top: 50px;
        text-align: center;
        margin-left: 14%;
        width: 92px;
    }
    .videoabout__description__item2__adaptive p {
        text-align: left;
        width:99px;
    }
    .videoabout__description__item1__adaptive{
        display: inline-block;
        margin-top: 40px;
    }
    .description__item1__block__adaptive{
        margin-top: 12px;
    }
    .videoabout__description__item1__adaptive{
        margin-left: 50px;
    }
    .videoabout{
        padding-bottom: 60px;
    }
    .roomlook__block__info__title{
        display: none;
    }
    .room__section{
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .room{
        height: auto;
        padding-bottom: 40px;
    }
    .per-veiw{
        width: 80%;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    .roomlook__block__info{
        width: 75%;
        margin: 0 auto;
    }
    .roomlook__block__info__title__adaptive{
        display: block;
        width: 80%;
        margin: 0 auto;
        font-size: 35px;
        margin-bottom: 30px;
    }
    .roomlook__block__buttons{
        justify-content: center;
    }
    .swiper-buttons{
        bottom: 110px;
        left: inherit;
        bottom: 150px;
        left: 50%;
        transform: translate(-50%, 50%);
    }
    .contacts__section__item{
        display: none;
    }
    .contacts__section__item2{
        display: none;
    }
    .contacts__section__item__adaptive{
        display: flex;
        flex-direction: column;
    }
    .contacts__section__item__button{
        margin-bottom: 50px;
    }
    .contacts__section__item__adress{
        margin-bottom: 40px;
    }
    .contacts__section__item2__location {
        width: 162px;
        margin-bottom: 30px;
    }
    .contacts__section__item2__location p span{
        font-weight: 500;
    }
    .contacts__section__item__number{
        width: 307px;
        margin-top: 30px;
    }
    .footer__footer__logo{
        width: 201px;
    }
    .map__container{
        margin-bottom: 60px;
    }
    .room__eclipse1{
        height: 9.4%;
    }
    .room__eclipse{
        height: 9.4%;
    }
    .contacts__section__item2__location p a{
        text-decoration: none;
        color: #000;
    }
    .contacts__section__item__number p a {
        text-decoration: none;
        color: #00303E;
    }
    .introduction{
        padding-bottom: 0;
    }
    .introduction__section{
        margin: 0;
    }
    .introduction__section__block1{
        margin-left: 20px;
    }
      .videoabout__description__item2__adaptive img {
        width: 38px;
        height: 50px;
    }
    .videoabout__description__item2__adaptive{
        display: inline-flex;
    flex-direction: column;
    gap:12px;
    }
    .videoabout__description__item1__adaptive{
        transform: translate(10px, 40px);
    }
    
}
@media (max-width:830px){
    .popup{
        width: 93%;
    }
    .close-popup{
        top: 24px;
        right: 24px;
    }
    .popup h2{
        margin-top: 40px;
        margin-bottom: 10px;
    }
    .popup button{
        width: 150px;
        height: 44px;
    }
    .submit__eclipse{
        width: 16px;
        height: 16px;
        top: 34%;
    }
    .submit__eclipse2{
        width: 16px;
        height: 16px;
        top: 34%;
    }
}

@media (max-width:769px){
    .drop__block{
        display: block;
    }
    .swiper-slide .price__decor2 {
        top: 87%;
        left: 0%;
        width: max-content;
    }
    .swiper-slide .price__decor {
        top: 87%;
        left: 0%;
         width: max-content;
    }
    .swiper-room .swiper-slide:nth-child(3) {
        background-position: 2% 92.6%;
        background-size: 30%;
    }
    .swiper-room .swiper-slide:nth-child(5){
        background-position: 2% 92.6%;
        background-size: 30%;
     }
     .swiper-room .swiper-slide:nth-child(6){
        background-position: 2% 92.6%;
        background-size: 30%;
     }
     .swiper-room .swiper-slide:nth-child(8){
        background-position: 2% 92.6%;
        background-size: 30%;
     }
     .swiper-room .swiper-slide:nth-child(4) {
        background-position: 2% 92.6%;
        background-size: 30%;
    }
    .swiper-room .swiper-slide:nth-child(10){
        background-position: 2% 92.6%;
        background-size: 30%;
     }
     .swiper-room .swiper-slide:nth-child(7){
        background-position: 2% 92.6%;
        background-size: 30%;
     }
     .swiper-room .swiper-slide:nth-child(9){
        background-position: 2% 92.6%;
        background-size: 30%;
     }
    .swiper-room .swiper-slide:nth-child(11) {
        background-position: 2% 92.6%;
        background-size: 30%;
    }
    .doc__section__title{
        font-size: 28px;
    }
    .header__items__menu li a {
        font-size: 26px;
    }
    .header__items__menu {
        gap: 20px;
        padding-top: 120px;
    }
    .map{
        height: 321px;
    }
    .swiper{
        height: 550px;
    }
    .header__items__number{
        display: none;
    }
    .header__items{
        width: 145px;
    }
    .header__logo{
        width: 175px;
    }
    .introductiona__text{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .introduction__title{
        font-size: 40px;
        margin-bottom: 40px;
    }
    .introduction__button__svg {
        width: 159px;
        height: 52px;
        fill: #00303E;
    }
    .introduction__button__span {
        font-size: 15px;
    }
    .introduction__location p {
        font-size: 14px;
    }
    .rewiew-swiper{
        width: 100%;
    }
    .footer__footer{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .footer__footer__logo{
        margin-bottom: 40px;
    }
    .footer__footer__info{
        margin-bottom: 32px;
    }
    .benefits__item p{
        font-size: 14px;
    }
    .benefits__item img{
        width: 21px;
        height: 21px;
        margin-right: 0;
        margin-bottom: 23px;
    }
    .videoabout__description__title {
        font-size: 16px;
        width: 141px;
    }
    .benefits__item{
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .benefits{
        padding-bottom: 0;
    }
    .swiper-slide-img-wrapper{
        width: 90%;
    }
    .roomlook__block__info__title__adaptive1{
        width: 90%;
        font-size: 28px;
    }
    .roomlook__block__info{
        width: 90%;
    }
    .roomlook__block__info__item p{
        font-size: 16px;
    }
    .swiper-slide-img-wrapper__main{
        height: 460px;
    }
    .roomlook__block__button__svg{
        width: 162px;
    }
    .roomlook__block__button__description__svg{
        width: 162px;
    }
    .contacts__section__item__button__svg{
        width: 162px;
    }
    .contacts__section__item2__location__adaptive{
        width: 134px;
    }
    .contacts__section__item__adress{
        order: 1;
    }
    .contacts__section__item2__location{
        order: 2;
    }
    .contacts__section__item2__location__adaptive{
        order: 3;
    }
    .contacts__section__item__number{
        order: 4;
        width: 211px;
    }
    .contacts__section__item2__location__mail{
        order: 5;
        margin-top: 30px;
    }
    .contacts__section__item__graphic{
        order: 6;
    }
    .contacts{
        padding-bottom: 50px;
    }
    .footer__footer__info{
        align-items: flex-start;
    }
    .contacts__section__item__adress p:nth-child(1){
        font-size: 16px;
    }
    .contacts__section__item__adress p:nth-child(2){
        font-size: 16px;
    }
    .span__contacts{
        font-size: 16px;
    }
    .contacts__section__item__number p a{
        font-size: 16px;
    }
    .contacts__section__item__graphic p:nth-child(1){
        font-size: 16px;
    }
    .contacts__section__item__graphic p:nth-child(2){
        font-size: 16px;
    }
    .close__gallery{
        right: 16.4%;
    }
    .modal-content {
        height: 60vh;
        width: 100%;
    }
    .dropdown{
        display: inline-block;
    }
    .contacts__section__item__number{
        margin-top: 0;
    }

    
}
@media (max-width:700px){
    .modal-content {
        height: 45vh;
        width: 100%;
    }
    .popup__gallery__block {
        gap: 15px;
    }
}
@media (max-width:650px){
    .rewiew-slide__block{
        gap: 20px;
    }
    .rewiew-slide__text{
        font-size: 27px;
    }
}
@media (max-width:600px){
    .mySwiper2{
        width: 100%;
        height: 296px;
    }
    .per-veiw{
        width: 100%;
    }
    .mySwiper{
        height: 73px;
    }
    .roomlook__block__info__title__adaptive{
        width: 100%;
    }
    .roomlook__block__info{
        width: 100%;
    }
    .roomlook__block__info__item p{
        font-size: 14px;
    }
    .contacts__section__title{
        font-size: 32px;
    }
    .benefits__container{
        gap: 20px;
    }
    .swiper-slide-img-wrapper{
        width: 100%;
    }
    .swiper-slide-img-wrapper__main{
        height: 300px;
    }
    .roomlook__block__info__title__adaptive1 {
        width: 100%;
    }
    .close__gallery {
        right: 19.4%;
    }
    .modal-content {
        height: 40vh;
        width: 100%;
    }
    
    
}
@media (max-width:500px){
    .close-popup{
        width: 24px;
        height: 24px;
    }
    .popup h2{
        font-size: 28px;
    }
    .popup__text {
        font-size: 15px;
    }
    .popup__text2{
        font-size: 15px;
        width: 83.888%;
    }
    .volume{
        display: none;
    }
    .roomlook__block__info__item__volume{
        display: flex;
        gap: 20px;
    }
    .roomlook__block__info__item__volume p{
        color: #FFFFFF;
        font-size: 16px;
        margin-bottom: 25px;
    }
    .doc__section__title {
        font-size: 18px;
    }
    .doc__section h3{
        font-size: 19px;
    }
    .benefits__item:nth-child(1){
        order: 1;
    }
    .benefits__item:nth-child(2){
        order: 4;
    }
    .benefits__item:nth-child(3){
        order: 3;
    }
    .benefits__item:nth-child(4){
        order: 2;
    }

}
@media (max-width:481px){
    .videoabout__description__item2__adaptive{
        margin-top: 8%;
    }
    .header__items__burger [class*='bar-'] {
        height: 2px;
        width: 20px;
        margin-bottom: 5px;
    }
    .opened .bar-top{
        width: 28px;
    }
    .opened .bar-bot{
        width: 28px;
    }
    .header__items__menu {
        width: 100%;
        z-index: -1;
    }
    .swiper-buttons{
        width: 321px;
    }
    .swiper{
        height: 420px;
    }
    .header__items__burger{
        width: 20px;
        height: 16px;
    }
    .header__items__burger span{
        width: 20px;
        height: 1.6px;
    }
    .benefits__item {
        display: flex;
        align-items: center;
        flex: 1 0 36%;
    }
    .room__eclipse{
        height: 5.4%;
        bottom: -4%;
    }
    .room__eclipse1{
        height: 5.4%;
        top: -4%;
    }
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap,8px);
    }
    .rewiews__buttons{
        display: none;
    }
    .rewiews__buttons__adaptive{
        display: flex;
        justify-content: space-between;
        width: 321px;
        margin: 0 auto;
    }
    .rewiews__section__title{
        font-size: 32px;
        width: 95%;
        margin-bottom: 30px;
    }
    .rewiews__section__stars{
        width: 186px;
        margin-bottom: 30px;
        margin-left: 0;
    }
    .rewiew-swiper{
        display: none;
    }
    .rewiew-swiper__adaptive{
        display: block;
    }
    .swiper-pagination5{
        text-align: center;
    }
    .swiper-pagination5__adapt{
        order: 2;
        text-align: center;
    }
    .swiper-button-prev5__adapt{
        order: 1;
    }
    .swiper-button-next5__adapt{
        order: 3;
    }
    .contacts__section__item__adress{
        order: inherit;
    }
    .contacts__section__item__graphic{
        order: 5;
    }
    .footer__footer__info{
        align-items: flex-start;
    }
    .rewiew-slide{
        display: flex;
        flex-direction: column;
        justify-content:flex-start;
    }
    .rewiew-slide__block{
        gap: 50px;
        margin-top: 90px;
    }
    .rewiew-swiper__adaptive{
        height: 476px;
    }
    .rewiew-slide__text{
        font-size: 22px;
    }
    .roomlook__block__button__span{
        font-size: 15px;
    }
    .rewiew-slide__text{
        width: 238px;
        text-align: center;
    }
}
@media (max-width:430px){
    .videoabout__container{
        width: 95%;
    }
    .dropdown{
        bottom: 20px;
        right: 20px;
    }
    .roomlook__block__info {
        margin-top: 0%; 
    }
    .swiper-slide-img-wrapper__second img {
        height: 70px;
    }
    .videoabout__description__item1__adaptive {
       margin: 0;
       margin-left: 40px;
       display: inline-flex;
       flex-direction: column;
    justify-content: space-between;
    transform: translate(10px, 10px);
    }
    .room__section {
        display: flex;
        flex-direction: column;
        gap: 0;
        align-items: center;
        justify-content: center;
    }
    .swiper__buttons__room{
        margin: 0;
    }
    .contacts__section__item__button{
        width: 160px;
    }
    .swiper-slide .price__decor2 {
        top: 84%;
        left: 0%;
         width: max-content;
    }
    .swiper-slide .price__decor {
        top: 84%;
        left: 0%;
        width: max-content;
    }
    .swiper-room .swiper-slide:nth-child(3) {
        background-position: 2% 91.6%;
        background-size: 60%;
    }
    .swiper-room .swiper-slide:nth-child(5){
        background-position: 2% 91.6%;
        background-size: 60%;
     }
     .swiper-room .swiper-slide:nth-child(6){
        background-position: 2% 91.6%;
        background-size: 60%;
     }
     .swiper-room .swiper-slide:nth-child(8){
        background-position: 2% 91.6%;
        background-size: 60%;
     }
     .swiper-room .swiper-slide:nth-child(4) {
        background-position: 2% 91.6%;
        background-size: 60%;
    }
    .swiper-room .swiper-slide:nth-child(10){
        background-position: 2% 91.6%;
        background-size: 60%;
     }
     .swiper-room .swiper-slide:nth-child(7){
        background-position: 2% 91.6%;
        background-size: 60%;
     }
     .swiper-room .swiper-slide:nth-child(9){
        background-position: 2% 91.6%;
        background-size: 60%;
     }
    .swiper-room .swiper-slide:nth-child(11) {
        background-position: 2% 91.6%;
        background-size: 60%;
    }
    .swiper-pagination7{
        display: block;
    position: fixed;
    z-index: 1;
    width: 100vw;
    order: 3;
    width: 100%;
    }
    .swiper__gallery{
        order: 1;
    }
    .swiper-button-prev7{
        order: 2;
    }
    .swiper-button-next7{
        order: 4;
    }
    .popup__gallery__block{
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: inherit;
    }
    .modal-content {
        height: 39vh;
        width: 90%;
    }
    .swiper-pagination7.swiper-pagination-bullets.swiper-pagination-horizontal {
        width: 100%;
        transform: translate(0px, 63px);
    }
    .close__gallery {
        right: 7.4%;
    }
    .videoabout__description__item2__adaptive{
        margin-left: 5%;
        display: inline-flex;
        flex-direction: column;
        gap: 12px;
    }
    .videoabout__description__item2__adaptive img{
        width: 38px;
        height: 50px;
    }
    .videoabout__description__title{
        padding-top: 10px;
        padding-bottom: 10px;
        width: 73%;
    }
}
@media (max-width:414px) {
    .roomlook__block__buttons{
        align-items: center;
        gap: 20px;
        justify-content: flex-start;
        margin-left: 3px;
    }
    .header__logo{
        width: 135px;
    }
    .roomlook__block__info__item2__gap{
        gap: 15px;
    }
    .roomlook__block__info__item2{
        gap: 30px;
    }
    .contacts__section__item2__location__adaptive{
        width: 135px;
    }
    .contacts__section__item__button{
        width: 160px;
    }
    .introduction__section__block1__row{
        justify-content: space-between;
    }
    .introduction__location p{
        width: 114px;
    }
    .benefits__item img{
        margin-bottom: 23px;
    }
    .swiper-slide-img-wrapper__second img{
        height: 70px;
    }
    .swiper__buttons__room{
        width: 310px;
    }
    .roomlook__block__price{
        margin-bottom: 25px;
    }
    .swiper__buttons__room{
        margin-top: 25px;
    }
    .introduction__button{
        margin-right: 30px;
    }
    .roomlook__block__button__description {
        width: 152px;
        height: 44px;
    }
    .roomlook__block__button__description__svg{
        width: 150px;
    }
    .roomlook__block__button__svg {
        width: 150px;
    }
    .roomlook__block__button__span{
        font-size: 15px;
    }
    .roomlook__block__button__description__span{
        font-size: 15px;
    }
    .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        flex-shrink: 0;
    }
    .swiper-slide-img-wrapper{
        margin-bottom: 20px;
    }
    
}
@media (max-width:375px) {
    .roomlook__block__info__item{
        gap: 18px;
    }
    .roomlook__block__info__item2{
        gap: 15px;
    }
    .roomlook__block__button__description{
        width: 152px;
        height: 44px;
    }
    .per-veiw{
        margin-bottom: 0;
    }
    .header__items {
        width: 100px;
        gap: 50px;
    }
    .container {
        margin: 0 25px;
    }
    .header {
        height: 80px;
    }
    .header__header{
        height: 80px;
    }
    .header__items__number {
        display: none;
    }
    .header__logo {
        width: 135px;
    }
    .header__items__ukr{
        width: 36px;
        height: 15px;
    }
    .header__items__burger {
        width: 20px;
        height: 16px;
    }
    .header__items__burger span {
        width: 20px;
        height: 1.6px;
    }
    .swiper__buttons {
        display: none;
    }
    .introduction__section{
        flex-direction: column;
        padding-top: 60px;
    }
    .swiper {
        position: inherit;
    }
    .introductiona__text {
        font-size: 14px;
    }
    .introduction__title {
        font-size: 36px;
        width: 100%;
        line-height: 45px;
        margin-bottom: 40px;
    }
    .introduction__button {
        width: 150px;
        height: 44px;
        position: relative;
        margin: 0;
    }
    .introduction__section__block1__row{
        justify-content: flex-start;
        gap: 30px;
    }
    .introduction__location p {
        font-size: 14px;
    }
    .introduction__button a {
        font-size: 14px;
    }
    .introduction__location img {
        margin-right: 15px;
    }
    .introduction__location p {
        width: 113px;
    }
    .introduction__location {
        justify-content: flex-start;
    }
    .introduction__button__decor {
        width: 16px;
        height: 16px;
        top: 33%;
        left: -7.7%;
    }
    .introduction__button__decor2 {
        width: 16px;
        height: 16px;
        top: 33%;
        right: -7.7%;
    }
    .swiper{
        height: 424px;
    }
    .introduction{
        margin-bottom: 0;
    }
    .benefits__item p {
        font-size: 14px;
    }
    .benefits__item img {
        width: 21px;
        height: 21px;
    }
    .benefits__item {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 0;
    }
    .benefits__container {
       height: auto;
    }
    .benefits__item {
        flex: 1 0 36%;
    }
    .benefits__item :nth-child(2){
        margin-right: 0;
    }
    .benefits__container{
        margin: 0 25px;
    }
    .videoabout__description__title {
        font-size: 16px;
        width: 142px;
    }
    .videoabout__description {
        display: block;
    }
    .videoabout__description__item1{
        display: none;
    }
    .videoabout__description__item2{
        display: none;
    }
    .videoabout__container{
        margin: 0 auto;
    }
    .videoabout__description {
        width: 73.63%;
    }
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.4);
        transition: 1s;
    }
    .sticky + main {
        padding-top: 80px;
    }
    .videoabout__description__item2__adaptive{
        display: inline-flex;
    }
    .videoabout__description__item2__adaptive {
        width: 92px;
        height: 36px;
        margin-left: 5%;
    margin-top: 8%;
    }
    .arrow__adaptive{
        width: 16px;
        height: 43px;
    }
    .videoabout__container{
        margin-bottom: 6%;
    }
    .videoabout__description__item1__adaptive__text{
        margin-bottom: 12px;
        font-size: 14px;
    }
    .room__eclipse1 {
        height: 4.4%;
        top: -3%;
    }
    .roomlook__block__info__title {
        display: none;
    }
    .room__section{
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .per-veiw {
        width: 100%;
    }
    .mySwiper2{
        width: 100%;
        height: 296px;
        margin-bottom: 16px;
    }
    .mySwiper{
        height: 63px;
    }
    .roomlook__block__info__title__adaptive{
        display: inline-block;
        margin-bottom: 9%;
        padding-top: 15%;
        font-size: 28px;
    }
    .roomlook__block__info__item p{
        font-size: 15px;
    }
    .room__eclipse {
        height: 3.4%;
        bottom: -2%;
    }
    .swiper-button-prev1 img, .swiper-button-next1 img {
        width: 92%;
        object-fit: cover;
    }
    .swiper-buttons{
        width: 356px;
    }
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap,10px);
    }
    .room{
        height: 100%;
        padding-bottom: 150px;
    }
    .roomlook__block__price{
        margin-bottom: 25px;
    }
    .roomlook__block__buttons{
        gap: 20px;
    }
    .roomlook__block__button2{
        width: 152px;
        height: 44px;
    }
    .roomlook__block__button1{
        width: 152px;
        height: 44px;
    }
    .roomlook__block__button2__square1 ,.roomlook__block__button2__square2{
        width: 16px;
        height: 16px;
    }
    .swiper-buttons {
        bottom: 9.5%;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .rewiews__section{
        display: flex;
        flex-direction: column;
    }
    .rewiews__section__item{
        width: 100%;
    }
    .rewiews__section__title{
       font-size: 32px; 
       width: 100%;
       text-align: center;
    }
    .rewiews{
        padding-top: 80px;
    }
    .rewiews__section__stars{
        display: block;
        width: 186px;
        margin: 0 auto;
        margin-bottom: 30px;

    }
    .rewiews__buttons{
        display: none;
    }
    .rewiew-swiper{
        display: none;
    }
    .rewiews__buttons__adaptive{
        display: flex;
        justify-content: space-between;
        width: 310px;
        margin: auto;
        margin-top: 40px;
    }
    .rewiew-swiper__adaptive {
        display: block;
        width: 325px;
        height: 470px;
        margin: 0 auto;
    }
    .swiper-pagination5__adapt {
        order: 2;
        width: 141px;
    }
    .swiper-button-prev5__adapt{
        order: 1;
    }
    .swiper-button-next5__adapt{
        order: 3;
    }
    .swiper-pagination5__adapt{
        width: 141px;
        text-align: center;
    }
    .contacts__section__title{
        font-size: 32px;
        margin-bottom: 30px;
    }
    .map {
        height: 321px;
    }
    .contacts__section__item{
        flex-direction: column;
        align-items: flex-start;
    }
    .contacts__section__item__button{
        order: 1;
        width: 170px;
        height: 44px;
        margin-bottom: 50px;
    }
    .contacts__section__item__adress{
        order: 2;
        margin: 0;
        margin-bottom: 40px;
        width: 100%;

    }
    .contacts__section__item__adress p:nth-child(1) {
        font-size: 16px;
    }
    .contacts__section__item__adress p:nth-child(2) {
        font-size: 16px;
    }
    .contacts__section__item2{
        display: none;
    }
    .contacts__section__item{
        display: none;
    }
    .contacts__section__item__adaptive{
        display: flex;
        flex-direction: column;
    }
    .contacts__section__item2__location{
        order: 3;
        margin-bottom: 30px;
    }
    .contacts__section__item__number{
        order: 4;
        margin-bottom: 30px;
    }
    .contacts__section__item__number p {
        font-size: 16px;
        width: 54.7%;
    }
    .span__contacts{
        font-size: 16px;
    }
    .contacts__section__item__graphic{
        order: 5;
    }
    .contacts__section__item__button__square {
        left: -8%;
    }
    .contacts__section__item__button__square2 {
        right: -8%;
    }
    .contacts__section__item__graphic p:nth-child(1) {
        font-size: 16px;
    }
    .contacts__section__item__graphic p:nth-child(2){
        font-size: 16px;
    }
    .contacts{
        padding-bottom: 50px;
    }
    .footer__footer{
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .footer__footer__logo {
        width: 201px;
        height: 58px;
        margin-bottom: 40px;
    }
    .footer__footer__info{
        align-items: flex-start;
        margin-bottom: 30px;
    }
    .map__container{
       margin-bottom: 40px; 
    }
    .swiper-room{
        margin-top: 50px;
    }
    .swiper-slide-img-wrapper{
        margin-bottom: 0;
    }
    .swiper__buttons__room{
        margin-top: 15px;
    }
    .swiper-slide-img-wrapper__main{
        margin-bottom: 16px;
    }
    .roomlook__block__button__svg{
        width: 150px;
    }
    .roomlook__block__button__description__svg{
        width: 150px;
    }
    .contacts__section__item__number{
        width: auto;
    }
    .roomlook__block__buttons{
        margin-left: 0;
    }
    .introduction__section{
        margin: 0;
    }
    .videoabout__description__item1__adaptive{
        margin:20px;
    }
}

@media (max-width:360px) {
    .roomlook__block__buttons {
        gap: 9px;
    }
    .benefits__container {
        gap: 8px;
    }
    .roomlook__block__button__svg{
        width: 144px;
    }
    .roomlook__block__button__description__svg{
        width: 144px;
    }
    .roomlook__block__info__item p {
        font-size: 14px;
    }
    .roomlook__block__info{
        width: 99%;
    }
    .container {
        margin: 0 20px;
    }
}