@media only screen and (min-width: 1200px) and (max-width: 1319px) {
    .counter-one__single {
        gap: 20px;
    }

    .footer-widget__contact-box {
        margin-left: 50px;
    }

    .restaurant-one__menu-list-box {
        margin-right: -50px;
    }

    .why-choose-one__sub-title {
        color: var(--hotelux-white);
    }
}

/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .counter-one__count-list li {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .footer-widget__newsletter {
        flex-direction: column;
        text-align: center;
    }

    .footer-widget__newsletter-title {
        margin-bottom: 20px;
    }

    .footer-widget__about {
        margin-bottom: 34px;
    }

    .footer-widget__usefull-link {
        margin-left: 0;
        margin-bottom: 34px;
    }

    .footer-widget__services {
        margin-left: 0;
    }

    .footer-widget__contact-box {
        margin-left: 0;
    }

    .why-choose-one__left {
        max-width: 600px;
        margin: 0 auto 0;
    }

    .why-choose-one__right {
        max-width: 600px;
        margin: 60px auto 0;
    }

    .why-choose-one__sub-title {
        color: var(--hotelux-white);
    }

    .why-choose-one__img-2 {
        display: none;
    }

    .why-choose-one__video-link {
        left: 50%;
        bottom: inherit;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .cta-one__img {
        right: 5px;
    }

    .cta-one__shape-1 {
        display: none;
    }

    .services-three__icon-and-title-box {
        gap: 10px;
        max-width: 360px;
    }

    .services-three__title {
        font-size: 22px;
    }

    .faq-page__single .faq-one-accrodion .accrodion-title {
        padding: 23px 15px 23px;
        padding-right: 40px;
    }

    .faq-page__single .faq-one-accrodion .accrodion-title h4::before {
        right: -25px;
    }

    .sidebar--two {
        max-width: 550px;
        margin: 0 auto 50px;
    }

    .sidebar--three {
        max-width: 550px;
        margin: 50px auto 0px;
    }

    .contact-info__single {
        padding: 40px 20px 41px;
    }

    .contact-info__single h3 {
        font-size: 19px;
        line-height: 29px;
    }
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .counter-one__count-list li {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .footer-widget__newsletter {
        flex-direction: column;
        text-align: center;
    }

    .footer-widget__newsletter-title {
        margin-bottom: 20px;
    }

    .footer-widget__about {
        margin-bottom: 34px;
    }

    .footer-widget__usefull-link {
        margin-left: 0;
        margin-bottom: 34px;
    }

    .footer-widget__services {
        margin-left: 0;
    }

    .footer-widget__contact-box {
        margin-left: 0;
    }

    .site-footer__bottom-inner {
        flex-direction: column;
    }

    .why-choose-one__left {
        max-width: 600px;
        margin: 0 auto 0;
    }

    .why-choose-one__right {
        max-width: 600px;
        margin: 60px auto 0;
    }

    .why-choose-one__sub-title {
        color: var(--hotelux-white);
    }

    .why-choose-one__img-2 {
        display: none;
    }

    .why-choose-one__video-link {
        left: 50%;
        bottom: inherit;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .cta-one__img {
        display: none;
    }

    .cta-one__shape-1 {
        display: none;
    }

    .cta-one {
        padding: 120px 0 120px;
    }

    .services-three__services-list li {
        flex-direction: column;
    }

    .services-three__icon-and-title-box {
        gap: 20px;
        justify-content: center;
        margin-bottom: 30px;
    }

    .sidebar {
        max-width: 550px;
        margin: 50px auto 0;
    }

    .sidebar--two {
        margin: 0 auto 50px;
    }

    .sidebar--three {
        margin: 50px auto 0px;
    }

    .sidebar--four {
        margin: 0 auto 50px;
    }
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    .section-title {
        margin-bottom: 42px;
    }

    .section-title__title {
        font-size: 24px;
        line-height: 34px;
    }

    .section-title__title br {
        display: none;
    }

    .about-one__points-box {
        gap: 15px;
        flex-direction: column;
        align-items: baseline;
    }

    .services-one__carousel {
        max-width: 320px;
        margin: 0px auto 0px;
    }

    .our-rooms__top {
        flex-direction: column;
        align-items: baseline;
    }

    .our-rooms__top-right {
        margin-top: 25px;
    }

    .video-one__title {
        font-size: 30px;
    }

    .counter-one__count-list {
        flex-direction: column;
        max-width: 320px;
        margin: 0 auto 0;
    }

    .counter-one__count-list li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .counter-one__single {
        gap: 0;
    }

    .counter-one__content {
        flex: 1;
        text-align: left;
        margin-left: 30px;
    }

    .counter-one {
        padding: 40px 0 20px;
    }

    .sliding-text {
        padding: 50px 0 0;
    }

    .testimonial-one__nav {
        position: relative;
        top: 0;
        margin-top: 20px;
    }

    .footer-widget__newsletter {
        flex-direction: column;
        text-align: center;
        padding: 73px 0px 65px;
    }

    .footer-widget__newsletter-title {
        margin-bottom: 20px;
        font-size: 25px;
    }

    .footer-widget__newsletter-form {
        flex-direction: column;
    }

    .footer-widget__usefull-link {
        margin-left: 0;
        margin-top: 41px;
        margin-bottom: 33px;
    }

    .footer-widget__services {
        margin-left: 0;
        margin-bottom: 33px;
    }

    .footer-widget__contact-box {
        margin-left: 0;
    }

    .site-footer__bottom-inner {
        flex-direction: column;
        text-align: center;
        padding: 17px 0 55px;
    }

    .site-footer__bottom-menu {
        flex-direction: column;
        margin-top: 10px;
    }

    .site-footer__bottom-menu li + li {
        margin-left: 0;
        margin-top: 5px;
    }

    .our-rooms-two {
        padding: 80px 0 80px;
    }

    .why-choose-one__right {
        margin-left: 0;
        margin-top: 50px;
    }

    .why-choose-one__img-2 {
        display: none;
    }

    .why-choose-one__video-link {
        left: 50%;
        bottom: inherit;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .why-choose-one__shape-1 {
        display: none;
    }

    .why-choose-one__img {
        border: 0;
    }

    .cta-one__img {
        display: none;
    }

    .cta-one__shape-1 {
        display: none;
    }

    .cta-one {
        padding: 80px 0 80px;
    }

    .cta-one__content {
        padding: 44px 15px 60px;
    }

    .cta-one__content h2 {
        font-size: 35px;
    }

    .services-three__title-box {
        gap: 10px;
    }

    .services-three__title {
        font-size: 20px;
        line-height: 30px;
    }

    .services-three__text-and-btn-box {
        flex-direction: column;
        text-align: center;
    }

    .services-three__text br {
        display: none;
    }

    .services-three__btn-box {
        margin-top: 15px;
    }

    .services-three {
        padding: 80px 0 0px;
    }

    .page-header__inner h3 {
        font-size: 30px;
    }

    .our-restaurant {
        padding: 80px 0 50px;
    }

    .faq-page__single .faq-one-accrodion .accrodion-title {
        padding: 23px 15px 23px;
        padding-right: 50px;
    }

    .faq-page__single .faq-one-accrodion .accrodion-title h4::before {
        right: -35px;
    }

    .services-page {
        padding: 80px 0 50px;
    }

    .room-page {
        padding: 80px 0 50px;
    }

    .sidebar {
        max-width: 550px;
        margin: 50px auto 0;
    }

    .sidebar--two {
        margin: 0 auto 50px;
    }

    .sidebar--three {
        margin: 50px auto 0px;
    }

    .sidebar--four {
        margin: 0 auto 50px;
    }

    .comment-form {
        padding: 20px 20px 20px;
    }

    .contact-info__single {
        padding: 40px 15px 41px;
    }

    .contact-info__single h3 {
        font-size: 19px;
        line-height: 29px;
    }

    .contact-page__form-title {
        font-size: 30px;
    }

    .our-location {
        padding: 80px 0 80px;
    }
}

@media only screen and (max-width: 450px) {
    .testimonial-one__img-and-content {
        flex-direction: column;
        align-items: baseline;
    }

    .testimonial-one__single {
        padding: 30px 15px 32px;
    }
}

/*--------------------------------------------------------------
# Slider All Responsive Css
--------------------------------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1319px) {
    #main-slider-pagination {
        right: 20px;
    }

    .main-slider__shape-arrow img {
        width: 50%;
    }

    .main-slider__shape-arrow {
        left: 560px;
    }

    .main-slider__video-link {
        right: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #main-slider-pagination {
        right: 20px;
    }

    .main-slider__shape-arrow {
        display: none;
    }

    .main-slider__video-link {
        right: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-slider__video-link {
        position: relative;
        margin-top: 50px;
        top: 0;
        -webkit-transform: perspective(400px) rotateY(0deg) translateY(0%)
            translateX(100px);
        -ms-transform: perspective(400px) rotateY(0deg) translateY(0%)
            translateX(100px);
        transform: perspective(400px) rotateY(0deg) translateY(0%)
            translateX(100px);
    }

    .main-slider .swiper-slide-active .main-slider__video-link {
        -webkit-transform: perspective(400px) rotateY(0deg) translateY(0%)
            translateX(0px);
        -ms-transform: perspective(400px) rotateY(0deg) translateY(0%)
            translateX(0px);
        transform: perspective(400px) rotateY(0deg) translateY(0%)
            translateX(0px);
    }

    .main-slider__title {
        font-size: 45px;
    }

    .main-slider__shape-arrow {
        display: none;
    }

    #main-slider-pagination {
        right: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .main-slider__video-link {
        position: relative;
        margin-top: 50px;
        top: 0;
        -webkit-transform: perspective(400px) rotateY(0deg) translateY(0%)
            translateX(100px);
        -ms-transform: perspective(400px) rotateY(0deg) translateY(0%)
            translateX(100px);
        transform: perspective(400px) rotateY(0deg) translateY(0%)
            translateX(100px);
    }

    .main-slider .swiper-slide-active .main-slider__video-link {
        -webkit-transform: perspective(400px) rotateY(0deg) translateY(0%)
            translateX(0px);
        -ms-transform: perspective(400px) rotateY(0deg) translateY(0%)
            translateX(0px);
        transform: perspective(400px) rotateY(0deg) translateY(0%)
            translateX(0px);
    }

    .main-slider__title {
        font-size: 30px;
    }

    .main-slider__title br {
        display: none;
    }

    .main-slider__text br {
        display: none;
    }

    .main-slider__btn-and-review-box {
        flex-direction: column;
        align-items: baseline;
    }

    .main-slider__shape-arrow {
        display: none;
    }

    #main-slider-pagination {
        right: 20px;
        top: 40%;
        margin: 0;
    }

    .main-slider__content {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

@media only screen and (min-width: 1320px) and (max-width: 1500px) {
    .main-slider__video-link {
        right: 100px;
    }

    .main-slider__shape-arrow img {
        width: 70%;
    }
}

/*--------------------------------------------------------------
# Main Menu All Responsive Css
--------------------------------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1319px) {
    .main-menu__top-inner {
        padding: 5px 20px 5px;
    }

    .main-menu__top-inner:before {
        left: 80%;
    }

    .main-menu__top-welcome-text {
        display: none;
    }

    .main-menu__top-time {
        display: none;
    }

    .main-menu__wrapper-inner {
        padding: 0 20px 0 0;
    }

    .main-menu__call {
        display: none;
    }

    .main-menu__search-cart-box {
        display: none;
    }

    .main-menu .main-menu__list > li.menu-list-apper-right > ul > li > ul,
    .stricky-header .main-menu__list > li.menu-list-apper-right > ul > li > ul {
        left: auto;
        margin-left: 0;
        right: 100%;
        margin-right: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu__top-inner {
        padding: 5px 15px 5px;
    }

    .main-menu__top-inner:before {
        display: none;
    }

    .main-menu__top-welcome-text {
        display: none;
    }

    .main-menu__top-time {
        display: none;
    }

    .main-menu__wrapper-inner {
        padding: 0 15px 0 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-menu__top {
        display: none;
    }

    .main-menu__wrapper-inner {
        padding: 0 15px 0 0;
    }

    .main-menu__call {
        display: none;
    }

    .search-popup form {
        max-width: 500px;
    }
}

@media (max-width: 767px) {
    .main-menu__top {
        display: none;
    }

    .main-menu__wrapper-inner {
        padding: 0 15px 0 0;
    }

    .main-menu__right {
        display: none;
    }
}

@media only screen and (min-width: 1320px) and (max-width: 1600px) {
    .main-menu__top-inner {
        padding: 3px 25px 3px;
    }

    .main-menu__top-inner:before {
        left: 65%;
    }

    .main-menu__top-welcome-text {
        display: none;
    }

    .main-menu__wrapper-inner {
        padding: 0 25px 0 0;
    }

    .main-menu__call {
        display: none;
    }
}

@media only screen and (min-width: 1320px) and (max-width: 1400px) {
    .main-menu .main-menu__list > li.menu-list-apper-right > ul > li > ul,
    .stricky-header .main-menu__list > li.menu-list-apper-right > ul > li > ul {
        left: auto;
        margin-left: 0;
        right: 100%;
        margin-right: 20px;
    }
}