@media screen and (max-width: 1220px) {
    .rooms-list,
    .another_room-list {
        width: 100%;
        overflow-x: auto;
    }
}

@media screen and (max-width: 1200px) {
    .nav_down .container .nav-list {
        justify-items: center;
        grid-gap: 0;
    }
    header .header_booking-main>div {
        padding: 15px 0 15px 25px;
    }
    header .header_booking-main>div:nth-child(1),
    header .header_booking-main>div:nth-child(2) {
        padding-right: 10px;
    }
    header .header_booking-main>div:nth-child(3) {
        padding-right: 40px;
    }
    .about .container {
        grid-gap: 20px;
    }
    .about-text-fourth {
        right: 20px;
    }
    .services-list,
    .offers-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .contacts .container {
        grid-template-columns: 1fr;
    }
    .contacts-map {
        margin: 0 auto;
    }
}

@media screen and (max-width: 1100px) {
    .about .container {
        grid-template-columns: 1fr;
    }
    .about-text-first {
        grid-column: unset;
        grid-row: unset;
    }
    .about-img {
        grid-column: unset;
        grid-row: unset;
        margin-left: auto;
        margin-right: -20px;
    }
    .about-text-second {
        grid-column: unset;
        grid-row: unset;
        margin-bottom: 0;
    }
    .about-text-third {
        margin-bottom: 0;
        order: 1;
    }
    .about-text-fourth {
        position: static;
        width: auto;
        border-radius: 40px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -ms-border-radius: 40px;
        -o-border-radius: 40px;
    }
}

@media screen and (max-width: 1100px) {
    header .header_booking-main {
        grid-template-columns: 1fr;
    }
    header .header_booking-main>div:nth-child(1),
    header .header_booking-main>div:nth-child(2),
    header .header_booking-main>div:nth-child(3) {
        display: none;
    }
    header .header_booking {
        bottom: 20px;
        width: auto;
    }
}

@media screen and (max-width: 1000px) {
    .nav_up .container .nav_up-right .nav_social-phone {
        width: 28px;
        height: 32px;
        font-size: 0;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29447 3.64099C6.69112 2.24434 8.95314 2.30916 10.3462 3.70218L12.6714 6.02745C14.0645 7.42047 14.1293 9.68249 12.7326 11.0791L12.4102 11.4016C12.1672 11.6445 12.1411 12.0384 12.372 12.3183C12.8586 12.908 13.3806 13.4922 13.9442 14.0558C14.5078 14.6193 15.092 15.1413 15.6817 15.628C15.9615 15.8589 16.3554 15.8327 16.5984 15.5898L16.9208 15.2673C18.3175 13.8707 20.5795 13.9355 21.9725 15.3285L24.2978 17.6538C25.6908 19.0468 25.7556 21.3088 24.359 22.7055L22.8578 24.2067C21.3321 25.7324 18.8361 25.6089 16.4077 24.7179C13.9035 23.7991 11.1088 21.9519 8.5784 19.4216C6.04803 16.8912 4.20084 14.0965 3.28202 11.5923C2.39102 9.16384 2.26757 6.6679 3.79324 5.14222L5.29447 3.64099ZM9.10873 4.93962C8.3614 4.19229 7.20801 4.20232 6.5319 4.87843L5.03068 6.37965C5.03068 6.37965 5.03068 6.37965 5.03068 6.37965C4.27631 7.13402 4.08404 8.69763 4.92493 10.9895C5.738 13.2055 7.42341 15.7917 9.81584 18.1841C12.2083 20.5766 14.7945 22.262 17.0105 23.075C19.3023 23.9159 20.8659 23.7236 21.6203 22.9693L23.1215 21.4681C23.7976 20.792 23.8077 19.6386 23.0603 18.8912L20.7351 16.566C19.9877 15.8186 18.8344 15.8287 18.1583 16.5048L17.8358 16.8272C16.9596 17.7034 15.5482 17.7867 14.5679 16.9778C13.9421 16.4614 13.3156 15.9021 12.7068 15.2932C12.0979 14.6843 11.5386 14.0578 11.0222 13.4321C10.2133 12.4518 10.2966 11.0403 11.1727 10.1642L11.4952 9.84171C12.1713 9.1656 12.1813 8.01222 11.434 7.26489L9.10873 4.93962Z' fill='%233D8BFA'/%3e%3c/svg%3e ");
        background-position: center;
        background-repeat: no-repeat;
    }
    .nav_up .container .nav_up-left .nav-address,
    .nav_up .container .nav_up-right .nav-button,
    .nav_down {
        display: none;
    }
    body.main-page .nav.up {
        background-color: rgb(255, 255, 255);
        color: #242424;
    }
    body.main-page .nav.up path {
        fill: #3d8bfa;
    }
    .nav-burger {
        position: relative;
        display: block !important;
        margin: 10px 0;
        width: 28px;
        height: 3px;
        background-color: #3d8bfa;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
    }
    .nav-burger::before,
    .nav-burger::after {
        content: "";
        position: absolute;
        width: 28px;
        height: 3px;
        background-color: #3d8bfa;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
    }
    .nav-burger::before {
        top: 7px;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
    }
    .nav-burger::after {
        bottom: 7px;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
    }
    .footer>.container {
        grid-template-columns: 0.5fr 1fr 1fr;
    }
    .nav-burger.active {
        background-color: #0000;
    }
    .nav-burger.active::before {
        top: 0px;
        transform: rotate(45deg);
    }
    .nav-burger.active::after {
        bottom: 0px;
        transform: rotate(-45deg);
    }
}

@media screen and (max-width: 950px) {
    .catalog_item .container>div {
        grid-template-columns: 100%;
        grid-gap: 80px;
    }
    .catalog_item-slider-slider {
        width: 100%;
    }
    .catalog_item-slider .swiper-button-next,
    .catalog_item-slider .swiper-button-prev {
        bottom: -50px;
        top: unset;
    }
}

