@media (max-width: 1700px) {
    html {
        font-size: 18px;
    }

    .padding {
        padding: 6.5rem 0;
    }

    .banner {
        min-height: 42rem;
        padding: 10.5rem 0 0;
    }

    .banner-list ul {
        grid-template-columns: repeat(6, 14rem);
    }

    .banner-list ul li {
        padding: 1.2rem 1rem;
    }

    .banner-list ul li img {
        width: 2.4rem;
    }

    .extraordinary {
        padding-top: 8rem !important;
    }

    .how-it-work img.bg-image {
        margin-bottom: -17.6rem;
        max-width: 1499px;
        margin-left: auto;
        margin-right: auto;
    }

    .how-it-work .wrap {
        gap: 1.2rem;
        width: 89%;
        margin: 0 auto;
    }



    .common-inner-banner-section {
        padding: 200px 0px 50px 0px;
    }

    .page-not-found-section {
        padding: 200px 0px 50px 0px;
    }

    .common-inner-banner-section h1 {
        font-size: 50px;
    }

    .common-content-section {
        padding: 50px 0px 50px 0px;
    }

    .common-content-section .common-content-wrapper ol>li {
        font-size: 18px;
    }

    .common-content-section .common-content-wrapper ul>li {
        font-size: 18px;
    }

    .common-content-section .common-content-wrapper h1 {
        font-size: 35px;
    }

    .common-content-section .common-content-wrapper h2 {
        font-size: 30px;
    }

    .common-content-section .common-content-wrapper h3 {
        font-size: 26px;
    }

    .common-content-section .common-content-wrapper h4 {
        font-size: 24px;
    }

    .common-content-section .common-content-wrapper h5 {
        font-size: 20px;
    }

    .common-content-section .common-content-wrapper h6 {
        font-size: 18px;
    }

    #header .wrapper {
        padding: 25px 40px;
    }
}

@media (max-width: 1499px) {
    .padding {
        padding: 4rem 0;
    }

    #header .wrapper {
        padding: 20px 15px;
    }

    #header .wrapper .logo {
        width: 11rem;
    }

    #header ul#menu-header-menu li a {
        font-size: 14px;
    }

    #header ul#menu-header-menu {
        gap: 25px;
    }

    body h1 {
        font-size: 3.5rem;
        letter-spacing: 0px;
        margin-bottom: 1.3rem;
    }

    body h2 {
        font-size: 2.3rem;
    }

    .banner {
        min-height: 39rem;
    }

    body a.btn-main {
        font-size: 16px;
        padding: 14px 25px;
    }

    .banner p {
        margin-bottom: 2.2rem !important;
    }

    .banner-list ul {
        grid-template-columns: repeat(6, 11rem);
    }

    .banner-list ul li img {
        width: 1.7rem;
    }

    .banner-list ul li p {
        font-size: 14px;
    }

    .feature-structure .title-wrap {
        padding-bottom: 2.1rem;
    }

    .occasions ul li img {
        width: 1.9rem;
    }

    .occasions ul li p {
        font-size: 1.15rem;
    }

    .extraordinary {
        padding-top: 7rem !important;
    }

    .how-it-work img.bg-image {
        margin-top: -8.5rem;
        margin-bottom: -13.7rem;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
    }

    .how-it-work .wrap {
        width: 980px;
    }

    .how-it-work .single:first-child,
    .how-it-work .single:last-child {
        margin-top: 2.3rem;
    }

    .how-it-work p.number {
        margin: 0 auto 0.75rem;
    }

    .how-it-work p.title {
        font-size: 1.05rem;
        line-height: normal;
    }

    .faq-section h2 {
        margin-bottom: 1.7rem;
    }

    .featured-popup-model {
        max-width: 850px;
    }

    .featured-popup-model .model-main-wrapper {
        gap: 35px;
    }

    .featured-popup-model span.small-title {
        margin-bottom: 20px;
        font-size: 15px;
    }

    .featured-popup-model p {
        font-size: 16px;
    }

    .featured-popup-model ul.modal-bullets li span {
        font-size: 15px;
    }

    .why-choose .wrap .right-col ul li {
        gap: 15px;
    }

    .occasions ul li .btn-main {
        padding: 11px 15px;
    }
}

