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

@media only screen and (max-width: 1800px) {
    .event-details ul li h6 {
        font-size: 1rem;
    }

    .event-details ul li {
        padding: 0.7rem;
    }
}

@media only screen and (max-width: 1700px) {
    /* .event-details ul {
        flex-wrap: wrap;
    } */


}

@media only screen and (max-width: 1600px) {
    html {
        font-size: 95%;
    }

    /* .banner-with-header-section {
        min-height: 64rem;
    } */

    .vc_wp_custommenu ul li {
        font-size: 1rem;
    }

    .logo {
        max-width: 9rem;
    }

    .wrapper,
    .site-footer-inner,
    #footer-bottom-inner {
        width: 94% !important;
        max-width: 1400px !important;
        margin: 0 auto;
        padding: 0 2rem !important;
    }

    .side-image-spacing.right-spacing {
        padding-right: calc((100% - 1400px) / 2);
        padding-left: 8rem;
    }

    .side-image-spacing.left-spacing {
        padding-left: calc((100% - 1400px) / 2);
    }

    .side-image-section .brand-image img {
        height: 44rem;
    }
}

@media only screen and (max-width: 1440px) {
    html {
        font-size: 87.5%;
    }

    .event-details ul {
        flex-wrap: wrap;
    }

    .upcoming-events-section .side-image-section.right-spacing .brand-image {
        max-height: 100%;
    }

    .wrapper,
    .site-footer-inner,
    #footer-bottom-inner {
        width: 92% !important;
        max-width: 1200px !important;
        margin: 0 auto;
        padding: 0 1.8rem !important;
    }

    .navbar-style-five .dropdown-menu {
        max-width: 90%;
    }

    .banner-with-header-section {
        padding-top: 22rem;
    }

    .wrapper.what-included-grid {
        padding-top: 3rem !important;
    }

    .side-image-section .vc_col-sm-4 {
        width: 40%;
    }

    .side-image-section .vc_col-sm-8 {
        width: 60%;
    }

    .side-image-spacing.right-spacing {
        padding-right: calc((100% - 1200px) / 2);
    }

    .side-image-spacing.left-spacing {
        padding-left: calc((100% - 1200px) / 2);
    }

    .side-image-section .brand-image img {
        height: 38rem;
    }

    .events-list ul {
        grid-template-columns: repeat(1, 1fr);
        column-gap: 1.5rem;
        row-gap: 1rem;
    }
}

