@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

.tk-lato { font-family: "lato",sans-serif; }
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

select {
    -webkit-border-radius: 0;
    -webkit-appearance: none;
    background: #fff url(../images/select-bg.png) no-repeat 95% center;
}
input[type=text] { -webkit-appearance: none; border-radius: 0;}
input:focus, select:focus, textarea:focus{background: #f5f5f5;}
button:focus{ outline: auto 1px -webkit-focus-ring-color}
a:link {
    -webkit-tap-highlight-color: rgba(17,103,168,0.3);
}
:focus {
    outline: auto 1px -webkit-focus-ring-color;
}
.no-padding { padding: 0!important; }
.no-click:focus{outline: none}

.full-length {width: 100%;}
.half-length { width:50%; }
.font-bold {font-weight: 700;}
.text-right {text-align: right;}
.bg-grey {background: #c2c2c2}
.primary-btn {background: #ffdd00;}
.push-left {float: left}
.push-right {float: right}
.grey-color {color: #c2c2c2;}
.white-bg {background: #fff;}
.vertical-align-middle {position: absolute; top: 50%; transform: translateY(-50%);}
button, .button, a.btn-grey, .shop-now {text-align: center; cursor: pointer;}
input {background: #fff; border: 1px solid #c2c2c2; padding: 0 12px; height: 45px; color: #000}
.my-account input, .emarsys-unsubscribe input{ height: auto; min-height: 50px;}
.box-shadow {box-shadow: 0 0 3px rgba(0,0,0,.16)}
.text-uppercase {text-transform: uppercase}
.red-color {color:#F20000}
.font-italic {font-style: italic;}


.acba {}
.acba .not-a-member,
.acba .ba-message,
.acba#signup-popup-show .separator,
.acba#signup-popup-show .pslogin-block,
.acba#signup-popup-show .login-terms-cookies,
.acba#signup-popup-show .login-triger,
.acba#signup-popup-show .why-join,
.acba#signup-popup-show .featured-in,
.acba#signup-popup-show .login-review,
.acba#signup-popup-show .join-now-top,
.acba#thankyou-message .why-join,
.acba#thankyou-message .featured-in,
.acba#thankyou-message .login-form-holder,
.acba-logo,
.acba-message,
.acba-no-user .acba-message p,
.acba-no-user .acba-message br,
.acba-terms {
    display: none;
}

.acba .acba-logo,
.acba-no-user .acba-logo,
.acba .acba-message,
.acba-no-user .acba-message,
.acba .acba-terms,
.acba.forgot-password .ba-message {
    display: block;
}

.acba-no-user .ba-message,
.acba-no-user .acba-terms,
.acba-no-user#thankyou-message .acba-message {
    display: none!important;
}

.acba-no-user .joinNowFormEmaill li:first-child { padding-bottom: 0; }

.acba .acba-message { padding: 8px 0; text-align: center; background: #efefef;  }
.acba .acba-message p > a { line-height: 18px; font-size: 14px; display: inline; }
.acba#thankyou-message .acba-message { display: none; }
.acba .acba-message button.button,
.acba .acba-message .button { margin: 16px 8px 8px; width: 94%; max-width: 280px; }
.acba .acba-terms { font-size: 11px; padding: 0 8px; }
.acba .featured-in { background: #fff; }
.acba .half-length { width: 60%!important; }
.acba-no-user .acba-message { margin-bottom: 10px; }

@media only screen and (min-width: 1024px) {
    .acba .login-middle-section { background: #efefef; }
    .acba .login-form-area { margin: 0 auto; }
}

@media only screen and (max-width: 320px) {
    .acba .acba-logo img { height: 25px; }
}

.acba-logo { text-align: center; padding: 16px 8px; background: #fff; }
.acba-logo img { height: 30px; }
.acba .acba-logo span { font-size: 22px; padding: 0 8px; }
.acba-checkout-message .button { display: block; margin: 10px auto 15px; max-width: 280px;  }
@media only screen and (max-width: 480px) {
    .acba-checkout-message .acba-logo { padding: 8px 0; }
    .acba-checkout-message .acba-logo img { height: 26px; }
    .acba-checkout-message p { font-size: 12px; }
}

@media only screen and (max-width: 1023px) {
    input {font-size: 16px;}
    button, .button, input, a.btn-grey, .shop-now { line-height: 48px;}
    .desktop {display: none;}
    .mobile {display: block}

    /* #nav .col .list > li > a {
         line-height: 48px!important;
     }*/
}
@media only screen and (min-width: 1024px) {
    button, .button, input, a.btn-grey, .shop-now { font-size: 14px; line-height: 48px; }
    .desktop {display: block;}
    .mobile {display: none}
}

/* NAVIGATION */

#nav .nav-panel--dropdown {
    width: 100vw !important;
    max-width: 1366px;
}

#nav .col {
    width: 100%;
    position: relative;
}

.sub-category { position: relative;}

#nav .col .box-more  { display: none; }

#nav h2 {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 4px;
    font-weight: bold;
    padding: 0 3px;
    text-transform: uppercase;
}

.policy-notification {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2em;
    margin: 0 0 10px
}

#nav .col .list li {
    margin: 0 0 6px
}

#nav .col .list > li > a {
    display: inline-block;
    padding: 0 3px;
}

.acco .nav-item > a.develo-main-cat-link {
    display: none;
}

.develo-main-cat-text {
    display: block;
    padding: 15px 10px;
    font-size: 16px;
    text-transform: uppercase;
}

.item-active .develo-main-cat-text {
    background-color: #F9DE4B;
}
#nav .level-top.transitioning .develo-main-cat-text {
    background-color: #F9DE4B;
}
.nav-mobile .nav-item.level0 > .opener:hover .fa,
.acco .opener:hover {
    background-color: unset !important;
}

.acco .opener {
    width: 100%;

}

.acco .opener .fa {
    padding: 0px 20px;
    margin-left: auto;
    margin-right: 0;
    float: right;
}


#nav .develo-nav-panel-inner .col-frame {
    padding: 0;
    background-color: #F9FAFB;
}

#nav .col.current-sales {
    display: none;
}

.develo-top-sales-link-mobile {
    display: block;
    padding: 12px 18px;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    width: 100%;
}

#mobile-search-button-wrapper {
    display: none;
}

.autocomplete-wrapper .develo-show-all-results-container {
    width: 100%;
}

.autocomplete-wrapper .develo-show-all-results-link {
    width: 100%;
    background: #F9DE4B;
    max-width: 160px;
    display: block;
    padding: 10px 20px;
    box-sizing: border-box;
    white-space: nowrap;
    text-transform: capitalize;
    font-family: "Inter", "Lato", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
}

@media screen and (max-width: 1023px) {
    #nav h2.nav-selection.develo-nav-selection {
        text-transform: capitalize;
        padding-left: 18px;
        font-size: 16px;
        font-weight: 500;
    }

    #nav .develo-nav-panel-inner .col-frame .list.nav-panel {
        background-color: #FFF;
        padding-left: 30px;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
    }

    .cart_timer {
        font-size: 0;
    }

}

#develo-mini-cart-content .cart_timer .counter {
    font-size: 16px;
    display: inline-block;
    width: 45px;
    font-weight: 400;
}

body.desktop-menu-open {
    overflow: hidden;
}

body.desktop-menu-open #algolia_instant_selector .facet .name {
    z-index: 1;
}

@media screen and (min-width: 1024px) {

    #bf_header.hidden ~ .header-container #nav .col-holder {
        max-height: calc(100vh - 130px);
    }

    #bf_header:not(.hidden) ~ .header-container #nav .col-holder {
        max-height: calc(100vh - 162px);
    }

    .nav-regular .nav-panel--dropdown {
        box-shadow: none;
    }

    body .header-container #header-nav > #dd-menu-overlay {
        background: rgba(0,0,0,0.5);
        width: 0;
        height: 0;
        position: absolute;
        top: 100%;
        z-index: 110;
        object-fit: contain;
        opacity: 0;
        transition: opacity 250ms;
        transition-delay: 0.25s;
    }

    body.desktop-menu-open .header-container #header-nav > #dd-menu-overlay {
        width: 100%;
        height: calc(100vh - 130px);
        position: absolute;
        top: 100%;
        object-fit: contain;
        opacity: 1;
    }

    body.desktop-menu-open-wnot .header-container #header-nav > #dd-menu-overlay {
        width: 100%;
        height: calc(100vh - 162px);
        position: absolute;
        top: 100%;
        object-fit: contain;
        opacity: 1;
    }

    body.desktop-menu-open .header-container.sticky-header #header-nav > #dd-menu-overlay {
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 100%;
        object-fit: contain;
        opacity: 1;
    }

    body.desktop-menu-open-wnot .header-container.sticky-header #header-nav::before {
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 100%;
        object-fit: contain;
        opacity: 1;
    }

    .header-container #header-nav {
        position: relative;
    }

    .develo-main-cat-text,
    .develo-mobile-menu-link,
    .develo-mobile-menu-box {
        display: none;
    }

    .acco .nav-item > a.develo-main-cat-link {
        display: block;
    }

    #nav .develo-nav-panel-inner .col-frame {
        background-color: unset;
    }

    #nav .develo-nav-panel-inner .col-frame .list.nav-panel {
        background-color: unset;
    }

    #nav .col {
        width: 70%;
        min-height: 270px;
        min-width: 196px;
    }

    #nav .col .box-more { position: absolute; bottom: 0;  display: block; }
    #nav .more.button {font-size: .83rem;
        padding: .5rem 1rem;
        line-height: 22px;
        white-space: normal;
        max-width: 168px; }
    .top-brands .button { padding: 0 8px; }

    .develo-top-sales-link-mobile {
        display: none;
    }

    #nav .col.current-sales {
        display: block;
        padding-right: 12px;
        padding-left: 12px;
        min-width: 210px;
    }

    #nav .col.current-sales.less-content {
        max-width: 210px;
        display: flex;
        flex-direction: column;
        justify-content: stretch;
        overflow: hidden;
        min-height: 100%;
    }

    #nav .col.current-sales.less-content  .list {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }

    #nav .col.current-sales.more-content {
        width: 60%;
        max-width: 358px;
    }

    #nav .col.current-sales.more-content .list li {
        margin: 0;
    }

    #nav .col.current-sales.more-content .list > li > a {
        margin-bottom: 6px;
    }

    .current-sales .list {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        border-right: 1px solid #d9d9d9;
    }

    #nav .col.top-brands {
        width: 25%;
    }

    #nav .top-brands h2 {
        margin: 0 10px 8px 12px;
    }
    .top-brands .list {
        border-left: 1px solid #d9d9d9;
        /*border-right: 1px solid #d9d9d9;*/
        padding: 0 10px 0 12px;
    }

    #nav .col.current-sales,
    #nav .col.top-brands {
        padding-bottom: 8px;
    }

    #nav .col.category-type {
        width: 100%;
        padding-left: 24px;
        margin-top: 16px;
        padding-bottom: 32px;
    }

    .category-type > ul > li {
        width: 20%;
        float: left;
        min-width: 110px;
    }

    #nav .col-holder {
        overflow-y: auto;
        overflow-x: hidden;
    }

    #nav .col-frame {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .product-notes .remove-lineid {
        display: none;
    }


    /* Develo Changes Start */
    #nav .develo-nav-panel-inner {
        padding: 0;
    }

    #nav .develo-current-sales {
        max-width: 240px;
        background-color: #f3f4f6;
        padding: 8px 12px;
    }

    #nav .develo-current-sales.develo-current-sales-id-19359 {
        background-color: unset;
    }

    #nav .develo-current-sales.develo-current-sales-id-20931 {
        background-color: unset;
    }

    #nav .develo-current-sales.develo-current-sales-id-97482 {
        background-color: unset;
    }

    #nav .develo-current-sales .box-more {
        margin: 6px 4px;
        display: flex;
        flex-direction: column;
    }

    #nav .develo-current-sales .box-more img {
        height: 140px;
        width: 100%;
        margin-top: 12px;
        object-fit: cover;
    }

    .develo-top-brands .list,
    .develo-current-sales .list {
        border: none;
    }

    #nav .develo-top-brands,
    #nav .develo-menu-categories,
    #nav .develo-current-sales {
        padding: 0;
    }

    #nav .develo-current-sales {
        padding-left: 8px;
    }

    /** Women **/
    #nav .current-sales.develo-current-sales.develo-current-sales-id-19083 {
        max-width: 254px;
    }

    /** Men **/
    #nav .current-sales.develo-current-sales.develo-current-sales-id-19084 {
        max-width: 315px;
    }

    /** Home **/
    #nav .current-sales.develo-current-sales.develo-current-sales-id-19086 {
        max-width: 266px;
    }

    /** Kids **/
    #nav .current-sales.develo-current-sales.develo-current-sales-id-19085 {
        max-width: 240px;
    }

    /** Beauty **/
    #nav .current-sales.develo-current-sales.develo-current-sales-id-19087 {
        max-width: 264px;
    }

    /** Clearance **/
    #nav .current-sales.develo-current-sales.develo-current-sales-id-19359 {
        max-width: 258px;
    }

    /** Gifting **/
    #nav .current-sales.develo-current-sales.develo-current-sales-id-20931 {
        max-width: 258px;
    }

    /** Black-friday **/
    #nav .current-sales.develo-current-sales.develo-current-sales-id-97482 {
        max-width: 258px;
    }

    #nav .develo-top-brands .list > li,
    #nav .develo-menu-categories .list > li,
    #nav .develo-current-sales .list > li {
        margin-bottom: 0;
    }

    #nav .develo-top-brands .list > li > a,
    #nav .develo-menu-categories .list > li > a,
    #nav .develo-current-sales .list > li > a {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        padding: 4px 8px;
        display: block;
        line-height: 1.5;
    }

    #nav .develo-top-brands .list > li > a:hover,
    #nav .develo-menu-categories .list > li > a:hover,
    #nav .develo-current-sales .list > li > a:hover {
        color: #000;
    }

    #nav .more.button.develo-view-all-button {
        font-family: "Inter", "Lato", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 150%;
        text-transform: unset;
        background-color: #F9DE4B;
        padding: 8px 12px;
        align-self: flex-start;
        letter-spacing: normal;

    }
    #nav .more.button.develo-view-all-button:hover,
    #nav .more.button.develo-view-all-button:focus
    {
        background-color: #c2ad38 !important;
    }


    .develo-top-brands,
    .develo-menu-categories {
        padding: 8px 12px;
    }


    #nav h2.develo-nav-selection {
        width: 100%;
        padding: 0;
        margin-bottom: 0;
        font-weight: 600;
        font-size: 16px;
        line-height: 1.5;
    }

    #nav .develo-top-brands h2.develo-nav-selection {
        width: 90%;
    }

    #nav h2.develo-nav-selection > a {
        display: block;
        font-size: 16px;
        font-weight: 600;
        text-transform: capitalize;
        text-decoration: underline;
        padding: 6px 8px;
    }

    #nav .col .box-more {
        position: relative;
        height: 100%;
    }

    #nav .col.category-type {
        width: 55%;
    }

    #nav .develo-nav-item-id-19359 .col.develo-menu-categories {
        display: none;
    }

    #nav .develo-nav-item-id-19359 .col.develo-top-brands {
        width: auto;
        max-width: 639px;
        margin: 14px 24px 0 auto;
        min-height: 0;
    }

    #nav .develo-nav-item-id-97482 .col.develo-menu-categories {
        display: none;
    }

    #nav .develo-nav-item-id-97482 .col.develo-top-brands {
        width: auto;
        max-width: 639px;
        margin: 14px 24px 0 auto;
        min-height: 0;
    }

    #nav .develo-nav-item-id-20931 .col.develo-menu-categories {
        display: none;
    }
    #nav .develo-nav-item-id-20931 .col.develo-top-brands {
        width: auto;
        max-width: 639px;
        margin: 14px 24px 0 auto;
        min-height: 0;
    }
    #nav .develo-nav-item-id-20931 .col.develo-current-sales {
        min-height: 0;
    }
    
    #nav .develo-nav-item-id-19359 .col.develo-current-sales {
        min-height: 0;
    }

    #nav .develo-nav-item-id-97482 .col.develo-current-sales {
        min-height: 0;
    }

    .level0 .mobile-the-outlet span.hero-icon {
        display: none;
    }
    /* Develo Changes End */

}

@media screen and (min-width: 1201px) {
    body.desktop-menu-open {
        overflow: auto;
    }
}

@media screen and (min-width: 1024px) {

    #nav .col {
        width: 35%;
        /* max-width: 350px;*/
        min-height: 330px;
    }

    #nav .col.top-brands {
        width: 15%;
        max-width: 200px;
        margin-right: 0;
        margin-left: auto;
    }

    #nav .col.category-type {
        /* width: 45%;
         max-width: 533px;*/
        margin-top: 0;
        /*float: right;*/
    }

    .category-type > ul > li {
        width: 33%;
        margin-bottom: 8px;
    }
}

@media screen and (min-width: 1201px) {
    #nav .col.top-brands {
        width: 20%;
    }
    /*#nav .col.category-type {
        width: 48%;
    }*/
    .category-type > ul > li {
        width: 25%;
    }
}


@media screen and (max-width: 1023px) {
    .main.container {
        margin-top: 56px;
    }

    .opener .hero-icon {
        line-height: 48px;
    }

    .opener .hero-icon.minus-icon,
    .item-active > .opener .hero-icon.plus-icon {
        display: none;
    }

    .item-active > .opener .hero-icon.minus-icon,
    .opener .hero-icon.plus-icon
    {
        display: flex;
        width: 20px;
        height: 20px;
        padding: 14px 15px;
        float: right;
        justify-content: center;
        align-items: center;
    }

    .col > .opener .fa-minus,
    .sub-category .opener .fa-minus,
    .col.item-active > .opener .fa-plus,
    .sub-category.item-active .opener .fa-plus {
        display: none;
    }

    .col.item-active > .opener .fa-plus,
    .sub-category.item-active .opener .fa-minus {
        display: block;
    }

    .develo-mobile-menu-box {
        display: block;
    }
    .develo-mobile-menu-box::before {
        content: ' ';
        display: block;
        height: 12px;
    }

    .nav-item.develo-mobile-menu-box a {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 12px 18px;
        font-size: 16px;
        color: #374151;
        font-family: "Inter", "Lato", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
    }

    .nav-selection { border: none!important; }
    .nav-selection a,
    .list a {
        display: block;
        /*line-height: 48px;
        height: 48px;*/
    }

    #nav .col .box-more  {
        display: block;
    }
    #nav .col .box-more a {
        padding: 3px;
        background-color: inherit;
        font-size: 13px;
        font-weight: bold;
    }

    #nav .col .sales-opener {
        top: 54px;
    }

    #nav .col .box-more a.button:hover, #nav .col .box-more a.button:focus {
        background-color: inherit!important;
        border: none;
        outline: none;
    }


    #nav .main-cat {
        border-bottom: 1px #E2E2EA solid;
        font-family: "Inter", "Lato", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        padding: 12px 18px;
        color: #111928;
    }

    #nav .main-cat.mobile-the-outlet {
        display: flex;
        justify-content: space-between;
        padding: 12px 18px 12px 18px;
    }

    #header-nav {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        height: 100vh;
        width: 100%;
        max-width: 1023px;
        z-index: 9;
        padding-top: 47.5px;
        margin-top: 0;
        font-family: "Inter", "Lato", sans-serif;
        font-style: normal;
    }

    #header-nav.skip-active #nav {
        height: 100% !important;
        width: 100%;
        max-width: 1023px;
        overflow-x: hidden;
        margin-bottom: 100px;
    }

    .mobile-nav #hamburger-menu {
        background-color: #FFFFFF;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        border: unset;
        flex: 1;
        width: 100%;
        min-width: 48px; /* for very small screens to keep usability */
        z-index: 10;
        margin-top: -1px;  /* on some breakpoints menu button overflows bottom border */
    }

    .mobile-nav #hamburger-menu .mobile-menu-icon-group {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        min-width: 48px;
        height: 100%;
    }

    .mobile-nav #hamburger-menu.skip-active .mobile-menu-icon-group {
        background-color: #F9DE4B;
        border-bottom: 1px #F9DE4B solid;
    }

    .mobile-nav #hamburger-menu #close-menu-icon {
        display: none;
    }

    .mobile-nav #hamburger-menu #open-menu-icon {
        display: block;
    }

    .mobile-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        backface-visibility: hidden;
    }

    #develo-mobile-icon-group {
        display: flex;
        /*align-items: center;*/
        justify-content: flex-end;
        flex: 1;
    }

    #develo-mobile-icon-group > .skip-link {
        padding: 0 8px;
        line-height: revert;
        border: 0;
        background: 0;
        height: auto;
    }


    /* Mobile Search */
    #header-search {
        border: unset;

    }

    .autocomplete-wrapper .develo-show-all-results-link {
        max-width: 100%;
    }

    #header-nav .nav .search-user-wrapper {
        display: none;
    }

    /* Hide desktop button */
    #develo-open-search-button {
        display: none;
    }

    /* Mobile Button Styles*/
    #mobile-search-button-wrapper {
        display: inline-block;
    }

    .header-container.header-mobile.sticky-header #mobile-search-button-wrapper {
        position: relative;
    }

    #mobile-search-button-wrapper #mobile-search-button {
        position: absolute;
        top: 50px;
        right: 0;
        left: 0;
        height: 56px;
        background: #F9FAFB;
        z-index: 9;
        display: flex;
        align-items: center;
        border-bottom: 1px #D5D5DC solid;
    }

    #mobile-search-button-wrapper #mobile-search-button::after {
        content: 'What are you looking for?';
        font-family: "Inter", "Lato", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 125%;
        color: #6B7280;
        margin-left: 8px;
    }

    #develo-mobile-icon-group #mini-cart-wrapper-mobile {
        display: inline-block;
    }

    #develo-mobile-icon-group #mini-cart-wrapper-mobile #mini-cart {
        margin: 0;
        display: flex;
    }

    #develo-mobile-icon-group #mini-cart-wrapper-mobile #mini-cart.is-empty {
        max-width: 48px;
    }

    #develo-mobile-icon-group #mini-cart-wrapper-mobile #mini-cart.is-not-empty {
        max-width: 100%;
    }

    #develo-mobile-icon-group > a[title="my-account"] {
        display: none;
    }


    .sticky-header #mobile-search-button-wrapper #mobile-search-button {
        position: initial;
        top: 0;
        right: 40px;
        left: auto;
        width: 48px;
        height: 48px;
        background: #FFF;
        z-index: 9;
        display: flex;
        align-items: center;
        justify-content: center;
        border: unset;
    }

    .sticky-header #mobile-search-button-wrapper #mobile-search-button::after {
        content: '';
        margin-left: 0;
    }

    #develo-close-search-button {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        border: unset;
        min-width: 48px;
        height: 47px;
        z-index: 13;
        background-color: #FFFFFF;
        margin-top: -1px;
    }

    .mobile-nav #hamburger-menu.skip-active #close-menu-icon {
        display: block;
    }

    .mobile-nav #hamburger-menu.skip-active #open-menu-icon {
        display: none;
    }

    .develo-main-cat-text {
        padding: 12px 18px;
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
    }
    .nav-mobile .nav-item.level0 > .opener {
        height: 100%;
    }
}
/* NAVIGATION */

