html, body {
    height: 100%;
    margin: 0;
}

.wrapper {
    min-height: 100%;
}

.inactiveLinkDivBtn {
    pointer-events: none;
    background-color: rgb(171, 171, 171) !important;
}

.formLabelAlign{
    text-align:right
}

.mobileFooter {
    display: none;
}

.no-search-warning {
    height: 250px !important;
}

.postcodedisplaycls {
    display: none;
}

@media screen and (min-width:800px) {
    /* We want the footer to be displayed fixed at the end on desktop*/
    .page-footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .inner-wrapper {
        padding-bottom: 408px;
    }
}

body {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
}


@font-face {
    font-family: 'fontello';
    src: url('./icon-fonts/font/fontello.eot?35139884');
    src: url('./icon-fonts/font/fontello.eot?35139884#iefix') format('embedded-opentype'), url('./icon-fonts/font/fontello.woff?35139884') format('woff'), url('./icon-fonts/font/fontello.ttf?35139884') format('truetype'), url('./icon-fonts/font/fontello.svg?35139884#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

.semi-bold {
    font-weight: 600;
    color: #202125;
}

.icon {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: inherit;
    text-decoration: none;
    transition: color 180ms linear 10ms;
}

input,
textarea {
    width: 100%;
    box-sizing: border-box;
    outline: none;
    resize: none;
}

/* Grid */
.section {
    padding: 50px 0;
}

.row {
    width: 1280px;
    margin: 0 auto;
}

.row-fluid {
    width: 100%;
}

.clearfix:before,
.clearfix:after,
.section:before,
.section:after,
.row:before,
.row:after {
    content: "";
    display: block;
    clear: both;
}

    .flex-grid {
        display: flex;
    }

    .flex-col {
        flex: 1;
    }

.col {
    min-height: 1px;
    margin: 0 1%;
    /*padding: 0 0.32%;*/
    float: left;
    box-sizing: border-box;
}

    .col .col {
        margin: 0;
        padding-left: 12.797px;
        padding-right: 12.797px;
    }

/*   .col .col:first-child {
            padding-left: 0;
        }

        .col .col:last-child {
            padding-right: 0;
        }
*/
.col-parent {
    padding: 0;
}

    .col-parent .col-1 {
        width: 8.333333333%;
    }

    .col-parent .col-2 {
        width: 16.666666666%;
    }

    .col-parent .col-3 {
        width: 25%;
    }

    .col-parent .col-4 {
        width: 33.333333333%;
    }

    .col-parent .col-5 {
        width: 41.666666666%;
    }

    .col-parent .col-6 {
        width: 50%;
    }

    .col-parent .col-7 {
        width: 58.333333333%;
    }

    .col-parent .col-8 {
        width: 66.666666666%;
    }

    .col-parent .col-9 {
        width: 74.999999999%;
    }

    .col-parent .col-10 {
        width: 83.333333332%;
    }

    .col-parent .col-11 {
        width: 91.666666665%;
    }

.col-centered {
    float: none;
    margin: 0 auto;
}

.col-1 {
    width: 6.333333333%;
}

.col-2 {
    width: 14.666666666%;
}

.col-3 {
    width: 23%;
}

.col-4 {
    width: 31.333333333%;
}

.col-5 {
    width: 39.666666666%;
}

.col-6 {
    width: 48%;
}

.col-7 {
    width: 56.333333334%;
}

.col-8 {
    width: 64.666666667%;
}

.col-9 {
    width: 73%;
}

.col-10 {
    width: 81.333333333%;
}

.col-11 {
    width: 89.666666666%;
}

.col-12 {
    width: 98%;
}

.col-offset-1 {
    margin-left: 9.333333333%;
}

.col-offset-2 {
    margin-left: 17.666666666%;
}

.col-offset-3 {
    margin-left: 26%;
}

.col-offset-4 {
    margin-left: 34.333333333%;
}

.col-offset-5 {
    margin-left: 42.666666666%;
}

.col-offset-6 {
    margin-left: 51%;
}

.col-offset-7 {
    margin-left: 59.333333334%;
}

.col-offset-8 {
    margin-left: 67.666666667%;
}

.col-offset-9 {
    margin-left: 76%;
}

.col-offset-10 {
    margin-left: 84.333333333%;
}

.col-offset-11 {
    margin-left: 92.666666666%;
}

.show-for-large,
.show-for-medium,
.show-for-small,
.show-for-ext-small {
    display: none;
}


.itemsOnCart {
    position: absolute;
    left: 24px;
    color: white;
    width: 15px;
    text-align: center;
    font-size: 10px;
    bottom: 35px;
}

.popupfatimes {
    padding: 20px 20px 0px 0px
}

.addresInputFields {
    width: 280px;
    margin: 0px 0px 20px 20px;
    display: block;
    outline: none;
    height: 32px;
    padding: 0px 10px 0px 10px;
    border-radius: 4px;
    border: 1px solid #d1d1d1;
    color:#2f2f2f;
}

#ckaccountDetails .addresInputFields {   
    width: 100%
}

select.addresInputFields {
    background: url(/Content/css-images/ARROW.svg) no-repeat;
    background-size: 15px 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position-x: 98%;
    background-position-y: center;
}

#cartAsideCheckoutBtn.btn-checkout {
    float: right;
}

@media screen and (max-width: 1296px) {
    /* Large */
    .row {
            width: 95%;
        }

    .col-large-1 {
        width: 6.333333333%;
    }

    .col-large-2 {
        width: 14.666666666%;
    }

    .col-large-3 {
        width: 23%;
    }

    .col-large-4 {
        width: 31.333333333%;
    }

    .col-large-5 {
        width: 39.666666666%;
    }

    .col-large-6 {
        width: 48%;
    }

    .col-large-7 {
        width: 56.333333334%;
    }

    .col-large-8 {
        width: 64.666666667%;
    }

    .col-large-9 {
        width: 73%;
    }

    .col-large-10 {
        width: 81.333333333%;
    }

    .col-large-11 {
        width: 89.666666666%;
    }

    .col-large-12 {
        width: 98%;
    }

    .show-for-large {
        display: block;
    }

    .hide-for-large {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    /* Medium */
    .col-medium-1 {
        width: 6.333333333%;
    }

    .col-medium-2 {
        width: 14.666666666%;
    }

    .col-medium-3 {
        width: 23%;
    }

    .col-medium-4 {
        width: 31.333333333%;
    }

    .col-medium-5 {
        width: 39.666666666%;
    }

    .col-medium-6 {
        width: 48%;
    }

    .col-medium-7 {
        width: 56.333333334%;
    }

    .col-medium-8 {
        width: 64.666666667%;
    }

    .col-medium-9 {
        width: 73%;
    }

    .col-medium-10 {
        width: 81.333333333%;
    }

    .col-medium-11 {
        width: 89.666666666%;
    }

    .col-medium-12 {
        width: 98%;
    }

    .show-for-medium {
        display: block;
    }

        .hide-for-medium {
            display: none;
        }

        .cart-dropdown .dropdown-menu.active {           
            width: 700px !important;
           top:62px!important;
        }
    #ckdeliveryDetails .addresInputFields {
        width:90%
    }
    }

/*Hide scrollbar !*/
#addressInfo-popup-overlay-inner::-webkit-scrollbar {
    display: none;
}

    @media screen and (max-width: 768px) {
        /* Small */
        .col {
            width: 98%;
        }
        .flex-grid {
            display: block;
        }

    .col-offset-1,
    .col-offset-2,
    .col-offset-3,
    .col-offset-4,
    .col-offset-5,
    .col-offset-6,
    .col-offset-7,
    .col-offset-8,
    .col-offset-9,
    .col-offset-10,
    .col-offset-11,
    .col-offset-12 {
        margin-left: 1%;
    }

    .col-small-1 {
        width: 6.333333333%;
    }

    .col-small-2 {
        width: 14.666666666%;
    }

    .col-small-3 {
        width: 23%;
    }

    .col-small-4 {
        width: 31.333333333%;
    }

    .col-small-5 {
        width: 39.666666666%;
    }

    .col-small-6 {
        width: 48%;
    }

    .col-small-7 {
        width: 56.333333334%;
    }

    .col-small-8 {
        width: 64.666666667%;
    }

    .col-small-9 {
        width: 73%;
    }

    .col-small-10 {
        width: 81.333333333%;
    }

    .col-small-11 {
        width: 89.666666666%;
    }

    .col-small-12 {
        width: 98%;
    }

    .col .col {
        padding: 0;
    }

    .col-parent {
        padding: 0;
    }

        .col-parent .col-1,
        .col-parent .col-2,
        .col-parent .col-3,
        .col-parent .col-4,
        .col-parent .col-5,
        .col-parent .col-6,
        .col-parent .col-7,
        .col-parent .col-8,
        .col-parent .col-9,
        .col-parent .col-10,
        .col-parent .col-11 {
            width: 100%;
        }

    .show-for-small {
        display: block;
    }

        .hide-for-small {
            display: none;
        }

        .category-box {
            margin: 15px 0px 15px 0px !important;
        }

        #addressInfo-popup-overlay-inner, #quickshop-popup-overlay-inner {
            overflow: scroll !important;
        }


        .accountmobile + .dropdown-menu.active, .accountmobile.dropdown-menu.active {
            width: 100% !important;
            /* visibility: visible;
            opacity: 1;
            top: 0;
            width: 100%;
            z-index: 100;
            padding: 10px;
            height: 100vh;*/
        }

        .cart-dropdown .dropdown-menu.active {
            position: fixed;
            visibility: visible;
            opacity: 1;
            top: 0 !important;
            width: 100vw !important;
            z-index: 100;
            height: 100vh;
        }

        .addresspopup-left {
            flex: 1
        }    

    }

    @media screen and (max-width: 480px) {
        /* Extra Small */
        .col-ext-small-1 {
            width: 6.333333333%;
        }

    .col-ext-small-2 {
        width: 14.666666666%;
    }

    .col-ext-small-3 {
        width: 23%;
    }

    .col-ext-small-4 {
        width: 31.333333333%;
    }

    .col-ext-small-5 {
        width: 39.666666666%;
    }

    .col-ext-small-6 {
        width: 48%;
    }

    .col-ext-small-7 {
        width: 56.333333334%;
    }

    .col-ext-small-8 {
        width: 64.666666667%;
    }

    .col-ext-small-9 {
        width: 73%;
    }

    .col-ext-small-10 {
        width: 81.333333333%;
    }

    .col-ext-small-11 {
        width: 89.666666666%;
    }

    .col-ext-small-12 {
        width: 98%;
    }

    .show-for-ext-small {
        display: block;
    }

    .hide-for-ext-small {
        display: none;
    }

    .page-header .sticky-header .row{
        width:100%;
        padding-left:20px;
    }
     
}

input[type="text"], input[type="email"], input[type="password"] {
    height: 32px;
    margin-bottom: 15px;
    padding: 7px 0 7px 10px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    transition: border-color 160ms linear 10ms;
}

    input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover {
        border-color: #bbb;
    }

    input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus {
        border-color: #5836c2;
    }


    input[type="text"]:focus.search-input-mobile {
        padding-left: 10px!important;
    }


textarea {
    min-height: 200px;
    border: 1px solid #d1d1d1!important;
    border-radius: 4px;
    transition: border-color 160ms linear 10ms;
}

    textarea:focus {
        border-color: #5836c2;
    }

.label {
    display: block;
    margin-bottom: 7px;
    font-size: 16px;
    color: #5e5e5e;
}

.input-body label {
    float: left;
    margin-top: 8px;
}

.input-body .input-inner {
    padding-left: 100px;
}

.btn, a .btn {
    display: inline-block;
    height: 43px;
    line-height: 40px;
    position: relative;
    padding: 0px 18px;
    font-size: 18px/44px;
    color: #fff;
    background: #5836c2;
    z-index: 1;
    outline: none;
    box-sizing: border-box;
    transition: color 190ms ease-out 10ms, border 190ms ease-out 10ms;
    cursor: pointer;
}

.quickShopButton {
    height: 32px;
    line-height: 18px;
    padding: 7px 14px;
}

@media screen and (max-width:504px) {
    .single-store-item .btn {
        width: 100%;
        height: auto;
    }
}

.btn .icon-zoom {
    transition: color 190ms ease-out 10ms;
}

/*  .btn:after {
            content: '';
            width: 0;
            position: absolute;
            top: 0;
            left: -10%;
            bottom: 0;
            background: #fff;
            border-radius: 4px;
            z-index: -1;
            -ms-transform: skew(-20deg);
            transform: skew(-20deg);
            transition: all 190ms ease-out 10ms;
        }

       .btn:hover {
            color: #5836c2;
            cursor: pointer;
        }

            .btn:hover:after {
                width: 120%;
            }*/

.btn-large-hover:after {
    left: -20%;
}

.btn-large-hover:hover:after {
    width: 140%;
}

.btn-big {
    min-width: 232px;
    height: 65px;
    font-size: 22px;
    line-height: 62px;
    text-align: center;
}

.btn-hero {
    height: 54px;
    line-height: 56px;
    text-align: center;
}

    .btn-hero .icon {
        display: inline-block;
        margin-right: 22px;
        font-size: 26px;
        vertical-align: -6px;
        -ms-transform-origin: top;
        transform-origin: top;
    }

    .btn-hero:hover .icon {
        animation: shake 240ms linear 10ms 2;
    }

.btn-mini {
    height: 36px;
    font-size: 16px;
    line-height: 34px;
}

.btn-fluid {
    width: 100%;
}

.btn-icon .icon {
    margin-right: 20px;
    vertical-align: -2px;
}

.btn-icon-mini .icon {
    margin-right: 8px;
    vertical-align: -3px;
    font-size: 18px;
}

.btn-icon-v2 {
    font-size: 16px/42px;
    color: #5836c2;
    background: #fff;
    border-color: #cacaca;
}

    .btn-icon-v2:after {
        background: #5836c2;
    }

    .btn-icon-v2 .icon {
        margin-right: 6px;
        vertical-align: -5px;
        font-size: 24px;
        color: #9271fa;
        transition: color 190ms ease-out 10ms;
    }

    .btn-icon-v2:hover {
        color: #fff;
    }

        .btn-icon-v2:hover .icon {
            color: #fff;
        }

.btn-smaller-font {
    font-size: 16px;
    line-height: 40px;
}

.btn-fb {
    background: #3c5b97;
    /*border-color: #3c5b97; */
    border: none;
    border-radius: 4px;
}

/*.btn-fb:hover {
            color: #3c5b97;
        }*/

.btn-g-plus {
    background: #de4d3c;
    /* border-color: #de4d3c;*/
    border: none;
    border-radius: 4px;
}

/* .btn-g-plus:hover {
            color: #de4d3c;
        }*/

.btn-teal {
    background: #00a58c;
    /* border-color: #00a58c;*/
    border: none;
    border-radius: 4px;
}

/*.btn-teal:hover {
            color: #00a58c;
        }*/

.btn-red {
    background: #ea2d48;
    border-color: #ea2d48;
}

    .btn-red:hover {
        color: #ea2d48;
    }

.btn-green {
    background: #48a53a;
    border-color: #48a53a;
}

    .btn-green:hover {
        color: #48a53a;
    }

.btn-green-v2 {
    background: #25e8a7;
    border-color: #25e8a7;
}

    .btn-green-v2:hover {
        color: #25e8a7;
    }

.btn-yellow {
    background: #ffc82c;
    border-color: #ffc82c;
}

    .btn-yellow:hover {
        color: #ffc82c;
    }

.btn-purple {
    background: #c71c7c;
    border-color: #c71c7c;
}

    .btn-purple:hover {
        color: #c71c7c;
    }

.btn-transparent {
    color: #5836c2;
    background: #fff;
    border-color: #fff;
}

    .btn-transparent:after {
        background: #5836c2;
    }

    .btn-transparent:hover {
        color: #fff;
        border-color: #5836c2;
    }

.btn-no-animation:hover {
    border-color: #fff;
}

.btn-no-animation:after {
    background: #fff;
}

