/*=====================================================
    
    TABLETS PORTRAIT & SMARTPHONES LANDSCAPE

=====================================================*/


@media all and (max-width: 481px) {

    .blog-overview-content span {
        line-height: 1.5em;
        height: 4em;
        text-overflow: ellipsis !important;
        overflow: hidden;
        width: 100%;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .out-of-stock-product-box {
        font-size: 12px;
    }

    .html-product-details-page .product-page-add-to-cart {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 40px;
        background-color: #fff;
        z-index: 9;
    }

    .html-shopping-cart-page .cart-footer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 40px;
        background-color: #fff;
        z-index: 9;
        box-shadow: 0px 0px 3px rgb(50 50 50 / 75%);
    }

    .html-shopping-cart-page .order-total {
        display: none;
    }

    .html-shopping-cart-page .shipping-cost {
        display: none;
    }

    .html-shopping-cart-page .max-purchase-notice {
        font-size: 12px;
    }

    .html-shopping-cart-page .totals {
        background-color: #FFFFFF;
        padding: 0;
        padding-bottom: 50px;
    }

    .html-shopping-cart-page .update-wishlist-button {
        margin: 0;
    }

    .html-shopping-cart-page .order-totals-mobile-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .html-shopping-cart-page .common-buttons-mobile {
        margin-bottom: 0;
    }

    .html-shopping-cart-page .common-buttons-desktop {
        display: none;
    }

    .html-shopping-cart-page .cart tr {
        padding-bottom: 51px;
    }

    .overview .add-to-wishlist button {
        border: none;
    }

    .product-detail-mobile-overview {
        text-align: left;
    }

    .manufacturers-product-page-simple {
        text-align: left !important;
    }

    .product-title-simple-mobile-overview,
    .combo-deal-name-mobile {
        text-align: left !important;
    }

    .product-box-pack-size-product-simple-mobile {
        text-align: left !important;
    }

    .overview .sku {
        text-align: left !important;
    }

    .html-product-details-page .attributes-wrapper {
        padding-left: 0;
    }

    .html-product-details-page .product-details-container {
        text-align: left;
    }

    .html-product-details-page .attributes-product-detail {
        display: none;
    }

    .content-image-container {
        width: 180px;
    }


    .spec-values {
        display: block;
    }

    .divide-content {
        margin-left: -20px;
    }

    .product-selectors-mobile {
        flex-direction: row-reverse;
        margin-top: 5px;
    }

    .product-ribbon-container,
    .product-combo-deal-container {
        width: 85px;
    }
}

@media screen and (min-width:481px) and (max-width:560px) {

    .promotions-label-image {
        text-align: left;
        margin-left: -15px;
        word-break: break-word;
        max-width: 200px;
    }

    .promotions-view-all-buttons {
        padding: 10px 20px 10px 20px;
        align-self: end;
        margin-top: -50px;
        margin-right: -10px
    }
}

@media screen and (min-width:400px) and (max-width:480px) {
    .promotions-label-image {
        text-align: left;
        margin-left: -15px;
        word-break: break-word;
        max-width: 200px;
    }

    .promotions-view-all-buttons {
        align-self: end;
        margin-top: -50px;
        padding: 10px 20px 10px 20px;
        margin-right: -10px;
    }
}

@media screen and (min-width:370px) and (max-width:400px) {
    .promotions-label-image {
        text-align: left;
        margin-left: -20px;
        word-break: break-word;
        max-width: 200px;
    }

    .promotions-view-all-buttons {
        align-self: end;
        margin-top: -50px;
        padding: 10px 20px 10px 20px;
        margin-right: -20px;
        width: 50% !important;
    }
}

@media screen and (min-width:325px) and (max-width:370px) {
    .promotions-label-image {
        text-align: left;
        margin-left: -20px;
        word-break: break-word;
        max-width: 200px;
        font-size: 17px !important;
    }

    .promotions-view-all-buttons {
        align-self: end;
        margin-top: -50px;
        padding: 10px 10px 10px 10px;
        margin-right: -20px;
    }
}

