@media (max-width: 1280px) {
    .header-info .text {
        margin-bottom: 10px;
    }

    .header-info .title {
        margin-bottom: 10px;
    }

    .hotel-info .hotel-info-text {
        height: 100px;
    }

    .hotel-info .info {
        padding-bottom: 0px;
    }

    .offer-info {
        left: 30%;
    }

    .offer-button {
        right: 11%;
    }

    .fs-16 {
        margin-top: 0px;
    }

    .middle-content-products {
        top: 0;
        transform: none;
    }

        .middle-content-products .hotel-info {
            top: 0;
            margin-top: 35px;
        }

    .post-x .title-p {
        font-size: 14px;
    }

    .post-x .description-p {
        font-size: 12px;
    }
}

@media (max-width: 1200px) {
    .info:after {
        top: 25%;
    }

    .info {
        margin-top: 2.1%;
    }

    .header-logo-second img {
        width: 83px;
    }
}

@media (max-width: 900px) {
    .header-logo-second img {
        width: 24px;
    }
    .wrapfc {
        width: auto;
        display: table;
        margin: auto;
    } .prcnt-content .hotel-info-btn-prices {
        width: 85%;
        margin: auto;
        left: 0 !important;
        right: 0;
        transform: none;
    }

    .prcnt-content .hotel-info-text-prices {
        width: 85%;
        left: 0;
        transform: none;
        right: 0;
        margin: auto;
    }

    .prcnt-content .hotel-info-title-prices {
        width: 100% !important;
    }

    .prcnt-content .hotel-info-logo-prices {
        width: 100% !important;
    }

    .room-amount {
        float: inherit;
        text-align: left;
        display: block;
        margin: auto;
        transform: translateY(-50%);
    }

    .hotel-info-title-prices {
        top: 27%;
    }

    .hotel-info-text-prices {
        height: 200px;
        top: 41%;
    }

    .hotel-info-btn-prices {
        left: 73%;
        top: 70%;
    }

    .price-per-month-year {
        top: 48%;
    }

    .info-yearly-monthly {
        top: 13%;
    }

    .hotel-info-logo-prices {
        top: 7%;
    }

    .report-content {
        width: 100%;
    }

    .wrapfc .logo {
        display: none;
    }

    .report-content .hover-content .title {
        width: 100%;
    }

    .hotel-info {
        top: 0;
        margin-top: 40px;
    }
    .header {
        display: none;
    } .middle-content {
        margin-top: 40px;
    }

    .header-wrap {
        transform: none;
        height: auto;
        margin-bottom: 20px;
        padding: 0 10px;
    }

    .post-x {
        width: 100%;
        margin-bottom: 20px;
    }

    .channel-manager-posts {
        height: auto;
    }

    .header nav ul li {
        margin-right: 1rem;
    }

    .white-header {
        margin-top: -14px;
    }
}

@media (max-width: 800px) {
    /*.owl-stage-outer {
        height: 182px;
    }*/
}

@media (max-width: 800px) {
    .slider .description {
        font-size: 12px;
    }

    .slider .titler {
        margin-top: 20px;
    }

    .slider .img {
        width: 100%;
        float: none;
    }

    .slider .description {
        max-width: 100%;
        margin-bottom: 25px;
    }

    .slider .social-links {
        position: relative;
        float: none;
        width: 124px;
    }

    .slider .icon {
        float: left;
        margin-right: 22px;
    }

    .slider .facebook {
        margin-top: 0;
    }

    .slider {
        width: 68%;
    }

    .offer {
        overflow: hidden;
    }

    .hotel-info {
        top: 0;
        margin-top: 75px;
    }

    .header .logo {
        display: none;
    }

    .header nav ul li {
        margin-right: 3rem;
    }

    .offer-button {
        right: 2%;
        font-size: 12px;
    }

    .white-header {
        height: 0px;
    }

    .header-lang {
        top: 100px;
        transform: translateY(0%);
    }

    .header {
        height: 165px;
    }
}

@media (max-width: 700px) {
    .hms-screen {
        display: none;
    }

    .header nav ul li {
        margin-right: 2rem;
        font-size: 14px;
    }

    .header nav {
        float: none;
        display: table;
        margin: auto !important;
    }

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

    .header-wrap {
        transform: none;
        top: 0;
        position: relative;
    }

    .header-lang {
        top: 75px;
        transform: translateY(0);
    }

    .header {
        height: 155px;
    }

    .header-wrap {
        width: 100%;
    }

    .header nav ul li {
        float: left;
        list-style: none;
    }

    .offer-logo img {
        width: 40px;
    }

    .offer-info {
        left: 22%;
    }

    .offer-button {
        width: 120px;
    }
}

@media (max-width: 600px) {
    .header {
        height: 414px;
    }

        .header nav ul {
            overflow: hidden;
        }

            .header nav ul li {
                list-style: none;
                width: 100%;
                float: left;
            }

                .header nav ul li a {
                    float: left;
                }

    .header-lang {
        top: 350px;
    }
}

@media (max-width: 600px) {
    .header nav ul li a {
        padding-right: 10px;
    }
    .header {
        height: 100vh !important;
        overflow-y: scroll;
    }
    .header nav ul li {
        text-align: left;
    }

        .header nav ul li.drop i {
            cursor: pointer;
            display: inline-block;
        }

        .header nav ul li.drop.open ul {
            visibility: visible;
            position: relative;
            top: 0;
            left: 0;
            transform: none;
            background: none;
            box-shadow: none;
            margin-left: 10px;
            display: block;
        }

            .header nav ul li.drop.open ul li::before {
                content: '';
                width: 5px;
                height: 5px;
                border-radius: 50%;
                position: relative;
                background: rgba(0, 0, 0, .2);
                display: inline-block;
                /*float: left;*/
                top: 7px;
                margin-right: 10px;
            }

        .header nav ul li:hover ul {
            display: none;
        }

    .slider {
        width: 60%;
    }

    .offer-info {
        left: 3%;
    }

    .report-content .hover-content .img-side {
        display: none;
    }

    .report-content .hover-content .description {
        width: 100%;
    }

    .offer-button {
        right: 50%;
    }

    .report-content .item {
        width: 100%;
        margin-bottom: 20px;
    }

    .synchronization {
        margin-bottom: 20px;
    }

    .contact-info-wrap {
        width: 100%;
        left: 0;
        position: relative;
        transform: none;
    }

    .contact-top-wrap {
        transform: none;
        top: 0;
        overflow: hidden;
        left: 0;
        height: auto;
    }

    contact-info-wrap {
        top: 0;
    }

    .contact-middle-top {
        height: auto;
    }

    .contact-middle-top-left {
        margin-top: 0%;
        top: 0;
        position: relative;
        overflow: hidden;
    }

    .contact-middle-bottom {
        margin-top: 5%;
    }

    .offer-logo {
        left: 3%;
    }

        .offer-logo img {
            width: 40px;
        }

    .fs-36 {
        font-size: 19px;
    }

    .header nav ul li a {
        position: relative;
    }
}

@media (max-width: 500px) {
    .slider {
        width: 100%;
    }
        .slider .arrow-right, .slider .arrow-left {
            display: none;
        }

    .hotel-info {
        margin-top: 10px;
    }

    .middle-content {
        padding: 0 10px;
    }

    .hotel-info .info {
        width: 100%;
    }

    .info:after {
        top: 27%;
    }

    .channel-post {
        width: 100%;
    }
}