/* MOBILE */
@media only screen and (max-width: 800px) {

    /* universal */
    :root {
        /* Font Size */
        --font-size-xs: 10px;
        --font-size-s: 12px;
        --font-size-m: 14px;
        --font-size-l: 18px;
        --font-size-xl: 22px;
        --font-size-xxl: 26px;
        --font-size-xxxl: 34px;
        --font-size-xxxxl: 34px;
    }

    .btn {
        padding: 5px 16px;
    }

    .navbar-mobile {
        display: block;
    }

    .navbar-desktop {
        display: none;
    }

    .dropdown-menu {
        display: block;
        position: relative;
        width: 100%;
        background: #333;
        padding: 0 0 0 20px;
    }

    .dropdown-menu>li>a {
        color: #fff;
    }

    /* header */
    .page-head {
        padding: 40px 0;
    }

    .postbox-lg {
        height: 450px;
        margin: 0 0 30px 0;
    }

    .postbox-sm figure {
        margin: 0 0 20px 0;
    }

    .card-container-pro,
    .card-container,
    .card-container-white {
        flex: 1 0 85%;
    }

    .card-lg figure {
        height: 350px;
    }

    .videobox-sm figure,
    .card figure {
        margin: 0 0 20px 0;
        height: 350px;
    }

    .sticky-sm {
        height: auto;
    }

    .sticky-box {
        text-align: center;
    }

    .kit-of-the-month {
        grid-template-columns: 100%;
    }

    .kit-of-the-month .item {
        padding: 30px;
    }

    .kit-of-the-month .item.kit-img {
        height: 350px;
    }

    .issuem_archive {
        width: 50%;
        padding: 0px 5px;
        margin: 0;
    }

    .issuem_archive img {
        width: 100%;
        height: auto;
    }

    /* filter */
    .filterbox ul {
        margin: 20px 0 0 0;
    }

    .filterbox ul li {
        margin: 0 5px 10px 0;
    }

    .filterbox ul li a {
        display: inline-block;
    }

    /* contact */
    .contact-details h2 {
        margin: 0 0 30px 0;
        font-size: var(--font-size-xl);
    }

    .contact-add h3 {
        font-size: var(--font-size-l);
    }

    .contact-add {
        padding: 20px;
    }

    .contact-add i {
        font-size: var(--font-size-xxl);
    }

    .contact-map iframe {
        height: 400px;
    }

    .contactform {
        padding: 30px;
    }

    /* my account */
    .woocommerce-MyAccount-navigation {
        margin: 0 0 20px 0;
        width: 100% !important;
        float: none;
    }

    .woocommerce-MyAccount-content {
        width: 100% !important;
        float: none;
        padding: 30px;
    }

    .woocommerce-MyAccount-navigation li a {
        padding: 16px 16px 16px 55px;
    }

    /* pagination */
    .pagenavi span,
    .pagenavi a {
        padding: 8px 10px !important;
    }

    .pagenavi span.pages {
        display: block;
        margin-bottom: 20px;
        border: none;
    }

    .pagenavi a:last-child {
        display: block;
        margin: 15px 0px;
    }

    .pagenavi>a.prev-link {
        display: block;
        margin: 15px 0px;
    }

    /* footer */
    footer {
        padding: 30px 0;
    }

    footer img {
        margin: 0px auto 30px auto;
    }

    .social-follow {
        margin: 50px 0;
        text-align: center;
        display: block;
    }

    footer h2 {
        text-align: center;
    }

    footer ul {
        text-align: center;
        margin: 0 0 30px 0;
    }

    footer .copyright {
        padding: 10px 0 60px 0;
    }

    .sidebar-nav-container {
        display: none;
    }

    .woocommerce .woocommerce-error .button,
    .woocommerce .woocommerce-info .button,
    .woocommerce .woocommerce-message .button,
    .woocommerce-page .woocommerce-error .button,
    .woocommerce-page .woocommerce-info .button,
    .woocommerce-page .woocommerce-message .button {
        padding: 10px;
    }


    /* 404 PAGE */
    .errorFound .content404 {
        padding: 50px 0;
    }

    .errorFound .title404 {
        font-size: 36px;
    }

    .errorFound .title404Bar {
        font-size: 20px;
        width: 90%;
    }

    .search-form {
        width: 100%;
    }

    .filterbox input[type=submit] {
        margin: 10px 0 0 0;
    }

    .des-box {
        display: block;
    }

    .des-box .des-item {
        padding: 50px;
    }

    .des-box .des-item .des-content-left {
        width: 100%;
    }

    .des-box .des-item .des-content-right {
        width: 100%;
    }

    .des-box .des-item.des-img-1 {
        height: 300px;
    }

    .des-box .des-item.des-img-2 {
        height: 300px;
    }

    .woocommerce div.product div.images.woocommerce-product-gallery {
        position: relative;
    }

    .featuredbox {
        padding: 0;
    }


    .probox figure {
        width: 100%;
        height: 350px;
    }

    .grid-heading {
        display: block;
    }

    .grid-heading .grid-item h2 {
        font-size: 30px;
    }


    .dropdown-menu {
        margin: 0 0 20px 0;
    }

    .dropdown-menu>li>a {
        font-size: 14px;
        font-weight: normal;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }


    .card-container-col-4,
    .card-container-col-5,
    .card-container-col-6 {
        grid-template-columns: 100%;
    }

    .woocommerce-product-details__short-description iframe {
        width: 100%;
        height: 300px;
    }


    .des-box {
        display: block;
    }

    .des-box .des-item .des-content-right {
        float: none;
    }

    .drummer-more h2 {
        font-size: var(--font-size-xl);
        line-height: var(--font-size-xl);
    }

    .post-entry iframe {
        width: 100%;
        height: 300px;
    }

    .kl-private-reset-css-Xuajs1 {
        display: block !important;
        padding: 0px !important;
        width: 100% !important;
    }

    .kl-private-reset-css-Xuajs1 input {
        padding: 10px !important;
        width: 100% !important;
        margin: 0 0 5px 0 !important;
    }

    .klaviyo-form-XsspLD {
        width: 90% !important;
        margin: 0px auto !important;
    }

    .div-height {
        min-height: 100px;
    }

    .newsletterform {
        padding: 20px 0;
        width: 80%;
        margin: 0 auto;
    }

    .newsletterbox p {
        margin: 0 0 10px 0 !important;
    }

    .newsletterbox button {
        width: 100% !important;
    }

    .kl-private-reset-css-Xuajs1 {
        display: block !important;
        padding: 0px !important;
        width: 100% !important;
    }

    .navbar-brand {
        width: 220px;
        padding: 0;
        margin: 15px 0 0 10px;
    }

    .blackbox,
    .greybox,
    .whitebox {
        padding: 20px 0;
    }

    .alert-bogo {
        margin: 0 0 20px 0;
    }

    .titlebox h1 {
        font-size: var(--font-size-xl);
        line-height: var(--font-size-xxl);
        margin: 0 0 10px 0;
    }

    .postbox-archive,
    .postbox-md,
    .postbox-sm,
    .subs-item ul,
    .titlebox,
    blockquote,
    p {
        margin: 0 0 10px;
    }

    #wc-stripe-payment-request-wrapper,
    .single_add_to_cart_button {
        width: 100%;
    }

    #wc-stripe-payment-request-button-separator {
        width: 100%;
        margin: 10px 0 !important;
    }

    /* BUNDLE PRODUCTS STYLES */
    .bundled_product_summary .product_title {
        margin-bottom: 5px;
    }

    .bundled_product_summary label {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .woocommerce-variation-add-to-cart,
    .woocommerce div.product form.cart .variations {
        width: 100%;
    }


    .vote-now{
        margin-left: 0;
    }

}


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

    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before {
        content: attr(data-title) " " !important;
    }
}