@media (max-width: 1279px) {
    #header .wrapper .btn-wrap {
        display: none;
    }

    #header .wrapper .main-menu {
        margin-right: 0;
    }

    body h1 {
        font-size: 2.9rem;
        margin-bottom: 1.1rem;
    }

    body h2 {
        font-size: 1.9rem;
    }

    .banner {
        min-height: 34rem;
        padding: 12.5rem 0 0;
    }

    .banner p {
        font-size: 0.9rem;
        max-width: 27rem;
    }

    .banner .container {
        padding: 0 2rem;
    }

    .banner-list ul {
        grid-template-columns: repeat(6, 10rem);
    }

    .banner-list ul li {
        padding: 1.2rem 0.6rem;
        gap: 10px;
    }

    .occasions h2 {
        margin-bottom: 1.5rem;
    }

    .add-ons .wrap {
        grid-template-columns: 20rem auto;
        gap: 6rem;
    }

    .add-ons .wrap::before {
        left: 23.4rem;
    }

    .add-ons .wrap::after {
        left: 21.6rem;
    }

    .how-it-work img.bg-image {
        display: none;
    }

    .how-it-work .single:first-child,
    .how-it-work .single:last-child {
        margin-top: 0;
    }

    .how-it-work .wrap {
        width: 100%;
    }

    .faq-section .faq-item {
        padding: 1.2rem;
    }

    .faq-section .faq-item svg {
        width: 0.8rem;
    }

    .gform_wrapper form .gform_body input,
    .gform_wrapper form .gform_body select,
    .gform_wrapper form .gform_body textarea.large {
        height: 50px;
        line-height: 50px;
    }

    .gform_wrapper form .gform_body .ginput_container_select::before {
        top: 24px;
    }

    .gform_wrapper form .gform_body .ginput_container_date button {
        top: 16px !important;
    }

    .gform_wrapper form [type=submit] {
        font-size: 16px !important;
        padding: 15px 30px !important;
    }

    .contact-form .wrap {
        grid-template-columns: 1fr 31rem;
        gap: 1.7rem;
    }

    .contact-form h2 {
        margin-bottom: 1rem;
    }

    footer .wrap {
        padding-bottom: 3rem;
    }

    footer img.footer-img {
        width: 17rem;
    }
}

@media (max-width: 1120px) {
    html {
        font-size: 16px;
    }

    .banner {
        padding: 9.5rem 0 0;
    }

    /* .banner-list ul li img {
        display: none;
    } */

    /* .banner-list ul li p {
        text-align: center;
    } */

    #header ul#menu-header-menu li span.submenu-click-arrow {
        top: 7px;
    }

    /* .why-choose .wrap img.vs-icon {
        left: 25.5rem;
        width: 3rem;
    } */


    .common-inner-banner-section {
        padding: 150px 0px 40px 0px;
    }

    .page-not-found-section {
        padding: 150px 0px 40px 0px;
    }

    .common-inner-banner-section h1 {
        font-size: 40px;
    }

    .fade-up,
    .fade-left,
    .fade-right,
    .card,
    .reveal img {
        will-change: transform, opacity;
    }
}

