/* Big Screen Device */
@media only screen and (min-width: 1601) {
    .container {
        max-width: 1260px;
    }
}

/* XXL Device. */
@media only screen and (max-width: 1600px) {
    .container {
        max-width: 1260px;
    }

    .header__wrapper {
        padding: 0 15px;
    }
    
    .header__logo {
        margin-left: 0;
    }
}

/* XL Device :1280px. */
@media only screen and (max-width: 1399px) {
    .container {
        width: 1140px;
    }

    .facility, .complete, .amenity, .calendar, .testimonial, .contact {
        padding: 100px 0;
    }
    .block__wrapper {
        margin-left: 50px;
    }
    .testimonial__btns__wrap {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        gap: 15px;
        margin-top: 40px;
    }
    .testimonial__btn {
        font-size: 16px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: var(--primary);
    }
    .testimonial__btn:hover {
        background-color: var(--white);
    }
    .testimonial .swiper-button-next, .testimonial .swiper-button-prev {
        position: static;
        transform: unset;
    }
    .testimonial__bottom__btn {
        padding-top: 60px;
    }

}


/* Large Device :992px. */
@media only screen and (max-width: 1199px) {
    .container {
        width: 960px;
    }

    
    .facility, .complete, .amenity, .calendar, .testimonial {
        padding: 80px 0;
    }
    .block__wrapper {
	    margin-left: 0;
        max-width: 100%;
        margin-top: 60px;
    }
    .block__thumb, .contact__thumb {
        position: relative;
        width: 100%;
        height: 500px;
    }
    .block__thumb::before {
        bottom: -30px;
    }
    .complete__card {
        min-height: 450px;
    }
    .card__thumb {
        height: 200px;
    }
    .amenity__box {
        font-size: 22px;
    }
    .amenity__icon {
        max-height: 35px;
        margin-bottom: 5px;
    }
    .amenity__icon img {
        max-height: 100%;
    }
    .block--2, .contact {
        padding: 0 0 80px;
    }
    .footer__top {
        padding: 40px 0;
    }
    .footer__copyright {
        padding: 15px 0;
        font-size: 14px;
    }

    .spacer { height: 65px; }
}


/* Medium Device :768px. */
@media only screen and (max-width: 991px) {
    .container {
        width: 720px;
    }

    .header__logo {
        max-width: 150px;
    }
    .header--sticky.active .header__logo--sticky {
        max-width: 140px;
    }
    .hero__para {
        max-width: 100%;
    }
    .section__title {
        font-size: 52px;
        letter-spacing: .65px;
    }
    .pretitle {
        font-size: 32px;
    }
    .btn {
        font-size: 15px;
        padding: 18px 45px;
    }
    .btn--card {
        padding: 10px 23px;
        font-size: 12px;
    }
    .hero {
        min-height: 700px;
    }
    .hero__wrapper {
        margin-top: 80px;
    }
    .block__thumb, .contact__thumb {
        height: 400px;
    }
    .gallery__img {
        width: 50%;
        height: 250px;
        padding: 4px;
    }
    .gallery__img.img--large {
        height: 500px;
    }
    .gallery__img.img--wide {
        width: 50%;
    }
    .footer__item {
        max-width: 100%;
    }
    .footer__logo {
        max-width: 200px;
    }

    .spacer { height: 45px; }
}


/* Small Device :550px. */
@media only screen and (max-width: 767px) {
    .container {
        width: 540px;
    }

    
    .btn {
        font-size: 14px;
        padding: 15px 40px;
    }
    .btn--card {
        padding: 10px 23px;
        font-size: 12px;
    }
    .block__thumb, .contact__thumb {
        height: 300px;
    }
    .block__thumb::before {
        bottom: -20px;
    }
    .facility, .complete, .amenity, .calendar, .testimonial, .gallery {
        padding: 50px 0;
    }
    .block--2, .contact {
        padding: 0 0 50px;
    }
    .section__title {
        font-size: 40px;
    }
    .complete__card {
        min-height: auto;
    }
    .gallery__img {
        height: auto;
        aspect-ratio: 1 / 1;
    }
    .gallery__img.img--large {
        height: auto;
        aspect-ratio: 1 / 2;
    }
    .footer__widget {
        margin-bottom: 35px;
    }
    .footer__top {
        padding: 40px 0 0;
    }

    .spacer { height: 75px; }
}


/* Extra small Device. */
@media only screen and (max-width: 575px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }

    .header__logo {
        max-width: 115px;
    }
    .header--sticky.active .header__logo--sticky {
        max-width: 105px;
    }
    .btn.btn--mobileMenu, .btn.btn--menuClose {
	    padding: 7px;
        width: 35px;
        height: 35px;
        font-size: 15px;
    }
    .hero {
        min-height: auto;
    }
    .hero__wrapper {
        margin-top: 50px;
    }
    .section__title {
        font-size: 30px;
    }
    .pretitle {
        font-size: 24px;
    }
    .hero__para, .section__para {
        font-size: 15px;
        line-height: 1.7;
    }
    .block__thumb, .contact__thumb {
        height: 350px;
    }
    .card__content {
        padding: 30px 20px;
    }
    .amenity__box {
        font-size: 16px;
        min-height: 150px;
    }
    .amenity__icon {
        max-height: 28px;
        margin-bottom: 8px;
    }
    .calender__input {
        height: 370px;
        max-width: 330px;
    }
    .calendar .flatpickr-calendar {
        padding: 15px;
        height: 99%;
    }
    .calendar .flatpickr-current-month {
        font-size: 18px;
        display: flex;
        align-items: center;
    }
    .calendar .flatpickr-months {
        margin-bottom: 20px;
    }
    .calendar .flatpickr-weekdays {
        margin-bottom: 10px;
    }
    .calendar span.flatpickr-weekday {
        font-size: 13px;
    }
    .calendar .dayContainer {
        gap: 10px 0;
    }
    .calendar .flatpickr-day {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    .gallery__img, .gallery__img.img--wide {
        width: 100%;
        height: 200px;
    }
    .gallery__img.img--large {
        height: 300px;
    }
    .gallery__img:hover img {
        transform: scale(1);
    }
    .testimonial__box {
        padding: 20px;
        gap: 15px;
        border-radius: 10px;
    }
    .ratings span {
        max-width: 16px;
    }
    .testimonial__para {
        font-size: 15px;
        padding-bottom: 15px;
    }
    .testimonial__bottom__btn {
        padding-top: 40px;
    }
    .input, .contact__input .nice-select {
        padding: 15px 0;
        font-size: 15px;
    }
    .contact__item__row.g-4 {
        --bs-gutter-x: 15px;
        --bs-gutter-y: 15px;
    }
    .footer__logo {
        max-width: 150px;
    }
    .footer__para {
        font-size: 15px;
    }
    .widget__title {
        font-size: 22px;
    }
    .footer__ul, .footer__contact__info, .footer__contact__info a {
        line-height: 2.25;
    }
    .footer__widget {
        margin-bottom: 25px;
    }

    .spacer { height: 55px; }
    .spacer2 { height: 105px; }
}

@media only screen and (max-width: 430px) {
    .mobile__menu .offcanvas-start {
        width: 100%;
    }
}