/* PRODUCT DETAILS PAGE TABS */
@media (min-width: 768px) {
    .product-info-box .panel-heading {
        display: none;
    }

    .product-info-box .panel {
        border: none;
        box-shadow: none;
    }

    .product-info-box .panel-collapse {
        height: auto;
    }

    .product-info-box .panel-collapse.collapse {
        display: block;
    }
}

@media (max-width: 767px) {
    .product-info-box .tab-content .tab-pane {
        display: block;
    }

    .product-info-box .nav-tabs {
        display: none;
    }

    .product-info-box .panel-title a {
        display: block;
    }

    .product-info-box .panel {
        margin: 0;
        box-shadow: none;
        border-radius: 0;
        margin-top: -2px;
    }

    .product-info-box .tab-pane:first-child .panel {
        border-radius: 5px 5px 0 0;
    }

    .product-info-box .tab-pane:last-child .panel {
        border-radius: 0 0 5px 5px;
    }

    .product-info-box .panel-body {
        padding: 25px;
        border: none;
        border-radius: 0px;
        margin: 0;
    }
}


@media (max-width: 600px) {

    .card-container-col-3 .grid-item .probox,
    .card-container-col-3 .probox .rate {
        text-align: center;
    }

    .card-container-col-3 .probox figure {
        height: 200px;
        margin: 0 0 20px 0;
    }

    .sale-badge-bottom {
        top: 10px !important;
        bottom: auto !important;
        right: 10px !important;
    }

    .button-bottom {
        position: static;
    }

    .card-container-col-3 .grid-item .probox h2 {
        margin: 0 0 5px 0;
        text-align: center;
    }

    .card-container-col-3 .probox .profoot .add-to-cart {
        margin: 10px auto 0px auto;
    }

    .grid-heading {
        margin: 0;
    }

    #sidebarnav {
        display: none;
    }
}

@media only screen and (max-width: 460px) {
    .navbar-brand {
        padding-top: 5px !important;
    }
}

@media only screen and (max-width: 460px) {
    div.cartBox.cartBoxMobile {
        width: 55px !important;
    }
}