@media (max-width: 1200px) {
    .logo img {
        max-width: 50px;
    }

    .logo p {
        font-size: 17px;
    }

    ul.nav li a {
        font-size: 15px;
    }

    .header__info {
        padding: 150px 0 180px;
    }

    .header__info h1 {
        font-size: 56px;
    }

    .welcome__inner {
        gap: 50px;
        margin: 60px 0 0;
    }

    .rooms__inner {
        gap: 20px;
        margin: 30px 0 0;
        justify-content: center;
    }

    .photo__item img {
        height: 250px;
    }
}

@media (max-width: 1100px) {
    .logo p {
        font-size: 16px;
    }

    ul.nav {
        gap: 15px;
    }

    ul.nav li a {
        font-size: 13px;
    }

    .socicons ul {
        gap: 15px;
    }

    .header__info {
        padding: 120px 0 140px;
    }

    .header__info h1 {
        font-size: 52px;
    }

    .photo__item {
        width: 33.33%;
    }

    .reviews__inner {
        padding: 10px 10px 70px;
    }
}

@media (max-width: 1000px) {
    .logo p {
        font-size: 15px;
    }

    .menu-inner {
        gap: 9px;
    }

    ul.nav {
        gap: 9px;
    }

    .socicons ul {
        gap: 8px;
    }

    .socicons ul li a {
        font-size: 20px;
    }

    .header__info {
        padding: 120px 0 70px;
    }

    .header__info h1 {
        font-size: 46px;
    }

    .reservation {
        padding: 50px 0;
    }

    .reservation__inner {
        margin: 0;
        flex-wrap: wrap;
    }

    .reservation__item:last-child {
        width: 100%;
        text-align: center;
        margin: 10px 0 0;
    }

    .reservation__item::before {
        content: none;
    }

    .welcome__inner {
        gap: 30px;
        margin: 60px 0 0;
        flex-direction: column;
    }

    .welcome__img {
        width: 70%;
        margin: 0 auto;
    }

    .welcome__info {
        width: 100%;
    }

    .welcome__info h2 {
        text-align: center;
    }

    .rooms__img-dop a img {
        height: 60px;
    }

    .rooms__info h4 a {
        font-size: 21px;
    }

    p.rooms__info-desc {
        min-height: 105px;
    }

    .ourteam__inner {
        justify-content: center;
    }

    .ourteam__item {
        width: 50%;
    }

    .spec__offers-video {
        flex-wrap: wrap;
        justify-content: center;
    }

    .reviews {
        padding: 30px 0;
    }

    .contacts {
        padding: 30px 0 60px;
    }

    .contacts__inner {
        margin: 40px 0 0;
        flex-direction: column;
    }

    .contacts__info {
        width: 100%;
    }

    .contacts__map {
        width: 100%;
        height: 350px;
    }

    .footer__menu ul li {
        padding: 0 15px;
    }
}

@media (max-width: 900px) {
    .menu-inner {
        gap: 15px;
    }

    .socicons ul {
        gap: 15px;
    }

    .header__menu-inner {
        padding: 5px 0;
    }

    nav.menu {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0 auto;
        background: #333;
        top: 60px;
    }

    nav.menu ul {
        flex-direction: column;
        padding: 10px 0;
    }

    nav.menu ul li a {
        font-size: 18px;
        padding: 5px;
    }

    nav.menu ul li a:hover {
        background: #de1943;
    }

    ul.nav li span {
        top: -12px;
        right: 5px;
        padding: 1px 5px;
    }

    .header__top-menu {
        order: 2;
    }

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

    .socicons {
        order: -1;
    }

    .header__info h1 {
        font-size: 41px;
    }

    .footer nav.menu {
        display: block !important;
        position: unset;
    }

    .reservation__item {
        width: 48%;
    }

    .rooms__img-main a img {
        height: 210px;
    }

    .rooms__img-dop {
        margin: 15px 0 5px;
        gap: 10px;
    }

    .rooms__info h4 a {
        font-size: 18px;
        min-height: 40px;
    }

    .rooms__info p {
        font-size: 16px;
    }

    p.rooms__info-desc {
        min-height: 95px;
    }

    .footer {
        padding: 60px 0;
    }

    .footer__logo {
        margin: 0 0 20px;
    }

    .footer__menu ul li + li {
        border-left: none;
        padding: 0 2px 20px;
    }

    .footer__menu ul li {
        padding: 0 4px 20px;
    }

    nav.footer__menu ul li a {
        font-size: 15px;
        padding: 0;
    }

    nav.footer__menu ul li a:hover {
        background: none;
    }
}

