@media all and (min-width: 320px) and (max-width: 980px) {

    .close {
    float: none !important;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1 !important;
}

    .header-top {
        background-color: #fff;
        background: #fff /*url(../img/pattern-nav.png)*/ top left;
        padding: 10px;
    }

    .HideManualSearchbox {
        display: block;
    }

    #customerCurrency {
        /*width: 70px !important;*/
        width: 81px !important;

    }

    .header-bottom .search-box {
        display: none;
    }

    .flyout-cart {
        display: none !important;
    }


    .address-list > div {
        background: #fff;
        vertical-align: top;
        width: 100%;
    }

    .order-list > div {
        background: #fff;
        vertical-align: top;
        width: 100%;
    }

    .order-details-page .order-overview {
        margin: 0 0 0px;
        line-height: 20px;
    }

    .order-details-area > div {
        margin-top: 10px;
    }

    .order-details-page .page-title {
        margin: 0 0 5px;
        overflow: hidden;
        position: relative;
    }
    /* HEADER */
    .registration-page .button-1, .registration-page .button-2, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1 {
        display: inline-block;
        background: #f1c338;
        background-color: rgb(241, 195, 56);
        border: 1px solid #f1c237;
        color: #fff;
        box-shadow: 0 1px 0 0 #f1c237;
        padding: 10px 24px;
        font-size: 14px;
        margin: 0 auto;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: auto;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        margin-top: 5%;
        margin-bottom: 0%;
        margin-left: 0%;
    }

    .inputs label {
        display: contents !important;
        width: 100%;
        margin: 5px 0 5px;
        text-align: center;
        font-size: 14px;
        line-height: 1.2;
        display: block;
        width: 100%;
        margin: 5px 0 5px;
        text-align: center;
        font-size: 14px;
        line-height: 1.2;
        display: block;
        width: 100%;
        margin: -21px 1px 7px;
        text-align: center;
        font-size: 14px;
        line-height: 1.2;
    }

    .inputs select {
        box-shadow: none;
        border: 1px solid #c9c9c9;
        border-radius: 5px;
        box-shadow: 3px 3px 3px #888888;
        margin-top: 0px !important;
    }

    .header-links .ico-register {
        background: url(../img/m-icon-plus.png) no-repeat center;
    }

    .header-links .ico-cart {
        background: url(../img/icon-cart1.png) no-repeat center;
        display:none;
    }

    .header-links .ico-login {
        background: url(../img/m-icon-lock.png) no-repeat center;
    }

    .header-links .ico-account {
        background: url(../img/m-icon-account.png) no-repeat center;
    }

    .header-links .ico-logout {
        background: url(../img/m-icon-logout.png) no-repeat center;
    }

    .header-links .ico-wishlist1 {
        background: url(../img/icon-wishlist1.png) no-repeat center;
    }

    .header-links .ico-inbox {
        background: url(../img/m-icon-inbox.png) no-repeat center;
    }

    .header-links .ico-notice1 {
        background: url("../img/ico-notice1.png") no-repeat center;
    }

    .header-links .ico-Desktop1 {
        background: url(../img/desktop-icon.png) no-repeat center;
    }



    .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;
    }

    .ShoppingwishlistResponsive {
        font-size: 12px !important;
        line-height: 16px !important;
        color: #fff !important;
        -webkit-transition: all .15s ease;
        transition: all .15s ease;
        z-index: 99999;
        position: absolute;
        margin-left: 24.6px;
        margin-top: 1px;
        z-index: 99999;
        display: inline-block;
        float: right;
    }


    .ShoppingNotificationsCountResponsive {
        font-size: 12px !important;
        line-height: 16px !important;
        color: #fff !important;
        -webkit-transition: all .15s ease;
        transition: all .15s ease;
        z-index: 99999;
        position: absolute;
        margin-left: 26px;
        margin-top: 1px;
        z-index: 99999;
        display: inline-block;
        float: right !important;
    }

    .ShoppingcartCountResponsive {
        font-size: 12px !important;
        line-height: 16px !important;
        color: #fff !important;
        -webkit-transition: all .15s ease;
        transition: all .15s ease;
        z-index: 99999;
        position: absolute;
        margin-left: 26.8px;
        margin-top: 1px;
        z-index: 99999;
        display: inline-block;
        float: right;
    }

    /* RESPONSIVE NAV WRAPPER */

    .responsive-nav-wrapper-parent {
        height: 51px;
    }

    .responsive-nav-wrapper {
        position: relative;
        background-image: linear-gradient(to bottom, #3c289f, #552caa, #6c30b5, #8334bf, #9938c9) !important;
        width: 100%;
        box-shadow: 0 1px 3px 1px rgba(0,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;
    }

    .responsive-nav-wrapper:after {
        content: ".";
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        line-height: 0;
        font-size: 0;
    }

    .responsive-nav-wrapper > div > span {
        display: block;
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
        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) no-repeat center;
        /*position: fixed;*/
    /*margin-left: -10%;*/
    color: #190808 !important
    }

    .responsive-nav-wrapper .search-wrap {
        display: none;
        background: url(../img/icon-search.png) no-repeat center;
    }

    .responsive-nav-wrapper .filters-button {
        display: none;
        background: url(../img/icon-filters.png) no-repeat 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: 1000000;
        -webkit-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out;
    }

        .overlayOffCanvas.show {
            background: rgba(0,0,0,0.4);
        }

    #headerMenuParent {
       /* height: 60px;*/
		 height: 0px;
    }

    .justAFixingDivBefore,
    .header-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        height: 100%;
        text-align: left;
        /* background: #fff url(../img/pattern-nav.png) left top !important;*/
        overflow: hidden;
        z-index: 2147483647;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        background: #FFFFFF !important;
    }

    .notAndroid23 .justAFixingDivBefore,
    .notAndroid23 .header-menu {
        -webkit-transform: translate(-320px);
        -ms-transform: translate(-320px);
        transform: translate(-320px);
    }

    .android23 .justAFixingDivBefore,
    .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:  url(../img/pattern-nav.png) left top;
        cursor: pointer;
    }

    .close-menu span {
        display: block;
        padding: 15px 20px;
        background: url(../img/nav-item-close.png) no-repeat 25px center;
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
        line-height: 15px;
        text-align: right;
    }

    .header-menu > ul li {
        background: #fff url(../img/nav-item-border-bottom.png) repeat-x left bottom;
    }

        .header-menu > ul li:after {
            content: ".";
            display: block;
            visibility: hidden;
            clear: both;
            height: 0;
            line-height: 0;
            font-size: 0;
        }

        .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) repeat-y left top, url(../img/nav-item-open.png) no-repeat center;
        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;
        box-shadow: 1px 0 5px rgba(0,0,0,0.5);
        z-index: 3;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        overflow: hidden;
    }

    .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;
    }

    .checkout-page .section {
        margin: 10px 0 8px;
        display: block;
        box-shadow: black;
        width: 100% !important;
    }

    .header-menu ul li.back-button {
        background: #de771b url(../img/pattern-nav.png) left top;
    }

    .header-menu .back-button span {
        background: url(../img/nav-item-close.png) no-repeat 25px center;
        text-transform: none;
        color: #fff;
        text-align: right;
        padding: 14px 18px 15px !important;
        cursor: pointer;
    }

    /* header menu functionality classes */

    .admin-header-links,
    .header,
    .responsive-nav-wrapper,
    .slider-wrapper,
    .master-wrapper-page,
    .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);
    }



    /* CATEGORY PAGE & ITEM GRIDS */

    .product-viewmode,
    .product-page-size {
        /*display: none !important;*/
    }

    /* SEARCH */
    .center-1, .side-2, .center-2 {
        /*margin: 10px 0;*/
    }

    .store-search-box {
        display: block;
        /*position: fixed;*/
        top: 0;
        left: 0;
        /*   padding: 7px;*/
        width: 100%;
        background: #1d68ba url(../img/pattern-nav.png) left top;
        box-shadow: -1px 2px 1px rgba(0,0,0,0.3);
        z-index: 9999999;
        text-align: center;
        height: 35px;
    }

        .store-search-box.open {
            display: block;
        }

        .store-search-box form {
            display: inline-block;
            position: relative;
            /*padding: 7px;*/
            background: rgb(239, 181, 7);
        }

            .store-search-box form:after {
                content: ".";
                display: block;
                visibility: hidden;
                clear: both;
                height: 0;
                line-height: 0;
                font-size: 0;
            }

        .store-search-box input.search-box-text {
            float: left;
            /*width: 257px !important;*/
            height: 34px;
            border: 0;
        }

        .store-search-box .search-box-button {
            float: left;
            width: 34px;
            height: 34px;
            border: none;
            overflow: hidden;
            background: #1d68ba url('../img/icon-search.png') center no-repeat;
            text-indent: 999px;
        }

    /* FOOTER */

    .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: 0px;
        height: 100px;
    }
}

@media all and (min-width: 780px) and (max-width: 970px) {
    #SearchResponsiveStore {
        width: 781px !important;
        margin-top: 0px;
        height: 60px;
    }
}

@media all and (min-width: 600px) and (max-width: 770px) {
    #SearchResponsiveStore {
        width: 600px !important;
        margin-top: 0px;
       /* height: 60px;*/
    }
}

@media all and (min-width: 370px) and (max-width: 510px) {
    #SearchResponsiveStore {
        width: 480px !important;
        margin-top: 0px;
        /*height: 48px;*/
        height: 34px;
    }
}

@media all and (min-width: 320px) and (max-width: 360px) {
    #SearchResponsiveStore {
        width: 360px !important;
        margin-top: 0px;
    }
}
/*puk Bug #72111*/
@media (min-width: 981px) {
    .inputs label {
        margin-left: 10px !important;
    }
}
/*end*/
@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;
    }
}