/*----------------------------------
RESPONSIVE MEDIA QUERIES
Organized by standard breakpoints
------------------------------------

📱 BREAKPOINT REFERENCE:
=========================
XS (Extra Small):  < 576px     Mobile phones (portrait)
SM  (Small):        576-767px   Mobile phones (landscape)
MD  (Medium):       768-991px   Tablets (portrait)
LG  (Large):        992-1199px  Tablets (landscape) & Small desktops
XL (Extra Large):  ≥ 1200px    Standard desktops & up

----------------------------------*/


/* ==========================================================================
   XL - Extra Large Desktops (≥ 1200px)
   Desktop standard screens and larger
   ========================================================================== */

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

    /* CONTAINER */
    .cont {
        width: 970px;
    }

    .cont-inner {
        max-width: 940px;
    }

    /* FRONT CATEGORIES */
    .frontcategs {
        min-width: 939px;
    }

    /* POST */
    .s-post {
        .post-video {
            height: 493px;
        }
    }

    /* GET SPECIAL SECTION */
    .getspec {
        .getspec-cont {
            font-size: 35px;
            h3 {
                font-size: 47px;
            }
        }
    }

    /* SECTION PAGINATION */
    .archive.woocommerce-page ul.cont-sections,
    ul.cont-sections {
        position: relative;
        right: auto;
        top: auto;
        background: transparent;
        max-width: 100%;
        padding: 0 0 15px;
        display: block;
        width: auto;
        text-align: left;
        margin: 0;
        height: auto;

        li {
            margin: 0;
            padding: 0 30px 12px 0;
        }

        .cont-sections-more {
            display: none !important;
        }
    }

    /* QUICK VIEW MODAL */
    .quick-view-modal {
        width: 930px;
    }

    /* CART */
    .cart-actions {
        .cart-collaterals {
            padding: 0 0 0 6%;
        }

        .wc-proceed-to-checkout {
            padding: 4px 0 0;
        }
    }
}


/* ==========================================================================
   LG - Large Screens (992px - 1199px)
   Tablets landscape & Small desktops
   ========================================================================== */

@media only screen and (min-width: 993px) and (max-width: 1221px) {

    .prod-litems {
        .prod-li-ttl-wrap {
            padding: 15px 20px 10px 20px;
        }

        .prod-li-qnt-wrap,
        .prod-li-total-wrap,
        .prod-li-price-wrap {
            width: 31.5%;
        }

        .prod-li-info {
            padding: 0 20px 9px 20px;
        }

        .prod-li-add {
            .button {
                padding: 0 0 0 10px;
                .icon {
                    margin: 0 11px 0 0;
                }
            }
            .added_to_cart {
                padding: 0 25px 0 3px;
            }
        }

        .prod-li-rating-wrap .prod-li-rating {
            margin: 0;
        }

        .prod-li {
            .prod-i-cart,
            .prod-li-favorites,
            .prod-li-compare,
            .prod-quickview {
                margin: 9px 5px 0;
            }
        }
    }
}

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

    .section-list-withsb .prod-li .prod-li-props {
        dt {
            width: 23%;
            &:nth-of-type(3n+1) {
                clear: none;
            }
            &:nth-of-type(2n+1) {
                clear: left;
            }
        }
        dd {
            width: 27%;
        }
    }

    /* CONTAINER */
    .cont {
        width: 750px;
    }

    .cont-inner {
        max-width: 720px;
    }

    /* FRONT CATEGORIES */
    .frontcategs {
        min-width: 719px;
    }

    .section-list-withsb {
        float: none;
        width: auto;
    }

    .section-wrap-withsb .woof_submit_search_form_container .woof_reset_search_form {
        position: relative;
        right: auto;
        top: auto;
        float: none !important;
        margin: 0 0 30px 30px;
    }

    /* CATEGORIES LIST */
    .categs-list li {
        width: 25%;
    }

    /* SECTION SORTING */
    .section-top {
        padding: 0 0 20px;

        .section-top-sort {
            position: relative;
            top: auto;
            right: auto;
        }

        .products-per-page,
        .section-sort,
        .section-view {
            position: relative;
            margin: 0 30px 25px 0;
            float: left;
        }

        .products-per-page {
            margin: 0 0 25px 0;
        }
    }

    /* CART */
    .cart-actions {
        .coupon {
            float: none;
            width: 100%;
            margin: 0 0 20px;
        }

        .cart-collaterals {
            padding: 0;
            float: none;
            width: 100%;
        }
    }

    /* CONTACTS */
    .contacts-col1 {
        width: 50%;
        padding: 0 3% 0 0;
    }

    .contacts-col2 {
        width: 50%;
        padding: 0 0 0 0;
    }

    .contacts-form {
        float: none;
        width: 100%;
        text-align: center;
        clear: both;
        max-width: 300px;
        margin: 0 auto;
    }

    /* BLOG */
    .blog-cont {
        float: none;
        width: auto;
        margin: 0 -15px;
    }

    .blog-grid-i {
        width: 50%;
        margin: 0 0 26px;
        padding: 0 15px;
    }

    .blog-sb {
        float: none;
        width: 100%;
        margin-top: 27px;
    }

    .blog-full .blog-cont .blog-grid-i {
        width: 50%;
    }

    .blog-left .blog-cont .blog-grid-i {
        width: 50%;
        margin: 0 0 26px;
        padding: 0 15px;
    }

    .post-sidebar {
        .s-post {
            float: none;
            width: 100%;
            margin-right: 0;
        }

        .blog-sb {
            margin-top: 30px;
        }
    }

    .post-sidebar-left {
        .s-post {
            float: none;
            width: 100%;
            margin-right: 0;
            margin-top: 30px !important;
        }

        .blog-sb {
            margin-top: 30px;
        }
    }

    /* POST */
    .s-post .post-video {
        height: 370px;
    }

    /* ABOUT US */
    .about-gallery li {
        width: 33.333333333%;
    }

    /* COMPARISON TABLE */
    .wccm-table-wrapper .wccm-table {
        .wccm-thumb {
            min-width: 120px;
            height: 120px;
        }

        .wccm-td {
            width: 140px !important;
            min-width: 140px !important;
            .price {
                font-size: 17px;
            }
        }
    }

    .wccm-td a {
        font-size: 15px;
    }
}