@keyframes shake {
    0% {
        transform: rotate(0deg);
    }

    33% {
        transform: rotate(15deg);
    }

    66% {
        transform: rotate(-15deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.btn-classic {
    display: inline-block;
    position: relative;
    padding: 4px 12px 4px 24px;
    font-size: 14px;
    color: #1f1d2c;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    transition: background 160ms linear 10ms;
}

    .btn-classic .icon {
        position: absolute;
        font-size: 18px;
        top: 4px;
        left: 3px;
        vertical-align: -3px;
    }

    .btn-classic:hover {
        background: #F8F8F8;
    }

.btn-img {
    display: inline-block;
    width: 110px;
    height: 44px;
    margin-right: 6px;
}

    .btn-img figure,
    .btn-img img {
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .btn-img:last-child {
        margin-right: 0;
    }

    .btn-img:hover .hero-item-img, .btn-img.active .hero-item-img {
        border-color: #7227ce;
    }

    .btn-img:active .hero-item-img {
        border-color: #48a53a;
    }

.checkbox-body {
    display: flex;
    margin: 12px 0;
    position: relative;
    padding-bottom: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*overflow: hidden;*/
}

    .checkbox-body input {
        width: 22px;
        height: 22px;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
        z-index: 9;
        opacity: 0;
    }

        .checkbox-body input:checked + .checkbox-inner {
            background: #5836c2;
            border-color: #5836c2;
        }

            .checkbox-body input:checked + .checkbox-inner .icon {
                visibility: visible;
                opacity: 1;
                -ms-transform: scale(1);
                transform: scale(1);
            }

        .checkbox-body input:checked ~ label {
            color: #5836c2;
        }

        .checkbox-body input:checked ~ .icon-2 {
            color: #5836c2;
        }

        .checkbox-body input:hover {
            cursor: pointer;
        }

            .checkbox-body input:hover + .checkbox-inner {
                border-color: #5836c2;
            }

    .checkbox-body label {
        margin-left: 33px;
        flex: 1;
        vertical-align: 5px;
        color: #1f1d2c;
        transition: color 160ms linear 10ms;
    }

        .checkbox-body label:hover {
            cursor: pointer;
            color: #888;
        }

    .checkbox-body .dot {
        width: 12px;
        height: 12px;
        position: absolute;
        top: -1px;
        bottom: 0;
        right: 0;
        margin: auto;
        border-radius: 50%;
    }

    .checkbox-body .icon-2 {
        position: absolute;
        top: 1px;
        bottom: 0;
        right: 0;
        font-size: 21px;
        color: #555;
        transition: color 160ms linear 10ms;
    }

    .checkbox-body .icon-school {
        font-size: 18px;
        right: 1px;
    }

    .checkbox-body.round {
        padding-bottom: 5px;
    }

        .checkbox-body.round input:checked + .checkbox-inner {
            border-color: #5836c2;
            background: #fff;
        }

            .checkbox-body.round input:checked + .checkbox-inner .icon-circle {
                visibility: visible;
                opacity: 1;
                -ms-transform: scale(1);
                transform: scale(1);
            }

        .checkbox-body.round input:checked ~ label {
            color: #5836c2;
        }

        .checkbox-body.round .checkbox-inner {
            width: 24px;
            height: 24px;
            border-radius: 100%;
        }

            .checkbox-body.round .checkbox-inner .icon-circle {
                display: block;
                width: 14px;
                height: 14px;
                background: #5836c2;
                margin: 4px;
                border-radius: 50%;
                visibility: hidden;
                opacity: 0;
                -ms-transform: scale(0.8);
                transform: scale(0.8);
                transition: all 160ms linear 10ms;
            }

.checkbox-inner {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 4px;
    background: #fff;
    z-index: 1;
    text-align: center;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #d2d2d2;
    transition: all 160ms linear 10ms;
}

    .checkbox-inner .icon {
        display: block;
        margin-left: 3px;
        font-size: 12px;
        line-height: 24px;
        color: #fff;
        visibility: hidden;
        opacity: 0;
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        transition: all 160ms linear 10ms;
    }

.select-option-container {
    position: relative;
}

    .select-option-container select {
        display: none;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

.select-option-body {
    min-width: 100px;
    height: 30px;
    padding: 0 32px 0 14px;
    position: relative;
    font-size: 14px/30px;
    color: #5e5e5e;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 9;
    transition: background 160ms linear 10ms;
}

    .select-option-body .icon {
        position: absolute;
        top: 3px;
        right: 10px;
    }

    .select-option-body:hover {
        cursor: pointer;
    }

    .select-option-body:active {
        background: #F7F7F7;
    }

    .select-option-body.input-like {
        height: 41px;
        border-color: #d1d1d1;
    }

        .select-option-body.input-like .select-option-value {
            height: 100%;
        }

        .select-option-body.input-like span {
            font-size: 16px/42px;
            color: #1f1d2c;
        }

        .select-option-body.input-like .icon {
            top: 10px;
            font-size: 20px;
        }

        .select-option-body.input-like .select-option-inner {
            top: 40px;
        }

            .select-option-body.input-like .select-option-inner li {
                padding: 12px 12px;
            }

    .select-option-inner,
    .dropdown-menu {
        position: absolute;
        top: 35px;
        right: 0;
        visibility: hidden;
        opacity: 0;
        background: #fff;
        border: 1px solid #fcfcfc;
        border-radius: 1px;
        -ms-transform: scale(0.94);
        transform: scale(0.94);
        box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.08);
       /* transition: all 200ms ease-out 10ms;*/
    }

    .select-option-inner li,
    .dropdown-menu li {
        padding: 8px 5px 8px 12px;
        line-height: 20px;
        border-bottom: 1px solid #eee;
        transition: all 160ms linear 10ms;
    }

        .select-option-inner li:last-child,
        .dropdown-menu li:last-child {
            border-bottom: none;
        }

            .select-option-inner li:hover/*, .dropdown-menu li:hover*/ {
                cursor: pointer;
                background: #F7F7F7;
            }

    .select-option-inner.from-top,
    .dropdown-menu.from-top {
        top: auto;
        bottom: 42px;
    }

    .select-option-inner.active,
    .dropdown-menu.active {
        visibility: visible;
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .dropdown-menu {
        text-align: left;
       /* transition: all 180ms ease-out 10ms;*/
    }


    .dropdown-menu li {
        padding: 0;
        border: none;
    }

        .dropdown-menu li:last-child a {
            border-bottom: none;
        }

        .dropdown-menu a {
            display: block;
            padding: 8px;
            font-size: 14px;
            line-height: 28px;
            font-weight: 800;
            color: #202125;
        }

.select-language {
    height: 36px;
    min-width: auto;
    margin-left: 20px;
    border: none;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

    .select-language span {
        font-size: 12px;
        color: #1f1d2c;
        vertical-align: 6px;
    }

    .select-language .icon {
        top: 6px;
        font-size: 12px;
    }

.select-language-flag {
    width: 23px;
    height: 23px;
    border-radius: 50%;
}

.select-language-inner {
    width: 71px; /* melior change the with 120px;*/
    top: 42px;
    text-align: left;
    left: auto;
    right: 0;
}

    .select-language-inner li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .select-language-inner a {
        display: block;
    }

    .select-language-inner span {
        margin-left: 6px;
    }


@font-face {
    font-family: "Icons";
    src: url("../fonts/Icons.eot");
    src: url("../fonts/Icons.eot?#iefix") format("embedded-opentype"), url("../fonts/Icons.woff") format("woff"), url("../fonts/Icons.ttf") format("truetype"), url("../fonts/Icons.svg#Icons") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "Icons" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "Icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-down-open-mini:before {
    content: "\61";
    font-size: 20px;
}

.icon-cancel:before {
    content: "\63";
}

.icon-check:before {
    content: "\65";
}

.icon-fire:before {
    content: "\69";
}

.icon-facebook:before {
    content: "\6a";
}

.icon-twitter:before {
    content: "\6b";
}

.icon-linkedin:before {
    content: "\6c";
}

.icon-youtube:before {
    content: "\6d";
}

.icon-up-open-mini:before {
    content: "\6f";
    font-size: 20px;
}

.icon-left-open-mini:before {
    content: "\70";
}

.icon-right-open-mini:before {
    content: "\71";
}

.icon-google:before {
    content: "\72";
}

.icon-basket:before {
    content: "\6e";
}

.icon-bars:before {
    content: "\73";
}

.icon-bell:before {
    content: "\64";
}

.icon-heart:before {
    content: "\66";
}

.icon-heart-o:before {
    content: "\67";
}

.icon-stopwatch:before {
    content: "\68";
}

.icon-zoom:before {
    content: "\62";
}

.icon-tag:before {
    content: "\74";
}

.icon-trophy:before {
    content: "\75";
}

.icon-die:before {
    content: "\76";
}

.icon-coupon:before {
    content: "\77";
}

.icon-shopping:before {
    content: "\78";
}

.icon-electronics:before {
    content: "\79";
}

.icon-restaurants:before {
    content: "\7a";
}

.icon-glass:before {
    content: "\41";
}

.icon-accomodation:before {
    content: "\42";
}

.icon-beauty:before {
    content: "\43";
}

.icon-automotive:before {
    content: "\44";
}

.icon-clothing:before {
    content: "\45";
}

.icon-house:before {
    content: "\46";
}

.icon-school:before {
    content: "\47";
}

.icon-health:before {
    content: "\48";
}

.icon-envelope-o:before {
    content: "\49";
}

.wrapper {
    position: relative;
}

    .hero-title {
        margin-bottom: 16px;
        font-size: 38px;
        color: #fff;
    }

.hero-subtitle {
    margin-bottom: 38px;
    font-size: 18px;
    color: #fff;
}

.title {
    font-size: 18px;
    color: #1f1d2c;
}

.addresspopupTitle {
    font-size: 24px;
    color: #202125;
    padding:20px;
}

.addresspopupinstrspad{
    padding:20px;
}


    .title.max {
        font-size: 20px;
    }

    .title.big {
        font-size: 26px;
    }

    .title.mini {
        font-size: 15px;
    }

    .title.mini-16 {
        font-size: 16px;
    }

.title-v2 {
    font-size: 16px;
    color: #5e5e5e;
}

.txt-style-1 {
    font-size: 22px;
    color: #5e5e5e;
}

    .txt-style-1.mini {
        font-size: 18px;
    }

.txt-style-2 {
    font-size: 22px;
    color: #5836c2;
}

    .txt-style-2.mini {
        font-size: 18px;
    }

    .txt-style-2.mini-16px {
        font-size: 16px;
    }

.page-header {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
  /*  border-bottom: 1px solid #ededed;*/
    z-index: 100;
    position: relative;
    /* -webkit-box-shadow: 0 3px 5px #00000029;
    -moz-box-shadow: 0 3px 5px #00000029;
    box-shadow: 0 3px 5px #00000029;*/
}

    .page-header .col:last-child {
        text-align: right;
    }

.top-header {
    background: #25E8A7;
    border-bottom: solid 1px #ededed;
    height: 30px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.headerExternalContainerMain {
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.headerExternalContainer {
    margin-top: -30px;
    background-color: #B6B7D1;
    height: 85px;
}

.headerLogoContainer {
    position: absolute;
    top: 25px;
    background-color: #FFFFFF;
    padding: 12px;
    border-radius: 14px;
    text-align: center;
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}



.innerShelveBreadcrump {
    flex: 1;
}

.shelveBreadcrumpContainer {
    text-align:center
}

    @media (min-width: 600px) {
        .shelveBreadcrumpContainer {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap
        }

        .innerShelveStoreLogo {
            top: -60px;
            width: 270px;
            text-align: center;
            padding: 12px;
            position: absolute;
            background-color: #FFFFFF;
            border-radius: 14px;
            -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
            -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
            -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        }

        .innerShelveBreadcrump {
            padding: 10px 0px 0px 80px;
            text-align:left;
        }

        .shelveStoreLogo {
            position: relative;
            text-align: center;
            width: 270px;
        }
    }

    @media (max-width: 600px) {
        .innerShelveBreadcrump {
            width: 100%;
        }
    }

    .storeHeaderTitle {
        font-weight: 700;
        font-size: 18pt;
        display: inline-block;
        line-height: 80px;
        margin-left: 15px;
        vertical-align: top;
    }

.changeLanguageLink{
    display:inline!important
}



@media (max-width: 400px) {
    .headerLogoContainer {
            top: 10px;
            left: 10px;
            /* right: 10px;
            bottom: 10px;*/
        }

        .storeHeaderTitle {
            line-height: 15px;
        }



        /*.headerExternalContainer {
            height: 172px;
        }*/
    }

    @media (max-width: 250px) {
        .headerExternalContainer {
            display: none
        }
    }

    .main-nav {
        float: right;
    }

    @media (max-width: 1200px) {
        .main-nav {
            display: none
        }
    }



    .main-nav li:last-child {
        margin-right: 0;
    }

        .main-nav li:last-child a {
            padding-right: 0;
        }

    .main-nav a:hover {
        color: #5836c2;
    }

    .main-logo {
        display: block;
        transition: opacity 160ms linear 10ms;
    }

        .main-logo:hover {
            opacity: .65;
        }

.header-btn-right {
    position: relative;
    /* margin: 15px 0px;*/
    cursor: pointer;
    display: flex;
    transition: background 160ms linear 10ms;
    color: #262626;
    padding: 25px 20px;
}

        .header-btn-right .icon {
            margin: 0px;
        }

    .header-btn-right.lang {
        text-align: center;
    }

    .header-btn-right .dropdown-menu {
        top: 20px;
    }

   

    .header-btn-right-inner {
        /*margin-top: 20px;*/
    }

        .header-btn-right-inner img {
            width: 40px;
            height: 40px;
            margin-right: 2px;
            border-radius: 50%;
        }

        .header-btn-right-inner .icon {
            font-size: 24px;
            vertical-align: 6px;
            color: #5e5e5e;
        }

    .logo-container {
        padding: 13px 00px 0px 0px;/*19px 20px 19px 0px;*/
    }

    .search-container {
        /*padding: 37px 0px 15px 20px;*/
        display: block;
    }

        .search-container .fa-search {
            padding-right: 10px;
        }

        .search-container #hero-search-input {
            display: none
        }

    @media (max-width: 768px) {
        .search-container {
            display: none;
        }     

        .extraTopSpace {
            margin-top: 15px !important;
        }

        .formLabelAlign {
            text-align: left;
        }

        .breadcrumbMob {
            text-align: left;
            margin: 15px 0px 20px !important
        }

        .headerLogoContainer {
            top: 30px;
            left: 20px;
        }
    }

    /*.search-button .icon{*/
    /*color: #5836c2*/
    /*position:relative;
        left:300px;
    }*/

    .mobile-only {
        display: none;
    }

    .desktop-only {
        display: block;
    }

    .cartTrashSection {
        width: 115px
    }

    .bars-nav {
        display: none;
        width: 20px;
        height: 20px;
        /*position: absolute;
        font-size: 32px;*/
        /*top: 20px;
         right: 0;
        color: #5836c2;
        overflow: hidden;*/
        margin:20px 15px 0px 0px;
    }

        .bars-nav:hover {
            cursor: pointer;
            color: #5531BF;
        }

        .bars-nav:active {
            color: #5531BF;
        }

    .hero-section {
        margin-bottom: 10px;
        padding: 50px 0 40px;
        text-align: center;
        background: #6e41f9;
        background: linear-gradient(to right, #6e41f9, #7227ce);
    }

    .hero-item {
        display: block;
        height: 102px;
        margin: 17px 0;
        padding: 20px 0;
        background: #fff;
        text-align: center;
        border-radius: 4px;
        border: 1px solid #ededed;
        overflow: hidden;
        transition: transform 170ms ease-out 10ms;
    }

        .hero-item p {
            margin-bottom: 0;
            color: #1f1d2c;
            transition: opacity 140ms linear 10ms;
        }

        .hero-item:hover p {
            opacity: 0;
        }

        .hero-item:hover .hero-item-img {
            margin-top: 25px;
        }

    .hero-item-img {
        width: 138px;
        height: 55px;
        position: relative;
        border: 1px solid #f0f0f0;
        border-radius: 4px;
        background: #fff;
        transition: margin 170ms ease-out 10ms, border-color 170ms ease-out 10ms;
    }

        .hero-item-img img {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
        }

    #hero-search-input {
        border: none;
        border-bottom: 1px solid #707070;
        opacity: 1;
        width: 200px;
        height: 32px;
    }

    .input-wrapper .fa-times-circle {
        display: none;
        position: absolute;
        top: 28px;
        right: 20px;
    }

    .hero-search-form {
        z-index: 99;
        display: flex;
    }

        .hero-search-form .first-btn {
            float: left;
            font-size: 20px;
            background-color: transparent;
            border: none;
            padding: 0px;
        }

            .hero-search-form .first-btn .icon {
                margin-left: -3px;
                font-size: 32px;
            }

            .hero-search-form .first-btn:hover {
                cursor: pointer;
            }

            .hero-search-form .first-btn:focus {
                outline: none;
            }


            .hero-search-form .first-btn .icon {
                margin-left: -3px;
                font-size: 32px;
            }

            .hero-search-form .first-btn:hover {
                cursor: pointer;
            }

            .hero-search-form .first-btn:focus {
                outline: none;
            }

    /* Post code button styles */

    .postcode-search-form {
        position: relative;
        margin-bottom: 5px;
        z-index: 99;
    }

        .postcode-search-form .first-btn {
            width: 43px;
            height: 43px;
            float: left;
            font-size: 15px;
            line-height: 50px;
            border-radius: 8px 0 0 8px;
            transition: background 160ms linear 10ms;
        }

            .postcode-search-form .first-btn .icon {
                margin-left: -3px;
                font-size: 20px;
            }

            .postcode-search-form .first-btn:hover {
                cursor: pointer;
            }

            .postcode-search-form .first-btn:focus {
                outline: none;
            }

        .postcode-search-form .input-wrapper {
            padding-left: 43px;
        }

        .postcode-search-form input {
            height: 66px;
            padding-left: 25px;
            font-size: 16px;
            color: #5e5e5e;
            border: 1px solid #ededed;
            border-left-color: #f2f0fa;
            border-radius: 0 4px 4px 0;
            transition: border-color 160ms linear 10ms;
        }

            .postcode-search-form input:focus {
                border-color: #5836c2;
            }

    .header-block {
        display: flex;
    }

    .header-block-left {
        height: 100%;
    }

    .header-item {
        padding-right: 10px;
    }

    .header-block-fill {
        position: relative
    }

    .suggestion-box {
        display: flex;
    }

        .suggestion-box img {
            object-fit: contain;
            max-height: 100px;
            max-width: 75px;
        }

    .nav-left {
        position: relative;
        float: left;
        height: 100%;
        width: auto;
        display: inline-block;
        text-align: center;
    }

    .nav-fill {
        width: auto;
        overflow: hidden;
        white-space: nowrap;
    }

    .nav-right {
        position: relative;
        float: right;
        width: auto;
        display: inline-block;
    }

    .hero-search-form .second-btn {
        width: 140px;
        height: 50px;
        position: absolute;
        right: 8px;
        top: 8px;
        visibility: hidden;
        opacity: 0;
        font-size: 18px;
        transition: all 200ms ease-out 10ms;
    }

        .hero-search-form .second-btn.active {
            visibility: visible;
            opacity: 1;
        }

    .hero-search-form .input-wrapper {
        border: none;
        width: 100%;
    }

    .hero-search-form input {
        height: 30px;
        padding-left: 15px;
        font-size: 16px;
        color: #A0A0A0;
        border: 1px solid #ededed;
        border-left-color: #f2f0fa;
        border-radius: 0 4px 4px 0;
        transition: border-color 160ms linear 10ms;
    }

        .hero-search-form input:focus {
            border-color: #5836c2;
        }

    .search-form-results {
        position: absolute;
        width: 100%;
        top: 86px;
        left: 0;
        visibility: hidden;
        opacity: 0;
        background-color: #fff;
        border: solid 1px #fcfcfc;
        border-radius: 4px;
        box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.08);
        box-sizing: border-box;
        transition: all 240ms ease-out 20ms;
    }

    @media (min-width: 1090px) {
        .search-form-results {
            width: 450px
        }
    }

    @media (min-width: 900px) and (max-width:1090px) {
        .search-form-results {
            width: 400px
        }
    }


    .search-form-results li {
        position: relative;
        padding: 20px;
        font-size: 18px;
        color: #1f1d2c;
        border-bottom: 1px solid #eee;
        transition: background 160ms linear 10ms;
    }

        .search-form-results li:last-child {
            border-bottom: none;
        }

        .search-form-results li:hover {
            cursor: pointer;
            background-color: #f8f8f8;
        }

        .search-form-results li:active {
            background-color: #f4f4f4;
        }

    .search-form-results p {
        display: inline-block;
        margin: 0;
        padding-left: 50px;
    }

    .search-form-results .icon {
        position: absolute;
        top: 50%;
        left: 22px;
        font-size: 18px;
        color: #d9d9d9;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .search-form-results.active {
        visibility: visible;
        opacity: 1;
        top: 0px;
        overflow-y: scroll;
        max-height: 60vh;
    }

    .autofill-container {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0;
        z-index: 100;
    }

    .search-form-results.pulling-data {
        height: 100px;
    }

        .search-form-results.pulling-data:after {
            content: '';
            width: 16px;
            height: 16px;
            position: absolute;
            top: 36px;
            left: 0;
            right: 0;
            margin: auto;
            background: transparent;
            border: 4px solid #5836c2;
            border-left-color: transparent;
            border-right-color: transparent;
            border-radius: 50%;
            z-index: 99;
            animation: rotate 650ms linear infinite;
        }

    .offers-of-the-week {
        float: right;
    }

        .offers-of-the-week .txt-style-2 {
            margin: 14px 16px 0 0;
        }

        .offers-of-the-week .btn-img {
            float: left;
        }

    .search-results {
        margin-bottom: 12px;
        overflow: hidden;
    }

    .tag {
        position: relative;
        margin-right: 7px;
        padding: 6px 30px 6px 12px;
        float: left;
        color: #9271fa;
        border: 1px solid #9271fa;
        background: #f2f0fa;
        border-radius: 4px;
        cursor: default;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .tag p {
            float: left;
            margin-bottom: 0;
            font-size: 14px;
        }

        .tag i {
            position: absolute;
            top: 7px;
            right: 5px;
            float: left;
            font-size: 18px;
            transition: opacity 160ms linear 10ms;
        }

            .tag i:hover {
                cursor: pointer;
                opacity: .8;
            }

            .tag i:active {
                cursor: pointer;
                opacity: .5;
            }

    .inner-content {
        overflow: hidden;
        padding: 0 0.32%;
    }

    .aside-menu {
        background: #fff;
    }

        .aside-menu:after, .aside-menu:before {
            content: "";
            display: block;
            clear: both;
        }

        .aside-menu .btn-hero {
            width: 260px;
        }

            .aside-menu .btn-hero .icon {
                margin-right: 8px;
                font-size: 28px;
                vertical-align: -8px;
            }

        .aside-menu .line {
            width: 100%;
            height: 1px;
            margin: 0 0;
            background: #bbb;
        }

        .aside-menu .title.uppercase {
            margin-bottom: 20px;
        }

    .aside-menu-inner {
        padding: 22px 0;
    }

        .aside-menu-inner.less-space-horizontal {
            margin: 0 12px;
        }

        .aside-menu-inner.less-space-vertical {
            padding: 12px 0;
        }

        .aside-menu-inner .checkbox-body:last-child {
            margin-bottom: 0;
        }

    .selected-language {
        color: #5836C2;
        font-weight:bold;
    }

    .info-row {
        margin-bottom: 15px;
    }

        .info-row .title-v2 {
            margin: 5px 10px 0 0;
        }

    .store-item-container.loading, .virtual-store-space.loading {
        position: relative;
        height: 400px;
    }

        .store-item-container.loading div, .virtual-store-space.loading div {
            display: none;
        }

        .store-item-container.loading:before, .virtual-store-space.loading:before {
            content: '';
            width: 25px;
            height: 25px;
            position: absolute;
            top: 100px;
            left: 0;
            right: 0;
            margin: auto;
            background: transparent;
            border: 4px solid #5836c2;
            border-left-color: transparent;
            border-right-color: transparent;
            border-radius: 50%;
            z-index: 99;
            animation: rotate 650ms linear infinite;
        }

    .store-item-container.fetching:after, .virtual-store-space.fetching:after {
        content: '';
        width: 25px;
        height: 25px;
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        margin: auto;
        background: transparent;
        border: 4px solid #5836c2;
        border-left-color: transparent;
        border-right-color: transparent;
        border-radius: 50%;
        z-index: 99;
        animation: rotate 650ms linear infinite;
    }

    @keyframes rotate {
        0% {
            transform: rotate(0);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    @media screen and (max-width:414px){
        .deliveryBox {
            padding: 5px 8px !important;
        }

        .store-item-container {
            margin: 0 10px;
        }
    }

    @media screen and (max-width:768px) and (min-width:414px) {
        .store-item {
            width: 46.3% !important;
            /*min-height: 344px !important;*/
        }
    }

    @media screen and (min-width:768px) {
        .store-item {
            width: 31.4% !important;
            /*min-height: 340px !important;*/
        }

            .store-item .title {
                font-size: 18px !important;
                line-height: 19px !important;
            }

        .store-item-price {
            font-size: 16px !important;
            line-height: 22px !important;
        }

        .storeMerchant {
            font-size: 12px !important;
        }

        .store-item-img img {
            height: 120px !important;
        }
    }

    .store-item {
        width: 44.4%;
        float: left;
        margin-bottom: 31px;
        padding-bottom: 40px;
        background: #fff;
        -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        overflow: hidden;
        box-sizing: border-box;
        transition: all 180ms ease-out 10ms;
        min-height:260px;
    }

        .store-item:after, .store-item:before {
            content: "";
            display: block;
            clear: both;
        }

        .store-item .col {
            margin: 0;
            padding: 0;
        }

        .store-item .col-6 {
            width: 50%;
        }

        .store-item .hero-item-img {
            width: 96px;
            height: 38px;
            float: right;
            margin-top: 6px;
            margin-bottom: 0;
        }

            .store-item .hero-item-img img {
                height: 90%;
            }

        .store-item .title {
            color: #5F2CCA;
            font-size: 14px;
            line-height: 19px;
            font-weight: 600;
            /*truncate text after 2nd line*/
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            min-height: 40px;
            /*padding-bottom: 20px;*/
        }

        .store-item .txt {
            margin-bottom: 0;
            padding-right: 15px;
            font-size: 14px;
            color: #5e5e5e;
        }

        .store-item .btn {
            width: 55%;
            text-align: center;
        }

        .store-item .btn-transparent {
            width: 45%;
            padding: 0;
            font-size: 14px;
            color: #5e5e5e;
        }

            .store-item .btn-transparent:hover {
                color: #5836c2;
                border-color: #fff;
            }

            .store-item .btn-transparent:after {
                background: #fff;
            }

        .store-item:hover {
            box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.1);
            border-color: #ededed;
        }

            .store-item:hover .store-item-header {
                border-color: #ededed;
            }

    .store-item-gutter {
        width: 34px;
    }

    .store-item-enter-win .store-item-header {
        margin-bottom: 5px;
        padding-bottom: 0;
        border-bottom: none;
    }

    .store-item-enter-win .favorite-store-item .icon {
        color: #fff;
    }

    .store-item-enter-win .store-item-img {
        margin-bottom: 0;
    }

    .store-item-enter-win .hero-item-img {
        position: relative;
        margin: -20px auto 0;
        float: none;
        z-index: 2;
    }

    .store-item-featured {
        border-color: #9271fa;
    }

    .store-item-hot {
        border-color: #ea2d48;
    }

        .store-item-hot .store-item-top-header {
            color: #ea2d48;
            border-bottom-color: #ea2d48;
            background: #feeaed;
        }

    .store-item-disabled {
        visibility: hidden;
        opacity: 0;
    }

    .store-item-top-header {
        padding: 7px 0 6px;
        font-size: 14px;
        color: #9271fa;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 3px;
        border-bottom: 1px solid #9271fa;
        background: #f4f1fe;
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        z-index: 10;
    }

        .store-item-top-header p {
            margin-bottom: 0;
        }

        .store-item-top-header .icon {
            margin-right: 0px;
            vertical-align: -1px;
        }

    .store-item-header {
        position: relative;
        margin-bottom: 0px;
        padding-bottom: 0px;
        transition: border-color 180ms ease-out 10ms;
    }

        .store-item-header:after, .store-item-header:before {
            content: "";
            display: block;
            clear: both;
        }

    .store-item-inner {
        min-height: 49px;
        position: relative;
        margin: 0 15px;
    }

        .store-item-inner:after, .store-item-inner:before {
            content: "";
            display: block;
            clear: both;
        }

        .store-item-inner .col {
            min-height: 49px;
        }

    .store-item-img {
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
        position: relative;
        z-index: 1;
        border-bottom: 1px solid #ededed;
    }

        .store-item-img img {
            width: 100%;
            height:100px;
            padding: 0 5px;
        }

    .discount-circle {
        display: block;
        width: 41px;
        height: 41px;
        line-height: 40px;
        position: absolute;
        top: 15px;
        left: 15px;
        text-align: center;
        font-size: 13px/42px;
        color: #fff;
        background: #ea2d48;
        border-radius: 50%;
        z-index: 2;
    }

    .favorite-store-item {
        display: block;
        width: 22px;
        height: 22px;
        z-index: 3;
        text-align: center;
        transition: transform 180ms ease-out 10ms;
    }

        .favorite-store-item .icon {
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            font-size: 24px;
            color: #ddd;
            transition: all 200ms ease-out 10ms;
        }

        .favorite-store-item .second-icon {
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            font-size: 24px;
            color: transparent;
            transition: all 200ms ease-out 10ms;
        }

        .favorite-store-item.active .icon {
            visibility: hidden;
            opacity: 0;
            color: #ea2d48;
            -ms-transform: scale(2);
            transform: scale(2);
        }

        .favorite-store-item.active .second-icon {
            visibility: visible;
            opacity: 1;
            color: #ea2d48;
        }

        .favorite-store-item:hover {
            -ms-transform: scale(1.2);
            transform: scale(1.2);
        }

            .favorite-store-item:hover .icon {
                color: #ea2d48;
            }

            .favorite-store-item:hover .second-icon {
                visibility: visible;
                opacity: 1;
                color: #ea2d48;
            }

    .store-item-price, .store-item-price-qs{
        display: block;
        font-size: 14px;
        line-height: 19px;
        font-weight: 600;
        color: #202125;
    }

    .store-item-prev-price {
        display: block;
        margin-top: -2px;
        font-size: 14px;
        color: #1f1d2c;
        text-decoration: line-through;
    }

    .store-item-info-txt {
        margin: 30px 0 14px;
        font-size: 14px;
        color: #f00;
        text-align: center;
    }

        .store-item-info-txt .icon {
            margin-right: 9px;
            font-size: 22px;
            vertical-align: -6px;
        }

    .single-store-item {
        padding: 20px 20px;
        background: #fff;
        border: 1px solid #ededed;
        border-radius: 4px;
    }

    /*        .single-store-item .col-7 {
            width: 60.333333334%;
        }*/

    .single-store-item-info:after, .single-store-item-info:before {
        content: "";
        display: block;
        clear: both;
    }

    .single-store-item-info .cell {
        float: left;
    }

    .single-store-item-info .cell-1 {
        width: 70%;
    }

    .single-store-item-info .cell-2 {
        width: 30%;
    }

    .single-store-item-info .title {
        margin-bottom: 6px;
    }

    .single-store-item-info .txt {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .single-store-item-info .store-item-price-body {
        position: static;
        top: auto;
        margin-bottom: 25px;
        -ms-transform: none;
        transform: none;
    }

    .single-store-item-info .store-item-price {
        font-size: 32px;
    }

    .single-store-item-info .store-item-prev-price {
        margin-bottom: -5px;
        font-size: 16px;
    }

    .single-store-item-info .store-item-info-txt {
        display: inline-block;
        margin: 0 0 0 20px;
        vertical-align: 26px;
    }

    .single-store-item-info .favorite-store-item {
        width: 32px;
        height: 32px;
        position: relative;
        float: right;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        font-size: 30px;
        margin: 15px 0 0 20px;
    }

        .single-store-item-info .favorite-store-item .icon,
        .single-store-item-info .favorite-store-item .second-icon {
            font-size: 30px;
        }

    .single-store-item-info .hero-item-img {
        float: right;
    }

    .singe-store-item-img-gallery {
        position: relative;
    }

        .singe-store-item-img-gallery .singe-store-item-img:nth-child(3n+1) {
            margin-left: 3%;
            margin-right: 3%;
        }

    .singe-store-item-img {
        width: 31.333333%;
        margin-bottom: 3%;
        padding: 2%;
        float: left;
        background: #fff;
        box-sizing: border-box;
        border: 1px solid #ededed;
        border-radius: 4px;
        transition: border 160ms linear 10ms;
    }

        .singe-store-item-img img {
            width: 100%;
            max-width: 456px;
            max-height: 304px;
            object-fit: contain;
        }

        .singe-store-item-img.hero {
            width: 96%;
        }

            .singe-store-item-img.hero:hover {
                cursor: default;
                border-color: #ededed;
            }

        .singe-store-item-img:hover {
            cursor: pointer;
            border-color: #5836c2;
        }

    .table {
        border-radius: 4px;
        background-color: #fcfcfc;
        border: 1px solid #ededed;
        overflow: hidden;
    }

    .table-header {
        padding: 15px 30px;
        background-color: #fff;
        border-bottom: 1px solid #ededed;
    }

    .table-inner {
        padding: 10px 30px 0;
    }

    .table-cell {
        display: inline-block;
        width: 49%;
        margin-bottom: 20px;
        vertical-align: top;
        font-size: 14px;
    }

        .table-cell li {
            margin: 10px 0;
            color: #5e5e5e;
        }

            .table-cell li:first-of-type {
                color: #1f1d2c;
            }

    .page-footer {
        border-top: 1px solid #eaeaea;
        background: #f6f6f6;
    }

        .page-footer .row {
            position: relative;
        }

        .page-footer .select-language {
            margin-top: -6px;
            float: right;
            clear: both;
        }

    .footer-nav {
        font-size: 16px;
        color: #5e5e5e;
        min-width: 300px;
    }

        .footer-nav ul li {
            display: block;
            padding-left: 0px;
        }

    .page-footer h3 {
        padding: 10px 0px;
    }

    .footer-nav a {
        font-size: 15px;
        color: black
        /*font-weight: 600;*/
    }

    .follow-us {
        display: flex;
    }

        .follow-us li {
            padding-right: 40px;
        }


        .follow-us a {
            display: block;
            width: 35px;
            height: 35px;
            text-align: center;
            font-size: 16px;
            line-height: 40px;
            /* background: #fff;
            border: 1px solid #e3e3e3;
            border-radius: 50%;
            transition: background 160ms linear 10ms;*/
        }

            /*.follow-us a:hover {
                background: #5836c2;
            }*/

            .follow-us a:hover .icon {
                color: #5836c2;
            }

        .follow-us .icon {
            transition: color 160ms linear 10ms;
        }

    .inner-addon {
        position: relative;
        padding-top: 10px;
    }
        /* style icon */
        .inner-addon .fas {
            position: absolute;
            padding: 11px;
            font-size: 1.25em;
            background-color: #5836C2;
            color: #FFFFFF;
        }

    .right-addon .fas {
        right: 0px;
        cursor: pointer;
    }

    .email-lbl-desc {
        font-size: 12px;
        font-weight: 600;
        color: #ABABAB;
    }

    ::-moz-placeholder { /* Firefox 19+ */
        line-height: 8px !important;
    }

    :-moz-placeholder { /*Firefox 18-*/
        line-height: 8px !important;
    }


    .popup-overlay {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        visibility: hidden;
        opacity: 0;
        background: rgba(255, 255, 255, 0.95);
        z-index: 102;
        transition: all 200ms ease-out 10ms;
    }

    .popup-dark {
        background: rgba(0, 0, 0, 0.6) !important;
    }

    .popup-overlay.active {
        visibility: visible;
        opacity: 1;
    }

    .popup-overlay-inner {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        z-index: 1;
        top: 70px;
        bottom: 50px;
        overflow-y: scroll;
        left: 0;
        right: 0;
        margin: 0 auto;
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        transition: all 200ms ease-out 10ms;
    }

        .popup-overlay-inner.active {
            visibility: visible;
            opacity: 1;
            -ms-transform: scale(1);
            transform: scale(1);
        }

    .popup-logo {
        display: block;
        width: 105px;
        margin: 0 auto 28px;
    }

        .popup-logo.icon {
            width: 0;
            margin-bottom: 20px;
            font-size: 36px;
            color: #5836c2;
        }

    .box-container {
        width: 608px;
        margin: 0 auto;
        padding: 22px 0 30px;
        background: #fff;
        border: 1px solid #e1e1e1;
        border-radius: 6px;
        box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.05);
        box-sizing: border-box;
    }

    /****melior add this*****/
    .box-container-big {
        width: 860px;
    }

    .hero-title-colored {
        margin-bottom: 16px;
        font-size: 38px;
        color: #5836c2;
    }

    .text-warning {
        color: #c09853;
    }

    .text-danger {
        color: #b94a48;
    }

    .text-success {
        color: #468847;
    }



    .panel {
        padding: 0 4px;
        display: none;
    }

    .morecompaniespanel {
        display: none;
    }

    input[type="date"], input[type="number"], select {
        height: 32px;
        margin-bottom: 20px;
        padding: 0 15px;
        border: 1px solid #d1d1d1;
        border-radius: 4px;
        transition: border-color 160ms linear 10ms;
        color: #0000008A;
        font-size: 14px;
    }

        input[type="date"]:hover, input[type="number"]:hover, select:hover {
            border-color: #bbb;
        }

      /*  input[type="date"]:focus, input[type="number"]:focus, select:focus {
            border-color: #5836c2;
        }*/

        input[type="date"]::-webkit-inner-spin-button {
            display: none;
        }


    /***************************below stylesheet is for nav-tabs used in product create/edit form **************************/
    /*.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}*/

    .nav-tabs {
        border-bottom: 1px solid #dddddd;
    }

        .nav-tabs > li {
            float: left;
            margin-bottom: -1px;
        }

            .nav-tabs > li > a {
                margin-right: 2px;
                line-height: 1.428571429;
                border: 1px solid transparent;
                border-radius: 4px 4px 0 0;
            }

                .nav-tabs > li > a:hover {
                    border-color: #eeeeee #eeeeee #dddddd;
                }

            .nav-tabs > li.active > a,
            .nav-tabs > li.active > a:hover,
            .nav-tabs > li.active > a:focus {
                color: #555555;
                cursor: default;
                background-color: #ffffff;
                border: 1px solid #dddddd;
                border-bottom-color: transparent;
            }

        .nav-tabs.nav-justified {
            width: 100%;
            border-bottom: 0;
        }

            .nav-tabs.nav-justified > li {
                float: none;
            }

                .nav-tabs.nav-justified > li > a {
                    text-align: center;
                }

    @media (min-width: 769px) {
        .nav-tabs.nav-justified > li {
            display: table-cell;
            width: 1%;
        }

}

@media (min-width: 1024px) {

    .firstColHome {
        margin: 0px;
    }
}

    .nav-tabs.nav-justified > li > a {
        margin-right: 0;
        border-bottom: 1px solid #dddddd;
    }

    .nav-tabs.nav-justified > .active > a {
        border-bottom-color: #ffffff;
    }


    .nav:before,
    .nav:after {
        display: table;
        content: " ";
    }

    .nav:after {
        clear: both;
    }

    .nav:before,
    .nav:after {
        display: table;
        content: " ";
    }

    .nav:after {
        clear: both;
    }

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:hover,
            .nav > li > a:focus {
                text-decoration: none;
                background-color: #eeeeee;
            }

        .nav > li.disabled > a {
            color: #999999;
        }

            .nav > li.disabled > a:hover,
            .nav > li.disabled > a:focus {
                color: #999999;
                text-decoration: none;
                cursor: not-allowed;
                background-color: transparent;
            }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #eeeeee;
        border-color: #428bca;
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

    .tab-content > .tab-pane {
        display: none;
    }

    .tab-content > .active {
        display: block;
    }


    /***************************end of nav tabs stylesheet*********************************************/

    /********************below stylesheet is for dektop and mobile menu********************/
    /*.wrap {
            max-width: 1635px;
            margin: 0 auto;
            padding: 0 10px;
        }*/

    #navigation {
        text-align: center;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .group:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    #navigation > li {
        display: inline-block;
        margin-right: 20px;
        position: relative;
    }

    #mob-navigation > li:before {
        content: '\2014';
        margin-left: 10px;
    }

    #mob-navigation > li > ul li:before {
        content: '\2014';
        margin-left: 25px;
    }

    #navigation > li a {
        padding-bottom: 14px;
    }

    #navigation a {
        color: #676767;
        font-weight: bold;
        font-size: 1.076923076923077em;
        display: block;
        text-align: left;
    }

    #navigation > li a:hover, #navigation .current-menu-item > a, #navigation .current_page_item > a,
    #navigation li.sfHover > a {
        color: #000;
    }

    #navigation > li > ul {
        position: absolute;
        z-index: 1500;
        left: -14px;
        display: block;
        margin: 0;
        padding: 0;
        list-style: none;
        background: #FAFAFA;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        -o-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        top: -999em;
    }

        #navigation > li > ul li {
            display: block;
        }

            #navigation > li > ul li a {
                white-space: nowrap;
                font-weight: bold;
                padding: 10px 40px 10px 15px;
                font-size: 13px;
            }

    #navigation > li:hover > ul {
        top: auto;
    }

    /*nav select {
          display: none;
        }*/

    #navigation ul ul {
        list-style: none;
        margin: 0;
        padding: 0;
        background: #fff;
        text-align: left;
        border-top: 1px solid #f3f3f3;
        border-bottom: 1px solid #f3f3f3;
    }

        #navigation ul ul li a {
            font-size: 0.9em;
        }

    @media only screen and (max-width: 680px) {
        #navigation {
            display: none;
        }
    }

    /*******************end of desktop/mobile menu********************************/



    @media screen and (min-width: 1297px) {
        /* Extra Large */
        .show-for-ext-large {
            display: block;
        }

        .hide-for-ext-large {
            display: none;
        }
    }


    /*******rrssb*******/
    .rrssb-buttons {
        box-sizing: border-box;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 12px;
        height: 36px;
        margin: 0;
        padding: 0;
        width: 100%
    }

        .rrssb-buttons:after {
            clear: both
        }

        .rrssb-buttons:after, .rrssb-buttons:before {
            content: ' ';
            display: table
        }

        .rrssb-buttons li {
            box-sizing: border-box;
            float: left;
            height: 100%;
            line-height: 13px;
            list-style: none;
            margin: 0;
            padding: 0 2px
        }

            .rrssb-buttons li.rrssb-email a {
                background-color: #0a88ff
            }

                .rrssb-buttons li.rrssb-email a:hover {
                    background-color: #006ed6
                }

            .rrssb-buttons li.rrssb-facebook a {
                background-color: #306199
            }

                .rrssb-buttons li.rrssb-facebook a:hover {
                    background-color: #244872
                }

            .rrssb-buttons li.rrssb-tumblr a {
                background-color: #32506d
            }

                .rrssb-buttons li.rrssb-tumblr a:hover {
                    background-color: #22364a
                }

            .rrssb-buttons li.rrssb-linkedin a {
                background-color: #007bb6
            }

                .rrssb-buttons li.rrssb-linkedin a:hover {
                    background-color: #005983
                }

            .rrssb-buttons li.rrssb-twitter a {
                background-color: #26c4f1
            }

                .rrssb-buttons li.rrssb-twitter a:hover {
                    background-color: #0eaad6
                }

            .rrssb-buttons li.rrssb-googleplus a {
                background-color: #e93f2e
            }

                .rrssb-buttons li.rrssb-googleplus a:hover {
                    background-color: #ce2616
                }

            .rrssb-buttons li.rrssb-youtube a {
                background-color: #df1c31
            }

                .rrssb-buttons li.rrssb-youtube a:hover {
                    background-color: #b21627
                }

            .rrssb-buttons li.rrssb-reddit a {
                background-color: #8bbbe3
            }

                .rrssb-buttons li.rrssb-reddit a:hover {
                    background-color: #62a3d9
                }

            .rrssb-buttons li.rrssb-pinterest a {
                background-color: #b81621
            }

                .rrssb-buttons li.rrssb-pinterest a:hover {
                    background-color: #8a1119
                }

            .rrssb-buttons li.rrssb-pocket a {
                background-color: #ed4054
            }

                .rrssb-buttons li.rrssb-pocket a:hover {
                    background-color: #e4162d
                }

            .rrssb-buttons li.rrssb-github a {
                background-color: #444
            }

                .rrssb-buttons li.rrssb-github a:hover {
                    background-color: #2b2b2b
                }

            .rrssb-buttons li.rrssb-instagram a {
                background-color: #125688
            }

                .rrssb-buttons li.rrssb-instagram a:hover {
                    background-color: #0c3a5b
                }

            .rrssb-buttons li.rrssb-delicious a {
                background-color: #0b79e5
            }

                .rrssb-buttons li.rrssb-delicious a:hover {
                    background-color: #095fb4
                }

            .rrssb-buttons li.rrssb-vk a {
                background-color: #4d71a9
            }

                .rrssb-buttons li.rrssb-vk a:hover {
                    background-color: #3d5a86
                }

            .rrssb-buttons li.rrssb-hackernews a {
                background-color: #f60
            }

                .rrssb-buttons li.rrssb-hackernews a:hover {
                    background-color: #cc5200
                }

            .rrssb-buttons li.rrssb-whatsapp a {
                background-color: #43d854
            }

                .rrssb-buttons li.rrssb-whatsapp a:hover {
                    background-color: #28c039
                }

            .rrssb-buttons li.rrssb-print a {
                background-color: #8d98a2
            }

                .rrssb-buttons li.rrssb-print a:hover {
                    background-color: #717f8b
                }

            .rrssb-buttons li.rrssb-xing a {
                background-color: #005A5F
            }

                .rrssb-buttons li.rrssb-xing a:hover {
                    background-color: #002a2c
                }

            .rrssb-buttons li a {
                background-color: #ccc;
                border-radius: 2px;
                box-sizing: border-box;
                display: block;
                -moz-osx-font-smoothing: grayscale;
                -webkit-font-smoothing: antialiased;
                font-weight: 700;
                height: 100%;
                padding: 11px 7px 12px 27px;
                position: relative;
                text-align: center;
                text-decoration: none;
                text-transform: uppercase;
                -webkit-transition: background-color .2s ease-in-out;
                transition: background-color .2s ease-in-out;
                width: 100%
            }

                .rrssb-buttons li a .rrssb-icon {
                    display: block;
                    left: 10px;
                    padding-top: 9px;
                    position: absolute;
                    top: 0;
                    width: 10%
                }

                    .rrssb-buttons li a .rrssb-icon svg {
                        height: 17px;
                        width: 17px
                    }

                        .rrssb-buttons li a .rrssb-icon svg circle, .rrssb-buttons li a .rrssb-icon svg path {
                            fill: #fff
                        }

                .rrssb-buttons li a .rrssb-text {
                    color: #fff
                }

                .rrssb-buttons li a:active {
                    box-shadow: inset 1px 3px 15px 0 rgba(22,0,0,.25)
                }

            .rrssb-buttons li.small a {
                padding: 0
            }

                .rrssb-buttons li.small a .rrssb-icon {
                    left: auto;
                    margin: 0 auto;
                    overflow: hidden;
                    position: relative;
                    top: auto;
                    width: 100%
                }

                .rrssb-buttons li.small a .rrssb-text {
                    visibility: hidden
                }

        .rrssb-buttons.large-format, .rrssb-buttons.large-format li {
            height: auto
        }

            .rrssb-buttons.large-format li a {
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                border-radius: .2em;
                padding: 8.5% 0 8.5% 12%
            }

                .rrssb-buttons.large-format li a .rrssb-icon {
                    height: 100%;
                    left: 7%;
                    padding-top: 0;
                    width: 12%
                }

                    .rrssb-buttons.large-format li a .rrssb-icon svg {
                        height: 100%;
                        position: absolute;
                        top: 0;
                        width: 100%
                    }

                .rrssb-buttons.large-format li a .rrssb-text {
                    -webkit-backface-visibility: hidden;
                    backface-visibility: hidden
                }

        .rrssb-buttons.small-format {
            padding-top: 5px
        }

            .rrssb-buttons.small-format li {
                height: 80%;
                padding: 0 1px
            }

                .rrssb-buttons.small-format li a .rrssb-icon {
                    height: 100%;
                    padding-top: 0
                }

                    .rrssb-buttons.small-format li a .rrssb-icon svg {
                        height: 48%;
                        position: relative;
                        top: 6px;
                        width: 80%
                    }

        .rrssb-buttons.tiny-format {
            height: 22px;
            position: relative
        }

            .rrssb-buttons.tiny-format li {
                padding-right: 7px
            }

                .rrssb-buttons.tiny-format li a {
                    background-color: transparent;
                    padding: 0
                }

                    .rrssb-buttons.tiny-format li a .rrssb-icon {
                        height: 100%
                    }

                        .rrssb-buttons.tiny-format li a .rrssb-icon svg {
                            height: 70%;
                            width: 100%
                        }

                    .rrssb-buttons.tiny-format li a:active, .rrssb-buttons.tiny-format li a:hover {
                        background-color: transparent
                    }

                .rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path {
                    fill: #0a88ff
                }

                .rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #0054a3
                }

                .rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path {
                    fill: #306199
                }

                .rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #18304b
                }

                .rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg path {
                    fill: #32506d
                }

                .rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #121d27
                }

                .rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path {
                    fill: #007bb6
                }

                .rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #003650
                }

                .rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path {
                    fill: #26c4f1
                }

                .rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #0b84a6
                }

                .rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path {
                    fill: #e93f2e
                }

                .rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #a01e11
                }

                .rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path {
                    fill: #df1c31
                }

                .rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #84111d
                }

                .rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path {
                    fill: #8bbbe3
                }

                .rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #398bcf
                }

                .rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path {
                    fill: #b81621
                }

                .rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #5d0b11
                }

                .rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg path {
                    fill: #ed4054
                }

                .rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #b61124
                }

                .rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg path {
                    fill: #444
                }

                .rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #111
                }

                .rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path {
                    fill: #125688
                }

                .rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #061d2e
                }

                .rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon svg path {
                    fill: #0b79e5
                }

                .rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #064684
                }

                .rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon svg path {
                    fill: #4d71a9
                }

                .rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #2d4263
                }

                .rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg path {
                    fill: #f60
                }

                .rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #993d00
                }

                .rrssb-buttons.tiny-format li.rrssb-whatsapp a .rrssb-icon svg path {
                    fill: #43d854
                }

                .rrssb-buttons.tiny-format li.rrssb-whatsapp a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #1f962d
                }

                .rrssb-buttons.tiny-format li.rrssb-print a .rrssb-icon svg path {
                    fill: #8d98a2
                }

                .rrssb-buttons.tiny-format li.rrssb-print a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #5a656f
                }

                .rrssb-buttons.tiny-format li.rrssb-xing a .rrssb-icon svg path {
                    fill: #005A5F
                }

                .rrssb-buttons.tiny-format li.rrssb-xing a .rrssb-icon:hover .rrssb-icon svg path {
                    fill: #000
                }
    /****end of rrssb **/


    /*************/


    .box-container .col {
        margin: 0;
        padding: 0;
    }

    .box-container .col-6 {
        width: 50%;
    }

    .box-container .col-12 {
        width: 100%;
    }

    .box-container .line-body {
        position: relative;
        text-align: center;
        font-size: 16px/20px;
        color: #e1e1e1;
        text-transform: uppercase;
        text-align: center;
    }

        .box-container .line-body .txt {
            display: inline-block;
            position: relative;
            padding: 0 18px;
            z-index: 2;
            background: #fff;
        }

        .box-container .line-body .line {
            margin: 0;
            position: absolute;
            top: 9px;
            left: 0;
            right: 0;
        }

    .box-container .line {
        width: 100%;
        height: 1px;
        background: #e1e1e1;
    }

    .box-container.offer-alert .col-6 {
        width: 49%;
    }

    .box-container.offer-alert .title.mini {
        margin-bottom: 8px;
    }

    .box-container.offer-alert .title.max {
        margin: -6px 0 14px;
        font-size: 22px;
    }

    .box-container.offer-alert .round {
        float: left;
        margin-right: 25px;
    }

    .box-container .btn {
        margin-top: 30px;
    }

    .box-container-inner {
        margin: 22px 50px;
    }

        .box-container-inner:after, .box-container-inner:before {
            content: "";
            display: block;
            clear: both;
        }

        .box-container-inner.adjust-space {
            margin-top: 32px;
            margin-bottom: 28px;
        }

        .box-container-inner .btn-icon {
            width: 92%;
        }

    .box-container-inner-2 {
        margin: 10px 38px;
    }

        .box-container-inner-2:after, .box-container-inner-2:before {
            content: "";
            display: block;
            clear: both;
        }

    .close-popup-overlay {
        width: 36px;
        height: 36px;
        position: absolute;
        top: 26px;
        right: 36px;
        font-size: 20px;
        line-height: 42px;
        color: #666;
        text-align: center;
        background: #eee;
        border-radius: 50%;
        z-index: 2;
        transition: all 160ms linear 10ms;
    }

        .close-popup-overlay:hover {
            cursor: pointer;
            color: #fff;
            background: #555;
        }

    .tabs-nav {
        width: 100%;
        text-align: center;
        cursor: default;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .tabs-nav.border {
            border-bottom: 1px solid #e1e1e1;
        }
        .tabs-nav li {
            display: inline-block;
            margin: 0 20px;
            padding: 0 5px 15px;
            font-size: 18px;
            color: #5e5e5e;
            border-bottom: 3px solid #fff;
            transition: color 160ms linear 10ms, border 160ms linear 10ms;
        }

            .tabs-nav li:hover {
                cursor: pointer;
                color: #888;
                border-bottom-color: #ccc;
            }

            .tabs-nav li.active {
                color: #5836c2;
                border-bottom-color: #5836c2;
            }

    .tabs-container {
        position: relative;
    }

    .tab {
        display: none;
    }

        .tab.active {
            display: block;
        }

    .map {
        height: 378px;
        background: #ccc;
    }

    .map-info-box {
        width: 160px;
        padding: 10px;
    }

    .map-info-box-title {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px;
        color: #1f1d2c;
    }

    .map-info-box-txt {
        font-size: 12px;
    }

    .breadcrumb-body .btn-classic {
        margin-right: 16px;
    }

    .breadcrumb {
        display: inline-block;
        cursor: default;
    }

        .breadcrumb li {
            display: inline-block;
            position: relative;
            margin: 0;
            font-size: 14px;
            color: #5e5e5e;
        }

            .breadcrumb li:last-child {
                color: #1f1d2c;
            }

                .breadcrumb li:last-child:after {
                    content: none;
                }

            .breadcrumb li:after {
                content: '/';
                display: inline-block;
                color: #cacaca;
                margin: 0 8px;
            }

        .breadcrumb a:hover {
            color: #5836c2;
        }

    .overline {
        text-decoration: line-through;
    }

    .txt-green {
        color: #48a53a !important;
    }

    .txt-yellow {
        color: #ffc82c !important;
    }

    .txt-purple {
        color: #c71c7c !important;
    }

    .txt-red {
        color: #ea2d48 !important;
    }

    .txt-blue {
        color: #099ed8 !important;
    }

    .bg-green {
        background: #48a53a;
    }

    .bg-yellow {
        background: #ffc82c;
    }

    .bg-purple {
        background: #c71c7c;
    }

    .d-block {
        display: block;
    }

    .d-none {
        display: none;
    }

    .d-i-block {
        display: inline-block;
    }

    .p-static {
        position: static;
    }

    .p-relative {
        position: relative;
    }

    .p-absolute {
        position: absolute;
    }

    .p-fixed {
        position: fixed;
    }

    .of-hidden {
        overflow: hidden;
    }

    .of-visible {
        overflow: visible;
    }

    .clear-b {
        clear: both;
    }

    .f-left {
        float: left;
    }

    .f-right {
        float: right;
    }

    .f-none {
        float: none;
    }

    .txt-center {
        text-align: center;
    }

    .txt-left {
        text-align: left;
    }

    .txt-right {
        text-align: right;
    }

    .uppercase {
        text-transform: uppercase;
    }

    .r-shadow {
        box-shadow: none;
    }

    .r-border {
        border: none;
    }

    .r-margin {
        margin: 0;
    }

    .r-margin-t {
        margin-top: 0 !important;
    }

    .r-margin-b {
        margin-bottom: 0;
    }

    .r-margin-r {
        margin-right: 0;
    }

    .r-margin-l {
        margin-left: 0;
    }

    .r-padding {
        padding: 0;
    }

    .r-padding-t {
        padding-top: 0;
    }

    .r-padding-b {
        padding-bottom: 0;
    }

    .r-padding-r {
        padding-right: 0;
    }

    .r-padding-l {
        padding-left: 0;
    }

    .v-hidden {
        visibility: hidden;
    }

    .v-visible {
        visibility: visible;
    }

    #main-area {
        min-height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .progress-image {
        width: 100%
    }


    /*  @media only screen and (max-height: 1500px) {
        .popup-overlay {
            position: absolute;
        }
    }
*/
    @media screen and (max-width: 1300px) {
        .aside-menu .btn-hero {
            width: 100%;
        }

        .single-store-item .row {
            width: 100%;
        }

        .single-store-item-info .cell-2 {
            text-align: center;
        }

        .single-store-item-info .favorite-store-item,
        .single-store-item-info .hero-item-img {
            display: inline-block;
            float: none;
        }
    }

    @media screen and (max-width: 1236px) {
        .aside-menu .btn-hero {
            width: 100%;
        }
    }

    .filterTopCloseButton {
        display: none;
    }


@media screen and (max-width: 1024px) and (min-width: 769px) {
    .addresspopup-left{
        width:330px
    }
    .addressPopUpBtnsPos {
        left:0px!important
    }
   
}

    @media screen and (max-width: 1024px) {
        .topPadding {
            padding-top: 60px;
        }
        .header-btn-right{
            padding:20px
        }

        .page-header {
            height: auto;
            /*  padding-bottom: 16px;*/
        }
        .sticky-header {
            height: 60px!important;
        }

        .itemsOnCart {
            bottom: 28px;
            left:25px;
        }

        .popup-overlay-inner{top:60px}

        .main-logo {
            width: 200px;
            float: none;
            margin: 20px auto 0;
        }

            .main-logo img {
                width: 100%;
            }

        .bars-nav {
            display: block;
        }

        .mobile-only {
            display: block;
        }

        .mobile-only.displayflex {
            display:flex; 
            flex-direction: row
        }

        .mobile-only.displayinline{
            display:inline!important
        }

        .desktop-only {
            display: none;
        }

        .cartTrashSection {
            width: 45px
        }

        /*.aside-menu-container {
            width: 0;
        }*/
        .filterTopCloseButton {
            display: block
        }

        .aside-menu-filters.active {
            right: 0;
            z-index:205;
        }

        .aside-menu-filters {
            width: 100% !important;
            position: fixed;
            top: 0;
            right: -100vw; /*-400px;*/
            bottom: 0;
            padding: 20px;
            z-index: 101;
            overflow-y: scroll;
            transition: right 250ms ease-out 10ms;
        }

            .aside-menu-filters h3 {
                color: #5836c2;
            }

        .badge.topBar {
            left: 55% !important;
            top: -53% !important;
        }

        .ui-slider-horizontal {
            width: 90%;
            margin: 0 auto;
        }
        /*.aside-menu {
            width: 300px;
            position: fixed;
            top: 0;
            left: -100%;
            bottom: 0;
            padding: 15px 0;
            z-index: 101;
            overflow-y: scroll;
            transition: left 250ms ease-out 10ms;
        }

            .aside-menu.active {
                left: 0;
            }*/
        .store-item-container {
            width: 100%;
        }

        .store-item-gutter {
            width: 2%;
        }

        .footer-logo {
            position: static;
            -ms-transform: translateY(0);
            transform: translateY(0);
        }

        /*  .popup-overlay {
            position: absolute;
        }*/

        .single-store-item-info .cell {
            width: 100%;
        }

        .single-store-item-info .favorite-store-item {
            float: right;
            margin-right: 20px;
        }

        .single-store-item-info .hero-item-img {
            float: left;
        }

        .offers-of-the-week {
            width: 100%;
            float: none;
            margin-bottom: 25px;
            text-align: center;
        }

            .offers-of-the-week .txt-style-2 {
                display: block;
                float: none;
                margin-bottom: 15px;
            }

            .offers-of-the-week .btn-img {
                float: none;
                margin: 2px !important;
            }

        .icon.icon-bars {
            margin: 0px
        }

        .mobileFooter {
            display: block;
        }

        .mobileFooterAlignLogo {
            text-align: left;
        }

            .mobileFooterAlignLogo > img {
                width: auto;
                margin-bottom: 10px;
                /*object-fit: cover;*/
                height:20px;
            }

    .de8fb._293a4._41ee8 {
        /*bottom: 35px !important;*/
        right: 10px !important;
    }

        .mobileFooter a {
            font-size: 12px;
        }
    }


    @media screen and (max-width: 768px) {
        .page-header {
            padding-bottom: 0;
        }

    .main-logo {
        width: 180px;
    }

    .main-nav {
        width: 100%;
    }

        .main-nav ul {
            text-align: center;
        }

        .main-nav li {
            float: none;
            display: inline-block;
        }

    .page-footer {
        text-align: center;
    }

    .footer-logo {
        display: inline-block;
        margin-bottom: 10px;
    }

    .footer-nav {
        display: inline-block;
        float: none;
        margin-bottom: 30px;
    }

    .title {
        display: block;
        float: none;
    }

    .select-language {
        display: inline-block;
        float: none !important;
        margin: 0 0 20px;
    }

    .follow-us {
        display: block;
        float: none;
    }

        .follow-us li {
            display: inline-block;
            float: none;
            padding: 0px 5px;
        }

    .tag {
        margin-bottom: 7px;
    }

    .box-container {
        width: 90%;
    }

    .single-store-item {
        padding: 25px 15px;
    }

    .singe-store-item-img-gallery {
        margin-bottom: 20px;
    }

        .singe-store-item-img-gallery:after, .singe-store-item-img-gallery:before {
            content: "";
            display: block;
            clear: both;
        }

    .single-store-item-info {
        margin-bottom: 20px;
    }

        .single-store-item-info .btn {
            width: 100%;
            margin-bottom: 25px;
        }

        .single-store-item-info .store-item-info-txt {
            width: 100%;
            margin: 0;
            font-size: 16px;
            text-align: center;
        }

    .table {
        margin-bottom: 30px;
    }

    .table-cell {
        display: block;
        width: 100%;
        text-align: center;
    }

    .select-option-container {
        position: relative;
    }

        .select-option-container select {
            display: block;
            z-index: 10;
        }

    .tabs-nav li {
        width: 100%;
        margin: 10px 0 0 0;
        box-sizing: border-box;
    }

    .box-container .col-6 {
        width: 98% !important;
        float: left;
    }

        .single-store-item .col {
            width: 100% !important;
        }

        .addressPopUpBtnsPos {
            text-align: right;          
            padding: 0px 20px 20px 0px;
            position: relative !important;
            bottom: 0 !important;
            left: 0 !important;
        }
        .addrPopupMap {
            margin-top: 20px;
            height:250px!important;
        }

        .tabs-nav.border {
            border-bottom: none;
        }
      
    }

    @media screen and (max-width: 480px) {
        .addresInputFields {
            max-width: 90%;           
            height: 30px;           
            width: 100%;
            border:1px solid #d1d1d1;
            border-radius:4px;
            margin:10px auto;
        }

        .header-block-left.logo-container {
            padding: 19px 0px 19px 0px;
        }      

        .header-btn-right {
            padding: 20px 8px 20px 8px
        }

        #cartMobile {
            padding-right: 20px
        }

        .itemsOnCart{
            left:13px
        }

        /*
        .main-logo-mobile-size {
            width: 110px !important;
        }
*/
        #hero-search-input {
            width: 100px !important;
        }
        .aside-menu {
            width: 100% !important;
        }

    .hero-search-form .second-btn {
        display: none;
    }

    .badge.topBar {
        left: 55% !important;
        top: -53% !important;
    }

    .ui-slider-horizontal {
        width: 90%;
        margin: 0 auto;
    }

    .accordion.icon.icon-down-open-mini {
        padding: 0
    }



    .breadcrumbMob {
        margin: 25px 0px 20px !important
    }

    #cartAsideCheckoutBtn.btn-checkout {
        float:none!important;
    }

     
}