.empty-carthead h1 {
    text-align: center;
    text-transform: uppercase;
    padding: 0;
    line-height: 54px;
    float: left;
    letter-spacing: 1px;
    margin: 0;
    color: #000;
    font-weight: 400;
    font-size: 24px
}

.color-red {
    color: #d42426!important
}
.hidden-mobile { display: block; }
.visible-mobile { display: none; }
.clear-span {
    width: 100%;
    display: block
}

.col-unit-price a {
    padding: 0 6px;
    font-size: 18px;
    font-weight: 700;
    font-family: Arial;
    cursor: pointer
}

.col-unit-price button {
    border: none;
    text-decoration: underline;
    background: none;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: .3px;
    padding: 5px 0 0
}

.list-avail-coupons {
    padding: 15px 0 0
}

.pop-login .half .padder p.login-newtxt {
    margin-bottom: 62px;
    font-weight: 300;
    font-size: 26px;
    letter-spacing: 1.5px;
    line-height: 34px;
    text-align: center
}

.page-title h1 { width: 100%; background: #fff; text-align: center; font-size: 22px; text-transform: uppercase; line-height: 48px; font-weight: 700; letter-spacing: 2px; }

.hideALL {
    display: none
}

.collapsible .block-title,
.mobile-collapsible .block-title {
    color: #000;
    font-size: 18px
}

.footer .item { min-height: 50px; }

.footer-top a {
    color: #000;
    font-size: 13px
}

.checkout-footer-top {
    border-top: 6px solid #ff0;
    border-bottom: 1px solid #e8e8e8;
    padding: 28px 0 40px;
    margin: 0 0 10px
}

.limiter select {
    padding-right: 30px;
    background-position: 87% center
}

.gray-button {
    background-color: #d0cfcf;
    color: #000
}

.gray-button:hover,
.gray-button:focus {
    background-color: #adadad
}

.button:hover,
.button:focus {
    background-color: #fd0!important;
    color: #000
}

.header-mobile .sticky-container {
    left: 8px;
    right: 8px;
    width: auto
}
.user-menu .fa { font-size: 20px; vertical-align: middle; }

.messages {
    width: 100%
}

.btn-checkout {
    float: right
}

.add-to-cart-button-holder {
    margin-bottom: 10px
}

.submit-search {
    background: #fff;
    font-size: 18px;
    float: right;
    border: 1px solid #adadad;
    padding: 7px;
    border-left: none;
    cursor: pointer;
    width:auto;
    line-height: 17px;
}

.mini-form-content {
    padding: 3px 0 0!important;
    float: right;
    text-align: left
}

.search-form input[type="text"] {
    width: 165px!important;
    font-size: 14px;
    height: 32px!important;
    font-weight: 400;
    padding: 0 15px;
    color: #000;
    line-height: 32px;
    float: left;
    outline: none;
    border: 1px solid #adadad;
    border-right: 0!important;
    margin: 0!important;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px
}

.search-autocomplete {
    background-color: #f5f5f5;
    float: left;
    padding: 0 0 0 10px;
    cursor: pointer;
    z-index: 9999
}

.recommendations a {
    text-decoration: underline
}

.search-autocomplete li {
    line-height: 20px
}
#header-compare li {background: none; padding: 0; line-height: 24px;}
#header-compare li a{
    padding: 4px 15px;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    color:#000;
}
.my-account-dropdown-ipad {display: none !important;}
#header-compare li a:hover { background-color: #e5e5e5;}
#header-compare li i {color: #c2c2c2; margin-right: 15px;}
#header-compare li:last-child a{padding-bottom: 10px}
ul.bullet li {
    padding-top: 6px;
    background: url(../images/infortis/_shared/cck/list/bullet.png) no-repeat left 9px;
    font-size: 14px;
    line-height: 22px;
}
ul.bullet li:hover {
    background-position: 3px 6px;
}

.hp-blocks-holder { position: relative; }
.user-menu { position: absolute; right: -15px; top: -10px; }
.user-menu > div { float: right; }
.mini-cart { margin-left: 5px; }
.mini-compare .mini-compare-heading > a { padding: 0 5px; }
.mini-compare-heading > span { display: inline-block!important; padding: 0!important; }
.hp-blocks-holder .invite-link { position: absolute; right: -5px; top: 45px; }
.hp-blocks-holder .invite-link .fa { font-size: 18px; margin: 0 5px; }

#nav-holder2 a > span { display: none; }
#nav-holder2 .invite-link { vertical-align: middle; display: inline-block; }
#nav-holder2.hover a,
#nav-holder2 a:hover { background-color: #fff!important;}

.header .logo-wrapper .logo {
    max-width: 235px;
    height: 37px;
    width: 100%;
    margin: 0 auto;
}

#header-compare ul.bullet {
    margin: 0
}

.mini-compare.dropdown .mini-compare-content {
    width: 270px;
    padding: 0;
}

.my-account h2.legend {
    margin-top: 15px;
    color: #000
}

.my-account h2.legend span {
    color: #969696;
    font-size: 12px;
    display: block;
    padding: 6px 0 0;
    line-height: 1.1rem;
}

.returnBTN {
    display: none
}

.mini-cart-heading .count {
    background: #ffdd00;
    color: #111928;
}

.addresses-additional a {
    color: #000;
    text-decoration: underline
}

.addresses-list .title-buttons { text-align: left; }
.addresses-list .title-buttons button { margin-left: 0; margin-top: 10px; }


.order-processing {
    background: #fff;
    border: 2px solid #4e4e4e;
    padding: 100px
}

.order-processing h3 {
    color: #000;
    font: 400 16px Lato, sans-serif
}

.stickytop {
    position: fixed!important;
    top: 50px;
    left: 12px;
    right: 12px;
    padding: 20px 0;
    z-index: 10;
    background-color: #fff
}

#shipping-new-address-form .buttons-set .control label {
    float: none;
    margin: 0 0 0 3px;
    text-transform: none
}

#checkout-step-payment {
    margin: 0
}

.textPay {
    display: inline-block;
    vertical-align: top;
    width: 27%;
    line-height: 20px
}

.textPay a {
    text-decoration: underline;
    padding: 4px 0 10px;
    display: block
}

.paypalLogo {
    display: inline-block
}

.checkoutBorder {
    padding: 25px 15px;
    border-bottom: 1px solid #ebebeb
}

.checkoutBorder h4 {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    z-index: 0;
    margin: 0 0 25px
}

.checkoutBorder h4 span {
    display: block;
    text-transform: none;
    font-size: 12px;
    color: #848484
}

.checkoutBorder .input-box {
    padding: 0!important;
    border: none!important
}

.checkoutBorder select {
    margin: 0;
    width: 100%;
    height: 54px;
    border: 1px solid #ececec!important;
    padding: 0 50px 0 15px
}

.selectAdd {
    float: left;
    width: 72%;
    box-sizing: border-box;
    padding-right: 20px
}

.checkoutBorder.noBrPd {
    border: none;
    padding-bottom: 0
}

#checkout-step-payment .buttons-set {
    margin: 0;
    padding: 0 15px 20px;
    border-top: none;
    border-bottom: 1px solid #ebebeb
}

.for-M {
    display: none
}

.for-D {
    display: block
}

.amount {
    float: right;
    padding: 0 10px 0 0
}

div.loading-ajax {
    height: 50px;
    text-align: center;
    background-image: url(../images/opc-ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center center
}

#header-cart .btn-remove {
    display: none
}

#checkoutSteps .back-link {
    display: none
}

#addresses-grid-shipping {
    float: left;
    width: 72%;
    padding: 0 20px 0 0;
    box-sizing: border-box
}

#add-new-shipping-adddress {
    width: 28%
}

#shipping-buttons-container {
    border: none;
    margin: 0;
    padding: 0 15px 22px
}

#addresses-grid-shipping li {
    display: flex;
    flex-direction: row;
    width: 230px;
    padding: 0;
    min-height: 140px;
    background: #ebebeb;
    margin: 0 25px 20px 0;
    color: #333
}

#addresses-grid-shipping li .input {
    padding: 10px 20px
}

#addresses-grid-shipping li .content {
    max-width: 190px;
    padding: 10px 0
}

#addresses-grid-shipping li.active {
    background: #ff0
}

#addresses-grid-shipping select {
    width: 100%;
    height: 54px;
    padding: 0 50px 0 15px;
    background-position: 97% center;
    border: 1px solid #ececec;
    font-size: 12px;
    color: #000;
    text-transform: uppercase
}

#shipping-new-address-form,
#billing-new-address-form {
    background: #fff;
    width: 100%;
    display: none
}

.fancybox-inner #shipping-new-address-form,
.fancybox-inner #billing-new-address-form {
    padding: 10px
}

.fancybox-inner p.required {
    margin-right: 30px
}

#shipping-new-address-form button,
.billingPop {
    width: 196px;
    margin: 0 30px 0 0
}

.checkout-group li {
    min-width: 250px
}

.block-progress dd {
    padding: 0
}

#checkout-review-table img {
    max-width: 110px
}

.payment-totals table {
    width: 100%;
    background: #d0cfcf
}

.payment-totals td {
    padding: 1px 0 0;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 22px
}

.payment-totals .savings td {
    color: red;
    padding-top: 15px
}

.checkout-dispatch-date {
    margin: 10px 0
}

.checkout-availability-info {
    margin: 10px 0
}

#co-billing-form {
    margin: 10px 0
}

.opc-block-progress .changelink {
    display: none
}

.opc-block-progress dt {
    display: none
}

.opc-block-progress dt.complete {
    display: block
}

.nav-regular .nav-holder > * {
    display: inline-block
}

.footer-top {
    border: 1px solid #e5e5e5;
    border-width: 0 0 1px;
    margin-bottom: 10px
}

.footer-container {
    background: none;
    border-top: 1px solid #e5e5e5
}
.footer.container {
    position: relative;
}

#scroll-to-top {
    font-size: 14px;
    z-index: 10;
}

.paypal-representative {
    color: #999; border: 1px solid #e5e5e5; padding: 5px 0;
}
.paypal-representative img { float: left; width: 25%; margin-top: 15px; }
.paypal-representative--text { float: right; width: 74%; box-sizing: border-box; border-left: 1px solid #e5e5e5; text-align: left; font-size: 10px; margin-left: 1%; padding-left: 5px; }
.pp-credit-table {  }
.pp-credit-table--row { overflow: hidden; }
.pp-credit-table--head { float: left; width: 50%; margin-right: 1%; }
.pp-credit-table--content { float: right; width: 49%; }
.pp-credit-table--content strong { font-size: 12.5px; color: #000; }

.payment-area {
    position: relative;
}

.social-links,
.copyright {
    position: absolute;
    bottom: 15px;
}

.social-links {
    right: 10px;
}

.social-links a {
    margin: 0 4px;
    font-size: 26px;
}

.social-links a:hover { color: #FD0; }

.paypal-credit-disclaimer {
    width: 100%;
    max-width: 440px;
    text-align: center;
    margin: 0 auto;
    font-size: 10px;
}

.copyright {
    color: #000;
    font-size: 14px;
    left: 10px;
    bottom: 20px;
}

.sortBy {
    display: none;
}

.opc .step-title {
    text-transform: uppercase;
    font-weight: 400;
    position: relative
}

.opc .step-title a {
    position: absolute;
    right: 10px;
    line-height: 55px;
    margin: 0;
    top: 0
}

.nav-regular .outlet-pipe a:hover {
    background: none!important
}

.nav-mobile .outlet-pipe {
    display: none!important
}

.nav-panel-inner {
    position: relative
}

@media screen and (max-width: 1023px) {
    #nav {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .sub-category { clear: both; }

    #nav .col .list > li > a {
        line-height: 48px!important;
    }


    .nav-selection a,
    .list a {
        line-height: 48px;
        height: 48px;
    }
}


.header-mobile.sticky-header .search-autocomplete {
    top: 57px!important
}

.welcome em {
    font-style: normal;
    font-weight: 700;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    padding: 12px 0 10px 13px;
    border-bottom: 4px solid #000;
    letter-spacing: 5px;
    width: calc(100% - 13px);
}

#header-account .links a {
    text-transform: uppercase
}

.mini-cart-heading .label {
    text-transform: uppercase;
    color: #101010
}

.header-primary .dropdown .dropdown-heading {
    text-transform: uppercase;
    color: #101010
}
.sticky-header .sticky-container .mini-compare-heading #showJoinBox,
.sticky-header .sticky-container .mini-compare-heading #showLoginBox,
.sticky-header .sticky-container .dropdown .dropdown-heading.cover > span.no-padding { display: none!important; }

.account-login .buttons-set a {
    text-decoration: underline
}

.box-account a,
.addresses-primary a {
    text-decoration: underline;
    color: #000
}

.block-account li.current strong {
    color: #000
}

.my-account h1 {
    color: #000
}

.amshopby-page-container.active .filter-js-generated {
    display: block
}

#vault-security-check .pop-login .closeBtn {
    display: none!important
}
.canvas-container {
    position: relative;
    display: inline-block;
    width: 65.11%;
    height: 372px
}

.canvas-container canvas {
    left: 0
}

.middle-align-inner {
    display: table-cell;
    vertical-align: middle;
    z-index: 10;
    position: relative;
    padding: 0 9%
}

.missedSell {
    top: 0;
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
    padding: 70px 0;
    box-sizing: border-box;
    position: absolute
}