/* ==========================================================================
   MD - Medium Tablets (768px - 991px)
   Tablets portrait mode
   ========================================================================== */

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

    .prod-tab .prod-tab-props {
        padding: 2px 0 0;

        dt {
            width: 23%;
            &:nth-of-type(3n+1) {
                clear: none;
            }
            &:nth-of-type(2n+1) {
                clear: left;
            }
        }

        dd {
            width: 27%;
        }
    }

    .prod .prod-props {
        dd {
            width: 50%;
        }
        dt {
            width: 50%;
            clear: left;
        }
    }

    .prod-li .prod-li-props {
        dt {
            width: 23%;
            &:nth-of-type(3n+1) {
                clear: none;
            }
            &:nth-of-type(2n+1) {
                clear: left;
            }
        }
        dd {
            width: 27%;
        }
    }
}

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

    .prod {
        .prod-li-qnt {
            margin: 0;
        }

        .prod-li-compare,
        .prod-li-favorites {
            margin: 10px 0 0 0;
        }
    }
}

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

    /* Moved to static/css/pages/product.css */

    /* CONTAINER */
    .cont {
        width: auto;
    }

    .page-cont {
        padding: 45px 30px 50px;
    }

    .cont-inner {
        width: auto;
        max-width: initial;
    }

    .vc_row .cont-inner .vc_row {
        margin-left: auto;
        margin-right: auto;
    }

    /* FRONT CATEGORIES */
    .frontcategs {
        display: block;
        text-align: center;
        position: relative !important;
        width: 100% !important;
        top: auto !important;
        left: auto !important;
        min-width: initial;

        li {
            display: inline-block;
            vertical-align: top;
            margin: 0 1% 25px;
            width: 30%;
        }
    }

    .fs-pager-wrapper a {
        margin: 12px 0 12px 0;
    }

    /* GET SPECIAL SECTION */
    .getspec {
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;
        text-align: center;

        &.getspec-right {
            text-align: center;
            .getspec-img {
                left: 0;
                right: 0;
                margin: 0;
            }
        }

        .getspec-cont {
            z-index: 2;
            position: relative;
            background: rgba(255, 255, 255, 0.4);
            border-radius: 3px;
            text-align: center;
            max-width: 100%;
            padding: 20px;
            font-size: 30px;

            h3 {
                font-size: 40px;
            }
        }

        .getspec-img {
            z-index: 1;
            position: absolute;
            display: block;
            left: 0;
            right: 0;
            height: 100%;
            overflow: hidden;
            top: 0;
            margin: 0;

            img {
                margin: 0 auto;
            }
        }
    }

    /* CATEGORIES LIST */
    .categs-list li {
        width: 33.33333%;
    }

    /* POST */
    .main-cont .post-comment p.comment-meta {
        position: relative;
        top: auto;
        margin: 0 0 5px;
        right: auto;
    }

    /* ABOUT US */
    body .aboutus-img {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        overflow: hidden;
        background: none !important;
    }

    .aboutus {
        .aboutus-img img {
            display: block;
            height: auto;
            width: 100%;
            max-width: none;
            max-height: 800px;
            margin: 0 auto;
        }
        .flex-control-nav {
            padding: 0 30px;
            width: 100%;
            bottom: 30px;
        }
    }

    .aboutus-cont {
        width: 100%;
        float: none;
        padding: 32px 30px 65px 30px;
    }

    /* CART */
    .main-cont {
        table.cart-table {
            tbody tr td.product-remove {
                width: auto;
                padding: 10px 12px;
                a.remove {
                    display: inline-block;
                }
            }
            td.actions {
                text-align: center;
                overflow: hidden;
                .coupon {
                    .input-text {
                        margin: 0 2% 0 0;
                        width: 49%;
                    }
                    input.button {
                        width: 49%;
                    }
                }
                .update_cart {
                    display: block;
                    margin: 5px 0 0;
                    float: right;
                    clear: both;
                    width: 49%;
                }
            }
        }

        .section-list.cart-list {
            .actions {
                text-align: center;
                overflow: hidden;
            }
            .coupon {
                .input-text {
                    margin: 0 2% 0 0;
                    width: 49%;
                }
                input.button {
                    width: 49%;
                }
            }
            .update_cart {
                display: block;
                margin: 5px 0 0;
                float: right;
                clear: both;
                width: 49%;
            }
        }
    }

    .woocommerce-cart .cart_totals .shipping-calculator-form {
        padding: 8px 0 0 0;
        .jq-selectbox {
            max-width: initial;
            text-align: left;
        }
    }

    /* COMPARISON TABLE */
    .wccm-th {
        width: 110px;
    }

    .wccm-table-wrapper {
        margin: 0 0 0 110px;

        .wccm-table {
            .wccm-thumb {
                min-width: 100px;
                height: 100px;
            }
            .wccm-td {
                width: 120px !important;
                min-width: 120px !important;
                .price {
                    font-size: 17px;
                }
            }
        }
    }

    .wccm-td a {
        font-size: 15px;
    }

    .wccm-compare-table .wccm-tbody {
        font-size: 14px;
    }
}