@media (max-width: 991px) {
    #header .note p {
        font-size: 11px;
    }

    #header .res_navigation {
        margin-left: auto;
        display: block;
    }

    #header .main-menu {
        position: fixed;
        inset: 0;
        background: #222;
        z-index: 1;
        padding: 100px 15px 0;
        transform: translateX(100%);
        transition: all ease 0.3s;
        margin-right: 0;
    }

    html.menu-open #header .main-menu {
        transform: translateX(0%);
    }

    #header .main-menu ul#menu-header-menu {
        flex-direction: column;
        justify-content: left;
        align-items: baseline;
        gap: 0;
        max-height: 70vh;
        overflow-y: auto;
        overflow-x: hidden;
    }

    #header ul#menu-header-menu li a {
        font-size: 20px;
        padding: 10px 0;
        margin: 5px 0;
    }

    #header ul#menu-header-menu>li {
        width: 100%;
    }

    #header ul#menu-header-menu li ul.sub-menu {
        position: static;
        background: transparent;
        padding: 0;
        width: 100%;
        opacity: 1;
        visibility: visible;
        transition: none;
        padding-left: 1.5rem;
    }

    #header ul#menu-header-menu li ul.sub-menu li {
        margin: 0;
        border-radius: 0;
    }

    #header ul#menu-header-menu li ul.sub-menu li:last-child {
        border-bottom: 0;
    }

    #header ul#menu-header-menu li ul.sub-menu li a {
        font-size: 18px;
        color: #fff;
        padding-left: 0;
        padding-right: 0;
    }

    #header ul#menu-header-menu li.menu-item-has-children {
        padding-right: 0;
    }

    #header ul#menu-header-menu li.menu-item-has-children::after {
        content: none;
    }

    #header ul#menu-header-menu li span.submenu-click-arrow {
        height: 50px;
        width: 50px;
        background-size: 18px;
        background-position: center;
        top: 0 !important;
        pointer-events: all;
        filter: unset !important;
    }

    #header ul#menu-header-menu li.open span.submenu-click-arrow {
        transform: rotate(181deg);
    }

    #header ul#menu-header-menu li ul.sub-menu li:hover,
    #header ul#menu-header-menu li ul.sub-menu li.current-menu-item {
        background: transparent !important;
    }

    #header ul#menu-header-menu li.current-page-ancestor>a,
    #header ul#menu-header-menu li.current-menu-ancestor>a,
    #header ul#menu-header-menu li ul.sub-menu li.current-menu-item>a {
        color: #D3B396 !important;
    }

    .banner-list ul {
        grid-template-columns: repeat(3, 15rem);
    }

    .banner-list ul li:first-child,
    .banner-list ul li:nth-child(2),
    .banner-list ul li:nth-child(3) {
        border-bottom: 1px solid rgba(0 0 0 / 0.3);
    }

    .banner-list ul li:nth-child(4) {
        border-left: 1px solid rgba(0 0 0 / 0.3);
    }

    .feature-structure .slide-wrap h3 {
        font-size: 1.2rem;
    }

    .occasions ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .extraordinary .wrap {
        grid-template-columns: 1fr;
        gap: 2.75rem;
    }

    .why-choose h2 {
        margin-bottom: 1.6rem;
    }

    .add-ons .list {
        grid-template-columns: 1fr;
    }

    .how-it-work p.text {
        padding: 0 0.5rem;
    }

    .contact-form .wrap {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }

    footer .left-col p.text {
        max-width: 20rem;
    }

    footer .left-col .site-footer__socials img {
        width: 2.6rem;
    }


    .why-choose .wrap {
        grid-template-columns: 1fr;
        gap: 0px;
    }

    .why-choose .wrap img.vs-icon {
        display: none;
    }

    .featured-popup-model {
        max-width: 95%;
        padding: 10px 10px 10px 10px;
        max-height: 420px;
    }

    .featured-popup-model p br {
        display: none;
    }

    .featured-popup-model ul.modal-bullets li {
        margin-bottom: 10px;
    }

    .featured-popup-model ul.modal-bullets li span {
        font-size: 14px;
    }

    .featured-popup-model ul.modal-bullets li img {
        margin-right: 10px;
    }

    .featured-popup-model .modal-buttons a.btn-main {
        padding: 14px 15px;
        font-size: 14px;
    }

    .featured-popup-model .modal-buttons {
        gap: 5px;
    }

    .featured-popup-model .model-main-wrapper .content .content-scroll-wrapper {
        height: 180px;
    }

    /* .featured-popup-model .close-button {
        right: 5px;
        top: 5px;
    } */

    .common-inner-banner-section h1 {
        font-size: 40px;
    }

    .extraordinary img.first-img {
        margin-left: auto;
    }

    .extraordinary img.last-img {
        margin-right: auto;
    }

    .extraordinary .img-wrap {
        width: fit-content;
        margin: 0.85rem auto;
    }

    .why-choose .wrap .vs-icon-mobile {
        display: block;
        position: relative;
        height: 55px;
        width: 55px;
        z-index: 1;
    }
}