/* Cart styling*/
*, *:before, *:after {
    box-sizing: border-box;
}

.lighter-text {
    color: #ABB0BE;
}

.main-color-text {
    color: #6394F8;
}

#info-header-icon {
    width: 16px;
    height: 16px;
    display: inline;
}

#header-label {
    font-size: 12px;
    color: #5836c2;
    line-height: 30px;
    float: left;
}

.header-more {
    display: none;
}

@media screen and (max-width: 600px) {
    .header-more {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0px 5px;
        background-color: #25E8A7;
        display: block;
        height: 29px;
    }
    /*
        .main-logo-mobile-size {
            width: 170px
        }*/

    .minChargeMob {
        max-width: 185px;
        text-align: right;
    }
}



nav ul li {
    display: inline;
    padding-left: 5px;
}

    nav ul li a {
        text-decoration: none;
        font-size: 13px;
        line-height: 25px;
    }

.navigation-box {
    position: relative;
    margin-top: 21px;
    padding: 8px;
    height: 36px;
    min-width: auto;
    margin-left: 20px;
    border: none;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

/******************* HOME PAGE - START ********************/


@media screen and (min-width:490px){
    .img-mobile-only {
        display: none !important;
    }

    .img-desktop-only {
        display: block !important;
    }
}

@media screen and (min-width:400px)  and (max-width:1297px){
    .outer_top_bar {
        background-image: url('./css-images/WEB_BG.png') !important;
        background-size:cover !important;
    }
}

@media screen and (max-width:1024px) and (min-width:650px) {
    .btnSvlt.homepage-search {
        margin: 0 0 0 16px !important;
    }

    .homepage-deliveryman {
        background-image: url(./css-images/HOMEPAGE_ILL.svg) !important;
        min-height: 400px !important;
        height: 400px !important;
        width: 400px!important;
        margin-top: 79px !important;
    }
 }

@media screen and (min-width:800px){
    .top_bar {
        padding-bottom: 140px;
    }
}

@media screen and (min-width:1298px) {
    .outer_top_bar {
        background-image: none !important;
    }
    .top_bar {
        background-image: url('./css-images/WEB_BG.png');
        background-size: auto;
        background-repeat: no-repeat;
        margin-right: 0px;
        margin-left: -5px;
        padding-bottom: 140px;
    }

    .back-repeat-left {
        height: 690px;
        background: #25E8A7;
        display: block !important;
    }

    .back-repeat-right {
        height: 566.5px;
        background: #25E8A7;
        display: block !important;
    }
}

/* GENERAL - START*/

.categories, .partner-stores, .features-section, .work-with-us-section {
    padding-bottom: 0px;
    padding-top: 0px !important;
}

.section-title {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 20px;
    font-weight: 700;
    color: #202125;
}

.img-mobile-only {
    display: block;
}

.img-desktop-only {
    display: none;
}

/* GENERAL - END*/

/* SECTION 1 - MOBILE VERSION*/
.back-to-top-btn {
    position: fixed;
    bottom: 0px;
    right: 15px;
    z-index: 3 !important;
    padding: 0;
    border: none;
    background: none;
    display: none;
    padding-bottom: 0px;
}

    .back-to-top-btn img {
        height: 50px;
        width: 50px;
        margin:5px
    }

    .back-to-top-btn:focus {
        outline: 0;
    }
.outer_top_bar {
    background-image: url('./css-images/MOBILE_BG_NEW.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.top_bar {
    z-index: 0;
}
.back-repeat-left, .back-repeat-right{
    display:none;
}
.homepage-deliveryman {
    background-image: url(./css-images/homepage-delivery-man-mobile.svg);
    background-repeat: no-repeat;
    min-height: 270px;
    min-width: 280px;
    height: auto;
    width: auto;
    margin-top: -32px; /* So that it is placed next to the button with height 32px!*/
    position: relative;
    z-index: -1;
}
.homepage-title {
    padding: 20px 0px 20px 0px;
    font-size: 20px;
    line-height: 25px;
    max-width: 450px;
    font-weight: 400;
    color: #202125;
    font-family: 'Open Sans', sans-serif;
}

.top_bar h3 {
    font-size: 12px;
    font-weight:600;
}

.top_bar h4 {
    font-size: 11px;
    color: #FFFFFF;
    font-style:italic;
    font-weight:600;
    padding: 0 0 15px 0;
}

input::placeholder { /* Chrome/Opera/Safari */
    font-size: 13px !important;
    line-height: 18px;
    color: #ABABAB;
}

.btnSvlt.homepage-search {
    margin-top: 20px;
    margin-left: 0px;
    padding: 0px 15px;
    font-weight: 600;
    width: 100% !important;
}

#postCodeErrorHomeMob {
    display:block;
}
#postCodeErrorHomeWeb {
    display:none !important;
}