@media screen and (min-width:280px) and (max-width:325px) {
    .promotions-label-image {
        text-align: left;
        margin-left: -20px;
        word-break: break-word;
        max-width: 140px;
        font-size: 12px !important;
    }

    .promotions-view-all-buttons {
        align-self: end;
        margin-top: -40px;
        padding: 10px 10px 10px 10px;
        margin-right: -20px;
        font-size: 12px !important;
    }
}

@media all and (min-width: 481px) {

    /* GLOBAL STYLES */

    .side-2:after {
        content: "";
        display: block;
        clear: both;
    }

    .html-shopping-cart-page .order-totals-count {
        display: none;
    }

    .html-shopping-cart-page .common-buttons-mobile {
        display: none;
    }

    .footer-block {
        display: inline-block;
        border-bottom: 0;
        /*	width: 31.33%;*/
        /*	margin: 0 1%;*/
        vertical-align: top;
    }

        .footer-block .title {
            /*	padding: 0 15px 5px;*/
            border: none;
        }

        .footer-block:first-child {
            border-top: none;
        }

        .footer-block ul {
            display: block;
            background-color: transparent;
        }

        .footer-block .title:before,
        .footer-block .title:after {
            display: none;
        }

    .social-icons {
        border-top: 1px solid #eeeeee;
    }

    .newsletter-email {
        max-width: 355px;
    }

    /* LEFT/RIGHT COLUMN */

    .block {
        float: left;
        width: 48%;
        margin: 0 1% 2%;
        text-align: left;
    }

        .block:nth-of-type(2n+1) {
            clear: left;
        }


        .block .tags li,
        .product-tags-all-page li {
            margin: 0 5px;
        }



    /* CATEGORY PAGE & GRIDS */

    .item-box {
        width: 100%;
        text-align: center;
    }

        .item-box:nth-child(2n+1) {
            margin-left: 2%;
            clear: none;
        }

        .item-box:nth-child(3n+1) {
            margin-left: 0;
            clear: both;
        }

    /* VALUE CARD */

    .value-grid {
        display: flex;
        background: linear-gradient(to right, #034EA2 0%, #034EA2 30%, white 30%, white 100%);
        margin-left: calc(-50vw + 50%);
    }

    /* PRODUCT PAGE */

    .attributes-wrapper {
        max-width: 560px;
        margin: 0 auto 30px;
        text-align: center;
    }

    .product-additional {
        margin: 0 -10px 60px;
    }

    .attributes select + .qty-box {
        margin-top: 0;
        vertical-align: top;
    }


    /* REVIEW PAGE */
    /* WISHLIST & COMPARE LIST */
    /* TOPICS */

    .enter-password-form input[type="password"] {
        width: 300px !important;
    }

    /* CONTACT PAGE & EMAILaFRIEND */
    /* REGISTRATION, LOGIN, MY ACCOUNT */

    .login-page .title strong,
    .registration-page .title strong {
        font-size: 18px;
    }

    .registration-page-title strong {
        font-size: 28px !important;
        line-height: 37.21px;
    }

    .date-of-birth .date-picker-wrapper select {
        padding: 0 35px 0 20px;
        background: #fff url(../img/select-arrow-dark.svg) no-repeat right 15px center;
    }

    .account-page {
        padding: 40px 20px;
    }

    .customer-info-page .page-body,
    .change-password-page .page-body,
    .check-gift-card-balance-page .page-body,
    .avatar-page .page-body,
    .address-edit-page .page-body,
    .vendorinfo-page .page-body {
        padding: 50px;
    }

    .date-of-birth .date-picker-wrapper select,
    .date-of-birth .date-picker-wrapper select:first-child,
    .date-of-birth .date-picker-wrapper select:last-child {
        width: 33.33%;
    }

    .address-item .title,
    .order-item .title,
    .request-item .title {
        text-align: center;
    }

    .address-item:first-child,
    .add-button:first-child,
    .order-item:first-child,
    .request-item:first-child {
        margin-top: 0;
    }

    /* SHOPPING CART & CHECKOUT */


    .cart-collaterals > div > .list {
        padding: 30px;
    }

    .order-review-data,
    .order-details-area,
    .shipment-details-area {
        font-size: 0;
        margin: 0 0 30px;
        text-align: center;
    }

        .order-review-data > div,
        .order-details-area > div,
        .shipment-details-area > div {
            display: inline-block;
            vertical-align: top;
            width: calc(50% - 12.5px);
            margin-left: 25px;
            max-width: 590px;
        }

            .order-review-data > div:nth-child(2n + 1),
            .order-details-area > div:nth-child(2n + 1),
            .shipment-details-area > div:nth-child(2n + 1) {
                margin-left: 0;
            }

    .checkout-page .edit-address {
        padding: 40px 20px 0;
    }


    .payment-logo {
        display: inline-block;
        margin: 0 15px 0 0;
        vertical-align: middle;
    }


        .payment-logo + .payment-details {
            display: inline-block;
            vertical-align: middle;
            max-width: calc(100% - 90px);
        }

    .shipping-method .method-list li,
    .payment-method .method-list li {
        padding: 22px 22px 22px 85px;
    }

    .shipping-method .method-list input[type="radio"] + label:before,
    .shipping-method .method-list input[type="checkbox"] + label:before,
    .payment-method .method-list input[type="radio"] + label:before,
    .payment-method .method-list input[type="checkbox"] + label:before {
        left: 35px;
    }


    /* SEARCH PAGE & SITEMAP */
    /* BLOG & NEWS */
    /* FORUM & PROFILE */



    .forum-actions .actions a,
    .forum-actions .actions a:nth-child(2n+1) {
        padding: 0 20px;
        margin: 0 3px;
        width: auto;
    }

    .topic-post .post-info {
        padding: 30px 30px 25px;
    }

    .topic-post .avatar {
        width: 160px;
    }

    .topic-post .user-info {
        padding-left: 175px;
        min-height: 160px;
    }

    .topic-post .username {
        margin: 5px 0;
    }

    .topic-post .post-content {
        padding: 0 30px 30px;
    }


    .topic-post .post-vote > span {
        width: 30px;
    }
}

@media all and (max-width: 481px) {

    .wishlist-page {
        width: 100%;
    }

    .recommended-list-mobile-accordion {
        background-color: red;
    }

    .remove-on-mobile {
        display: none !important;
    }

    .recommended-img {
        height: 80px;
    }

    /*.wishlist-page tr {
        padding-bottom: 0;
        margin: 0;
        max-height: 93px;
    }*/

    .arrow-head-down {
        float: right;
        content: url("../Mobile-Icons/arrow-down.svg");
        margin-right: -305px;
        margin-top: 35px;
    }

    .arrow-head-up {
        float: right;
        content: url("../Mobile-Icons/arrow-up.svg");
        margin-right: -305px;
        margin-top: 35px;
    }

    .col-9 {
        float: left;
        width: 100%;
    }

    .title-on-smaller-screens {
        text-align: center;
        margin-bottom: 15px;
    }

    .order-number-title {
        flex-direction: column;
    }

    .picture-order-summary > img {
        display: none;
    }

    .product-name-order-summary {
        margin-right: 10px;
    }

    .product-unit-price-summary {
        margin-left: 10px;
    }

    .discount-timer-format {
        font-size: 15px;
    }

    .discount-timer {
        font-size: 15px;
    }

    .arrow-drop-down {
        margin-left: 5px;
    }

    .responsive-nav-wrapper {
        position: absolute;
        padding-top: 21px;
        background-color: #fff;
        text-align: center;
        font-size: 0;
        margin: 0 auto;
        width: 25%;
        float: left;
        left: 0;
    }

    .header-lower {
        width: 86%;
        float: right;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-around;
        margin-top: 53px;
        align-items: flex-start;
        margin-bottom: 10px;
    }
}

@media all and (max-width: 500px) {

    .blog-overview-content span {
        line-height: 1.5em;
        height: 4.3em;
        text-overflow: ellipsis !important;
        overflow: hidden;
        width: 100%;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

    .item-grid-products {
        display: grid;
        gap: 10px;
    }

    .hide-on-mobile {
        display: none;
    }

    .col-9 {
        float: left;
        width: 100%;
    }

    .list-name-header {
        text-align: center;
        padding: 10px;
    }

    .product-price-mobile {
        font-size: 21px;
    }

    .grid-view-manufacture-mobile {
        font-size: 9px;
    }

    .product-ribbon > img {
        max-width: 57%;
    }

    .btn-wrapper-position {
        top: 10% !important;
        left: 84% !important;
    }

    .product-title-product-box {
        font-size: 14px;
    }

    .item-box-products {
        width: 100% !important;
        margin: 0 !important;
        margin: 0 auto;
    }

    .grid-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        text-align: left;
    }

    .html-promotion-group-page .product-selectors .product-sorting,
    .html-search-page-promotions .product-selectors .product-sorting {
        width: 100%;
    }
}

@media all and (max-width: 350px) {
    .admin-header-links a,
    .admin-header-links span {
    }

    .title-on-smaller-screens {
        text-align: center;
        margin-bottom: 15px;
    }

    .account-drop-down-links {
        font-size: 25px;
    }

    .specification-attribute-value-product-box-mobile {
        font-size: 10px;
    }

    .product-price-mobile {
        font-size: 12px;
    }

    .header-logo-mobile {
        max-height: 33px;
        max-width: 25px;
    }

    .mobile-change-store {
        max-height: 25px;
        max-width: 25px;
    }

    .search-box-text {
        font-size: 11px !important;
    }

    .store-mobile-text {
        font-size: 8px !important;
    }

    .mobile-find-store {
        max-height: 29px;
    }

    .manage-page-mobile {
        display: none !important;
    }

    .grid-container-mobile-footer {
        grid-template-columns: 1fr !important;
    }

    .product-ribbon-container {
        width: 55px;
        height: 24px;
    }

    .product-combo-deal-container {
        width: 55px;
        height: 24px;
        top: 25px;
    }

    .product-ribbon-span {
        font-size: 6px;
        position: relative;
        bottom: 5px;
    }
}

@media all and (max-width: 500px) {
    .account-drop-down-links {
        font-size: 22px;
    }

    .account-navigation-dropdown {
        font-size: 22px;
    }

    /* Account Page */
    .mobile-menu-dropdown-categories {
        top: 230px;
    }

    .grid-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        text-align: left !important;
    }

    .title-on-smaller-screens {
        text-align: center;
        margin-bottom: 15px;
    }

    .fixed-socials {
        white-space: nowrap;
        overflow: hidden;
    }
}

