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

    .admin-header-links {
        position: fixed;
        top: 0;
        z-index: 1030;
        width: 100%;
    }

    .responsive-nav-wrapper-parent {
        position: relative;
        z-index: 100;
    }

    .header {
        position: absolute;
        z-index: 1100;
        top: 0px;
        left: 5px;
        background: transparent;
    }

    .admin-header-links ~ .header {
    }

    .master-column-wrapper {
        margin: 30px auto;
    }

    .overlayOffCanvas.hidden {
        display: none !important; /*overrides core script css, to be removed once the core script is refactored*/
    }

    html.scrollable, body.scrollable {
        overflow: auto !important; /*overrides core script css, to be removed once the core script is refactored*/
    }


    /* RESPONSIVE NAV WRAPPER */

    .responsive-nav-wrapper {
        position: relative;
        box-shadow: 0px 4px 6px rgba(150, 150, 150, 0.13);
        border-top: 1px solid #f1f1f1;
        background-color: rgba(255,255,255,.8);
        text-align: right;
        font-size: 0;
    }

        .responsive-nav-wrapper.nav-down {
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

        .responsive-nav-wrapper.nav-up {
            -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
        }

        .responsive-nav-wrapper:after {
            content: "";
            display: block;
            clear: both;
        }

        .responsive-nav-wrapper.stick {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1;
        }

    .admin-header-links ~ .responsive-nav-wrapper-parent .responsive-nav-wrapper.stick {
        top: 0px;
    }

    .responsive-nav-wrapper > div > span,
    .responsive-nav-wrapper > div > a {
        display: block;
        font-size: 20px;
        text-transform: uppercase;
        height: 50px;
        width: 50px;
        overflow: hidden;
        text-indent: -9999px;
        cursor: pointer;
    }

    .responsive-nav-wrapper > * {
        display: inline-block;
        vertical-align: middle;
    }

    .responsive-nav-wrapper .menu-title {
        background: url('../img/responsive-nav-sprite.png') no-repeat left 15.5px center;
    }

    .responsive-nav-wrapper .personal-button {
        background: url('../img/responsive-nav-sprite.png') no-repeat left -32.5px center;
    }

    .responsive-nav-wrapper .account-links {
        background: url('../img/responsive-nav-sprite.png') no-repeat left -80px center;
    }

    .responsive-nav-wrapper .search-wrap {
        /* background: url('../img/responsive-nav-sprite.png') no-repeat left -129px center; */
        background: url('../img/Search.png') no-repeat;
        -ms-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        margin-right: 5px;
        height: 40px;
        width: 40px;
    }

    .responsive-nav-wrapper .wishlist-wrap {
        background: url('../img/Wishlist.png') no-repeat;
        -ms-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        margin-right: 25px;
        height: 30px;
        width: 30px;
    }

    .responsive-nav-wrapper .wishlist-quantity-label {
        font-size: 14px;
        margin-top: 7px;
        position: absolute;
    }

    .responsive-nav-wrapper .ico-cart {
        display: inline-block;
        background: url('../img/responsive-nav-sprite.png') no-repeat left -205px center;
        width: auto;
        height: 50px;
        font-size: 0;
        padding-left: 42px;
        vertical-align: bottom;
    }

        .responsive-nav-wrapper .ico-cart .cart-label {
            display: none;
        }

        .responsive-nav-wrapper .ico-cart .cart-qty {
            font-size: 12px;
            display: block;
            margin: 6px 1px 0 0;
            text-transform: none;
            color: #454545;
            font-style: italic;
            text-indent: 0;
            padding: 0px;
        }

    .responsive-nav-wrapper .ico-cart-total {
        display: none;
    }

    .responsive-nav-wrapper .filters-button {
        display: none;
        background: url('../img/responsive-nav-sprite.png') no-repeat left -169px center;
    }

    /* RESPONSIVE MENU */

    .ps-container > .ps-scrollbar-y-rail {
        visibility: hidden !important;
    }

    .scrollYRemove {
        overflow: hidden !important;
        -ms-touch-action: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .overlayOffCanvas {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0);
        z-index: 1060;
        -webkit-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out;
    }

        .overlayOffCanvas.show {
            background: rgba(0,0,0,0.4);
        }

    .header-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        height: 100%;
        text-align: left;
        background: #333;
        overflow: hidden;
        z-index: 1070;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .notAndroid23 .header-menu {
        -webkit-transform: translate(-320px);
        -ms-transform: translate(-320px);
        transform: translate(-320px);
    }

    .android23 .header-menu {
        left: -320px;
    }

    .header-menu.open {
        box-shadow: 1px 0 5px rgba(0,0,0,.5);
    }

    .notAndroid23 .header-menu.open {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }

    .android23 .header-menu.open {
        left: 0;
    }

    .header-menu .close-menu {
        background: #f8f8f8;
        cursor: pointer;
    }

    .close-menu span {
        display: block;
        height: 50px;
        font-size: 0;
        background: url('../img/mobile-menu-close.png') right 20px center no-repeat;
    }

    .header-menu > ul.top-menu li {
        background: #fff;
    }

        .header-menu > ul.top-menu li:after {
            content: "";
            display: block;
            clear: both;
        }

        .header-menu > ul.top-menu li > a,
        .header-menu > ul.top-menu li > span {
            display: block;
            padding: 16px 16px 16px 30px !important;
            font-family: 'Montserrat', sans-serif !important;
            font-style: normal !important;
            line-height: 17px;
            color: #4d4d4d;
            font-size: 14px;
            text-transform: uppercase;
            position: relative;
            z-index: 0;
        }

        .header-menu > ul.top-menu li:last-child > a,
        .header-menu > ul.top-menu li:last-child > span {
            border-bottom: 0;
        }

        .header-menu > ul.top-menu li > .with-subcategories {
            width: 270px;
            float: left;
        }

    .plus-button {
        position: relative;
        z-index: 1;
        float: right;
        width: 50px;
        height: 50px;
        background: url('../img/gs-uniform-chevron-down.svg') center no-repeat;
        cursor: pointer;
        background-size: 10px 10px;
    }

    .header-menu .sublist-wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        height: 100%;
        background: #333 !important;
        box-shadow: 1px 0 5px rgba(0,0,0,0.5);
        z-index: 2;
        overflow: hidden;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .notAndroid23 .header-menu .sublist-wrap {
        -webkit-transform: translate(-320px);
        -ms-transform: translate(-320px);
        transform: translate(-320px);
    }

    .android23 .header-menu .sublist-wrap {
        left: -320px;
    }

    .notAndroid23 .header-menu .sublist-wrap.active {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
    }

    .android23 .header-menu .sublist-wrap.active {
        left: 0;
    }

    .header-menu ul li.back-button {
        background: #f8f8f8;
    }

    .header-menu .back-button span {
        text-transform: none;
        color: #fff;
        text-align: right;
        padding: 14px 18px !important;
    }

    /* header menu functionality classes */

    .admin-header-links,
    .header-upper,
    .breadcrumb,
    .header-logo,
    .responsive-nav-wrapper,
    .master-column-wrapper,
    .slider-wrapper,
    .footer {
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
    }

    .notAndroid23 .move-right {
        -webkit-transform: translate(320px);
        -ms-transform: translate(320px);
        transform: translate(320px);
    }


        .notAndroid23 .move-right img {
            opacity: 0.1;
        }
    /* SEARCH BOX */

    .store-search-box {
        display: none;
        position: absolute;
        top: 51px;
        left: 0;
        width: 100%;
        box-shadow: 0px 4px 6px rgba(150, 150, 150, 0.2);
        z-index: 1070;
        text-align: center;
        background: #fff;
        height: 70px;
    }

        .store-search-box.open {
            display: block;
        }

        .store-search-box form {
            padding: 15px 0;
            display: block;
        }

        .store-search-box input.search-box-text {
            width: 210px;
            border-bottom: 1px solid #909090;
            text-align: left;
            text-transform: none;
            color: #909090;
            font: normal 13px 'Montserrat', sans-serif;
        }

        .store-search-box .search-box-button {
            background: url('../img/responsive-nav-sprite.png') no-repeat left -135px top 16px;
            margin-left: -30px;
            margin-top: -7px;
        }

    /* RESPONSIVE MENU HEADER SELECTORS/HEADER LINKS */

    .header-selectors-wrapper,
    .header-links-wrapper {
        display: none;
        background: #fff;
        box-shadow: 0px 4px 6px rgba(150, 150, 150, 0.2);
        position: absolute;
        top: 51px;
        left: 0;
        right: 0;
        z-index: 1070;
        text-align: center;
        /*-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;*/
    }
    /*.header-links-selectors-wrapper.open {
	display: block;
}*/

    .header-upper .header-social-icons {
        display: none;
    }

    .header-social-icons {
        padding: 0 25px;
        border-bottom: 1px solid #4c4c4c;
    }

        .header-social-icons a {
            margin: 0 1.5px;
        }

    .header-links {
        color: #909090;
        justify-content: center;
    }

        .header-links ul {
            display: block;
        }

        .header-links li {
            display: block;
            margin: 0;
        }

    .header-links-wrapper a,
    a.ico-wishlist {
        font-size: 13px;
        line-height: 50px;
        border-bottom: 1px solid #f1f1f1;
    }

    .header-links a.login-link {
        display: none;
    }

    .header-links-wrapper {
        margin: 0;
    }

    .header-selectors-wrapper > div {
        display: block;
        margin: 0;
        border-bottom: 1px solid #f1f1f1;
    }

        .header-selectors-wrapper > div:last-child {
            border: none;
        }

    .header-selectors-wrapper select {
        background: none;
        font: normal 12px 'Montserrat', sans-serif;
        color: #909090;
        height: 50px;
        padding: 0;
        border: none;
        max-width: none;
        font-size: 13px;
    }

    .header-links-wrapper .my-account-dropdown .facebook-login-block {
        display: none;
    }

    /* FLYOUT CART */

    .flyout-cart {
        display: none;
        background: #fff;
        box-shadow: 0px 4px 6px rgba(150, 150, 150, 0.2);
        position: absolute;
        top: 51px;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 1070;
        text-align: center;
    }

    .mini-shopping-cart .item {
        margin: 0px 0 0 30px;
    }

    .mini-shopping-cart-item-close {
        left: -30px;
        width: 30px;
        height: 30px;
    }

    .flyout-cart.active {
        display: block;
    }

    .forum-pages-body .table-wrapper {
        overflow-x: auto;
    }

    .goodstart-cart-wrapper {
        display: none;
    }

    .goodstart-wishlist-icon {
        display: none;
    }

    .goodstart-wishlist-quantity {
        display: none;
    }

    .header-centering.stick .goodstart-header-menu-wrapper {
        display: none;
    }

    .header-logo a img {
        max-width: 140px;
        width: 100px;
    }

    .goodstart-wishlist-box {
        display: none;
    }

    .header-links {
        display: block;
    }

    .ui-autocomplete a {
        font-size: 12px;
    }

    .responsive-nav-wrapper .cart-wrapper {
        /* background: url(../img/responsive-nav-sprite.png) no-repeat left -205px center; */
        background: url(../img/AddToCart.png) no-repeat;
        margin-right: 10px;
        -ms-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        margin-right: 25px;
        height: 30px;
        width: 30px;
    }

    .responsive-nav-wrapper .goodstart-cart-icon {
        background: none;
        height: 50px;
        width: 50px;
    }

    .responsive-nav-wrapper .cart-qty {
        display: block;
        position: relative;
        top: 7px;
        left: 2px;
        font-size: 14px;
    }

    span.search-box-text {
        float: inherit !important;
    }

    .side-2 {
        text-align: center;
    }

    .quicklink-colume img {
        width: 60px;
    }

    .rich-blog-homepage .post-details {
        padding: 0px 20px;
    }

    /* .rich-blog-homepage .read-more {
        text-align: center !important;
    } */

    .goodstart-filter {
        float: left;
        color: #1f2022;
        display: flex !important;
        align-items: center;
        margin-top: -3px !important;
    }

        .goodstart-filter span {
            font: 14px 'Mikado', serif;
            font-weight: bold;
            line-height: 40px;
        }

        .goodstart-filter .filters-button {
            /* display: none; */
            background: url(../img/responsive-nav-sprite.png) no-repeat left -169px center;
            width: 50px;
            height: 50px;
        }

    .admin-header-links {
        position: inherit;
    }

    .breadcrumb {
        margin-top: 50px;
    }

    .quicklink-row {
        padding: 0px 15vw;
        text-align: left;
    }

    .quicklink-colume {
        width: 31%;
        margin-right: 1%;
        text-align: center;
    }

    .order-summary-content .cart-items-wrapper.bulk-view .cart .item-variant .item-quantity {
        width: 100%;
    }

    .order-summary-content .cart-items-wrapper.bulk-view .cart .item-variant .item-subtotal {
        width: 100%;
        text-align: left;
    }

    .productDetailPictureListDiv {
        overflow-x: auto;
    }

    .productDetailPictureDefaultDiv {
        padding-left: 0px;
    }

    .productDetailPictureDefaultDiv img {
        width: 100%;
    }

    .ui-tabs .ui-tabs-nav li {
        display: block;
        max-width: 100%;
    }

    .product-specs-box .table-wrapper {
        padding: 0px;
    }

    .product-charts-box {
        overflow-x: auto;
    }

    .goodstart-user-balance {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .responsive-nav-wrapper-parent .responsive-nav-wrapper .goodstart-user-balance {
        display: none;
    }

    .responsive-nav-wrapper-parent .responsive-nav-wrapper .piggy-bank {
        display: none;
    }

    .mobile-piggy-bank {
        background: url(../img/PiggyBank.png) no-repeat;
        background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        /* margin-left: 20px; */
        height: 40px;
        width: 40px;
    }

    .responsive-nav-wrapper-parent .goodstart-header-link .header-links {
        justify-content: flex-end;
        display: flex;
    }

    /* .responsive-nav-wrapper-parent .goodstart-header-link .header-links .piggy-bank {
        margin-right: 0px;
    } */

    .responsive-nav-wrapper-parent .goodstart-header-link .header-links .my-account-dropdown-wrapper {
        display: none;
    }

    .mobile-account-link {
        display: block;
    }

    .mobile-account-link .header-links {
        display: block !important;
    }

    .mobile-account-link .my-account-dropdown-wrapper {
        display: block !important;
    }

    .mobile-account-link .goodstart-user-balance {
        display: none;
    }

    .mobile-account-link .piggy-bank {
        display: none;
    }

    .mobile-account-link .ico-wishlist {
        display: none;
    }

    .instantSearch {
        top: 48px !important;
    }

    /*.productDetailPicturePanel {
        align-items: center;
    }*/

    .productDetailPictureListDiv {
        justify-content:inherit;
    }

    .goodstart-theme .order-summary-content .cart-footer .subsidy-summary-wrapper .subsidy-summary {
        width: 100%;
    }

    .product-details-page .productTabs-body iframe{
        width: 100%;
    }

    .filter-block a.toggleControl {
        margin-right: 15px;
    }

    .filter-block a.toggleControl.closed {
        margin-right: 15px;
    }

    .header-links .account-navigation-wrapper {
        display: block;
    }

    #after_code {
        display: none;
    }

    #after_mobile_code {
        display: block;
    }

    .product-review-item .review-info .user
    {
        float:inherit;
    }

    .product-review-item .date {
        text-align: inherit;
    }
}
@media all and (min-width: 769px) and (max-width: 1280px) {

    .responsive-nav-wrapper-parent + .main-slider-wrapper .slider-wrapper {
        margin: -50px 0 0;
        z-index: 1;
        position: relative;
    }

}

@media all and (max-width: 320px) {
    .thumb-item-img {
        opacity: 0.9;
        height: 80px;
    }
}

@media all and (max-width: 300px) {
    .thumb-item-img {
        opacity: 0.9;
        height: 70px;
    }
}

@media all and (max-width: 280px) {
    .thumb-item-img {
        opacity: 0.9;
        height: 60px;
    }
}