/* ==========================================================================
   SM - Small Mobile Landscape (576px - 767px)
   Mobile phones landscape mode
   ========================================================================== */

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

    .prod-litems .prod-li {
        .prod-li-information,
        .prod-i-cart,
        .prod-li-favorites,
        .prod-li-compare,
        .prod-quickview {
            margin-left: 5px;
            margin-right: 5px;
        }
    }

    body .site-content .main-cont-ttl:after {
        display: none;
    }

    .page-styling h2 {
        font-size: 2rem;
    }
}

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

    .prod-litems {
        .prod-li-img {
            padding: 20px 20px 35px;
        }

        .prod-li-ttl-wrap {
            padding: 15px 20px 10px 20px;
        }

        .prod-li-info {
            padding: 0 10px 11px 20px;
        }

        .prod-li-rating-wrap {
            float: none;
            position: absolute;
            left: -134px;
            bottom: 10px;
            padding: 0;

            .prod-li-rating-count {
                display: none;
            }
        }

        .prod-li-add {
            float: left;
            padding: 10px 0 0;

            .button {
                padding: 0 15px 0 0;
            }

            .added_to_cart {
                padding: 0 25px 0 3px;
            }
        }

        .prod-li {
            .prod-li-information,
            .prod-i-cart,
            .prod-li-favorites,
            .prod-li-compare,
            .prod-quickview {
                float: left;
                margin: 8px 6px 0;
            }
        }
    }
}

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

    .prod-litems {
        .prod-li-ttl-wrap {
            width: 68%;
            padding: 15px 10px 10px 20px;
        }

        .prod-li-prices {
            width: 32%;
            padding: 0 0 0 45px;
        }

        .prod-li-price-wrap {
            width: auto;
        }

        .prod-li-qnt-wrap {
            width: auto;
            padding: 0;
            position: absolute;
            left: 0;
            top: 50%;
            margin: -25px 0 0;
        }
    }

    .section-sb {
        margin: 0 0 30px;
        width: 100%;
    }

    #section-list-withsb {
        width: 100%;
    }
}

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

    /* BLOG */
    .blog-cont {
        margin: 0;
    }

    .blog-grid-i {
        width: 100%;
        margin: 0 auto 26px;
        padding: 0;
        float: none;
        max-width: 370px;
        position: relative !important;
        left: auto !important;
        top: auto !important;
    }

    .blog-full .blog-cont {
        margin: 0;
        .blog-grid-i {
            width: 100%;
            margin: 0 auto 26px;
            padding: 0;
        }
    }

    .blog-left .blog-cont .blog-grid-i {
        width: 100%;
        margin: 0 auto 26px;
        padding: 0;
    }

    /* ABOUT US */
    .about-gallery li {
        width: 50%;
    }

    /* FRONT SLIDER */
    .fs-pager-wrapper {
        margin: -20px 0 0;
        a {
            margin: 6px 0 6px 0;
        }
    }

    /* FILTERS */
    .section-filter .woof_sid_auto_shortcode .woof_container {
        .section-filter-label {
            width: 100%;
            display: block;
            text-align: left;
        }

        .woof_list_radio,
        .woof_list_checkbox,
        .chosen-container.chosen-container-single,
        .chosen-container.chosen-container-multi {
            width: 96% !important;
            display: block;
            margin: 6px 0 6px 4% !important;
            padding: 5px 15px;
        }
    }

    /* CATEGORIES LIST */
    .categs-list li {
        width: 50%;
    }

    /* POST */
    .s-post .post-info {
        padding: 0;

        h1 {
            margin: 0 0 7px;
            font-size: 26px;
        }

        time {
            position: relative;
            top: auto;
            left: auto;
            span {
                font-size: 35px;
                display: inline-block;
                line-height: 100%;
            }
        }
    }

    .post-addcomment-form input[type=email],
    .post-addcomment-form input[type=text] {
        width: 100%;
        margin: 0 0 15px;
        float: none;
    }

    /* CONTACTS */
    .contacts-col1 {
        width: 100%;
        padding: 0;
    }

    .contacts-col2 {
        width: 100%;
        padding: 0;
    }

    .contacts-form {
        max-width: none;
        text-align: left;
    }
}


