@media (min-width: 991px) and (max-width: 1199px) {
    .main-header .sidebar {
        top: 83px;
    }

    .main-header .sidebar ul {
        padding: 40px 40px 80px;
        width: 250px;
    }

    .packages .package-card img {
        height: 420px;
    }

    .experience-slider .slider-content img {
        height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-header .sidebar {
        top: 74px;
    }

    .main-header .logo {
        width: 100px;
    }

    .main-header .sidebar ul {
        padding: 40px 40px 80px;
        width: 250px;
    }

    .main-header .nav-items a {
        font-size: 15px;
    }

    .ea li:first-child button {
        width: 40px;
        padding: 8px 0;
    }

    .ea li:not(:first-child) a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .section-padding {
        padding: 60px 0;
    }

    .section-padding-bottom {
        padding-bottom: 60px;
    }

    .wellness .slider-content img {
        height: 420px;
    }

    .quote {
        height: 400px;
    }

    .packages .package-card img {
        height: 420px;
    }

    .service .section-image {
        height: 400px;
        object-fit: cover;
        object-position: center;
    }

    .main-footer .logo img {
        width: 140px;
    }

    .main-footer .nav-items a {
        padding-bottom: 4px;
    }
}

@media (max-width: 991px) {
    .wellness .icon {
        bottom: 0;
    }

    .experience-slider .slider-content img {
        height: auto;
    }

    .main-header .dropdown-child {
        display: none !important;
    }

    .about .w-75,
    .faq .w-75 {
        width: 100% !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .main-header .sidebar {
        top: 74px;
    }

    .main-header .logo {
        width: 90px;
    }

    .main-header .sidebar ul {
        padding: 40px 40px 80px;
        width: 250px;
    }

    .main-header .nav-items a {
        font-size: 14px;
    }

    .ea li:first-child button {
        width: 40px;
        padding: 8px 0;
    }

    .ea li:not(:first-child) a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .section-padding {
        padding: 60px 0;
    }

    .section-padding-bottom {
        padding-bottom: 60px;
    }

    .wellness .slider-content .overlay {
        padding: 2%;
    }

    .wellness .slider-content img {
        height: 360px;
    }

    .faq .slider-content img {
        height: 360px;
    }

    .quote {
        height: 360px;
    }

    .experiences .experience-slider .slider-content.slick-slide img {
        height: 350px;
    }

    .packages .package-card img {
        height: 380px;
    }

    .service .section-image {
        height: 380px;
        object-fit: cover;
        object-position: center;
    }

    .testimonial-card .img img {
        height: 250px;
    }

    .main-footer .logo img {
        width: 110px;
    }

    .main-footer .nav-items a {
        padding-bottom: 4px;
    }
}

@media (max-width: 767px) {
    .responsive-menu button {
        border: none;
        background: transparent;
        font-size: 22px;
        color: var(--white_color);
        transition: var(--transition);
        -webkit-transition: var(--transition);
        -moz-transition: var(--transition);
        -ms-transition: var(--transition);
        -o-transition: var(--transition);
    }

    .main-header.fixed-header .responsive-menu button {
        color: var(--black_color);
    }

    .responsive-menu-items {
        position: absolute;
        top: 64px;
        left: 0;
        z-index: 100;
        display: none;
    }

    .responsive-menu-items .overflow-y-auto {
        max-height: 100vh;
    }

    .responsive-menu-items ul a {
        color: #6d6c6b;
        padding: 6px 16px;
        font-size: 15px;
        text-transform: uppercase;
    }

    .responsive-menu-items ul li {
        border-bottom: 1px solid var(--white_color);
        background-color: #e2dfda;
    }

    .responsive-menu-items ul li:last-child {
        border-bottom: transparent;
    }

    .responsive-menu-items .arrow {
        color: var(--primary_color);
        font-size: 18px;
        display: inline-block;
        padding-right: 16px;
        cursor: pointer;
    }

    .responsive-menu-items ul .dropdown-cld {
        display: none;
    }

    .responsive-menu-items ul .dropdown-cld li {
        border-bottom: 1px solid #e2dfda;
        background-color: var(--white_color);
    }

    .responsive-menu-items ul .dropdown-cld li:last-child {
        border-bottom: transparent;
    }

    .responsive-menu-items ul .dropdown-cld li a {
        padding: 6px 16px 6px 24px;
    }

    .wellness .w-50 {
        width: 100% !important;
    }
}

@media (max-width: 575px) {
    .main-header .menu-nav-btn .hamburger {
        width: 20px;
    }

    .main-header .menu-nav-btn .menui {
        width: 20px;
    }

    .main-header .sidebar {
        top: 62px;
    }

    .main-header .logo {
        width: 90px;
    }

    .main-header .sidebar ul {
        padding: 40px 40px 80px;
        width: 250px;
    }

    .main-header .nav-items a {
        font-size: 14px;
    }

    .ea li:first-child button {
        width: 32px;
        padding: 8px 0;
    }

    .ea li:not(:first-child) a {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 15px;
    }

    .section-padding {
        padding: 25px 0;
    }

    .section-padding-bottom {
        padding-bottom: 60px;
    }

    .wellness .slider-content .overlay {
        padding: 2%;
    }

    .wellness .slider-content img {
        height: 320px;
    }

    .faq .slider-content img {
        height: 320px;
    }

    .quote {
        height: 360px;
    }

    .experiences .experience-slider .slider-content.slick-slide img {
        height: 310px;
    }

    .packages .package-card img {
        height: 340px;
    }

    .service .section-image {
        height: 340px;
        object-fit: cover;
        object-position: center;
    }

    .testimonial-card .img img {
        height: 250px;
    }

    .main-footer .logo img {
        width: 110px;
    }

    .main-footer .nav-items a {
        padding-bottom: 4px;
    }
}