@media (max-width: 767px) {
    #header .note {
        padding: 12px 50px;
    }

    .banner .container {
        padding: 0 15px;
    }

    body h1 br {
        display: none;
    }

    .banner {
        padding: 10rem 0 2.5rem;
        min-height: auto;
    }

    body h1 {
        font-size: 2.5rem;
    }

    .banner-list ul {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 15px;
    }

    .banner-list ul li:nth-child(3),
    .banner-list ul li:nth-child(5) {
        border-left: 1px solid rgba(0 0 0 / 0.3);
    }

    .banner-list ul li:nth-child(4) {
        border-left: 0;
        border-bottom: 1px solid rgba(0 0 0 / 0.3);
    }

    .occasions ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .extraordinary {
        padding-top: 4rem !important;
    }

    .extraordinary .wrap h2 {
        margin-bottom: 1.1rem;
    }

    .extraordinary .wrap a.btn-main {
        margin-top: 0.9rem;
    }

    .add-ons .wrap {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .add-ons .wrap::before {
        content: none;
    }

    .add-ons .wrap::after {
        display: none;
    }

    .how-it-work .wrap {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.6rem;
    }

    .testimonials .title-wrap {
        flex-direction: column;
        gap: 2rem;
        align-items: baseline;
        margin-bottom: 40px;
    }

    footer {
        padding-bottom: 3rem !important;
    }

    footer .wrap {
        padding-bottom: 2rem;
        margin-bottom: 2rem;
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .why-choose .wrap h3 {
        font-size: 1.6rem;
    }

    .why-choose .wrap ul {
        padding: 0.8rem;
    }

    .why-choose .wrap ul li::before {
        top: 6px;
    }

    .modal-overlay .modal-container {
        padding: 20px;
    }

    .modal-overlay .modal-header {
        margin-bottom: 17px;
    }

    .modal-overlay .modal-body-content-wrap {
        grid-template-columns: 100px 1fr;
        margin-bottom: 22px;
    }

    .modal-overlay h3 {
        font-size: 1.1rem;
    }

    .modal-overlay .modal-body-content-wrap h3 {
        margin-bottom: 10px;
    }

    .modal-overlay .modal-body-content-wrap p {
        font-size: 14px;
    }

    .modal-overlay .modal-bullets {
        margin: 0 0 20px 0;
    }

    .modal-overlay .modal-bullets li {
        margin-bottom: 9px;
    }

    .modal-overlay .modal-buttons {
        flex-direction: column;
    }

    .featured-popup-model .model-main-wrapper {
        grid-template-columns: 100%;
        gap: 25px;
    }

    .featured-popup-model .close-button {
        background-color: #fff;
        height: 35px;
        width: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: -10px;
        top: -10px;
    }

    .featured-popup-model .close-button svg {
        height: 15px;
        width: 15px;
    }

    .featured-popup-model .image {
        height: 240px;
        min-height: 240px;
        overflow: hidden;
    }

    .featured-popup-model .image .imageSwiper,
    .featured-popup-model .image .imageSwiper .swiper-wrapper,
    .featured-popup-model .image .imageSwiper .swiper-slide {
        height: 100%;
        width: 100%;
    }

    .featured-popup-model {
        max-width: 88%;
        padding: 15px 15px 20px 15px;
        max-height: 76%;
    }

    .common-content-section {
        padding: 40px 0px 40px 0px;
    }

    .common-inner-banner-section h1 {
        font-size: 33px;
    }

    .common-content-section .common-content-wrapper ol,
    .common-content-section .common-content-wrapper ul {
        gap: 10px;
    }

    .common-content-section .common-content-wrapper ol>li {
        font-size: 15px;
    }

    .common-content-section .common-content-wrapper ul>li {
        font-size: 15px;
    }

    .common-content-section .common-content-wrapper h1 {
        font-size: 27px;
    }

    .common-content-section .common-content-wrapper h2 {
        font-size: 25px;
    }

    .common-content-section .common-content-wrapper h3 {
        font-size: 23px;
    }

    .common-content-section .common-content-wrapper h4 {
        font-size: 20px;
    }

    .common-content-section .common-content-wrapper h5 {
        font-size: 17px;
    }

    .common-content-section .common-content-wrapper h6 {
        font-size: 15px;
    }

    .common-content-section .common-content-wrapper ul {
        margin: 10px 0px;
    }

    .common-content-section .common-content-wrapper h1,
    .common-content-section .common-content-wrapper h2,
    .common-content-section .common-content-wrapper h3,
    .common-content-section .common-content-wrapper h4,
    .common-content-section .common-content-wrapper h5,
    .common-content-section .common-content-wrapper h6 {
        margin: 10px 0px;
    }

    .table-responsive th,
    .table-responsive td {
        padding: 10px 12px;
        font-size: 14px;
    }

    .plus-icon-mobile {
        display: block;
    }

    .feature-structure .btn-wrapper {
        margin-top: 30px;
    }

    .add-ons .btn-wrapper {
        margin-top: 30px;
    }

    .testimonials h2 {
        text-align: center;
    }

    .testimonials .btn-main {
        margin: 0 auto;
    }

    .featured-popup-model h3,
    .featured-popup-model span.small-title {
        padding-right: 0px;
    }

    .featured-popup-model .model-main-wrapper .content {
        padding: 0px;
    }

    .featured-popup-model .model-main-wrapper .content .content-scroll-wrapper {
        height: 160px;
    }
}