@media all and (max-width: 400px) {
    .order-history-drop-down {
        top: 245px !important;
    }

    .wishlist-btn-grid {
        margin-right: 10px;
    }

    .item-box .actual-price {
        font-size: 15px;
    }

    .actual-price-cents {
        font-size: 8.8px;
    }

    .item-box .details {
        padding: 0px 0px 0px 5px;
    }
}

@media all and (max-width: 300px) {
    .header-lower {
        width: 75%;
    }

    .title-on-smaller-screens {
        text-align: center;
        margin-bottom: 15px;
    }

    .carousel-item .item-box .actual-price {
        font-size: 10px;
    }

    .carousel-item .item-box .actual-price-cents {
        font-size: 7px;
    }
}

@media all and (max-width: 400px) {
    .order-history-drop-down {
        top: 245px !important;
    }

    .featured-blog-title {
        font-size: 22px !important;
    }

    .featured-blog {
        padding: 17px 30px 11px 23px;
    }
}

@media all and (max-width: 300px) {
    .header-lower {
        width: 75%;
    }

    .blog-overview-content span {
        line-height: 1.5em;
        height: 4.3em;
        text-overflow: ellipsis !important;
        overflow: hidden;
        width: 100%;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: normal;
    }
}

@media screen and (min-device-width: 300px) and (max-device-width: 450px) {
    .blog-overview-content span {
        line-height: 1.5em;
        height: 4.3em;
        text-overflow: ellipsis !important;
        overflow: hidden;
        width: 100%;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        white-space: normal;
    }
}

@media all and (max-width: 381px) {
    .arrow-drop-down-deliver-picker {
        display: none;
    }

    .select-delivery-day-dropdown {
        min-width: 200px;
        width: 235px;
    }

    .wishlist-nav-list-name {
        max-width: 100px !important;
    }
}