﻿@media (hover: hover) 
{
    .block .listbox
    {
        height: calc(100vh - 175px);
    }

    #checkout-2-body #CreditCardEditorArea,
    #checkout-2-body #CardListArea,
    #checkout-2-body #ChargeAccountArea,
    #checkout-2-body #CardOnFileArea {
        margin-left: 4rem;
    }

    .InputAppearanceNew {
        margin: 0 auto 1rem auto;
        width: 330px;
    }

    .navbar-panel-sections li:last-child {
        margin-right: 1em;
    }

    .navbar-search {
        padding: 0 4em 0 4em;
    }

    .side-2 > .closebtn,
    .side-2-show-btn,
    .side-2-up-btn,
    .side-2 > .block-apply {
        display: none !important;
    }
}

@media (hover: hover) and (min-width: 1367px) 
{
    header {
        position: fixed;
        z-index: 100;
    }

    .breadcrumb {
        margin: 0 0 2em;
        background-color: #f6f6f6;
        padding: 5px 10px
    }

    .block {
        float: none;
        width: auto;
        margin: 0 0 20px
    }

        .block a.product-name {
            vertical-align: middle
        }

        .block a.product-picture {
            display: inline-block;
            position: relative;
            width: 30%;
            margin: 0 0 0 -15px;
            vertical-align: middle
        }

            .block a.product-picture + a.product-name {
                width: 70%
            }

                .block a.product-picture + a.product-name:before {
                    display: none
                }

        .block .listbox {
            display: block;
            border-bottom: 0
        }

        .block .title {
            margin: 0;
            border-bottom: 1px solid #ddd;
            background: none;
            cursor: auto
        }

            .block .title strong {
                font-weight: bold
            }

    .cart label {
        display: none
    }

    .cart tr {
        width: auto;
        margin: 0
    }

        .cart tr:nth-child(3n+1) {
            clear: both;
        }

    .cart-footer .totals {
        /*        width: 395px;*/
        margin: 0;
    }

    .cart-footer .cart-collaterals {
        /*        width: 760px;*/
        width: 100%;
        margin: 0;
    }

        .cart-footer .cart-collaterals .deals {
            float: left;
            /*            width: 360px*/
            width: 50%;
        }

        .cart-footer .cart-collaterals .shipping {
            float: right;
            /*            width: 360px*/
            width: 50%;
        }

    .cart-footer .estimate-shipping .inputs label {
        display: inline-block;
        width: 35%
    }

    .cart-footer .estimate-shipping .inputs input,
    .cart-footer .estimate-shipping .inputs select {
        width: 65%
    }

    .center-1 .buttons,
    .center-1 .related-buttons {
        text-align: center
    }

    .center-2 .inputs label {
        width: 136px
    }

    .center-2 {
        width: 100%;
    }

        .center-2 .inputs label {
            width: 213px
        }

    .follow-us {
        margin: 0;
    }

        .follow-us .social li {
            margin: 0 10px 0 0
        }

    .footer-block {
        display: inline-block;
        float: left;
        width: 280px;
        margin: 0;
        vertical-align: top;
    }

        .footer-block .title {
            margin: 0 0 15px;
            background: none;
            padding: 0;
            color: #000;
            cursor: auto
        }

        .footer-block .list {
            display: block !important;
            background: none;
            padding: 0
        }

            .footer-block .list li {
                padding: 5px 0
            }

            .footer-block .list a {
                display: inline;
                padding: 0
            }

    .footer-info {
        float: right;
        line-height: 32px
    }

    .footer-lower {
        /*        width: 1366px;*/
        width: 100%;
        padding: 25px 20px
    }

    .footer-powered-by {
        float: left;
        margin: 0;
        line-height: 32px
    }

    .footer-upper {
        /*        width: 1366px;*/
        width: 100%;
        padding: 35px 30px
    }

    .gallery {
        float: left;
        width: 46%
    }

    .header {
        position: relative;
        z-index: 10;
        width: 95%;
        margin: auto;
        text-align: center;
    }

    .header-lower {
        display: table;
        width: 100%
    }

    .header-menu {
        position: relative;
        z-index: 5;
        width: 1200px;
        margin: 0 auto;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 25px 0;
        text-align: center
    }

        .header-menu .sublist {
            display: none;
            position: absolute;
            width: 200px;
            box-shadow: 0 0 2px rgba(0, 0, 0, .2);
            background-color: #fff;
            padding: 10px 0;
            text-align: left
        }

            .header-menu .sublist li {
                position: relative
            }

                .header-menu .sublist li a {
                    display: block;
                    position: relative;
                    padding: 10px 20px 10px 30px;
                    font-size: 14px;
                    color: #000
                }

                    .header-menu .sublist li a:before {
                        content: "";
                        position: absolute;
                        top: 17px;
                        left: 15px;
                        width: 5px;
                        height: 5px;
                        background-color: #ddd
                    }

                .header-menu .sublist li:hover > a,
                .header-menu .sublist li:focus > a {
                    background-color: #f6f6f6
                }

            .header-menu .sublist .sublist {
                top: -10px;
                left: 100% !important
            }

        .header-menu > ul {
            display: block !important;
            font-size: 0
        }

            .header-menu > ul.mobile {
                display: none !important
            }

            .header-menu > ul > li {
                display: inline-block;
                border-left: 1px solid #ddd;
                padding: 0 15px;
                vertical-align: middle
            }

                .header-menu > ul > li:first-child {
                    border-left: 0
                }

                .header-menu > ul > li > a {
                    display: block;
                    padding: 5px 10px;
                    line-height: 20px;
                    font-size: 17px;
                    color: #000;
                    cursor: pointer
                }

                    .header-menu > ul > li > a:hover,
                    .header-menu > ul > li > a:focus {
                        color: #4ab2f1
                    }

        .header-menu ul li:hover > .sublist,
        .header-menu ul li:focus > .sublist,
        .header-menu ul li:focus-within > .sublist {
            display: block
        }

    .home-page .product-grid .item-box {
        width: 24%;
        margin: 0 0 50px;
        padding: 0 0.5% 0;
    }

        .home-page .product-grid .item-box:nth-child(3n+1) {
            clear: none
        }

        .home-page .product-grid .item-box:nth-child(4n+1) {
            clear: both
        }

    .inputs {
        text-align: left
    }

        .inputs label {
            display: inline-block;
            width: 265px;
            margin: 0 10px 0 0;
            text-align: right
        }

        .inputs label {
            width: 375px
        }

        .inputs input[type="text"],
        .inputs input[type="email"],
        .inputs input[type="tel"],
        .inputs input[type="password"],
        .inputs select {
            min-height: 40px
        }

        .inputs .option-list li {
            margin: 0 10px 0 0
        }

        .inputs.accept-consent label {
            width: auto
        }

    .link-rss {
        display: block;
        float: right;
    }

    .login-page .returning-wrapper input[type="text"],
    .login-page .returning-wrapper input[type="email"],
    .login-page .returning-wrapper input[type="password"] {
        width: 360px
    }

    .MainContentAppearance {
        padding: 0;
        padding-top: 5rem;
    }

    .master-column-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .master-column-wrapper-store {
        display: flex;
        flex-direction: column;
        width: 75%;
    }

    .master-wrapper-content {
        width: 1366px;
    }

    .master-wrapper-content-checkout {
        width: 1366px;
        padding-top: 7rem;
    }

    .menu-toggle {
        display: none
    }

    .newsletter .newsletter-email {
        display: block
    }

        .newsletter .newsletter-email input[type="text"] {
            width: 200px
        }

    .newsletter .newsletter-subscribe-button {
        min-width: 100px;
        padding: 0 5px
    }

    .newsletter-validation .field-validation-valid {
        text-align: left
    }

    .overview {
        float: right;
        width: 52%
    }

    .page {
        text-align: left
    }

    .picture-gallery .picture {
        width: auto
    }

    .product-details-page .product-grid .item-box-related {
        width: 24%;
        margin: 0 0 50px;
        padding: 0 0.5% 0;
    }

        .product-details-page .product-grid .item-box-related:nth-child(3n+1) {
            clear: none
        }

        .product-details-page .product-grid .item-box-related:nth-child(4n+1) {
            clear: both
        }

    .product-details-page .product-grid .item-grid-related {
        display: flex;
        justify-content: center;
        width: 100%;
    }

        .product-details-page .product-grid .item-grid-related .item-box-related {
            border-right: 1px solid #ddd;
        }

            .product-details-page .product-grid .item-grid-related .item-box-related:first-child {
                border-left: 1px solid #ddd;
            }

    .product-review-item .review-title {
        max-width: 1050px
    }

    .shopping-cart-page .product-grid .item-box {
        width: 24%;
        margin: 0 0 50px;
        padding: 0 0.5% 0;
    }

        .shopping-cart-page .product-grid .item-box:nth-child(3n+1) {
            clear: none
        }

        .shopping-cart-page .product-grid .item-box:nth-child(4n+1) {
            clear: both
        }

    .side-2 {
        display: block !important;
        width: 26%;
    }

    .sublist-toggle {
        display: none
    }

    #welcome-container {
    }

        #welcome-container #welcome-link {
            display: flex;
            flex-direction: column;
            justify-content: center;
            max-height: 2.5em;
            font-size: 1.1em;
        }

            #welcome-container #welcome-link > #welcome {
                font-size: 0.9em;
                width: 100%;
                text-align: left;
            }

            #welcome-container #welcome-link > #welcome-identity {
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 14em;
                width: 100%;
                text-align: left;
            }

    .write-review .review-rating div.name-description {
        margin: 0 5px 0 0;
        min-width: 375px
    }
}