@media (max-width: 800px) {
    .header__info h1 {
        font-size: 36px;
    }

    .rooms__item {
        width: 100%;
    }

    .rooms__img-main a img {
        height: auto;
    }

    .rooms__img-dop a {
        width: 25%;
    }

    .rooms__img-dop a img {
        height: 90px;
    }

    .rooms__info h4 a {
        min-height: auto;
    }

    p.rooms__info-desc {
        min-height: auto;
    }

    .section {
        padding: 30px 0 50px;
    }

    .aboutas__inner,
    .photo__inner,
    .ourteam__inner {
        margin: 40px 0 0;
    }

    .reviews {
        padding: 30px 0;
    }

    .reviews__inner {
        padding: 0 10px 60px;
    }

    .spec__offers-action {
        flex-wrap: wrap;
    }

    .spec__offers-action-item {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .header__info h1 {
        font-size: 30px;
    }

    .header__info p {
        font-size: 25px;
    }

    .header__info {
        padding: 90px 0 60px;
    }

    .reservation__inner {
        padding: 20px;
    }

    .aboutas__tabs {
        padding: 15px;
    }

    .aboutas__tabs a {
        padding: 10px;
    }

    .aboutas__info {
        padding: 15px;
    }

    .photo__item{
        width: 50%;
    }

    .footer__menu ul li + li {
        padding: 0 2px 20px;
    }

    .footer__menu ul li {
        padding: 0 4px 20px;
    }

    nav.footer__menu ul li a {
        padding: 0;
    }
}

@media (max-width: 600px) {
    .header__info h1 {
        font-size: 25px;
    }

    .header__info p {
        font-size: 20px;
    }

    .header__info-stars {
        margin: 30px 0;
    }

    .reservation__inner {
        padding: 15px;
    }

    .reservation__item {
        width: 47%;
    }

    .welcome__img {
        width: 100%;
    }

    .heading h2,
    .welcome__info h2 {
        font-size: 32px;
    }

    .aboutas__tabs a {
        font-size: 17px;
    }

    .aboutas__text h3 {
        font-size: 18px;
    }

    .aboutas__text p,
    .aboutas__text ul li {
        font-size: 15px;
    }

    .photo__item img {
        height: 200px;
    }

    .ourteam__item {
        width: 100%;
    }

    .ourteam__item-img img {
        height: auto;
    }

    .subscribe-form {
        flex-direction: column;
    }

    a#go-top {
        height: 40px;
        width: 40px;
        right: 20px;
        bottom: 20px;
    }

    .contacts__inner {
        margin: 30px 0 0;
    }

    .contacts__map {
        height: 300px;
    }

    nav.footer__menu ul {
        display: flex;
        flex-direction: column !important;
    }

    .footer__menu ul li {
        padding: 0 0 10px;
    }

    .footer__menu ul li + li {
        padding: 10px 0;
    }
}

@media (max-width: 500px) {
    .header__info h1 {
        font-size: 19px;
    }

    .header__info p {
        font-size: 16px;
    }

    .header__info-stars {
        margin: 30px 0;
    }

    .reservation__item h3 {
        font-size: 14px;
    }

    .reservation__inner {
        gap: 15px;
    }

    .rooms__img-dop a img {
        height: 80px;
    }

    .photo__item img {
        height: 150px;
    }

    .contacts__block-item p {
        font-size: 17px;
    }

    .contacts__form h3 {
        font-size: 18px;
    }

    .contacts__map {
        height: 250px;
    }

    .spec__offers-action-item p,
    .spec__offers-action-item ul li {
        line-height: 1.3;
        font-size: 16px;
    }
}

@media (max-width: 400px) {
    .logo img {
        max-width: 45px;
        width: 45px;
    }
    
    .logo p {
        font-size: 12px;
    }

    .socicons ul li a {
        font-size: 18px;
    }

    nav.menu {
        top: 55px;
    }

    nav.menu ul li a {
        font-size: 16px;
    }

    .socicons ul {
        gap: 12px;
    }

    .header__info-stars span {
        font-size: 18px;
    }

    .header__info-stars::before,
    .header__info-stars::after {
        content: none;
    }

    .reservation {
        padding: 30px 0;
    }

    .reservation__item {
        width: 100%;
    }

    .default-btn {
        font-size: 13px;
    }

    .heading h2,
    .welcome__info h2 {
        font-size: 28px;
    }

    .rooms__img-dop a img {
        height: 70px;
    }

    .photo__item {
        width: 100%;
    }

    .photo__item img {
        height: auto;
    }

    .ourteam__item-text h4 a {
        font-size: 20px;
    }

    .ourteam__item-text p {
        font-size: 12px;
    }

    nav.footer__menu ul li a {
        font-size: 15px;
    }

    .footer__menu ul li {
        padding: 0 0 5px;
    }

    .footer__menu ul li + li {
        padding: 5px 0;
    }

    .footer__socicons ul {
        gap: 20px;
    }

    .footer__socicons {
        margin: 15px 0 30px;
    }
}


@media (min-width: 901px){
	nav.menu {
        display: block !important;
    }
}