@media only screen and (max-width: 1281px) {
    .ip-info {
        right: 24px;
        bottom: 24px;
        left: 16px;
    }

    .home-slider {
        max-width: calc(100% - 32px);
    }
    
    .tns-controls button {
        left: 16px;
    }
    
    .tns-controls button:last-child {
        right: 16px;
    }
}


@media only screen and (max-width: 1024px) {
    .intro-posts {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media only screen and (max-width: 959px) {
    body .header-padding {
        padding: 8px 0;
    }
    
    body #site-logo .logo-img {
        max-height: 48px;
    }

    #footer-widgets .col {
        width: fit-content;
    }
    .full-screen-overlay-nav-content-inner {
        padding: 20px 0 70px;
        font-size: 24px;
        line-height: 42px;
        font-weight: 500;
    }
    
    .full-screen-overlay-nav {
        border: 6px solid #00b589;
    }
    
    .full-screen-overlay-nav.white {
        background: #fff;
    }
    
    .full-screen-overlay-nav button.full-screen-overlay-nav-close {
        bottom: 0;
        left: 50%;
        top: unset;
        transform: translateX(-50%);
        background: #00b589;
        color: #fff;
        width: 72px;
        height: 60px;
        line-height: 60px;
        border-radius: 30px 30px 0 0;
        opacity: 1;
    }

    body.woocommerce .woocommerce-result-count {
        display: none;
    }
    
    body.woocommerce .woocommerce-ordering {
        display: none;
    }
    
    body.has-sidebar.woocommerce.archive #sidebar {
        display: none;
    }
    
    .filter-order {
        display: flex;
        grid-gap: 16px;
    }
    
    .filter-order a {
        width: 100%;
        height: 40px;
        border: 1px solid #ccc;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #777;
    }
    
    .filter-order a:before {
        content: "";
        margin-left: 8px;
        width: 16px;
        height: 16px;
        background-color: #777;
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
    }
    
    a.show_filter:before {
        -webkit-mask-image: url(../icons/filter.svg);
    }
    
    a.show_order:before {
        -webkit-mask-image: url(../icons/sort.svg);
    }
    
    .back-order {
        position: fixed;
        display: none;
        top: 0px;
        bottom: 0px;
        right: 0px;
        left: 0px;
        background-color: #000;
        opacity: .8;
        z-index: 999;
    }
    
    body.woocommerce .show-ordering {
        display: flex;
        flex-direction: column;
        position: fixed;
        right: 0px;
        width: 100%;
        border: none;
        padding: 0 0 16px;
        bottom: 0px;
        margin: 0px;
        z-index: 9999999;
        background-color: #fff;
        gap: 0;
    }
    
    .back-order-show {
        display: block;
    }
    
    body.woocommerce .show-ordering > div {
        display: none;
    }
    
    body.woocommerce .show-ordering >  span {
        padding: 0 16px;
        border: none;
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 28px;
        position: relative;
    }
    
    body.woocommerce .show-ordering p {
        font-size: 16px;
        font-weight: 600;
        line-height: 30px;
        margin-bottom: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 48px;
        border-bottom: 1px solid #eee;
        position: relative;
    }
    
    body.woocommerce .show-ordering p span {
        width: 16px;
        height: 16px;
        background-color: #eee;
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-image: url(../icons/close.svg);
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    body.woocommerce .show-ordering span:before {
        content: "";
        width: 16px;
        height: 16px!important;
        margin-left: 10px;
        vertical-align: middle;
        background-color: #fff!important;
        border-radius: 20px!important;
        display: inline-block;
        border: 1px solid #e0e0e0;
        position: unset!important;
    }
    
    body.woocommerce .show-ordering span.active:before {
        background-color: #501ba7!important;
        border-color: #501ba7;
    }
    
    span.ordering-close:before {
        display: none!important;
    }
    
    body.woocommerce .woocommerce-ordering span.active:after {
        content: "";
        width: 8px;
        height: 8px;
        background-color: #fff;
        border-radius: 20px;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }
    
    body.woocommerce .show-sidebar {
        display: block!important;
        position: fixed!important;
        top: 0px;
        right: 0px;
        left: 0px;
        bottom: 0px;
        overflow: scroll;
        background: #fff;
        z-index: 999999;
        padding: 24px 16px;
    }
    
    #sidebar-inner div#block-9 {
        display: unset;
    }
    
    .filter-header {
        display: flex;
        height: 48px;
        position: fixed;
        top: 0px;
        right: 0px;
        width: 100%;
        padding: 0 16px;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        font-size: 16px;
        font-weight: 600;
        line-height: 30px;
        z-index: 9;
        border-bottom: 1px solid #eee;
    }
    
    body.woocommerce .show-sidebar {
        padding: 72px 16px 32px;
        width: 100%;
    }
    
    span.close_filter {
        width: 16px;
        height: 16px;
        background-color: #777;
        -webkit-mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        -webkit-mask-image: url(../icons/close.svg);
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .archive.woocommerce div#primary {
        width: 100%;
    }
    
    .archive ul.products.wpex-grid {
        gap: 16px;
        border: none;
    }
    
    .archive.woocommerce aside#sidebar.show-sidebar {
        width: 100%;
    }

    .tns-controls {
        display: none;
    }
    
    .tns-nav {
        display: flex;
    }
    
    .slide-text {
        right: 32px;
    }
}


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

    .intro-posts {
        grid-template-columns: 1fr;
        margin-bottom: 42px;
    }
    
    a.intro-post-box:before {
        padding-bottom: 55%;
        min-height: unset;
    }
    
    .ip-info {
        left: 16px;
        right: 16px;
        bottom: 16px;
    }
    
    .ip_term_list {
        margin: 0;
    }
    
    .post-box {
        flex-direction: column;
        gap: 16px;
    }
    
    a.post-box-thumb {
        max-width: unset;
        min-width: unset;
        aspect-ratio: 2;
    }
    
    a.post-box-thumb img {
        aspect-ratio: 2;
        object-fit: cover;
        object-position: center;
    }
    
    a.post-box-title {
        font-size: 16px;
        line-height: 32px;
        margin: 4px 0 8px;
    }
    
    a.pop-thumb img {
        width: 80px;
        min-width: 80px;
        height: 80px;
    }

    .single-post main#main {
        margin-top: 42px;
    }
    
    h1.single-post-title {
        font-size: 20px;
        line-height: 32px;
    }
    
    .single-head {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px 16px;
        margin: 12px 0 16px;
    }
    
    .post-tags {
        flex-direction: column;
        align-items: start;
        padding-bottom: 16px;
        margin: 24px 0 32px;
    }
    
    .post-share {
        margin: 0;
    }
    
    .post-tags .wpex-social-share {
        position: unset;
        height: 0;
    }
    
    .single-post .tns-outer {
        margin: 0 -16px;
    }
    
    .single-post .tns-controls {
        display: none;
    }
    
    .theme-heading.border-bottom {
        font-size: 16px;
    }

    p.form-submit input[type="submit"] {
        width: 100%;
    }

    div#footer-inner {
        padding-top: 24px;
    }
    
    div#footer-widgets {
        gap: 32px 16px;
    }
        
    footer .wpex-pb-40 {
        padding: 0;
    }
    
    .footer-links a {
        width: 100%;
    }
    
    div#footer-bottom {
        margin-top: 24px;
        padding: 8px 0 16px;
    }
    
    .footer-bottom-flex {
        flex-direction: column-reverse;
        gap: 16px;
    }

    textarea#comment {
        height: 150px;
    }

    .page-head {
        margin: 24px auto 16px;
        font-size: 20px;
        line-height: 32px;
        padding: 0 0 4px;
    }
    
    .team-sec {
        margin: 42px 0;
        gap: 24px;
        flex-wrap: nowrap!important;
    }
    
    .team-sec .wp-block-column {
        flex-basis: unset!important;
    }
    
    figure.team-img {
        padding: 8px;
    }
    
    h3.wp-block-heading.team-title {
        font-size: 18px;
    }
    
    .about-form {
        margin-bottom: 0;
    }
    
    .quform .quform-field-textarea {
        max-height: 150px;
    }

    .single-product .product.entry {
        flex-direction: column-reverse;
        gap: 16px;
    }
    
    .woocommerce main#main {
        margin-top: 42px;
    }

    .single-product main#main {
        margin-top: 16px;
    }
    
    .product div#sidebar {
        max-width: unset;
    }
    
    .prd-teacher-img {
        width: 42px;
        height: 42px;
    }
    
    .prd-sidebar p.price {
        margin-top: 16px;
        font-size: 24px;
    }
    
    .prd-sidebar p.price .woocommerce-Price-currencySymbol {
        font-size: 20px;
    }
    
    .prd-sidebar a.button {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        height: 48px;
        border-radius: 4px 4px 0 0;
        z-index: 9;
    }
    
    .prd-sidebar {
        padding: 16px;
    }
    
    .prd-share {
        margin-top: 16px;
        text-align: center;
    }
    
    .prd-sidebar .wpex-social-share ul {
        justify-content: center;
    }
    
    body.woocommerce div.product div.images {
        margin-bottom: 16px;
    }

    .prd-sidebar-prices {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }
    
    .prd-sidebar-prices > div {
        margin: 0;
    }

    .single-product div#footer-bottom {
        padding-bottom: 64px;
    }
    
    .single-product a#site-scroll-top {
        margin: 0 0 56px 16px;
    }

    h1.product_title.entry-title.single-post-title {
        font-size: 26px;
        line-height: 32px;
    }

    .prd-teacher {
        margin-bottom: 16px;
    }

    .prd-info {
        margin-bottom: 32px;
    }

    .prd-content-title {
        font-size: 20px;
    }

    .prd-content-item:not(:last-child) {
        margin-bottom: 24px;
    }

    .prd-instructor-sec {
        margin-top: 42px;
    }

    .prd-i-info {
        gap: 16px;
        flex-wrap: wrap;
    }

    .prd-i-certi {
        position: absolute;
        left: 16px;
        bottom: 16px;
        gap: 8px;
    }

    .prd-i-certi img {
        width: 24px;
        height: 24px;
    }

    .prd-instructor-card {
        position: relative;
    }

    .prd-i-other-post {
        margin-top: 24px;
    }

    .prd-i-other-post-title {
        font-size: 16px;
        margin: 0;
    }

    .prd-disclaimer {
        margin-top: 42px;
    }

    .prd-i-other-post-in {
        padding: 0;
        background: none;
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 16px;
    }
    
    .cart-collaterals .wc-proceed-to-checkout .button {
        width: 100%;
    }
    
    table.cart .actions .coupon {
        flex-direction: column;
        gap: 4px;
        margin-bottom: 10px;
    }
    
    table.cart .actions button[name="update_cart"] {
        width: 100%;
    }

    .slide-text h2 {
        font-size: 18px;
        line-height: 30px;
    }
    
    .slide-text p {
        font-size: 14px;
        line-height: 28px;
    }
    
    .tns-slide-active .slide-text {
        gap: 8px;
    }
    
    .slide-text {
        right: 24px;
    }

    .home-slider {
        margin-top: 24px;
    }
    
    .slide-img {
        border-radius: 8px;
        aspect-ratio: 2;
    }

    p {
        margin-bottom: 16px;
    }
    
    body .elementor-align-center .elementor-button {
        width: 100%;
    }
    
    .home-posts {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
        margin-top: 12px;
    }
    
    .home-post-box img {
        aspect-ratio: 2.5;
    }
    
    .home-post-box a {
        margin: 8px 0 0;
    }
    
    .home-event {
        margin: 8px 0;
    }
    
    .event-post-box {
        flex-direction: column-reverse;
        gap: 16px;
    }
    
    img.event-img {
        max-width: unset!important;
    }
    
    .event-info {
        max-width: unset;
        padding: 0;
    }
    
    .event-title {
        font-size: 20px;
        line-height: 24px;
        margin: 8px 0;
    }
    
    .event-date {
        font-size: 16px;
    }
    
    .event-desc {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    
    .event-type span {
        width: 32px;
        height: 32px;
    }
    
    .event-type {
        font-size: 16px;
    }

    .home-event .tns-nav {
        position: absolute;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
    }

    .home-story .tns-nav button {
        width: 10px;
        height: 10px;
        border: none;
        background: #00b185;
    }

    .home-story .tns-nav button.tns-nav-active {
        width: 20px;
    }

    .story-post {
        min-height: unset;
    }

    .home-story .tns-outer {
        gap: 24px;
    }

    .home-story-in {
        align-items: unset;
    }

    .story-post-box {
        margin: 0;
    }

    .elementor-widget:not(:last-child) {
        margin-bottom: 8px;
    }

    .elementor-23 .elementor-element.elementor-element-8347b6c {
        margin: 0;
    }

    .elementor-23 .elementor-element.elementor-element-8347b6c p {
        margin: 0;
    }
    
    .home-story {
        margin-bottom: 42px;
    }

    .home-sec-title h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }


}