@media (hover: hover) and (max-width: 1366.99px) /* hi-res laptops and desktops */
{
    header {
        position: fixed;
        z-index: 100;
        /*        min-width: 801px;*/
    }

    .block {
        width: auto;
        margin: 0 0 20px
    }

        .block a.product-picture {
            display: inline-block;
            position: relative;
            width: 30%;
            margin: 0 0 0 -15px;
            vertical-align: middle
        }

        .block a.product-name {
            vertical-align: middle
        }

        .block a.product-picture + a.product-name {
            width: 70%
        }

            .block a.product-picture + a.product-name:before {
                display: none
            }

        .block .list a {
            font-size: calc(0.66em + 0.34vw);
        }

        .block .listbox {
            display: block;
            border-bottom: 0
        }

            .block .listbox > ul {
                /*                padding-left: 1rem;*/
            }

        .block .title {
            font-size: calc(0.85em + 0.4vw);
            margin: 0;
            border-bottom: 1px solid #ddd;
            background: none;
            cursor: auto
        }

            .block .title strong {
                font-weight: bold
            }

    .breadcrumb {
        margin: 0 0 2em;
        background-color: #f6f6f6;
        padding: 5px 10px
    }

        .breadcrumb li * {
            font-size: calc(0.67rem + 0.67vw);
        }

    .cart label {
        display: none
    }

    .cart tr {
        width: auto;
        margin: 0
    }

        .cart tr:nth-child(3n+1) {
            clear: both;
        }

    .cart-footer .totals {
        /*        width: 395px;*/
        margin: 0;
    }

    .cart-footer .cart-collaterals {
        /*        width: 760px;*/
        width: 100%;
        margin: 0;
    }

        .cart-footer .cart-collaterals .deals {
            float: left;
            /*            width: 360px*/
            width: 50%;
        }

        .cart-footer .cart-collaterals .shipping {
            float: right;
            /*            width: 360px*/
            width: 50%;
        }

    .cart-footer .estimate-shipping .inputs label {
        display: inline-block;
        width: 35%
    }

    .cart-footer .estimate-shipping .inputs input,
    .cart-footer .estimate-shipping .inputs select {
        width: 65%
    }

    .center-1 .buttons {
        text-align: center
    }

    .center-2 {
        min-width: 450px;
        width: 100%;
    }

        .center-2 .inputs label {
            /*            width: 136px;*/
            width: 213px;
        }

    .follow-us {
        margin: 0;
    }

        .follow-us .social li {
            margin: 0 10px 0 0
        }

    .footer {
        background-color: #eee;
        text-align: center;
        width: 100%;
        min-width: 600px;
    }

    .footer-block {
        display: inline-block;
        width: calc(25px + 15vw);
        margin: 0;
        vertical-align: top;
    }

        .footer-block .title {
            font-size: calc(0.55em + 1.1vw);
            margin: 0 0 15px;
            background: none;
            padding: 0;
            color: #000;
            cursor: auto
        }

        .footer-block .list {
            display: block !important;
            background: none;
            padding: 0
        }

            .footer-block .list li {
                padding: 5px 0
            }

            .footer-block .list a {
                font-size: calc(0.4em + 0.9vw);
                display: inline;
                padding: 0
            }

    .footer-info {
        float: right;
        line-height: 32px
    }

    .footer-lower {
        padding: 25px 20px
    }

    .footer-powered-by {
        float: left;
        margin: 0;
        line-height: 32px
    }

    .footer-upper {
        padding: 35px 30px
    }

    .gallery {
        float: left;
        width: 46%
    }

    .header {
        position: relative;
        z-index: 10;
        width: 95%;
        margin: auto;
        text-align: center;
    }

    .header-lower {
        display: table;
        width: 100%
    }

    .header-menu {
        position: relative;
        z-index: 5;
        width: 100%;
        min-width: 600px;
        margin: 0 auto;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 25px 0;
        text-align: center
    }

        .header-menu > ul {
            display: block !important;
            font-size: 0
        }

            .header-menu > ul.mobile {
                display: none !important
            }

            .header-menu > ul > li {
                display: inline-block;
                border-left: 1px solid #ddd;
                padding: 0 15px;
                vertical-align: middle
            }

                .header-menu > ul > li:first-child {
                    border-left: 0
                }

                .header-menu > ul > li > a {
                    display: block;
                    padding: 5px 10px;
                    line-height: 20px;
                    font-size: 17px;
                    color: #000;
                    cursor: pointer
                }

                    .header-menu > ul > li > a:hover,
                    .header-menu > ul > li > a:focus {
                        color: #4ab2f1
                    }

        .header-menu .sublist {
            display: none;
            position: absolute;
            width: 200px;
            box-shadow: 0 0 2px rgba(0, 0, 0, .2);
            background-color: #fff;
            padding: 10px 0;
            text-align: left
        }

            .header-menu .sublist li {
                position: relative
            }

                .header-menu .sublist li a {
                    display: block;
                    position: relative;
                    padding: 10px 20px 10px 30px;
                    font-size: 14px;
                    color: #000
                }

                    .header-menu .sublist li a:before {
                        content: "";
                        position: absolute;
                        top: 17px;
                        left: 15px;
                        width: 5px;
                        height: 5px;
                        background-color: #ddd
                    }

                .header-menu .sublist li:hover > a,
                .header-menu .sublist li:focus > a {
                    background-color: #f6f6f6
                }

        .header-menu ul li:hover > .sublist,
        .header-menu ul li:focus > .sublist,
        .header-menu ul li:focus-within > .sublist {
            display: block
        }

        .header-menu .sublist .sublist {
            top: -10px;
            left: 100% !important
        }

    .home-page .product-grid .item-box,
    .shopping-cart-page .product-grid .item-box {
        width: 24%;
        margin: 0 0 50px;
        padding: 0 0.5% 0;
    }

        .home-page .product-grid .item-box:nth-child(3n+1),
        .shopping-cart-page .product-grid .item-box:nth-child(3n+1) {
            clear: none
        }

        .home-page .product-grid .item-box:nth-child(4n+1),
        .shopping-cart-page .product-grid .item-box:nth-child(4n+1) {
            clear: both
        }

    .inputs {
        text-align: left
    }

        .inputs label {
            display: inline-block;
            width: 265px;
            margin: 0 10px 0 0;
            text-align: right
        }

        .inputs label {
            width: 375px
        }

        .inputs input[type="text"],
        .inputs input[type="email"],
        .inputs input[type="tel"],
        .inputs input[type="password"],
        .inputs select {
            min-height: 40px
        }

        .inputs .option-list li {
            margin: 0 10px 0 0
        }

        .inputs.accept-consent label {
            width: auto
        }

    .item-box-related .button-wishlist-related,
    .item-box-related .product-box-add-to-cart-button {
        font-size: calc(0.45rem + 0.375vw);
    }

        .item-box-related .button-wishlist-related > .add-to-wishlist-heart {
            background-size: 3vw 1vw;
        }

    .items-grid .item-box {
        min-width: 150px;
    }

        .items-grid .item-box .item-box-footer strong {
            font-size: calc(1.25em + 0.5vw);
        }

        .items-grid .item-box .item-box-footer button {
            width: calc(3.5em + 4.5vw);
            max-width: 175px;
        }

    .item-grid-related .product-item > .details .product-title {
        font-size: calc(0.6em + 0.66vw);
    }

    .link-rss {
        display: block;
        float: right;
    }

    .login-page .returning-wrapper input[type="text"],
    .login-page .returning-wrapper input[type="email"],
    .login-page .returning-wrapper input[type="password"] {
        width: 360px
    }

    .MainContentAppearance {
        padding: 0;
        padding-top: 5rem;
    }

    .main-content {
        /*        display: flex;
        justify-content: space-between;*/
    }

    .master-column-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .master-column-wrapper-store {
        display: flex;
        flex-direction: column;
        width: 70%;
    }

    .master-portal-wrapper-page {
        max-width: 1366.99px !important;
        /*        min-width: 801px !important;*/
    }

    .master-wrapper-content {
        width: 100%;
    }

    .master-wrapper-content-checkout {
        width: 100%;
        padding-top: 7rem;
    }

    .menu-toggle {
        display: none
    }

    .Navigationbar {
        width: 100%;
        /*        min-width: 801px;*/
    }

    .navbar-error {
        width: 100%;
        /*        min-width: 801px;*/
    }

    .navbar-panel .navbar-panel-sections li > .navbar-panel-welcome-list {
        width: 30%;
    }

    .newsletter .newsletter-email {
        display: block;
        width: 15vw;
        min-width: 100px;
        max-width: 200px;
    }

        .newsletter .newsletter-email input[type="email"] {
            width: 15vw;
            min-width: 100px;
            max-width: 200px;
        }

    .newsletter .newsletter-subscribe-button {
        min-width: 7vw;
        padding: 0 5px
    }

    .newsletter-validation .field-validation-valid {
        text-align: left
    }

    .overview {
        float: right;
        width: 52%
    }

        .overview .add-to-wishlist-button, .variant-overview .add-to-wishlist-button {
            background-size: 3.75vw 1.25vw;
        }

        .overview .product-name h1 {
            font-size: calc(0.9em + 1.1vw) !important;
        }

    .overview-buttons div > button {
        font-size: calc(0.5rem + 0.65vw) !important;
        min-width: 75px;
        max-width: 200px;
        max-height: 60px;
    }

    .page {
        text-align: left;
    }

    .page-title h1 {
        font-size: calc(1.5em + 0.5vw) !important;
    }

    .pagination-bar button {
        width: calc(2em + 1.5vw);
        height: calc(2.25em + 1vw);
    }

        .pagination-bar button.arrow {
            width: calc(2.5em + 2.5vw);
            height: calc(2.25em + 1vw);
        }

        .pagination-bar button.arrow2 {
            width: calc(1em + 1vw);
            height: calc(2.25em + 1vw);
        }

    .pagination-search {
        width: calc(2.75em + 1.75vw);
        height: calc(2em + 1vw);
    }

    .picture-gallery .picture {
        width: auto
    }

    .product-details-page .product-grid .item-box-related {
        width: 24%;
        margin: 0 0 50px;
        padding: 0 0.5% 0;
    }

        .product-details-page .product-grid .item-box-related:nth-child(3n+1) {
            clear: none
        }

        .product-details-page .product-grid .item-box-related:nth-child(4n+1) {
            clear: both
        }

    .product-details-page .product-grid .item-grid-related {
        display: flex;
        justify-content: center;
    }

        .product-details-page .product-grid .item-grid-related .item-box-related {
            border-right: 1px solid #ddd;
        }

            .product-details-page .product-grid .item-grid-related .item-box-related:first-child {
                border-left: 1px solid #ddd;
            }

    .product-grid .title strong {
        font-size: calc(0.5em + 1.25vw) !important;
    }

    .product-review-item .review-title {
        max-width: 1050px
    }

    .shopping-cart-page .product-grid .item-box {
        width: 24%;
        margin: 0 0 50px;
        padding: 0 0.5% 0;
    }

        .shopping-cart-page .product-grid .item-box:nth-child(3n+1) {
            clear: none
        }

        .shopping-cart-page .product-grid .item-box:nth-child(4n+1) {
            clear: both
        }

    .side-2 {
        display: block !important;
        width: 27% !important;
        min-width: 150px;
    }

    .sub-category-grid .title {
        font-size: calc(1.5em + 0.5vw) !important;
    }

    .sublist-toggle {
        display: none
    }

    #welcome-container {
    }

        #welcome-container #welcome-link {
            display: flex;
            flex-direction: column;
            justify-content: center;
            max-height: 2.5em;
            font-size: 1.1em;
        }

            #welcome-container #welcome-link > #welcome {
                font-size: 0.9em;
                width: 100%;
                text-align: left;
            }

            #welcome-container #welcome-link > #welcome-identity {
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 11em;
                width: 100%;
                text-align: left;
            }

    .write-review .review-rating div.name-description {
        margin: 0 5px 0 0;
        min-width: 375px
    }
}