/* ==========================================================================
   XS - Extra Small Mobile Portrait (< 576px)
   Mobile phones portrait mode
   Combines: 380px, 480px, 500px, 550px breakpoints
   ========================================================================== */

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

    body .site-content .heading-multishop:after,
    body .main-cont-ttl:after {
        display: none;
    }

    /* FRONT CATEGORIES */
    .frontcategs li {
        display: inline-block;
        vertical-align: top;
        margin: 0 1% 25px;
        width: 45%;
    }

    /* FILTERS */
    .section-filter .woof_sid_auto_shortcode .woof_container {
        width: 100%;
        margin: 0;
        &:after {
            display: none;
        }
    }

    /* ABOUT US */
    .about-gallery li {
        width: 100%;
        float: none;
        max-width: 320px;
        margin: 0 auto;
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }

    /* CATEGORIES & BRANDS ACCORDION ICONS */

    /* POST */
    .post-img {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 15px;

        &+.cont .s-post {
            margin-top: 0;
        }
    }

    .s-post {
        padding: 26px 15px 0;
    }

    .main-cont {
        .post-comment {
            padding: 4px 0 0 70px;
            .children {
                padding-left: 0;
                margin: 30px 0 0 -70px;
                &:after {
                    margin: 0;
                }
            }
        }

        .post-comment-img {
            width: 60px;
        }

        .post-comments {
            padding-top: 15px;
        }

        .post-comment-reply {
            padding-left: 0;
            &:after {
                margin: 0;
            }
        }
    }

    /* COMPARISON TABLE */
    .wccm-th {
        width: 100px;
    }

    .wccm-table-wrapper {
        margin: 0 0 0 100px;

        .wccm-table {
            .wccm-thumb {
                min-width: 70px;
                height: 70px;
            }
            .wccm-td {
                width: 90px !important;
                min-width: 90px !important;
            }
        }
    }

    .wpcf7-form .form-submit .wpcf7-form-control-wrap+input[type=submit] {
        position: relative;
        right: auto;
        bottom: auto;
        top: auto;
        left: auto;
        margin: 20px 0 0;
    }

    /* MODAL FORM */
    .modal-form {
        padding: 20px 20px 15px;
        width: 260px;
    }

    /* LOGO */
    /* Moved to header.css */

    /* PRODUCT LIST */
    .prod-litems {
        .prod-li-img {
            width: auto;
            border: none;
            height: auto;
            padding: 0;
            position: relative;
            top: auto;
            left: auto;
            max-width: 12rem;
        }

        .prod-li-rating-wrap {
            display: none;
        }

        .prod-li-informations {
            padding: 15px 20px 1px;
        }

        .prod-li-ttl-wrap {
            width: max-content;
            padding: 0;

            h3 {
                padding-top: 10px;
                margin-bottom: 5px;
                &:hover {
                    color: var(--third-color);
                    transition: color .2s;
                }
            }

            p {
                color: var(--secondary-text-color);
            }
        }

        .prod-li-add {
            padding: 0;
            .button {
                margin: 0 10px 30px 0;
                padding: 0;
                .icon {
                    margin: 0;
                }
            }
        }

        .prod-li-info {
            padding: 0;
            &::after {
                display: none;
            }
        }

        .prod-li-price::after {
            display: none;
        }

        .prod-li-prices {
            padding: 0;
            &::after {
                display: none;
            }
        }

        .prod-li .prod-li-information {
            margin: 0;
            a:hover {
                background-color: transparent;
            }
            .hover-label span {
                margin: 0 0 0 -58px;
            }
        }
    }

    .main-cont {
        padding: 0 15px 20px;

        .prod-litems {
            .prod-li-inner {
                padding: 0;
                grid-template-columns: auto 1fr .5fr;
                gap: .5rem;

                img {
                    padding: 0;
                }

                .product-order-resume {
                    height: 8rem;
                }
            }

            .prod-li p {
                max-width: max-content;
            }
        }
    }

    .prod-li {
        .prod-li-props {
            dt {
                width: 47%;
                clear: left;
            }
            dd {
                width: 53%;
            }
        }
        .prod-li-props-hasparts .prod-li-props-parts-value {
            width: 53%;
        }
    }

    .cart-item {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .card-header,
    .card-header .product-cart {
        width: 100%;
    }

    .card-header.product-cart {
        justify-content: space-between;
        margin-bottom: 0;
    }

    .card-header:not(.product-cart) {
        justify-content: initial;
        margin-bottom: 2rem;
    }

    .card-body {
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-template-rows: 1fr auto;
        padding-right: 10px;
    }
}

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

    .prod-tab .prod-tab-props {
        dt {
            width: 45%;
        }
        dd {
            width: 55%;
        }
    }

    .prod-related-ttl {
        text-align: center;
    }
}