@media only screen and (max-width: 1280px) {
    html {
        font-size: 81.25%;
    }

    .upcoming-events-section .side-image-section.right-spacing .brand-image {
        max-width: 31.25rem;
        width: 100%;
        height: auto;
        margin: 0 auto !important;
    }

    .icon-content h6 {
        font-size: 2rem;
    }

    .wrapper.what-included-grid {
        padding-top: 2.5rem !important;
    }

        .navbar-style-five .dropdown-menu {
        max-width: 100%;
    }


    .how-join-section {
        padding: 8rem 0;
    }

    .expect-section:before {
        height: 32.6rem;
    }

    .expect-feature-grid .vc_col-sm-3 {
        width: 50% !important;
    }

    .header-content .menu {
        gap: 1rem;
    }

    .vc_wp_custommenu ul li {
        padding: 1rem;
    }

    .about-us-section .about-content {
        padding: 3rem 0 5rem;
        padding-right: 0;
    }

    .scrapbook-section .image,
    .about-us-section .about-image {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 3rem;
    }

     .about-us-section .about-image {
        margin-bottom: 0 !important;
     }

    .scrapbook-section .vc_col-sm-6,
    .about-us-section .wpb_column {
        text-align: center;
        width: 100% !important;
    }



    .wrapper,
    .site-footer-inner,
    #footer-bottom-inner,
    .side-image-section {
        width: 90% !important;
        max-width: 1100px !important;
        margin: 0 auto;
        padding: 0 1.5rem !important;
    }

    .side-image-spacing.left-spacing {
        padding-bottom: 8rem;
    }

    .side-image-spacing.right-spacing {
        padding-left: 0;
        padding-top: 8rem;
    }

    .side-image-section .vc_col-sm-4,
    .side-image-section .vc_col-sm-8 {
        width: 100% !important;
    }

    .side-image-section .brand-image img {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .side-image-section.right-spacing .brand-icon {
        left: 50%;
        right: unset;
        transform: translate(-50%, -50%);
        top: 100%;
    }


    .side-image-section.left-spacing .brand-icon {
        top: -65px;
        left: 50%;
        transform: translateX(-50%);
    }

    .side-image-section .brand-image img {
        height: 32rem;
    }
}

@media only screen and (max-width: 1024px) {
    html {
        font-size: 85%;
    }

    body:not(.home) .banner-with-header-section {
        min-height: 300px !important;
    }

    #site-header.overlay-header {
        position: static;
    }


    .wpex-hamburger-icon>span,
    .wpex-hamburger-icon>span::before,
    .wpex-hamburger-icon>span::after {
        background: #17a5a3 !important;
    }

    #mobile-menu {
        display: flex;
    }

    .wyswyg-content,
    .images-grid {
        margin-bottom: 5rem;
    }

    .footer-top>span {
        font-size: 1rem;
    }

    body:not(.home) .banner-content {
        margin-bottom: 0 !important;
    }

    /* 
    body:not(.home) .banner-with-header-section {
        padding-top: 9rem !important;
    } */

    body:not(.home) .banner-with-header-section {
        padding-bottom: 0 !important;
    }

    .icon-content h6 {
        font-size: 1.7rem;
    }

    .side-image-spacing.left-spacing {
        padding-right: 0;
    }

    .what-included-grid .vc_column_container:not(:last-child):after {
        content: none;
    }

    .expect-section:before {
        height: 29.9rem;
    }

    .header-content {
        display: none !important;
    }

    /* Mobile dropdown adjustments */
    .header-content .menu .menu-item-has-children {
        position: static;
    }

    .header-content .menu .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        background-color: rgba(255, 255, 255, 0.1);
        margin-top: 0.5rem;
        box-shadow: none;
    }

    .header-content .menu .sub-menu li a {
        font-size: 1rem;
        padding: 0.75rem 1rem;
    }

    #site-header {
        display: block;
    }

    div#site-logo-inner {
        max-width: 100px;
        width: 100%;
    }

    .wrapper,
    .site-footer-inner,
    #footer-bottom-inner,
    .side-image-section {
        width: 88% !important;
        max-width: 100% !important;
        margin: 0 auto;
        padding: 0 1.2rem !important;
    }

    .vc_col-sm-6 {
        width: 100%;
    }

    .what-included-section .vcex-feature-box {
        gap: 1.5rem;
    }

    .wrapper.what-included-grid {
        row-gap: 2.5rem;
    }

    .expect-feature-grid .vc_col-sm-3,
    .what-included-grid .vc_col-sm-3 {
        width: 50%;
    }

    .what-included-grid .vc_column_container:not(:nth-child(odd)):after {
        content: none;
    }

    .side-image-section .brand-image img {
        height: 28rem;
    }



    .about-us-section .about-image {
        margin-bottom: 0;
    }



    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 0.75rem;
    }

    p {
        margin: 0 0 1.25rem;
    }

    .vc_wp_custommenu ul li a,
    .site-footer .widget_nav_menu li {
        padding: 1rem;
    }

    .theme-button.outline {
        padding: 0.625rem 2rem;
    }

    .banner-with-header-section {
        /* padding-top: 32rem; */
        padding-top: 24rem;
        margin-bottom: 6rem;
        min-height: 100%;
        padding-bottom: 7rem;
    }


    .logo {
        margin-top: -18px;
        margin-left: 0.75rem;
        margin-right: 1.5rem;
    }

    .vc_column_container>.vc_column-inner {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .scrapbook-section h6 {
        margin-bottom: 2rem;
    }

    .about-us-section {
        margin-top: 6.25rem;
    }

    .about-us-section .about-content {
        width: 100%;
        padding: 3rem 0 3rem;
    }

    .expect-section {
        padding: 4rem 0 0;
        margin-bottom: 3.75rem;
    }

    .expect-feature-grid .vc_col-sm-3 .vcex-feature-box-content {
        padding: 2.5rem 1.75rem 2rem;
    }

    .expect-feature-grid {
        margin-top: 3.25rem !important;
    }

    .site-footer,
    #footer-bottom {
        padding-top: 4rem;
    }

    #footer-bottom {
        padding-top: 1.75rem;
    }

    .site-footer {
        padding-bottom: 2.25rem;
    }

    .site-footer .widget_nav_menu li:not(:last-child):after {
        margin-left: 1.75rem;
        margin-right: 1.75rem;
    }

    .what-included-section {
        padding: 5rem 0;
    }

    .what-included-grid {
        padding-top: 2.25rem;
    }

    .how-join-section {
        padding: 6rem 0;
    }

    .reg-links {
        margin-top: 1rem;
        margin-bottom: 1.75rem;
    }

    .reg-links ul li+li {
        margin-top: 1rem;
    }

    .icon-content h6 {
        margin-bottom: 0;
    }

    .side-image-spacing.left-spacing {
        padding-left: calc((100% - 1100px) / 2);
    }

    .events-list ul li {
        padding-bottom: 6px;
    }

    .events-list ul li:before {
        margin-right: 0.75rem;
    }

    .border-box {
        padding: 1.5rem;
        margin-bottom: 1.875rem;
    }

    .upcoming-events-section .icon-content {
        margin-top: 1rem;
    }

    .event-details {
        margin-top: 1.875rem;
    }

    .event-details ul li {
        padding: 0.75rem;
    }

    h1 {
        font-size: 5.5rem;
    }

    h2 {
        font-size: 3.25rem;
    }

    h3 {
        font-size: 2rem;
    }

    h4 {
        font-size: 1.875rem;
    }

    h5 {
        font-size: 1.625rem;
    }

    h6 {
        font-size: 1.875rem;
    }

    p {
        font-size: 1.375rem;
        line-height: 1.6;
    }
}