.missedSell.monday {
    background-image: url(../images/monday.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 63%
}

.missedSell.tuesday {
    background-image: url(../images/tuesday.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 63%
}

.missedSell.wednesday {
    background-image: url(../images/wednesday.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 63%
}

.missedSell.thursday {
    background-image: url(../images/thursday.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 63%
}

.missedSellInside {
    display: inline-block;
    width: 62%;
    height: 100%!important;
    position: relative;
    box-sizing: border-box;
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    color: #fff;
    line-height: 40px
}

.missedSellInside span {
    display: block;
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: 300
}

.missedSell .middle-align-con {
    left: 0;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.pp-credit-message { overflow: hidden; }
.pp-credit-message--text { float: left; width: 72%; max-width: 250px; text-align: left; margin-left: 5px; margin-top: 1%; font-size: 12px; }
.pp-credit-message--logo { float: right; width: 100px; margin-top: 10px; }
.pp-credit-message--text small { font-size: 0.8em; display: block; text-align: right; margin-top: 5px; }

.superlinked-index-index .main-container,
.flashsales-index-displaycategory .main-container,
.flashsales-index-outletdisplay .main-container,
.checkout-onepage-success .main-container,
.checkout-cart-index .main-container,
.customer-account .main-container,
.cms-sales-returns-policy .main-container,
.hub-page .main-container {
    background: #f2f2f2;
    overflow: hidden;
}
.cms-sales-returns-policy .last.current a { font-weight: normal!important; }
.cms-sales-returns-policy .RETURNS a { font-weight: bold; }


.main {
    background: none!important;
    padding-top: 0;
}

/*.cart-page { overflow: hidden; }*/

.cart-page-top,
.the-cart-form,
.cart-table-bottom { padding: 16px; background: #fff; box-sizing: border-box; }
.cart-page-top,
.cart-table-bottom { overflow: hidden; }
.the-cart-form { padding-bottom: 0; }
.cart-table-bottom  { padding-top: 0; }

.cart-page-top {
    width: 100%;
    float: left;
    padding: 16px 16px 0;
}

.item-sold-out {
    background: #f2f2f2;
    padding: 15px;
    float: left;
    box-sizing: border-box;
    margin-top: 30px;
}
.cart-sub-total-right .item-sold-out {
    margin-top: 15px;
}
.item-sold-out a {
    text-decoration: underline;
}
.cart-page-title {
    float: left;
    width: 45%
}

.cart-page-title h1 {
    color: #000;
    text-transform: uppercase;
    margin: 0;
    line-height: 32px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px
}

.cart-page-title span {
    font-size: 12px;
    padding: 18px 0 0;
    display: inline-block;
    font-weight: 700;
    vertical-align: top
}

.cart-page-title span > span {
    padding: 0
}

.cart-top-right {
    float: right
}

.cart-top-right .cart-total-top {
    float: left;
    font-size: 16px;
    margin: 0 16px 0 0;
    padding: 7px 12px 6px 0;
    border-bottom: 4px solid #000;
}

.cart-top-right .cart-total-top span {
    padding: 0 40px 0 0
}

.cart-top-right ul { float: right; }

.cart-top-right li {
    margin: 0
}

.cart-top-right button,
.bottom-proceed button {
    padding: 0 35px;
    text-align: center;
    background: #fd0;
    background-size: 14px
}

.cart-top-right button:hover,
.bottom-proceed button:hover {
    color: #000;
    background: #fd0;
    background-size: 14px
}

.cart-table-wrapper {
    width: 100%;
    float: left
}

.cart-table-wrapper .cell100 {
    width: 100px
}

.cart-table-wrapper .cell137 {
    width: 137px
}

.cart-table-wrapper li {
    margin: 0;
    display: table;
    width: 100%;
    border: 4px solid #f7f7f7;
    border-right: 0;
    border-bottom: 0;
    box-sizing: border-box
}

.cart-table-wrapper li:last-child {
    border-bottom: 4px solid #f7f7f7
}

.cart-table-wrapper .cart-col {
    display: table-cell;
    font-size: 16px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border-right: 4px solid #f7f7f7
}

.cart-table-wrapper .cart-col.img {
    padding: 4px;
    width: 100px;
    vertical-align: top
}

.cart-table-wrapper .cart-col.name {
    vertical-align: top;
    text-align: left
}

.cart-table-wrapper .cart-col h2 {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    padding: 10px 0 7px 12px;
    margin: 0
}

.cart-table-wrapper .cart-col h2 a {
    color: #000
}

.cart-table-wrapper .item-options {
    padding: 0 0 0 12px
}

.cart-table-wrapper .item-options {
    font-size: 14px;
    margin: 0; color: #000;
}

.cart-table-wrapper .cart_timer {
    display:inline-block;
    padding-left: 12px;
    bottom: 15px;
    font-size: 12px;
    font-weight: 700;
    width: 100%;
    line-height: 1;
}

#develo-mini-cart-content .count,
#develo-mini-cart-content .cart_timer
{
    line-height: 1;
}

.cart-table-wrapper .cart_timer.red {
    color: #FF0909
}

.cart-table-wrapper .cart-price {
    font-weight: 700;
    display: block
}

.cart-table-wrapper .cart-qty {
    width: 62px;
    height: 28px;
    box-sizing: border-box;
    border: 1px solid #E8E8E8;
    background: #F7F7F7 url(../images/cart-select.png) no-repeat 87% center;
    background-size: 8px;
    font-size: 16px;
    line-height: 28px;
    padding: 0 0 0 12px;
    cursor: pointer;
    color: #000;
    display: inline-block;
    text-align: left
}

.cart-table-wrapper .old-price {
    color: #B5B5B5;
    text-decoration: line-through;
    padding-bottom: 5px;
    display: block
}

.cart-table-wrapper .save-price {
    color: #FF0909;
    padding-top: 15px;
    font-size: 12px;
    display: block
}

.cart-sub-total-right {
    width: 20.9524%;
    float: right
}

.cart-promo-area {
    float: left;
    width: 79.0475%
}

.cart-promoCode {
    float: right;
    width: 400px;
    background: #f7f7f7;
    box-sizing: border-box;
    padding: 0 18px 15px
}

.cart-promoCode li {
    padding: 15px 0 0;
    display: block
}

.cart-promoCode li a {
    font-size: 16px;
    color: #000;
}

.show-coupons .fa-minus { display: none; }
.show-coupons.active .fa-plus { display: none; }
.show-coupons.active .fa-minus { display: inline-block; }

.cart-summary-text {
    float: left;
    padding: 5px 18px;
    width: 465px;
    box-sizing: border-box
}

.cart-summary-text li {
    margin: 10px 0 0;
    line-height: 20px;
    font-size: 14px;
}

.cart-summary-text li .fa { font-size: 20px; margin-right: 5px; }
.pp-credit-cart-message { width: 100%; max-width: 300px; background: #e5e5e5; border: 1px solid #ccc; padding: 10px 8px; box-sizing: border-box; float: right; clear: both; margin-top: 10px; }

.bottom-proceed {
    width: 100%;
    clear: both;
    padding: 15px 0;
    overflow: hidden; zoom: 1;
}

.slideShow {
    width: 100%;
    padding: 13px 0 0
}

.for-error-box {
    float: left;
    width: 230px
}

.slideShow .discount-form {
    width: 100%;
    float: left
}

.slideShow input {
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #EBEBEB;
    height: 40px
}

.slideShow button {
    width: 134px;
    height: 40px;
    line-height: 40px;
    float: left;
    padding: 0;
    margin: 1px 0 0;
    background: #C2C2C2;
    font-size: 16px;
    text-transform: none
}

.slideShow a {
    background: none!important;
    font-size: 12px!important;
    font-weight: 400;
    padding: 5px 0 0;
    display: inline-block
}

.list-avail-coupons {
    display: inline-block;
    padding: 5px 10px 0 0 !important;
    vertical-align: top
}

.list-avail-coupons li {
    padding: 0;
    font-size: 12px;
    font-weight: 700
}

.select-qty-item {
    position: absolute;
    z-index: 9999;
    left: 50%;
    top: 28px;
    width: 63px;
    box-sizing: border-box;
    border: 1px solid #95989A;
    transform: translateX(-50%);
    background: #fff;
    display: none
}

.select-qty-item li {
    display: block;
    border: 0;
    text-align: left;
    border-bottom: 1px solid #95989A;
    padding: 0 0 0 7px;
    line-height: 28px;
    font-size: 16px
}

.select-qty-item li a {
    display: block;
    padding-left: 12px;
}

.select-qty-item li.active {
    background: #f7f7f7
}

.select-qty-item li:last-child {
    border: 0
}

.sales {
    margin: 0 -9px
}

.sales .col-lg-6 {
    float: left;
    padding: 0 9px;
    margin: 0 0 16px;
    width: 50%;
    box-sizing: border-box
}

.sales .col-lg-6.small {
    float: left;
    padding: 0 9px;
    width: 33.3333%;
    box-sizing: border-box
}

.sales .item-holder,
.sales .banner-holder {
    height: 100%;
    box-sizing: border-box;
    border: 8px solid #FFF;
    background: #FFF
}

.sales .item-holder:hover,
.sales .banner-holder:hover {
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)
}

.sales .item-holder .description {
    float: left;
    width: 100%;
}

.sales .item-holder .description.expiry {
    padding-top: 4px;
}

.sales .item-holder .img_holder {
    position: relative;
    margin-bottom: 8px
}

.sales .item-holder img {
    width: 100%;
    max-width: 697px;
    max-height: 350px
}

.sales .title-holder {
    position: relative
}

.sales .item-holder.last {
    margin-right: 0
}

.fa-truck { transform: scale(-1,1); }

.sales .delivery_text {
    color: #000;
    font-size: 14px;
    width: 35%;
    float: left;
    text-align: right;
    line-height: 18px;
    box-sizing: border-box
}

.sales .description_text {
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #FFF;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer
}

.innerHover {
    display: table;
    height: 100%;
    position: absolute;
    width: 100%
}

.vBottom {
    display: table-cell;
    vertical-align: bottom;
    padding: 20px;
    line-height: 22px;
    font-size: 14px
}

.sales .item-holder .title {
    width: 65%;
    float: left;
    box-sizing: border-box;
    padding: 0 18px 0 0;
    line-height: 18px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sales .small .delivery_text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .sales .small .item-holder .title {
        width: 55%;
    }

    .sales .small .delivery_text {
        width: 45%;
    }
}

.sales .item-holder .title.wlarge {
    width: 100%;
    padding-right: 0
}

.sales .item-holder .title a {
    color: #000
}

.sales .item-holder .discount {
    float: right;
    color: #D62727;
    font-size: 14px
}

.sales .item-holder .endDate {
    float: left;
    text-align: left;
    color: #000;
    font-size: 14px
}

.sales .item-holder .endDate strong {
    font-weight: 700
}

.sales .item-holder.small .holder {
    width: 50%;
    display: block
}

.sales .item-holder.small .holder .tile {
    width: 100%
}

.sales .item-holder.small .discount {
    padding-top: 7px
}

.sales .item-holder.small .endDate {
    margin-top: 5px
}

.sales .space-cover {
    float: right;
    min-height: 24px
}

.clear {
    clear: both
}

.mobile_slider {
    width: 100%;
    margin-bottom: 30px
}

.breadcrumbs .fa { font-size: 8px; color: #000; }

.sortBySelect {
    width: 150px
}

.cms-faqs ul.faqs {
    list-style-type: disc;
    padding: 0 0 15px 20px;
    line-height: 22px
}

.chekout-coupon-buttons button {
    background: #C2C2C2
}
.for-mobile {
    display: none
}

.for-desktop {
    display: block
}

.for-mobile-login {
    display: none
}

.for-desktop-login {
    display: flex
}

.container-hide {
    position: relative;
    overflow: hidden
}

.cms-no-route .main-container h1 {
    text-align: center;
    text-transform: uppercase;
    padding: 25px 0 5px;
    letter-spacing: 1px;
    margin: 0;
    color: #000;
    font-weight: 900;
    font-size: 50px
}

.not-found h2 {
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 1px;
    padding: 0 0 10px;
    color: #000;
    font-size: 25px
}

.not-found h3 {
    text-align: center;
    font-size: 14px
}

.not-found-sale {
    width: 100%;
    float: left;
    padding: 25px 0
}

.not-found-sale .item {
    float: left;
    padding: 12px;
    min-height: 1px;
    box-sizing: border-box;
    width: 50%;
    margin: 0 0 30px;
    position: relative;
    transition: all .35s
}

.not-found-sale .item .description {
    float: left;
    width: 100%;
    padding: 0
}

.not-found-sale .item:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15)
}

.not-found-sale .item .img_holder {
    position: relative;
    margin-bottom: 8px
}

.not-found-sale .item .title {
    width: 65%;
    float: left;
    box-sizing: border-box;
    padding: 0 18px 0 0;
    line-height: 18px;
    font-size: 14px
}

.not-found-sale .item .title.wlarge {
    width: 100%;
    padding-right: 0
}

.not-found-sale .item .delivery_text {
    color: #000;
    font-size: 14px;
    width: 35%;
    float: left;
    text-align: right;
    line-height: 22px;
    box-sizing: border-box
}

.not-found-sale .item .holder {
    width: 100%;
    float: left;
    padding: 5px 0 0
}

.not-found-sale .item .endDate {
    float: left;
    line-height: 18px;
    text-align: left
}

.not-found-sale .item .discount {
    float: right;
    color: #D62727
}

.not-found-sale .item .hover-text {
    display: none
}

.not-found-sale .item .collection {
    display: none
}

.not-found-sale .item .img_holder {
    position: relative
}

.showHoverText {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-out .2s
}

.not-found-sale .item:hover .showHoverText {
    visibility: visible;
    opacity: 1
}

.not-found-sale .vBottom {
    color: #fff;
    line-height: 18px
}

#messages_product_view ul {
    margin: 15px 0
}

.data-table thead {
    background: #c2c2c2;
    border-bottom-color: #e2e2e2
}

#my-orders-table td a {
    text-decoration: underline;
    color: #000
}

.data-table th {
    padding: 13px;
    color: #000;
    font-size: 12px;
    letter-spacing: .6px;
    text-transform: uppercase;
    font-weight: 400!important
}

.cart-empty {
    text-align: center
}

.cart-empty h2 {
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .7px;
    padding: 0 0 40px;
    color: #000;
    font-size: 20px
}

.cart-empty a {
    display: inline-block;
    height: 45px;
    background: #d0cfcf;
    line-height: 45px;
    letter-spacing: .7px;
    color: #000;
    transition: all .3s ease-out .2s;
    text-transform: uppercase;
    padding: 0 50px;
    font-size: 12px;
    font-weight: 700
}

.cart-empty a:hover {
    background: #adadad
}

.cart-table .product-image {
    width: 100%;
    max-width: 100%
}

.data-table td {
    border-right: none;
    position: relative;
    color: #000
}

.data-table tfoot td {
    border: none!important
}

.data-table tfoot a,
.data-table tfoot button {
    background: #d0cfcf;
    padding: 0 30px!important;
    text-transform: uppercase;
    color: #000;
    letter-spacing: 1px;
    line-height: 53px;
    font-size: 14px;
    display: inline-block
}

.data-table tfoot a:hover,
.data-table tfoot button:hover {
    background: #000;
    color: #fff
}

.spacePd {
    padding: 0 20px
}

.width17 {
    width: 17%;
    padding: 0!important
}

.width33 {
    padding-left: 20px!important
}

#checkout-review-table .cell-label {
    display: inline-block;
    padding-right: 10px;
    width: 80px
}

.width12 {
    width: 14%
}

.remove-cart-item {
    position: absolute;
    right: 10px;
    bottom: 6px;
    color: #dadada;
    font-size: 12px;
    z-index: 100
}


.brandName {
    display: block;
    padding: 30px 0 5px 30px;
    letter-spacing: .5px;
    color: #999;
    font-size: 14px
}

.padding-45 {
    padding-top: 40px!important
}

.col-unit-price {
    padding-top: 20px!important
}

#shopping-cart-totals-table {
    width: 100%;
    line-height: 30px
}

.total-table-div {
    border: 4px solid #f7f7f7;
    border-top: 0;
    box-sizing: border-box;
    padding: 6px 17px
}

#shopping-cart-totals-table .savings {
    color: #FF3E3E
}

#shopping-cart-totals-table tfoot td {
    padding: 0;
    color: #000;
    font-size: 16px
}

#shopping-cart-totals-table tbody td:first-child {
    text-align: left!important
}

#shopping-cart-totals-table tbody td:last-child {
    text-align: right!important
}

.mr-bt-13 {
    margin-bottom: 13px
}

.mr-bt-5 {
    margin-bottom: 5px
}

.header-mobile.sticky-header .skip-content.skip-active {
    top: 50px;
    z-index: 1000;
    left: 10px;
    right: 10px;

}

.discount h2 {
    font-size: 12px!important;
    border-bottom: none!important;
    letter-spacing: .7px;
    text-transform: uppercase
}

.cart .discount .input-box {
    display: inline-block;
    vertical-align: top;
    width: 60%
}

.cart .discount input.input-text {
    height: 54px
}

.cart .discount-form {
    display: flex;
    justify-content: space-between;
    padding-right: 20px
}

.cart .discount .buttons-set {
    display: inline-block;
    vertical-align: top;
    margin: 1px 0 0 20px
}

.cart .discount .buttons-set button {
    background: #ebebeb;
    padding: 0 40px
}

.cart .discount .buttons-set button:hover,
.btn-checkout:hover {
    background: #000;
    color: #fff
}

.cart .discount a {
    display: block;
    padding: 5px 0 0;
    text-decoration: underline;
    color: #848484;
    transition: all .35s
}

.cart .discount a:hover {
    color: #000;
    text-decoration: none
}

.cart .totals td {
    padding: 0 65px;
    color: #000;
    line-height: 24px;
    text-transform: uppercase;
    text-align: left!important
}

.cart .totals tr.savings td {
    color: red;
    padding-top: 25px
}

.cart .totals tbody tr:last-child td {
    padding-bottom: 25px
}

.checkout-onepage-index h1 {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0;
    color: #000;
    font-weight: 400;
    font-size: 24px
}

#onestepcheckout {
    float: left;
    margin: 0;
    width: 100%
}

.col-ds-8 {
    width: 64%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box
}

.col-ds-3 {
    width: 36%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box
}

.form-list li.wide .input-box {
    padding: 30px 15px;
    border-bottom: 1px solid #ebebeb
}

#checkout-summary-load {
    margin-bottom: 20px
}

.orderSummary {
    width: 100%;
    float: left;
    border: 1px solid #e5e5e5
}

#checkout-summary-load .opc .step-title h2 {
    float: none;
    text-align: center;
    color: #000
}

#checkout-summary-load .data-table th,
#checkout-summary-load .data-table td {
    padding: 0
}

#mini-cart .dropdown-heading {
    cursor: pointer
}

#checkout-summary-load .data-table th {
    padding: 8px;
    line-height: 18px;
    font-size: 10px
}

#checkout-summary-load .data-table thead {
    background: #ebebeb
}

#checkout-summary-load .brandName {
    font-size: 10px;
    padding: 10px 0 5px 10px
}

.payment-totals {
    width: 100%
}

.checkout-totals-summary tr:nth-last-child(2) td {
    padding-bottom: 15px
}

#checkout-step-review .payment-totals .grand-total td {
    padding-top: 20px;
    border-bottom: none;
    border-top: 1px solid #fff
}

.grand-total td {
    border-top: 1px solid #fff;
    padding: 15px 0;
    font-weight: 900
}

.payment-totals td:first-child {
    padding-left: 25px
}

.padding-10 {
    padding-top: 10px!important
}

div.onestepcheckout-place-order-wrapper { width: 100%; float: right; }
.onestepcheckout-invite,
.onestepcheckout-coupons {
    float: right; width: 100%; background: #ebebeb;
    clear: both; overflow: hidden; border-top: 1px solid #fff; padding-right: 15px; box-sizing: border-box;
}
.onestepcheckout-coupons { margin: 0 0 10px;}
.onestepcheckout-invite { line-height: 48px; font-weight: bold; text-align: right; }
.onestepcheckout-coupons h4 { width: 100%; position: relative; line-height: 48px; cursor: pointer; text-align: right; font-size: 14px; float: right; margin: 0;  }
.onestepcheckout-coupons .fa { margin-left: 16px;  }
.onestepcheckout-coupons .fa-minus,
.onestepcheckout-coupons--content { display: none; }
.onestepcheckout-coupons--content { padding-left: 15px; }
.onestepcheckout-coupons .fa-plus,
.active.onestepcheckout-coupons .fa-minus,
.active .onestepcheckout-coupons--content { display: inline-block; }
.active.onestepcheckout-coupons .fa-plus { display: none; }

div.onestepcheckout-place-order-wrapper {
    text-align: left;
    position: relative;
    width: 100%;
}

.onestepcheckout-coupons input#id_couponcode {
    margin-bottom: 10px;
    width: 135px;
    float: left;
    text-align: left;
    margin-right: 10px;
}

.onestepcheckout-column-right .onestepcheckout-coupons a {
    text-decoration: underline
}

.onestepcheckout-coupons a:hover {
    color: #000;
    text-decoration: none
}

.onestepcheckout-coupons .input-box {
    display: inline-block;
    vertical-align: top;
    width: 66%
}

.onestepcheckout-coupons input.input-text {
    height: 48px;
    width: 100%
}

.onestepcheckout-coupons .buttons-set {
    display: inline-block;
    padding: 0;
    border: none;
    vertical-align: top;
    margin: 0 0 0 13px
}

.pp-credit-checkout-message { float: left; margin: 15px 0; color: #999; text-align: right; font-size: 11px; line-height: 16px; padding-top: 10px; border-top: 1px solid #e5e5e5; }
.pp-credit-checkout-message img { margin: 5px 0 }

.payment-methods dt { border-top: 1px solid #e5e5e5 }
.payment-methods dt:last-child { border-bottom: 1px solid #e5e5e5; }
.payment-methods dt label { font-weight: bold; line-height: 48px; width: 90%; padding: 0!important; }
.payment-methods dt label img { width: 90px; }
.payment-methods dd ul { background: #ebebeb; padding: 10px; border: 1px solid #e5e5e5; margin-bottom: 10px; }

#checkout-summary-load h3.product-name {
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0 0 20px
}

.cart-table td {
    border-left: 1px solid #ebebeb
}

.cart-table td:last-child {
    border-right: 1px solid #ebebeb
}

.cart-table tr {
    border-bottom: 1px solid #ebebeb
}

#checkout-progress-wrapper {
    padding: 0 20px;
    border-bottom: 1px solid #ebebeb;
    margin: 0 0 20px
}

.trustbox { position: relative; width: 55%; margin-top: 10px; }
.comondo-secure { width: 40%; margin-left: 5%; margin-top: 10px;}
.comondo-secure img { width: 100px; }
.trustbox,
.comondo-secure {
    float: left;
}
.footer .trustpilot-widget iframe {
    width: 102%!important
}

.overlay-trust {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

.overlay-trust a {
    display: block;
    width: 100%;
    height: 100%
}

.overlay-thankyou {
    width: 400px;
    height: 30px;
    position: absolute;
    left: 0;
    margin: 0 auto;
    right: 0;
    bottom: 20px;
    text-indent: -9999px
}

.overlay-thankyou a {
    display: block;
    width: 100%;
    height: 100%
}

.promoCode {
    width: 48%;
    float: left;
    margin: 0 1%
}

.place-order-btn {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    text-align: center
}

.place-order-btn button {
    float: none;
    padding: 0 45px
}

.checkout-review-submit {
    width: 100%;
    float: left;
    margin: 0;
    padding: 30px 0 0
}

.checkout-review-submit button {
    float: left
}

.checkout-review-submit p {
    float: left;
    padding: 0 0 0 20px;
    line-height: 54px
}

#checkout-summary-load .checkout-review-submit {
    border: none;
    margin: 0
}

#checkout-summary-load .checkout-review-submit button {
    display: inline-block;
    float: none;
    vertical-align: top;
    margin: 0 15px 0 0
}

#checkout-summary-load .checkout-review-submit p {
    display: inline-block;
    line-height: 45px
}

#checkoutSteps .buttons-set button.button {
    float: left;
    margin: 0;
    width: 196.73px
}

.opc .step-title a {
    background: url(../images/editIcon.svg) no-repeat 96% center;
    width: 100%;
    right: 0;
    top: 0;
    height: 100%;
    text-indent: -9999px
}

.fieldset + .fieldset {
    margin-top: 10px
}

.box-account .data-table thead {
    background: #e2e2e2
}

.box-account tbody tr:nth-child(even) {
    background: #fafafa
}

.coupon-contanir {
    width: 100%;
    float: left
}

.coupon-contanir .input-box {
    float: left;
    width: 55%;
    padding: 0 20px 0 0 !important;
    border: none!important;
    box-sizing: border-box
}

.coupon-contanir .chekout-coupon-buttons {
    width: 45%;
    float: left;
    margin: 0
}

.coupon-contanir .chekout-coupon-buttons button {
    width: 100%;
    padding: 0;
    text-align: center
}

.coupon-bottom-links {
    width: 100%;
    float: left;
    padding: 10px 0 0
}

.coupon-bottom-links a {
    float: left;
    text-decoration: underline;
    color: #848484;
    cursor: pointer;
    transition: all .35s
}

.coupon-bottom-links .voucher_list {
    width: 100%;
    float: left;
    position: relative
}

.coupon-bottom-links .voucher_list ul {
    padding: 10px 0
}

.coupon-bottom-links .coupon-remove {
    float: right
}