/* ==========================================================================
   MOBILE - Ultra small screens (≤ 500px)
   Additional mobile optimizations
   ========================================================================== */

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

    .prod-litems {
        .prod-li-cont {
            padding: 0;
        }

        .prod-li-ttl-wrap {
            width: auto;
            display: block;
            padding: 16px 20px 13px 20px;
            border-bottom: 1px solid var(--border-color);

            p {
                margin: 0 0 6px;
            }
        }

        .prod-li-prices {
            width: auto;
            display: block;
            padding: 13px 20px 16px;
        }

        .prod-li-total-wrap,
        .prod-li-price-wrap {
            display: inline-block;
            padding: 0 15px 0 0;
            width: 26%;
            p {
                margin: 0 0 5px;
            }
        }

        .prod-li-qnt-wrap {
            position: relative;
            top: auto;
            left: auto;
            margin: 0;
            padding: 0 15px 0 0;
            width: 26%;
        }

        .prod-li {
            .prod-li-information,
            .prod-i-cart,
            .prod-li-favorites,
            .prod-li-compare,
            .prod-quickview {
                float: none;
                margin: 0 12px 0 -5px;
            }
        }

        .prod-li-add {
            float: none;
            padding: 10px 0 0;
            .button .icon {
                margin: 0 11px 0 0;
            }
        }
    }

    /* CART */
    .main-cont {
        .section-list.cart-list {
            .coupon {
                .input-text {
                    margin: 0 0 13px;
                    width: 100%;
                }
                input.button {
                    width: 100%;
                }
            }
            .update_cart {
                width: 100%;
            }
        }

        table.cart-table td.actions {
            .coupon {
                .input-text {
                    margin: 0 0 13px;
                    width: 100%;
                }
                input.button {
                    width: 100%;
                }
            }
            .update_cart {
                width: 100%;
            }
        }
    }
}

/* ==========================================================================
   MIN-WIDTH QUERIES (Legacy support)
   ========================================================================== */

@media only screen and (min-width: 481px) {
    /* Reserved for future use */
}

@media only screen and (min-width: 768px) {
    /* Reserved for future use */
}


/* ==========================================================================
   END OF MEDIA QUERIES
   ========================================================================== */