@media only screen and (max-width: 768px) {
    html {
        font-size: 80%;
    }

    .site-footer .widget_nav_menu li {
        font-size: 1.1rem;
    }

    .wyswyg-content,
    .images-grid {
        margin-bottom: 4rem;
    }

    .wrapper.what-included-grid {
        row-gap: 1.5rem;
    }

    .wrapper.what-included-grid {
        padding-top: 1.5rem !important;
    }

    .expect-section:before {
        height: 27.6rem;
    }

    body:not(.home) .banner-with-header-section {
        min-height: 250px !important;
    }

    .what-included-section .vcex-feature-box p {
        font-size: 1.4rem;
    }

    .expect-feature-grid .vc_col-sm-3 {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* .side-image-section .brand-image img {
        height: 24rem !important;
    } */

    .side-image-section.left-spacing .brand-icon {
        top: -40px;
    }

    .side-image-section .brand-icon img {
        max-width: 6rem;
        height: 6rem;
    }

    .side-image-spacing.left-spacing {
        padding-bottom: 6rem;
    }

    .icon-content h6 {
        font-size: 1.5rem;
    }

    .footer-bottom {
        flex-direction: column;
    }


    ul#menu-footer-menu {
        flex-wrap: wrap;
    }



    .wrapper,
    .site-footer-inner,
    #footer-bottom-inner,
    .side-image-section {
        width: 86% !important;
        max-width: 100% !important;
        margin: 0 auto;
        padding: 0 1rem !important;
    }

    .what-included-section .vcex-feature-box {
        gap: 2rem;
    }

    .what-included-grid .vc_column_container:not(:last-child):after {
        content: none;
    }

    h1 {
        font-size: 4.5rem;
    }

    h2 {
        font-size: 2.75rem;
    }

    h3 {
        font-size: 1.75rem;
    }

    h4 {
        font-size: 1.625rem;
    }

    h5 {
        font-size: 1.375rem;
    }

    h6 {
        font-size: 1.625rem;
    }

    p {
        font-size: 1.25rem;
        line-height: 1.6;
    }


    .expect-feature-grid .vc_col-sm-3,
    .what-included-grid .vc_col-sm-3 {
        width: 100%;
    }

    .theme-button.outline {
        font-size: 1.1875rem;
        padding: 0.8125rem 2.25rem;
    }

    .banner-with-header-section {
        padding-top: 22rem;
        padding-bottom: 4rem;
        margin-bottom: 5rem;
    }

    .side-image-section .brand-image img {
        height: 24rem;
    }


    .side-image-spacing.right-spacing {
        padding-top: 6rem;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 0.625rem;
    }

    p {
        margin: 0 0 1rem;
    }

    .vc_wp_custommenu ul li a,
    .site-footer .widget_nav_menu li {
        padding: 0.875rem;
    }

    .theme-button.outline {
        padding: 0.5rem 1.75rem;
    }


    .logo {
        margin-top: -12px;
        margin-left: 0.5rem;
        margin-right: 1rem;
    }

    .vc_column_container>.vc_column-inner {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .scrapbook-section h6 {
        margin-bottom: 1.5rem;
    }

    .about-us-section {
        margin-top: 4rem;
    }

    .expect-feature-grid .vc_col-sm-3 .vcex-feature-box-content {
        padding: 2rem 1.25rem 1.5rem;
    }

    .expect-feature-grid {
        margin-top: 1.75rem !important;
    }

    .site-footer,
    #footer-bottom {
        padding-top: 3rem;
    }

    #footer-bottom {
        padding-top: 1.5rem;
    }

    .site-footer {
        padding-bottom: 1.75rem;
    }

    .site-footer .widget_nav_menu li:not(:last-child):after {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }

    .what-included-section {
        padding: 3.5rem 0;
    }

    .what-included-grid {
        padding-top: 1.75rem;
    }

    .how-join-section {
        padding: 4rem 0;
    }

    .reg-links {
        margin-top: 0.75rem;
        margin-bottom: 1.5rem;
    }

    .reg-links ul li+li {
        margin-top: 0.75rem;
    }

    .icon-content h6 {
        margin-bottom: 0;
    }

    .events-list ul li {
        padding-bottom: 4px;
    }

    .events-list ul li:before {
        margin-right: 0.5rem;
    }

    .border-box {
        padding: 1.25rem;
        margin-bottom: 1.5rem;
        font-size: 1.3rem;
    }

    .upcoming-events-section .icon-content {
        margin-top: 0.75rem;
    }

    .event-details {
        margin-top: 1.5rem;
    }

    .event-details ul li {
        padding: 0.625rem;
    }

}

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

    .wrapper,
    .site-footer-inner,
    #footer-bottom-inner,
    .side-image-section {
        width: 92% !important;
        max-width: 100% !important;
        margin: 0 auto;
        padding: 0 0.75rem !important;
    }

    .site-footer .widget_nav_menu li {
        line-height: 2;
    }

    .banner-with-header-section {
        margin-bottom: 3rem;
    }

    .side-image-section .brand-image img {
        height: 18rem;
    }

    .banner-with-header-section .multi-btns {
        flex-direction: column;
    }

    .wrapper.what-included-grid {
        row-gap: 0.7rem;
    }

}