#checkoutSteps .please-wait {
    margin-top: 3px
}

.total-order-detail {
    float: right;
    width: 48%;
    margin: 0 0 20px;
    padding: 20px 0;
    background: #ebebeb
}

.total-order-detail table {
    width: 100%
}

.total-order-detail td {
    padding: 2px 60px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .7px;
    text-align: left!important
}

.total-order-detail tr.grand_total td {
    border-top: 1px solid #fff;
    padding-top: 20px
}

.total-order-detail tr:nth-last-child(2) td {
    padding-bottom: 20px
}

.order-date span {
    float: left;
    line-height: 45px
}

.order-date {
    width: 100%;
    float: left
}

.order-date a {
    float: right;
    height: 45px;
    padding: 0 25px;
    background: #ebebeb;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .7px;
    line-height: 45px
}

.my-account .pager {
    border-top: none
}

.voucher-txt-ba {
    padding-bottom: 20px
}

.saveCard-detail td a {
    text-decoration: underline
}

.cms-page-view h1 {
    color: #000;
    text-transform: uppercase;
    letter-spacing: .7px;
    padding: 15px 0 0;
    font-size: 24px
}

.cms-sales-returns-policy h1 {
    text-transform: none;
    padding: 9px 0 6px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 8px
}

.cms-sales-returns-policy h3 {
    font-size: 18px;
    padding: 12px 0 15px;
    margin: 0
}

.cms-sales-returns-policy p {
    font-size: 14px;
    line-height: 22px;
    padding: 0 0 15px;
    margin: 0
}

.cms-sales-returns-policy p a {
    text-decoration: underline
}

.cms-page-view .page-title {
    margin-bottom: 10px
}

.cms-thanks-for-registering h1,
.cms-thanks-for-entering h1 {
    text-align: center
}

.cms-thanks-for-registering h2 {
    font-weight: 700;
    font-size: 30px;
    padding: 5px 0 15px
}

.cms-thanks-for-registering .messages {
    display: none
}

.std i.fa { font-style: normal; }

.cms-faqs h3 {
    color: #000;
    font-size: 17px;
    line-height: 23px;
    margin: 0 0 30px;
    letter-spacing: .7px
}

.cms-page-view .ui-accordion h3 {
    font-weight: 700;
    color: #000;
    background: #eaeaea;
    cursor: pointer;
    font-size: 14px;
    margin: 15px 0 0;
    padding: 8px
}

.cms-page-view h3 a {
    color: #000;
    text-decoration: underline
}

.cms-page-view .ui-accordion h3:last-child {
    border-bottom: none
}

.cms-page-view .ui-accordion-content {
    padding: 20px
}

.cms-page-view .ui-accordion-content p strong {
    color: #000
}

.cms-page-view .ui-accordion-content p a {
    color: #000;
    text-decoration: underline
}

.cms-page-view .ui-accordion-header-icon {
    width: 35px;
    height: 35px;
    background: #fff;
    text-align: center;
    line-height: 35px;
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle
}

.cms-page-view .ui-accordion-header-icon:after {
    content: "+"
}

.cms-page-view .ui-accordion h3.ui-state-active .ui-accordion-header-icon {
    background: #333;
    color: #fff
}

.cms-page-view .ui-accordion h3.ui-state-active .ui-accordion-header-icon:after {
    content: "-"
}

.order-items h3.table-caption {
    color: #000;
    font-size: 16px;
    padding-bottom: 25px
}

.order-items h3.table-caption a {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    text-decoration: underline
}

.add-to-cart-continue,
.viewAll {
    background: #d0cfcf;
    color: #000
}

.add-to-cart-continue:hover,
.viewAll:hover {
    background: #adadad;
    color: #000
}

.social-links .ib,
.social-links a > span.icon {
    background: #000;
    color: #fff
}

.social-links .ib-hover:hover,
.social-links a > span.icon-hover:hover {
    color: #000!important
}
.promo_text {
    position: absolute;
    z-index: 100;
    left: 6px;
    top: 10px;
    border-radius: 100%;
    width: 118px;
    height: 118px;
    color: #000;
    background: rgba(255, 255, 255, .75);
    box-sizing: border-box;
    border: 2px solid #fece15;
}

.promo_text span {
    border: 1px solid #fece15;
    width: 110px;
    height: 110px;
    border-radius: 110px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    box-sizing: border-box;
    float: left;
    margin: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.promo_text span em {
    font-style: normal;
    font-weight: 900
}

.sales .item-holder:hover .promo_text,
.not-found-sale .item:hover .promo_text {
    color: #fff;
    background: rgba(255, 203, 5, .75);
    border-color: #fff
}

.sales .item-holder:hover .promo_text span,
.not-found-sale .item:hover .promo_text span {
    border-color: #fff
}

.sales .small .promo_text {
    width: 95px;
    height: 95px
}

.sales .small .promo_text span {
    width: 87px;
    height: 87px;
    font-size: 15px;
    border-radius: 100%
}



.show-d {
    display: block
}

.cms-page-view .cms-title {
    margin: 0 0 10px!important;
    font-size: 28px;
    text-transform: none;
    padding: 0;
    letter-spacing: normal
}

.show-t,
.show-t-m {
    display: none
}

.show-m {
    display: none
}


/*Login/Sign up popup css start here*/
.new-login {
    display: none;
    position: fixed;
    z-index: 22222;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4)
}

.new-login-content {
    position: relative;
    background-color: #fff;
    margin: 0 auto;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 620px;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s
}

.new-login-content .pslogin-block {
    margin: 0
}

.new-login-content .pslogin-block .pslogin-buttons ul li {
    height: auto;
    margin: 0;
    width: auto;
    padding: 0!important
}

.new-login-content .pslogin-block .pslogin-buttons ul li.facebook .pslogin-button-icon {
    background-position: 0;
    background: url(../images/facebook-bg.png) no-repeat;
    width: 18px;
    height: 32px;
    float: left;
    margin: 5px 0 0 13px
}

.new-login-content .pslogin-block .pslogin-buttons ul li .pslogin-button-text {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 45px;
    height: 45px;
    font-weight: 700;
    letter-spacing: .5px
}

.login-header {
    text-align: center;
    padding: 14px 0;
    position: relative
}

.login-header img {
    width: 280px
}

.login-heading {
    background: #ffdb00;
    text-align: center
}

.login-heading h2 {
    font-size: 22px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;
    color: #000306;
    letter-spacing: 2px
}

.login-form-area {
    /*background: #c2c2c2;*/
    position: relative;
    max-width: 300px;
    margin: 0 auto;
}

.login-form-sec {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 18px 18px 0
}

.login-form-sec ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.login-form-sec li {
    display: block;
    padding: 0 0 11px;
    position: relative
}

.login-form-sec input {
    font-size: 16px;
    margin: 0;
    text-align: left;
    color: #434343;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #b7b7b7;
    height: 43px;
    padding: 0 17px
}

.login-form-sec input:-webkit-autofill {
    background: #fff
}

.login-form-sec h5 {
    text-align: center;
    position: relative;
    margin: 0;
    padding: 0 0 7px
}

.login-form-sec h5:before {
    content: '';
    position: absolute;
    width: 100%;
    background: #000;
    height: 1px;
    top: 11px;
    left: 0
}

.login-form-sec h5 span {
    background: #c2c2c2;
    position: relative;
    display: inline-block;
    padding: 0 4px;
    font-size: 14px;
    font-weight: 700;
    color: #000306
}

.login-form-sec button {
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-weight: 900;
    letter-spacing: 1.5px
}

.login-form-sec a.fbButton {
    display: block;
    box-sizing: border-box;
    height: 45px;
    line-height: 45px;
    background: #3a5a9b url(../images/facebook-bg.png) no-repeat 13px 5px;
    width: 100%;
    padding: 0 0 0 64px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px
}

.forgot-password {
    padding: 13px 0;
    text-align: center;
    font-size: 12px;
    color: #030303
}

.forgot-password a {
    text-decoration: underline;
    color: #030303
}

.login-form-img {
    width: 50%;
    float: right;
    position: relative
}

.login-offer-text {
    padding: 16px 0;
    position: absolute;
    left: 0;
    margin: 0 auto;
    right: 0;
    width: 225px;
    background: rgba(255, 255, 255, .50);
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.login-offer-text h2 {
    font-size: 18px;
    position: relative;
    text-transform: uppercase;
    margin: 0 0 7px;
    padding-bottom: 10px;
    letter-spacing: 1.5px
}

.login-offer-text h2:before {
    content: '';
    position: absolute;
    left: 0;
    margin: 0 auto;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 99px;
    background: #000
}

.login-offer-text h4 {
    font-size: 16px;
    text-transform: none;
    margin: 0
}

.login-footer {
    background: #000;
    text-align: center
}

.login-footer span {
    font-size: 12px;
    color: #fff;
    line-height: 26px
}

.login-footer a {
    text-decoration: underline;
    color: #fff
}

.login-bottom {
    background: #fff
}

.login-trustpiolt {
    width: 288px;
    float: left;
    margin-right: 60px
}

.login-trustpiolt .trustpilot-widget {
    background: none;
    padding: 0
}

.join-our-club-mid {
    display: flex
}

.join-our-club-left {
    float: left;
    background: #c2c2c2;
    width: 50%;
    box-sizing: border-box;
    padding: 18px 18px 0
}

.join-our-club-right {
    float: left;
    width: 50%;
    background: #eee;
    box-sizing: border-box;
    padding: 18px 18px 0
}

.join-our-club-left ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.join-our-club-left li {
    display: block;
    padding: 0 0 20px;
    position: relative
}

.join-our-club-left li:last-child {
    padding-bottom: 14px
}

.join-our-club-left input {
    font-size: 16px;
    text-align: left;
    color: #434343;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #b7b7b7;
    height: 43px;
    padding: 0 17px
}

.join-our-club-left .validation-advice,
.login-form-sec .validation-advice {
    margin: 10px 0;
    font-size: 14px
}

.join-our-club-left input:-webkit-autofill {
    background: #fff
}

.join-our-club-left h5 {
    text-align: center;
    position: relative;
    margin: 0;
    padding: 0 0 14px
}

.join-our-club-left h5:before {
    content: '';
    position: absolute;
    width: 100%;
    background: #000;
    height: 1px;
    top: 11px;
    left: 0
}

.join-our-club-left h5 span {
    background: #c2c2c2;
    position: relative;
    display: inline-block;
    padding: 0 4px;
    font-size: 14px;
    font-weight: 700;
    color: #000306
}

.join-our-club-left button {
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-weight: 900;
    letter-spacing: 1.5px
}

.join-our-club-left a.fbButton {
    display: block;
    box-sizing: border-box;
    height: 45px;
    line-height: 45px;
    background: #3a5a9b url(../images/facebook-bg.png) no-repeat 13px 5px;
    width: 100%;
    padding: 0 0 0 64px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px
}

.join-our-club-left .join-terms {
    color: #030303;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    padding: 14px 0
}

.join-our-club-left .hide-field {
    display: none
}

.join-our-club-left input[type="radio"] {
    display: none
}

.join-our-club-left input[type="radio"] + label {
    margin: 0;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    padding: 0 0 0 37px;
    background: url(../images/login-checkbox.png) no-repeat left top;
    line-height: 24px;
    cursor: pointer
}

.join-our-club-left input[type="radio"]:first-child + label {
    margin-right: 70px
}

.join-our-club-left input[type="radio"]:checked + label {
    background-position: left -24px
}

.join-our-club-left .join-terms a {
    text-decoration: underline;
    color: #030303
}

.join-our-club-right ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.join-our-club-right li {
    color: #000306;
    font-size: 14px;
    font-weight: 700;
    display: block;
    padding: 12px 0 12px 70px;
    margin: 0 0 18px;
    letter-spacing: 1px
}

.join-our-club-right li:first-child {
    background: url(../images/join-our-club-sprite.png) no-repeat left top;
    line-height: 10px
}

.join-our-club-right li:nth-child(2) {
    background: url(../images/join-our-club-sprite.png) no-repeat left -48px
}

.join-our-club-right li:nth-child(3) {
    background: url(../images/join-our-club-sprite.png) no-repeat left -105px;
    line-height: 13px;
    padding-bottom: 19px
}

.join-our-club-right li:nth-child(4) {
    background: url(../images/join-our-club-sprite.png) no-repeat left -160px
}

.join-our-club-right li:last-child {
    background: url(../images/join-our-club-sprite.png) no-repeat left -215px;
    line-height: 10px;
    padding-bottom: 18px
}
/*Login/Sign up popup css end here*/

/*Order Thank you page start here*/
.thank-you-order-top {
    width: 99.9999%;
    background: #fff;
    margin: 16px 0 0;
    float: left;
    position: relative
}

.thank-you-order-top .order-no {
    display: inline-block;
    border-bottom: 4px solid #000;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 0 12px 12px;
    letter-spacing: 3px
}

.thank-you-order-top .oder-col {
    width: 33.3333%;
    float: left
}

.thank-you-order-top .oder-col.text-right {
    text-align: right
}

.thank-you-order-top .est-delvry-info {
    display: inline-block;
    border-bottom: 4px solid #000;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 12px 12px 0;
    letter-spacing: 3px
}

.thank-you-order-top h1 {
    text-align: center;
    font-size: 22px;
    margin: 0;
    line-height: 42px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 6px
}

.push-right-d {
    float: right!important
}

.sec-head {
    position: absolute;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: 0
}

.order-address-detail {
    width: 100%;
    float: left;
    background: rgba(255, 255, 255, .62);
    padding: 16px 0 0
}

.filled-address {
    float: left;
    width: 49.2346%;
    background: #fff;
    box-sizing: border-box;
    padding: 20px 20px 17px;
    position: relative
}

.filled-address p {
    font-size: 16px;
    line-height: 21px;
    margin: 0;
    padding: 0 0 15px
}

.filled-address p a {
    text-decoration: underline;
    font-weight: 700
}

.filled-address ul {
    position: absolute;
    bottom: 23px;
    right: 23px
}

.filled-address li {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px 0 0
}

.filled-address li a {
    width: 40px;
    height: 40px;
    display: block;
    background: #000; color: #fff;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
}

.gift-warp-oder {
    width: 49.2346%;
    float: right;
    border-bottom: 9px #FD0 solid;
    position: relative
}

.gift-warp-inside {
    width: 333px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    background: rgba(255, 255, 255, .72);
    padding-bottom: 20px
}

.gift-warp-inside h4 {
    font-size: 16px;
    text-transform: uppercase;
    padding: 13px 0 5px;
    margin: 0;
    letter-spacing: 1px
}

.gift-warp-inside h4 span {
    font-size: 14px
}

.gift-warp-inside h3 {
    margin: 0;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 0 10px
}

.gift-warp-inside h5 {
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 0 0 16px
}

.gift-warp-inside a {
    display: inline-block;
    width: 241px;
    height: 57px;
    line-height: 57px;
    background: #fd0 url(../images/button-arrow.png) no-repeat 77% 23px;
    background-size: 15px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .5px
}

.sale-blocks-order,
.blog-post-section {
    width: 100%;
    float: left;
    background: rgba(255, 255, 255, .62);
    padding: 16px 0
}

.sale-blocks-order .sales .col-lg-6 {
    margin: 0 0 18px
}

.view-more-sale {
    width: 100%;
    float: left;
    background: #fff;
    text-align: center;
    line-height: 27px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px
}

.view-more-sale span {
    font-weight: 400
}

.latest-from-blog {
    margin: 16px 0 0;
    width: 100%;
    float: left
}

.blog-gulter {
    margin: 0 -9px
}

.pulled-post {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 0 9px
}

.inside-post {
    width: 100%;
    background: #fff;
    float: left;
    padding: 8px;
    box-sizing: border-box
}

.post-thumb {
    float: left;
    width: 273px;
    position: relative
}

.post-date {
    position: absolute;
    left: 0;
    top: 17px;
    padding: 0 5px;
    background: rgba(255, 255, 255, .62)
}

.post-date span {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 17px
}

.post-info {
    float: left;
    text-align: center;
    padding: 0 21px 0 28px;
    width: calc(100% - 273px);
    box-sizing: border-box
}

.post-title {
    font-size: 18px;
    letter-spacing: 4px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    line-height: 32px;
    padding: 7px 0 10px;
    margin-bottom: 25px
}

.post-info p {
    line-height: 26px;
    font-size: 16px;
    padding: 0 0 18px
}

.post-info a.readmore {
    width: 100%;
    display: block;
    height: 57px;
    background: #fd0 url(../images/button-arrow.png) no-repeat 77% 23px;
    background-size: 15px;
    letter-spacing: .5px;
    position: relative;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 57px
}

.post-title:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
    width: 60%;
    height: 1px;
    background: #000
}

.invite-friend-thankyou {
    width: 100%;
    float: left;
    margin: 32px 0 16px;
    position: relative;
    border-bottom: 9px solid #fd0
}

.trust-invite {
    width: 100%;
    text-align: center;
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    padding-bottom: 20px
}

.trust-invite .trustpilot-widget {
    width: 400px;
    display: inline-block
}

.trust-invite h3 {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 25px 0 0
}

.trust-invite h3 span {
    font-weight: 700
}

.inviteFr {
    position: absolute;
    width: 241px;
    height: 57px;
    left: 0;
    margin: 0 auto;
    right: 0;
    bottom: 55px;
    text-align: center;
    text-transform: uppercase;
    background: #fd0 url(../images/button-arrow.png) no-repeat 84% 23px;
    background-size: 15px;
    letter-spacing: .5px;
    font-size: 16px;
    line-height: 57px
}
/*Order thank you page css end here*/
@-webkit-keyframes animatetop {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.canvas-container img {
    max-width: 99%;
    left: 1px;
    top: 0
}

.home_slider .slide img {
    display: block;
    width: 100%!important;
    height: auto
}

.home_banner img {
    width: 100%
}

.owl-dots { margin-top: 10px; text-align: center; }
.owl-dots .owl-dot{
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
}
.owl-dots .owl-dot span{
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}

.owl-dots .owl-dot.active span,
.owl-dots.clickable .owl-dot:hover span{
    filter: Alpha(Opacity=100);/*IE7 fix*/
    opacity: 1;
}


.outlet_box {
    border-top: 1px solid #e1e1e1;
    padding: 28px 0
}

.outlet_box p {
    padding: 15px 30px 10px
}

.outlet_box a {
    text-transform: uppercase;
    text-decoration: underline;
    color: #000;
    letter-spacing: 1px
}

.parent_img {
    display: inline-block
}

.child_img {
    display: inline-block;
    vertical-align: middle;
    width: 375px
}

.men .child_img {
    width: 375px
}

.child_title {
    display: inline-block;
    width: 199px;
    vertical-align: middle;
    padding-left: 20px;
    box-sizing: border-box
}

.child_tile {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

.child_tile:last-child {
    margin: 0
}

.child_img img {
    width: 100%
}

.header_promo {
    padding-bottom: 25px
}

.header_promo img {
    width: 100%
}

.promo_block img {
    width: 100%
}

.promo_block {
    margin-bottom: 25px;
    float: left
}

.text-center {
    text-align: center
}

.row-container {
    width: 100%;
    float: left;
    padding-bottom: 20px
}

.row-container.women {
    padding: 0
}

.box-6 {
    float: left;
    width: 578px;
    padding-right: 10px
}

.box-6-1 {
    float: left;
    width: 578px;
    padding-left: 10px
}

.row-container img {
    width: 100%
}

.border-bottom {
    border-bottom: 1px solid #e1e1e1
}

.border-top {
    border-top: 1px solid #e1e1e1
}

.margin-bottom20 {
    margin-bottom: 20px
}

.cta {
    display: block;
    text-align: center;
    padding: 15px 0 0
}

.footer_promo a {
    display: block;
    text-align: center;
    padding: 15px 0 0
}

.box-6 img,
.box-6-1 img {
    width: 100%
}

.fMobile .box-6,
.fMobile .box-6-1 {
    margin-bottom: 20px
}

#contactForm .form-list {
    margin: 25px 0 0
}

#contactForm .form-list li {
    margin: 0 0 15px
}

#contactForm .form-list li.wide .input-box {
    padding: 0;
    border: none
}

#contactForm .form-list .label {
    line-height: 40px;
    float: left;
    width: 22%
}

#contactForm .form-list select,
#contactForm .form-list textarea {
    border-color: #ebebeb
}

.form-list .input-box input.input-text {
    text-align: left;
}

#contactForm .form-list .field {
    width: 100%
}

#checkout-step-shipping input[type="text"] {
    height: 49px;
    width: 100%
}

#contactForm .form-list .input-box {
    float: left;
    width: 70%;
    clear: none
}

#contactForm .form-list #captcha-input-box-contact_Form label {
    float: none;
    margin: 0 0 0 22%;
    text-transform: none
}