@media screen and (min-width:649px){
    #postCodeErrorHomeWeb{
        display: block !important;
    }

    #postCodeErrorHomeMob {
        display: none !important;
    }
}
/* SECTION 1 - MOBILE VERSION END*/

/* SECTION 2 - MOBILE VERSION START*/
.category-box {
    margin: 15px 0px 15px 0px !important;
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    cursor: pointer;
    transition: box-shadow .25s ease-out;
    box-shadow: 0 0 4px 2px #ddd !important;
}
.home-page-box1 {
    margin: 0 20px 0 0 ;
    width:45%;
}
.home-page-box2 {
    width: 45%;
}
    .category-box a {
        text-decoration: none;
        background-color: transparent;
    }

    .category-box img {
        position: relative;
        width: 100%;
        height: auto;
        transition: all .3s linear;
    }

    .category-box .title-area {
        position: relative;
        padding: 9px 3px 9px 3px;
        font-size: 10px;
        line-height: 14px;
        font-weight: 600;
        color: #fff;
        width: 100%;
        text-align: center;
        /*white-space: nowrap;*/
        overflow: hidden;
        height: 32px;
        border-radius:1px 1px 4px 4px;
    }

.cat-coming-soon {
    position: absolute;
    top: 0;
    bottom:0;
    width: 100%;
    background: #202125 0% 0% no-repeat padding-box;
    opacity: 0.6;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    padding-top: 31.5%;
}
/* SECTION 2 - MOBILE VERSION END*/
/* SECTION 3 - MOBILE VERSION START*/
.partner-stores .section-title {
    padding-bottom: 0px !important;
}
.partner-stores {
    padding-bottom: 10px !important;
}
.show-more {
    font-size: 10px;
    padding-bottom: 16px;
    line-height: 23px;
    text-transform: uppercase;
    font-weight: 600;
    color: #ABABAB;
}