@media only screen and (max-width: 480px) {
    html {
        font-size: 75%;
    }

    .expect-section:before {
        height: 26.7rem;
    }

    .side-image-section .brand-image img {
        height: 16rem;
    }

    .wrapper,
    .site-footer-inner,
    #footer-bottom-inner,
    .side-image-section {
        width: 90% !important;
        max-width: 100% !important;
        margin: 0 auto;
        padding: 0 0.875rem !important;
    }

    h1 {
        font-size: 3.5rem;
    }

    h2 {
        font-size: 2.25rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    h4 {
        font-size: 1.375rem;
    }

    h5 {
        font-size: 1.25rem;
    }

    h6 {
        font-size: 1.375rem;
    }

    p {
        font-size: 1.125rem;
        line-height: 1.6;
    }

    .theme-button.outline {
        font-size: 1.125rem;
        padding: 0.75rem 2rem;
    }

    .side-image-section .brand-image img {
        height: 20rem;
    }


    .theme-button.outline {
        font-size: 1rem;
        padding: 0.625rem 1.5rem;
    }

    .vc_wp_custommenu ul li a,
    .site-footer .widget_nav_menu li {
        padding: 1rem;
    }

    .site-footer,
    #footer-bottom {
        padding-top: 3rem;
    }

    .site-footer {
        padding-bottom: 2rem;
    }


    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 0.5rem;
    }

    p {
        margin: 0 0 0.875rem;
    }

    .vc_wp_custommenu ul li a,
    .site-footer .widget_nav_menu li {
        padding: 0.75rem;
    }

    .theme-button.outline {
        padding: 0.5rem 1.5rem;
    }


    .logo {
        margin-top: -10px;
        margin-left: 0.375rem;
        margin-right: 0.75rem;
    }

    .vc_column_container>.vc_column-inner {
        padding-left: 0.375rem;
        padding-right: 0.375rem;
    }

    .scrapbook-section h6 {
        margin-bottom: 1.25rem;
    }

    .about-us-section {
        margin-top: 3rem;
    }

    .expect-feature-grid .vc_col-sm-3 .vcex-feature-box-content {
        padding: 1.5rem 1rem 1.25rem;
    }

    .expect-feature-grid {
        margin-top: 1.5rem !important;
    }

    .site-footer,
    #footer-bottom {
        padding-top: 2.5rem;
    }

    #footer-bottom {
        padding-top: 1.25rem;
    }

    .site-footer {
        padding-bottom: 1.5rem;
    }

    .site-footer .widget_nav_menu li:not(:last-child):after {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .what-included-section {
        padding: 3rem 0;
    }

    .what-included-grid {
        padding-top: 1.5rem;
    }

    .how-join-section {
        padding: 3rem 0;
    }

    .reg-links {
        margin-top: 0.625rem;
        margin-bottom: 1.25rem;
    }

    .reg-links ul li+li {
        margin-top: 0.625rem;
    }

    .icon-content h6 {
        margin-bottom: 0;
    }

    .events-list ul li {
        padding-bottom: 3px;
    }

    .events-list ul li:before {
        margin-right: 0.375rem;
    }

    .border-box {
        padding: 1rem;
        margin-bottom: 1.25rem;
    }

    .upcoming-events-section .icon-content {
        margin-top: 0.625rem;
    }

    .event-details {
        margin-top: 1.25rem;
    }

    .event-details ul li {
        padding: 0.5rem;
    }

    .vc_wp_custommenu ul li,
    .site-footer .widget_nav_menu li {
        font-size: 1rem;
    }
}

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

    .side-image-section .brand-image img {
        height: 14rem;
    }
}

@media only screen and (max-width: 400px) {
    .expect-section:before {
        height: 26.7rem;
    }

    .side-image-section .brand-image img {
        height: 12rem;
    }

}