#contactForm .form-list #captcha-input-box-contact_Form .input-box {
    margin: 0 0 0 22%;
    float: none
}

#checkout-step-shipping .form-list select {
    width: 100%;
    height: 54px;
    padding: 0 50px 0 15px;
    background-position: 97% center;
    border: 1px solid #ececec;
    color: #000
}

#checkout-step-shipping .form-list .field {
    width: 100%;
    margin: 0 0 17px;
    float: left
}

#checkout-step-shipping .form-list .field:last-child {
    margin: 0
}

#checkout-step-shipping .form-list li {
    margin: 0 0 17px
}

#checkout-step-payment input[type="text"] {
    height: 49px;
    width: 100%
}

#checkout-step-payment .form-list select {
    width: 100%;
    height: 54px;
    padding: 0 50px 0 15px;
    background-position: 97% center;
    border: 1px solid #ececec;
    color: #000
}

#checkout-step-payment .form-list .field {
    width: 100%;
    margin: 0 0 17px;
    float: left
}

#checkout-step-payment .form-list .field:last-child {
    margin: 0
}

#checkout-step-payment .form-list li {
    margin: 0 0 17px
}

.form-list textarea,
.form-list select {
    border-color: #aaa
}

.contacts-index-index h1 {
    color: #000
}

.contact-right-box h3 {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    padding: 0 0 10px;
    margin: 0
}

.contact-right-box p {
    line-height: 22px;
    padding-bottom: 20px
}

.contact-right-box p a {
    color: #000;
    text-decoration: underline
}

.contact-right-box p strong {
    display: block;
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    padding-bottom: 5px
}

.pop-login input {
    padding: 0 8px
}

.form-list .control a {
    text-decoration: underline
}

.contact-left p a {
    text-decoration: underline
}

.contacts-index-index .buttons-set {
    padding-left: 22%;
    border: none
}

.contact-right-box {
    border: 1px solid #ebebeb;
    padding: 10px
}

.contacts-index-index .buttons-set .button {
    float: none;
    display: inline-block
}

.dashboard .welcome-msg .hello strong {
    color: #000;
    padding-bottom: 5px;
    display: block
}

.dashboard .box-recent .box-head h2 {
    color: #000
}

.my-account h2,
.my-account h3,
.my-account h4 {
    color: #000;
    text-transform: none
}

.my-account h2 { font-size: 1.6em; }
.my-account h3 { font-size: 1.4em; }
.saveCard-detail td strong {
    color: #000;
    font-weight: 400
}

.mobile_slider .owl-dots {
    display: none
}

.reassurance-list {
    margin: 0 12px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase
}

.reassurance-list a {
    line-height: 22px
}


.email-block:last-child,
.email-block:last-child input {
    width: 98.7%!important
}
.captcha-image {
    position: relative;
    width: 228px
}

.captcha-image .captcha-img {
    border: 1px solid #f4f4f4;
    vertical-align: bottom;
    width: 100%
}

.captcha-reload {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 2px
}

.what_else {
    padding: 20px 0
}

.form_1 h3 {
    margin-bottom: 20px!important
}

.mini-cart .mini-cart-content .actions .btn-checkout {
    float: right
}

.no_filter {
    display: none;
    font-size: 14px;
    position: absolute;
    top: 65px;
    width: 175px
}

.amshopby-page-container.active .no_filter {
    display: block
}

.notification {
    float: left;
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    bottom: 0;
    line-height: 18px;
    position: fixed;
    text-align: left;
    width: 100%;
    color: #fff;
    left: 0;
    right: 0;
    font-size: 14px;
    z-index: 999999999999;
    padding: 5px 0
}

.notificationInner {
    margin: 0 auto;
    width: 1176px;
    padding: 2px 0;
    position: relative
}

.close {
    bottom: 6px;
    position: absolute;
    right: 270px
}

.notification h2 {
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.closeBtn {
    top: 0;
    position: absolute;
    right: 0;
    color: #fff;
}

.lg {
    display: inline-block
}

.sm {
    display: none
}

.saveCard-detail td {
    vertical-align: middle
}

.nav-panel-inner .col {
    display: inline-block;
    vertical-align: top
}

.feedback_textarea textarea {
    width: 360px
}

#vault-security-check .pop-login .closeBtn {
    display: none!important
}

.col-main .success_page p {
    margin: 15px!important
}

.col-main .success_page .order-link {
    text-decoration: underline
}
.canvas-container .shop-now {
    bottom: -60px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 33%;
    padding: 0;
    text-align: center
}

.onestepcheckout-place-order-wrapper .loading-ajax {
    width: 35px;
    float: none;
    clear: both
}
.login-form-sec input:focus,
.join-our-club-left input:focus,
#contactForm .form-list input:focus,
#contactForm .form-list select:focus,
#contactForm .form-list textarea:focus {
    border-color: #666
}

/*Cart page css */
.urgent {
    color: #000;
    font-weight: 700
}

.not-urgent {
    color: #000
}

.outs {
    color: #d62b2b;
}
.oos {
    color: #B5B5B5
}

.item-delivery-date span.del_label {
    display: block;
    padding-bottom: 5px
}
.mobile-collapsible .block-title .fa { display: none; }

/*Invite a Friend page css start here*/
.enterprise-invitation-index-send .main-container{  padding: 40px 0;}
.invite-friend-container{width: 856px; margin: 0 auto;}
.invite-friend-container-inner{width: 100%; }
.invite-friend-header{width: 100%; position: relative; background: #fff;}
.invite-friend-header h1{color:#000; margin: 0 auto; text-align: center; font-size: 22px; line-height: 48px; letter-spacing: 2px;text-transform: uppercase;}
.invite-friend-content {margin: 8px 0 0 0; width: 100%; background: #fff; padding: 5px; box-sizing: border-box;}

/*Brandalley Messaging offers css*/
.brandalley-messaging{position: fixed; right: 0; bottom: -100%; opacity: 0; visibility: hidden; transition: all 1s linear 1s;  width: 492px; background: #fff; border-top: 5px solid #ffdd00; text-align: center; z-index: 10;}
.brandalley-messaging.show{visibility: visible; opacity: 1; bottom: 0;}
.brandalley-messaging h2{font-size: 32px; font-weight: 700; text-transform: uppercase; padding: 15px 0; margin: 0;}
.brandalley-messaging i{position: absolute; right: 12px; top: 12px; color: #000; cursor: pointer;}
.brandalley-messaging p{font-size: 16px; margin: 0; padding: 0 0 25px 0;}
.brandalley-messaging p span{background: #ffdd00; text-transform: uppercase; font-weight: 700; padding: 0 2px;}
/*Responsive Media query css start here*/
@media only screen and (max-width: 1279px) {
    .flashsales-index-outletdisplay .container {
        width: 100%
    }

    .box-6 {
        float: left;
        width: 456px;
        padding-right: 10px
    }
    .box-6-1 {
        float: left;
        width: 456px;
        padding-left: 10px
    }
    .child_img {
        display: inline-block;
        vertical-align: middle;
        width: 293px
    }
    .men .child_img {
        width: 302px
    }
    .child_title {
        width: 140px
    }
    .men .child_title {
        width: 130px
    }

    .christmas-page .christmas-row {
        width: 99.9%;
        margin: 0 0 18px
    }

    .pp-credit-message--logo { width: 75px; }
}

@media only screen and (max-width: 1200px) {
    .container { max-width: 1010px;}
}

@media only screen and (min-width: 1024px) {
    #nav .col .list a:hover {
        background: #f5f5f5;
        color: #333
    }
}
@media only screen and (max-width: 600px) {
    .catalog-category-view .breadcrumbs {
        padding-top: 20px;
        padding-bottom: 10px;
    }
}

/*Ipad Landscape css start here*/
@media only screen and (max-width: 1023px) {
    .my-account-dropdwon-ipad{display: block !important;}
    .hide-my-account-ipad{display: none !important;}
    .pp-credit-message { position: relative; }
    .pp-credit-message--logo { position: absolute; right: 0; top: -5px; }

    .cart-page-title {
        width: 40%
    }
    .cart-promo-area {
        width: 73.5%
    }
    .cart-sub-total-right {
        width: 26.49%
    }
    .cart-summary-text {
        width: 355px
    }
    .cart-promoCode {
        width: 300px
    }
    .slideShow button {
        width: 115px
    }
    .slideShow .for-error-box {
        width: 149px
    }
    .canvas-container .shop-now {
        width: 60%!important
    }

    .box-6 {
        float: left;
        width: 456px;
        padding-right: 10px
    }
    .box-6-1 {
        float: left;
        width: 456px;
        padding-left: 10px
    }
    .child_img {
        display: inline-block;
        vertical-align: middle;
        width: 293px
    }
    .men .child_img {
        width: 302px
    }
    .child_title {
        width: 140px
    }
    .men .child_title {
        width: 130px
    }
    .not-found-sale .item {
        width: 50%;
        margin-bottom: 20px
    }
    .onestepcheckout-coupons .input-box {
        width: 57%
    }
    .total-order-detail {
        width: 60%
    }
    .sales .col-lg-6.small {
        width: 50%
    }
    .home_banner {
        display: none
    }
    .img-box-style1 .product-image {
        width: 78%
    }
    .col-unit-price a {
        padding: 0 4px;
        font-size: 16px
    }
    #onestepcheckout-coupon-add {
        padding: 0 16px
    }
    #onestepcheckout-coupon-remove {
        padding: 0 9px
    }

    .notificationInner {
        width: 96%;
        max-width: 960px
    }
    .christmas-page .christmas-row {
        width: 100%;
        margin-bottom: 10px
    }
    .christmas-page .insidecontent {
        margin: -5px -5px -5px 0
    }
    .christmas-page .row1-right {
        padding-left: 5px
    }
    .christmas-page .small-offer-box,
    .christmas-page .small-offer-box-h,
    .christmas-page .big-offer-box {
        padding: 5px
    }
    .christmas-page .padding-top {
        padding-top: 10px
    }
    .christmas-page .second-last-row .insidecontent {
        margin-left: -5px
    }
    .christmas-page .second-last-row .row1-left {
        padding: 5px 5px 0
    }
    .christmas-page .smLarge-img {
        width: 34%;
        padding: 10px 0 0 10px
    }
    .christmas-page .xlarge-img {
        width: 66%;
        padding: 10px 0 0
    }
    .christmas-page-title h1 {
        font-size: 67px;
        letter-spacing: 19px
    }

    #change-payment-method {
        font-size: 13px;
        text-align: center;
        width: 100%
    }
    .filled-address ul {
        position: static;
        padding: 5px 0 15px
    }
    .thank-you-order-top h1 {
        letter-spacing: 5px
    }
    .post-thumb {
        width: 200px
    }
    .post-info {
        width: calc(100% - 200px);
        padding: 0 10px 0 18px
    }
    .post-title {
        letter-spacing: 3px
    }
    .post-info p {
        line-height: 24px;
        font-size: 16px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
        margin-bottom: 20px;
        padding: 0
    }
    .post-info a.readmore {
        background-position: 81% 24px
    }
    .inviteFr {
        bottom: 40px
    }
    .trust-invite h3 {
        padding: 15px 0 0
    }
    .size-guide--popup {top:50px !important}

    #onestepcheckout-coupon-add,
    .onestepcheckout-coupons input#id_couponcode {
        width: 100%; margin: 0 0 8px;
    }
    .onestepcheckout-coupons .chekout-coupon-buttons { width: 100%; }
}
/* device with width 1024px only */
@media only screen and (max-device-width: 1024px) {
    div.onestepcheckout-place-order-wrapper button { width: 100%; margin-bottom: 10px; }
}

@media only screen and (max-width: 1023px) {
    #onestepcheckout .col-ds-8 {
        width: 100%;
        padding: 0
    }
    #onestepcheckout .col-ds-3 {
        display: none
    }
    #checkout-summary-load .orderSummary .step-title {
        display: none
    }
    #checkout-summary-load {
        display: none
    }

    #user-menu-wrapper-regular #mini-compare-wrapper-regular {
        display: none;
    }

    .login-register-header-icon {
        display: none;
    }
}

@media only screen and (max-width: 959px) {
    .canvas-container .shop-now {
        width: 60%!important
    }
    .nav-mobile .nav-item > .opener .fa-minus { display: none; }
    .nav-mobile .nav-item.item-active > .opener .fa-minus { display: inline-block; }
    .nav-mobile .nav-item.item-active > .opener .fa-plus { display: none; }

    .flashsales-index-displaycategory .main-container,
    .flashsales-index-outletdisplay .main-container { overflow: hidden; }


    .pp-credit-message--text { margin-left: 1%; max-width: 100%; margin-top: 0.5%; }
    .pp-credit-message--logo { width: 26%!important; max-width: 95px; }



    .box-6 {
        float: left;
        width: 100%;
        padding-right: 0
    }
    .promo_block .box-6,
    .footer_promo .box-6 {
        margin-bottom: 20px
    }
    .promo_block {
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 25px
    }
    .box-6-1 {
        float: left;
        width: 100%;
        padding-left: 0
    }
    .box-6-1 .border-top {
        border: none;
        padding: 0
    }
    .child_title {
        width: 100%;
        float: left;
        margin: 10px 0 0;
        padding: 0;
        text-align: center;
        border: 1px solid #e1e1e1
    }
    .men .child_title {
        width: 100%;
        float: left;
        margin: 10px 0 0;
        padding: 0;
        text-align: center;
        border: 1px solid #e1e1e1
    }
    .child_title a {
        line-height: 40px
    }
    .child_img {
        display: none;
        vertical-align: middle;
        width: 293px
    }
    .header_promo {
        display: none
    }

    #nav .col-frame {
        padding: 0 0 0 10px;
    }

    .selesBanner {
        width: 41%
    }

    #product-tabs .tabs a {
        padding: 0 37px
    }
    .cart-table input.qty {
        width: 34px;
        height: 34px
    }
    .col-unit-price a {
        font-size: 12px;
        padding: 0 3px
    }
    .hp-block.left-column {
        width: 10%
    }
    .hp-block.right-column {
        width: 40%
    }
    .sticky-header #nav-holders-wrapper-mobile #mini-cart {
        float: left
    }
    .sticky-header .nav-holders-wrapper-mobile .nav-holder > * {
        float: left
    }
    .no-gutter.grid-col2-sidebar {
        width: 30%
    }
    .no-gutter.grid-col2-main {
        width: 70%
    }
    .thank-you-img {
        width: 45%
    }
    #scroll-to-top { font-size: 14px; }
    .paypal-credit-disclaimer {
        margin-bottom: 60px;
        padding: 0 5% 15px;
        max-width: 90%;
        border-bottom: 1px solid #e5e5e5;
    }

    .paypal-representative img { width: 100px; float: none; margin: 5px 0;}
    .paypal-representative--text { width: 100%; float: none; border: none; margin: 0; }
    .payment-area { margin-bottom: 20px; }
}
/*Ipad Landscape css start here*/
@media only screen and (max-width: 1023px) {
    .mini-compare.dropdown .mini-compare-content{width: 314px;}
    .brandalley-messaging{width: 100%}
    .mobile-nav .fa {
        font-size: 18px;
        vertical-align: middle;
    }
    .no-gutter.grid-col2-sidebar{display: none;}
    .no-gutter.grid-col2-main{width: 100%;}
    .header-mobile .skip-content--style {z-index: 900; width:320px; background: #fff; padding: 0; border: 1px solid #f5f5f5; position: absolute; }
    .header-mobile .mini-compare-content:after {position: absolute; left: 0; margin: 0 auto; right: 0; width: 0;
        height: 0; border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff; top: -8px;}
    .mini-form-content { float: none; padding: 0!important; }
    #search_mini_form1 fieldset { position: relative; }
    #search1 { width: 100%!important; box-sizing: border-box; height: 48px!important; line-height: 48px; font-size: 16px; padding-right: 50px; }
    .submit-search { float: none; position: absolute; top: 0; right: 0; height: 48px; width: 48px; }
    .search-autocomplete  { box-sizing: border-box; padding: 0; }
    .search-autocomplete li {
        padding-left: 20px;
        line-height: 48px;
        border-bottom: #efefef;
    }
    .show-d {
        display: none
    }
    .show-t {
        display: block
    }
    .show-t-m {
        display: block
    }
    .canvas-container .shop-now {
        width: 60%!important
    }
    .missedSellInside {
        width: 90%;
        font-size: 20px
    }
    .sales .row.small .item-holder {
        width: 100%;
        float: left
    }
    .sales .row.large .item-holder {
        width: 100%;
        float: left
    }
    .sales .row.large .holder .tile {
        width: 100%
    }
    .sales .row.large .holder .discount {
        width: 100%
    }
    .sales .row.small .endDate {
        margin-top: 0
    }
    .sales .row.small .discount {
        padding-top: 3px
    }
    .header-primary,
    .header-mobile .header-primary {
        padding-bottom: 0 !important;
    }

    .header-primary {
        padding: 0 !important;
    }

    #top .sticky-container {
        border-bottom: 1px solid #000;
    }

    .icon-cart,
    .icon-myaccount,
    .icon-menu,
    .icon-search {
        display: inline-block;
        vertical-align: middle;
        margin-right: 2px
    }
    #header-compare li a{
        line-height: 48px;
        font-size: 16px;
        position: relative;
        padding: 0 15px;
    }
    #header-compare li i.fa-chevron-right {position: absolute; right:0; top:18px; font-size: 14px;}
    #header-compare li:last-child {padding-bottom: 0;}
    .welcome{display: none;}
    .welcome em {
        text-align: right
    }
    .not-found-sale .item {
        width: 100%!important;
        margin-bottom: 20px
    }
    .cart .discount .buttons-set button {
        padding: 0 20px
    }
    .cart .discount .buttons-set {
        margin: 0 0 0 10px
    }
    .col-unit-price a {
        padding: 0 2px;
        font-size: 14px
    }
    .saveCard-detail td {
        display: block;
        width: 100%
    }
    .for-M {
        display: block
    }
    .for-D {
        display: none
    }
    div.onestepcheckout-threecolumns div.onestepcheckout-column-left,
    div.onestepcheckout-threecolumns div.onestepcheckout-column-middle,
    div.onestepcheckout-threecolumns div.onestepcheckout-column-right {
        width: 100%!important;
        margin: 0;
        border-right: none!important
    }
    .onestepcheckout-button {
        width: 100%
    }
    .canvas-container {
        height: 211px
    }

    .cart-page-title {
        width: 41%
    }
    .cart-top-right .cart-total-top span {
        padding-right: 20px
    }
    .cart-top-right .cart-total-top {
        padding-right: 5px;
        font-size: 14px
    }
    .cart-top-right button,
    .bottom-proceed button {
        font-size: 14px;
        padding: 0 35px 0 23px;
        background-position: 94% 23px
    }
    .cart-promo-area {
        width: 65%
    }
    .cart-sub-total-right {
        width: 35%
    }
    .cart-promoCode {
        width: 100%
    }
    .cart-summary-text {
        width: 100%;
        padding: 5px 10px
    }
    .slideShow .for-error-box {
        width: 273px
    }
    .cart-table-wrapper li.name {
        border-right: 0
    }
    .cart-table-wrapper li h2 {
        font-size: 15px;
        padding: 7px 0 4px 12px
    }
    .slideShow button {
        width: 134px
    }
    .cart-table-wrapper .cell100 {
        width: 85px
    }
    .offerend-txt {
        font-size: 12px;
        line-height: 22px;
        letter-spacing: 2px
    }
    .christmas-row .door {
        min-height: 100px
    }
    .christmas-page .revealed.current-day h3 {
        padding-bottom: 6px;
        margin-bottom: 10px;
        display: inline-block;
        font-size: 16px;
        line-height: 25px
    }
    .christmas-page .revealed.current-day .button {
        line-height: 40px
    }
    .christmas-page .revealed.current-day .day-24 h3,
    .christmas-page .revealed.current-day .day-5 h3,
    .christmas-page .revealed.current-day .day-18 h3,
    .christmas-page .revealed.current-day .day-20 h3,
    .christmas-page .revealed.current-day .day-10 h3,
    .christmas-page .revealed.current-day .day-11 h3,
    .christmas-page .revealed.current-day .day-12 h3,
    .christmas-page .revealed.current-day .day-14 h3 {
        padding-bottom: 4px;
        margin-bottom: 7px;
        display: inline-block;
        font-size: 12px;
        line-height: 18px
    }
    .christmas-page .revealed.current-day .day-24 button,
    .christmas-page .revealed.current-day .day-5 button,
    .christmas-page .revealed.current-day .day-18 button,
    .christmas-page .revealed.current-day .day-20 button,
    .christmas-page .revealed.current-day .day-10 button,
    .christmas-page .revealed.current-day .day-11 button,
    .christmas-page .revealed.current-day .day-12 button,
    .christmas-page .revealed.current-day .day-14 button {
        line-height: 35px;
        font-size: 12px
    }
    .revealed.past span.top {
        width: 30px;
        left: -5px;
        top: 10px
    }
    .revealed.past span.right {
        width: 30px;
        right: -5px;
        top: 10px
    }
    .revealed.past span.bottom {
        width: 30px;
        bottom: 10px;
        right: -5px
    }
    .revealed.past span.left {
        width: 30px;
        left: -5px;
        bottom: 10px
    }
    .more-images--wrapper {
        width: 18%
    }
    .img-box-style1 .product-image {
        width: 78%
    }
    .total-order-detail {
        width: 100%
    }
    .col-frame .col-1 .popup {
        display: none!important
    }
    /*.col-frame {
        display: block!important
    }*/
    .col-frame .col-1 {
        width: 100%;
        float: left;
        padding: 0!important
    }
    #nav .col .list li {
        margin: 0
    }
    #nav .col .list > li > a {
        padding: 4px 6px
    }
    .footer-container .bullet li {
        text-align: left;
        padding-left: 0!important
    }
    .footer-container .bullet li a {
        padding-left: 20px;
        background-position: left top;
        display: block
    }
    .footer-container .grid12-3:last-child {
        text-align: center
    }
    #change-payment-method {
        font-size: 14px;
        white-space: nowrap
    }
    .payment-method-icon {
        width: 250px;
    }
    .christmas-page-title h1 {
        font-size: 53px;
        letter-spacing: 13px
    }
    .christmas-page {
        padding: 15px 0 20px
    }
    .christmas-page h2 {
        font-size: 20px;
        line-height: 36px;
        padding: 0 20px 15px
    }
    .christmas-page h2.spce {
        padding-bottom: 24px
    }
    .tablet-outlet-delivery-info {
        float: right;
        text-align: right;
        border-bottom: 4px solid #000;
        width: 252px;
        box-sizing: border-box;
        padding: 0 11px 0 0
    }
    .tablet-outlet-delivery-info span {
        display: inline-block;
        font-size: 12px;
        letter-spacing: 1.5px;
        line-height: 20px;
        text-transform: uppercase
    }
    .tablet-outlet-delivery-info span:first-child {
        font-weight: 700
    }

    .thank-you-order-top .order-no,
    .thank-you-order-top .est-delvry-info {
        letter-spacing: 1.5px
    }
    .thank-you-order-top h1 {
        letter-spacing: 2px;
        font-size: 20px
    }
    .blog-gulter {
        margin: 0
    }
    .pulled-post {
        width: 100%;
        padding: 0;
        margin-bottom: 16px
    }
    .pulled-post:last-child {
        margin: 0
    }
    .post-thumb {
        width: 360px
    }
    .post-info {
        width: calc(100% - 360px);
        padding: 0 42px 0 50px
    }
    .post-title {
        letter-spacing: 5px
    }
    .post-info p {
        line-height: 26px;
        text-overflow: inherit;
        display: block
    }
    .trust-invite .trustpilot-widget iframe {
        width: 100%!important
    }
    .trust-invite h3 {
        padding: 10px 0 0
    }
    .inviteFr {
        bottom: 22px
    }
    /*    Invite a friend*/
    .invite-friend-container{width: 100%;}
    .payment-method-icon.for-mobile { display: block; width: 110px; margin-left: 25px; }
    .payment-method-icon.for-desktop { display: none; }
    .trustbox { width: 100%; }
    .comondo-secure  {
        width: 50%;
        margin: 0 auto;
        padding: 10px 0;
        float: none;
        clear: both;
    }
    .trustbox .trustpilot-widget { height: 95px; }
    .my-account-top h2{width:60%}.header-mobile .header-primary
                                 .header-regular .hp-blocks-holder{padding-bottom: 20px;}
    .onestepcheckout-invite,
    .onestepcheckout-coupons,
    div.onestepcheckout-place-order-wrapper { width: 49%; float: left; }
    div.onestepcheckout-place-order-wrapper { float: right; margin-left: 2%; }
}
@media only screen and (max-width: 959px) and (min-width: 426px ) {
    .promo-message .trustpilot-widget iframe { height: 27px!important; }
}