.store-box {
    /*padding: 25px;*/
    width: 100%;
    border: 1px solid #F0F0F0;
    background-color: #ffffff;
    text-align: center;
    border-radius: 4px;
    display: block;
    cursor: pointer;
    border: 0px solid transparent;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
}


    .store-box p {
        font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        color: #1F1D2C;
        text-align: center;

    }

.company-titles h3 {
    color: #202125;
    padding-top: 10px;
    font-size: 12px;
    line-height: 17px;
    font-weight:600;
}

.company-titles p {
    color: #ABABAB;
    font-size: 10px;
    line-height: 14px;
    font-weight:400;
    padding-bottom:10px;
}
/* SECTION 3 - MOBILE VERSION END */

/* SECTION 4 MOBILE VERSION START*/
.features-section {
    padding: 0px;
}

.mySlides {
    box-shadow: 0px 3px 6px #00000029;
    text-align:center;
    width:280px;
    height:308px;
}

.instruction-text-num {
    padding: 16px 0 16px 0;
    text-align:left;

}

.instruction-num {
    color: #36207C;
    font-size: 35px;
    line-height: 47px;
    padding: 0 16px 0 16px;
}

.instruction-text {
    min-width: initial;
    width: 182px;
    font-size: 12px;
    line-height: 17px;
    color: #ABABAB;
    font-weight:600;
}

.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

.features-section .active {
    background-color: #322577;
}
/* SECTION 4 - MOBILE VERSION END */

/* SECTION 5 MOBILE VERSION START*/
.img-btn-container-left, .img-btn-container-right {
    width: 100%;
    text-align: center;
    margin-left: 0px !important;
    padding-bottom: 20px;
}

.work-with-us-section p {
    font-size: 12px;
    line-height: 17px;
    margin: 16px 0 16px 0;
    font-weight: 600;
    color: #202125;
}
.work-with-us-section img {
    border-radius: 4px;
    width:100%;
}
/* SECTION 5 MOBILE VERSION END*/



@media screen and (min-width:1025px){
    /*GENERAL*/
    .categories, .features-section, .work-with-us-section, .partner-stores {
        padding-bottom: 100px !important;
        padding-top: 50px !important;
    }

    .section-title {
        font-weight: 700;
        color: #202125;
        font-size: 25px;
        line-height: 34px;
        padding-bottom: 25px;
    }
    /*GENERAL - END*/

    /* SECTION 1 - WEB VERSION START*/
    .homepage-deliveryman {
        background-image: url(./css-images/HOMEPAGE_ILL.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 400px;
        height: 557px;
        width: 574px;
        margin-top: 79px;
    }
    .homepage-title {
        font-size: 40px;
        line-height: 50px;
        
        width: 518px;
        padding: 100px 0px 50px 0px;
    }
    .top_bar h3 {
        font-size: 18px;    
    }
    .postcode-input{
        width:310px;
    }

    .btnSvlt.homepage-search {
        margin: 0 0 0 16px;
    }
    /* SECTION 1 - WEB VERSION END*/
    
    /* SECTION 2 - WEB VERSION START*/
    .home-page-box1, .home-page-box2 {
        width: 29.1%;
        margin: 0 5.1% 0 0;
    }
    .last-box-desk{
        margin-right:0;
    }

    .category-box .title-area {
        position: relative;
        padding: 7px 0 7px 0;
        font-size: 13px;
        line-height: 18px;
        font-weight: 700;
    }

    .categories .category-box {
        margin-bottom: 50px !important;
    }

    .cat-coming-soon {
        font-size: 20px;
    }

    /* SECTION 3 - WEB VERSION END*/

    /* SECTION 3 - WEB VERSION START*/
    .partner-stores .section-title {
        padding: 0px 0 40px 0 !important;
    }
    .show-more {
        padding-right: 70px;
        font-size: 17px;
        line-height: 23px;
        text-transform: uppercase;
        font-weight: 600;
        color: #ABABAB;
    }
    .store-box {
        border: 1px solid #F0F0F0;
        background-color: #ffffff;
        text-align: center;
    }

        .store-box p {
            font-family: 'Open Sans', sans-serif;
            font-size: 12px;
            color: #1F1D2C;
            text-align: center
        }

        .store-box img{
            width:auto;
        }

    .company-titles h3 {
        color: #202125;
        padding-top: 20px;
        font-size: 16px;
        line-height: 22px
    }

    .company-titles p {
        color: #ABABAB;
        font-size: 14px;
        line-height: 19px;
    }
    /* SECTION 3 - WEB VERSION END*/

    /* SECTION 4 - WEB VERSION START*/
    .features-section {
        color: white;
        padding: 0px 0 0 40px !important;
    }
    .instruction-text-num{
        padding:0;
    }
    .instruction-num {
        padding: 0 20px 0 0;
        font-size: 60px;
        color: #36207C;  
    }

    .instruction-text {
        padding-top:0px;
        font-size: 14px;
        max-width: 250px;
    }

    @media screen and (min-width:1100px) {
        .desk-padding {
            padding: 0 10px 0 30px;
        }
    }
    /* SECTION 4 - WEB VERSION END*/

    /* SECTION 5 - WEB VERSION START*/
    .work-with-us-section {
        padding-top:0px !important;
    }

        .work-with-us-section p {
            color: #202125;
            font-size: 22px;
            font-weight: 600;
            text-align: center;
            margin: 40px 0px 40px 0px;
        }
    .img-btn-container-left, .img-btn-container-right {
        width: 45% !important;
    }

    .img-btn-container-right {
        margin-left: 70px !important;
    }

    .btn-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* SECTION 5 - WEB VERSION END*/
}





/******************* HOME PAGE - END ********************/


    a#cart {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width: 80px;
        color: #5e5e5e;
    }

nav ul li a:hover {
    color: black;
}


.badge {
    background-color: #5836c2;
    border-radius: 10px;
    color: white;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

    .badge.topBar {
        position: absolute;
        left: 30px;
        top: -8px;
        background-color: white;
        border: 1px solid #202125;
        color: #202125;
        font-size: 8px;
        width: 17px;
        height: 17px;
        line-height: 16px;
        padding: 0;
    }

#shopping-cart {
    flex: 1;
    overflow-y: auto;
    padding-right:20px;
    max-height:300px;
}

        #shopping-cart::-webkit-scrollbar, .aside-postcode-content::-webkit-scrollbar {
            width: 6px;
            height: 6px;
            background-color: #25E8A7;
        }

        #shopping-cart::-webkit-scrollbar-track, .aside-postcode-content::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
            border-radius: 8px;
        }

        #shopping-cart::-webkit-scrollbar-thumb, .aside-postcode-content::-webkit-scrollbar-thumb {
            border-radius: 8px;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
        }

    .shopping-cart {
        margin: 20px 0;
        z-index: 1001;
        background: white;
        width: 320px;
        border-radius: 3px;
        padding: 20px;
        border-radius: 0;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.28);
        border-color: transparent;
    }