@media screen and (max-width: 850px) {
    .mobile_menu .container>a {
        width: 80%;
    }
    .footer>.container {
        grid-template-columns: 0.4fr .6fr 1fr;
        grid-gap: 20px;
    }
    header .header .header_slider-nav,
    .gallery .container:last-child .slider-nav,
    .reviews .container:last-child .slider-nav {
        width: 95%;
    }
    .contacts-map {
        width: 100%;
    }
}

@media screen and (max-width: 700px) {
    .nav_up {
        padding: 10px 0;
    }
    .nav-logo svg {
        width: 94px;
        height: 40px;
    }
    .mobile_menu {
        top: 64px;
        height: calc(100vh - 124px);
    }
    .nav_social>a {
        display: flex;
    }
    .nav_up .container .nav_up-right .nav_social {
        margin-right: 30px;
    }
    header .header-slide {
        padding: 220px 0 260px;
    }
    h1 {
        margin-bottom: 30px;
        font-size: 60px;
        line-height: 73px;
    }
    h1::after,
    .rooms-title::after,
    .services-title::after,
    .offers-title::after,
    .reviews-title::after,
    .another_room-title::after {
        width: 40px;
        height: 40px;
        background-size: cover;
    }
    header .header-slide h3 {
        font-size: 18px;
        line-height: 150%;
    }
    header .header_booking {
        width: 100%;
    }
    header .header_booking-main-button {
        padding: 20px;
    }
    header {
        margin-bottom: 120px;
    }
    .about-text-first img {
        margin-bottom: 30px;
    }
    h2 {
        font-size: 34px;
        line-height: 41px;
    }
    .about-text-first h2 {
        margin-bottom: 30px;
    }
    .about-text-first p:not(:last-child) {
        margin-bottom: 10px;
    }
    .about .container {
        grid-gap: 30px;
    }
    .about-text-fourth h4 {
        margin-bottom: 20px;
    }
    .about-text-fourth {
        padding: 30px;
    }
    .about-text-third h3 {
        font-size: 24px;
        line-height: 29px;
    }
    .about {
        margin-bottom: 120px;
    }
    .rooms-title {
        margin-bottom: 30px;
    }
    .rooms-subtitle {
        margin-bottom: 30px;
    }
    .rooms {
        margin-bottom: 120px;
    }
    .services {
        margin-bottom: 120px;
        padding: 80px 0;
    }
    .services-title {
        margin-bottom: 30px;
    }
    .services-list,
    .offers-list {
        grid-template-columns: 1fr;
    }
    .services_conveniences {
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
    .services_conveniences-list {
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
    .services-list li a {
        padding: 213px 0 20px !important;
    }
    .services-list li a p,
    .offers-list li a span {
        display: none !important;
    }
    .gallery {
        margin-bottom: 140px;
    }
    .gallery .container:last-child .slider-nav,
    .reviews .container:last-child .slider-nav {
        bottom: -50px;
    }
    .offers-title {
        margin-bottom: 30px;
    }
    .offers-list li a {
        padding: 175px 20px 20px !important;
    }
    .offers {
        margin-bottom: 120px;
    }
    .reviews-title {
        margin-bottom: 30px;
    }
    .reviews {
        margin-bottom: 140px;
    }
    .contacts {
        padding: 80px 0;
    }
    .contacts-info h2 {
        margin-bottom: 30px;
    }
    .contacts-socials {
        margin-bottom: 40px;
    }
    .contacts-info h3 {
        margin-bottom: 30px;
    }
    .contacts-road {
        margin-bottom: 30px;
    }
    .footer {
        padding: 70px 0 40px;
    }
    .footer>.container {
        grid-template-columns: 1fr;
        grid-gap: 40px
    }
    .footer-second_col-list {
        grid-template-columns: 1fr;
    }
    .footer-third_col {
        margin-top: 20px;
    }
    .footer>.container {
        margin-bottom: 60px;
    }
    .footer .copyright .container {
        flex-direction: column-reverse;
    }
    .footer .copyright .container p {
        margin-top: 30px;
    }
    .about-img {
        width: 100%;
    }
    .reviews-slider .swiper-slide {
        padding: 20px;
    }
    .breadcrumbs {
        margin: 85px 0 40px;
    }
    .catalog_item-title {
        margin-bottom: 30px;
    }
    .catalog_item-info-price {
        margin-bottom: 30px;
        line-height: 38px;
        font-size: 0;
    }
    .catalog_item-info-price b {
        font-size: 32px;
    }
    .catalog_item-info-button {
        margin-bottom: 30px;
    }
    .catalog_item-info-specifications {
        grid-gap: 15px;
    }
    .catalog_item {
        margin-bottom: 120px;
    }
    .another_room-title {
        margin-bottom: 30px;
    }
    .another_room-list {
        grid-template-columns: repeat(3, 260px);
    }
    .another_room-list li div h4 {
        height: 54px;
    }
    .another_room {
        margin-bottom: 120px;
    }
}

@media screen and (max-width: 450px) {
    .reviews-slider .swiper-slide > div h4,
    .reviews-slider .swiper-slide > div p {
        font-size: 14px;
    }
    .mobile_menu-list li a {
        font-size: 16px;
        line-height: 19px;
    }
    .mobile_menu-list {
        text-align: left;
    }
    .mobile_menu .container>a {
        width: 90%;
    }
    .mobile_menu-button {
        font-size: 16px;
        line-height: 19px;
    }
}

@media screen and (max-width: 400px) {
    .nav_up .container .nav_up-left .nav-logo {
        margin-right: 0;
    }
}