@media only screen and (max-width: 1023px) and (min-width: 426px ) and (orientation: landscape) {
    .trustbox,
    .overlay-trust  { width: 100%; }
    .footer .trustbox,
    .footer .comondo-secure,
    .footer .payment-method-icon.for-mobile { width: 31%; display: inline-block; margin: 0 1%; text-align: center; }
    .paypal-representative { text-align: center; left: 0; margin: 0 auto; clear: both; }
}

/*Mobile css start here*/
@media only screen and (max-width: 1023px) {

    .header-mobile .header-container3 > .nav-container {
        margin: 0 0 20px
    }
    #mini-cart .cart_timer {
        display: none
    }
    .cart-page-title { width: 100%; }
    .cart-page-title h1 { text-align: center; }
    .cart-total-top {
        border-bottom: 4px solid #000;
        text-align: left;
        color: #000;
        width: 100%;
    }
    .cart-top-right,
    .cart-top-right ul { float: none; }
    .cart-top-right .cart-total-top { padding: 0; margin: 8px 0 16px; line-height: 28px; }
    .reserve-cart-for {
        padding: 14px 0;
        text-align: center;
        font-size: 12px;
        display: block;
        clear: both;
        font-weight: 700
    }
    .cart-total-top strong {
        float: right
    }
    .cart-page-top button {
        float: left;
        width: 100%;
        font-size: 16px;
    }
    .cart-promo-area,
    .cart-sub-total-right,
    .cart-summary-text {
        width: 100%;
        float: none;
    }
    .cart-summary-text {
        padding-bottom: 20px;
        padding-top: 0
    }
    .cart-promoCode li a {
        padding-right: 0;
        display: block
    }
    .for-error-box {
        width: calc(100% - 110px)!important
    }
    .slideShow button {
        width: 110px
    }
    .total-table-div {
        border: none;
        padding: 10px 17px 0
    }
    .bottom-proceed button {
        font-size: 16px;
        width: 100%;
        padding: 0
    }
    .cart-table-wrapper li {
        border: none;
        border-bottom: 2px solid #f7f7f7;
        padding: 12px 0 35px
    }
    .cart-table-wrapper .cart_timer {
        bottom: -25px
    }
    .select-qty-item li {
        padding: 4px 0 4px 8px
    }
    .select-qty-item li.active {
        background: #fd0
    }
    .cart-qty-overlay {
        left: 0;
        right: 0;
        height: 100%;
        position: fixed;
        background: rgba(0, 0, 0, 0.7);
        top: 0;
        display: none;
        z-index: 9999
    }
    .cart-qty-overlay.active {
        display: block
    }
    .select-qty-item {
        top: 54px;
        /* left: 100px;
         transform: translateX(0);
         border: none;
         width: 100px;*/
        z-index: 11111
    }
    .cart-table-wrapper .cart-col.img {
        padding: 0
    }
    .cart-table-wrapper .item-reserve {
        font-size: 14px;
        font-weight: 400;
        bottom: 40px
    }
    .cart-table-wrapper .cart-col {
        border: none;
        float: left
    }
    .cart-table-wrapper .for-desktop {
        display: none
    }
    .cart-table-wrapper .cart-col.name {
        width: calc(100% - 100px)
    }
    .cart-table-wrapper .cart-qty {
        margin-top: 25px
    }
    .cart-table-wrapper .cart-col h2 {
        padding-top: 2px;
        padding-bottom: 10px
    }
    .cart-table-wrapper .item-options {
        float: left;
        width: 100%
    }
    .item-delivery-date {
        float: left;
        width: 100%;
        padding: 10px 12px;
        font-size: 12px
    }
    .col-total { position: absolute; right: 0; bottom: 0; font-size: 14px; }
    .pp-credit-cart-message { max-width: 100%; }
    .cart-table-wrapper .save-price {
        padding-top: 8px
    }
    .cart-table-wrapper .old-price {
        padding-bottom: 2px
    }
    .cart-promoCode {
        padding-bottom: 10px
    }
    .cart-promoCode li {
        padding: 10px 0 5px
    }
    .thank-you-img {
        width: auto;
        margin-bottom: 20px
    }
    .new-login-content {
        width: 376px;
        top: 0;
        transform: none
    }
    .login-footer a {
        font-size: 15px; line-height: 48px; display: inline-block;
    }
    .login-footer span {
        line-height:48px;
    }
    .login-form-img,
    .login-form-sec {
        width: 100%;
        float: left
    }
    .login-heading h2 {
        font-size: 16px;
        line-height: 25px
    }
    .login-form-sec h5 {
        padding-bottom: 5px
    }
    .forgot-password {
        padding: 5px 0 0
    }
    .login-form-img img {
        width: 100%
    }
    .login-form-sec {
        padding: 18px 52px
    }
    .join-our-club-mid {
        display: block
    }
    .join-our-club-left,
    .join-our-club-right {
        width: 100%;
        padding: 18px 42px
    }
    .join-our-club-right li {
        width: 50%;
        float: left;
        margin-bottom: 34px;
        box-sizing: border-box;
        padding: 0 0 0 65px
    }
    .join-our-club-right li:nth-child(2) {
        margin-bottom: 48px;
        background: url(../images/join-icon3.png) no-repeat left top
    }
    .join-our-club-right li:nth-child(3) {
        line-height: 19px;
        padding-bottom: 7px;
        margin: 0;
        background: url(../images/join-icon2.png) no-repeat left top
    }
    .join-our-club-right li:nth-child(4) {
        margin: 0;
        background: url(../images/join-icon4.png) no-repeat left top
    }
    .join-our-club-right li:first-child {
        line-height: 16px;
        background: url(../images/join-icon1.png) no-repeat left top
    }
    .join-our-club-right li:last-child {
        display: none
    }
    .promo_text {
        width: 75px!important;
        height: 75px!important;
        color: #000
    }
    .promo_text span {
        width: 67px!important;
        height: 67px!important;
        border-radius: 92px;
        font-size: 11px!important
    }
    .canvas-container .shop-now {
        width: 60%!important
    }
    .missedSellInside {
        width: 90%;
        font-size: 14px
    }
    .missedSellInside span {
        font-size: 14px
    }
    input,
    select {
        font-size: 16px
    }
    input[type="text"]:focus,
    textarea:focus {
        -webkit-text-size-adjust: 100%
    }
    .search-autocomplete {
        /* height: 250px;*/
        overflow: auto
    }
    .searchadditional {
        padding: 0 0 30px
    }
    .search-form input[type="text"] {
        font-size: 16px
    }
    .validation-advice {
        width: 100%;
        float: left
    }
    .cart-table input.qty {
        width: 54px;
        height: 54px
    }
    .form-list input.input-text,
    .form-list select {
        width: 535px
    }
    .form-list .field {
        width: 100%
    }
    .form-list li {
        margin: 0 0 10px
    }

    .mobile_slider .owl-dots {
        display: inline-block
    }
    .mobile_slider .owl-nav {
        display: none
    }

    .for-mobile {
        display: block
    }
    .for-desktop {
        display: none
    }
    .for-mobile-login {
        display: block
    }
    .for-desktop-login {
        display: none
    }

    .acctab { position: relative; }
    .acctab .fa { position: absolute; display: inline-block; right: 20px; top: 20px; font-size: 14px; }
    .acctab .fa-minus { display: none; }
    .acctab.active-tab .fa-minus { display: inline-block; }
    .acctab.active-tab .fa-plus { display: none; }
    .gen-tabs .acctab:hover,
    .gen-tabs .acctab:focus,
    .gen-tabs .acctab.current {
        background: none;
        color: #9b9b9b
    }

    .mobile_slider {
        display: block;
        width: 100%;
        margin: 0 0 30px
    }

    #messages_product_view ul {
        margin-top: 10px
    }
    #moretime-button button {
        border: 0;
        font-size: 13px;
        width: 100%;
        text-align: center;
        padding: 0;
        margin: 10px 0 0
    }
    .data-table tfoot a,
    .data-table tfoot button {
        width: 49%;
        padding: 0!important;
        text-align: center
    }
    .cart-table .product-name {
        padding: 30px 0 10px
    }
    .remove-cart-item {
        bottom: -30px;
        right: 0;
        background-position: left top;
        z-index: 1;
        background: #fff; padding: 0 5px;
    }
    .cart-table-wrapper .cell100 {
        float: right;
        text-align: right;
        width: auto
    }
    #header-cart button {
        width: auto;
        padding: 0 9px
    }
    #mini-cart .mini-cart-heading .caret {
        display: none
    }
    .cart .totals tr.savings td {
        color: red;
        padding-top: 25px
    }
    .cart .totals tbody tr:last-child td {
        padding-bottom: 25px
    }
    .promoCode {
        width: 100%!important;
        margin: 0 0 30px
    }
    .cart .discount .input-box {
        width: 100%;
        float: left
    }
    .cart .discount .buttons-set button {
        padding: 0 10px;
        width: 100%;
        min-width: 100%
    }
    .discount-form {
        width: 100%;
        float: left;
        margin: 0 0 5px
    }
    .cart .data-table tr {
        padding-bottom: 20px
    }
    .opc .step-title h2 {
        font-size: 12px;
        line-height: 55px
    }
    #checkout-step-shipping button,
    #checkout-step-payment button {
        width: 100%
    }
    #checkout-step-payment .form-list select {
        width: 100%
    }
    .payment-totals td:first-child {
        padding-left: 35px
    }
    .onestepcheckout-coupons a {
        clear: both;
        margin: 0
    }
    .onestepcheckout-coupons .input-box {
        width: 100%!important;
        padding: 0!important;
        float: left
    }
    #checkout-summary-load .data-table thead {
        display: none
    }
    #checkout-summary-load .data-table tbody td {
        width: 100%;
        display: block;
        border: none;
        text-align: left!important
    }
    #checkout-summary-load .data-table tr {
        display: block;
        padding-bottom: 20px
    }
    #checkout-summary-load h3.product-name {
        padding: 15px 0 20px
    }
    .place-order-btn button {
        width: 100%;
        padding: 0
    }
    .cart-table td {
        padding: 5px 0!important
    }
    #checkoutSteps .buttons-set button.button {
        width: 100%
    }
    #checkoutSteps .please-wait {
        display: inline-block;
        float: none
    }
    #checkoutSteps .buttons-set {
        text-align: center
    }
    .total-order-detail {
        width: 100%
    }

    .sales {
        margin: 0
    }
    .sales .col-lg-6.small {
        width: 100%;
        padding: 0
    }
    .sales .col-lg-6 {
        width: 100%;
        padding: 0
    }

    #addresses-grid-shipping,
    .selectAdd {
        width: 100%;
        padding: 0 0 20px
    }
    #shipping-new-address-form .buttons-set .control {
        float: none;
        padding: 0 0 20px;
        text-align: left
    }
    .textPay {
        width: 67%
    }
    .form-list li.wide .input-box,
    .checkoutBorder {
        padding: 30px 0
    }
    #shipping-new-address-form ul {
        padding: 20px 0
    }
    #shipping-new-address-form .buttons-set,
    #shipping-buttons-container,
    #checkout-step-payment .buttons-set {
        padding: 0 0 20px
    }
    .sp-methods .form-list {
        padding: 10px
    }
    #checkout-step-review .payment-totals {
        margin: 0
    }
    .checkout-review-submit button {
        width: 100%
    }
    .checkout-review-submit p {
        float: none;
        padding: 0
    }
    .pop-login .half .padder p.login-newtxt {
        font-size: 14px;
        color: #000;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: 1px
    }
    .validation-advice {
        margin-bottom: 0
    }
    .form-list .input-box.validation-error {
        height: 62px;
        margin: 0
    }
    .form-list .input-box input.input-text {
        width: 100%
    }
    #contactForm .form-list .label {
        width: 100%;
        line-height: 25px
    }
    #contactForm .form-list .input-box {
        width: 100%
    }
    #contactForm textarea {
        width: 100%;
        max-width: 535px
    }
    #contactForm select {
        width: 100%
    }
    #contactForm .captcha-image,
    #contactForm .form-list #captcha-input-box-contact_Form label,
    #contactForm .form-list #captcha-input-box-contact_Form .input-box {
        margin-left: 0
    }
    .contacts-index-index .buttons-set {
        padding-left: 0
    }
    .login-popup-mobile {
        width: 100%;
        background: #fff
    }
    .login-popup-mobile .logo {
        text-align: center;
        padding: 10px 20px!important
    }
    .login-middle-area-mobile {
        background: #e5e5e5;
        width: 100%;
        padding: 10px 0
    }
    .login-middle-area-mobile h3 {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        padding: 0 0 5px;
        margin: 0
    }
    .login-middle-area-mobile h4 {
        color: #000;
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        margin: 0;
        padding: 0
    }
    .login-middle-area-mobile h5 {
        color: #000;
        font-size: 13px;
        font-weight: 700;
        line-height: 20px;
        margin: 0;
        padding: 0 0 7px
    }
    .login-middle-area-mobile .form_3,
    .login-middle-area-mobile .form_2,
    .login-middle-area-mobile .form_4 {
        padding: 15px
    }
    .login-middle-area-mobile .form_3 button,
    .login-middle-area-mobile .form_2 button,
    .login-middle-area-mobile .form_4 button {
        width: 100%;
        line-height: 45px
    }
    .login-middle-area-mobile .form_3 a {
        font-size: 10px;
        text-decoration: underline;
        color: #000;
        text-align: center
    }
    .login-middle-area-mobile .form_3 form {
        padding-bottom: 10px;
        width: 100%;
        float: left
    }
    .login-middle-area-mobile .form_3 input,
    .login-middle-area-mobile .form_2 input,
    .login-middle-area-mobile .form_4 input {
        height: 45px
    }
    .login-middle-area-mobile .form_2 h3,
    .login-middle-area-mobile .form_2 p.hide-mobile {
        display: none
    }
    .login-middle-area-mobile .form_2 .small_text {
        width: 100%;
        float: left;
        text-align: left;
        padding-bottom: 10px;
        font-size: 12px
    }
    .login-middle-area-mobile .form_2 .form-list .field {
        margin: 0
    }
    .login-middle-area-mobile .form_2 .name-firstname {
        margin-bottom: 10px!important
    }
    .login-middle-area-mobile .form_2 strong {
        font-size: 12px
    }
    .additional-info {
        padding-bottom: 10px!important
    }
    .additional-info a,
    .login-middle-area-mobile .form_2 a {
        text-decoration: underline
    }
    .checkout-cart-index .page-title h1 {
        float: none
    }
    .checkout-cart-index .page-title ul {
        float: none;
        text-align: center
    }
    .cart-table .product-image {
        text-align: center
    }
    .cart-table .product-image img {
        display: inline-block
    }
    .show-t {
        display: none
    }
    .show-m {
        display: block
    }
    .join-our-club-img {
        display: none
    }
    .lg {
        display: none
    }
    .sm {
        display: inline-block
    }
    .thank-you-order-top {
        text-align: center;
        padding-top: 14px
    }
    .thank-you-order-top .oder-col {
        width: 100%
    }
    .sec-head {
        position: relative
    }
    .half-m {
        width: 50%!important
    }
    .filled-address,
    .gift-warp-oder {
        width: 100%;
        text-align: center
    }
    .filled-address li {
        margin: 0 15px
    }
    .filled-address ul {
        padding-top: 10px
    }
    .gift-warp-inside {
        width: 287px;
        padding-bottom: 15px
    }
    .gift-warp-inside h4 {
        padding: 12px 0 8px
    }
    .gift-warp-inside h3 {
        font-size: 18px
    }
    .thank-you-order-top h1 {
        letter-spacing: 5px;
        font-size: 32px
    }
    .thank-you-order-top .order-no,
    .thank-you-order-top .est-delvry-info {
        border: none;
        padding: 0;
        letter-spacing: normal
    }
    div.onestepcheckout-place-order-wrapper {
        margin-top: 0!important
    }
    #change-payment-method {
        padding: 0!important
    }
    div.onestepcheckout-place-order-wrapper button {
        width: 100%!important;
        margin-bottom: 25px
    }
    .commodo-checkout {
        float: none!important;
        margin: 0 auto 10px!important;
        width: 98px!important
    }
    .row-outlet .owl-nav,
    .row-outlet .owl-dots {
        display: none
    }
    .christmas-page-title h1 {
        font-size: 30px;
        letter-spacing: 10px
    }
    .christmas-page h2 {
        font-size: 18px;
        line-height: 32px;
        padding: 0 10px 15px
    }
    .christmas-page h2.spce {
        padding-bottom: 14px
    }
    .christmas-row {
        margin: 0 -5px 10px!important
    }
    .christmas-row .col2I {
        width: 50%;
        float: left;
        padding: 0 5px;
        box-sizing: border-box
    }
    .christmas-row .col1I {
        width: 100%;
        float: left;
        padding: 5px 0
    }
    .christmas-page .padding-less {
        margin: -5px 0
    }
    .christmas-page .fcolI {
        padding: 0 5px
    }
    .tablet-outlet-delivery-info {
        float: none;
        text-align: center;
        border-bottom: 4px solid #000;
        width: 293px;
        box-sizing: border-box;
        padding: 36px 0 3px;
        margin: 0 auto
    }
    .tablet-outlet-delivery-info span {
        display: inline;
        font-size: 12px;
        letter-spacing: normal;
        line-height: 20px;
        text-transform: uppercase
    }
    .tablet-outlet-delivery-info span:first-child {
        font-weight: 700;
        padding-right: 4px
    }
    .thank-you-order-top .est-delvry-info {
        font-weight: 400
    }
    .sm-use {
        width: 85%;
        border-bottom: 4px solid #000;
        padding: 4px 0;
        display: inline-block;
        text-align: left
    }
    .view-more-sale {
        letter-spacing: 2px
    }
    .post-thumb {
        width: 100%
    }
    .post-info {
        width: 100%;
        padding: 20px 10px 25px
    }
    .post-info a.readmore {
        width: 241px;
        display: inline-block
    }
    .trust-invite h3 {
        font-size: 14px
    }
    .invite-friend-header h1 {position: relative; width: 100%; letter-spacing: 2px; font-size: 22px; }
    .invite-friend-header{text-align: center;}

    .brandalley-messaging i{width:48px; height: 48px; line-height: 48px; top: 0; right: 6px;}
    .dropdown-active { overflow: hidden; height: 100%; position: fixed; width: 100%; }
    .dropdown-active #header-compare ul.bullet { height:175px; overflow: auto; -webkit-overflow-scrolling: touch; }
    .size-guide--popup.size-guide--android-fix { width: 90%!important; position: fixed !important; }
    .size-guide--popup .fancybox-inner { width: 100%!important; overflow-y: scroll!important; }
    #nav .col .list { margin-bottom: 0;}
}
@media only screen and (max-width: 1023px) {
    .hp-blocks-holder .invite-link { top: 10px; height: 38px; display: none; }
    .invite-link span { width: 50px; display: inline-block; text-align: right;  }
    .invite-link .fa { position: relative; bottom: 10px;}
    .user-menu {width: 100%; }
    .user-menu > div { float: none; }
    #user-menu-wrapper-regular { position: relative; top: 10px; left: -15px; z-index: 1000; }
    #mini-cart .mini-cart-heading .caret {
        display: none
    }
    #mini-cart .mini-cart-heading {
        color: #333;
        line-height: 50px;
        text-align: center
    }
    .mini-form-content { width: 100%;}

    .header-mobile .skip-content--style {
        width:auto;
        left: 0px !important;
        right: 0px !important;
        top: 0px;
        height: 100vh;
        min-width: 100vw;
    }
    .header-mobile .mini-compare-content:after{margin: 0; }
    .mobile-collapsible .block-title { position: relative; }
    .mobile-collapsible .block-title .fa { font-style: normal; font-size: 14px; position: absolute; right: 10px; top: 5px; display: inline-block; }
    .mobile-collapsible .block-title .fa-chevron-up { display: none; }
    .mobile-collapsible .block-title.active .fa-chevron-down { display: none; }
    .mobile-collapsible .block-title.active .fa-chevron-up { display: inline-block; }
    .onestepcheckout-invite,
    .onestepcheckout-coupons,
    div.onestepcheckout-place-order-wrapper { width: 100%; }

    #nav .col-frame {
        display: block!important;
        background: #eeeeee;
    }

    .search-autocomplete {
        height: 250px;
    }

    .nav-mobile {
        background-color: inherit;
    }

    .hub-page .main > .inner-container {
        padding: 8px;
    }

    .header-mobile .skip-link,
    #mini-cart .mini-cart-heading { height: 47px; line-height: 45px; }

}