@media (hover: hover) and (max-width: 1075px) 
{
    .cart-total-left {
        width: 67%;
    }

    .navbar-panel-sections li:last-child {
        margin-right: 0;
    }
}

@media (hover: hover) and (max-width: 750px) /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
{
    header {
        position: absolute !important;
        max-width: 750px !important;
        min-width: 600px !important;
        z-index: 100;
    }

    .MainContentAppearance {
        min-width: 600px;
    }

    .main-content {
        /*        display: flex;
        justify-content: left !important;*/
    }

    .master-portal-wrapper-page {
        min-width: 600px !important;
    }

    .menu-button-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-left: 2em;
        padding-right: 2em;
    }

    #menu-toggle:checked ~ .navbar-panel-sections {
        display: flex;
    }

    #menu-toggle:not(:checked) ~ .navbar-panel-sections {
        display: none;
    }

    .navbar-logo {
        flex: 1 !important;
        /*        margin-right: 1.5em !important;*/
    }

        .navbar-logo a img {
            max-width: 10em;
            opacity: 1;
        }

    .navbar-name-long,
    .navbar-name-short {
        display: none;
    }

    .navbar-panel {
        flex: 1;
        flex-shrink: 1;
        text-align: right;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        border-left: 1px solid lightgray;
        margin-left: 0;
    }

    .navbar-panel-sections {
        display: flex;
        flex-direction: column;
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 100%;
        right: 0;
        width: 40%;
        /*        justify-content: center;
        align-items: center;*/
        border: 2px solid gray;
        min-height: 2em;
        background-color: snow;
        font-size: 0.75em;
    }

        .navbar-panel-sections li a {
            display: flex;
            margin: 0;
            min-height: 2.5em;
            height: auto;
            color: dodgerblue;
            text-decoration: none;
            align-items: center !important;
            text-align: left;
            padding-left: 0.25em;
            width: 75%;
            font-size: 1.2em;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .navbar-panel-sections li > .navbar-panel-welcome-list {
            border: none;
            display: unset;
            position: relative !important;
            right: unset;
            top: unset !important;
            width: 100% !important;
        }

            .navbar-panel-sections li > .navbar-panel-welcome-list li a {
                padding-left: 1.5em;
            }

            .navbar-panel-sections li > .navbar-panel-welcome-list li > .navbar-panel-welcome-acct-list li a {
                padding-left: 3em;
            }

                .navbar-panel-sections a::selection,
                .navbar-panel-sections li > .navbar-panel-welcome-list li a::selection,
                .navbar-panel-sections li > .navbar-panel-welcome-list li > .navbar-panel-welcome-acct-list li a::selection {
                    text-decoration: underline;
                    background-color: lightgray
                }

            .navbar-panel-sections li,
            .navbar-panel-sections li > .navbar-panel-welcome-list li,
            .navbar-panel-sections li > .navbar-panel-welcome-list > .navbar-panel-welcome-acct-list li {
                display: block;
                position: relative;
                right: 0;
                z-index: 10;
                border-top: 1px solid lightgray;
                border-bottom: 0;
                min-height: 2.5em;
                height: auto;
                width: 100%;
                padding: 0;
                color: dodgerblue;
                background-color: snow;
                transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
            }

                .navbar-panel-sections li::selection,
                .navbar-panel-sections li > .navbar-panel-welcome-list li::selection,
                .navbar-panel-sections li > .navbar-panel-welcome-list li > .navbar-panel-welcome-acct-list li::selection {
                    background-color: antiquewhite;
                }

                .navbar-panel-sections li input[type=checkbox] {
                    position: absolute;
                    right: 0;
                    cursor: pointer;
                    width: 50%;
                    height: 100%;
                    z-index: 1;
                    opacity: 0;
                }

                    .navbar-panel-sections li input[type=checkbox]:checked ~ ul {
                        display: block;
                    }

                    .navbar-panel-sections li input[type=checkbox]:not(:checked) ~ ul {
                        display: none;
                    }


    .navbar-search {
        flex: 1 !important;
        margin-right: 1.5em;
    }

        .navbar-search .search-box.store-search-box {
            /*            max-width: 260px !important;*/
            width: 100%;
        }

    .pmtcol {
        width: 100%;
    }

    .product-details-page .product-grid .item-grid-related {
        flex-wrap: wrap;
    }

        .product-details-page .product-grid .item-grid-related .item-box-related {
            flex: 0 0 48%;
            max-width: 450px;
        }

    #welcome-container {
        margin-right: 0 !important;
    }

        #welcome-container #welcome-div::after {
            all: unset !important;
        }

        #welcome-container #welcome-link {
            margin-right: 0 !important;
        }
}

@media (hover: hover) and (max-width: 600px) 
{
    body {
        overscroll-behavior: none !important;
        overflow-x: scroll;
    }
}

@media (hover: hover) and (max-width: 550px) 
{
    .pagination-bar {
        flex-direction: column;
        justify-content: space-between;
        gap: 1em;
    }

        .pagination-bar #pagination-buttons,
        .pagination-bar #pagination-search {
            display: flex;
            justify-content: center;
        }
}