.shopping-cart-items {
    padding-top: 20px;
}

    .shopping-cart-items li {
        margin-bottom: 15px;
        border-bottom: 1px solid rgb(219, 219, 219)
    }

        /* .shopping-cart-items img {
            float: left;
            margin-right: 12px;
        }*/

        .shopping-cart-items .item-name {
            display: block;
            padding-top: 10px;
            font-size: 16px;
            line-height: 35px;
            color: #5836c2;
            font-weight: 800
        }

    .cart-numbers {
        display: flex;
        /* justify-content: space-between*/
    }

.quantity-container {
    display: flex;
    width: 90px
}

    .quantity-box {
        /* border: 1px solid #5836c2;*/
        flex: 1;
        display: flex;
        height: 30px;
        cursor: pointer;
        /* justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: 800;
        color: #5836c2;*/
}

.quantity-box-center {
    border-left: none;
    border-right: none;
}

.quantity-box-left {
    /*border-radius: 4px 0px 0px 4px;*/
    cursor: pointer;
}

/*    .quantity-box-left:hover, .quantity-box-right:hover {
            background-color: #5836c2;
            color: #ffffff
        }*/

    .quantity-box-right {
        /* border-radius: 0px 4px 4px 0px;*/
    }

.cart-item-close {
    cursor: pointer;
    font-size: 18px;
}


    .shopping-cart-items .item-price {
        color: #25E8A7; /*#1F1D2C;*/
        font-weight: 800;
        font-size: 18px;
        margin: 11px 0px;
    }

.shopping-cart-items .item-quantity {
    color: #ABB0BE;
}

.shopping-cart:after {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: white;
    border-width: 8px;
    margin-left: -8px;
}

.cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left;
}

.button {
    background: #6394F8;
    color: white;
    text-align: center;
    padding: 12px;
    text-decoration: none;
    display: block;
    border-radius: 3px;
    font-size: 16px;
    margin: 25px 0 15px 0;
}

    .button:hover {
        background: #729ef9;
    }

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #14083b;
    border-color: #14083b;
}

.btn.disabled, .btn:disabled {
    opacity: .65;
}

/* Checkout steps bar */
.wpmc-tabs-wrapper {
    width: 100%;
    display: block;
    margin: 0 auto
}

    .wpmc-tabs-wrapper .wpmc-tabs-list {
        background: #f9f9f9;
        margin: 0;
        padding: 0 !important
    }

    .wpmc-tabs-wrapper .wpmc-tab-item {
        font-size: 13px !important;
        line-height: 13px !important;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        display: table-cell;
        float: left;
        padding-top: 0;
        padding-bottom: 47px;
        -webkit-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        width: 25%;
        margin-left: 0;
        margin-right: 0
    }

.wpmc-1-tabs .wpmc-tab-item {
    width: 100%
}

.wpmc-tabs-list.wpmc-2-tabs .wpmc-tab-item {
    width: 50%
}

.wpmc-tabs-list.wpmc-3-tabs .wpmc-tab-item {
    width: 33%
}

.wpmc-tabs-list.wpmc-4-tabs .wpmc-tab-item {
    width: 25%
}

.wpmc-tabs-list.wpmc-5-tabs .wpmc-tab-item {
    width: 20%
}

.wpmc-tabs-list.wpmc-6-tabs .wpmc-tab-item {
    width: 16.6%
}

.wpmc-tabs-wrapper .wpmc-tab-item:before {
    display: block;
    content: "";
    border-bottom: 2px solid transparent;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s
}

.wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number {
    display: inline-block;
    line-height: 28px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    height: 30px;
    margin-top: -14px;
    color: #999;
    background: #fff;
    border-radius: 50%;
    position: relative;
    -webkit-transition: color .3s, background .3s;
    -o-transition: color .3s, background .3s;
    transition: color .3s, background .3s;
    font-size: 16px;
    font-weight: 400;
}

.wpmc-tabs-wrapper .wpmc-tab-item .number-text {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.wpmc-tabs-wrapper .wpmc-tab-text {
    /*display: none;*/
    font-size: 13px;
    line-height: 1.25;
    font-weight: normal;
    letter-spacing: .3px;
    text-transform: capitalize;
    padding-top: 8px;
    position: absolute;
    top: 15px;
    width: 100%;
    text-align: center;
    font-weight: 800;
}

.wpmc-tab-item:first-child .wpmc-tab-text {
    position: absolute
}

.wpmc-tab-item:last-child .wpmc-tab-text {
    position: absolute;
    left: auto;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media screen and (min-width:767px) {
    .wpmc-tabs-wrapper .wpmc-tabs-list {
        display: block
    }

    .wpmc-tabs-wrapper .wpmc-tab-item {
        display: block;
        vertical-align: top;
        padding-bottom: 20px
    }

        .wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-text {
            display: block;
            position: relative;
            top: auto;
            left: auto;
            right: auto
        }

        .wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number {
            margin-top: -14px
        }
}

@media screen and (min-width:1200px) {
    .wpmc-tabs-wrapper .wpmc-tab-text {
        font-size: 13px
    }
}

.wpmc-tabs-wrapper .wpmc-nav-text {
    color: #555
}

    .wpmc-tabs-wrapper .wpmc-nav-text a {
        color: #e23636
    }

.wpmc-tabs-wrapper .wpmc-nav-text,
.wpmc-tabs-wrapper .wpmc-nav-buttons {
    border-color: #d9d9d9
}

.woocommerce-checkout .woocommerce .wpmc-tabs-wrapper form label.error {
    color: #e23636 !important
}

.wpmc-tabs-wrapper .wpmc-tabs-list {
    font-weight: 600
}

.wpmc-tabs-wrapper .wpmc-tab-item {
    color: #aaa
}

    .wpmc-tabs-wrapper .wpmc-tab-item .wpmc-tab-number {
        color: #000;
        background: #fff;
        border: 1px solid #ccc
    }

    .wpmc-tabs-wrapper .wpmc-tab-item.current {
        color: #5836c2
    }

        .wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number {
            color: #fff;
            background: #5836c2;
            border: 2px solid #ccc
        }

        .wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-text {
            display: block
        }

    .wpmc-tabs-wrapper .wpmc-tab-item:before {
        border-bottom-color: #c9c9c9
    }

    .wpmc-tabs-wrapper .wpmc-tab-item.visited:before {
        border-bottom-color: #000
    }

    .wpmc-tabs-wrapper .wpmc-tab-item .number-text {
        top: 1px
    }

.wpmc-tabs-wrapper .tab-completed-icon {
    top: 2px
}

.wpmc-nav-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    margin-top: 1em;
    width: calc(100% + 4px);
    clear: both
}

button#wpmc-back-to-cart {
    margin-right: auto
}

.woocommerce .wpmc-nav-wrapper button.wpmc-nav-button {
    display: none !important;
    margin-right: 2px;
    margin-left: 2px
}

    .woocommerce .wpmc-nav-wrapper button.wpmc-nav-button.current {
        display: inline-block !important
    }

.wpmc-step-item {
    display: none !important
}

    .wpmc-step-item.current {
        display: block !important
    }

.woocommerce-checkout form.login .wc-social-login {
    display: block !important
}

.woocommerce-checkout .wpmc-step-item #order_review,
.woocommerce-checkout .wpmc-step-item #order_review_heading {
    width: 100%
}

@-moz-document url-prefix() {
    .sq-input {
        height: 60px !important
    }
}

#map {
    height: 200px; /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

    .sticky-header {
        background-color: #fff;
        -webkit-box-shadow: 0 5px 5px #00000029;
        -moz-box-shadow: 0 5px 5px #00000029;
        box-shadow: 0 5px 5px #00000029;
        height:70px
    }




.bolderText {
    font-weight: 700;
}


.header-block-right i.fa-sort-down {
    color: #ABABAB;
    position: relative;
    top: -3px;
    padding: 0px 3px;
}

.header-block-right i.fa-user {
    color: #000000;
    padding: 0px 7px;
}

    .filter-button:hover i, .cart-button:hover i {
        color: #5836c2
    }

#header-cart-button .down-icon {
    position: absolute;
    right: 10px;
    top: 10px
}

.hidden {
    display: none;
}

.activeBlock {
    display: block
}

.addressBox {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #5836c2;
    border-radius: 10px;
    padding: 10px;
    margin: 10px;
}

.innerAddress {
    flex: 1
}

.newAddress {
    background-color: #e4ddf8;
}

    @media screen and (min-width:650px) {
        .homepageForm {
            display: flex;
            flex-direction: row;
            /*padding: 15px 0px 0px 0px;*/
        }
    }

.homepage-cta-box {
    border: 1px solid white;
    background-color: #5836c2;
    border-radius: 10px;
    width: 500px;
    padding: 20px;
    margin: 10px auto;
}

.homepage-cta {
    box-sizing: border-box;
    width: 150px;
    padding: 4px;
    border-radius: 4px;
    background-color: #5836c2;
    margin: 10px 20px;
    cursor: pointer;
    display: block;
    opacity: 0.85;
    text-align: center;
}

    .homepage-cta.checked, .homepage-cta:hover, .cta-partner-box:hover {
        border: 2px solid #5836c2;
        background-color: #ffffff;
        color: #5836c2;
        transition: all 1000ms ease-out 100ms, color 0ms;
        -webkit-box-shadow: 0px 0px 5px 2px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
        -moz-box-shadow: 0px 0px 5px 2px #ccc; /* Firefox 3.5 - 3.6 */
        box-shadow: 0px 0px 3px 1px #fff; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    }

.cta-icon {
    font-size: 50px;
    color: #FFFFFF;
    margin: 10px;
}

.homepage-cta.checked .cta-icon,
.homepage-cta.checked .cta-inner,
.homepage-cta.checked .title-v3,
.homepage-cta.checked p,
.homepage-cta:hover .cta-icon,
.homepage-cta:hover .cta-inner,
.homepage-cta:hover .title-v3,
.homepage-cta:hover p,
.cta-partner-box:hover .cta-icon,
.cta-partner-box:hover .cta-inner,
.cta-partner-box:hover .title-v3,
.cta-partner-box:hover p {
    color: #5836c2 !important;
}

.homepage-cta .title-v3 {
    color: #ffffff;
}

.postcode-Search {
    font-size: 18px;
    cursor: pointer;
    color: #FFFFFF;
    background-color: transparent;
    border: 1px solid #ffffff;
    padding: 12px;
}


input::placeholder { /* Chrome/Opera/Safari */
    font-size: 16px;
    line-height: 16px;
}


.cta-inner {
    margin: 15px 0px;
    color: #1F1D2C;
    display: block
}



.title-v3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #5836c2;
    line-height: 30px;
}

.cta-inner p {
    font-size: 13px;
}

.cta-right {
    padding: 37px 5px;
    font-size: 26px;
    line-height: 25px;
}

.video-section {
    position: relative;
}

.homepage-main-left {
    width: 49%;
    padding: 20px;
    margin: 0px;
    float: left
}

.homepage-main-left-inner {
    width: 700px;
    max-width: 700px;
    margin: auto;
}

.homepage-main-right {
    float: right;
    margin: 0px;
    overflow: hidden;
    z-index: -100;
    height: auto;
    width: 49%
}

@media screen and (max-width: 500px) {
    .addresspopupTitle{
        font-size:16px;
    }

    .addresspopupinstrspad{
        padding:0px 20px 20px 20px!important;
    }

    .hideInMobile {
        display: none;
    }

    .cta-inner p {
        display: none
    }

    .cta-inner .title-v3 {
        line-height: 70px;
    }

    .homepage-cta-box {
        width: 100%;
    }

    .homepage-cta {
        margin: 5px;
    }

    .title-v3, .homepage-cta-box p {
        font-size: 12px;
    }

    .back-to-top-btn img {
        height: 40px;
        width: 40px;       
    }
}

@media screen and (max-width: 740px) {

    .homepage-cta {
        width: 100%;
    }

    .hideInMobile {
        display: none;
    }

    .cta-inner p {
        display: none
    }

    .cta-inner .title-v3 {
        line-height: 70px;
    }

    .homepage-main-right {
        display: none;
    }

    .homepage-main-left-inner {
        width: 95%;
        margin: auto;
    }
}

@media screen and (max-width: 1440px) {
    .homepage-main-left {
        width: 100%;
    }

    .cta-partner-box {
        width: 100% !important;
    }

    .homepage-main-right {
        display: none;
    }
}

.cta-partner-box {
    box-sizing: border-box;
    width: 48%;
    border: 1px solid #BBB;
    border-radius: 4px;
    background-color: #FFFFFF;
    margin: 10px auto;
    cursor: pointer;
    display: block;
    opacity: 0.85;
    display: flex;
    flex-direction: row
}

.fxd {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fxd-inner {
    flex: 1;
    padding: 10px
}

.cta-partner-box .nav-left {
    height: 100%;
}

.cta-partner-box.left {
    float: left
}

.cta-partner-box.right {
    float: right
}

.video-play {
    width: 100%;
}


    .input-purple {
        background-color: #FFFFFF;
        border-radius: 5px;
        height: 50px;
        font-size: 13px;
        line-height: 23px;
        color: #1F1D2C;
        padding: 10px 10px 10px 40px;
        border: 1.2px solid #5836c2;
    }

    .postcode-input {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius:2px;
        border-color: transparent;
        position: relative;
        height: 32px;
        width:100%;

    }

/*    @media screen and (max-width:1080px){

        .postcode-input {
            width: auto !important;
        }
    }*/

    .postcode-input i.left {
        position: absolute;
        left: 15px;
        top: 8px;
        color: #ABABAB;
    }

    .postcode-input i.right {
        position: absolute;
        cursor: pointer;
        right: 15px;
        top: 10px;
        color: #ABABAB;
    }

    .postcode-input:focus + i {
        color: #000;
    }

    .postcode-input .error-border {
        border-color: red;
    }

.postcode-input-aside {
    position: relative;
}

    .postcode-input-aside i.right {
        position: absolute;
        cursor: pointer;
        right: 15px;
        top: 38px;
        color: #ABABAB;
    }

.input-purple::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ABABAB;
    text-align: left;
    opacity: 1; /* Firefox */
}

.input-purple::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ABABAB;
    text-align: left;
}

.input-purple::-ms-input-placeholder { /* Microsoft Edge */
    color: #ABABAB;
    text-align: left;
}

.box-title {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 100px;
    line-height: 100px;
    background-color: #5836c2;
    font-size: 20px;
    color: #ffffff;
    margin: 0 auto;
    text-align: center;
}


.category-box-inner:hover .box-title {
    bottom: 0px;
    height: 100%;
    line-height: 300px;
    transition: all 400ms linear;
}

.supermarketbox {
    background-image: url('./UploadImages/supermarkets.png')
}

.pharmacies {
    background-image: url('./UploadImages/pharmacies.jpg')
}

.businessesbox {
    background-image: url('./UploadImages/forBusinesses.jpg')
}

.florists {
    background-image: url('./UploadImages/florists.png')
}

.home {
    background-image: url('./UploadImages/homeandgarden.jpg')
}

.electronics {
    background-image: url('./UploadImages/electronics.png')
}

.main-logo {
    display: block;
}

.main-logo-mobile {
    display: none;
}

    @media (max-width: 1024px) {
        #_68625{ /* specific id  for webchat*/
            display:none!important;
        }
        .main-logo {
            display: none
        }

        .main-logo-mobile {
            display: block
        }

        .header-block-left.logo-container {
            padding: 19px 0px 19px 0px;
        }

        .accountmobile + .dropdown-menu.active, .accountmobile.dropdown-menu.active {
            width: 500px;
            visibility: visible;
            opacity: 1;
            top: 0;
            z-index: 100;          
            height: 100vh;
        }
    }

    .website-details {
        background-color: #25E8A7;
        position: relative;
        z-index: 0;
        padding: 20px;
    }

    .background-image-block {
        width: 30%;
        height: 100%;
        position: absolute;
        bottom: 0;
        background-repeat: no-repeat;
        z-index: -1;
        background-position-y: center;
    }

    .website-details-left-image {
        background-image: url(./css-images/vegetables.jpg);
        background-position-x: right;
        left: 0;
    }

    .website-details-right-image {
        background-image: url(./css-images/electronics.jpg);
        right: 0;
        background-position-x: left;
    }


   /* .features-section {
        background-color: #5836c2;
    }*/

    .features-section {
        color: white;
        /*margin-top: 50px;*/
        padding: 20px;
    }

    .feature-text {
        float: right;
        width: 220px;
        padding: 25px 0px
    }


    .icon-rounded-container {
        height: 70px;
        width: 70px;
        border: 2px solid #ffffff;
        border-radius: 70px;
        float: left;
    }

    .feature-icon {
        font-size: 65px;
        color: white;
        margin: 25px;
        padding: 0px;
        margin: 0px;
    }

    .feature-box {
        float: left;
        width: 300px;
        margin: 10px;
    }


/*
    Aside Menu for the post code
*/

.postcode-aside-menu, .aside-menu-mobile, .aside-search-mobile, .aside-sorting-mobile {
    background: #fff;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-sizing: border-box;
}

    .postcode-aside-menu:after, .postcode-aside-menu:before, .aside-menu-mobile:after, .aside-menu-mobile:before, .aside-search-mobile:after, .aside-search-mobile:before, aside-sorting-mobile:after, .aside-sorting-mobile:before{
        content: "";
        display: block;
        clear: both;
    }


.aside-menu-container-postcode, .aside-menu-container-mobile, .aside-search-container-mobile, aside-sorting-container-mobile {
    width: 0;
}

@media screen and (max-width: 500px) {
    .postcode-aside-menu, .aside-menu-mobile, .aside-search-mobile, .aside-sorting-mobile {
        width: 100% !important
    }
}

.postcode-aside-menu, .aside-menu-mobile, .aside-search-mobile, .aside-sorting-mobile {
    width: 500px;
    position: fixed;
    top: 0;
    right: -500px;
    bottom: 0;
    padding: 0;
    z-index: 101;
    transition: right 250ms ease-out 10ms;
}

.aside-menu-mobile, .aside-search-mobile, .aside-sorting-mobile {
    padding: 20px;
}

.select-address {
    display: block;
    background-color: #5836c2;
    color: #ffffff;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #5836c2;
    border-radius: 4px;
    padding: 0px 25px;
    height: 40px;
    display: cursor;
}

.address-box {
    padding: 20px;
    border-top: 1px solid #F0F0F0;
    line-height: 35px;
    display: flex;
    justify-content: space-between;
}