@media only screen and (max-width: 640px) {
    .col-frame {
        display: block!important
    }
    .col-frame .col-1 {
        float: left;
        width: 100%;
        padding: 0!important
    }
    #nav .col .list > li > a {
        display: block;
        padding:0; line-height: 32px;
    }
    #nav .col .list li {
        margin: 0
    }

    .email-block:last-child {
        width: 100%!important
    }
    .email-block:last-child input {
        width: 95%!important
    }
}

@media only screen and (max-width: 479px) {
    .buttons-set .required,
    .buttons-set .back-link {
        display: block
    }
    .order-processing {
        padding: 60px 40px
    }
    .addresses-list .addresses-additional .item { float: none; width: 100%; margin-right: 0; }
}

@media only screen and (max-width: 425px) {
    .hidden-mobile { display: none; }
    .visible-mobile { display: block; }
    .main > .inner-container { padding-left: 8px; padding-right: 8px; padding-top: 8px!important;  }
    .header .inner-container,
    .header .logo-wrapper .logo { display: block; }
    #header-search { left: 0!important; right: 0!important; background: #fff; }

    .stickytop { padding: 0 0 10px; }
    /*.header-mobile .skip-link,
    #mini-cart .mini-cart-heading { height: 45px; line-height: 45px; border-bottom: 3px solid #ffdd00; }*/
    /*#nav .col-holder .box-more { margin-left: 15px; margin-bottom: 15px; }*/
    #nav .col { width: 100%; padding: 0; }

    .sales .col-lg-6 { margin: 10px 0 0; }
    .reassurance-list { padding: 0; }
    .paypal-representative { margin: 0 auto; left: 0; }
    .payment-method-icon.for-mobile  { width: 100%; text-align: center; clear: both; margin-left: 0; }
    .payment-method-icon.for-mobile img { width: 50%; margin-bottom: 15px; }
    .overlay-trust { width: 100%; }
    .footer-container .trustpilot-widget,
    .overlay-trust { height: auto; }
    .footer .trustbox { width: 35%; margin-left: 20%; }
    .footer .comondo-secure { width: 40%; clear: none; float: left; margin-left: 2%;}
    .footer-top { border-bottom: 0; }

    .attention .fa-exclamation { margin-bottom: 30px; }

    .dropdown-active #header-compare ul.bullet { height:385px; overflow: auto; -webkit-overflow-scrolling: touch; }
    .searchadditional { padding: 0 8px; }
    .cart-page-title .urgent {width: auto;}
}

@media only screen and (max-width: 400px) {
    .christmas-page .sm-boxes .revealed.current-day h3 {
        padding-bottom: 2px;
        margin-bottom: 7px;
        display: inline-block;
        font-size: 12px;
        line-height: 18px
    }
    .christmas-page .sm-boxes .revealed.current-day .button {
        line-height: 35px;
        font-size: 12px
    }
    .christmas-page .sm-boxes .revealed.current-day .day-11 h3 {
        padding-bottom: 2px;
        margin-bottom: 7px;
        display: inline-block;
        font-size: 10px;
        line-height: 18px
    }
    .christmas-page .sm-boxes .revealed.current-day .day-11 .button {
        line-height: 35px;
        font-size: 10px
    }
    .christmas-page .revealed.current-day .day-7 h3 {
        padding-bottom: 6px;
        margin-bottom: 10px;
        display: inline-block;
        font-size: 10px;
        line-height: 18px
    }
    .christmas-page .revealed.current-day .day-7 .button {
        line-height: 35px;
        font-size: 10px
    }
    .thank-you-order-top .order-no,
    .thank-you-order-top .est-delvry-info {
        font-size: 10px;
        letter-spacing: normal
    }
    .sm-use {
        width: 92%
    }
    .trust-invite {
        top: 38%
    }
    .trust-invite .trustpilot-widget {
        width: 100%
    }
    .overlay-thankyou {
        width: 100%
    }

}

@media only screen and (max-width: 380px) {
    .invite-friend-container h3{font-size: 15px;}
    .new-login-content {
        width: 90%
    }
    .login-header img {
        width: 230px
    }
    .login-form-sec {
        padding: 18px 24px 15px
    }
    .join-our-club-left,
    .join-our-club-right {
        width: 100%;
        padding: 18px 24px
    }
    .join-our-club-right li {
        font-size: 13px
    }
    .join-our-club-right li:first-child {
        padding-left: 58px;
        line-height: 15px
    }
    .join-our-club-right li:nth-child(2) {
        margin-bottom: 50px
    }
    .join-our-club-right li:nth-child(3) {
        padding-left: 58px;
        background: url(../images/join-icon2.png) no-repeat 8px top
    }
    .join-our-club-right li:nth-child(4) {
        background-position: 8px top
    }
    .join-our-club-left .join-terms {
        padding: 14px 0 0;
        font-size: 12px;
        line-height: 15px
    }
    .order-items h3.table-caption span.left,
    .order-items h3.table-caption span.right {
        float: none!important;
        display: block
    }
    .timer-content {
        padding: 10px
    }
    .paypal-credit-disclaimer { margin-bottom: 30px; }
    .social-links,
    .copyright {
        position: relative;
        text-align: center;
        margin: 0 auto;
        width: 90%;
        left: auto; right: auto;
    }
    .header-mobile .mini-compare-content:after{left: 211px;}
}
@media only screen and (max-width: 375px) {
    .header-mobile .mini-compare-content:after{left: 211px;}
}
@media only screen and (max-width: 330px) {
    .invite-friend-container h3{font-size: 13px;}
    .invite-friend-content h4{font-size: 17px;}
    .outlet-title h2 {
        font-size: 32px;
        letter-spacing: 7px
    }
    .tablet-outlet-delivery-info {
        width: 270px
    }
    .tablet-outlet-delivery-info span {
        font-size: 11px
    }
    .row-outlet li a,
    .outlet-slider-mobile a {
        letter-spacing: .5px
    }
    .form-list .customer-dob .dob-day,
    .form-list .customer-dob .dob-month {
        margin-right: 10px
    }
    .cart-table-wrapper .cart-col.img {
        width: 80px
    }
    .cart-table-wrapper .item-reserve {
        font-size: 12px
    }
    .cart-table-wrapper .cart-col.name {
        width: calc(100% - 80px)
    }
}
/*Iphone5 Iphone5s and small device css*/
@media only screen and (max-width: 320px) {
    .invite-link span { font-size: 0.8em; }
    .invite-link .fa { bottom: 5px; }
    .dropdown-active #header-compare ul.bullet { height: 315px; }


    #add-to-cart-button-holder .add-to-cart-continue {
        width: 62%;
        font-size: 12px;
        line-height: 45px;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    #add-to-cart-button-holder .add-to-cart-checkout {
        width: 34%;
        padding: 0
    }
    #messages_product_view ul {
        margin-top: 10px
    }
    #moretime-button button {
        border: 0;
        font-size: 10px;
        width: 100%;
        text-align: center;
        padding: 0;
        margin: 10px 0 0
    }
    .total-order-detail td {
        padding: 2px 15px
    }

    #header-compare li a{font-size: 14px;}
    #header-compare li i{margin-right: 9px;}
    .header-mobile .skip-content--style button {
        font-size: 12px
    }
    .header-mobile .mini-compare-content:after{left: 175px;}
    .footer .trustbox { width: 45%; margin-left: 10%; }
}


.login-overlay * {box-sizing: border-box; }
.login-overlay {background: rgba(0,0,0,.57); z-index: 22222; position: fixed; width: 100%; top: 0; height: 100%; display: none;}

@media only screen and (max-width: 1023px) {
    .login-container {width: 92%; margin: 20px auto; overflow: auto; -webkit-overflow-scrolling: touch;}
    .login-image, #thankyou-message .login-form-area{display: none;}
    .login-overlay {position: fixed !important; height: 100% !important; overflow: hidden;}
    .no-scroll {overflow: hidden; position: fixed; width: 100%;}
    .ba-logo img{width:177px;}
    .ba-logo {padding: 8px 0;}
    .not-a-member a {text-align: center;}
    #newLogin .login-form-area li:nth-child(2) {padding-bottom: 0;}
    .login-form-area li.text-right {padding: 0;}
    #forgotPassword {font-size: 16px; display: block}
    .pslogin-block .pslogin-buttons ul li .pslogin-button-text, #forgotPassword, .login-overlay button, .login-overlay input, a.btn-gray{line-height: 48px;}
    .featured-in {padding: 10px 20px 15px;}
    .featured-in img{margin-bottom: 18px;}
    .featured-in h5 {padding: 0; line-height: 20px; font-size: 16px;}
    .login-review {padding: 25px 90px 25px 0; text-align: center; background:#d8d8d9; overflow: hidden; position: relative;}
    .login-review img:last-child { position: absolute; top: 14px; width: 65%;  border: none; right: -10px; z-index: 0;}
    .login-review span {padding-bottom: 15px; display:block; font-size: 23px;}
    .login-review img, .login-review span {margin-right: 0;}
    .login-review img {margin-bottom: 15px;}
    #signup-popup-show .ba-message h2{font-size: 14px;}
    #signup-popup-show .login-image, #thankyou-message .login-image {display: block}
    #thankyou-message .shop-now {margin: 12px 20px 0 20px; width: auto; display: block;}
    .why-join {padding: 0;}
    .why-join h3{padding: 10px 0;}
    .login-form-area input[type="radio"]:first-child + label{margin: 0 4.5% 0 0;}
    .login-form-area input[type="radio"] + label {background: #fff; border: 1px solid #C2C2C2; line-height: 48px; width: 47%; padding-left: 50px;}
    .login-form-area input[type="radio"] + label:after {top: 12px; left: 12px;}
    .login-overlay .half-length {width: 100% !important}

    div#header-cart {
        left: 0px!important;
        right: 0!important;
        padding: 18px 8px 0px;
        top: 49px;
        border: 1px solid #dbdbdb;
        border-top: none;
        height: fit-content;
        box-sizing: border-box;
    }
}

@media only screen and (min-width: 1024px) {
    .login-container {width: 620px; margin:0 auto; position: relative;}
    .p-left { float: left}
    .p-right { float: right}
    .login-image {background: #d8d8d9}
    .login-image img {display: inline-block}
    .not-a-member {padding-right: 12px;}
    .join-now-top a {display: block;}
}
.login-middle-section {background: #fff;}

.join-now-top {padding: 57px 70px 36px 35px; overflow: hidden; position: relative; }
.join-now-top img, .join-now-top span, .join-now-top a{display: inline-block; padding-bottom: 16px; font-size: 16px;}
.join-now-top > img { position: absolute; top: 0;  border: none; left: 20%; z-index: 0;}
.join-now-top > div { position: relative; z-index: 1; }
.join-now-top span {font-size: 23px; padding-bottom: 8px;}

.sticky-header .header-primary-container .hp-blocks-holder .logo-wrapper,
.sticky-header .header-primary-container .hp-blocks-holder .logo-wrapper .invite-link{
    display: none;
}

.catalog_switcher{
    text-align: center;
    padding: 0 8px;
}
.catalog_switcher input,
.catalog_switcher select {

    width: calc(33% - 6px);
    margin: 3px 2px;
    font-size: 0.9rem;
    max-width: 140px;
    height: 48px;
    padding: 0 8px;
    text-transform: capitalize;
}

.catalog_switcher input.cancel-btn {
    background: #e1e1e1;
}





.nav-mobile .nav-item.level0 > .opener  {
    width: 100%;
    text-align: right;
    cursor: pointer;
}


.nav-mobile .nav-item.level0 > .opener  .fa {
    padding: 0px 20px;
}


.nav-mobile .nav-item.level0 > .opener:hover {
    background-color: transparent;
}

.nav-mobile .nav-item.level0 > .opener:hover .fa{
    background-color: rgba(0,0,0, 0.05);
}

.mobile-small.sticky-header  .sticky-container {
    height: 100%;
    overflow-y: scroll;
}

#sales-preview {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: row;
}

.amshopby-page-container .no-products-message{
    max-width: 100%;
    box-sizing: border-box;
}


#product_personalisation >div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;

}

#product_personalisation >div input {
    text-align: left;
}

.product-notes {
    max-width: 400px;
    margin-bottom: 10px;
    padding: 10px 0;
    margin-left: 12px;
}

.product-notes li {
    border: none;
    border-bottom: 2px solid #f7f7f7;
    padding: 10px 0 7px 0;
}

.product-notes li:last-child {
    border: none;
}

.product-notes .cart-col {
    font-size: 13px;

    border: none;
    text-align:left;

}

.product-notes  .qty-col {
    float: right;
}

.product-notes  .qty-col>div {
    position: relative;
}

.product-notes .remove-lineid {
    font-size: 1.3rem;
    padding: 10px;
}

.cart-col.for-desktop > div,
.img.cart-col .for-mobile > div {
    position: relative;
}

@media screen and (min-width: 1024px) {



    .options-personalisation .product-notes {
        max-width: 100%;
        padding-right: 0;
    }

    .options-personalisation .product-notes li {
        padding: 0;
    }

    .options-personalisation .product-notes .qty-col {
        padding: 10px 17px;
        border-left: 4px solid #f7f7f7;
    }

    .options-personalisation .product-notes .qty-col::before {
        content: "";
        border-left: 4px solid #f7f7f7;
        position: absolute;
        height: 100%;
        top: -100%;
        left: -4px;
    }

    .options-personalisation .product-notes .qty-col::after {
        content: "";
        border-left: 4px solid #f7f7f7;
        position: absolute;
        height: 100%;
        left: -4px;
    }

    .options-personalisation a.remove-cart-item {

        right: 110px;
    }


}

.cart-table-wrapper .qty_holder-hide {
    display: none;
}

/*---work for MA-4098 start----*/

@media only screen and (min-width: 1024px) {
    .amshopby-page-container .filter-header {
        z-index: 0;
    }

    .amshopby-page-container .filter-background {
        height: auto;
    }
}

/*---work for MA-4098 end----*/











/*work for task 4044 start*/

.confirm-box {
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 12px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content:space-around;
    justify-content: space-around;
    align-items: center;
    max-width: 650px;
    background: #f2f2f2;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-weight: 400;
}

.confirm-box .label {
    width: calc(100% - 30px);
}

.confirm-box input.checkbox {
    margin: 5px;
    height: 12px;
    line-height: 5px;

}

input#confirm-personalised {
    position: absolute;
    opacity: 0;
}
input#confirm-personalised:checked + label svg path {
    stroke-dashoffset: 0;
}


#confirm-personalised + label {
    display: block;
    border: 2px solid #000;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    cursor: pointer;
    transition: all .2s ease;
}

#confirm-personalised + label svg {
    pointer-events: none;
    height: 13px;
    width: 15px;
}
#confirm-personalised + label svg path {
    fill: none;
    stroke: #000;
    stroke-width: 7px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 100;
    stroke-dashoffset: 101;
    transition: all 350ms cubic-bezier(1, 0, 0.37, 0.91);
}

.error #confirm-personalised + label {
    border-color: #ee001c;
}


.error #confirm-personalised + label svg path {
    stroke: #ee001c;
}

.hide-content {
    display: none;
}
/*work for task 4044 end*/












/*----work for MA-4073 start----*/

.read-more-container {
    position: relative;
}

.read-more-state {
    display: none;
}


@media only screen and (max-width: 1023px) {
    .header .logo-wrapper .logo img.develo-desktop-logo {
        display: none;
    }

    .header .logo-wrapper h1.logo a {
        height: auto;
        font-size: 1px;
        line-height: 1;
    }

}

