@media only screen and (min-width: 1200px) and (max-width: 1319px) {

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

    .about-two__booking {
        margin-left: -445px;
    }

    .place-one__left {
        margin-right: -50px;
    }

    .about-three__points-box li {
        gap: 15px;
    }

    .video-two__shape-1 {
        bottom: 85px;
        left: 395px;
    }

    .download-app-one__img-1 {
        right: 30px;
    }
}

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

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

    /* Medium screen  */
    @media only screen and (min-width: 992px) and (max-width: 1199px) {


        .about-one__right {
            max-width: 600px;
            margin: 0 auto 0;
        }

        .about-one__main-tab-box {
            margin-left: 0;
        }

        .about-one__img-box {
            position: relative;
            top: 0;
            left: 0;
        }

        .about-one__main-tab-box .tab-buttons {
            margin-bottom: 60px;
        }

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

        .pricing-one__single {
            padding: 40px 15px 40px;
        }

        .contact-one__inner {
            padding: 120px 0 160px;
        }

        .contact-one__call-box {
            right: 339px;
        }

        .contact-one__img {
            right: -170px;
        }

            .contact-one__img img {
                width: 70%;
            }

        .blog-one__content {
            padding: 30px 15px 30px;
        }

        .blog-one__list {
            gap: 10px;
        }

        .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;
        }

        .about-two__left {
            max-width: 600px;
            margin: 0 auto 0;
        }

        .about-two__right {
            max-width: 600px;
            margin: 60px auto 0;
        }

        .about-two__booking {
            margin-left: 0;
        }

        .about-two-booking__left {
            margin-bottom: 20px;
        }

        .about-two-booking__input-box {
            margin-bottom: 20px;
        }

        .about-two-booking__btn-box {
            margin-top: 10px;
        }

        .place-one__left {
            max-width: 600px;
        }


        .contact-two__inner .section-title__title {
            font-size: 30px;
        }

        .contact-two__img-1 {
            right: 10px;
        }

        .footer-widget-two__about {
            margin-bottom: 32px;
        }

        .footer-widget-two__usefull-link {
            margin-left: 0;
            margin-bottom: 32px;
        }

        .footer-widget-two__services {
            margin-left: 0;
        }

        .video-two__shape-1 {
            bottom: 85px;
            left: 300px;
        }

        .download-app-one__img-1 {
            right: 0;
        }

        .download-app-one__inner {
            padding: 120px 20px 120px;
        }

        .download-app-one__inner .section-title__title {
            font-size: 30px;
            line-height: 40px;
        }

        .why-choose-two__bg-box {
            width: 100%;
            height: 573px;
        }

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

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

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

        .why-choose-two {
            padding: 120px 0 110px;
        }

        .offer-two__single {
            max-width: 650px;
            margin: 0 auto 30px;
        }

        .offer-two__bg-color {
            display: none;
        }

        .team-three__single {
            padding: 40px 15px 20px;
        }

        .team-three__img-1 {
            right: -35px;
        }

            .team-three__img-1 img {
                width: 95%;
            }

        .team-three__name {
            font-size: 25px;
        }

        .blog-three__content {
            padding: 30px 15px 30px;
        }

        .blog-three__list {
            gap: 10px;
        }

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

        .blog-three__date {
            bottom: -20px;
        }

            .blog-three__date p span {
                margin-top: 0;
            }

        .site-footer-three__bg-color {
            display: none;
        }

        .footer-widget-three__about {
            max-width: 400px;
            margin: 0 auto 0;
        }

        .event-details__text-and-img {
            flex-direction: column;
            align-items: baseline;
        }

        .event-details__img-and-points {
            gap: 30px;
            flex-direction: column;
            align-items: baseline;
        }

        .our-spa__single {
            padding: 20px 20px 20px;
            gap: 20px;
        }

        .our-spa__img {
            max-width: 480px;
        }

        .our-spa__bottom-right {
            margin-left: 0;
        }

        .our-spa__main-tab-box .tab-buttons {
            flex-wrap: wrap;
        }

        .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;
            }

        .room-list__single {
            padding: 20px 20px 20px;
            gap: 20px;
            margin-bottom: 30px;
        }

        .room-list__img {
            max-width: 500px;
        }

        .room-details__single {
            padding: 20px 20px 20px;
            gap: 20px;
        }

        .room-details__img {
            max-width: 470px;
        }

        .room-details__main-tab-box .tab-buttons {
            flex-wrap: wrap;
        }


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

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

        .blog-details__tag-and-share {
            flex-direction: column;
            gap: 25px;
        }

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

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

        .contact-page__left {
            margin-left: 0;
            margin-right: 0;
        }

        .contact-page__right {
            margin-left: 0;
            margin-right: 0;
            margin-top: 50px;
        }

        .contact-page__inner {
            padding: 60px 50px 60px;
        }








        .product__sidebar {
            max-width: 500px;
            width: 100%;
            margin: 60px auto 0px;
        }

        .product-details__left {
            margin-right: 0;
        }

        .product-details__inner {
            flex-direction: column;
            align-items: baseline;
        }
    }
















    /* Tablet Layout: 768px. */
    @media only screen and (min-width: 768px) and (max-width: 991px) {

        .about-one__right {
            max-width: 600px;
            margin: 0 auto 0;
        }

        .about-one__main-tab-box {
            margin-left: 0;
        }

        .about-one__img-box {
            position: relative;
            top: 0;
            left: 0;
        }

        .about-one__main-tab-box .tab-buttons {
            margin-bottom: 60px;
        }

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

        .contact-one__inner {
            padding: 120px 0 160px;
        }

        .contact-one__call-box {
            right: 100px;
        }

        .contact-one__img {
            display: none;
        }

        .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;
        }

        .about-two__left {
            max-width: 600px;
            margin: 0 auto 0;
        }

        .about-two__right {
            max-width: 600px;
            margin: 60px auto 0;
        }

        .about-two__booking {
            margin-left: 0;
        }

        .about-two-booking__left {
            margin-bottom: 20px;
        }

        .about-two-booking__input-box {
            margin-bottom: 20px;
        }

        .about-two-booking__btn-box {
            margin-top: 10px;
        }

        .restaurant-one__img {
            display: none;
        }

        .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__hotel-info {
            top: 50px;
            left: -90px;
            background-color: rgba(var(--aeoffplan-base-rgb), 1);
        }

        .why-choose-one__hotel-ratting span {
            color: var(--aeoffplan-white);
        }

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

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

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

        .event-two__content {
            bottom: 20px;
            left: 15px;
            right: 15px;
        }

        .cta-one__img {
            display: none;
        }

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

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

        .testimonial-two__carousel {
            margin-top: 50px;
        }

        .contact-two__inner {
            padding: 80px 30px 80px;
        }

        .contact-two__img-1 {
            display: none;
        }

        .contact-two__inner .section-title__title {
            font-size: 30px;
        }

        .contact-two {
            padding: 90px 0 0;
        }

        .footer-widget-two__about {
            margin-bottom: 32px;
        }

        .footer-widget-two__usefull-link {
            margin-left: 0;
            margin-bottom: 32px;
        }

        .footer-widget-two__services {
            margin-left: 0;
        }

        .about-three__left {
            max-width: 600px;
            margin: 0 auto 0;
        }

        .about-three__right {
            max-width: 600px;
            margin: 50px auto 0;
        }

        .about-three__experience {
            top: 30px;
            right: -65px;
        }

        .about-three__img-2 {
            bottom: -120px;
            right: -50px;
        }

        .about-three {
            padding: 120px 0 240px;
        }

        .our-rooms-three .our-rooms__price {
            top: 10px;
            right: 10px;
        }

        .video-two__shape-1 {
            bottom: 85px;
            left: 175px;
        }

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

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

        .download-app-one__inner {
            padding: 120px 20px 0px;
        }

            .download-app-one__inner .section-title__title br {
                display: none;
            }

        .download-app-one__img-1 {
            position: relative;
            right: 0;
            margin-top: 40px;
        }

        .why-choose-two__bg-box {
            width: 100%;
            height: 573px;
        }

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

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

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

        .why-choose-two {
            padding: 120px 0 110px;
        }

        .offer-two__single {
            max-width: 650px;
            margin: 0 auto 30px;
        }

        .offer-two__bg-color {
            display: none;
        }

        .team-three__single {
            padding: 40px 15px 20px;
        }

        .team-three__img-1 {
            right: -35px;
        }

            .team-three__img-1 img {
                width: 95%;
            }

        .team-three__name {
            font-size: 25px;
        }

        .site-footer-three__bg-color {
            display: none;
        }

        .footer-widget-three__about {
            max-width: 400px;
            margin: 0 auto 0;
        }

        .footer-widget-three__newsletter {
            padding: 30px 0px 0px;
            padding-right: 0;
            margin-bottom: 50px;
            flex-direction: column;
            text-align: center;
        }

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

        .footer-widget-three__right-bottom {
            margin-left: 0;
        }

        .site-footer-three__bottom-inner {
            flex-direction: column;
        }

        .site-footer-three__bottom-text {
            margin-bottom: 10px;
        }


        .team-details__top-right {
            margin-left: 0;
            margin-top: 38px;
        }

        .team-details__bottom-left {
            margin-bottom: 30px;
        }

        .event-details__sidebar {
            margin-top: 50px;
        }

        .our-spa__single {
            padding: 20px 20px 20px;
            flex-direction: column;
        }

        .our-spa__bottom-right {
            margin-left: 0;
            margin-top: 40px;
        }

        .our-spa__main-tab-box .tab-buttons {
            flex-wrap: wrap;
        }

        .our-spa {
            padding: 120px 0 120px;
        }

        .error-page__img img {
            width: 100%;
        }

        .service-details__left {
            margin-top: 60px;
        }

        .room-list__single {
            align-items: baseline;
            padding: 20px 20px 20px;
            gap: 20px;
            flex-direction: column;
        }

        .room-details__single {
            padding: 20px 20px 20px;
            gap: 20px;
            flex-direction: column;
            align-items: baseline;
        }

        .room-details__img {
            max-width: 100%;
        }

        .room-details__main-tab-box .tab-buttons {
            flex-wrap: wrap;
        }

        .blog-page .blog-one__content {
            padding: 30px 15px 30px;
        }

        .blog-page .blog-one__title {
            font-size: 20px;
            line-height: 30px;
        }

        .blog-page-two .blog-two__content {
            padding: 30px 20px 30px;
        }

        .blog-page-two .blog-two__author-and-read-more {
            flex-direction: column;
            align-items: baseline;
        }

        .blog-two__author-box {
            margin-bottom: 15px;
        }

        .blog-page-three .blog-three__date {
            bottom: -20px;
        }

        .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;
        }

        .contact-page__left {
            margin-left: 0;
            margin-right: 0;
        }

        .contact-page__right {
            margin-left: 0;
            margin-right: 0;
            margin-top: 50px;
        }

        .contact-page__inner {
            padding: 60px 50px 60px;
        }


        .coming-soon-page {
            height: auto !important;
            padding: 110px 0 120px;
        }

        .coming-soon-page__content .big-title {
            font-size: 55px;
        }

        .coming-soon-page .timer-box .countdown-timer li {
            float: none;
        }

            .coming-soon-page .timer-box .countdown-timer li + li {
                margin-top: 20px;
            }

        .coming-soon-page__content {
            top: 0%;
            transform: translateY(0%);
        }

            .coming-soon-page__content .inner .text p br {
                display: none;
            }

        .coming-soon-page__subscribe-box form {
            flex-direction: column;
        }
    }










    /* 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__right {
            max-width: 600px;
            margin: 0 auto 0;
        }

        .about-one__main-tab-box {
            margin-left: 0;
            margin-bottom: 60px;
        }

        .about-one__img-box {
            position: relative;
            top: 0;
            left: 0;
            margin: 0px;
        }

        .about-one__main-tab-box .tab-buttons {
            margin-bottom: 60px;
            flex-wrap: wrap;
            gap: 10px;
        }

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

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


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

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

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

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

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

        .video-one__inner {
            padding: 80px 0 80px;
        }


        .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: 0px;
        }

        .counter-one {
            padding: 80px 0 50px;
        }

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

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

        .pricing-one__single {
            padding: 40px 15px 40px;
            margin-bottom: 15px;
        }

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

        .contact-one__inner {
            padding: 80px 0 80px;
        }

        .contact-one__call-box {
            display: none;
        }

        .contact-one__img {
            display: none;
        }

        .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;
        }

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

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

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

        .services-two__left .section-title {
            margin-right: 0;
        }

        .about-two__left {
            max-width: 600px;
            margin: 0 auto 0;
        }

        .about-two__experience {
            position: relative;
            top: 0;
            right: 0;
            max-width: 162px;
            margin-top: 30px;
        }

        .about-two__right {
            max-width: 600px;
            margin: 100px auto 0;
        }

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

        .about-two__booking {
            margin-left: 0;
        }

        .about-two-booking__left {
            margin-bottom: 20px;
        }

        .about-two-booking__input-box {
            margin-bottom: 20px;
        }

        .about-two-booking__btn-box {
            margin-top: 10px;
        }

        .about-two {
            padding: 50px 0 20px;
        }


        .contact-two__inner {
            padding: 40px 15px 40px;
        }

        .contact-two__img-1 {
            display: none;
        }

        .contact-two__inner .section-title__title {
            font-size: 25px;
        }

            .contact-two__inner .section-title__title br {
                display: none;
            }

        .contact-two {
            padding: 50px 0 0;
        }

        .footer-widget-two__about {
            margin-bottom: 44px;
        }

        .footer-widget-two__usefull-link {
            margin-left: 0;
            margin-bottom: 32px;
        }

        .footer-widget-two__services {
            margin-left: 0;
            margin-bottom: 32px;
        }

        .site-footer-two__bottom-inner {
            flex-direction: column;
            text-align: center;
        }

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

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

            .site-footer-two__bottom-menu li:before {
                display: none;
            }

        .site-footer-two__top {
            padding: 170px 0 72px;
        }

        .about-three__points-box li .content p br {
            display: none;
        }

        .about-three__btn-and-video {
            gap: 20px;
            flex-direction: column;
            align-items: baseline;
        }

        .about-three__right {
            margin-right: 0;
            margin-top: 50px;
        }

        .about-three__img-2 {
            position: relative;
            bottom: 0;
            right: 0;
            max-width: 300px;
            margin-top: 30px;
        }

            .about-three__img-2 img {
                width: 100%;
            }

        .about-three__experience {
            position: relative;
            top: 0;
            right: 0;
            max-width: 200px;
            margin-top: 30px;
        }

        .about-two__shape-1 {
            display: none;
        }

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

        .our-rooms-three .our-rooms__price {
            top: 10px;
            right: 10px;
        }

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

        .video-two__inner {
            padding: 80px 10px 80px;
        }

        .video-two__shape-1 {
            display: none;
        }

        .video-two__title {
            font-size: 30px;
            line-height: 40px;
        }

        .video-two {
            padding: 80px 0 80px;
        }

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

        .services-three__icon-and-title-box {
            gap: 10px;
            justify-content: center;
            flex-direction: column;
            text-align: center;
            margin-bottom: 30px;
        }

        .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__services-list .hover-item__box {
            display: none;
        }

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

        .download-app-one__inner {
            padding: 80px 15px 0px;
        }

            .download-app-one__inner .section-title__title br {
                display: none;
            }

        .download-app-one__text br {
            display: none;
        }

        .download-app-one__img-1 {
            position: relative;
            right: 0;
            margin-top: 40px;
            max-width: 400px;
        }

            .download-app-one__img-1 img {
                width: 100%;
            }

        .download-app-one {
            padding: 50px 0 0px;
        }

        .why-choose-two__bg-box {
            top: 80px;
            width: 100%;
            height: 950px;
        }

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

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

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

        .why-choose-two__bg-shape {
            top: 80px;
        }

        .why-choose-two {
            padding: 80px 0 70px;
        }

        .offer-two__bg-color {
            display: none;
        }

        .offer-two__single {
            padding: 56px 20px 30px;
        }

        .offer-two__price-box {
            top: 22px;
            left: 20px;
        }

        .offer-two__single-bg {
            -webkit-mask: none;
            mask: none;
        }

            .offer-two__single-bg:before {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                background-color: rgba(var(--aeoffplan-base-rgb), .80);
                z-index: -1;
            }

        .offer-two__price-box p {
            color: var(--aeoffplan-white);
        }

        .offer-two__btn-box .thm-btn {
            background-color: var(--aeoffplan-white);
            color: var(--aeoffplan-black);
        }

            .offer-two__btn-box .thm-btn:hover {
                color: var(--aeoffplan-white);
            }

        .offer-two {
            padding: 80px 0 0px;
        }

        .team-three {
            padding: 50px 0 0px;
        }

        .event-three__wrap {
            max-width: 500px;
        }

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

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

        .testimonial-three__nav {
            margin-top: 40px;
        }

        .blog-three {
            padding: 80px 0 46px;
        }

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

        .site-footer-three__bg-color {
            display: none;
        }

        .footer-widget-three__about {
            max-width: 400px;
            margin: 0 auto 0;
            padding-top: 80px;
        }

        .footer-widget-three__newsletter {
            padding: 30px 0px 0px;
            padding-right: 0;
            margin-bottom: 50px;
            flex-direction: column;
            text-align: center;
        }

        .footer-widget-three__newsletter-title {
            margin-bottom: 20px;
            font-size: 20px;
            line-height: 30px;
        }

        .footer-widget-three__newsletter-form {
            gap: 15px;
            flex-direction: column;
        }

        .footer-widget-three__right-bottom {
            margin-left: 0;
        }

        .footer-widget-three__services {
            margin-top: 33px;
            margin-bottom: 33px;
        }

        .site-footer-three__bottom-inner {
            flex-direction: column;
            text-align: center;
        }

        .site-footer-three__bottom-text {
            margin-bottom: 10px;
        }

        .site-footer-three__bottom-menu {
            flex-direction: column;
        }

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

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

        .page-header__inner {
            padding: 75px 0 72px;
        }

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

        .team-details__top-right {
            margin-left: 0;
            margin-top: 38px;
        }

        .team-details__bottom-left {
            margin-bottom: 30px;
        }

        .team-details__practice-area-list-box {
            gap: 0;
            flex-direction: column;
            align-items: baseline;
        }

        .team-details {
            padding: 80px 0 80px;
        }

        .team-details-contact {
            padding: 0px 0 80px;
        }

        .event-details__title-1 {
            font-size: 30px;
            line-height: 40px;
        }

        .event-details__title-2 {
            font-size: 30px;
            line-height: 40px;
        }

        .event-details__title-3 {
            font-size: 30px;
            line-height: 40px;
        }

        .event-details__text-and-img {
            flex-direction: column;
            align-items: baseline;
        }

        .event-details__img-and-points {
            flex-direction: column;
            align-items: baseline;
        }

        .event-details__sidebar {
            margin-top: 50px;
        }

        .event-details__information {
            padding: 40px 15px 40px;
        }

        .event-details__get-started {
            padding: 40px 15px 40px;
        }

        .event-details__previous-next ul {
            flex-direction: column;
            gap: 20px;
        }

            .event-details__previous-next ul li::before {
                display: none;
            }

        .event-details {
            padding: 80px 0 80px;
        }

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

        .places-details {
            padding: 80px 0 70px;
        }

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

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

        .our-spa__single {
            padding: 20px 15px 20px;
            flex-direction: column;
        }

        .our-spa__bottom-right {
            margin-left: 0;
            margin-top: 40px;
        }

        .our-spa__main-tab-box .tab-buttons {
            flex-wrap: wrap;
        }

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

        .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;
            }

        .faq-page {
            padding: 80px 0 80px;
        }

        .error-page__img img {
            width: 100%;
        }

        .error-page__content h2 {
            font-size: 25px;
        }

        .error-page {
            padding: 80px 0px 80px;
        }

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

        .service-details__left {
            margin-top: 60px;
        }

        .service-details__services-box {
            padding: 31px 15px 40px;
        }

        .service-details__sidebar-download-box {
            padding: 31px 15px 40px;
        }

        .service-details {
            padding: 80px 0 80px;
        }

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

        .room-list__single {
            align-items: baseline;
            padding: 20px 15px 20px;
            gap: 15px;
            flex-direction: column;
        }

        .room-list__img {
            max-width: 100%;
        }

        .room-list {
            padding: 80px 0 80px;
        }

        .room-details__single {
            padding: 20px 15px 20px;
            gap: 20px;
            flex-direction: column;
            align-items: baseline;
        }

        .room-details__img {
            max-width: 100%;
        }

        .room-details__main-tab-box .tab-buttons {
            flex-wrap: wrap;
        }

        .room-details {
            padding: 80px 0 60px;
        }

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

        .comment-one__single {
            gap: 10px;
            padding: 15px 15px 12px;
            flex-direction: column;
            align-items: baseline;
        }

        .comment-one__btn-box {
            position: relative;
            margin-top: 5px;
        }

        .room-details__room-book {
            padding: 20px 20px 20px;
        }

        .smiller-room__title {
            font-size: 25px;
            line-height: 35px;
            margin-bottom: 25px;
        }

        .smiller-room {
            padding: 0 0 50px;
        }

        .blog-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;
        }


        .blog-left-sidebar {
            padding: 80px 0 80px;
        }

        .blog-right-sidebar {
            padding: 80px 0 80px;
        }

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

        .blog-list__content {
            margin-top: 60px;
        }

        .blog-list__user-and-meta {
            gap: 15px;
            flex-direction: column;
        }

        .blog-list__title {
            font-size: 25px;
        }

        .blog-list {
            padding: 80px 0 80px;
        }

        .blog-details {
            padding: 80px 0 80px;
        }

        .blog-details__user-and-meta {
            gap: 15px;
            flex-direction: column;
        }

        .blog-details__content {
            margin-top: 60px;
        }

        .blog-details__title {
            font-size: 25px;
        }

        .blog-details__tag-and-share {
            padding: 30px 10px 30px;
            flex-direction: column;
        }

        .blog-details__share a {
            width: 30px;
            height: 30px;
            font-size: 14px;
        }

        .blog-details__tag-list li a {
            padding: 8px 12px 8px;
        }

        .blog-details__tag {
            margin-bottom: 15px;
        }

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

        .contact-info {
            padding: 80px 0 50px;
        }

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

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

        .contact-info {
            padding: 80px 0 50px;
        }

        .contact-page__left {
            margin-left: 0;
            margin-right: 0;
        }

        .contact-page__right {
            margin-left: 0;
            margin-right: 0;
            margin-top: 50px;
        }

        .contact-page__inner {
            padding: 30px 15px 30px;
        }

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

        .contact-page {
            padding: 0 0 80px;
        }

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

        .blog-one {
            padding: 80px 0 50px;
        }

        .coming-soon-page {
            height: auto !important;
            padding: 70px 0 80px;
            border-left: 20px solid rgba(var(--aeoffplan-base-rgb), .10);
            border-right: 20px solid rgba(var(--aeoffplan-base-rgb), .10);
        }

        .coming-soon-page__content .big-title {
            font-size: 35px;
            line-height: 45px;
        }

        .coming-soon-page .timer-box .countdown-timer li {
            float: none;
        }

            .coming-soon-page .timer-box .countdown-timer li + li {
                margin-top: 20px;
            }

        .coming-soon-page__content {
            top: 0%;
            transform: translateY(0%);
        }

            .coming-soon-page__content .inner .text p br {
                display: none;
            }

        .coming-soon-page__subscribe-box form {
            flex-direction: column;
        }
    }


    /*--------------------------------------------------------------
# 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;
        }




        .banner-one__inner {
            margin-left: 0;
        }

        .banner-one__shape-box {
            left: 180px;
        }

        .banner-one__slider {
            max-width: 700px;
            clip-path: polygon(0 0, 100% 0%, 100% 100%, 60% 100%);
        }

        .banner-one__title {
            font-size: 50px;
        }

        .banner-one__text {
            font-size: 17px;
        }
    }







    @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;
        }


        .banner-one__slider-outer {
            display: none;
        }

        .banner-one__inner {
            margin-left: 0;
        }

        .banner-one__shape-box {
            left: 300px;
        }

        .banner-two__left {
            max-width: 600px;
            margin: 0 auto 60px;
        }

        .banner-two__right {
            max-width: 600px;
            margin: 0 auto 0;
        }
    }




    @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: 55px;
        }

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

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







        .banner-one__slider-outer {
            display: none;
        }

        .banner-one__inner {
            margin-left: 0;
        }

        .banner-one__shape-box {
            left: 270px;
            border-bottom: 260px solid rgba(var(--aeoffplan-primary-rgb), 1);
            border-left: 360px solid transparent;
        }

        .banner-one__text br {
            display: none;
        }

        .banner-one__video-link {
            top: 90px;
            left: -95px;
        }


        .banner-two__left {
            max-width: 600px;
            margin: 0 auto 60px;
        }

        .banner-two__right {
            max-width: 600px;
            margin: 0 auto 0;
        }
    }





    @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: 35px;
        }

            .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 {
            display: none;
        }

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


        .banner-one__slider-outer {
            display: none;
        }

        .banner-one__inner {
            margin-left: 0;
        }

        .banner-one__title {
            font-size: 35px;
        }

            .banner-one__title br {
                display: none;
            }

        .banner-one__shape-box {
            display: none;
        }

        .banner-one__text br {
            display: none;
        }

        .banner-one__btn-and-review-box {
            gap: 20px;
            flex-direction: column;
            align-items: center;
        }

        .banner-one__review-box .text-box h2 {
            font-size: 18px;
        }

        .banner-one {
            padding: 96px 0 100px;
        }




        .banner-two__left {
            margin-right: 0;
            margin-bottom: 50px;
        }

        .banner-two__title {
            font-size: 32px;
        }

        .banner-two__search-title {
            font-size: 35px;
        }

        .banner-two__right {
            margin-top: 0;
            margin-left: 0;
        }

        .banner-two__form-box {
            padding: 45px 20px 50px;
        }

        .banner-two {
            padding: 197px 0 100px;
        }
    }










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

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



    @media only screen and (min-width: 1500px) and (max-width: 1690px) {
        .banner-one__inner {
            margin-left: -50px;
        }

        .banner-one__shape-box {
            left: 200px;
        }

        .banner-one__slider {
            max-width: 930px;
            clip-path: polygon(0 0, 100% 0%, 100% 100%, 38% 100%);
        }
    }



    @media only screen and (min-width: 1320px) and (max-width: 1499px) {
        .banner-one__inner {
            margin-left: 0;
        }

        .banner-one__shape-box {
            left: 180px;
        }

        .banner-one__slider {
            max-width: 800px;
            clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 100%);
        }
    }


    @media only screen and (min-width: 1200px) and (max-width: 1600px) {
    }











    /*--------------------------------------------------------------
# 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;
        }

        .main-menu__call {
            display: none;
        }

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





        .main-menu-two__top-inner {
            padding: 5px 20px 5px;
        }

            .main-menu-two__top-inner:before {
                right: 37%;
            }

            .main-menu-two__top-inner::after {
                right: 38%;
            }

        .main-menu-two__top-time {
            display: none;
        }

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

        .main-menu-two__call {
            display: none;
        }

        .main-menu-two__search-cart-box {
            display: none;
        }







        .main-menu-three__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;
        }





        .main-menu-two__top {
            display: none;
        }

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






        .main-menu-three .mobile-nav__toggler:hover {
            color: var(--aeoffplan-white);
        }
    }








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

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

        .main-menu__call {
            display: none;
        }

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






        .main-menu-two__top {
            display: none;
        }

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

        .main-menu-two__call {
            display: none;
        }









        .main-menu-three__top {
            display: none;
        }

        .main-menu-three .mobile-nav__toggler:hover {
            color: var(--aeoffplan-white);
        }
    }






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

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

        .main-menu__right {
            display: none;
        }

        .main-menu__logo {
            padding: 12px 0;
            padding-right: 30px;
        }




        .main-menu-two__top {
            display: none;
        }

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

        .main-menu-two__right {
            display: none;
        }








        .main-menu-three__top {
            display: none;
        }

        .main-menu-three__right {
            display: none;
        }

        .main-menu-three .mobile-nav__toggler:hover {
            color: var(--aeoffplan-white);
        }

        .main-menu-three__wrapper-inner {
            background-color: transparent;
        }

            .main-menu-three__wrapper-inner:before {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                left: -10000000px;
                right: -1000000px;
                background-color: rgba(var(--aeoffplan-black-rgb), .30);
                z-index: -1;
            }
    }






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



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

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

        .main-menu__call {
            display: none;
        }



        .main-menu-two__top-inner {
            padding: 5px 25px 5px;
        }

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

        .main-menu-two__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;
        }
    }


@media only screen and (max-width: 1100px) {

    .counter-one__count-list {
        position: relative;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .download-app-one__img-1 {
        right: -60px;
        bottom: 170px;
    }
    .download-app-one__img-1 img {
        width: 85%;
    }
}
@media only screen and (max-width: 992px) {
    .main-slider .swiper-slide .img-fluid {
        max-width: 100%;
        height: 45vh;
    }
    .headingDiv h2 {
        font-size: 34px;
    }
    .counter-one__count-list {
        position: relative;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .main-slider__content span {
        font-size: 20px;
        font-weight: 700;
    }
    .download-app-one__img-1 {
        right: -60px;
        bottom: 170px;
    }

        .download-app-one__img-1 img {
            display: none;
        }
    .download-app-one__inner .section-title {
        margin-bottom: 32px;
        width: 100%;
    }
    .download-app-one__inner {
        padding: 70px 20px 0px;
    }
}



    @media only screen and (max-width: 767px) {
        .main-slider__content ul {
            flex-direction: column;
        }

        .headingDiv {
            width: 100%;
            text-align: center;
        }

        .main-slider__content li {
            padding: 13px 0;
            margin: 4px;
            background: #000000b5;
            text-align: center;
        }

        .main-slider__content h6 {
            padding-bottom: 6px;
        }

        .about-one__img img {
            width: 100%;
        }

        .about-one__img:before {
            display: none
        }

        .counter-one__single {
            flex-direction: column;
        }

        .counter-one__icon {
            width: 50px;
            height: 50px;
            margin-bottom: 5px;
        }

        .counter-one__count p {
            text-align: center;
        }

        .counter-one__count h3 {
            text-align: center;
        }

        .counter-one__single {
            margin: 10px 0;
            padding: 10px 0;
        }

        .about-two__right {
            max-width: 600px;
            margin: 30px auto 0;
        }

        .download-app-one {
            padding: 0px 0 0px;
        }

        .gallery-two__image img {
            width: 100%;
            object-fit: cover;
            height: inherit;
        }

        .contact-one {
            margin-top: 50px;
        }

        .services-two__single {
            margin: 5px;
            width: 46%;
            padding: 10px 13px;
        }

        .services-two__title {
            font-size: 16px;
            line-height: normal;
            margin-top: 12px;
        }

        .gallery-two__single {
            margin-bottom: 10px;
        }

        .Amenities {
            margin-bottom: 60px;
        }

        .pricing-one__price {
            font-size: 28px;
            line-height: 22px;
        }

        .pricing-one__sub-title {
            font-size: 16px;
        }

        .download-app-one__img-1 img {
            width: 100%;
            display: none;
        }

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

        .about-one__left {
            position: relative;
            display: block;
            margin-bottom: 30px;
        }

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

        .pricing-one__single {
            padding: 0;
            margin-bottom: 15px;
        }

        .download-app-one__inner .section-title {
            margin-bottom: 32px;
            width: 100%;
        }

        .main-slider__content h3 {
            font-size: 18px;
        }

        .main-slider__content h4 {
            font-size: 16px;
        }

        .main-slider__text {
            font-size: 15px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .scroll-to-top.show {
            bottom: 10px;
        }

        .footer-buttons {
            bottom: 66px;
        }

        .download-app-one__text {
            margin-bottom: 30px;
        }

        .place-one {
            padding: 100px 0px 20px;
        }

        .product-details__main-tab-box .tab-buttons .tab-btn {
            position: relative;
            display: inline-block;
            width: 43%;
        }

            .product-details__main-tab-box .tab-buttons .tab-btn span {
                font-size: 14px;
                padding: 16px 15px 16px;
            }

        .product-details__tab-content-inner {
            padding: 20px 10px 30px;
        }



        #sidebar {
            height: auto;
            padding: 0;
            margin-right: 0;
            right: 6px;
            transform: none;
            align-items: center;
            justify-content: flex-start;
            width: auto;
            z-index: 999;
            position: fixed;
            bottom: 45px;
            top: inherit;
            text-align: center;
        }

        .social {
            padding: 0;
            width: 100%;
            position: static;
            right: unset;
            border-top-left-radius: unset;
            border-bottom-left-radius: unset;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 50px;
            margin: 4px 5px
        }

            .social p i {
                font-size: 16px;
                width: 46px;
                height: 46px;
                margin-right: 0;
                line-height: 24px
            }

                .social p i.fa-whatsapp {
                    font-size: 19px;
                    line-height: 28px
                }

            .social a p span {
                display: none
            }

        .arrowtop {
            width: 34px;
        }

        .scroll-to-top {
            bottom: -50px;
            right: 35px;
            width: 38px;
            right: 10px;
            height: 34px;
        }

        .main-slider .swiper-slide .img-fluid {
            max-width: 100%;
            object-fit: cover;
            height: 100vh;
        }



        .main-slider__content {
            position: absolute;
            z-index: 99;
            top: 0;
            left: 30px;
            text-align: center;
        }

        .headingDiv h2 {
            font-size: 28px;
            color: #fff;
            text-transform: uppercase;
        }

        .main-slider .swiper-slide::after {
            background: linear-gradient(to left, transparent -3
        }

        .about-one__left {
            margin-bottom: 25px;
        }

        .gallery-two__single {
            margin-bottom: 0;
        }
    }