.postcode-aside-menu.active, .aside-menu-mobile.active, .aside-menu-container.active, .aside-search-mobile.active, .aside-search-container-mobile.active {
    right: 0;
}

.aside-sorting-mobile.active, .aside-sorting-container-mobile.active {
    width: 100%;
    right: 0;
}



.aside-menu-inner li {
    padding: 10px 5px;
}

.aside-close-button {
    /* width: 74px;
        height: 74px;
        padding-top: 20px;
        font-size: 35px;
        color: #ABABAB;
        text-align: center;
        line-height: 74px;
        cursor: pointer;
        z-index:1 !important;*/
        width: 20px;
        height: 20px;        
        opacity: 1;      
        
}

    .aside-title {
        background-color: #FFFFFF;
        height: 74px;
        flex: 1;
        color: #5836c2;
        font-weight: 800;
        line-height: 70px;
        font-size: 18px;
        padding-left: 25px;
        z-index: 1;
    }

    .aside-menu-container-postcode .fa-times {
        position: fixed;
    }

.aside-postcode-content p {
    text-align: center;
    font-size: 16px;
    line-height: 35px;
    color: #1F1D2C;
    border-bottom: 7px solid #25E8A7;
}

.postcode-map-icon {
    cursor: pointer;
    display: inline;
}

    .aside-postcode-content {
        padding: 25px 10px 25px 25px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

.headline-dark {
    font-size: 18px;
    color: #1F1D2C;
    line-height: 35px;
    font-weight: 600;
}



/* Hide default HTML checkbox */


.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #5836c2;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #5836c2;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 18px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.toggle-active-text {
    color: #5836c2;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.toggle-inactive-text {
    color: #8492A6;
    font-size: 16px;
    line-height: 22px;
}

.toggle-container {
    text-align: center;
    padding: 10px 0px 30px;
}

.hide {
    display: none
}

.terms-container h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 15px 0px;
    color: #1F1D2C;
}

.terms-container p {
    padding: 10px 0px;
    text-align: justify;
}

#terms ul li {
    display: block;
    padding: 5px 0px;
}

.payment-container {
    border: 1px solid #5836c2;
    border-radius: 10px;
    padding: 10px;
}

.payment-btn {
    width: 80%
}

.order-item {
    border: 1px solid #ccc;
    border-radius: 10px;
    margin: 5px;
    padding: 20px;
}

.paymentLink {
    text-decoration-line: underline;
    color: #5836c2
}

    .agoralogoimg {
        width: 200px;
        height: 130px;
        object-fit: contain;
    }

    @media screen and (max-width: 765px) {
    .agoralogoimg {
        width: 130px;
        height: 75px;
        object-fit: contain;
    }
}

    .item-minPrice {
        color: #ababab;
        font-size: 16px;
    }

.store-summary {
    border-bottom: 2px solid #1F1D2C;
    margin: 20px 0px;
    padding: 20px;
    background-color: #efefef;
    text-align: right;
    font-size: 14px;
}

.summary_label {
    float: right;
}

.summary_value {
    float: right;
    width: 120px;
    text-align: right;
}

.attribute-value {
    margin: 5px;
    border: 1px solid #5836c2;
    padding: 5px;
    border-radius: 5px;
    min-width: 55px;
    text-align: center;
}

    .attribute-value.selected, .attribute-value:hover {
        background-color: #5836c2;
        color: white;
    }


.product-variation-box {
    display: flex;
    cursor: pointer;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 400;
    margin-bottom:16px;
}
    .product-variation-box span {
        cursor: default;
    }
    .integrationBox img {
    width: 160px;
}

@media screen and (max-width: 800px) {
    .integrationBox img {
        width: 120px;
    }
}

@media screen and (max-width: 400px) {
    .integrationBox img {
        width: 100px;
    }
}

.mobile-top-nav {
    z-index: 1000;
    position: fixed;
    background-color: #FFFFFF;
    top: 60px;
    left: 0;
    right: 0;
    /*  -webkit-box-shadow: 0 -3px 5px rgba(57, 63, 72, 0.3);
    -moz-box-shadow: 0 -3px 5px rgba(57, 63, 72, 0.3);
    box-shadow: 0 -3px 5px rgba(57, 63, 72, 0.3);*/
}

    .mobile-top-nav .btn {
        height: 60px;
        width: 100%;
        background-color: #F7F7F7;
        border: 1px solid #F7F7F7;
        line-height: 1;
        padding: 20px 0;
    }

        .mobile-top-nav .btn span {
            font-size: 13px;
            color: #ABABAB;
            font-weight: 600;
        }

.sortFiltersLine {
    border-left: 2px solid rgba(0,0,0,0.12);
    height: 32px;
    margin-top: -5px;
}

@media screen and (max-width: 1024px){
    .productResultSection {
        padding: 66px 0;
    }

    .search-results{
        margin-top:20px;
    }

    .headerExternalContainer{
        margin-top:25px;
    }

    .noFilters .headerExternalContainer {
        margin-top: -30px;
    }
}

    .mobile-top-nav .badge {
        border: 1px solid #63c299;
        color: #63c299;
    }


.virtual-stand .owl-stage-outer {
    border-bottom: 15px solid #36207C;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    color: #444;
    cursor: pointer;
    text-align: left;
    background-color: white;
    border: none;
    outline: none;
    transition: 0.4s;
    padding: 4px;
    height: 20px;
    width: 20px;
}

.checkboxPartialChecked {
    background-color: #b5aecf;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    /*font-size:20px;*/
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
}

    .btnSvlt {
        -webkit-box-shadow: 0px 3px 6px #00000029;
        -moz-box-shadow: 0px 3px 6px #00000029;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 2px;
        background-color: #5836C2;
        border: none;
        color: white;
        padding: 7px 16px 7px 16px;
        height: 32px;
        cursor: pointer;
        outline: none;
    }

    .btnSvlt.homepage-search {
        width: 113px !important;
    }

.deliveryBox {
    position: absolute;
    bottom: 7px;
    color: #FFFFFF;
    padding: 5px 20px;
    font-size: 12px;
}

.storeMerchant {
    color: #ABABAB;
    font-size: 10px;
    font-weight: 400;
    display:block;
    line-height:14px;
    min-height:28px;
}

.store-cta {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.fontsColor {
    color: #202125;
}


.service-selection {
    /*min-height: 60px;*/
    color: #ababab;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

@media screen and (min-width:500px) {
    .service-tab {
        padding: 15px 24px 11px 24px;
        float: left;
    }

   

}

@media screen and (max-width:500px) and (min-width:420px) {
    .service-tab {
        padding: 15px 0px 11px 0px;
        float: left;  
        width:50%;
        text-align:center;
    }
    .service-selection .row {
        width: 100%
    }
}

@media screen and (max-width:420px) and (min-width:372px) {
    .service-tab {
        padding: 15px 0px 11px 0px;
        float: left;
        width: 50%;
        text-align:center;
    }

       
    .service-selection .row {
        width: 100%
    }
}

@media screen and (max-width:372px) {
    .service-tab {
        padding: 15px 0px 11px 0px;
        float: left;
        width: 50%;
        text-align:center;
    }
    .service-selection .row {
        width: 100%
    }
}

.service-tab.selected {
    color: #36207C;
    border-bottom: 3px solid #36207C;
}

.courier-service-steps {
    background-color: #F7F7F7;
}

    .courier-service-steps h1 {
        font-size: 30px;
        padding-top: 30px;
    }

.form-multiplication {
    line-height: 40px;
    padding: 0px 10px;
    color: #ABABAB;
}

.svl-inpt.sm {
    width: 150px
}


#topBarPcSection {
    display: inline
}


.extraTopSpace {
    margin-top: 0px;
}

.cartlogoBackground {
    position: absolute;
    bottom: 0;
    background-color: #FFFFFF;
    padding: 10px;
    border-radius: 14px;
    text-align: center;
    -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}


@media screen and (min-width:800px) {
    .step-wizard {
        width: 65%;
        padding-top: 50px
    }
}

@media screen and (max-width:800px) {
    .step-wizard {
        width: 100%;
        padding-top: 50px
    }
}

.package-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.package-left {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    flex-direction: column
}

.package-right {
    display: flex;
    flex-direction: column;
}

.svl-inpt.full {
    width: 100%;
}

    input[class*="noArrow"]::-webkit-outer-spin-button,
    input[class*="noArrow"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    input[class*="noArrow"][type=number] {
        -moz-appearance: textfield;
    }

    @media screen and (max-width:1295px) {
        .package-box {
            display: block;
        }

    .package-left {
        display: block;
    }

    .package-box .svl-inpt {
        margin: 0px 0px 20px 0px !important;
    }
}

.addressPopUpBtnsPos {
    position: absolute;
    bottom: 20px;
    left: 90px;
}
@media screen and (min-width:768px) {
    .partner-delivery-boy {
        padding-top: 140px
    }
  
    

    .tab.savedAddresses {
        max-height: 250px;
        overflow-y: scroll;
    }

}

/* AGORA PAGE STYLING - START */
.working-hours-container {
    float:right;    
    display:block;
}

    .working-hours-block span {
        display: block;
    }

    .working-hours-block {
        display: inline-block;
        font-size: 14px;
    }

    .block-right {
        padding-left: 10px;
    }
    .block-left {
        padding-right: 10px;
    }

    .vertical {
        border-left: 1px solid black;
        height: 40px;
        display: inline-flex;
        /*padding-top:20px;*/
        /*position: absolute;
    width:1px;*/
    }

    .agora-store-container {
        background-color: #FFFFFF;
        padding-top: 12px;
        padding-bottom: 12px;
        width: 224px;
        border-radius: 14px;
        text-align: center;
        -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    }

    .agora-shops .company-titles {
        padding-bottom: 50px;
    }

    .agora-shops, .agora-shops-header {
        padding-left: 100px;
    }
        .agora-shops p {
            font-size: 17px;
        }
        .agora-shops h3 {
            font-size: 15px;
        }
    .agora-shop-inner-container {
        width: 50%;
    }

    @media screen and (max-width:900px) {
        .agora-shop-inner-container {
            width: 100%;
        }
    }
    @media screen and (max-width:780px) {
        .agora-shops, .agora-shops-header {
            padding-left: 250px;
        }
    }
    @media screen and (max-width:580px) {
        .agora-shops, .agora-shops-header {
            padding-left: 0px;
        }

        .agora-shops-header {
            padding-top: 30px;
        }

        .agora-store-container {
            margin: 0 auto
        }

        .agora-shops .company-titles {
            text-align: center
        }
    }


    /* AGORA PAGE STYLING - END */

    #newsletter_input {
        margin-bottom: 0px !important;
    }

    @media screen and (max-width:769px) {
        .product-details-btn {
            width: inherit;
        }
            .product-details-btn a {
                width: inherit;
            }
    }

    .price-and-add-to-card {
        width: 100%;
    }

    .cart-aside-container {
        position: absolute;
        bottom: 0px;
        top: 60px;
        left: 0px;
        right: 0px;
    }
    .service-tab-mobile {
        display: none;
    }

@media (min-width: 1025px) {
    .header-btn-right:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        top: 67px;
        width: 300px;
        /* padding:20px;*/
    }

    .header-btn-right:hover .cart-dropdown .dropdown-menu, .cart-dropdown .dropdown-menu {
        width: 700px
    }

    .header-btn-right:hover.lang .dropdown-menu {
        width: 130px
    }

    .topPadding {
        padding-top: 70px
    }

    .addresspopup-left {
        width: 440px
    }
    .back-to-top-btn {
        right: 20px;
        bottom:90px;
    }
}

@media screen and (max-width:1024px) {
    .service-tab-mobile {
        display: block;
    }

   
}

.search-mobile-tag {
    position: absolute;
    top: -8px;
    left: 10px;
    font-size: 11px;
    background-color: white;
    color: #36207c;
    padding: 0px 5px;
    display: none;
}

.search-input-mobile:focus + .search-mobile-tag {
    display: block;
}

.fakosClass {
    position: absolute;
    top: 7px;
    left:10px;   
}

.search-input-mobile:focus ~ .fakosClass {
    display: none;
}

.aside-close-button-search-mobile {
    /*  padding-top: 5px;
    line-height: 0px;
   height:50px!important;
    width:50px!important;*/
}

.iconsvg {
    width:20px;
    height:20px;   
}
li img.iconsvg{
    margin-right:15px
}


.fas.fa-check-circle{
    color:#36207c
}

.hideelm{
    display:none
}

.onTopElmzindex{
    z-index:205
}

/****************** QUICK SHOP STYLING - START ******************/

.quickShopModalContainer {
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    height: fit-content;
    background-color: #FFFFFF;
    box-shadow: 0 0 24px 0 rgba(0,0,0,0.22), 0 24px 24px 0 rgba(0,0,0,0.30);
    border: 1px solid #0000001F;
    z-index: 2;
    padding: 24px;
    width: auto;
    max-width:inherit;
    margin: 0 110px 0 110px;
}

.quickShopModalLeftCon {
    display: flex;
    flex: 1;
    position: relative;
    height: 350px;
    width: 350px;
    margin-right: 40px;
    color: #FFFFFFFF;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
    border-radius: 4px;
    align-items: center; /* To center the image in case that it does not take the full width!*/
    justify-content: center;
}

.deliveryBoxModal {
    position: absolute;
    top: 0px; /* Place it at the let-top corner of the left container */
    left: 0px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    padding: 5px 10px 5px 10px
}

.quickShopModalLeftCon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.quickShopModalRightCon {
    flex: 2;
    width:150px;
}

    .quickShopModalRightCon .title {
        font-size: 20px;
        font-weight: 600;
        line-height: 27px;
        color: #5836C2;
        max-width: 550px;
    }

    .quickShopModalRightCon .store-item-price-qs {
        font-size: 16px;
        font-weight: 600;
        color: #262626;
        text-align: left;
        margin: 15px 0 20px 0px;
    }

#quickShopModalDesc {
    font-size: 14px;
    font-weight: 400;
    color: #262626;
    text-align: justify;
    height: 78px;
    overflow: hidden;
    margin-right: 33px;
}
     /*To avoid overflow when <pre> tag is used in product description from Customer portal*/
    #quickShopModalDesc pre {
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
    }

    #quickShopModalDesc table {
        width:inherit;
        overflow-wrap:anywhere;
    }

    /*Styling of scrolling bar - in description div*/
    #quickShopModalDesc::-webkit-scrollbar {
        width: 6px;
        height: 2px;
    }

    #quickShopModalDesc::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background: #555;
    }

#readMore {
    font-weight: 600;
    font-size: 12px;
    color: #36207C;
    text-align: justify;
    padding-top: 1px;
}

.quickShopModalRightCon .quantity-container {
    margin: 16px 0 16px 0;
}

.addProdShowDetailContainer {
    margin-top: 40px;
}

.display-prod-details {
    font-size: 13px;
    line-height: 21px;
    font-weight: 600;
    color: #5836C2;
    display: inline-block;
    margin-right: 20px;
}

.hideNoWeb {
    display: none !important;
}

#quickshop-popup-overlay-inner::-webkit-scrollbar {
    display: none;
}

.quickShopModalRightCon .popupfatimes {
    padding: 0px 20px 0px 0px
}

@media screen and (max-width:500px) {
    .hideNoWeb {
        display: block !important;
    }

    .quickShopModalContainer {
        margin: 0 20px 0 20px;
    }

    .quickShopModalLeftCon {
        display: none;
    }

    .quickShopModalRightCon .title {
        font-size: 14px;
        margin-bottom: 28px;
        line-height: 17px;
        max-width: 200px;
    }

    .test {
        display: flex !important;
        flex: 1;
        position: relative;
        height: 173px;
        width: 232px;
        margin: auto;
        color: #FFFFFFFF;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
        border-radius: 4px;
        align-items: center; /* To center the image in case that it does not take the full width!*/
        justify-content: center;
    }

        .test img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

    .quickShopModalRightCon .store-item-price-qs {
        font-size: 14px;
    }

    .addProdShowDetailContainer {
        display: none;
        margin: 0;
        text-align: center;
    }

    #quickShopModalDesc {
        margin: auto;
    }
}

@media screen and (min-width:501px) and (max-width:740px) {

    .quickShopModalContainer {
        margin:0 20px 0 20px;
    }

    .quickShopModalLeftCon {
        width: 200px;
        height: 200px;
        min-width: 200px;
        margin-right:25px;
    }

    .quickShopModalRightCon .title {
        max-width: 430px !important;
    }

    .display-prod-details {
        margin-bottom: 16px;
        width:100%;
    }
}

@media screen and (max-width:900px) and (min-width:730px) {
    .quickShopModalContainer {
        margin: 0 20px 0 20px;
    }

    .quickShopModalLeftCon {
        width: 200px;
        height: 200px;
        min-width: 220px;
    }

    .addProdShowDetailContainer {
        display: block;
    }
}

#quickshop-popup-overlay-inner::-webkit-scrollbar {
    display: none;
}

/****************** QUICK SHOP STYLING - END ******************/


/****************** NO RESULTS FOUND - START ******************/
.no-results-container {
    margin: 30px 20px 30px 20px;
    text-align: center;
}

.no-results-container img {
    margin-bottom: 30px;
}

    .no-results-container .no-results-header {
        text-align: center;
        font-size: 20px;
        color: #202125;
        font-weight: 600;
        line-height: 27px;
        margin-bottom: 30px
    }

    .no-results-container .no-results-content {
        text-align: center;
        font-size: 14px;
        color: #ABABAB;
        font-weight: 600;
        line-height: 19px
    }

    .no-results-container a {
        color: #5F2CCA;
    }

    @media screen and (min-width:530px) and (max-width:730px) {
        .no-results-container {
            margin: 60px 80px 30px 80px;
        }
    }

    @media screen and (min-width:730px) and (max-width:1024px) {
        .no-results-container {
            margin: 60px 120px 30px 120px;
        }
    }

    @media screen and (min-width:1024px) and (max-width:1280px){
        .no-results-container {
            margin: 60px 204px 30px 204px;
        }
    }

        @media screen and (min-width:1280px){
        .no-results-container {
            margin: 60px 204px 30px 204px;
        }
    }

    @media screen and (min-width:1024px) {
        .no-results-container .no-results-header {
            font-size: 26px;
            line-height: 36px;
        }

        .no-results-container .no-results-content {
            font-size: 20px;
            line-height: 27px;
        }
    }
/****************** NO RESULTS FOUND - END ******************/


/****************** ITEM NOTIFICATION - SNACKBAR - START ******************/
.snackbar {
    visibility: hidden;
    position: fixed;
    width: 280px;
    height: 56px;
    margin-left: -140px;
    left: 50%;
    bottom: 90px;
    background-color: #262626;
    border-radius: 4px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
    text-align: left;
    z-index: 4;
    padding: 19px 0 18px 17px;
    display: flex;
}

    .snackbar .content {
        font-size: 14px;
        color: #FFFFFF;
        font-weight: 400;
    }

    .snackbar.enable {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 90px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 90px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 90px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 90px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}


