@media all and (min-width:320px) and (max-width:980px) {
    .close {
        float: none !important;
        font-size: 21px;
        font-weight: 700;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: 1 !important
    }

    .header-top {
        background: top left #fff;
        padding: 10px
    }

    .HideManualSearchbox, .store-search-box.open {
        display: block
    }

    #customerCurrency {
        width: 81px !important
    }

    .header-bottom .search-box {
        display: none
    }

    .flyout-cart {
        display: none !important
    }

    .address-list > div, .order-list > div {
        background: #fff;
        vertical-align: top;
        width: 100%
    }

    .order-details-page .order-overview {
        margin: 0;
        line-height: 20px
    }

    .order-details-area > div {
        margin-top: 10px
    }

    .order-details-page .page-title {
        margin: 0 0 5px;
        overflow: hidden;
        position: relative
    }

    .account-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .registration-page .button-1, .registration-page .button-2, .registration-result-page .button-1, .return-request-page .button-1 {
        display: inline-block;
        background: #f1c338;
        border: 1px solid #f1c237;
        color: #fff;
        box-shadow: 0 1px 0 0 #f1c237;
        padding: 10px 24px;
        font-size: 14px;
        margin: 5% auto 0 0;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

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

    .inputs label {
        display: contents !important;
        margin: -21px 1px 7px;
        width: 100%;
        text-align: center;
        font-size: 14px;
        line-height: 1.2
    }

    .close-menu span, .header-menu .back-button span {
        background: url(../img/nav-item-close.png) 25px center no-repeat;
        text-align: right
    }

    .close-menu span, .responsive-nav-wrapper > div > span {
        font-size: 20px;
        text-transform: uppercase;
        color: #fff
    }

    .write-review .inputs label {
        display: block !important;
        margin: 5px 1px 7px !important
    }

    .inputs input[type=password], .inputs select, .inputs textarea, .write-review .inputs input[type=text] {
        width: 100% !important;
        margin: 5px 1px 7px !important
    }

    .inputs select {
        box-shadow: none;
        border: 1px solid #c9c9c9;
        border-radius: 5px;
        box-shadow: 3px 3px 3px #888;
        margin-top: 0 !important
    }

    .header-links .ico-register {
        background: url(../img/m-icon-plus.png) center no-repeat
    }

    .header-links .ico-cart {
        background: url(../img/icon-cart1.png) center no-repeat
    }

    .header-links .ico-login {
        background: url(../img/m-icon-lock.png) center no-repeat
    }

    .header-links .ico-account {
        background: url(../img/m-icon-account.png) center no-repeat
    }

    .header-links .ico-logout {
        background: url(../img/m-icon-logout.png) center no-repeat
    }

    .header-links .ico-wishlist1 {
        background: url(../img/icon-wishlist1.png) center no-repeat
    }

    .header-links .ico-inbox {
        background: url(../img/m-icon-inbox.png) center no-repeat
    }

    .header-links .ico-notice1 {
        background: url("../img/ico-notice1.png") center no-repeat
    }

    .header-links .ico-Desktop1 {
        background: url(../img/desktop-icon.png) center no-repeat
    }

    .header-links {
        display: inline-block;
        vertical-align: middle
    }

    .registration-page .date-of-birth select {
        width: 85px !important
    }

    .ProfileImage {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        vertical-align: middle;
        margin-top: 15px
    }

    .ShoppingNotificationsCountResponsive, .ShoppingcartCountResponsive, .ShoppingwishlistResponsive {
        font-size: 12px !important;
        line-height: 16px !important;
        color: #fff !important;
        position: absolute;
        margin-top: 1px;
        z-index: 99999;
        display: inline-block
    }

    .ShoppingwishlistResponsive {
        -webkit-transition: .15s;
        transition: .15s;
        margin-left: 24.6px;
        float: right
    }

    .ShoppingNotificationsCountResponsive {
        -webkit-transition: .15s;
        transition: .15s;
        margin-left: 26px;
        float: right !important
    }

    .ShoppingcartCountResponsive {
        -webkit-transition: .15s;
        transition: .15s;
        margin-left: 26.8px;
        float: right
    }

    .responsive-nav-wrapper-parent {
        height: 51px
    }

    .responsive-nav-wrapper {
        position: relative;
        background: url(../img/pattern-nav.png) left top #087141;
        width: 100%;
        box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);
        text-align: center;
        font-size: 0;
        height: 51px;
        overflow: hidden
    }

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

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

    .stick {
        position: fixed;
        top: 0;
        z-index: 10000
    }

    .header-menu > ul li:after, .responsive-nav-wrapper:after, .store-search-box form:after {
        content: ".";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        line-height: 0;
        font-size: 0
    }

    .responsive-nav-wrapper > div > span {
        display: block;
        height: 51px;
        width: 85px;
        overflow: hidden;
        text-indent: -9999px;
        cursor: pointer
    }

    .responsive-nav-wrapper .menu-title {
        display: inline-block;
        background: url(../img/icon-menu.png) center no-repeat;
        color: #190808 !important
    }

    .responsive-nav-wrapper .search-wrap {
        display: none;
        background: url(../img/icon-search.png) center no-repeat
    }

    .responsive-nav-wrapper .filters-button {
        display: none;
        background: url(../img/icon-filters.png) center no-repeat
    }

    .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: 1000000;
        -webkit-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out
    }

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

    #headerMenuParent {
        height: 0
    }

    .header-menu, .justAFixingDivBefore {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        height: 100%;
        text-align: left;
        overflow: hidden;
        z-index: 2147483647;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        background: #fff !important
    }

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

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

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

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

    .header-menu .close-menu {
        background: url(../img/pattern-nav.png) left top #087141;
        cursor: pointer
    }

    .close-menu span {
        display: block;
        padding: 15px 20px;
        line-height: 15px
    }

    .header-menu > ul li {
        background: url(../img/nav-item-border-bottom.png) left bottom repeat-x #fff
    }

        .header-menu > ul li > a, .header-menu > ul li > span {
            display: block;
            padding: 16px 18px 18px !important;
            line-height: 16px;
            color: #505050;
            font-size: 16px;
            text-transform: uppercase;
            position: relative;
            z-index: 1
        }

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

    .plus-button {
        position: relative;
        float: right !important;
        background: url(../img/nav-item-border-side.png) left top repeat-y,url(../img/nav-item-open.png) center no-repeat;
        width: 50px;
        height: 48px;
        z-index: 2;
        cursor: pointer
    }

    .header-menu .sublist-wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        height: 100%;
        background: #de771b !important;
        z-index: 3;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        overflow: hidden
    }

    .checkout-page .section {
        margin: 10px 0 8px;
        display: block;
        box-shadow: #000;
        width: 100% !important
    }

    .header-menu ul li.back-button {
        background: url(../img/pattern-nav.png) left top #de771b
    }

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

    .admin-header-links, .footer, .header, .master-wrapper-page, .responsive-nav-wrapper, .slider-wrapper {
        -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)
    }

    .store-search-box {
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        background: url(../img/pattern-nav.png) left top #1d68ba;
        box-shadow: -1px 2px 1px rgba(0,0,0,.3);
        z-index: 9999999;
        text-align: center;
        height: 35px
    }

        .store-search-box form {
            display: inline-block;
            position: relative;
            background: #efb507
        }

        .store-search-box input.search-box-text {
            float: left;
            height: 34px;
            border: 0
        }

        .store-search-box .search-box-button {
            float: left;
            width: 34px;
            height: 34px;
            border: none;
            overflow: hidden;
            background: url("../img/icon-search.png") center no-repeat #1d68ba;
            text-indent: 999px
        }

    .footer-bottom .footer-centering > * {
        margin-bottom: 10px
    }

    .footer-bottom .footer-centering > :last-child {
        margin: 0
    }
}

@media (max-width:980px) and (min-width:780px) {
    #SearchResponsiveStore {
        width: 980px !important;
        margin-top: 0;
        height: 100px
    }
}

@media all and (min-width:780px) and (max-width:970px) {
    #SearchResponsiveStore {
        width: 781px !important;
        margin-top: 0;
        height: 60px
    }
}

@media all and (min-width:600px) and (max-width:770px) {
    #SearchResponsiveStore {
        width: 600px !important;
        margin-top: 0
    }
}

@media all and (min-width:370px) and (max-width:510px) {
    #SearchResponsiveStore {
        width: 480px !important;
        margin-top: 0;
        height: 34px
    }
}

@media all and (min-width:320px) and (max-width:360px) {
    #SearchResponsiveStore {
        width: 360px !important;
        margin-top: 0
    }
}

@media (min-width:981px) {
    .inputs label {
        margin-left: 10px !important
    }
}

@media (max-width:360px) {
    #receipt {
        padding-left: 14%;
        margin: 17px
    }
}

@media (min-width:370px) and (max-width:600px) {
    #receipt {
        margin-left: 32% !important
    }
}

@media screen and (min-width:320px) and (max-width:768px) {
    #receipt input[type=file] {
        padding-left: 0 !important
    }
}

s