@media screen and (min-width: 1500px) {

    /* .site-container {width: 100%;max-width: 1400px;} */
    .t-center-d {
        text-align: center;
    }
}

/* Tablet */
@media (max-width:991px) {
    .supply-video-card {
        flex-basis: 220px;
    }

    .supply-cta {
        padding: 30px;
    }
}



@media screen and (max-width: 767px) {
    :root {
        --h1: 35px;
        --h2: 24px;
        --h3: 18px;

        --text-base: 14px;
        --section-block-space-medium: 40px;
    }

    body,
    html {
        overflow-x: hidden;
    }

    .for-mobile {
        display: block;
    }

    .for-desktop {
        display: none;
    }

    header nav {
        position: fixed;
        width: 100%;
        height: 100vh;
        z-index: 99;
        right: -100%;
        top: 0;
        background: #fff;
        transition: all .5s;
    }

    header nav ul.site-menu {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
        gap: 10px;
    }

    .dropdown-menu {
        position: relative;
        left: 0;
        top: initial;
        transform: none;
        opacity: 1;
        visibility: visible;
        padding: 0;
    }

    header nav ul.site-menu li {
        height: auto;
    }

    header nav ul.site-menu li:has(.dropdown-menu) {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .site-section {
        padding-block: var(--space-5);
    }

    .steps-wrap,
    .access-wrap {
        flex-direction: column;
        gap: 16px;
    }

    .testimonial-card .testimonial-media {
        height: 360px;
    }

    .hero-left {
        width: 140px;
        bottom: 47px;
        left: -56px;
    }

    .hero-center {
        bottom: 0;
        width: 225px;
    }

    .hero-right {
        width: 85px;
        border-radius: 5px;
        right: 6px;
    }

    .site-hero .py-10 {
        padding-block: 50px;
    }

    .hero-left-mid {
        width: 130px;
        left: -30px;
        top: 38%;
    }

    .site-btn-outline {
        align-self: center;
    }

    .site-btn,
    .site-button {
        padding: 12px 24px;
    }

    .site-btn-outline {
        padding: 9px 24px;
    }

    .site-hero .site-btn,
    .site-hero .site-button,
    .site-hero .site-btn-outline {
        width: 174px;
        text-align: center;
        justify-content: center;
    }

    .site-hero .site-button {
        margin: auto;
    }

    .site-hero .flex.gap-1.justify-center.flex-m-col {
        margin-top: 30px;
    }

    .site-hero .body-text {
        max-width: 300px;
        margin: auto;
    }

    .header-wrap {
        justify-content: space-between;
    }

    .site-logo {
        width: 90px;
    }

    header {
        padding-block: 10px;
    }

    .site-hero {
        padding-bottom: 120px;
    }

    .site-hero .site-common-content p+p {
        max-width: 270px;
    }

    .site-hero span.text-secondary img {
        width: 100px;
        right: 10%;
    }

    .why-parents-love .section-head>img {
        top: 15px;
        left: -5px;
        width: 74px;
    }

    .icon-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .icon-wrap {
        width: 40px;
        height: 40px;
        min-width: 40px;
        border-radius: 6px;
    }

    .icon-wrap img {
        width: 25px;
        height: auto;
    }

    .sg1 {
        position: absolute;
        right: 0;
        height: 152px;
        top: 4%;
        transform: initial;
    }

    .helping-kids .site-common-content {
        width: 100%;
    }

    .mob-graph {
        margin-top: -50px;
    }

    .text-center-desk {
        text-align: left;
    }

    .style-art-graphic {
        width: 70px;
        top: -15px;
    }

    .categories-track {
        padding-block: 0;
    }

    .site-card {
        gap: 16px;
        flex-direction: row;
        max-width: 288px;
    }

    .site-card .card-img {
        width: 105px;
        height: 70px;
        object-fit: cover;
        min-width: 105px;
    }

    .site-card.bg-orange {
        margin-left: auto;
    }

    .site-card.bg-green {
        max-width: initial;
        width: 100%;
    }

    .qoute-icon {
        right: 7px;
        bottom: 7px;
        width: 24px;
    }

    .cta-border-bot {
        margin-bottom: 0;
    }

    .site-footer {
        margin-top: -6px;
    }

    .w-full-m {
        max-width: initial !important;
        width: 100%;
    }

    .footer-bottom {
        align-items: center;
    }

    .in-hero-left,
    .in-hero-right {
        width: 170px;
    }

    .site-hero.inner-hero.bg-yellow {
        padding-bottom: 80px;
    }

    .w-m-full {
        width: 100%;
        max-width: initial !important;
    }

    .ag1 {
        top: 32%;
        right: -8%;
        width: 130px;
        transform: rotate(45deg);
        z-index: 1;
    }

    .zig-zag .zig-media {
        position: relative;
        z-index: 2;
    }

    .ag2 {
        bottom: auto;
        left: -5%;
        top: 31%;
        width: 70px;
    }

    .ag3 {
        bottom: auto;
        right: 5%;
        width: 80px;
        top: 28%;
        z-index: 3;
    }

    p.font-head.text-secondary.w-bold {
        font-size: 24px !important;
        line-height: 1.2;
    }

    .trail-form {
        flex-direction: column;
        gap: 16px;
    }

    .trail-form input[type="text"],
    .trail-form input[type="email"],
    .trail-form input[type="submit"] {
        width: 100%;
        height: 46px;
    }

    img.hero-left-2 {
        width: 74px;
        left: 25px;
    }

    .contact-wrap {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .contact-wrap .flex-col.gap-2 {
        width: 100%;
    }

    .response-time {
        border-radius: 16px;
        padding: 16px 20px;
        flex-direction: column;
        align-items: initial;
    }

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

    .r-left {
        font-size: 20px;
    }

    .site-subtitle {
        font-size: 20px;
    }

    .why-parents-love:has(.projects-grid .blog-card) .sg1 {
        top: 100px;
    }

    .why-parents-love:has(.projects-grid) .sg1 {
        top: 15%;
    }

    .sup-g {
        width: 80px;
        bottom: 12%;
    }

    .login-right-bot {
        right: -13px;
        bottom: -47px;
        width: 124px;
    }

    .login-right-top {
        top: -51px;
        left: -58px;
        width: 117px;
    }

    .login-left {
        bottom: auto;
        top: 25%;
        width: 50px;
    }

    .login-form input,
    .form-btn {
        height: 45px;
        padding: 10px;
        font-size: 16px;
    }

    .membership-section h2 br {
        display: none;
    }

    .membership-section div:empty {
        display: none;
    }

    .mem2 {
        bottom: 20px;
        right: 20px;
        width: 80px;
    }

    .mem1 {
        bottom: auto;
        left: -7px;
        top: -31px;
        width: 46px;
        transform: rotate(29deg);
        z-index: 9;
    }

    .site-section:has(.mem-right),
    .site-section:has(.mpright) {
        overflow-x: hidden;
    }

    .mob-style {
        /* max-width: 250px !important; */
        margin-left: 0 !important;
    }

    .membership-section .icon-card {
        flex-direction: row;
        align-items: center;
    }

    .mpleft {
        width: 40px;
        left: 0;
        top: 0;
    }

    .mpright {
        width: 80px;
        right: 20px;
        bottom: auto;
        top: 20px;
    }

    .mem-right {
        width: 80px;
        right: 0;
        bottom: 27%;
    }

    .pd1 {
        width: 70px;
        right: -19px;
        top: 50%;
    }

    .pd2 {
        top: 15%;
        width: 47px;
    }

    .pd3 {
        left: 0;
        right: auto;
        transform: rotate(144deg);
        width: 61px;
    }

    .products-wrap {
        flex-direction: column;
        gap: 20px;
    }

    .products-cards {
        width: 100%;
    }

    .products-cards .media img {
        width: 100%;
    }

    aside.filter-sidebar {
        position: absolute;
        padding: 20px;
        left: -100%;
        transition: all .5s;
    }

    aside.filter-sidebar.is-open {
        left: 0;
    }

    .filter-pill {
        padding: 7px 12px;
    }

    .filter-pills {
        gap: 10px;
    }

    .site-products {
        overflow-x: hidden;
    }

    .footer-gallary img {
        width: 100%;
    }

    .site-hero {
        overflow: hidden;
    }

    .supply-cta {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 20px;
        text-align: left;
    }

    .workshop-head {
        flex-direction: column;
    }

    .workshop-slider {
        width: 100%;
    }

    .workshop-info-card {
        width: 100%;
        padding: 30px;
    }

    .workshop-row,
    .workshop-row:nth-child(even) {
        flex-direction: column;
    }

    .workshop-projects {
        gap: 30px;
    }

    .workshop-row {
        gap: 10px;
    }

    .faq-card {
        padding: 16px;
    }


    .plan-video {
        object-fit: contain;
    }

    .trail-form input[type="submit"] {
        margin: initial;
        margin-top: 16px;
    }

    .trail-form, .trail-form p{flex-direction: column;gap: 0;}

    .supply-wrapper {
        flex-direction: column;
    }

    .supply-video-card {
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
        flex: none;
    }

    .supply-cta {
        width: 100%;
        padding: 24px;
    }

    .mobile-menu {
        display: block;
    }

    header .flex.gap-2 {
        margin-left: auto;
    }

    .site-menu .dropdown-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 300ms ease;
    }

    .site-menu>li>a img {
        transition: transform 200ms ease;
    }

    .site-menu>li.submenu-open>a img {
        transform: rotate(180deg);
    }

    .mobile-menu-close {
        display: block;
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .project-form {
        grid-template-columns: 1fr;
    }

    .supply-card {
        padding: 18px;
    }

    .supply-card legend {
        font-size: 24px;
        margin-bottom: 16px;
    }

    .supplies-grid {
        grid-template-columns: 1fr;
        row-gap: 12px;
        column-gap: 0;
    }

    .check-item {
        font-size: 15px;
    }

    .home-cta {
        padding: 16px 24px;
        border-radius: 16px;
        flex-direction: column;
        align-items: flex-start;
    }

    .workshop-slider .swiper-slide img.radius-2 {
        border-radius: 8px;
    }

    .workshop-slider {
        padding-bottom: 4px !important;
    }

    .mob-arrow-top {
        top: 20px;
        right: 0px;
    }


    .how-work-graphic {
        top: 14px;
        right: 30%;
        width: 92px;
        height: 70px;
        left: initial;
    }

    .how-work-graphic video{width: 135px;}

    .how-work-graphic img {
        object-fit: contain;
    }

    .mob-arrow-bttm {
        top: 145px;
    }

    .site-menu>li.for-mobile {
        display: flex !important;
    }


    .order-summary-col {
        gap: 24px;
        margin-top: 24px;
    }

    .product-order-wrapper,
    .visual-product-row,
    .add-items,
    .checkout-wrapper,
    .purchased-items-wrapper .flex-row {
        flex-direction: column;
        align-items: initial;
        gap: 24px;
    }

    .checkout-wrapper {
        /* flex-direction: column-reverse; */
        align-items: initial;
        gap: 24px;
    }

    .edit-btn {
        align-self: flex-start;
    }

    .grand-total {
        font-size: 20px;
    }

    /* .checkout-section .order-summary-col {
        gap: 16px;
    } */

    .checkout-section .checkout-form-col {
        & {

            input[type="text"],
            input[type="email"],
            input[type="tel"],
            .login-alert {
                height: 48px;
                padding: 16px;
            }

            input[type="submit"] {
                width: 100%;
                margin-top: 16px;
                height: 48px;
            }
        }
    }

    .address-wrapper {
        flex-direction: column-reverse;
        gap: 24px;
        align-items: initial;
    }

    .zig-wrapper>.zig-zag:has(.nivi-signature){flex-direction: column !important;margin-top: -45px;}
    .workshop-cover{height: 220px;}

    .helping-kids-media{position: relative;right: initial;top: initial;transform: none;transform: scale(.9);margin-top: 100px;}
    .sp-top-left {top: -20px;left: 3vw;width: 60px;z-index: 1;}
    .sp-bottom{width: 180px;}
    .contact-email-text{flex-direction: column;gap: 0; font-size: 20px;}
    .contact-insta img{width: 38px;height: 38px;}

    .trail-form .wpcf7-not-valid-tip{top: 105px;}
    #popupOverlay .popup-modal .trail-form input[type="submit"]{margin-top: 16px;}
    .woocommerce-MyAccount-navigation ul{flex-direction: column;}
    

}


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