@-webkit-keyframes fadein1025 {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}



@keyframes fadein1025 {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout1025 {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout1025 {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}


@media screen and (min-width:1025px) {
    .snackbar {
        bottom: 30px;
        width: 360px;
    }

        .snackbar.enable {
            visibility: visible;
            -webkit-animation: fadein1025 0.5s, fadeout1025 0.5s 2.5s;
            animation: fadein1025 0.5s, fadeout1025 0.5s 2.5s;
        }

}
/****************** ITEM NOTIFICATION - SNACKBAR - END ******************/

/*** check out ***/

.ckpaddingleft {
    padding-left: 20px
}

.ckpaddingright {
    padding-right: 20px
}

.ckpaddingtlr {
    padding: 22px 20px 0px 20px
}

.input-tag {
    position: absolute;
    top: -8px;
    left: 10px;
    font-size: 11px;
    background-color: white;
    color: #36207c;
    padding: 0px 5px;
    display: none;
}

.input-tagCheckout {
    position: absolute;
    top: -10px;
    left: 28px;
    font-size: 11px;
    background-color: white;
    color: #36207c;
    padding: 0px 5px;
    display: none;
}

.input:focus + .input-tag, input:focus + .input-tagCheckout, select:focus + .input-tagCheckout {
    display: block;
}

.cksectiontitle {
    height: 73px;
    background-color: #F7F7F7;
    line-height: 73px;
    font-size: 24px;
    color: #202125;
    text-transform: uppercase;
    margin-top: 31px !important;
    font-weight: bold;
}

.cknorightleftpad {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.cknopad {
    padding: 0px !important;
}

.ckcontentareaborder {
    border: 1px solid #0000001F;
}

.ckactionbtnpadding {
    padding: 20px !important
}

.cktopbotpadding {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.ckrightalign {
    float: right;
}

.ckeditbtn {
    display: inline-block;
    padding-left: 5px;
    font-weight: bold;
    cursor: pointer;
    font-size:13px;
}

#ckpaysection .flex-grid div {
    margin-right: 20px;
}

#ckpaysection .flex-grid {
    margin-top: 15px;
}


@media (max-width: 768px) {
    .ckpaddingleft {
        padding-left: 10px
    }

    .ckpaddingright {
        padding-right: 10px
    }

    .ckpaddingtlr {
        padding: 16px 10px 0px 16px
    }

    .input-tag {
        position: absolute;
        top: -8px;
        left: 10px;
        font-size: 11px;
        background-color: white;
        color: #36207c;
        padding: 0px 5px;
        display: none;
    }

    .input:focus + .input-tag {
        display: block;
    }

    .cksectiontitle {
        height: 62px;
        background-color: #F7F7F7;
        line-height: 62px;
        font-size: 16px;
        color: #202125;
        text-transform: uppercase;
        margin-top: 20px !important;
        font-weight: bold;
    }


    .ckeditbtn {
        display: inline-block;
        padding-left: 10px;
        padding-right: 5px;
        font-weight: bold;
        cursor: pointer;
        font-size: 13px;
    }


    .btn-mini.ckrightalign {
        display: block;
        text-align: center;
    }

    #ckpaysection .flex-grid div {
        margin: 20px auto
    }

    .ckeditbtn.ckrightalign {
        float: none;
    }

    .nonEditable {
        margin-top:30px
    }
}

@media (max-width: 480px) {
    .ckrightalign {
        float: none;
    }
}

/**************/

/****************** COURIER SERVICE MOBILE MAP MODAL - START ******************/

.active-courier-popup {
    display: none;
}

.map_courier {
    width:100%; 
    height:500px !important;
}

@media screen and (max-width:768px) {

    .popup-overlay-courier-map {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        visibility: hidden;
        opacity: 0;
        background: rgba(110,109,109,0.95);
        z-index: 1010;
        transition: all 200ms ease-out 10ms;
    }

        .popup-overlay-courier-map.active {
            visibility: visible;
            opacity: 1;
        }

    .popup-overlay-inner-courier-map {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        z-index: 1;
        top: 70px;
        bottom: 50px;
        overflow-y: scroll;
        left: 0;
        right: 0;
        margin: 0 auto;
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        transition: all 200ms ease-out 10ms;
    }

        .popup-overlay-inner-courier-map.active {
            visibility: visible;
            opacity: 1;
            -ms-transform: scale(1);
            transform: scale(1);
        }

    .active-courier-popup{
        display:block;
    }

    .mapModalContainer {
        display: none;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        height: fit-content;
        background-color: #FFFFFF;
        box-shadow: 0 0 24px 0 rgba(0,0,0,0.22), 0 24px 24px 0 rgba(0,0,0,0.30);
        border: 1px solid #0000001F;
        z-index: 2;
        /*width: inherit;*/
        width:auto;
        /*max-width: 280px;*/
        max-width: inherit;
        /*margin: 0 auto;*/
        margin: 20px;
    }

    .mapModalContainer .map_title {
        color: #202125;
        font-size:16px;
        font-weight:600;
        line-height:22px;
        max-width: 250px;
        padding:20px;
    }

    .mapModalContainer .map_instructions {
        color: #202125;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        padding: 0 20px 30px 20px;
    }

    .view-on-map-from, .view-on-map-to {
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
        color: #ABABAB;
        padding-left: 10px;
    }

        .view-on-map-from.active, .view-on-map-to.active {
            color: #2C0A51;
        }
}

@media screen and (max-width:414px) {
    .map_courier {
        height: 252px !important;
    }
}

@media screen and (max-width:768px) and (min-width:415px) {
    .map_courier {
        height: 350px !important;
    }
}
/****************** COURIER SERVICE MOBILE MAP MODAL - END ******************/

/****************** LOGIN and REGISTER PAGES - START ******************/

.login-register-logo {
    text-align: -webkit-center;
    text-align: -moz-center;
    margin: 0px 0 30px 0;
}

.loginRegisterForm-container {
    width: auto;
    margin: 0 20px 0 20px;
    text-align: -webkit-center;
    text-align: -moz-center;
}

.loginRegister-fields-container, .emailVerification-container {
    background: #FFFFFF;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
    border-radius: 4px;
}
    .loginRegister-fields-container .loginErrorMsg {
        display: block;
        margin-bottom: 15px;
        font-size: 11px;
        max-width: 240px;
        margin: 0;
        margin-top: -20px;
        margin-bottom: 15px;
        text-align:left;
    }
.loginForm-title, .registerForm-title {
    color: #262626;
    font-size: 18px;
    font-weight: 700;
    margin: 40px 20px 30px 16px;
}

.loginForm-field {
    max-width: 240px;
    margin: 0 20px 20px 20px !important;
}

    .loginForm-field::placeholder { /* Chrome/Opera/Safari */
        opacity: 0.54;
        font-size: 14px;
        color: #262626;
        font-weight: 400;
    }

.forgotPass {
    margin: 0 20px 20px 20px;
}

    .forgotPass a {
        font-size: 12px;
        color: #5836C2;
        font-weight: 400;
        margin-right: 91px;
        display:block;
        margin-top: -15px;
    }

.registerNow, .loginNow {
    font-size: 14px;
    margin: 0 20px;
    color: #262626;
    text-align: center;
    line-height: 19px;
    font-weight: 400;
    margin-bottom: 42px;
}

    .registerNow a, .loginNow a {
        color: #5836C2;
        font-weight: 700;
        text-decoration: underline;
        display:block;
    }

.signInWith{
    display:inline-flex;

}

    .signInWith .signin-line {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #ccc;
        padding: 0;
        width:50px;
    }

    .signInWith p {
        font-size: 13px;
        color: #ABABAB;
        text-align: left;
        font-weight: 600;
        margin: 0 20px;
    }

.externalLoginBtn {
    background: #FFFFFF;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 2px;
    height: 32px;
    font-size: 13px;
    color: #ABABAB;
    text-align: left;
    font-weight: 600;
    padding: 7px 15px 7px 15px;
}

    .externalLoginBtn i {
        margin: 0 10px 0 0;
    }

    .externalLoginBtn img {
        margin: 0 10px 0 0;
        width: 13px;
    }

.emailVerification-container h2 {
    font-size: 18px;
    color: #262626;
    text-align: center;
    font-weight: 700;
    margin: 0px 32px 40px 32px;
}

.emailVerification-container p {
    font-size: 14px;
    color: #262626;
    text-align: center;
    line-height: 19px;
    font-weight: 400;
    margin: 20px;
}

    .emailVerification-container p span {
        color: #5836C2;
        font-weight: 700;
    }

.emailVerification-container .contact-support, .emailVerification-container .resend-code {
    font-size: 14px;
    color: #5836C2;
    text-align: justify;
    font-weight: 700;
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 40px;
}

@media screen and (min-width: 650px) and (max-width:900px) {
    .loginRegister-fields-container, .emailVerification-container {
        width: auto;
        max-width: inherit;
        margin: 0 105px;
    }


    .registerNow a, .loginNow a {
        display: initial;
    }
}

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

    .signInWith .signin-line{
        width: 90px;
    }

    .loginRegister-fields-container, .emailVerification-container {
        width: auto;
        max-width: inherit;
        margin: 0 205px;
    }

    .registerNow a, .loginNow a {
        display: initial;
    }

}

@media screen and (min-width: 1025px) {
    .loginForm-title, .registerForm-title, .emailVerification-container h2 {
        font-size: 24px;
    }

    .emailVerification-container p {
        margin: 20px 60px 20px 60px;
    }

    .verficationCodetxt {
        margin-bottom: 40px;
    }

    .emailVerification-container h2 {
        margin: 0px 114px 40px 114px;
    }

    .emailVerification-container .contact-support {
        margin-bottom: 100px;
    }
}

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

    .loginRegister-fields-container, .emailVerification-container {
        width: auto;
        max-width: 576px;
        margin: 0 332px;
    }
}
/****************** LOGIN and REGISTER PAGES - END ******************/


/**** steps indicator ****/

.orderTrackTitles {
    font-size: 20px;
    color: #262626;
    font-weight: 700;
    text-transform: uppercase;
}

.orderTrackTitleDate {
    color: #25E8A7 !important
}

.sectionOrder {
    background: #FFFFFF;
    box-shadow: 0 3px 6px 0 rgba(38,38,38,0.16);
    border-radius: 4px 4px 0 0;
    padding: 20px;
    margin-bottom:5px;
}

.sectionOrderHead {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 70px
}


.steps {
    display: flex;
    flex-direction: row;
    padding: 0 90px;
    margin-bottom: 130px
}

.stepCircle {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #ABABAB;
    position: relative;
}

/* .step {
        display:flex;
        flex-direction:column;
        align-items:center;
        position:relative
    }*/

.stepDetails {
    position: absolute;
    top: 25px;
    left: 50%;
    text-align: center;
    width: 200px;
    transform: translate(-50%);
}

    .stepDetails .orderStatus {
        color: #ABABAB;
        font-weight: 700;
    }

.activeIndicator .orderStatus {
    color: #5836C2;
}

.stepDetails .statusDate {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #ABABAB;
}

.activeIndicator .statusDate {
    color: #262626;
}
/*   .step::after {
            display: block;
            content: "";
            background-color:  #ABABAB;
            margin-top: 8px;
            height: 4px;
            position: absolute;
            top: 0;
            right: 0;
           left:50%;
            -webkit-transition: border-color .3s;
            -o-transition: border-color .3s;
            transition: border-color .3s;
        }
        .step::before {
            display: block;
            content: "";
            background-color: #ABABAB;
            margin-top: 8px;
            height: 4px;
            position: absolute;
            top: 0;           
            right: 50%;
            left:0;
            -webkit-transition: border-color .3s;
            -o-transition: border-color .3s;
            transition: border-color .3s;
        }
    
        .step.active::before {
            background-color: #5836C2 !important;
        }

        .step.first::after{
            left:50%
        }
        .step.last::after{
            right:50%
        }*/
.activeIndicator {
    background-color: #5836C2 !important;
    border: 1px solid #5836C2 !important;
}

.lineIndicator {
    margin-top: 8px;
    height: 4px;
    border: 2px solid #ABABAB;
    background-color: #ABABAB;
}

@media screen and (max-width:768px) {
    .orderTrackTitles {
        font-size: 16px;
        margin-bottom: 16px
    }

    .orderTrackTitleDate {
        font-size: 14px
    }

    .sectionOrder {
        height: 570px
    }

    .sectionOrderHead {
        display: flex;
        flex-direction: column;
        justify-content: unset;
        margin-bottom: 0px
    }


    .steps {
        flex-direction: column;
        padding: 0px;
        margin-bottom: 0px;
        margin-top: 15px;
        height: 370px;
    }

    /* .step {
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative
    }*/

    .stepDetails {
        position: absolute;
        top: -2px;
        left: 90px;
        text-align: left;
        width: 200px;
        transform: translateX(-50px)
    }

        .stepDetails .orderStatus {
            color: #5836C2;
            font-weight: 700;
        }

        .stepDetails .statusDate {
            margin-top: 5px;
            font-size: 14px;
            font-weight: 600;
        }

    .lineIndicator {
        margin-top: 0px;
        height: inherit;
        width: 4px;
        margin-left: 8px;
        background-color: #ABABAB;
    }

    .moblink{
        display:block;
        margin-top:25px
    }
}


/************************/


/************ SORTING ************/
.sort-menu {
    margin: 1px;
    float: right;
    outline: 1px solid rgba(0,0,0,0.12);
    padding: 5px 0 7px 10px;
    width: 200px;
    height: 32px;
}

.sort-menu-list-inner:hover + .sort-menu {
    outline: 1px solid #5836C2;
}

.sort-menu-list {
    display: block;
    position: absolute;
    z-index: 2;
    width: 200px;
    height: 14px;
}

    .sort-menu-list-inner {
        display: none;
        position: absolute;
        top:14px;
        z-index: 2;
        background: #FFFFFF;
        width: 200px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
        border-radius: 2px;
    }

        .sort-menu-list-inner li a {
            width: 100%;
            display: block;
            padding: 7px 0 6px 16px;
        }
    

    .sort-menu-list li {
        font-size:14px;
        color:#262626;
        font-weight:400;
    }


.mobile-sorting-title {
    font-size: 20px;
    color: #262626;
    font-weight: 600;
}

.checkbox-container {
    display: block;
    position: relative;
    margin-bottom: 20px;
    padding-left: 30px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark-sorting {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #FFFFFF;
    border-radius: 50%;
    border: 2px solid #262626;
    opacity: 0.54;
}

/* When the radio button is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark-sorting {
    border: 2px solid #5836C2;
    opacity: 1;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-sorting:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkbox-container input:checked ~ .checkmark-sorting:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.checkbox-container .checkmark-sorting:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #5836C2;
}
/*To hide sorting dropdown when there are no results*/
.hideSortingBox {
    display: none;
}


/************ SORTING - END ************/



.oldSEOProduct {
    border: none;
    padding:0px;

}

    .oldSEOProduct .singe-store-item-img-gallery {
        margin-bottom: 10px;
        justify-content: center;
        display: flex;
    }

    .oldSEOProduct .singe-store-item-img {
        background: #FFFFFF;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
        border-radius: 4px 4px 0 0;
        justify-content: center;
        display: flex;
    }

    .oldSEOProduct .title {
        font-size: 14px;
        color: #5836C2;
        line-height: 18px;
        font-weight: 600;
        margin-left: 3%;
        margin-right: 3%;
        margin-bottom:16px;
    }

    .oldSEOProduct .store-item-price {
        opacity: 0.54;
        font-family: OpenSans-SemiBold;
        font-size: 14px;
        color: #262626;
        text-align: left;
        font-weight: 600;
        margin-left: 3%;
        margin-right: 3%;
        width:100%;
    }

    .oldSEOProduct .dummyclass {
        margin-left: 3%;
        margin-right: 3%;
        font-size: 14px;
        color: #262626;
        text-align: justify;
        font-weight: 400;
        margin-bottom:19px;
    }

    .oldSEOProduct .testing{
        justify-content:center;
    }

    @media screen and (min-width:769px){
        .oldSEOProduct .singe-store-item-img {
            min-height: 540px;

        }
    }

    @media screen and (min-width:1024px){
        .oldSEOProduct .title {
            font-size: 20px;
        }

        .oldSEOProduct .store-item-price {
            font-size: 16px;
        }

    }


.onboard-customer {
    background: #FFFFFF;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
    border-radius: 2px;
    margin:0 4%;
}

.onboard-customer-title {
    font-size: 16px;
    color: #262626;
    text-align: center;
    font-weight: 700;
    margin: 20px 13.5px 16px 13.5px;
}

.onboard-customer-content {
    font-size: 14px;
    color: #262626;
    text-align: center;
    font-weight: 400;
    margin: 0 10px 20px 10px;
}

@media screen and (max-width:768px){
    .onboard-customer {
        width:92%;
    }
}

@media screen and (min-width:768px) {
    .onboard-customer {
        max-width:512px;
    }
}

#returnSubMessage {
    margin: 20px;
    text-align: center;
    font-size: 14px;
    color: #262626;
    font-weight: 400;
}


/************ CATEGORY BACKGROUND - START ************/
.categoryBackImage {
    height:220px;
    background-size: cover !important;
}
.cat-cloud {
    position:relative;
}
.cat-cloud div {
    position:absolute;
}

.cat-cloud img {
    width: 200px;
    height: 163px;
    margin: 30px 0 0 20px;
}

.category-name-on-cloud {
    height: 145px;
    width: 175px;
    left: 40px;
    top: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
}

    .category-name-on-cloud h1 {
        margin-top: 28%;
        margin-left: 3%;
        max-width: 150px;
    }

@media screen and (min-width:1025px) {
    .cat-cloud img {
        width: 250px;
        height: 204px;
        margin: 40px 0 0 64px;
    }

    .category-name-on-cloud {
        height: 162px;
        width: 223px;
        left: 69px;
        top: 53px;
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        color: #FFFFFF;
        text-transform: uppercase;
    }
        .category-name-on-cloud h1 {
            margin-top: 30%;
            margin-left: 20%;
            max-width: 166px;
        }

}

.setTopPosition {
    top: 280px;
}
/************ CATEGORY BACKGROUND - END ************/

.marketPlace .selectionBox {
    min-height: 85px;
}

.button._449fb {
    height: 50px;
    width: 50px;
}


/* EXTRA PRODUCT IMAGES */
.extra-img-box {
    display: flex;
    height: 70px;
    width: 70px;
    border: 1px solid #e8e8e8;
    margin: 3%;
}

    .extra-img-box:hover {
        box-shadow: 0 0 3px 2px #B8BFFF;
    }

    .extra-img-box img {
        width: 100%;
    }

.magnifying_glass {
    width: 300px;
    height: 300px;
    position: absolute;
    border-radius: 100%;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
    display: none;
    background-color: white;
    z-index: 2;
}