/* =========================================================
   MOBILE
========================================================= */

@media (max-width:768px){

    .single-product div.product div.images,
    .single-product div.product div.images img,
    .single-product .woocommerce-product-gallery,
    .single-product .woocommerce-product-gallery img,
    .single-product div.product div.images .woocommerce-product-gallery__image,
    .single-product div.product div.images .woocommerce-product-gallery__image img {
        border-radius: 0 !important;
    }

    .woocommerce-Tabs-panel,
    .woocommerce-tabs .panel{
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .lajudemy-premium-box{
        padding:18px !important;
        border-radius:16px !important;
    }

    .lajudemy-premium-box h2{
        font-size:22px !important;
    }

    .lajudemy-product-layout{
        width:100% !important;
        float:none !important;
        margin-top:26px !important;
    }

    .lajudemy-product-sidebar{
        width:100% !important;
        margin:0 !important;
        position:relative !important;
        top:auto !important;
    }

    .lajudemy-sidebar-card{
        padding:18px !important;
        border-radius:16px !important;
    }

    .lajudemy-sidebar-card:last-child {
        padding: 24px 18px 22px !important;
        border-radius: 18px !important;
    }

    .lajudemy-sidebar-card:last-child::before {
        width: 72px !important;
        height: 72px !important;
        margin-bottom: 14px !important;
    }

    .lajudemy-sidebar-card:last-child h3 {
        margin-bottom: 12px !important;
        padding: 6px 13px;
        font-size: 10px !important;
    }

    .lajudemy-sidebar-card:last-child p strong {
        font-size: clamp(1.25rem, 5.5vw, 1.45rem) !important;
    }

    .lajudemy-sidebar-card:last-child p strong::after {
        margin: 10px auto 8px;
        height: 3px;
    }

    .lajudemy-sidebar-card:last-child p:last-of-type {
        font-size: 13px !important;
    }

    .lajudemy-module summary{
        font-size:16px !important;
        padding:16px 18px !important;
    }

    .lajudemy-module .module-content{
        padding:0 18px 18px !important;
    }

    .lajudemy-video-course .video-step{
        padding:18px !important;
    }

    .lajudemy-video-course .video-title{
        font-size:18px !important;
    }

    .lajudemy-download-area .download-card{
        flex-direction:column !important;
        padding:18px !important;
    }

    .lajudemy-bonus-area .bonus-card{
        padding:22px !important;
    }

    .lajudemy-bonus-area h3{
        font-size:22px !important;
    }

    .lajudemy-faq summary{
        font-size:16px !important;
        padding:18px 20px !important;
    }

    .lajudemy-faq .faq-content{
        padding:0 20px 20px !important;
    }

    .lajudemy-update-area .update-card{
        padding:20px !important;
    }

    .lajudemy-community-area .community-hero{
        padding:28px 20px !important;
        border-radius:22px !important;
    }

    .lajudemy-community-area .community-hero h2{
        font-size:30px !important;
    }

    .lajudemy-support-area .support-hero{
        padding:30px 20px !important;
        border-radius:22px !important;
    }

    .lajudemy-support-area .support-hero h2{
        font-size:32px !important;
    }

    .lajudemy-support-area .support-button{
        width:100% !important;
    }

    .lajudemy-understand-box{
        padding:14px 16px !important;
    }

    .lajudemy-progress-note{
        padding:14px 16px 14px 48px !important;
    }

    .lajudemy-progress-note::before{
        left:14px !important;
        top:13px !important;
    }

    .single-product div.product .summary .stock.out-of-stock,
    .single-product div.product .entry-summary .stock.out-of-stock {
        margin: 10px 0 !important;
    }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width:991px){

    .woocommerce div.product .woocommerce-tabs{
        width:100% !important;
        float:none !important;
    }

    .lajudemy-product-layout{
        width:100% !important;
        float:none !important;
    }

    .related.products{
        clear:both !important;
    }
}