@media only screen and (min-width: 1024px) {
    .header .logo-wrapper .logo img.develo-mobile-logo {
        display: none;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {

    .header .logo-wrapper .logo {
        height: auto;
    }

    .header .logo-wrapper .logo img.develo-mobile-logo {
        width: 280px;
    }

    .header-primary-container .header-primary {
        padding-top: 19px;
        padding-bottom: 19px;
    }

}

@media only screen and (max-width: 1023px) {

    .header-primary-container {
        margin-top: 0;
    }

    .sticky-header .sticky-container {
        top: 0;
        margin-top: 0px !important;
        position: fixed !important;
    }

    .header-mobile .sticky-container {
        left: 0px;
        right: 0px;
        border-bottom: 1px solid #000;
        position: relative;
    }

    .header-mobile .skip-search {
        display: none;
    }

    .logo-wrapper.logo-wrapper--regular {
        max-width: 150px;
        width: 100%;
        z-index: 11;
        display: block !important;
        margin: 0 auto;
    }

    .header .logo-wrapper .logo {
        height: 14px;
        padding-top: 17px;
        padding-bottom: 17px;
    }

    .header .logo-wrapper .logo img.develo-mobile-logo {
        width: 100%;
    }

    .read-more-container p,.brand-description-content .read-more-container p {
        margin: 0;
    }

    .read-more-container .read-more-target {
        opacity: 0;
        max-height: 0;
        font-size: 0;
        transition: .25s ease;
    }

    .read-more-state:checked ~ .read-more-wrap p {
        margin-bottom: 10px;
    }


    .read-more-state:checked ~ .read-more-wrap .read-more-target {
        opacity: 1;
        font-size: inherit;
        max-height: 999em;
    }

    .read-more-state ~ .read-more-trigger:before {
        content: 'Read more';
    }

    .read-more-state:checked ~ .read-more-trigger:before {
        content: 'Read less';
    }

    .read-more-trigger {
        cursor: pointer;
        color: rgba(145, 145, 145, 0.94);
        text-decoration: underline;
        float: right;
    }

    .header-mobile .nav-container .nav {
        overflow-y: scroll;
        max-height: calc(100vh - 80px);
    }
}


/*----work for MA-4073 end----*/




/* Related Links */
.related_links {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 41px;
    position: absolute;
    bottom: 0px;
    background: rgb(233, 231, 229, 0.85);
    font-family: Lato, sans-serif;
    font-weight: bold;
}

.related_link_item {
    padding: 10px;
    background-color: #fff;
    margin: 10px;
}




@media only screen and (min-width: 1024px) {

    .sticky-container #nav .timer-item {
        max-width: 435px;
    }

    .sticky-container #nav .timer-item #mini-cart {
        min-width: 140px;
    }

    .sticky-container #nav .timer-item #mini-cart .cart_timer {
        font-size: 12px;
        line-height: 12px;
    }
}

#root-wrapper > .wrapper {
    border-top: unset;
}

.top_bar {
    background: #000;
    font-size: 16px;
    font-weight: 600;
}



.covid_bar {
    background: #d4d4d4;
    font-size: 14px;
}

.chris_bar {
    background-color: #000000;
    width: 100%;
}

.top_bar,.chris_bar,.covid_bar {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000000;
    box-sizing: border-box;
    background: #C2AD38;
    position: relative;
    z-index: 1000;
    padding: 5px 0;
}

.top_bar:not(.hidden) {
    min-height: 32px;
}

.chris_bar img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 60px;
}

.top_bar p {
    font-weight: 400;
    max-width: calc(100% - 64px);
    overflow: hidden;
    font-size: 14px;
    line-height: 1.5;
    color: #000000;
}

.top_bar a {
    color: #000000;
    text-decoration: underline;
}

.fa-times-thin:before {
    content: '\00d7';
}

.top_bar #close-top-banner {
    position: absolute;
    top: 0px;
    right: 6px;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.top_bar a,.chris_bar a {
    color: #000000;
    width: 100%;
}

@media only screen and (max-width: 1023px) {
    .chris_bar {
        font-size: 14px;
        line-height: 30px;
        min-height: 30px;
    }
}


@media only screen and (max-width: 419px) {
    .chris_bar {
        line-height: 38px;
    }

}

.onestepcheckout-index-index .top_bar,
.checkout-onepage-success .top_bar {
    display: none;
}

.cms-coronavirus-information .covid_bar,
.catalog-product-view .covid_bar,
.onestepcheckout-index-index .covid_bar,
.checkout-onepage-success .covid_bar,
.checkout-cart-index .covid_bar,
.covid_bar.hide {
    display: none;
}

.flashsales-index-displaycategory .chris_bar.hide {
    display: block;
}


.flashsales-index-displaycategory .sales,
.catalog-category-view .sales {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    box-sizing: border-box;
}

.flashsales-index-displaycategory  .sales .item-holder img.lazy {
    height: 100%;
    object-fit: cover;
    object-position: left;
    min-height: 190px;
}

.payment-area .grid12-6:last-child {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    box-sizing: border-box;
    align-content: space-between;
    -webkit-align-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    flex-flow: column;
    -webkit-flex-flow: column;
    font-size: 100%;
}

.payment-area .grid12-6:last-child > div {
    padding: 5px;
    position: relative;
    max-width: 300px;
    width: 100%;
    margin: 0;
    text-align: center;
}


.trustpilot-widget.customer-reviews {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%!important;
    max-width: 750px;
}

.trustpilot-message a {
    text-decoration: none;
}


.paypal-logo-with-text {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    margin-top: 5px;
    margin-bottom: 20px;
}

.paypal-logo-with-text p {
    font-size: 12.5px;
}

.paypal-logo-with-text  .paypal-logo {
    min-width: 100px;
}

.chester-brand-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.chester-brand-content p {
    margin-bottom: 10px;
}

.chester-brand-content > div {
    margin-bottom: 20px;
}

@media only screen and (max-width: 1023px) {
    .chester-brand-content {
        flex-flow: column-reverse;
        -webkit-flex-flow: column-reverse;
        flex-direction: column-reverse;
        align-items: center;
    }

    #mini-cart:not(.is-empty) > a {
        background: #F9DE4B;
        border-top: 1px solid #F9DE4B;
    }

    #develo-mini-cart-content {
        padding: 0 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        gap: 6px;
    }

    .mini-cart-heading svg {
        min-width: 24px;
    }

    .mini-cart-heading .count {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
    }

    #nav .nav-item.develo-nav-item-id-19359 .develo-main-cat-link {
        display: block;
    }

    #nav .nav-item.develo-nav-item-id-19359 .opener {
        display: none;
    }

    #nav .nav-item.develo-nav-item-id-19359 .develo-main-cat-text {
        display: none;
    }

    #nav .nav-item.develo-nav-item-id-20931 .develo-main-cat-link {
        display: block;
    }
    #nav .nav-item.develo-nav-item-id-20931 .opener {
        display: none;
    }
    #nav .nav-item.develo-nav-item-id-20931 .develo-main-cat-text {
        display: none;
    }

    #nav .nav-item.develo-nav-item-id-97482 .develo-main-cat-link {
        display: block;
    }

    #nav .nav-item.develo-nav-item-id-97482 .opener {
        display: none;
    }

    #nav .nav-item.develo-nav-item-id-97482 .develo-main-cat-text {
        display: none;
    }
}

@media only screen and (min-width: 1024px) {
    .chester-brand-content {
        flex-flow: row;
        -webkit-flex-flow: row;
        flex-direction: row;
    }

    .chester-brand-content .chester-text {
        width: 58%;
    }

    .chester-brand-content .chester-image {
        width: 38%;
    }
}



#root-wrapper + iframe, iframe.spin-iframe {
    z-index: 22221;
}

iframe.spin-iframe._closed {
    bottom: 180px!important
}

@media screen  and (max-width: 650px) {
    iframe.spin-iframe:not(._closed) {
        width: 100%!important;
        height: 100%!important;
        max-height: 609px!important;
    }
}


#vouchers-list-table tr.bf:not(._show) {
    display: none;
}

.layout-2-columns ul.products-grid {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;}

/* Develo change start */

@media screen and (min-width: 960px) {
    .category-products .products-grid .item {
      width : 32.1733% !important;
      min-height : 475px;
      margin-bottom : 1.74% !important;
      float : left !important;
      margin-right: 1.74% !important;
    }
}

.payment-method-icon.for-desktop {
  width : 50%;
}

.container {
    max-width: calc(1398px - 32px); /* Account for inner-container guttering for any proceeding columns */
}
.header-primary-container {
    margin-top: 0;
}
.header-primary {
    padding-top: 14px;
    padding-bottom: 14px;
}
.sticky-header .sticky-container {
    top: 0;
    margin-top: 0px !important;
    position: fixed !important;
}
.header-primary.container .inner-container {
    padding-inline: 0;
    padding-left: 0px;
    padding-right: 0px;
}

.header-primary .logo-wrapper {
    padding-inline: 16px;
}

.header-primary .logo-wrapper .logo img {
    max-width: 325px;
}

#nav #nav-holder1 #mini-cart {
    order: 1;
}

.search-user-wrapper #mini-cart {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    margin: 0;
}

#mini-cart.is-not-empty {
    background: #F9DE4B;
    cursor: pointer;
}
#user-menu-wrapper-regular #user-menu {
    position: static;
}

#user-menu-wrapper-regular #mini-cart-wrapper-regular {
    float: unset;
    height: inherit;
    order: 1;
}

#user-menu-wrapper-regular #mini-cart-wrapper-regular .count,
#user-menu-wrapper-regular #mini-cart-wrapper-regular .cart_timer
{
    font-size: 16px;
    font-weight: 400;
    width: auto;
    font-family: "Inter", "Lato", sans-serif;
}

#user-menu-wrapper-regular #mini-compare-wrapper-regular {
    float: unset;
    height: inherit;
}

#header-nav .nav > .inner-container {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.5rem;
}

#header-nav .nav > .inner-container::before,
#header-nav .nav > .inner-container::after {
    content: unset;
}

#header-nav .nav .search-user-wrapper {

}

#header-nav .nav .search-user-wrapper #user-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

.clear-cross.clear-query-autocomplete {
    color: #9CA3AF;
}

.nav-regular .nav-item.level0 > a {
    font-size: 16px;

}

.develo-header-nav-container,
.nav-regular .nav-item.level0 > a,
.develo-nav-panel-inner,
#nav h2.develo-nav-selection > a
{
    font-family: "Inter", "Lato", sans-serif;
}

.nav-regular .nav-item.level0 > a {
    font-weight: 500;
}

#nav .nav-item.develo-nav-item-id-19359 .develo-main-cat-link,
#nav .nav-item.develo-nav-item-id-19359 .develo-main-cat-text {
    color: #D62727;
}

#nav .nav-item.develo-nav-item-id-19359.hover .develo-main-cat-link {
    background-color: #8F1B11;
    color: #ffffff;
}

#nav .nav-item.develo-nav-item-id-19359.hover svg {
    stroke: white;
}

#nav .nav-item.develo-nav-item-id-20931 .develo-main-cat-link,
#nav .nav-item.develo-nav-item-id-20931 .develo-main-cat-text {
    background-color: #8F1B11;
    color: #ffffff;
}

#nav .nav-item.develo-nav-item-id-20931.hover .develo-main-cat-link {
    background-color: #8F1B11;
    color: #ffffff;
}

#nav .nav-item.develo-nav-item-id-20931.hover svg {
    stroke: white;
}

#nav .nav-item.develo-nav-item-id-97482 .develo-main-cat-link,
#nav .nav-item.develo-nav-item-id-97482 .develo-main-cat-text {
    background-color: #000000;
    color: #ffffff;
}

#nav .nav-item.develo-nav-item-id-97482.hover .develo-main-cat-link {
    background-color: #000000;
    color: #ffffff;
}

#nav .nav-item.develo-nav-item-id-97482.hover svg {
    stroke: white;
}

.aa-dataset-suggestions .aa-suggestion:last-child {
    margin-bottom: 20px !important;
}

@media all and (min-width: 1024px) {
    #header-nav .nav .search-user-wrapper #mini-compare,
    #header-nav .nav .search-user-wrapper #mini-compare > div,
    #header-nav .nav .search-user-wrapper #mini-compare #showJoinBox {
        height: 100%;
    }

    #header-nav .nav .search-user-wrapper #mini-compare .mini-compare-heading:hover,
    #header-nav .nav .search-user-wrapper #mini-compare.open,
    #header-nav .nav .search-user-wrapper #mini-compare.open #showJoinBox,
    #header-nav .nav .search-user-wrapper #mini-cart:hover {
        background: #F9DE4B;
    }

    #header-nav .nav .search-user-wrapper .dropdown-heading {
        max-height: unset;
        line-height: normal;
        color: #111928;
    }

    #header-nav .nav .search-user-wrapper .develo-user-menu-icon {
        display: flex !important;
        place-items: center;
        padding: 0 16px;
    }

    #develo-header-nav-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        height: 64px;
        flex-wrap: nowrap;
    }

    #header-nav > .container {
        max-width: calc(1398px - 32px);
    }

    #top .header-primary-container{
        border-bottom: 1px solid black;
    }

    #top.sticky-header .header-primary.header {
        padding: 0;
    }

    #nav .nav-item a {
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 16px;
        padding-right: 16px;
    }

    #mini-compare {
        cursor: pointer;
    }

    #develo-mini-cart-content {
        padding: 0 16px;
    }

    #showJoinBox.develo-user-menu-icon {
        cursor: pointer;
    }

    #nav-holder1 {
        display: none !important;
    }

    #nav {
        max-height: 64px;
        display: flex;
    }

    .develo-nav-search {
        width:100%;
        flex-grow: 1;
        max-width: 879px;
        background: white;
        height: 100%;
        display: none; /* Controlled via JS */
    }

    .search-user-wrapper {
        z-index: 9999;
        height: 64px;
        display: flex;
        justify-content: flex-end;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    #search-wrapper-regular {
        height: 100%;
    }

    #header-search {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        max-width: 877px;
        margin: 0 auto;
        background: #F3F4F6;
        width: 100%;
    }

    #header-search #search_mini_form {
        height: 100%;
    }

    #header-search #search_mini_form #algolia-searchbox {
        height: 100%;
    }

    #header-search #search_mini_form #algolia-searchbox .algolia-autocomplete {
        height: 100%;
    }

    #header-search #search_mini_form #algolia-searchbox .algolia-autocomplete input {
        height: 100%;
        text-align: left;
        font-family: "Inter", "Lato", sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 125%;
        padding-left: 36px;
    }

    #header-search #search_mini_form #algolia-searchbox .algolia-autocomplete input::placeholder {
        font-weight: 400 !important;
    }
    #header-search #search_mini_form #algolia-searchbox .algolia-autocomplete input::-webkit-input-placeholder {
        font-weight: 400 !important;
    }
    #header-search #search_mini_form #algolia-searchbox .algolia-autocomplete input:-ms-input-placeholder {
        font-weight: 400 !important;
    }
    #header-search #search_mini_form #algolia-searchbox .algolia-autocomplete input:-moz-placeholder {
        font-weight: 400 !important;
    }
    #header-search #search_mini_form #algolia-searchbox .algolia-autocomplete input::-moz-placeholder {
        font-weight: 400 !important;
    }

    #algolia-autocomplete-container .col12 .other-sections .aa-dataset-suggestions a.algoliasearch-autocomplete-hit{
        padding-left: 15px;
        margin-bottom: 4px;
        background-color: #fff;
    }
    
    .other-sections .aa-dataset-suggestions{display:block;}
    
    #develo-open-search-button {
        background-color: #f3f4f6;
        display: flex;
        align-items: center;
        min-height: 64px;
        width: 240px;
        max-width: 208px;
        padding: 0 16px;
        margin-right: 32px;
        cursor: pointer;
        gap: 0 8px;

    }

    #develo-open-search-button .btn-text {
        color: #6b7280;
        font-family: "Inter", "Lato", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 125%;
    }

    #develo-open-search-button .btn-icon {
        line-height: 0;
    }

    #header-compare {
        height: auto !important;
    }

    .dropdown.open .dropdown-heading.cover {
        box-shadow: none;
    }

    .dropdown .dropdown-heading.cover[title="mini-cart-icon"] > span {
        background-color: transparent !important;
        display: flex;
        align-items: center;
        gap: 0 8px;
    }

    .dropdown .dropdown-heading.cover[title="mini-cart-icon"] .cart_timer {
        display: inline;
        text-transform: uppercase;
    }

    .dropdown .dropdown-heading.cover[title="mini-cart-icon"] .cart_timer:empty {
        display: none;
    }

    .develo-search-hide-menu {
        width: 10%;
        opacity: 0;
        pointer-events: none;
    }

    /* Develo Algolia search styling START */

    .develo-nav-search {
        border-bottom: 1px solid #111928;
        height: 63px;
        /*display: block !important;*/
    }

    #top.sticky-header .develo-nav-search {
        height: 64px;
    }

    #header-search #search_mini_form #algolia-glass {
        display: none !important;
    }

    #header-search #search_mini_form .search-label > i {
        display: none;
    }

    #header-search #search_mini_form #develo-close-algolia-search {
        position: absolute;
        left: 0;
    }

    #header-search #search_mini_form {
        width: 100%;
    }

    #header-search #search_mini_form input.algolia-search-input {
        background: transparent;
        border: 0;
        margin: 0;
    }

    #header-search #search_mini_form label.search-label {
        background: transparent;
        border: 0;
        display: none !important;
    }

    #develo-close-search-button {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        border: unset;
        min-width: 40px;
        height: 47px;
        z-index: 13;
        cursor: pointer;
        order: 2;
    }

    .develo-nav-search .clear-cross {
        top: 12px;
        cursor: pointer;
        font-family: "Inter", "Lato", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
    }

    .global_timer {
        white-space: nowrap;
    }
    /* Develo Algolia search styling END */

}

/* Search width adjust for smaller screens - Desktop */

@media all and (max-width: 1057px) {
    .develo-search-hide-menu {
        width: 5%;
    }
}

@media all and (min-width: 1025px) and (max-width: 1245px) {

    #develo-open-search-button {
        margin-right: 0;
    }

}

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

    #nav {
        padding-left: 0;
    }

    .nav-regular .nav-item.level0 > a {
        padding-left: 12px;
        padding-right: 12px;
    }

}

@media all and (min-width: 1024px) and (max-width: 1170px) {
    #develo-open-search-button {
        background: transparent;
        margin: 0;
        justify-content: flex-end;
        width: auto;
    }

    #develo-open-search-button svg {
        width: 23px;
        height: 22px;
    }

    #develo-open-search-button svg path {
        stroke: #111928;
    }

    #develo-open-search-button .btn-text {
        display: none;
    }
}

#nav .nav-item.develo-nav-item-id-19359 .col-frame {
    padding-bottom: 14px;
}

#nav .nav-item.develo-nav-item-id-19359 .develo-current-sales-id-19359 {
    padding-bottom: 0;
}

#nav .nav-item.develo-nav-item-id-19359 .box-more {
    margin-bottom: 0;
}

#nav .nav-item.develo-nav-item-id-19359 .col.top-brands.develo-top-brands {
    display: flex;
    align-items: center;
    padding: 0;
}

#nav .nav-item.develo-nav-item-id-97482 .col-frame {
    padding-bottom: 14px;
}

#nav .nav-item.develo-nav-item-id-97482 .develo-current-sales-id-97482 {
    padding-bottom: 0;
}

#nav .nav-item.develo-nav-item-id-97482 .box-more {
    margin-bottom: 0;
}

#nav .nav-item.develo-nav-item-id-97482 .col.top-brands.develo-top-brands {
    display: flex;
    align-items: center;
    padding: 0;
}

#nav .nav-item.develo-nav-item-id-20931 .col-frame {
    padding-bottom: 14px;
}
#nav .nav-item.develo-nav-item-id-20931 .develo-current-sales-id-20931 {
    padding-bottom: 0;
}
#nav .nav-item.develo-nav-item-id-20931 .box-more {
    margin-bottom: 0;
}
#nav .nav-item.develo-nav-item-id-20931 .col.top-brands.develo-top-brands {
    display: flex;
    align-items: center;
    padding: 0;
}

@media screen and (max-width: 768px) {
    #autocomplete-products-footer{
        margin-bottom:280px !important;
    }
}

@media screen and (max-width: 1023px) {
    #dd-menu-overlay {
        display: none !important;
    }

    .header .logo-wrapper .logo {
        max-width: 150px;
    }

    .desktop-menu-open .logo-wrapper .logo {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .cart-table-wrapper .itemsCart .cart_timer {
        max-width: 65%;
    }
}

.header-mobile .sticky-container{
    z-index:200
}

#algolia-autocomplete-container .aa-no-results-products + #autocomplete-products-footer a {
    display: none;
}

/* Specific BP fix on timer width bug */
@media all and (min-width: 1171px) and  (max-width: 1175px) {
    #develo-mini-cart-content {
        padding: 0 12px;
    }
}

/* Refer a friend CSS */
.hp-blocks-holder .invite-link {
    position: absolute;
    right: 45px;
    top: 8px;
    display: flex;
    align-items: center;
}

.hp-blocks-holder .invite-link svg {
    margin-right: 12px;
}

.hp-blocks-holder .invite-link .dd-refer-promo {
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 2px 4px;
    gap: 10px;
    background: #E5E7EB;
    font-family: inter,lato,sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    color: #374151;
}

@media all and (max-width: 1024px) {
    .hp-blocks-holder .invite-link {
        display: none;
    }
}

/* Develo changes end */

.product-image-wrapper .products-sold-out {
    width: 100%;
}

.coronation-banner {
    background: #DFDFDF;
}

.onestepcheckout-column-middle #container_payment_method_stripe_payments ul#payment_form_stripe_payments{padding-left:20px;}

#onestepcheckout-form label[for="p_method_klarna_payments_pay_now"] img,
#onestepcheckout-form label[for="p_method_klarna_payments_pay_later"] img,
#onestepcheckout-form label[for="p_method_klarna_payments_pay_over_time"] img{
  width: 50px;
  padding-left: 10px;
}