:root {
    --main-color: #76d5ff;
    --black: #000;
    --white: #FFF;
}

body {
    font-family: 'Outfit', sans-serif;
    font-weight: 400;
    color: var(--white);
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    letter-spacing: 0.6px;
    background-color: #141318 !important;
}

.mt-50 {
    margin-top: 50px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

h1, h2, h3, h4, h5, h6 {
    color: #444;
}

/* Override the bootstrap defaults */
.slick-slide {
    height: auto;
    /*min-width: 300px;*/
}

ul, ol {
    padding-left: 0;
    margin: 0;
}

a {
    color: var(--white);
    text-decoration: none;
    /*border-bottom: 1px dashed white !important;*/
    /*border-radius: 0 !important;*/
}

a:hover {
    text-decoration: none;
}

a:focus, a:hover, .btn-link:focus, .btn-link:hover {
    text-decoration: none;
    outline: none;
    color: var(--white);
}

.form-control:focus {
    box-shadow: none;
}

/* Chrome border line */
button:focus {
    outline: none !important;
}

legend {
    font-size: 18px;
    padding: 7px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

label {
    font-size: 14px;
    font-weight: normal;
}

.list-unstyled a {
    text-decoration: none;
}

.list-inline > li {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

div.required .col-form-label:before, div.required .form-label:before {
    content: "* ";
    color: #F00;
    font-weight: bold;
}

@media (max-width: 991px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 1200px) and (max-width: 1409px) {
    .container {
        max-width: 1170px;
    }
}

@media (min-width: 1410px) {
    .container {
        max-width: 1170px;
    }

    .w-78 {
        width: 78%;
    }

    .w-22 {
        width: 22%;
    }

    #product-category #column-left.col-3 {
        width: 20%;
        border: 1px solid #DDE7DE;
        border-radius: 10px;
        padding: 5px;
    }
}

@media (min-width: 768px) {
    .col-form-label {
        text-align: right;
    }
}

#alert {
    z-index: 9999;
}

#alert .alert {
    position: relative;
}

.form-control a {
    color: var(--white);
}

.form-control {
    box-shadow: none;
    border: 1px solid #222;
    font-size: 14px;
    color: var(--white);
    font-weight: 400;
    border-radius: 10px;
    background-color: transparent;
}

.btn-close {
    float: right;
}

@media (min-width: 1300px) {
    #alert .alert {
        right: 50px;
    }
}

@media (min-width: 1400px) {
    #alert .alert {
        right: 0px;
    }
}

@media (min-width: 1600px) {
    #alert .alert {
        right: 100px;
    }
}

@media (min-width: 1800px) {
    #alert .alert {
        right: 200px;
    }
}

@media (min-width: 2000px) {
    #alert .alert {
        right: 300px;
    }
}

@media (min-width: 2200px) {
    #alert .alert {
        right: 400px;
    }
}

@media (min-width: 2400px) {
    #alert .alert {
        right: 500px;
    }
}

@media (min-width: 2600px) {
    #alert .alert {
        right: 600px;
    }
}

@media (min-width: 2800px) {
    #alert .alert {
        right: 700px;
    }
}

@media (min-width: 3000px) {
    #alert .alert {
        right: 800px;
    }
}

@media (min-width: 3200px) {
    #alert .alert {
        right: 900px;
    }
}

@media (min-width: 3400px) {
    #alert .alert {
        right: 1000px;
    }
}

@media (min-width: 3600px) {
    #alert .alert {
        right: 1100px;
    }
}

@media (min-width: 3800px) {
    #alert .alert {
        right: 1200px;
    }
}

@media (min-width: 4000px) {
    #alert .alert {
        right: 1300px;
    }
}

/* header top */
.topbspinner {
    position: relative;
    display: flex;
    align-items: center;
}

.topbspinner::after {
    content: '';
    border-bottom: 2px solid rgba(255, 255, 255, 0.15);
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: -10px;
}

.custom-link {
    text-align: right;
}

.custom-link a {
    color: var(--white);
    transition: all .3s ease;
    margin-left: 10px;
}

.custom-link a:hover {
    color: var(--black);
}

header {
    margin-bottom: 0;
    background-color: var(--main-color);
}

.top-header #closeButton img {
    width: 10px;
    height: 10px;
}

.top-header {
    background-color: #3abef9;
    padding: 10px 0;
}

.lage-link a {
    font-weight: 400;
    transition: all .3s ease;
    color: var(--black);
}

.lage-link img {
    margin-right: 5px;
}

.lage-link a:hover {
    color: var(--black);
}

.wbpipe {
    margin: 0 10px;
}

.ebook-ctn h4 img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    filter: brightness(0);
}

.ebook-ctn h4 {
    font-size: 14px;
    margin: 0;
    font-weight: 400;
    color: var(--white);
}

.ebook-ctn h4 a, .ebook-ctn h4 span {
    font-weight: 400;
}

.ebook-ctn h4 a {
    color: var(--white);
    transition: all .3s ease;
}

.ebook-ctn h4 a:hover {
    color: var(--black);
}

.top-manu {
    padding: 0;
    display: flex;
    align-items: center;
}

.mail-img img {
    margin-right: 10px;
}

.mail:first-child .mail-ctn {
    margin-right: 10px;
}

.megamenu, .call-num, .mail, .mail-img, .mail-ctn {
    display: inline-block;
    text-align: right;
}

.mail-ctn p {
    margin: 0;
    color: var(--white);
    font-weight: 700;
    font-size: 14px;
}

.mail-ctn p span {
    font-weight: 400;
}

.wc-total {
    position: relative;
}

#top-links {
    display: flex;
    align-items: center;
    justify-content: end;
}

.homemenu {
    background-color: var(--main-color);
    padding: 20px 0;
    position: relative;
}

.homemenu .row {
    align-items: center;
}

.h-search.sub-search {
    display: none;
}

.topbsp {
    background-color: #f5f5f5;
    padding: 7px 0;
    position: relative;
}

.topbsp svg {
    width: 20px;
    height: 20px;
}

.topbsp li {
    text-transform: capitalize;
}

.offer_title a {
    font-size: 16px;
    color: var(--white);
    text-transform: capitalize;
    margin: 0 3px;
    cursor: pointer;
    color: var(--white);
}

.offer_title:hover a {
    text-decoration: underline;
}

.xsla .test, .xscu .test {
    font-size: 14px;
    padding: 0;
    border: none;
    transition: 0.3s ease;
    color: var(--white);
}

.hphone {
    margin: 0 20px;
}

.xsla .dropdown-menu, .xscu .dropdown-menu {
    left: auto;
    right: 0;
    color: var(--black);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #f5f5f5;
    color: var(--black);
}

.xsla .fa, .xscu .fa {
    font-size: 14px;
    margin: 0 4px;
    display: inline-block;
    vertical-align: middle;
}

.hdis span.main-title {
    font-size: 16px;
    margin-bottom: 0;
    color: var(--black);
    font-weight: 600;
    display: block;
}

#top-links ul li svg {
    width: 24px;
    height: 23px;
    fill: none;
    stroke: var(--black);
    cursor: pointer;
    margin-right: 10px;
}

.huser .dropdown-toggle svg {
    fill: var(--black) !important;
    stroke: none !important;
}

#top-links ul li svg:hover, .inuser .dropdown-toggle:hover svg, #cart .dropdown-toggle:hover svg {
    stroke: var(--black);
}

.htop {
    align-items: center;
}

.dropdown-menu {
    padding: 0;
}

.huser .dropdown-menu {
    left: auto !important;
    right: 0 !important;
    min-width: 282px;
    text-align: center;
    padding: 15px 8px;
    top: 10px !important;
    background-color: var(--black);
    color: var(--white);
}

.hlogout h5 {
    font-size: 16px;
    margin-top: 0;
    text-align: left;
    color: var(--white);
}

.hlogout h6 {
    font-size: 14px;
    color: var(--white);
    text-align: left;
}

.haccount li a i {
    min-width: 14px;
    margin-right: 5px;
}

.haccount li a {
    color: var(--white);
    transition: all .3s ease;
    padding: 0;
}

.haccount li a:hover {
    color: var(--main-color);
}

.acd, .hlogout .wishcom, .xsla, .xscu {
    border: 1px solid #eee;
    display: inline-block;
    padding: 7px 0;
    margin-top: 10px;
    width: 47%;
    text-align: center;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 20px;
    font-size: 14px;
}

.xsla .dropdown-menu {
    min-width: 140px;
    text-align: left;
    font-size: 14px;
    padding: 8px 11px;
}

.xsla form {
    margin-bottom: 0;
}

#top .nav > .list-inline > .list-inline-item, #top .nav > .list-inline .list-inline-item > a, #top .nav > .list-inline .list-inline-item .dropdown > a {
    color: #888;
    text-shadow: 0 1px 0 var(--white);
}

#top .btn-link {
    text-decoration: none;
}

#top .btn-link:hover {
    color: #444;
}

#top a {
    font-size: 1.1em;
    text-decoration: none;
}

footer a {
    font-size: 1.1em;
    text-decoration: none;
}

.container, .cless {
    padding-left: 12px;
    padding-right: 12px;
}

.rless {
    margin-left: -12px;
    margin-right: -12px;
}

.user-bg {
    margin-right: 0;
}

/* search */
.wbSearch #search_block_top .form-control {
    border: none;
    background-color: var(--white);
    border-radius: 50px 0 0 50px;
    height: 40px;
}

#search {
    height: auto !important;
}

#search img {
    /*width: 18px;*/
    /*height: 18px;*/
    display: block;
    margin: 0 auto;
    /*filter: brightness(20);*/
}

#search #search_toggle img {
    filter: brightness(20);
}

.wc-total p, .huser .xuser span, .d-search button span {
    text-transform: capitalize;
    font-size: 11px;
    font-weight: 600;
    color: var(--white);
    margin-top: 5px;
    margin-bottom: 0;
    display: none;
}

.xsla .test:hover span {
    color: var(--white);
}

#search_block_top .input-group {
    position: unset;
    width: auto;
}

#search .btn-lg {
    padding: 0 8px;
    border: none;
    height: 40px;
    border-radius: 0 50px 50px 0;
    font-size: 16px;
    font-weight: 100;
    z-index: 99;
    background-color: var(--black);
    width: 50px;
}

#search .btn-lg:hover {
    background-color: var(--main-color);
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: transparent;
}

#search .form-control {
    color: var(--black);
}

/* search */
.workdo-dis h4 a {
    color: var(--black);
}

.workdo-dis h4 a:hover {
    color: var(--black);
}

.workdo-dis h4 a {
    transition: all .3s ease;
}

.product-list .form-select {
    width: 30%;
}

.list-inline > li.desktop-search {
    vertical-align: baseline
}

#workdo-search-category {
    float: left;
    font-size: 14px;
    border: none;
    height: 40px;
    padding: 10px;
    -moz-appearance: none;
    left: -15px;
    z-index: 99;
    position: relative;
    background: var(--white) url(".../../../../../image/catalog/arrow.png");
    background-position: right bottom 17px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    border-radius: 88px;
    background-color: var(--black);
    color: var(--white);
    display: none;
}

svg {
    vertical-align: middle;
    transition: 0.3s ease
}

.d-search button {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}

.sideb {
    display: block;
}

.siden {
    display: none;
}

/* result */
.workdo-dis {
    padding: 0;
    text-align: left;
}

optgroup[label="Free Shipping"] + optgroup[label="Flat Rate"] {
    display: none;
}

.workdo-search-result .searchbr {
    padding: 4px 10px;
    border-radius: 0px;
    align-items: center;
}

.workdo-search-loader {
    position: absolute;
    z-index: 110;
    height: 300px;
    background-color: var(--white);
    border: 1px solid #eee;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: none !important;
}

.workdo-search-result {
    left: 0;
    top: 100%;
    right: 0;
    box-shadow: none;
    background-color: var(--white);
    border-radius: 0px;
    position: absolute;
    z-index: 99;
    max-height: 530px;
    margin-top: 1px;
    min-width: 330px;
    border-radius: 0;
    overflow-y: hidden;
    overflow-x: hidden;
}

.workdo-dis h4 {
    margin-top: 0;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px;
    font-family: 'Amaranth', sans-serif;
    max-width: 215px;
}

.workdo-dis .price-new, .workdo-dis .price {
    font-size: 18px;
    color: var(--black);
}

.workdo-dis h4:hover {
    color: #4b8106;
}

.workdo-dis .list-des {
    font-size: 14px;
    color: #777;
    text-transform: capitalize;
    color: #282828;
    margin: 0 0 10px 0;
    max-height: 40px;
    overflow: hidden;
}

.workdo-dis .price {
    font-weight: 500;
}

.workdo-search-result .product-info img {
    border: 1px solid #eee;
    border-radius: 0px;
}

.workdo-search-result p {
    margin: 5px 15px;
    color: black;
    text-align: left;
    padding: 15px 0;
}

.workdo-search-loader .loaders {
    position: absolute;
    top: 35%;
    z-index: 4;
    background: url('../../../../../image/catalog/loader.gif') 50% 50% no-repeat;
    width: 100px;
    height: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

body.active-search .wbSearch {
    opacity: 1;
    transform: translateY(0);
}

.wbSearch {
    z-index: 99;
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: translateY(-100%);
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 38px
}

.wbSearch .close-nav i {
    margin-left: 15px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    position: relative;
}

.wbSearch #search_block_top {
    position: relative;
    align-items: center;
    width: 100%;
    max-width: 900px;
}

#search_block_top .input-group-btn {
    display: flex;
    align-items: center;
}

.product-thumb .homeadd .cartb img {
    margin-left: 10px;
}

/*imgslider*/
.slider-soc.fsocial li a {
    margin-right: 0;
    margin-bottom: 5px;
    background-color: var(--white);
}

.slider-soc.fsocial li a:hover {
    background-color: var(--black);
}

.slider-soc.fsocial li svg {
    fill: var(--black);
}

.slider-soc.fsocial li {
    display: block;
}

.sliderel .social-media {
    position: absolute;
    right: 20%;
    z-index: 1;
    top: 23%;
}

.service ul {
    display: flex;
    align-items: center;
}

.slidertext .service {
    margin-top: 40px;
    display: flex;
    align-items: center;
}

.service li {
    list-style: none;
}

.service li img {
    width: 15px;
    height: 15px;
}

.service li:first-child {
    width: 40px;
    height: 40px;
    background: #A58C70;
    border-radius: 30px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service ul:first-child {
    margin-right: 70px;
}

.service li h4 {
    font-weight: 700;
    color: #A58C70;
    margin-bottom: 0;
    font-size: 14px;
}

.service li p {
    color: #A58C70;
}

.slider-btn {
    display: flex;
    align-items: center;
    margin-top: 50px;
    padding-bottom: 0;
}

.wbslidservice {
    /* width: 800px; */
    margin-top: 50px;
}

.wbslidservice ul {
    padding: 0;
    margin-right: 50px;
    display: inline-block;
    margin-bottom: 15px;
}

.wbslidservice ul li {
    display: inline-block;
    vertical-align: middle;
}

.wbslidservice ul li h4 {
    margin-top: 0;
    font-size: 16px;
    margin-bottom: 5px;
    color: var(--white);
}

.wbslidservice ul li h6 {
    margin: 0;
    font-size: 14px;
    color: var(--white);
}

.play-video img {
    width: 45px;
    height: 45px;
    margin-right: 10px;
}

.play-video strong {
    font-size: 15px;
    text-transform: capitalize;
    color: var(--main-color);
}

.play-video {
    margin-left: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
}

.modal-open .modal {
    display: block;
}

.modal-backdrop.show.intro {
    opacity: 0;
}

.slidertext a.btn-primary {
    margin-top: 0;
    text-transform: capitalize;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    background: var(--main-color);
    color: var(--white);
    fill: #fff;
    margin-right: 0;
    transition: 0.3s ease;
    border: none;
    width: 190px;
    height: 45px;
    display: flex;
    align-items: center;
    box-shadow: 0px 9px 16px rgba(158, 113, 93, 0.32);
}

.slidertext a.btn-primary:hover {
    background-color: var(--black);
}

.s-panel {
    position: relative;
    text-align: center;
}

.slick-dots li button::before {
    font-size: 50px;
    opacity: 1;
}

.slick-dotted.slick-slider {
    margin: 0;
}

.s-panel .slick-dots {
    bottom: 0;
    right: 30px;
    left: auto;
    width: auto;
    top: 50%;
}

.slideff {
    position: relative;
    overflow: hidden;
    transform: translateX(-100px);
    opacity: 0;
    transition: opacity 0.5s 0.7s, -webkit-transform 0.5s 0.7s;
}

.s-panel .slick-current.slick-active .slideff {
    transform: none;
    opacity: 1;
}

.slidertext {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 650px;
    left: 20%;
    text-align: left;
    display: flex;
    align-items: center;
    background-color: #181820;
    padding-left: 15px;
}

#slick-slide00 .slidertext {
    background-color: #18182099;
}

.slidertext h4 {
    font-size: 15px;
    color: var(--white);
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
}

.slidertext h1 {
    line-height: 58px;
    color: var(--white);
    font-size: 50px;
    font-weight: 300;
    margin-bottom: 10px;
    margin-top: 0;
    max-width: 600px;
}

.slidertext h1 b {
    font-weight: 600;
}

.slidertext p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    color: #DDDCDC;
    margin: 0;
    max-width: 520px;
}

.imgslider .slick-arrow {
    border-radius: 0px;
}

.imgslider .slick-arrow.slick-prev {
    top: auto;
    bottom: 0;
    left: auto;
    right: 50px;
    transition: 0.3s ease;
    background-color: transparent;
    width: 50px;
    height: 50px;
}

.imgslider .slick-arrow.slick-next {
    top: auto;
    bottom: 0;
    right: 0;
    left: auto;
    transition: 0.3s ease;
    background-color: transparent;
    width: 50px;
    height: 50px;
}

.imgslider .slick-prev:hover, .imgslider .slick-next:hover {
    background: #fff;
    color: #183A40;
}

.imgslider .slick-prev:hover svg, .imgslider .slick-next:hover svg {
    filter: brightness(0);
}

.imgslider .slick-arrow svg {
    width: 18px;
    height: 18px;
    fill: var(--white);
    padding: 0;
}

.imgslider .slick-dots li button::before {
    font-size: 0;
    width: 13px;
    height: 13px;
    background: transparent;
    border-radius: 50px;
    border: 2px solid var(--white);
}

.imgslider .slick-dots li button {
    width: 13px;
    height: 13px;
}

.s-panel .slick-dots li.slick-active button {
    background: #fff;
    width: 40px;
    height: 13px;
    border-radius: 50px;
}

.s-panel .slick-dots li {
    margin: 0;
    display: block;
    position: relative;
    padding: 10px 10px;
    width: 38px;
    height: auto;
}

.s-panel .slick-dots li.slick-active::before {
    content: '';
    height: 100%;
}

.s-panel .slick-dots li.slick-active span {
    font-size: 22px;
}

.s-panel .slick-dots li::before {
    content: '';
    border-left: 2px solid #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 0;
    transition: 0.3s ease;
}

.slick-arrow svg:hover {
    filter: brightness(20);
}

/* cart */
.accordion-item > .accordion-header, .accordion-button:not(.collapsed) {
    background: #141318;
    color: var(--blue);
}

.accordion-button:focus {
    box-shadow: none;
    border-color: #ddd;
    color: var(--white);
    background: #141318;
}

.a-one {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.a-one {
    background-color: var(--black);
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    z-index: 99;
}

.alert.alertsuc {
    padding: 13px 12px;
    background-color: var(--white);
    border: 1px solid #ededed;
    color: #666;
    font-size: 14px;
    position: fixed;
    z-index: 99;
    transition: all ease .6s;
    border-radius: 0px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
    top: 30%;
    padding: 40px;
    left: 0;
    right: 0;
}

.dropdown-menu {
    border-radius: 10px;
    border: none;
    box-shadow: 0 0px 5px rgba(255, 255, 255, .175);
}

.cartname {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 10px;
    width: 160px;
    font-size: 14px;
    transition: 0.3s ease;
    color: var(--white);
}

.cartname a {
    transition: all .3s ease;
    color: var(--white);
}

.cartname a:hover {
    color: var(--main-color);
}

.cartname:hover {
    color: var(--main-color);
}

.cartdrop {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

#cart .btn-danger {
    /* background-color: var(--white); */
    color: var(--white);
    padding: 0;
    border-color: var(--white);
    border: none;
    transition: all 0.4s ease-in-out 0s;
    box-shadow: none;
}

#cart li tbody tr td {
    font-size: 14px;
}

#cart .dropdown-menu li > div {
    padding: 0 10px;
}

#cart .dropdown-menu p a strong {
    font-weight: normal;
}

#header-cart > .btn {
    font-size: 14px;
    line-height: 18px;
    color: var(--white);
}

#header-cart .btn-lg {
    padding: 0.65rem 1rem;
}

#header-cart.open > .btn {
    background-image: none;
    background-color: var(--white);
    border: 1px solid #E6E6E6;
    color: #666;
    box-shadow: none;
    text-shadow: none;
}

#header-cart.open > .btn:hover {
    color: #444;
}

#header-cart .dropdown-menu {
    z-index: 1001;
}

#header-cart .dropdown-menu table {
    margin-bottom: 10px;
}

#cart .dropdown-menu {
    min-width: 295px;
    padding: 15px;
    right: 0 !important;
    left: auto !important;
    border-radius: 10px;
    padding: 10px;
    background-color: var(--black);
}

#cart .xuser {
    display: inline-block;
}

#header-cart {
    height: 35px;
    position: relative;
    display: flex;
    align-items: center;
    background: transparent;
    border: 1px solid var(--white);
    border-radius: 50px;
    padding: 0 20px;
    transition: all .3s ease;
}

#header-cart:hover #cart .cartna, #header-cart:hover #cart .cartt {
    color: var(--white);
}

#cart .cartl {
    display: flex;
    align-items: center;
    text-align: right;
    line-height: normal;
    margin-left: 0;
    color: var(--white);
}

#cart .dropdown-toggle {
    background: transparent;
    padding: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cartprice {
    clear: both;
    position: relative;
    top: -35px;
    left: 70px;
    width: 50%;
    color: var(--white);
    font-size: 14px;
    direction: ltr;
    margin-bottom: -10px;
}

#cart-total {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

#cart-total strong {
    font-size: 14px;
    color: var(--white);
}

#cart .dropdown-menu p {
    margin-bottom: 0;
    font-size: 14px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cartna {
    color: var(--white);
    font-size: 14px;
    line-height: 14px;
    text-transform: capitalize;
    margin-right: 3px;
    letter-spacing: -0.03em;
    font-weight: 600;
    display: none;
}

.cartl strong {
    font-size: 14px;
    color: var(--white);
    text-transform: uppercase;
    margin-left: 5px;
}

.cartpsp .btn-danger {
    margin: 0 2px;
}

.wboffer, .wbleft, .delibg, .blog_webi, .wbcattop, .deliveryinfo, .onsaletop {
    margin-top: 50px;
}

.giant-wrapper {
    position: relative;
}

.form-check-input:checked {
    background-color: var(--black);
    border-color: var(--black);
}

.form-check-input:focus {
    box-shadow: none;
}

/* category */
.wbcatimg .giant-item-thumb {
    position: relative;
    transition: .3s all ease;
    margin-bottom: 5px;
}

.giant-wrapper .giant-item-caption {
    text-align: center;
}

.giant-item-thumb .giant-item-caption h2 a {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--white);
    margin: 0;
    transition: 0.3s ease;
}

.giant-item-thumb .giant-item-layout:hover .giant-item-caption h2 a {
    text-shadow: 2px 1px 2px rgb(0 0 0 / 70%);
}

.giant-item-thumb .giant-item-caption h4 a {
    text-transform: capitalize;
    margin: 8px 0 0;
    color: var(--black);
    font-size: 16px;
    border: 1px solid #ededed;
    padding: 8px 16px;
}

.giant-item-caption h4 {
    margin: 9px 0 10px 0;
}

.giant-item-thumb:hover h4 a {
    color: var(--black);
}

.giant-item-caption h6.catepro {
    font-size: 14px;
    color: var(--black);
    text-transform: capitalize;
    margin-bottom: 0;
}

/* product */
.wbspecial .slick-list {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.caption {
    padding: 10px;
}

.product-list .product-bg {
    display: inline-block;
}

.product-list .product-caption {
    padding-top: 15px;
}

.product-thumb {
    position: relative;
    transition: 0.3s ease;
    background-color: #141318;
    /*border-radius: 20px;*/
    border: 1px solid #76d5ff;
    box-shadow: 0px 4px 15px rgba(158, 113, 93, 0.31);
    text-align: left;
}

.tab-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.spebtm {
    padding: 0;
    color: var(--black);
    font-size: 18px;
}

.heading {
    margin: 0;
}

.secheading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.tav-btn .btn span {
    display: inline-block;
}

.heading span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 28px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 0px;
    color: var(--white);
}

.heading span b {
    font-weight: 600;
    display: block;
}

.heading p {
    font-size: 14px;
    color: #183A40;
    line-height: 20px;
    margin-bottom: 25px;
}

.heading strong {
    display: block;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    margin: 6px 0 15px 0;
    letter-spacing: 0.5px;
    color: var(--black);
}

.protitle {
    font-size: 19px;
    margin-bottom: 9px;
    transition: 0.3s ease;
    padding-bottom: 0;
    font-weight: 600;
    margin-top: 5px;
}

.protitle a {
    color: var(--main-color);
    transition: 0.3s ease;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.protitle:hover, .protitle:hover a {
    color: var(--main-color);
}

.tab-pro .pro-tab {
    display: block;
    text-align: center;
    background-color: var(--white) !important;
    position: relative;
    z-index: 1;
}

.tab-pro .pro-tab li {
    display: inline-block;
    margin: 0 10px;
    background-color: var(--white) !important;
}

.tab-pro .pro-tab li:first-child {
    margin-left: 0;
}

.pro-tab li a {
    border: none;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    color: var(--black);
    background: transparent;
    border: 1px solid #f5f5f5;
    border-radius: 0px;
    text-align: center;
    padding: 11px 15px;
    display: block;
    transition: .3s all ease;
}

.pro-tab li a.active, .pro-tab li.active > a:focus, .pro-tab li.active > a:hover, .pro-tab.nav-tabs > li > a:hover, .pro-tab.nav > li > a:focus, .pro-tab.nav > li > a:hover {
    background: var(--black);
    color: var(--white);
}

.bran {
    font-size: 11px;
    text-transform: capitalize;
    color: var(--black);
    display: inline-block;
    font-weight: 700;
    margin-bottom: 10px;
}

.product-name, .bran a {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    color: var(--black);
}

.product-reviews .product-tab {
    padding: 10px;
    margin: 0;
    border: 1px solid #222;
    border-radius: 20px;
}

.product-name {
    color: var(--white);
    transition: all .3s ease;
}

.slick-prev:focus, .slick-next:focus {
    background-color: transparent;
}

.slick-prev:focus svg, .slick-next:focus svg {
    fill: var(--black);
}

.slick-arrow {
    background: var(--main-color);
    border: none;
    border-radius: 50px;
    opacity: 1;
    padding: 0;
    margin: 0;
    margin-bottom: 0px;
    width: 30px;
    height: 30px;
    transition: 0.3s ease;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    cursor: pointer;
    opacity: 0;
}

.slick-slider:hover .slick-arrow {
    opacity: 1;
}

.slick-slider .slick-prev svg {
    transform: rotate(180deg);
}

.slick-arrow svg {
    width: 15px;
    height: 15px;
    margin: 0;
    text-shadow: none;
    transition: 0.3s ease;
    fill: var(--white);
    display: inline-block;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background-color: var(--black);
    border: none;
}

.slick-prev {
    top: 45%;
    left: 0;
    right: auto;
    transition: 0.3s ease;
}

.slick-next {
    top: 45%;
    right: 0;
    left: auto;
    transition: 0.3s ease;
}

.catlist-des {
    display: none;
}

.rating .fa-star-o, .rating .fa-star {
    color: #ffc600;
    font-size: 14px;
}

.rating .fa-stack {
    font-size: 14px;
}

.rating .fa-star + .fa-star-o {
    color: #ffc600;
}

.rating .fa-stack {
    width: 15px;
    height: 15px;
}

.product-thumb .rating {
    text-align: center;
    display: inline-block;
    color: var(--white);
}

.product-thumb .price {
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    transition: 0.3s ease;
    letter-spacing: 0;
    min-height: 33px;
    width: 50%;
    display: inline-block;
    margin-bottom: 5px;
}

/* .wbfullprice{
    display: inline-block;
} */
.wbbtprice {
    font-size: 11px;
    line-height: 11px;
    display: block;
    text-decoration: none;
    margin-bottom: 2px;
}

.price-old {
    color: #999;
    text-decoration: line-through;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    text-align: right;
}

.tab-content > .tab-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}

/* category tab */
.category-tab .heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.wp_ctgs .tab-pane .row .col-xs-12 {
    padding: 0;
}

.category-tabone .nav-tabs {
    padding: 0 12px;
    margin-bottom: 30px;
}

.category-tabone .heading span {
    position: relative;
    font-size: 55px;
    font-weight: 500;
}

.category-tabone .secheading {
    position: relative;
}

.category-tabone .secheading::before {
    background-image: url('../../../image/catalog/imgbanner-a.png');
    content: "";
    position: absolute;
    right: 30%;
    width: 110px;
    height: 109px;
    background-size: 110px;
    background-repeat: no-repeat;
    z-index: 99;
}

.show_product {
    text-align: center;
}

.show_product a {
    width: 142px;
    color: var(--white);
}

.show_product h4 {
    font-size: 15px;
}

.category-tab {
    margin: 70px 0;
    position: relative;
}

.tab-heading p {
    font-size: 14px;
    max-width: 450px;
    display: block;
    line-height: 21px;
    color: #777;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 0;
}

.cat-tab li a:hover, .cat-tab li a.active {
    background-color: var(--main-color);
}

.cat-tab li a {
    border-radius: 40px;
    text-transform: capitalize;
    font-size: 14px;
    position: relative;
    font-weight: 600;
    transition: all .3s ease;
    width: 170px;
    height: 40px;
    background: transparent;
    border: 1px solid #76d5ff;
    color: var(--white);
    text-align: center;
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cat-tab li a img {
    margin-right: 5px;
}

.cat-tab {
    margin-bottom: 0;
}

/* offer banner */
.offer-banner {
    position: relative;
}

.offer-banner::before {
    content: '';
    background: url("../../../image/catalog/side-img/sideimg1.png");
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    width: 162px;
    height: 566px;
    top: 40px;
    z-index: -1;
}

.offer-banner::after {
    content: '';
    background: url("../../../image/catalog/side-img/sideimg2.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    width: 190px;
    height: 381px;
    bottom: 0px;
    z-index: -1;
}

.offer-banner {
    margin-top: -100px;
    z-index: 1;
    margin-top: 60px;
    z-index: 1;
    margin-bottom: 20px;
    padding: 10px 10% 0;
}

.offertxtbtm {
    max-width: 300px;
    margin: 0 auto;
    margin-top: -50px;
}

.offertxtbtm p {
    font-size: 14px;
    color: #777;
    margin: 0;
    line-height: 24px;
}

.offertxtbtm a {
    text-decoration: underline;
    font-size: 14px;
    margin-top: 12px;
    display: inline-block;
    color: var(--white);
    transition: all .3s ease;
}

.offertxtbtm a:hover {
    color: var(--main-color);
}

.offer-banner .row {
    align-items: center;
}

.offer_bnr .beffect img {
    border-radius: 20px;
}

.offerdesc h4 {
    font-size: 15px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-weight: 600;
    color: var(--white);
}

.offerdesc h1 {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-bottom: 0;
    font-size: 60px;
    line-height: 60px;
    font-weight: 300;
    color: var(--white);
}

.select-scent a {
    width: 190px;
    height: 44px;
    border-radius: 25px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    text-transform: capitalize;
    color: var(--white);
    border: 1px solid var(--main-color);
    font-size: 14px;
    line-height: 3;
    transition: all .3s ease;
}

.select-scent {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.select-scent a img {
    margin-right: 5px;
}

.select-scent a:hover {
    background: var(--main-color);
}

.offerdesc h1 b {
    font-weight: 600;
}

.offerdesc p {
    color: #777;
    margin: 15px 0;
    margin-bottom: 20px;
}

.offerdesc .btn-primary {
    background-color: var(--white);
}

/* special banner */
.specialbanner {
    margin-top: -180px;
}

.specilban {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 45px;
}

.spectnleft {
    text-align: right;
}

.spectnright {
    order: 3;
}

.specil_img {
    order: 2;
    width: 40%;
    position: relative;
}

.specilban .spectnleft h2 {
    margin-left: auto;
}

.spectnleft, .spectnright {
    width: 30%;
}

.spectnright h2, .spectnleft h2 {
    font-weight: 300;
    position: relative;
    margin: 0 0 30px 0;
    font-size: 28px;
    max-width: 250px;
    color: var(--white);
}

.spectnright h2 b, .spectnleft h2 b {
    font-weight: 600;
}

.spectnright p, .spectnleft p {
    font-size: 14px;
    margin-bottom: 0;
    color: #666;
}

.spectnleft .btn-primary {
    float: right;
}

.spectnleft .btn-primary, .spectnright .btn-primary {
    background-color: var(--main-color);
    height: 40px;
    margin-top: 30px;
    box-shadow: 0px 9px 16px rgba(158, 113, 93, 0.32);
}

.specil_img::before {
    content: '';
    background: url("../../../image/catalog/line.png");
    background-repeat: no-repeat;
    width: 192px;
    height: 66px;
    display: block;
    position: absolute;
    left: -45px;
    bottom: 0;
    transform: rotate(180deg);
}

.specil_img::after {
    content: '';
    background: url("../../../image/catalog/line.png");
    background-repeat: no-repeat;
    width: 192px;
    height: 66px;
    display: block;
    position: absolute;
    right: -45px;
    top: -7px;
}

/* special banner end */
/* special product */
.wbspecial {
    position: relative;
}

.onsale-ctn h2 {
    font-weight: 300;
    position: relative;
    margin: 0 0 30px 0;
    font-size: 28px;
    color: var(--white);
}

.onsale-ctn h2 b {
    display: block;
    font-weight: 600;
}

.onsale-ctn p {
    color: var(--white);
    max-width: 440px;
    font-size: 14px;
    line-height: 21px;
    margin-top: 20px;
}

.btn-primary.sub_btn {
    background-color: var(--white);
    color: var(--black);
    margin-top: 30px;
}

.btn-primary.sub_btn:hover img {
    filter: brightness(10);
}

.btn-primary.sub_btn img {
    filter: brightness(0);
}

.onsale-bg {
    position: relative;
    margin-top: -180px;
    background: linear-gradient(180deg, #76d5ff 0%, rgba(158, 113, 93, 0) 100%);
    padding: 270px 0;
}

.onsale-btn {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.onsale-btn a img {
    margin-right: 5px;
}

.onsale-btn a {
    font-size: 14px;
    background: transparent;
    border: 1px solid var(--white);
    color: var(--white);
    width: 145px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px 0;
    border-radius: 25px;
    margin-top: 0;
    transition: all .3s ease;
    margin-right: 20px;
    text-transform: capitalize;
}

.onsale-btn a:hover {
    background-color: var(--white);
    color: var(--black);
}

.onsale-btn a:hover img {
    filter: brightness(0);
}

.pro-ctn {
    display: flex;
    align-items: center;
}

.selected-ctn h4 {
    color: var(--white);
    font-size: 30px;
    line-height: 30px;
}

.selected-ctn h4 span {
    font-weight: 300;
}

.selected-ctn p {
    color: var(--white);
    margin-bottom: 0;
    margin-top: 15px;
}

.special-section {
    margin: 70px 0;
    z-index: 1;
    position: relative;
}

/* special product end */
.wbleft .beffect {
    background: #f5f5f5;
    border-radius: 0px;
}

.right-banner {
    position: relative;
    margin-top: 30px;
}

.leftdesc {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
}

.leftcom h5 {
    font-size: 26px;
    margin-bottom: 25px;
}

.leftcom span {
    font-size: 18px;
    display: block;
    margin-bottom: 25px;
}

.leftdesc .dec {
    width: 400px;
    text-align: center;
}

.leftcom {
    margin-left: 30px;
}

.lefttxt {
    width: 350px;
}

.lefttxt p {
    font-size: 20px;
    color: var(--black);
}

.lefttxt h4 {
    font-size: 28px;
    color: #132A3A;
    margin: 15px 0 20px;
    font-weight: 600;
}

.lefttxt h2 {
    font-size: 40px;
    color: #132A3A;
}

/* center banner*/

/* service */
.deliveryinfo {
    border-bottom: 5px solid #e1e1e1;
    margin-left: 0;
    margin-right: 0;
    position: relative;
}

.deliveryinfo .sbr {
    padding: 0;
}

.deliveryinfo [class*="col-"]::after {
    position: absolute;
    content: '';
    display: block;
    width: 50%;
    height: 5px;
    opacity: 0;
    bottom: -4px;
    background-color: var(--black);
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.deliveryinfo [class*="col-"]:hover::after {
    width: 100%;
    opacity: 1;
}

.deliveryinfo [class*="col-"] {
    position: relative;
}

.deliveryinfo ul {
    margin-bottom: 0;
    text-align: center;
    position: relative;
    padding: 38px 0;
}

.deliveryinfo li {
    display: block;
    margin: 0 8px;
}

.deliveryinfo li span {
    display: block;
    transition: 0.3s ease;
}

.deliveryinfo li h4 {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: normal;
    margin: 8px 0 10px 0;
    color: var(--black);
}

.deliveryinfo li p {
    text-transform: capitalize;
    margin-bottom: 0;
    font-size: 16px;
    color: #777;
    line-height: 30px;
}

.deliveryinfo ul:hover li p {
    color: var(--black);
}

.deliveryinfo ul svg {
    width: 48px;
    height: 48px;
}

/* testimonial */
.testi-dec h4 {
    font-size: 26px;
    text-transform: capitalize;
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    color: var(--white);
    font-weight: 700;
}

.testi-dec {
    width: 70%;
}

.wbtesti .item {
    transition: all .3s ease;
    color: var(--white);
    margin: 0 12px;
    text-align: left;
    font-size: 16px;
    line-height: 35px;
    padding: 15px;
    border: 1px solid var(--main-color);
    border-radius: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 1px;
}

.parallex .heading img {
    width: 80px;
    height: 80px;
    margin-right: 20px;
    fill: #fff;
}

.testi-txt h4 {
    font-size: 50px;
    line-height: 50px;
    font-weight: 400;
    color: var(--white);
    margin-bottom: 30px;
}

.test-pad {
    margin: 70px 0;
    position: relative;
}

.test-pad .secheading {
    display: block;
    text-align: left;
    margin-bottom: 0;
}

.test-pad .secheading .heading span {
    font-weight: 600;
    margin-bottom: 20px;
}

.parallex .secheading p {
    max-width: 500px;
    margin-bottom: 30px;
    text-align: left;
}

.testi-star ul li span {
    color: #6F6356;
}

.testi-star ul li span b {
    color: var(--white);
}

.testi-origin {
    position: relative;
}

.testi-origin h2 {
    font-weight: 400;
    font-size: 21px;
    line-height: 21px;
    letter-spacing: -0.07em;
    color: var(--white);
    margin-bottom: 20px;
}

.parallex .item h2 {
    font-size: 20px;
    text-transform: capitalize;
    display: block;
    margin-bottom: 0;
    margin-top: 5px;
    color: #000;
}

.testi-origin ul li {
    list-style: none;
}

.testi-origin ul li a:hover {
    color: var(--white);
}

.testi-origin ul li a {
    font-weight: 400;
    font-size: 35px;
    line-height: 46px;
    letter-spacing: -0.07em;
    color: var(--black);
    transition: all .3s ease;
}

.testi-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 44px;
}

.parallex .heading {
    margin: 0;
}

.test-pad .btn-primary.btn-section i span {
    font-size: 0;
}

.testi {
    padding: 0;
}

.parallex .item h5 {
    font-size: 14px;
    text-transform: capitalize;
    color: var(--white);
    display: block;
    margin: 0;
    font-weight: 300;
    padding-top: 15px;
}

.parallex .item h5 b {
    font-weight: 600;
}

.parallex .item h2 {
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    font-style: italic;
    margin: 0;
}

.testdec span {
    color: var(--black);
    font-weight: 600;
}

.parallex .item h3 {
    color: var(--black);
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0;
    line-height: 20px;
    letter-spacing: 0;
}

.parallex .item p {
    color: var(--white);
    margin: 0;
    font-size: 14px;
    margin-top: 10px;
    line-height: 18px;
}

.testi-star {
    display: inline-block;
}

.testi-star ul {
    align-items: center;
}

.testi-star li {
    padding: 0;
    border: 0;
    margin-right: 3px;
    color: var(--white);
    background-color: transparent;
}

.testi-star li span {
    margin-left: 5px;
}

.parallex .owl-pagination {
    top: auto;
}

/* onsale product */
.wdonsale .product-thumb .homeadd .cartb {
    background-color: var(--white);
    color: var(--black);
}

.wdonsale .product-thumb .homeadd .cartb:hover {
    background-color: var(--white);
}

.wdonsale .product-thumb .homeadd .cartb img {
    filter: brightness(0);
}

.wdonsale .product-thumb {
    background-color: transparent;
    border: none;
    box-shadow: unset;
}

.wdonsale .product-thumb .protitle {
    margin-bottom: 0;
    padding: 0 10px;
}

.wdonsale .product-thumb .protitle a {
    color: var(--white);
}

.wdonsale .product-thumb .button-group .wish, .wdonsale .web_option .required {
    display: none;
}

.wdonsale .product-bg {
    display: inline-grid;
}

.wdonsale .product-caption {
    order: 1;
}

.wdonsale .product-thumb .image {
    order: 2;
}

.wdonsale .product-thumb .caption {
    order: 3;
}

.onsale-bg .heading span {
    color: var(--white);
}

.left-b .part-1 .btn-primary img {
    width: unset;
}

.left-b h4 {
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 100px;
    color: var(--black);
}

.left-b h1 {
    font-size: 29px;
    margin-top: 0;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 35px;
}

.left-b h1 b {
    font-weight: 600;
    display: block;
}

.left-b P {
    font-size: 14px;
    color: var(--black);
}

.onsale-bg .row {
    margin: 0;
}

.onsale-bg .col-md-10 {
    padding-right: 0;
}

.sale-product h2 {
    writing-mode: tb-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    max-height: 170px;
    margin: 0 30px 20px 0;
    float: right;
    color: #183A40;
    font-weight: normal;
    font-size: 32px;
    letter-spacing: 0;
}

.onsale-txt h4 {
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: var(--black);
    transform: rotate(-90deg);
    margin: 0;
}

.product-thumb .web_option label {
    color: var(--main-color);
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.onsale-img .onsatex .logo-ctn h4 {
    font-size: 17px;
}

.onsaletop .row {
    align-items: center;
}

.onsaletop .spebtm {
    margin-top: 40px;
    display: block;
}

.onsaletop p {
    color: #707070;
    font-size: 16px;
    line-height: 30px;
}

.onsaletop .heading {
    margin-bottom: 15px;
    display: block;
}

/* top product */
.top_bg {
    position: relative;
    z-index: 98;
    width: 1170px;
}

.top_pro p {
    opacity: 0;
}

.top_pro {
    position: absolute;
    top: 100px;
    right: 0;
    left: auto;
    bottom: 0;
    z-index: 99;
    max-width: 310px;
}

.wdtop .slick-current.slick-active.slick-center .col {
    padding: 0 10px;
}

.offer_bnr {
    position: relative;
    margin-bottom: 100px;
    margin-top: 30px;
}

.latest-bg {
    padding: 0;
}

.top_bg .logo-ctn, .left-bg .logo-ctn {
    max-width: 470px;
    margin-left: 50px;
}

.left-bg .logo-ctn {
    margin-top: 50px;
}

.left-bg .beffect img {
    width: 100%;
    transition: all .3s ease;
}

.left-bg {
    position: relative;
}

.sub-row {
    justify-content: space-between;
    align-items: center;
}

/* countdown product*/
.wbcount .product-thumb {
    align-items: center;
}

.wbcount form {
    width: auto !important;
}

/* newsletter */
.cate {
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 2px;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: var(--black);
}

#common-home .newsletter {
    margin: 70px 0;
}

.new-from {
    width: 50%;
    margin: 0 auto;
}

.newsletter .row {
    align-items: center;
}

.newsletter .inner h4 {
    color: var(--black);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0;
}

.newsletter .inner strong {
    font-size: 14px;
    text-transform: uppercase;
    color: var(--white);
}

.newsletter .inner h3 {
    font-size: 18px;
    font-weight: 600;
    color: #132A3A;
    margin-bottom: 20px;
    text-transform: capitalize;
}

.newsletter .inspire-newsletter {
    max-width: 400px;
    margin: 0 auto;
}

.newsletter .description-top p {
    font-size: 14px;
    margin: 0 auto;
    color: #999;
    margin-top: 10px;
}

.newsletter .form-group {
    background: transparent;
    padding: 0;
    border-radius: 30px;
    border: 1px solid #000;
    width: 100%;
}

footer .newsletter .form-group {
    border: 1px solid var(--black);
}

footer .newsletter .new-from .newsbtn {
    background-color: var(--black);
}

.newsletter .new-from input {
    height: 60px;
    border-radius: 50px;
    background: transparent;
    border: 1px solid var(--main-color);
    color: var(--white);
}

.newsletter .new-from .newsbtn {
    border-radius: 100px;
    height: 43px;
    width: 43px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 12px;
    letter-spacing: 1px;
    background: var(--white);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.button-submit .fa {
    font-size: 22px;
    color: var(--main-color);
}

.newsletter .new-from .newsbtn svg {
    height: 24px;
    width: 23px;
    margin-left: 10px;
    fill: var(--black);
}

.newsletter .new-from .newsbtn:hover {
    background: var(--main-color);
}

.newsletter .new-from .newsbtn:hover .fa {
    color: var(--white);
}

.newsletter .alert {
    padding: 5px 10px;
    margin-top: 15px;
    border-radius: 0;
    background-color: transparent;
    border: 0;
    color: white;
    text-align: center;
    font-size: 16px;
    letter-spacing: 2px;
}

.newsletter .inner h2 {
    color: var(--white);
    margin: 0 auto 30px auto;
    font-size: 60px;
    font-weight: 600;
    max-width: 600px;
    text-align: center;
}

footer .newsletter .inner h2 {
    font-size: 27px;
    margin-top: 0;
}

footer .news-p {
    display: none;
}

.newsletter .inner h2 b {
    font-weight: 300;
}

.news-p {
    color: var(--white);
    text-align: center;
    max-width: 400px;
    font-size: 14px;
    margin: 0 auto 30px;
}

.new-from .field {
    position: relative;
}

.new-from .field .button-submit {
    position: absolute;
    top: 8px;
    right: 10px;
}

/* blog */
.blog-bg .secheading {
    display: block;
    text-align: center;
    margin-bottom: 0;
}

.blog-bg .secheading p {
    max-width: 500px;
    margin: 0 auto;
    padding: 20px 0;
    color: #777;
    text-align: center;
}

.blog-head-section .logo-ctn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: unset;
    margin-bottom: 50px;
}

.blog-head-section .logo-ctn h2 {
    font-weight: 400;
}

.blog-left:hover .webi_post_hover {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    -webkit-transform: scale(0.9, 0.9);
}

.blog-left:hover .blog_mask {
    visibility: visible;
}

.webi-single-blog .webi-blog-image {
    position: relative;
    margin-bottom: 15px;
}

.webi_post_hover {
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.4s ease;
    -webkit-transform: scale(0.8);
    background-color: rgba(255, 255, 255, 0.4);
    padding: 10px;
    border-radius: 0px;
}

.webi_post_hover .icon {
    border-radius: 0px;
    transform: translate(-50%, -50%);
    padding: 12px 12px;
    display: inline-block;
    line-height: 0px;
    background: var(--black);
    color: var(--white);
}

.webi_post_hover .icon:hover {
    background-color: var(--black);
    color: var(--white);
}

.blog-ic {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
}

.blog_webi .blog-right {
    padding: 15px;
    text-align: left;
}

.blog_webi .blog-right h4 {
    font-size: 22px;
    text-transform: capitalize;
    line-height: 28px;
    padding: 0 0 15px;
    font-weight: 600;
    overflow: hidden;
    margin: 0;
    color: var(--black);
    height: 58px;
}

.blog_webi .blog-right p {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog_webi .blog-right .read_more {
    text-transform: capitalize;
    padding: 8px 20px;
    background: var(--black);
    display: inline-block;
    color: #fff;
    font-size: 14px;
    transition: 0.3s ease;
    margin-top: 20px;
    text-align: center;
    transition: 0.3s ease;
    font-weight: 600;
    letter-spacing: 0.8px;
}

.blog_webi .blog-right .read_more:hover {
    background: var(--black);
    color: #fff;
}

.blog_webi .blog-right .read_more svg {
    width: 20px;
    height: 19px;
    margin-left: 10px;
    fill: var(--black);
    transition: 0.3s ease;
}

.blog_webi .blog-right .read_more:hover svg {
    fill: #fff;
}

.blog-hed .buttons-see-all {
    float: right;
}

.blog-hed .buttons-see-all .btn {
    padding: 8px 30px;;
    border-radius: 0;
}

.blog-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blogdt {
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    color: var(--white);
    font-weight: 500;
    width: 40%;
}

.blogdt .blogmo {
    margin-left: 2px;
}

/* singel blog page*/
.workdo_blog_page .blogdt {
    margin-bottom: 10px;
}

.blog-header .sub-homemenu {
    background-color: var(--black);
}

.blog-header .day p,
.blog-header .sub-manu .dropdown-item {
    color: var(--white);
}

.blog-page-bg {
    background-image: url('../../../image/catalog/slider/slider4.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    padding: 0px 0 50px 0;
    margin: 0 0 40px 0;
}

.blog-ctn .btn-primary.read_more {
    width: 144px;
    height: 44px;
    background-color: var(--main-color);
    color: var(--white);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.blog-ctn .btn-primary.read_more:hover {
    background-color: var(--white);
    color: var(--black);
}

.blog-page-bg .breadcrumb > li.breadcrumb-item > a {
    color: var(--white);
}

.blog-page-bg .breadcrumb > li a::after {
    color: var(--white);
}

.blog-ctn {
    max-width: 480px;
}

.blog-ctn h2 {
    font-weight: 700;
    font-size: 36px;
    color: #fff;
    margin-bottom: 20px;
}

.blog-ctn p {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
}

.blog-page-bg .back-to-home a {
    color: #fff;
}

.blog-page-bg .back-to-home img {
    filter: brightness(10);
}

.blog-heading span {
    font-weight: 700;
    font-size: 36px;
    color: var(--white);
    margin-bottom: 20px;
}

.webi-blog-image {
    position: relative;
}

.write-comment a {
    color: var(--white);
}

.write-comment a .fa {
    margin-right: 5px;
}

.bcomment {
    background-color: #fff;
    border: 1px solid #eee;
    padding: 15px;
    margin-bottom: 30px;
}

.view-comment i {
    font-size: 16px;
    line-height: 30px;
    color: var(--black);
}

.date span {
    margin: 0 20px;
}

.wco {
    margin-left: 38px;
    position: relative;
    top: 6px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #777;
}

.blogu span {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 23px;
}

.sngblog h3 {
    font-size: 40px;
    color: var(--white);
    margin: 0;
    padding-bottom: 10px;
    text-transform: capitalize;
    font-weight: 700;
}

.blogal .btn-primary {
    margin-top: 15px;
}

.workdo-single-blog img {
    padding: 0;
    border: 0;
}

.pl-0 {
    padding-left: 0 !important;
}

.sngblog p {
    font-size: 14px;
    color: var(--white);
    line-height: 22px;
}

.block-title h3 {
    color: var(--white);
}

.workdo-single-blog .workdo-blog-image img {
    border-radius: 10px;
}

.webi-single-blog .buttons {
    margin-top: 15px;
}

.allcomment {
    text-align: left;
}

.allcomment .blog_links {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.allcomment h5 {
    font-weight: 500;
    font-size: 20px;
    margin: 0;
    line-height: 23px;
}

.blog_comment {
    padding-right: 15px;
}

.allcomment .blog-desc {
    overflow: hidden;
    margin: 10px 0;
    max-height: 80px;
    overflow: hidden;
}

.allcomment .blog_links {
    margin-bottom: 5px;
    margin-top: 0;
}

.webi_blog_page .panel-default {
    margin-bottom: 30px;
}

@media (max-width: 478px) {
    #header-cart .dropdown-menu {
        width: 100%;
    }

    #header-cart .dropdown-menu li > div {
        min-width: 100%;
    }
}

#header-cart .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

/* menu */
.container_wb_megamenu .navbar-header .cate {
    font-size: 20px;
}

#menu .navbar-nav li a i {
    margin: 0 6px;
    font-size: 14px;
}

#menu .navbar-collapse .navbar-nav {
    display: block;
    text-align: left;
}

.wrmenu button svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.navbar {
    min-height: auto;
    margin-bottom: 0;
    border: none;
    display: block;
    padding: 0;
}

.menusp {
    margin-top: 0;
    display: flex;
    align-items: center;
}

#menu .navbar-nav li .dropdown-menu a {
    font-size: 14px;
    padding: 3px 2px;
    text-transform: capitalize;
    font-weight: normal;
    color: var(--white);
}

#menu .navbar-nav li .dropdown-menu a::after, #menu .navbar-nav li .more-menu a::after {
    display: none
}

.wrmenu .navbar-toggle {
    display: block;
    float: left;
    border-radius: 100%;
    padding: 0;
    background: transparent;
    border: none;
}

.homemenu .flex {
    align-items: center;
}

.topright li a {
    font-size: 16px;
    padding-left: 40px;
    text-transform: capitalize;
}

.topright li a:hover {
    text-decoration: underline;
}

#menu .dropdown-menu {
    padding-bottom: 0;
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#menu .dropdown-inner {
    display: table;
}

#menu .dropdown-inner ul {
    display: table-cell;
}

#menu .dropdown-inner ul li a:hover {
    color: var(--main-color);
}

#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333333;
    font-size: 14px;
}

#menu .see-all {
    display: block;
    margin-top: 0.5em;
    padding: 3px 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
    font-size: 14px;
}

#menu #category {
    float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#menu .navbar-toggler i {
    color: var(--white);
    border-color: var(--black);
    font-size: 0.9em;
}

.main-home #menu .navbar-toggler i {
    color: var(--white);
}

#menu .nav li {
    display: inline-block;
}

#menu .nav li:first-child {
    padding-left: 0;
}

#menu .navbar-nav > li > a {
    color: var(--white);
    padding: 0 20px 0 0px;
    background-color: transparent;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    transition: all .3s ease;
}

#menu .navbar-nav > li > a img {
    margin-right: 4px;
    margin-top: -3px;
}

#menu .navbar-nav > li > a:hover {
    background-color: transparent;
    color: var(--black);
    text-decoration: underline;
}

#menu .dropdown-inner .dropdown-submenu .submenu-title {
    font-weight: 600;
    font-size: 14px;
    padding: 0;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: var(--white);
    line-height: 25px;
}

#menu .dropdown-inner .dropdown-submenu .submenu-title:hover {
    color: var(--main-color);
}

#menu .dropdown-inner .dropdown-submenu ul.grand-child li {
    padding: 0;
}

.custom_menu .btn-primary {
    font-size: 14px;
    text-transform: capitalize;
    cursor: pointer;
    letter-spacing: 0;
    color: var(--black);
    padding: 10px 18px;
    width: 160px;
    height: 40px;
    text-align: left;
    font-weight: 500;
    background: #F1F1F1;
    border-radius: 50px;
    border: none;
    margin-right: 15px;
}

.custom_menu .btn-primary .fa {
    margin-left: 5px;
}

.custom_menu .btn-primary:hover,
.custom_menu .btn-primary:focus,
.custom_menu .btn-primary:active,
.btn-primary:active:hover,
.custom_menu .btn-primary:active:focus {
    background-color: #F1F1F1;
    color: var(--black);
}

.custom_menu .btn-primary:hover img {
    filter: unset;
}

.custom_menu .dropdown-menu {
    padding: 10px;
    border-radius: 10px;
}

.custom_menu .dropdown-menu li {
    padding: 5px 0;
}

.custom_menu .dropdown-menu li a {
    color: var(--black);
    transition: all .3s ease;
}

.custom_menu .dropdown-menu li a:hover {
    color: var(--black);
}

/* product page */
.zoom-left, .pro-content {
    position: relative;
}

.pro-content::after {
    content: '';
    background-color: #141318;
    position: absolute;
    left: -1px;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 25px 0 0 0;
}

.pro-content::before {
    content: '';
    background-color: #76d5ff;
    position: absolute;
    left: -2px;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    z-index: -1;
}

.zoom-left::after {
    content: '';
    background-color: #76d5ff;
    border-radius: 0 0 25px 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    margin-left: -75vw;
}

.zoom-left {
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.pro-content {
    padding-top: 30px;
    padding-left: 30px;
}

.magnific-popup .slick-list {
    height: auto !important;
}

.productbg .back-page {
    padding: 0 0 30px;
}

.sub-select-scent {
    display: flex;
    align-items: center;
}

.sub-select-scent a {
    width: 190px;
    height: 40px;
    border-radius: 25px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    text-transform: capitalize;
    color: var(--white);
    border: 1px solid var(--main-color);
    font-size: 14px;
    line-height: 3;
    transition: all .3s ease;
}

.sub-select-scent a img {
    margin-right: 5px;
}

.sub-select-scent a:hover {
    background-color: var(--main-color);
}

.custom-ctn.offerdesc h1 {
    font-size: 44px;
    line-height: 44px;
}

.custom-ctn.offerdesc h3 {
    font-size: 14px;
    margin-bottom: 8px;
    color: var(--white);
}

.custom-ctn.offerdesc p {
    max-width: 450px;
}

.pro-banner .custom-banner:first-child {
    margin-bottom: 30px;
}

.custom-ctn .select-scent a {
    background: var(--main-color);
    border: none;
    box-shadow: 0px 9px 16px rgba(158, 113, 93, 0.32);
}

.custom-ctn .select-scent a svg {
    fill: var(--white);
    margin-left: 5px;
}

.custom-ctn .select-scent a:hover {
    background-color: var(--black);
}

.pro-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pro-btn form {
    margin-bottom: 0;
}

.sub-product .heading span {
    margin-bottom: 30px;
}

.protesti .item ul li {
    list-style: none;
}

.protest .testicontent img {
    position: absolute;
    top: -15px;
    left: -10px;
    width: 45px;
    height: 45px;
    z-index: 1;
}

.protest {
    padding-top: 20px;
}

.protest .item p, .protest .item h2 {
    color: var(--black);
}

.protest .item h2 {
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
}

.protest .item p {
    font-size: 14px;
    margin-bottom: 10px;
}

.protest .item {
    border: 1px solid #DDE7DE;
    padding: 25px;
    position: relative;
    border-radius: 20px;
}

.item ul {
    display: flex;
    align-items: center;
}

.protest .item .timg {
    border: 1px solid var(--black);
    float: left;
    width: 70px;
    height: 70px;
    padding: 4px;
    border-radius: 100%;
    margin-right: 10px;
}

.prodeuct-txt h4 {
    color: var(--black);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px;
}

.prodeuct-txt h2 {
    font-weight: 600;
    font-size: 50px;
    line-height: 50px;
    color: var(--black);
    margin: 0;
}

.prodeuct-txt h2 span {
    font-weight: 400;
}

.prop-pro {
    padding: 0;
}

.productbg {
    margin-bottom: 30px;
}

#product form {
    margin: 0;
}

#product #form-product {
    color: var(--black);
    display: inline-block;
    margin-bottom: 30px;
}

.pro-price {
    margin-left: 10px;
}

#form-product .qty-flex {
    display: flex;
    align-items: center;
}

#product .text-decor-bold h2 {
    margin: 0;
    color: var(--white);
}

.magnific-popup .img-thumbnail {
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 10px;
    width: 100%;
}

.magnific-popup .gal-img .img-thumbnail {
    background-color: #FCD7AD;
    border: none;
}

.zoom-left .gallery_img .slick-slide {
    height: auto;
}

.pro-banner .btn-primary.btn-section {
    background-color: var(--black);
    color: var(--black);
}

.pro-banner .btn-primary.btn-section img {
    filter: brightness(0);
}

.custom-banner {
    display: flex;
    align-items: center;
}

.product-reviews {
    margin: 60px 0;
}

#rt {
    padding-top: 0;
}

.sub-product .related .product-thumb:hover {
    background-color: transparent;
}

.sub-product {
    margin: 60px 0;
}

.related .homeadd {
    display: block !important;
}

#product-info .sub-product .slick-slide {
    height: auto;
}

.p-des p img {
    margin: 0 auto;
    justify-content: center;
    display: flex;
}

.p-des-title h3 {
    display: none;
}

.pro-btn .compare, .pro-btn .wish {
    margin-left: 10px;
    padding: 0;
    border-radius: 50px;
}

.pro-btn .wish img {
    filter: brightness(10);
}

.product-name {
    font-size: 16px;
    display: block;
}

.product-name:hover {
    color: var(--main-color);
}

.qty-flex .btn-primary {
    width: 150px;
    height: 36px;
    box-shadow: 0px 9px 16px rgba(158, 113, 93, 0.32);
}

.pro-qut {
    margin-bottom: 20px;
}

#form-product .required {
    display: flex;
    align-items: center;
    justify-content: left;
}

#form-product .required .form-label {
    color: var(--main-color);
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-right: 10px;
}

#form-product .form-label {
    color: var(--white);
    display: block;
}

.t-none {
    padding: 0 15px;
}

.t-none .products-specific {
    margin-top: 80px;
}

.bg-main-color {
    background: var(--black);
    padding-top: 30px;
    padding-bottom: 30px;
}

.related .slick-track {
    margin: 0;
}

.pro-content .pcrt.compare svg, .pro-content .pcrt.wish img {
    width: 18px;
    height: 18px;
    fill: var(--white);
}

.products-specific {
    margin: 15px 0;
}

#form-product .web_option {
    margin-top: 0;
}

#form-product .web_option .custom-radio .img-thumbnail {
    width: 25px;
    height: 25px;
}

.btn-group .btn {
    color: var(--white);
    font-size: 16px;
}

.btn-group .btn.active {
    z-index: 0;
    color: var(--main-color);
}

.btn-group .btn:hover {
    color: var(--black);
}

.btn-group .btn .fas {
    margin-right: 10px;
}

.product-tab .tab-content > .tab-pane:not(.active) {
    display: none;
}

.qty-flex .form-label {
    margin-bottom: 0;
}

.pro-content .qty-plus-minus {
    border: 1px solid #eee;
    border-radius: 10px;
    display: inline-block;
}

.pro-content .qty-plus-minus .form-control {
    width: 33px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border: none;
    height: 40px;
    background-color: transparent;
    padding: 0;
}

.pro-content .rating li {
    display: inline-block;
    text-transform: capitalize;
    color: var(--black);
}

.proreview {
    border-right: 1px solid #333;
    border-left: 1px solid #333;
    margin: 0 10px;
    padding: 0 10px;
}

#form-product .form-select {
    /* width: 50%; */
    background-repeat: no-repeat;
}

.pro-content h1 {
    text-transform: capitalize;
    color: #3abef9;
    font-weight: 600;
    margin: 20px 0;
    font-size: 30px;
    line-height: 30px;
}

.p-detls {
    color: var(--white);
    font-size: 14px;
}

.des-section {
    padding-bottom: 15px;
    color: var(--white);
}

.p-des-title h3 {
    font-size: 40px;
    color: var(--white);
    font-weight: 700;
}

.p-des p {
    font-size: 14px;
    color: var(--white);
    line-height: 22px;
    max-width: 390px;
    margin: 0;
    word-break: break-all;
}

.pro-det {
    padding: 30px 0px 0 30px;
}

.p-des .table {
    border-color: var(--black);
}

.products-specific .list-unstyled {
    display: inline-block;
    margin-right: 30px;
    color: var(--white);
    font-size: 14px;
}

.products-details {
    color: var(--white);
    font-size: 14px;
    font-weight: 600;
    display: block;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.p-reviews .form-control {
    border-color: var(--white);
    background-color: transparent;
    border-radius: 0;
    color: var(--white);
}

#form-review .btn-primary {
    background-color: var(--main-color);
    color: var(--white);
}

#form-review .btn-primary:hover {
    background-color: var(--white);
    color: var(--black);
}

#form-review h2 {
    color: var(--white);
    margin: 10px 0;
}

#form-review .required label {
    color: var(--white);
}

.products-specific .list-unstyled a {
    color: var(--white);
    transition: all .3s ease;
}

.products-specific .list-unstyled a:hover {
    color: var(--main-color);
}

.text-decor, .text-de {
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 1px;
    min-width: 110px;
    display: inline-block;
    line-height: 25px;
}

.text-decor-bold h2 {
    font-weight: 600;
    font-size: 23px;
    line-height: 30px;
    margin: 10px 0;
    display: block;
}

.pro-price ul li {
    display: block;
}

.product-tab {
    margin-top: 30px;
    margin-bottom: 40px;
    border-radius: 0;
}

.product-tab .nav-tabs > li > .nav-link.active, .product-tab .nav-tabs > li.active > a:focus, .product-tab .nav-tabs > li.active > a:hover {
    color: var(--main-color);
    background-color: transparent;
    border: none;
    font-size: 16px;
}

.product-tab .nav > li > a {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--white);
}

.product-tab .nav-tabs li .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    transition: all .3s ease-in-out;
    width: 0;
    border-bottom: 2px solid var(--black);
    left: 0;
}

.product-tab .nav-tabs li.nav-link.active::after {
    height: 2px;
    width: 100%;
}

.product-tab .nav > li > a:focus, .product-tab .nav > li > a:hover, .product-tab .nav-tabs > li > a {
    border: none;
    background: transparent;
}

.product-tab li {
    margin: 0 10px;
}

.product-tab .tab-pane {
    padding: 15px;
    color: var(--white);
}

#tab-description P {
    margin-bottom: 0;
}

#tab-review #review {
    border: 1px solid #222;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 10px;
}

#tab-review #review p {
    margin-bottom: 0;
    font-size: 14px;
    line-break: anywhere;
}

.gal-img #gal1 .slick-slide {
    margin: 0px 0 10px;
}

.pro-content .rating {
    margin-bottom: 10px;
    display: inline-block;
}

.form-rating .form-rating-container, .radi .form-rating, .radi label {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.form-rating .form-rating-container label,
.form-rating .form-rating-container:hover label {
    margin-bottom: 0;
    cursor: pointer;
    width: 15px;
}

#tab-review .fa-stack-2x {
    color: #ffc600;
}

.form-rating .form-rating-container input {
    display: none
}

.form-rating .form-rating-container:hover label:hover i.fa-star-o,
.form-rating .form-rating-container:hover label:hover ~ label i.fa-star-o {
    color: #ffc600;
}

.form-rating input:checked ~ label i.fa-star, .form-rating input:checked ~ label i.fa-star-o, .form-rating .form-rating-container:hover label:hover i.fa-star,
.form-rating .form-rating-container:hover label:hover ~ label i.fa-star {
    color: #ffc600;
}

.form-rating .form-rating-container label i.fa-star-o, .form-rating .form-rating-container:hover label i.fa-star-o, .form-rating .form-rating-container label i.fa-star, .form-rating .form-rating-container:hover label i.fa-star {
    color: var(--white);
}

.form-rating .form-rating-container, .radi .form-rating, .radi label {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.rsep {
    padding: 0 20px;
}

.crspc {
    padding: 10px 0;
}

/* zoom */
.pro-bg {
    position: relative;
}

.zoomLens {
    border: none !important;
    background-color: rgb(153, 153, 153) !important;
    border-radius: 10px;
}

.zoomWindow {
    border: 1px solid #eee !important;
    border-radius: 10px;
    transform: translate(0%, -0%);
}

@media (min-width: 768px) {
    .wbtesti-vertical .slick-prev {
        top: 140px;
        right: 0;
        left: 0;
        background: transparent;
        border: 0;
    }

    .wbtesti-vertical .slick-next {
        bottom: 140px;
        top: auto;
        right: 0;
        left: 0;
        background: transparent;
        border: 0;
    }

    .wbtesti-vertical .slick-arrow svg {
        rotate: 90deg;
    }

    .wbtesti-vertical .slick-arrow svg:hover {
        fill: var(--white);
    }
}

/* account page */
#account-return #content h1 {
    color: var(--white);
}

#wishlist .price b {
    font-size: 16px;
    /* color: var(--black); */
}

.accolumn.list-group a.logu {
    padding: 10px 0;
    color: var(--white);
}

#account-account .achead {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 0;
    color: var(--white);
}

#account-account.acpage #content[class*="col-"] a {
    display: inline-block;
    border: 1px solid #eee;
    width: 100%;
    padding: 25px 25px;
    border-radius: 0px;
    margin-bottom: 30px;
    color: var(--white);
    transition: all .3s ease;
}

#account-account.acpage #content[class*="col-"] a:hover {
    background-color: var(--main-color);
}

#account-account.acpage #content[class*="col-"] a:hover span {
    color: var(--white);
}

#account-account.acpage #content[class*="col-"] span:first-child {
    padding-right: 20px;
}

#account-account.acpage #content[class*="col-"] span:last-child {
    font-size: 15px;
    font-weight: 500;
    color: var(--white);
}

#account-account.acpage #content[class*="col-"] span:last-child span {
    font-size: 14px;
    font-weight: 400;
    margin-top: 6px;
    text-transform: capitalize;
    letter-spacing: 0.3px;
}

#account-account.acpage #content[class*="col-"] span svg {
    fill: var(--white);
}

.acco span {
    display: inline-block;
    vertical-align: middle;
}

.accolumn {
    box-shadow: 0px 0 3px 2px rgb(0 0 0 / 5%);
    border-radius: 10px;
    padding: 15px 0px;
    border: 1px solid #eee;
}

.accolumn h3 {
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-top: 0;
    padding: 0 20px;
    color: var(--white);
}

.accolumn h3 svg {
    fill: var(--white);
    margin-right: 10px;
}

.accolumn.list-group a {
    border: none;
    padding: 10px 50px;
    font-size: 14px;
    font-weight: 400;
    color: var(--white);
    background-color: transparent;
}

.accolumn.list-group a:hover {
    color: var(--main-color);
}

.accolumn hr {
    border-top: 1px solid #eee;
}

.accolumn h3 a {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 0;
    display: inline-block;
    margin-top: 0;
    padding: 0 0px;
}

.btn-danger, .btn-info {
    color: #ffffff;
    background-color: var(--black);
    transition: 0.3s ease;
}

/* category page */
.product-list .product-thumb .homeadd {
    display: block !important;
}

.page-item:first-child .page-link {
    border-radius: 10px 0 0 10px;
}

.page-item:last-child .page-link {
    border-radius: 0 10px 10px 0;
}

.category-page {
    background-color: var(--main-color);
}

.back-to-home {
    text-decoration: none;
    text-transform: capitalize;
    font-size: 9px;
}

.back-page {
    padding: 30px 0;
}

.back-to-home a {
    color: var(--white);
    font-size: 14px;
    text-transform: none;
}

.back-to-home a img {
    filter: brightness(10);
}

.breadcrumb > li.breadcrumb-item > a:hover,
.back-to-home a:hover {
    opacity: 0.7;
}

.cat-title {
    font-size: 36px;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 20px;
}

.cat-desc p {
    font-size: 14px;
    color: var(--black);
    margin-top: 0;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.cathed {
    color: var(--white);
    background-color: transparent;
    border: none;
    text-transform: capitalize;
    border-radius: 5px 5px 0 0;
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    padding: 0 10px 10px;
}

#compare-total {
    padding: 0;
    font-weight: 500;
    margin-top: 0;
    color: var(--white);
}

#product-category .pb-30 {
    margin-top: 30px;
}

#product-category .card .list-group-item {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0;
    text-transform: uppercase;
    color: var(--white);
    border-color: #f0f0f0;
}

#product-category .list-group-item {
    padding: 12px 12px;
    text-transform: none;
    font-weight: normal;
    color: var(--white);
    border: none;
    background-color: transparent;
}

#column-left {
    padding-top: 25px !important;
}


#product-category .list-group-item.active {
    font-weight: 700;
}

.catesort label {
    background-color: #fff;
    border: none;
    color: var(--white) !important;
}

.catlistpage.list-group a.active, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .catlistpage.list-group a.active:hover {
    background: transparent;
    color: var(--white);
    border: 1px solid #eee;
    z-index: 0;
}

.catlistpage a {
    display: block;
    line-height: 32px;
    font-size: 14px;
    text-transform: capitalize;
    border: none;
    padding: 0;
}

.catfilter .card-header {
    background: transparent;
    border: none;
    color: var(--black);
    font-size: 16px;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 20px;
    font-weight: 600;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.catfilter .list-group-item {
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 0;
    font-weight: 300;
}

.card {
    border: none;
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
}

.card-footer {
    background-color: transparent;
    padding: 0;
}

.refines {
    margin-bottom: 10px;
}

.refines h3 {
    text-transform: capitalize;
    font-size: 16px;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--white);
}

.refines li a {
    border: 1px solid var(--white);
    font-size: 14px;
    padding: 4px 12px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    text-transform: capitalize;
    margin-bottom: 4px;
    font-weight: 600;
    border-radius: 0;
    color: var(--white);
}

.refines li {
    display: inline-block;
}

.refines ul {
    padding-left: 0;
}

.cate-top {
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0px;
    padding-top: 0;
    padding-bottom: 0;
}

.btn-primary.btn-filter {
    width: 100%;
    border-radius: 50px;
    background-color: var(--black);
    color: var(--white);
}

.btn-primary.btn-filter:hover {
    background-color: var(--black);
}

.btn-primary.btn-filter .fa-solid {
    margin-right: 5px;
}

.listgridbtn {
    background-color: transparent;
    padding: 0 !important;
    margin: 0 7px;
    border: none;
    box-shadow: none;
}

.lgrid .active svg {
    fill: var(--main-color);
    cursor: pointer;
}

.lgrid svg {
    fill: var(--white);
}

.catesort label {
    background-color: transparent;
    border: none;
}

.product-thumb .form-select {
    background-color: transparent;
}

.product-list .web_option .required {
    justify-content: left;
}

.web_option .required {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 20px;
}

.form-select {
    padding: 0 15px;
    box-shadow: none;
    border: 1px solid var(--main-color);
    background-color: transparent;
    color: var(--main-color);
    height: 33px;
    display: flex;
    align-items: center;
    font-size: 14px;
    width: 100%;
    border-radius: 50px !important;
}

.form-select option {
    color: var(--main-color);
    background-color: #141318;
}

.catesort .input-group .form-select {
    color: var(--white);
    background-color: transparent;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination .page-item.active .page-link, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: var(--black);
    border-color: #DDE7DE;
    z-index: 0;
    color: #fff;
}

.pagination .page-link {
    color: var(--white);
    padding: 7px 12px 5px 12px;
    background-color: transparent;
    border-color: #DDE7DE;
}

.pagination .page-link:focus {
    box-shadow: none;
}

.product-grid .col, .product-list .col {
    margin-bottom: 10px;
}

.catlist-des {
    display: none;
}

.product-list .catlist-des {
    display: block;
}

.catlist-des {
    color: var(--main-color);
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.input-group .input-group-text {
    font-size: 14px;
    height: 39px;
    color: var(--black);
}

.input-group .form-select {
    font-size: 14px;
}

.pagi {
    margin: 0;
    background-color: transparent;
    color: var(--white);
    padding: 8px 0;
    border: 1px solid #76d5ff;
    border-radius: 10px;
    align-items: center;
}

.pagi .tot {
    line-height: 34px;
    font-size: 14px;
    color: var(--white);
}

#product-category .card-header {
    color: var(--white);
    background-color: transparent;
    border: none;
    border-radius: 0px;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 22px;
    padding-left: 0;
}

/* other page  */
.cate-border {
    background-color: transparent;
    margin-bottom: 30px;
    padding: 12px 0;
    border: 1px solid #3ABEF9;
    border-radius: 10px;
    margin-left: 0;
    margin-right: 0;
    align-items: center;
}

.cate-border .mb-3 {
    margin-bottom: 0 !important;
}

.input-group {
    align-items: center;
}

.subheading, .acpage h1, .not-found-head {
    border-bottom: 1px solid #eee;
    margin-top: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--white);
    padding-bottom: 10px;
}

.card-body p strong {
    font-size: 14px;
    font-weight: 500;
}

.card {
    border-radius: 0;
    background: transparent;
    transition: 0.3s ease;
}

.brand-list {
    border: 1px solid #f2f2f2;
    padding: 5px;
    margin-bottom: 20px;
    background-color: transparent;
    border-radius: 0;
}

.bname {
    background: none repeat scroll 0 0 var(--black);
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 6px 0;
    padding: 5px 8px;
    border-radius: 0;
    color: var(--white);
}

/* contact page */
.col-form-label {
    color: var(--white);
}

.contact-top-bg, .contect {
    background-color: var(--main-color);
}

#information-contact .contact {
    margin-top: -150px;
}

#information-contact .contact form {
    padding: 15px;
    border: 1px solid var(--main-color);
    border-radius: 0;
    background: #141317;
    color: var(--white);
}

#information-contact .wbcntleft .card-body {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    padding-top: 50px;
    border: 0;
}

#information-contact .contact-store-information h4 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--white);
}

.contact-store-information {
    margin-bottom: 50px;
}

.store-inf {
    font-weight: 400;
    font-size: 28px;
    color: var(--white);
    line-height: 42px;
}

.wbcntleft strong {
    font-weight: 600;
    font-size: 25px;
    text-transform: capitalize;
    margin-bottom: 15px;
    margin-top: 0;
    letter-spacing: 1px;
    color: var(--black);
    display: inline-block;
}

.contact-desc {
    max-width: 500px;
    font-size: 14px;
    color: var(--black);
}

/* other page */
.info-img {
    width: auto;
}

.product-list .discount-onprice {
    display: initial;
}

.product-list .product-thumb .price {
    text-align: left;
}

@media (min-width: 768px) {
    .footer-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .product-list .product-thumb .price {
        font-size: 20px;
        text-align: left;
        display: block;
        margin-bottom: 10px;
    }

    .product-list .product-thumb:hover .rating, .product-list .product-thumb:hover .price {
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .callus {
        top: 0;
    }

    .workdo-search-result {
        display: block;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

    .offertext h5, .center-dec h4 {
        display: none;
    }

    .imgdec .imgtext h5 {
        font-size: 16px;
    }

    .imgdec .imgtext h2 {
        font-size: 30px;
    }

    .footblink {
        display: none;
    }

    .deliveryinfo {
        padding: 0;
        border-bottom: none;
    }

    #account-account.acpage #content[class*="col-"] span svg {
        width: 25px;
        height: 25px;
    }

    #account-account.acpage #content[class*="col-"] span:last-child {
        font-size: 14px;
    }

    #account-account.acpage #content[class*="col-"] a {
        padding: 20px 15px;
    }

    #account-account.acpage #content[class*="col-"] span:first-child {
        padding-right: 10px;
        margin-right: 10px;
    }

    .foot-bot [class*="col-"] {
        text-align: center !important;
    }

    .deliveryinfo li h4 {
        font-size: 16px;
    }

    #tab-review #review p {
        word-break: break-word;
    }

    .a-one .alert, #alert .alert, .alert.alertsuc {
        left: 15px !important;
        right: 15px !important;
    }

    .imgtext h2, .center-dec h2 {
        font-size: 18px;
        margin: 5px 0 7px 0;
        line-height: 22px;
    }

    .imgtext a.btn-primary, .center-dec a.btn-primary, .offertext a.btn-primary {
        padding: 3px 10px;
        font-size: 14px;
    }

    .imgtext {
        left: 10px;
        width: 150px;
    }

    .center-dec {
        width: 200px;
        left: 20px;
    }

    .center-dec h5 {
        font-size: 25px;
    }

    .wbcenter .cen-pad:first-child {
        margin-bottom: 10px;
    }

    .heading {
        margin-bottom: 20px;
    }

    .onsaletop .heading span {
        font-size: 25px;
    }

    .offertext p, .center-dec p {
        display: none;
    }

    .right-bnr {
        width: 50%;
        margin-top: 20px;
    }

    .onsale-bg {
        padding: 200px 0;
    }

    #menu {
        border-radius: 0;
        position: absolute;
        top: 19px;
        left: 0;
    }

    #menu div.dropdown-inner > ul .list-unstyled {
        display: block;
    }

    #menu .dropdown-inner {
        display: block;
        padding-left: 15px;
    }

    #menu .dropdown-inner a {
        width: 100%;
        color: #fff;
    }

    #menu .see-all {
        margin-top: 0;
        border: none;
        border-radius: 0;
    }

    #cartme {
        display: none;
    }

    .top-contact-info {
        position: absolute;
        top: 85px;
    }

    .offertxtbtm {
        max-width: 100%;
        margin: 0 auto;
        margin-top: -50px;
    }

}

/* content */
#content {
    min-height: 600px;
}

/* footer-section */
.foot-link a {
    margin-right: 15px;
}

.foot-link a:hover {
    text-decoration: underline;
}

#column-left1 p {
    color: var(--white);
    font-size: 14px;
    margin-top: 0px;
    max-width: 400px;
}

footer .newsletter .inner h4 {
    color: var(--white);
    margin: 0;
}

footer .new-from, footer .news-txt {
    width: unset;
    padding: 0;
}

.footer.call-num {
    text-align: right;
    display: block;
}

.footer.call-num p {
    font-size: 22px;
    line-height: 25px;
}

.footer.call-num span {
    font-size: 36px;
    line-height: 36px;
}

footer .newsletter .inner h2 span {
    color: var(--black);
}

footer .new-from .field {
    margin: 0;
}

footer .news-ctn {
    width: 100%;
    padding: 0;
}

footer .news-img {
    display: none !important;
}

footer .newsletter .inner {
    margin: 0;
    max-width: unset;
    display: block;
}

footer .workdo-newsletter {
    background-image: none;
    padding: 0;
}

footer .newsletter {
    background: transparent;
    padding: 0;
}

.middle-footer {
    padding: 50px 0;
    position: relative;
}

.wbftleft p {
    color: #8a8a8a;
    line-height: 24px;
}

.foot-logo {
    margin-bottom: 15px;
}

.middle-footer a, .f-left li {
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 22px;
    transition: 0.3s ease;
    font-weight: 400;
    color: var(--white);
}

.middle-footer a:hover, .f-left li:hover {
    color: var(--black);
}

.payment .fpaym li {
    display: inline-block;
}

.payment ul {
    margin-bottom: 0;
}

.fpaym li svg {
    width: 38px;
    height: 32px;
}

.storeinfo p {
    color: #666;
}

footer {
    background-color: var(--main-color);
}

footer hr {
    border-top: none;
    border-bottom: 1px solid #666;
}

#contact ul {
    padding-left: 0;
}

.storeinfo {
    align-items: center;
}

.storeinfo h5 {
    font-size: 35px;
    line-height: normal;
    text-transform: capitalize;
    font-family: 'Signika', sans-serif;
    font-weight: normal;
    position: relative;
}

.footblink li a::after {
    content: '|';
    color: #656565;
    margin: 0 12px;
}

.footblink li a {
    color: #ddd;
    position: relative;
    text-transform: capitalize;
    line-height: 26px;
}

.footblink li a:hover {
    color: var(--black);
}

.foot-bot .row {
    align-items: center;
}

.copy p {
    margin-bottom: 0;
    font-size: 14px;
    color: var(--black);
    font-weight: 400;
}

.copy, .copy a {
    font-size: 14px;
    color: var(--black);
    transition: all .3s ease;
}

.copy a:hover {
    color: var(--black);
}

.footcontact li p a,
.f-left li p a {
    font-size: 25px;
    color: #fff;
}

.f-left svg {
    margin-right: 5px;
}

.fcontact svg {
    width: 17px;
    height: 17px;
    fill: #fed507;
}

.fsocial li {
    display: inline-block;
}

.fsocial li svg {
    width: 26px;
    height: 26px;
    margin: 0;
    fill: #777;
    transition: 0.3s ease;
}

.fsocial li a {
    width: 45px;
    height: 45px;
    background: var(--white);
    vertical-align: middle;
    text-align: center;
    margin-right: 0;
    transition: 0.3s ease;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#input-option-226 {
    background-repeat: no-repeat;
}

.fsocial {
    margin: 0;
}

.fsocial li a:hover {
    background: var(--black);
}

.fsocial li a:hover img {
    filter: brightness(10);
}

.fsocial li a:hover svg {
    fill: #fff;
}

#scroll {
    position: fixed;
    right: 30px;
    bottom: 60px;
    cursor: pointer;
    z-index: 9;
    height: 40px;
    width: 40px;
    line-height: 0;
    padding: 14px 0;
    display: none;
    outline: none;
    text-align: center;
    transition: all .5s ease-in-out;
    background: var(--black);
    color: #fff;
    border-radius: 50px;
}

#scroll:hover {
    background: var(--main-color);
}

#scroll svg {
    width: 12px;
    height: 12px;
    fill: var(--black);
}

/* breadcrumb */
.breadcrumb > li a::after {
    content: '/';
    padding: 0 15px;
    color: var(--white);
}

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

.breadcrumb {
    margin: 0px 0px 0;
    padding: 0px;
    border: none;
    border-radius: 0px;
}

.sitem ul li {
    list-style: url;
}

.sitem h1 {
    color: var(--black);
}

#information-sitemap .sitem ul li a {
    color: var(--black);
}

.sitem ul {
    line-height: 35px;
    padding-left: 25px;
    padding-right: 25px;
}

.breadcrumb i {
    font-size: 14px;
}

.breadcrumb > li.breadcrumb-item {
    padding: 0;
    position: relative;
}

.breadcrumb > li.breadcrumb-item > a {
    text-decoration: none;
    text-transform: capitalize;
    font-size: 14px;
    color: var(--white);
}

.breadcrumb > li.breadcrumb-item + li:before {
    content: "";
    padding: 0;
}

.pagination {
    margin: 0;
}

/* buttons */
.btn {
    padding: 7.5px 12px;
    font-size: 14px;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.fa {
    font-size: 10px;
}

.btn-danger, .btn-info {
    color: #ffffff;
    background-color: var(--black);
    transition: 0.3s ease;
    border: none;
}

.form-control:focus, .form-select:focus {
    border: 1px solid var(--main-color);
    color: var(--white);
    box-shadow: none;
    background-color: transparent;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .btn.active, .btn:active {
    outline: none;
    box-shadow: none;
}

.btn-light {
    color: #777;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}

.btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active, .btn-light.disabled, .btn-light[disabled] {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
    background-position: 0;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-position: 0;
}

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    background: var(--black);
    color: #fff;
}

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}

.btn-link {
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: var(--black);
    border-radius: 0;
    text-decoration: none;
}

.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
}

.btn-inverse {
    color: #ffffff;
    background-color: #363636;
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 var(--black) 000;
}

.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    background-color: #222222;
    background-image: linear-gradient(to bottom, #333333, #111111);
    box-shadow: none;
}

.btn-primary span {
    font-size: 14px !important;
    margin: 0 !important;
    line-height: 15px !important;
    transition: all .3s ease;
    font-weight: 600;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.btn-primary {
    background-color: #3abef9;
    color: var(--white);
    transition: 0.3s ease;
    position: relative;
    border-radius: 50px;
    text-transform: capitalize;
    width: 199px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
}

.btn-primary img {
    margin-left: 5px;
}

.btn-primary.btn-section:hover {
    border-color: transparent;
}

.btn-close:focus {
    box-shadow: none;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: var(--white);
    color: var(--black);
}

.you-save {
    position: absolute;
    left: 15px;
    top: 0;
    margin: 0 auto;
    display: inline-block;
    text-transform: uppercase;
    line-height: normal;
    font-size: 11px;
    border: none;
    background: #D9135A;
    border-radius: 0 0 25px 25px;
    color: #fff;
    padding: 10px 15px;
    z-index: 1;
}

.discount-onprice {
    position: absolute;
    left: 10px;
    top: 10px;
    margin: 0 auto;
    display: inline-block;
    text-transform: uppercase;
    line-height: normal;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 15px;
    background: transparent;
    color: #fff;
    padding: 3px 10px;
}

.product-thumb .image {
    text-align: center;
    position: relative;
}

.product-thumb .image .second-image img {
    border-radius: 0;
}

.product-svg {
    background: #183A40;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    fill: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-svg img {
    filter: brightness(10);
}

.second-image:last-child {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
}

.product-thumb:hover .second-image:first-child {
    opacity: 0;
}

.product-thumb:hover .second-image:last-child {
    opacity: 1;
}

.product-thumb .description {
    padding: 15px;
}

.product-thumb:hover .button-group {
    opacity: 1;
}

.homeadd .input-group {
    width: auto !important;
}

.homeadd .sub.btn {
    position: absolute;
    left: 0;
}

.homeadd .add.btn {
    position: absolute;
    right: 0;
}

.homeadd .count {
    max-width: 82px;
    text-align: center;
}

.homeadd .count.form-control {
    border-radius: 0;
    color: var(--black);
    border-color: var(--black);
    height: 38px;
}

.cart-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

#button-cart:hover {
    background-color: var(--black);
    color: var(--white);
}

.product-thumb .homeadd .cartb {
    box-shadow: 0px 9px 16px rgba(158, 113, 93, 0.32);
    background: var(--main-color);
    color: var(--white);
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    border-radius: 50px;
    padding: 0;
    margin-bottom: 0;
    letter-spacing: 0;
    border: none;
    width: 144px;
    height: 36px;
    transition: all .3s ease;
}

.product-thumb .homeadd .cartb:hover {
    background-color: var(--black);
}

.product-thumb .homeadd .cartb span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.select-product-option label {
    color: var(--black);
}

.select-product-option .form-select {
    height: 36px;
    margin-bottom: 15px;
    font-size: 14px;
    border-radius: 0;
    color: var(--black);
}

.product-thumb .button-group img {
    width: 15px;
    height: 15px;
    transition: all .3s ease;
}

.product-thumb .button-group .compare:hover {
    background-color: var(--main-color);
}

.product-thumb .button-group .wish span {
    color: black;
    margin-right: 5px;
}

.product-thumb .button-group .wish {
    background: transparent;
    border: none;
    text-align: center;
    transition: 0.3s ease;
    margin-bottom: 0;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-thumb .button-group .compare {
    transition: all 0.3s ease;
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    opacity: 0;
    margin: 0 auto;
    border: 1px solid var(--main-color);
    background-color: var(--black);
    border-radius: 6px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-thumb .button-group .compare img {
    filter: brightness(10);
}

.product-thumb .button-group .wish {
    position: absolute;
    top: 10px;
    right: 10px;
}

.product-thumb:hover .button-group .compare {
    opacity: 1;
}

.homeqtinner {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.homeqt .btnminus {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    display: inline-block;
    height: 16px;
    padding: 0 3px;
    border: 1px solid #83838C;
    border-radius: 100%;
    line-height: 8px;
    width: auto;
    background-color: #fff;
}

.homeqt .btnplus {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    display: inline-block;
    height: 16px;
    padding: 0 3px;
    border: 1px solid #83838C;
    border-radius: 100%;
    line-height: 14px;
    width: auto;
    background-color: #fff;
}

.homeqt .btn-number .fa {
    font-size: 10px;
}

.homeqt .addhqty {
    width: 60px;
    flex-grow: unset;
    padding: 0;
    color: var(--black);
    height: 14px;
    vertical-align: top;
    font-size: 16px;
    text-align: center;
    border: none;
}

.rating {
    padding-bottom: 0;
}

.rating.fa-star {
    color: #999;
    font-size: 15px;
}

.rating .fa-star {
    font-size: 14px;
    line-height: normal;
}

/* product list */
.product-list .image {
    width: 23%;
    float: left;
}

.product-list .caption {
    width: 77%;
    float: left;
}

.product-list .product-thumb .homeadd {
    display: inline-block !important;
}

.product-list .product-thumb .button-group .wish span {
    display: none;
}

.product-list .button-group {
    display: inline-flex;
    vertical-align: middle;
}

.product-list .product-thumb .button-group .wish img {
    filter: brightness(10);
}

.product-list .product-thumb .button-group .wish {
    background-color: var(--black);
    border: 1px solid var(--main-color);
    border-radius: 6px;
}

.product-list .product-thumb .button-group .wish:hover {
    background-color: var(--main-color);
}

.product-list .product-thumb .button-group .wish,
.product-list .product-thumb .button-group .compare {
    width: 36px;
    height: 36px;
}

.product-list .product-thumb .button-group img {
    width: 15px;
    height: 15px;
}

.product-list .product-thumb .button-group .wish {
    position: unset;
    margin: 0 10px;
}

.product-list .product-thumb .button-group .compare {
    position: unset;
    margin: 0;
    opacity: 1;
}

.product-list .product-bg {
    text-align: left;
}

.price {
    color: #444;
}

.price-tax {
    color: #999;
    font-size: 14px;
    display: block;
    font-weight: normal;
}

/* BS4 Changes */
.navbar-light .navbar-toggler {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 6px 12px;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
}

.wdtop .custom-radio label input + span {
    border: 1px solid var(--white);
    color: var(--white);
}

.product-thumb .form-check .form-check-input {
    border-radius: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.product-thumb .custom-radio label input:checked + span {
    background: #000;
    color: #fff;
}

.product-thumb .custom-radio label input + span {
    padding: 0px 12px;
    border-radius: 20px;
    font-size: 10px;
    border: 1px solid #000;
    height: 25px;
    padding-top: 1px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* Theme Custom CSS */
#display-control #compare-total.a {
    margin-top: -2px;
    padding: 0.35rem 0.565rem;
}

#product-product h1 {
    margin-top: 20px;
    margin-bottom: 10px;
}

#information-contact .card {
    margin-bottom: 20px;
}

#cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
    z-index: 9999;
    opacity: 0.95;
    color: #ecf0f1;
    background: #343a40;
}

#cookie div {
    font-size: 16px;
    color: #FFFFFF;
}

/* alert */
#alert .alert, .alert.alertsuc {
    background-color: #76d5ff;
    border: 1px solid #fff;
    color: #000;
    font-size: 16px;
    position: fixed;
    z-index: 99;
    transition: all ease .6s;
    border-radius: 0;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 30%;
    padding: 40px;
}

#alert .alert a, .alert.alertsuc a {
    color: #353eca;
    text-decoration: underline;
}

.a-one {
    background-color: var(--black);
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.alert-danger svg, .alert-info svg, .alert-success svg {
    display: block;
    margin: 0 auto 20px;
    width: 65px;
    height: 65px;
}

.alert-success svg {
    fill: #fff;
}

.alert-success h2 {
    color: #fff;
}

.btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
}

.alert-danger svg {
    fill: #da4f49;
}

.stck-bn a {
    float: right;
    background-color: var(--black);
    color: #fff !important;
    padding: 10px 15px;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: 500;
    margin-top: -50px;
    transition: all 0.5s ease-in-out 0s;
}

.stck-bn a:hover {
    background-color: var(--black);

}

.stck-bn p {
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    color: #939393;
    margin: 0px;
}

.stck-bn h4 {
    color: var(--black);
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 15px;
    margin-top: 0px;
}

.stck-bn {
    border: 1px solid #e1e1e1;
    margin: 0 200px;
    padding: 24px;
    text-align: center;
    position: relative;
}

.st-img img {
    position: absolute;
    left: 0;
    width: 282px;
    height: 109px;
    bottom: 0;
}

.dinfo .dimg {
    display: inline-block;
    vertical-align: middle;
}

.siinfo .sj {
    border-radius: 0px;
    padding: 20px 5px;
    transition: 0.3s ease;
    text-align: center;
    background-color: #fff;
    border: 1px solid #eee;
}

.siinfo .sj:hover .dimg svg {
    fill: var(--black);
}

.deltext h4 {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 5px;
}

.deltext a:hover::after {
    width: 100%;
    border-bottom: 1px solid var(--black);
}

.text-p p {
    color: var(--black);
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 0;
}

.deltext p {
    color: #8a8a8a;
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 10px;
    line-height: 23px;
}

.deltext {
    vertical-align: middle;
    text-align: center;
    display: inline-block;
}

.top-bar {
    float: right;
}

.top-bar .list-inline-item {
    margin-right: 20px;
}

.p-tab {
    position: relative;
}

.pro-tab hr {
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
    margin: 0;
    border-top: 1px solid #bbb;
}

.callright li {
    margin-left: 30px;
    display: inline-block;
    color: #fff;
}

.callus {
    margin: 0;
    color: #9FB89E;
    font-size: 14px;

    position: relative;
    top: 5px;
}

.coll span {
    margin-top: 0px;
}

.callright li span {
    display: block;
    font-size: 14px;

}

.callright li a {
    color: #fff;
    font-size: 15px;
}

.callright ul {
    margin-bottom: 0;
}

.dacc #cartme, #cart-total {
    font-size: 14px;
    text-transform: capitalize;
    color: #999;
    margin-top: 5px;
}

.huser-drop {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.head-t {
    position: relative;
    margin-bottom: 15px;
}

.head-t h4 {
    padding-right: 20px;
    background: #fff;
    z-index: 1;
    display: inline-block;
    position: relative;
    margin: 0px;
    font-size: 16px
}

.head-t h4 span {
    display: inline-block;
    position: relative;
    padding: 10px;
    border: 1px solid #eee;
}

.head-t hr {
    position: absolute;
    left: 0;
    right: 100px;
    top: 20px;
    border-top: 1px solid #bbb;
    margin: 0;
}

.top-contact-info ul li:first-child {
    font-weight: 600;
}

.top-contact-info ul li {
    font-size: 14px;

    color: #545454;
}

.top-support {
    font-size: 14px;
    color: var(--black);
}

.top-support span {
    font-size: 14px;
    color: var(--black);
}

.cartt {
    position: absolute;
    top: -8px;
    right: 0;
    left: 14px;
    width: 13px;
    height: 13px;
    background-color: var(--black);
    color: var(--white);
    font-size: 10px;
    text-align: center;
    line-height: 11px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.user-bg .xuser {
    margin: 0 20px;
}

.wc-total img, .xuser img {
    width: 18px;
    height: 18px;
    display: block;
    margin: 0;
    filter: brightness(20);
}

#cart .xuser {
    display: flex;
    align-items: center;
    justify-content: center;
}

.onsale-img .row {
    align-items: center;
}

.sale-product {
    padding: 0;
}

.wdonsale .btn-primary.btn-section {
    margin: 0 auto;
}

.top-subtitle {
    font-size: 21px;
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: 26px;
    left: 28px;
}

.section-sub-title {
    font-size: 40px;
    color: var(--black);
    font-weight: 400;
    font-family: 'Amaranth', sans-serif;
    margin-top: 0;
    margin-bottom: 30px;
}

.section-bottomtitle {
    font-size: 14px;
    color: var(--black);
    margin: 20px 0 30px;
    line-height: 20px;
    max-width: 380px;
}

.btn-primary.btn-section i {
    position: relative;
    top: 1px;
}

.position-top-130 {
    position: relative;
    top: 60px;
}

.ow-ctn {
    display: flex;
    align-items: center;
}

.ow-ctn h3 {
    color: var(--white);
    font-weight: 400;
    font-size: 14px;
    line-height: 12px;
    margin: 0;
    text-transform: uppercase;
}

.ow-ctn h3 span {
    display: block;
    font-size: 23px;
    line-height: 23px;
    margin-top: 5px;
    text-transform: lowercase;
}

.ow-ctn img {
    width: 100px;
    border-radius: 0;
    margin-left: 10px;
}

/* service section */
.home-sup {
    border: 1px solid #fff;
    text-align: left;
    padding: 15px;
    position: relative;
}

.home-sup h4 {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: normal;
    margin-bottom: 8px;
    margin-top: 0;
    color: #fff;
    transition: 0.3s ease;
}

.home-sup p {
    margin-bottom: 0;
    letter-spacing: 0;
    font-size: 14px;
    color: #fff;
    line-height: 25px;
}

.home-sup img {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
    filter: brightness(10);
}

.dinfo .heading {
    max-width: 500px;
    margin: 0 auto;
    color: #fff;
    margin-bottom: 30px;
}

.dinfo .row {
    align-items: flex-end;
}

.dinfo {
    padding: 60px 0;
    background-color: var(--black);
}

.dinfo .card-body {
    padding: 0;
    max-width: 340px;
}

.dinfo .card-body .card-title {
    font-weight: 600;
    font-size: 30px;
    letter-spacing: -0.01em;
    line-height: 30px;
    color: var(--black);
    margin: 0;
}

.dinfo .card-body .card-title span {
    color: var(--black);
}

.service .card-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 20px;
    color: var(--black);
}

.service .card-body img {
    margin-bottom: 20px;
    transition: 0.3s ease;
}

/* service section end */
/* Featured section */
.center-heading, .left-heading {
    font-weight: 700;
    font-family: 'Amaranth', sans-serif;
    font-size: 40px;
    text-align: center;
    color: var(--black);
    margin-bottom: 20px;
}

.center-heading span {
    display: block;
}

.left-heading {
    display: none;
}

.csection-bottomtitle {
    max-width: 800px;
    margin: 0 auto;
    font-size: 14px;
    color: var(--black);
    line-height: 20px;
    text-align: center;
    margin-bottom: 40px;
}

/* Featured section end */
/* Bestseller section */
.best-bg .onsalehed .heading span {
    color: var(--white);
    font-size: 67px;
    line-height: 80px;
    margin-bottom: 40px;
}

.best-bg .onsalehed .heading p {
    font-size: 14px;
    margin-top: 0;
    line-height: 20px;
    margin-bottom: 25px;
}

.best-bg .row {
    align-items: center;
}

.onsale_pro {
    padding: 0;
}

.onsaletag li span b {
    font-style: normal;
}

.onsaletag li span strong img {
    width: 22px;
    height: 22px;
    fill: #fff;
}

.onsaletag {
    padding: 0;
    margin: 0 -10px;
    display: inline-block;
    margin-top: 30px;
}

.onsaletag li {
    width: 50%;
    float: left;
    display: inline-block;
    padding: 0 10px;
}

.onsaletag li span {
    display: block;
    font-size: 16px;
    border: 1px solid #183A40;
    border-radius: 35px;
    padding: 3px;
    margin-bottom: 20px;
    font-family: serif;
    font-weight: 400;
    font-style: italic;
    transition: 0.3s ease;
}

.onsaletag li span strong {
    background: #183A40;
    border-radius: 100%;
    min-width: 35px;
    min-height: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    text-align: center;
    padding-top: 6px;
    transition: 0.3s ease;
}

.onsaletag li:hover span {
    background: #183A40;
    color: #fff;
}

.onsaletag li:hover span strong {
    background: #fff;
}

.onsaletag li:hover span strong img {
    filter: brightness(0);
}

/* latest prodeuct */
.best, .latest {
    padding: 0;
}

/* Bestseller section end*/
/* Top Category section */
.wdtop .product-thumb {
    border: none;
    box-shadow: unset;
}

.wdcategory .slick-list {
    padding: 0;
}

.wd-item-layout .wd-item-img img {
    margin: 0 auto;
    width: 45px;
    height: 45px;
}

.category-bg {
    margin: 70px 0;
}

.wd-item-layout {
    position: relative;
    border: 1px solid #DDE7DE;
    border-radius: 20px;
    padding: 35px 20px 35px 20px;
    background: #fff;
    text-align: center;
}

.catlast-btn {
    width: 175px;
    border: 1px solid var(--white);
    color: var(--white);
    margin: 0 auto;
    margin-top: 60px;
}

.catlast-btn:hover {
    background-color: var(--white);
    color: var(--black);
}

.catlast-btn:hover img {
    filter: brightness(0);
}

.catlast-btn img {
    filter: brightness(10);
}

.wd-item-title a {
    font-size: 20px;
    text-transform: capitalize;
    display: block;
    margin: 0;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--black);
}

.catbr p {
    font-size: 10px;
    line-height: 10px;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 10px;
}

.homecategory .catbr {
    display: inline-block;
    vertical-align: middle;
}

.slick-track .slick-slide:nth-child(odd) .wd-item-caption .btn-primary {
    background-color: var(--black);
}

.slick-track .slick-slide:nth-child(odd) .wd-item-caption .btn-primary:hover {
    background-color: var(--black);
}

.slick-track .slick-slide:nth-child(even) .wd-item-caption .btn-primary {
    background-color: var(--black);
}

.slick-track .slick-slide:nth-child(even) .wd-item-caption .btn-primary:hover {
    background-color: var(--black);
}

.wd-item-caption .btn-primary {
    border: none;
    width: 100%;
    height: 43px;
    font-size: 10px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wd-item-caption .btn-primary:hover,
.wd-item-caption .btn-primary:active:hover,
.wd-item-caption .btn-primary:focus {
    background-color: transparent;
    color: var(--black);
}

/* Top Category section end*/
/* Blog section*/
.blog-head-section .btn-primary {
    border: 1px solid var(--white);
    color: var(--white);
}

.blog-head-section .btn-primary:hover {
    background-color: var(--white);
    color: var(--black);
}

.blog-head-section .btn-primary:hover img {
    filter: brightness(0);
}

.blog-head-section .btn-primary img {
    filter: brightness(10);
}

.btn-primary.read_more img {
    margin-left: 0;
}

.btn-primary.read_more:hover img {
    filter: brightness(0);
}

.blog-bg .row {
    align-items: center;
}

.blog-bg .box-content {
    padding: 0;
}

.blog-toptitle {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    color: var(--white);
}

.blog-bg .heading {
    color: #fff;
}

.blog-main-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0;
}

.blog-main-title .btn-primary.btn-section {
    margin: 0;
    padding: 11px 20px;
}

.blog-main-title h2 {
    font-weight: 600;
    text-align: center;
    font-size: 85px;
    color: #fff;
    margin: 0;
    letter-spacing: -0.05em;
}

.blog-bottom-title {
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: var(--white);
    letter-spacing: 0.3px;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 20px;
}

.wbblog .blog-thumbnail {
    margin-bottom: 0;
}

.blog-thumbnail .blogdt {
    width: unset;
}

.blog-thumbnail {
    position: relative;
    border-radius: 20px;
    border: 1px solid var(--main-color);
    text-align: left;
    background-color: var(--main-color);
    box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.07);
    margin-bottom: 20px;
}

.workdo-blog-image img {
    border-radius: 20px 20px 0 0;
    border: 0;
    padding: 0;
}

.blog-right, .allcomment {
    padding: 15px;
}

.blog-right h4 a, .allcomment h4 a {
    font-size: 20px;
    text-transform: capitalize;
    line-height: 22px;
    padding-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin: 0;
    transition: all .3s ease;
    font-weight: 600;
    color: var(--white);
}

.blog-right h4 a:hover, .allcomment h4 a:hover {
    color: var(--black);
}

.blog-desc, .blog_links {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
    color: var(--white);
}

.btn-primary.read_more {
    background: var(--black);
    width: 127px;
    height: 40px;
    transition: 0.3s ease;
    text-transform: capitalize;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
}

.blog-date .btn-primary.read_more svg {
    fill: var(--white);
    margin-left: 5px;
}

.btn-primary.read_more:hover {
    background-color: #333;
}

/* Blog section end*/
/* Selected product*/
.select-ctn {
    text-align: right;
    position: relative;
    bottom: 0;
}

.select-ctn h4 {
    font-size: 55px;
    line-height: 55px;
    font-weight: 500;
    color: var(--black);
}

.select-ctn p {
    max-width: 500px;
    float: right;
    color: var(--black);
    margin-bottom: 0;
}

.select-ctn h4 span {
    font-weight: 300;
    display: block;
}

.selected_bg .row {
    align-items: end;
}

.selected_pro {
    padding: 0;
}

.p-200 {
    padding-top: 200px;
}

.selected-products .center-heading {
    font-weight: 400;
}

/* Logo slider*/
.logoimg img {
    transition: all .3s ease;
}

.logoslider .row {
    align-items: center;
}

.logo-ctn h4 {
    color: var(--white);
    font-size: 14px;
}

.logo-ctn h2 {
    color: var(--black);
    font-weight: 600;
    font-size: 49px;
    letter-spacing: 0;
    line-height: 49px;
    margin: 0;
    max-width: 500px;
}

.logo-ctn h2 span {
    font-weight: 400;
}

.logo-ctn p {
    font-weight: 400;
    font-size: 14px;
    color: var(--black);
    margin: 0;
    max-width: 380px;
}

.logoslider {
    position: relative;
    margin: 70px 0;
}

.logoslider .heading span {
    font-size: 14px;
    color: var(--white);
}

.logoslider .heading {
    margin: 0;
}

.center-dec .banner-description {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20%;
    display: flex;
    align-items: center;
}

/* right banner */
.right-bnr {
    position: relative;
}

.rightbnr .beffect a img {
    border-radius: 20px;
    width: 100%;
    border: 1px solid var(--main-color);
}

.right_b .banser-dec {
    position: absolute;
    top: 20px;
    left: 30px;
    right: 20px;
    max-width: 230px;
    display: flex;
    flex-direction: column;
    justify-content: space-between !important;
    height: 100%;
    padding-bottom: 86px;
}

.right_b h2 {
    font-size: 20px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 25px;
    color: var(--white);
}

.right_b .img-but {
    position: absolute;
    bottom: 20px;
    left: 30px;
    right: 20px;
}

.right_b .img-but .btn-primary {
    background-color: var(--main-color);
    color: var(--white);
    width: 190px;
    height: 45px;
}

.right_b .img-but .btn-primary:hover {
    background-color: var(--black);
}

/* left banner */
.left-ctn .play-video strong {
    color: var(--white);
}

.left-ctn .play-video img {
    filter: brightness(20);
}

.left-banner {
    position: relative;
    margin-top: -250px;
}

.left-ctn {
    position: relative;
}

.left-dec {
    position: absolute;
    left: 0;
    max-width: 600px;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 250px;
}

.left-ctn h3 {
    font-size: 64px;
    line-height: 64px;
    color: #76d5ff;
    margin-bottom: 20px;
    font-weight: 300;
    text-shadow: 1px -1px 10px #051f4f;
}

.left-ctn h3 span {
    font-weight: 600;
}

.left-ctn p {
    font-size: 14px;
    color: #fff;
    margin: 0 auto 30px auto;
    line-height: 24px;
    max-width: 500px;
}

/* countdown products */
.is-countdown {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    text-align: center !important;
}

.wbcount .product-thumb .image {
    position: relative;
}

/* countdown products */
/* Information Pages */
#information-information .accordion-item:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

#information-information .accordion-item {
    margin-bottom: 25px;
}

#information-information .accordion-button:not(.collapsed) {
    background: #141318;
}

.contact-top-bg .other-title {
    color: var(--white);
}

.information {
    padding-top: 60px;
}

#information-information h3, #information-information h1, .other-title {
    font-size: 24px;
    color: var(--white);
    font-weight: 700;
    margin-bottom: 25px;
}

.contact-desc p {
    margin: 0;
    color: var(--white);
}

#information-information h1, .other-title {
    font-size: 36px;
}

#information-information .accordion-button {
    font-size: 14px;
    color: var(--white);
    font-weight: 500;
    background-color: #141318;
}

#information-information .accordion-body {
    font-size: 14px;
    color: var(--white);
    font-weight: 400;
    background-color: #141318;
}

.terms-info p, .about-us p {
    font-size: 14px;
    color: var(--white);
    font-weight: 400;

    line-height: 22px;
    margin-bottom: 30px;
}

.about-us h3 {
    font-size: 36px;
}

.about-two img {
    margin-top: 30px;
}

.about-two h4, .about-three h4 {
    font-size: 24px;
    color: var(--white);
    font-weight: 700;

    margin-bottom: 20px;
}

.about-three {
    margin-top: 50px;
}

.about-two, .about-three {
    align-items: center;
}

.about-two h3 {
    margin-top: 50px;
    margin-bottom: 30px;
}

.about-sup {
    position: relative;
    padding: 18px;
    border: 1px solid var(--white);
}

.about-bottom {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 50px;
}

.about-sup {
    text-align: left;
}

.about-sup h4 {
    font-size: 22px;
    color: var(--white);
    font-weight: 700;
}

.about-sup img {
    position: absolute;
    top: 10px;
    right: 10px;
    left: auto;
}

.about-sup p {
    margin: 0;
}

#product-compare #content {
    max-width: 100%;
    overflow: auto;
}

#product-compare td {
    min-width: 300px;
}

#checkout-cart td {
    min-width: 150px;
}

#wishlist .btn-primary {
    width: 31px;
    height: 31px;
    display: inline-block;
}

/* selected-products */
.s-ctn h4 {
    font-weight: 700;
    font-size: 19px;
    line-height: 19px;
    margin-bottom: 20px;
    color: var(--black);
}

/* banner product */
.rightbnr {
    position: relative;
}

.wdlogoslider, .feature, .wdonsale, .wdtop, .wdselected {
    display: none;
}

/* cart page */
#error-not-found #content h1 {
    color: var(--white);
}

.accordion-button, .accordion-body {
    background-color: #141318;
    color: var(--white);
}

#checkout-cart .heading span {
    font-weight: 700;
    font-size: 36px;
    color: var(--white);
    margin-bottom: 20px;
}

/* checkout page */
.checkout-heading {
    color: var(--white);
    font-size: 36px;
    font-weight: 700;
}

/* success page */
#common-success #content {
    text-align: center;
}

#account-register #content h1 {
    font-size: 38px;
    font-weight: 700;
    color: var(--white);
}

.slick-list .slick-track .slick-slide form {
    margin: 0;
}

.workdo-newsletter form {
    margin: 0;
}

.sub_search, .sub_megamenu {
    display: none;
}

.middle-footer .row .lborder {
    width: 20%;
}

.middle-footer .row .news-lborder {
    width: 40%;
}

footer .newsletter .container {
    padding: 0 12px;
}

.middle-footer h5 {
    font-weight: normal;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 15px;
    color: var(--white);
}

.middle-footer .col-md-3.wbftleft h5::after {
    display: none;
}

.t-block {
    display: none !important;
}

.custom-img img {
    width: 100%;
    border-radius: 15px;
}

.navbar-toggler:focus {
    box-shadow: none;
}

#common-home #content {
    padding: 0;
}

.slideimg img {
    width: 100%;
}

#product-manufacturer #content h1 {
    color: var(--white);
    font-weight: 700;
}

#product-manufacturer #content .cate-border a {
    color: var(--white);
}

.cartb span img {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: sub;
}

.cartb img {
    display: none;
}

.cart-price .cartb img {
    filter: invert(1);
}

.h-soc li {
    display: block;
}

.main-home .h-soc,
.product-header .h-soc {
    position: absolute;
    top: 250px;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

.h-soc .fsocial li a {
    margin-right: 0;
    margin-bottom: 5px;
}

.h-soc h2 {
    color: var(--white);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-top: 15px;
}

/* search page */
#product-search #content h2 {
    color: var(--white);
}

/* sub-header */
.sub-homemenu .container {
    position: relative;
}

.main-home .manu-ctn {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 20px;
    left: 15px;
    right: 15px;
    z-index: 1;
}

.manu-ctn {
    display: flex;
    justify-content: space-between;
}

.main-home .day p,
.product-header .day p,
.pro-category .day p,
.contect .day p {
    margin: 0;
    font-weight: 600;
    color: var(--white);
}

.main-home .sub-homemenu,
.product-header .sub-homemenu,
.pro-category .sub-homemenu {
    background-color: var(--black);
    display: flex;
    justify-content: space-between;
    padding: 0;
}

.sub-homemenu {
    padding: 20px 0 0;
}

.day p {
    color: var(--black);
    margin: 0;
}

.sub-manu .dropdown-item {
    color: var(--black);
    padding: 0 0 0 15px;
    transition: all .3s ease-in;
    background-color: transparent;
}

.sub-manu .dropdown-item:hover {
    color: var(--black);
    text-decoration: underline;
}

.sub-manu ul li, .sub-homemenu .sub-manu, .day {
    display: inline-block;
}

.main-home .sub-manu .dropdown-item,
.product-header .sub-manu .dropdown-item,
.pro-category .sub-manu .dropdown-item,
.contect .sub-manu .dropdown-item {
    padding: 0 0 0 15px;
    transition: all .3s ease-in;
    color: var(--white);
}

.main-home .sub-manu .dropdown-item:hover,
.product-header .sub-manu .dropdown-item:hover,
.pro-category .sub-manu .dropdown-item:hover {
    background-color: transparent;
    color: var(--white);
    text-decoration: underline;
}

.sub-manu .dropdown-item:active,
.sub-manu .dropdown-item:focus {
    background-color: transparent;
}

#cart p .btn-primary,
#form-register .btn-primary,
.btn-outline-primary {
    background-color: var(--main-color);
    width: 150px;
}

.table .img-thumbnail {
    border-radius: 0;
}

.form-select.is-invalid:not([multiple]):not([size]) {
    background-repeat: no-repeat;
}

#account-account, #account-address {
    padding: 0;
}

#account-password .container {
    padding: 0;
}

#information-information {
    padding-bottom: 35px;
}

.about-us img {
    border-radius: 0;
}

#product-manufacturer #display-control .lgrid,
#product-search #display-control .lgrid,
#product-manufacturer:last-child .catesort,
#product-search:last-child .catesort {
    padding: 0;
}

#product-manufacturer .heading span,
#product-search .heading span {
    color: var(--white);
    margin-bottom: 20px;
}

.store-add .store-inf {
    font-size: 14px;
    line-height: 22px;
}

.h-soc {
    display: none;
}

#common-success #content p {
    margin-bottom: 5px;
    font-size: 16px;
}

#common-success #content h1 {
    color: var(--white);
    font-weight: 700;
    font-size: 36px;
    letter-spacing: -0.025em;
}

.float-center .btn-primary {
    margin: 0 auto;
}

.nav-tabs .nav-link {
    border-radius: 50px;
    text-transform: capitalize;
    font-size: 18px;
    position: relative;
    font-weight: 600;
    background: transparent;
    border: none;
    padding: 0;
    margin-right: 15px;
    letter-spacing: 0;
    border: none;
    transition: unset;
    color: var(--black);
}

.nav-tabs .nav-link.active {
    color: var(--white);
}

.nav-tabs .nav-link::after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0px;
    border-bottom: 2px solid #000;
    width: 0;
    transition: 0.3s ease;
}

.nav-tabs .nav-link:hover::after, .nav-tabs .nav-link.active::after {
    width: 50%;
}

.tab-ctn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}

.nav-tabs {
    border: none;
}

.tab-ctn .logo-ctn h2 span {
    color: var(--white);
}

.tab-pro .logo-ctn {
    max-width: 400px;
}

.feature {
    padding: 0;
}

.f-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.f-heading h2 {
    font-size: 36px;
    color: var(--black);
    font-weight: 300;
    margin-bottom: 0;
}

.f-heading h2 span {
    font-weight: 500;
}

.flb-bg {
    background-color: var(--white);
    border-radius: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}

/*  ovarlay zoom in effect */

/* custom-radio */
.custom-radio .img-thumbnail {
    display: block;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    border: none;
    padding: 1px;
    background-color: transparent;
    cursor: pointer;
}

.product-thumb .control-label {
    display: none;
}

.custom-radio label input,
.checkbox_input label input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.web_option .form-check {
    padding: 0;
    display: inline-block;
    min-height: auto;
}

#product-info #product input:checked + img,
.web_option .radio input:checked + img {
    border: 1px solid #000;
}

/* image banner */
.wbimg .imgdec .ban-but a:hover {
    color: var(--black);
}

.imgdesc .img-but {
    position: absolute;
    bottom: 20px;
    left: 30px;
    right: 20px;
}

.imgdesc .banser-dec {
    position: absolute;
    top: 20px;
    left: 30px;
    right: 20px;
    max-width: 300px;
}

.imgdec .imgtext h2 {
    font-size: 20px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 25px;
    color: var(--white);
}

.imgdec .imgtext h2 b {
    font-weight: 600;
    display: block;
}

.imgtext p {
    margin-bottom: 0;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 14px;
    color: var(--white);
}

.imgtext a.btn-primary {
    font-weight: 600;
    border-radius: 30px;
    color: var(--white);
    background-color: var(--main-color);
    text-transform: capitalize;
    font-size: 14px;
    z-index: 0;
    width: 190px;
    height: 45px;
    border: none;
    padding: 0;
}

.imgtext a.btn-primary:hover {
    background-color: var(--black);
}

.imgtext a.btn-primary svg, .img-but a.btn-primary svg {
    width: 15px;
    height: 15px;
    margin-left: 10px;
    fill: var(--white);
}

.wbimg {
    z-index: 1;
    position: relative;
}

.imgdec {
    position: relative;
}

.imgdec .beffect .imgimg img {
    border-radius: 20px;
    position: relative;
    border: 1px solid var(--main-color);
    width: 100%;
}

.img-title h1 {
    font-size: 67px;
    font-weight: 500;
    line-height: 85px;
    margin-bottom: 20px;
    color: var(--white);
}

.img-title p {
    font-size: 14px;
    color: var(--black);
    line-height: 31px;
    margin-bottom: 40px;
}

.img-dsc .imgsub {
    border: 1px solid var(--white);
    text-align: center;
    padding: 20px 5px;
    position: relative;
}

.imgsub svg {
    width: 22px;
    height: 22px;
    position: absolute;
    left: 5px;
    top: 6px;
}

.imgsub p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: normal;
}

.img-left a {
    background-color: var(--white);
}

.img-dsc .row {
    display: flex;
    align-items: center;
}

.img-title h1 b {
    color: var(--black);
}

.imgsub h3 {
    font-size: 75px;
    color: #fff;
    margin-top: 0;
}

.imgsub img {
    width: 22px;
    height: 22px;
    position: absolute;
    left: 5px;
    top: 6px;
    fill: #fff;
}

.img-right {
    position: relative;
}

.imgsubban {
    position: absolute;
    right: 0;
    top: -165px;
}

.wdonsale .product-thumb .product-svg, .wdtop .product-thumb .product-svg, .latest .product-thumb .product-svg, .best .product-thumb .product-svg, .wbspecial .product-thumb .product-svg {
    display: none;
}

.table > :not(:last-child) > :last-child > *,
.table-bordered > :not(caption) > * > * {
    color: var(--white);
}

/* video section */
.modal-content {
    background-color: #000;
    box-shadow: 0 5px 15px rgba(255, 255, 255, .5);
}

#vedioModal button.close {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 5px;
}

@media (min-width: 576px) and (max-width: 767px) {
    .siinfo {
        width: 33.33%;
    }
}

@media (max-width: 767px) {
    #checkout-cart .heading span {
        font-size: 20px;
    }

    .m-flex {
        display: block !important;
    }

    .callright {
        width: auto;
        padding: 6px 0 !important;
        margin-top: -6px;
    }

    .callright ul {
        padding-left: 0;
    }

    .callright li {
        margin-left: 15px !important;
    }

    .pro-tab hr {
        display: none;
    }

    .wbftleft #logo {
        display: none;
    }

    #workdo-search-category {
        left: 0;
    }

    .top-support {
        margin-top: 6px;
    }

    footer {
        padding-left: 0;
        padding-right: 0;
    }

    .middle-footer h5 {
        margin-bottom: 5px;
    }

    .back-to-home {
        font-size: 14px;
    }

    .breadcrumb > li a::after {
        padding: 0 5px;
    }

    .back-to-home img {
        max-width: 22px;
    }

    #information-contact .wbcntleft .card-body {
        padding: 0;
        padding-top: 30px;
    }

    .contact-store-information {
        margin-bottom: 30px;
    }

    .store-inf {
        font-size: 22px;
    }

    #information-contact .contact {
        margin-top: -80px;
    }

    #information-information h1, .other-title {
        font-size: 25px;
    }

    .about-us h3 {
        font-size: 25px !important;
    }

    .about-two h3 {
        margin-top: 0;
    }

    .about-three h4 {
        margin-top: 20px;
    }

    .about-bottom {
        margin-top: 0;
    }

    .about-sup {
        margin-bottom: 10px;
    }

    .about-two img, .about-three img {
        width: 100%;
    }

    .accrow img {
        max-width: 25px;
    }

    #content {
        min-height: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .store-inf {
        font-size: 22px;
    }

    .contact-desc {
        max-width: 500px;
    }

    #menu {
        border-radius: 0;
        position: absolute;
        top: 15px;
        left: 0;
    }

    #menu .dropdown-inner {
        padding-left: 15px;
    }

    .callright {
        width: auto;
        padding: 6px 0 !important;
    }

    .callright ul {
        padding-left: 0;
    }

    .callright li {
        margin-left: 15px;
    }

    .middle-footer .col-md-3.wbftleft h5 {
        margin-bottom: 5px;
    }

    .wbftleft p {
        margin-bottom: 0;
    }

    .fsocial {
        margin-bottom: 0;
    }

    .wbftleft {
        padding-left: 0;
    }

    .manucom .product-grid .product-thumb .homeadd .cartb {
        padding: 10px 16px;
        margin-top: 20px;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-thumb .price {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .slid-dec p {
        line-height: 20px;
    }

    .slid-price .usd-price p {
        margin-left: 5px;
        font-size: 15px;
    }

    .slid-price span {
        line-height: 50px;
        font-size: 25px;
    }

    .slid-dec .part-2 h2 {
        font-size: 25px;
        line-height: 25px;
        margin: 10px 0;
    }

    .top-category {
        margin-top: -30px;
    }

    #wishlist td {
        min-width: 105px;
    }

    .fsocial li a {
        margin: 0;
        width: 30px;
        height: 30px;
    }

    .callright {
        display: none;
    }

    #menu .navbar-nav > li > a {
        font-size: 14px;
        padding: 0 5px 0 0px;
    }

    .newsletter .inner h3 {
        font-size: 14px;
        font-weight: 500;
    }
}

@media (min-width: 1200px) and (max-width: 1409px) {
    .callright ul {
        padding: 0;
    }

    .callright li {
        margin-left: 10px;
    }

    .newsletter .inner h3 {
        font-size: 14px;
        font-weight: 500;
    }
}

@media (min-width: 1410px) and (max-width: 1830px) {
    .left-banner {
        margin-top: -150px;
    }

    .offer-banner {
        margin-top: 0;
    }

    .offer-banner::before {
        width: 100px;
        height: 366px;
        background-size: 100px;
    }

    .offer-banner::after {
        width: 100px;
        height: 181px;
        background-size: 100px;
    }

    .refines {
        margin-bottom: 10px;
    }

    .left-dec {
        margin-top: 150px;
    }

    .selected_bg {
        margin-top: -100px;
    }

    .sliderel .social-media {
        right: 10%;
    }

    .top_pro {
        right: -5%;
    }

    .sale-product h2 {
        max-height: 130px;
        font-size: 22px;
    }

    .wdonsale .homeadd {
        display: block !important
    }

    .wdonsale .product-thumb .homeadd .cartb {
        margin-top: 5px;
    }

    .slid-dec .part-2 h2 {
        font-size: 45px;
    }

    .slidertext {
        left: 10%;
    }
}

@media (min-width: 1410px) {
    .product-list .image {
        width: 23%;
        float: left;
    }

    .product-list .caption {
        width: 77%;
        float: left;
    }

    .manucom .product-list .image {
        width: 18%;
    }

    .manucom .product-list .caption {
        width: 82%;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .left-banner {
        margin-top: -50px;
    }

    .offer-banner::after {
        width: 100px;
        height: 181px;
        background-size: 100px;
    }

    .offer-banner::before {
        width: 100px;
        height: 366px;
        background-size: 100px;
    }

    .offer-banner {
        margin-top: 0;
    }

    .refines {
        margin-bottom: 10px;
    }

    .refines h3 {
        margin-top: 0;
    }

    .wdtop .bran {
        margin-bottom: 5px;
    }

    .slidertext {
        left: 0;
    }

    .left-dec {
        margin-top: 0;
    }

    .selected_bg {
        margin-top: -80px;
    }

    .flb-bg {
        margin-top: -60px;
    }

    .slidertext p {
        margin: 15px 0;
    }

    .slidertext h4 {
        margin-bottom: 0px;
        margin-top: 15px;
    }

    .top_pro {
        top: 0;
        right: 0;
    }

    .best-bg .onsalehed .heading span {
        font-size: 47px;
        line-height: 60px;
        margin-bottom: 20px;
    }

    .img-title h1 {
        font-size: 57px;
        line-height: 65px;
    }

    .sliderel .social-media {
        right: 2%;
    }

    .s-panel .slick-dots {
        bottom: 100px;
    }

    .pro-content h1 {
        line-height: 35px;
        margin: 10px 0;
    }

    .imglogo {
        margin: 50px 10px 0;
    }

    .product-thumb .price {
        font-size: 20px;
    }

    .home-page .middle-footer::before {
        right: -27px;
    }

    .offimg {
        right: 15px;
    }

    .wdonsale .product-thumb .button-group {
        top: 20%;
    }

    .wdonsale .product-thumb .homeadd .cartb {
        margin-top: 5px;
    }

    .sale-product h2 {
        display: none;
    }

    .zoomWindow {
        transform: translate(-202%, -0%);
    }

    footer .newsletter .inner h2 {
        margin: 0;
    }

    .logo-ctn h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .call-num span {
        font-size: 17px;
    }

    .gal-img {
        right: 0;
    }

    .parallex .item p {
        max-width: 500px;
    }

    .tab-pro::before {
        left: -310px !important;
    }

    .s2::after {
        right: 10px !important;
    }

    .mail-ctn p {
        font-size: 11px;
    }

    .product-grid .product-thumb .button-group {
        top: 0;
        right: 0;
    }

    .product-grid .form-select {
        width: 100%;
    }

    .product-list .form-select {
        width: 30%;
    }

    .book-order .btn-primary {
        padding: 8px 14px;
    }

    .middle-footer::after, .left-bg::before {
        display: none;
    }

    .main-home .op-header, .product-header .op-header {
        text-align: center;
    }

    .category-tab::before {
        left: -40px !important;
    }

    #information-information .back-page, #product-manufacturer .back-page {
        padding: 20px 0;
    }

    .fsocial li a {
        width: 30px;
        height: 30px;
    }

    .cat-footer .fsocial li a {
        width: 25px;
        height: 25px;
    }

    .slid-price span {
        font-size: 40px;
    }

    .slid-dec .part-2 h2 {
        font-size: 35px;
        line-height: 35px;
        margin: 15px 0;
    }

    .leftdesc {
        left: 0;
    }

    .leftcom h5 {
        font-size: 20px;
    }

    .left-ban .beffect img {
        max-width: 400px;
    }
}

@media (min-width: 1200px) {
    .topright {
        width: 80%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .onsale-ctn h2 {
        margin: 0 0 20px 0;
    }

    .blog-right h4 a, .allcomment h4 a {
        height: 20px;
        display: block;
    }

    .newsletter .inner h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .cat-tab li a {
        margin-left: 15px;
    }

    .tab-heading p {
        max-width: 400px;
    }

    .left-banner {
        margin-top: -130px;
    }

    .offer-banner::after {
        width: 100px;
        height: 181px;
        background-size: 100px;
    }

    .offer-banner::before {
        width: 100px;
        height: 366px;
        background-size: 100px;
    }

    .offer-banner {
        margin-top: 0;
    }

    .wbslidservice ul {
        margin-right: 20px;
    }

    .refines h3 {
        margin-top: 0;
    }

    .refines {
        margin-bottom: 10px;
    }

    .left-ctn h3 {
        font-size: 30px;
        line-height: 30px;
    }

    .selected_bg {
        margin-top: -80px;
    }

    .selected-ctn h4 {
        font-size: 25px;
        line-height: 25px;
    }

    .imgslider::before {
        width: 80px;
        height: 80px;
        background-size: 80px;
        right: 13%;
    }

    .category-tabone .secheading::before, .left-banner::before {
        width: 80px;
        height: 80px;
        background-size: 80px;
    }

    .sliderel .social-media {
        right: 1%;
    }

    .wdtop .product-thumb {
        padding: 0;
    }

    .slidertext h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .top_bg {
        width: auto;
    }

    .top_pro {
        top: 0;
        right: 6%;
    }

    .flb-bg {
        margin-top: 0;
    }

    #product #form-product {
        margin-bottom: 20px;
    }

    #gal1 {
        bottom: -70px;
    }

    .product-reviews {
        margin-top: 30px;
    }

    .wd-item-layout {
        padding: 25px 20px 25px 20px;
    }

    .s-panel .slick-dots {
        bottom: 60px;
    }

    .price-old {
        font-size: 14px;
    }

    .cate {
        margin-bottom: 10px;
    }

    .img-title p {
        margin-bottom: 20px;
    }

    .blog-bg .secheading p {
        padding: 20px 0;
    }

    .best-bg .onsalehed .heading span {
        line-height: 40px;
        margin-bottom: 20px;
    }

    .imgdec .imgtext h2 {
        line-height: 25px;
    }

    .slidertext p {
        font-size: 14px;
        line-height: 20px;
        margin: 10px 0;
    }

    /* .wbslidservice,.slider-btn{
    margin-top: 20px;
  } */
    .head-manu {
        width: 65%;
    }

    .h-icon {
        width: 35%;
    }

    .wc-btn {
        bottom: 0;
    }

    #button-cart {
        width: 190px;
    }

    .protest .item p {
        font-size: 14px;
        line-height: 20px;
    }

    .sub-product .heading span {
        margin-bottom: 20px;
    }

    .left-dec .part-1 h1, .offerdesc .part-1 h1, .left-b .part-1 h1, .bannerserdec h3 {
        font-size: 28px;
        line-height: 28px;
    }

    .top-category .wd-item-layout:nth-child(3n) .wd-item-title {
        margin-left: 20px;
    }

    .wd-item-title a {
        font-size: 20px;
    }

    .imgsubban {
        right: 10px;
    }

    .imgsub h3 {
        font-size: 40px;
    }

    .top-header #closeButton, .home-page .middle-footer::before {
        right: 0;
    }

    .footcontact li p a, .f-left li p a {
        font-size: 20px;
    }

    .slick-prev {
        left: 0;
    }

    .slick-next {
        right: 0;
    }

    .offimg {
        right: 30px;
    }

    .top-category {
        padding: 0 12px;
    }

    .img-title h1 {
        font-size: 30px;
        line-height: 30px;
    }

    .imglogo {
        display: none;
    }

    .wdonsale .product-thumb .homeadd .cartb {
        margin-top: 5px;
    }

    .sale-product h2 {
        display: none;
    }

    .text-decor-bold h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .zoomWindow {
        transform: translate(0%, -0%);
    }

    .blog-head-section .logo-ctn {
        margin-bottom: 30px;
    }

    .parallex .item {
        padding: 15px;
    }

    .left-dec {
        margin-top: 50px;
    }

    .center-dec .part-1 h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .c-ctn h4 {
        margin-bottom: 10px;
    }

    .c-ctn h2 {
        line-height: 35px;
        font-size: 35px;
        margin-bottom: 10px;
    }

    .part-3 {
        margin-top: 20px;
    }

    .gal-img {
        right: 0;
    }

    .footer.call-num p {
        font-size: 16px;
        line-height: 22px;
    }

    .footer.call-num span {
        font-size: 27px;
        line-height: 27px;
    }

    .service .card-body img {
        width: 50px;
    }

    .service .card-text {
        margin-top: 10px;
    }

    .top-pro .logo-ctn h2, .left-bg .logo-ctn h2, .dinfo .card-body .card-title {
        font-size: 25px;
        line-height: 25px;
    }

    .mail:first-child {
        display: none;
    }

    .wc-total {
        margin-left: 10px;
    }

    .cat-title {
        font-size: 30px;
    }

    .product-grid .product-thumb .button-group {
        top: 0;
        right: 0;
    }

    .testi-txt h4, .logo-ctn h2 {
        font-size: 25px;
        line-height: 25px;
        max-width: 210px;
    }

    .onsale-img .onsatex .banner-description {
        padding-left: 0;
    }

    .testi-star {
        margin: 0;
    }

    .testi-origin ul li a {
        font-size: 32px;
    }

    .testi-origin::before {
        left: -10px;
        height: 292px;
    }

    .testi-origin::after {
        height: 292px;
    }

    .main-home .op-header, .product-header .op-header {
        text-align: center;
    }

    .onsale-bg .col-md-10 {
        width: 81%;
    }

    .manucom .product-grid .product-thumb .homeadd .cartb {
        margin-top: 20px;
    }

    #information-information h1, #information-information h3 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    #information-information .back-page {
        padding: 20px 0;
    }

    .blog_page .fsocial li a {
        width: 30px;
        height: 30px;
    }

    .cat-footer .fsocial li a {
        width: 30px;
        height: 30px;
    }

    footer .lborder {
        width: 49%;
    }

    .t-none .products-specific {
        margin-top: 30px;
    }

    .pro-content h1 {
        font-size: 25px;
        line-height: 30px;
        margin: 10px 0;
    }

    .blog-main-title h2 {
        font-size: 35px;
    }

    .testi-dec .testi-star ul li img {
        width: 100%;
    }

    .special-heading h2 {
        font-size: 35px;
    }

    .protitle a {
        font-size: 16px;
        line-height: 18px;
    }

    .left-ban .beffect img {
        max-width: 330px;
    }

    .lefttxt h4 {
        font-size: 20px;
    }

    .lefttxt h2 {
        font-size: 30px;
    }

    .leftdesc {
        left: 0;
    }

    .offertext h2 {
        margin-bottom: 15px;
    }

    .imgtext {
        width: 200px;
    }

    .center-dec {
        width: 300px;
    }

    .center-dec h4 {
        font-size: 25px;
    }

    .container_wb_megamenu .navbar-header .cate {
        font-size: 16px;
    }

    .hsticky {
        margin: 0 15px;
    }

    #account-account.acpage #content[class*="col-"] span svg {
        width: 35px;
        height: 35px;
    }

    #account-account.acpage #content[class*="col-"] span:last-child {
        font-size: 14px;
        letter-spacing: 0;
    }

    .slidertext h1 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .slidertext {
        left: 0;
        width: 590px;
    }

    .offertext h1 {
        font-size: 60px;
    }

    .deliveryinfo li h4 {
        font-size: 16px;
        letter-spacing: 0;
    }

    .onsaletop .heading span {
        font-size: 45px;
    }
}

@media (min-width: 992px) {
    .megamenu_border {
        position: relative;
    }

    .megamenu_border::before {
        content: '';
        border-left: 1px solid rgba(255, 255, 255, 0.15);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
    }

    .wdtop .slick-current.slick-active.slick-center .product-thumb {
        box-shadow: 3px 2px 60px #7dc8c4;
    }

    .wdtop .slick-current.slick-active.slick-center .product-thumb {
        transform: scale(1.15);
        z-index: 2;
        position: relative;
        transition: 0.3s ease;
    }

    #menu .navbar-nav li .dropdown-menu a.see-all {
        padding: 0px 10px;
        padding-left: 2px;
    }

    #menu .navbar-nav li .dropdown-menu a.see-all:hover {
        color: var(--main-color);
    }

    #under-menu .close-nav {
        display: none;
    }

    #menu .dropdown-menu {
        background: var(--black);
        visibility: hidden;
        display: block;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all 0.35s ease-out 0s;
        -o-transition: all 0.35s ease-out 0s;
        transition: all 0.35s ease-out 0s;
        border: none;
        padding: 15px 10px;
        margin-top: 0px;
        position: absolute;
        margin-left: 0 !important;
        border-radius: 10px;
        border-bottom: 3px solid var(--main-color);
    }

    #menu .dropdown:hover .dropdown-menu {
        display: block;
        visibility: visible;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .product-list .product-thumb .content {
        flex-direction: column;
        flex: 75%;
        position: relative;
    }
}

@media (max-width: 991px) {
    .productbg .back-to-home a, .productbg .breadcrumb > li.breadcrumb-item > a {
        font-size: 14px;
    }

    .product-thumb .web_option {
        margin: 10px 0;
    }

    .wbtesti .item {
        padding: 15px;
    }

    .testi-img {
        width: 100%;
    }

    .testi-img img {
        width: 100%;
    }

    .testi-dec {
        width: 100%;
    }

    #common-home .newsletter {
        margin: 30px 0;
    }

    .left-banner {
        margin-top: -50px;
    }

    .product-thumb .price {
        font-size: 20px;
        line-height: 20px;
        width: 100%;
        margin-bottom: 14px;
        min-height: auto;
    }

    .secheading {
        margin-bottom: 20px;
    }

    .select-scent a {
        width: 150px;
        height: 40px;
    }

    .slidertext a.btn-primary {
        width: 170px;
        height: 40px;
    }

    .offer-banner::after, .offer-banner::before, .s-panel .slick-dots li {
        display: none;
    }

    #column-left1 p {
        margin-top: 20px;
    }

    .middle-footer a, .f-left li {
        line-height: 25px;
        letter-spacing: 0;
    }

    .selected_bg .row {
        align-items: center;
    }

    .selected_bg {
        margin-top: 30px;
    }

    .category-tab {
        margin: 30px 0;
    }

    .price-old {
        font-size: 14px;
    }

    .imgslider::before {
        width: 85px;
        height: 85px;
        background-size: 85px;
        right: 13%;
    }

    .main-home #menu .navbar-nav > li > a {
        color: var(--white);
    }

    .s-panel .slick-dots {
        bottom: 0;
        left: 0;
        right: 0;
        width: auto;
        display: none !important;
    }

    .flb-bg {
        margin-top: 30px;
        padding: 0 12px;
    }

    .protest .item {
        padding: 15px;
    }

    .protesti .col-md-6 {
        width: 100%;
    }

    .category-tabone .secheading::before, .protesti .col-md-6:last-child {
        display: none;
    }

    .homemenu {
        padding: 0;
    }

    .catlist-des {
        font-size: 14px;
        margin-bottom: 17px;
    }

    .product-list .product-thumb .button-group img {
        width: 10px;
        height: 10px;
    }

    .product-list .product-thumb .button-group .wish {
        margin: 0 5px;
        border-radius: 50px;
    }

    .product-list .product-thumb .button-group .wish, .product-list .product-thumb .button-group .compare {
        width: 30px;
        height: 30px;
        display: inline-block;
    }

    .product-list .product-thumb .homeadd {
        width: unset;
    }

    .onsalehed {
        width: 60%;
    }

    .latdec {
        width: 40%;
    }

    .middle-footer .ser.lborder {
        width: 30%;
    }

    footer #logo img {
        margin-left: 0;
    }

    .best-bg {
        padding: 30px 0;
    }

    .main-header {
        padding: 10px 0;
    }

    #header-cart:hover {
        background-color: var(--black);
    }

    .homemenu .col-md-10 {
        width: 80%;
    }

    .main-home header {
        position: unset;
    }

    .pro-banner {
        margin: 30px 0;
    }

    #product .text-decor-bold h2 {
        margin: 10px 0 0 0;
    }

    #form-product .mb-3 {
        display: block;
        margin-top: 0;
        margin-left: 0;
    }

    .prsubdec {
        margin-left: 0;
        padding: 0;
    }

    .p-bg {
        padding-bottom: 0;
    }

    .sub-product .heading span {
        margin-bottom: 20px;
    }

    .sub-product {
        margin: 30px 0;
    }

    .protest {
        padding-top: 0;
    }

    .product-grid .product-thumb .button-group,
    .product-list .product-thumb .button-group {
        top: auto;
        left: 35px;
        bottom: 0px;
        justify-content: left;
        opacity: 1;
    }

    .wdtop .homeadd,
    .best .homeadd,
    .wbspecial .homeadd {
        display: block !important;
    }

    .product-thumb .button-group img {
        width: 13px;
        height: 13px;
    }

    .product-thumb .button-group .compare {
        position: unset;
        opacity: 1;
        width: 33px;
        height: 33px;
        border-radius: 50px;
    }

    .wdonsale .product-thumb .homeadd .cartb img {
        filter: brightness(10);
    }

    .wdonsale .product-thumb .homeadd .cartb, .product-thumb .homeadd .cartb {
        background-color: #141318;
        color: var(--white);
        border: 1px solid var(--main-color);
        width: 137px;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: none;
        margin-right: 3px;
    }

    #product-list .product-thumb .homeadd .cartb {
        width: 115px;
    }

    .wbfullprice {
        display: inline-block;
    }

    .wdonsale .product-thumb .homeadd .cartb:hover, .product-thumb .homeadd .cartb:hover {
        background-color: var(--main-color);
    }

    .product-thumb .button-group {
        top: auto;
        left: 48px;
        bottom: 10px;
        justify-content: left;
        opacity: 1;
        display: inline-block;
    }

    .best .product-thumb .button-group,
    .wbspecial .product-thumb .button-group {
        bottom: 15px;
    }

    .cartb img {
        width: 13px;
        height: 13px;
        display: block;
    }

    .product-thumb .homeadd {
        display: inline-block !important;
        vertical-align: bottom;
    }

    .heading {
        margin: 0;
    }

    .top_bg {
        display: none;
    }

    .special-section {
        margin: 0;
        padding: 30px 0;
    }

    .center-bg {
        padding: 30px 0;
        margin-top: 0;
    }

    .imgslider .slick-arrow.slick-prev:hover, .imgslider .slick-arrow.slick-next:hover {
        background-color: var(--black);
    }

    .imgslider .slick-prev:hover svg, .imgslider .slick-next:hover svg {
        filter: brightness(10);
    }

    .imgslider .slick-arrow.slick-prev, .imgslider .slick-arrow.slick-next {
        background-color: #e7ebeb;
        width: 30px;
        display: inline-block;
        height: 30px;
        margin: 10px 5px 0;
    }

    .imgslider .slick-arrow svg {
        filter: brightness(0);
    }

    .sale-product h2 {
        max-height: 150px;
        font-size: 20px;
    }

    .footcontact li p a, .f-left li p a {
        font-size: 14px;
    }

    .imgsubban, .imglogo, .offimg, .home-page .middle-footer::before {
        display: none !important;
    }

    .home-page .middle-footer {
        margin-top: 0;
    }

    .prodeuct-txt h2 {
        font-size: 30px;
        line-height: 30px;
    }

    .dinfo {
        padding: 30px 0;
    }

    .product-reviews {
        margin-top: 30px;
    }

    #menu .dropdown-inner ul li a:hover {
        color: var(--white);
    }

    .onsale-txt h4, .onsale-btn, .h-search::before {
        display: none;
    }

    #menu .navbar-nav > li > a:hover {
        text-decoration: none;
    }

    .des-section {
        padding-bottom: 0;
    }

    .sub_megamenu {
        display: block;
    }

    footer .newsletter .inner {
        display: block;
        margin: 0 auto;
    }

    footer .newsletter .inner h2, footer .new-from, footer .news-p {
        width: unset;
    }

    .btn-primary.read_more {
        padding: 9px 0;
    }

    .left-bnr {
        max-width: unset;
        padding-left: 15px;
        margin-left: auto;
    }

    .news {
        max-width: unset;
        padding-right: 15px;
        margin-right: auto;
    }

    .top_bg .logo-ctn, .left-bg .logo-ctn {
        margin-left: 0;
    }

    .left-bg .logo-ctn {
        margin-top: 0;
    }

    .top-manu {
        border: none;
    }

    .head-manu, .call-num, .h-mail {
        display: none;
    }

    .header-logo {
        width: 20%;
    }

    .wc-total {
        margin-left: 10px;
    }

    .h-icon {
        width: 100%;
        text-align: right;
    }

    .information {
        padding-top: 30px;
    }

    .testi-star {
        margin: 0;
    }

    .testi {
        width: 100%;
        margin-top: 0;
    }

    .parallex .onsatex, .testi-origin {
        width: 50%;
    }

    .onsale-img .onsatex .logo-ctn h4 {
        font-size: 14px;
    }

    .product-thumb .row {
        align-items: center;
    }

    .logoslider .col-md-6 {
        width: 100%;
    }

    .logoslider {
        margin: 30px 0;
    }

    .close-nav .closebtn .fa {
        position: absolute;
        top: 17px;
    }

    .test-pad {
        margin: 30px 0;
    }

    .selected-products {
        background: var(--black);
        padding-bottom: 30px;
    }

    .centerimg img {
        margin: 0;
    }

    .leftdesc {
        left: 30px;
    }

    .lefttxt h4 {
        font-size: 18px;
    }

    .lefttxt h2 {
        font-size: 25px;
    }

    .leftdesc .dec {
        width: 270px;
    }

    .left-ban img {
        max-width: 260px;
    }

    .huser .dropdown-toggle svg {
        fill: var(--black) !important;
    }

    .list-inline > li.top-wishlist {
        margin: 0;
    }

    #search {
        margin: 0;
        margin-top: 0px;
    }

    #search .btn-lg, #search .form-control, #workdo-search-category {
        height: 40px;
    }

    #search .btn-lg {
        max-width: 95px;
    }

    .parallex .item p {
        padding-bottom: 0;
        font-size: 14px;
        line-height: 17px;
    }

    #menu .dropdown-submenu {
        /* margin-top: 15px; */
        padding: 0 !important;
    }

    #menu div.dropdown-inner > ul.list-unstyled {
        display: block;
    }

    #menu .dropdown-inner .dropdown-submenu .grand-child a {
        border-bottom: none;
        opacity: 1;
    }

    #menu .nav li {
        display: block;
        text-align: left;
    }

    .deliveryinfo ul {
        text-align: center;
    }

    .product-thumb .homeadd .cartb svg {
        fill: var(--black);
    }

    .head-con {
        display: none;
    }

    .hsticky {
        margin: 0 15px;
        padding: 10px 0;
        border-bottom: none;
    }

    #menu .navbar-nav li .dropdown-menu a.see-all {
        display: inline-block;
        letter-spacing: 0;
        margin-top: 10px;
        border-bottom: 1px solid;
        padding-bottom: 0;
        font-weight: 500;
        margin-left: 15px;
        border-radius: 0;
    }

    .product-grid .col, .product-list .col {
        padding-left: 5px;
        padding-right: 5px;
    }

    .product-list, .product-grid {
        margin-left: -5px;
        margin-right: -5px;
    }

    #header-cart .huser .xsla, #header-cart .huser .xscu {
        display: block !important;
    }

    .webi_blog_page .panel-default {
        margin-bottom: 15px;
    }

    footer {
        margin-top: 0;
        padding-top: 0;
        background-size: auto;
    }

    .deliveryinfo li h4 {
        margin-top: 10px;
    }

    .hdis, .wrmenu, .topright {
        display: none;
    }

    #menu .navbar-toggler {
        display: block;
    }

    #under-menu {
        display: block;
    }

    #logo img {
        margin-left: 30px;
    }

    .newsletter .inner h3 {
        display: none;
    }

    .blog_webi .blog-right h4 {
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: unset;
        display: block;
        font-size: 16px;
        padding: 0 0 10px;
        height: auto;
    }

    /* sidenav */
    .w3-overlay {
        position: fixed;
        display: none;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 3;
    }

    #stamenu .menu-vertical {
        overflow-y: unset;
    }

    #stamenu.active .menu-vertical {
        transform: translateX(0);
    }

    #stamenu .menu-vertical {
        overflow-y: scroll;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
        z-index: 999;
        background: var(--black);
        width: 280px;
        transform: translateX(-100%);
        transition: all 0.5s ease-out 0s;
    }

    #mySidenav li a i {
        margin-top: 4px;
        float: right
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        transition: 0.5s;
        padding-top: 60px;
        overflow-x: hidden;
        clear: both;
        height: 100%;
        background-color: #fff;
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    .sidenav .close-nav {
        background-color: #76d5ff;
        padding: 12px 15px;
        width: 100%;
        display: inline-block;
        color: #444;
    }

    .closebtn, .closebtn:hover, .closebtn:focus {
        color: #fff;
    }

    #menu .navbar-collapse {
        display: block;
        border: none;
        padding: 0;
    }

    #menu .navbar-nav li a {
        border-bottom: 1px solid #76d5ff;
        padding: 10px 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #menu .collapse .nav li {
        padding: 0;
    }

    #menu .dropdown-inner .dropdown-submenu .submenu-title {
        border-bottom: none;
    }

    #menu .dropdown-menu {
        box-shadow: none;
        margin-left: 0;
        background-color: var(--black);
    }

    .deliveryinfo li:last-child {
        margin-left: 0;
    }

    .deliveryinfo ul svg {
        width: 30px;
        height: 30px;
    }

    .wbimg, .wbcattop {
        margin-bottom: 30px;
    }

    .wboffer, .wbleft, .delibg, .blog_webi, .wbcattop, .deliveryinfo, .wbimg, .onsaletop, .specialbg {
        margin-top: 30px;
    }

    .wbspecial, .wdcategory, .gallery_img, .protesti, .best, .latest, .feature, .related, .cattab, .wdonsale, .wbtesti, .wdtop, .wdselected, .wbblog {
        text-align: center;
        justify-content: center;
    }

    .slick-arrow {
        opacity: 1;
    }

    .slick-prev:hover, .slick-next:hover {
        background-color: var(--black);
    }

    .slick-prev svg, .slick-next svg {
        fill: var(--white) !important;
    }

    .slick-prev, .slick-next {
        position: unset;
        margin: 10px 2px 0;
        display: inline-block;
        background-color: var(--black);
    }

    .onsale-ctn h2 {
        margin: 0 0 12px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .spectnleft .btn-primary, .spectnright .btn-primary {
        margin-top: 20px;
    }

    .specil_img::before, .specil_img::after {
        background-size: 130px;
        width: 130px;
    }

    .spectnright h2, .spectnleft h2 {
        font-size: 22px;
        margin: 0 0 20px 0;
    }

    .onsale_pro {
        width: 60%;
    }

    .onsale_ctn {
        width: 40%;
    }

    .onsale-ctn p {
        max-width: 250px;
        line-height: 20px;
    }

    .onsale-bg {
        padding: 200px 0;
    }

    .imgtext a.btn-primary svg, .img-but a.btn-primary svg {
        margin-left: 5px;
    }

    .right_b .img-but .btn-primary {
        width: 181px;
        height: 40px;
    }

    .right_b .img-but .btn-primary {
        width: auto;
        padding: 8px;
        line-height: 16px;
        height: auto;
    }

    .banser-dec p {
        font-size: 14px;
        line-height: 18px;
    }

    .right_b h2 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .play-video img {
        width: 35px;
        height: 35px;
    }

    .wbslidservice ul {
        margin-right: 10px;
    }

    .slidertext a.btn-primary {
        width: 170px;
        height: 40px;
    }

    .wbslidservice, .slider-btn {
        margin-top: 40px;
    }

    .blog-bg .secheading p {
        padding: 20px 0;
    }

    .left-banner::before {
        width: 85px;
        height: 85px;
        background-size: 85px;
    }

    .left-dec {
        margin-top: 20px;
    }

    .onsale-ctn h3 {
        font-size: 18px;
    }

    .selected-ctn h4 {
        font-size: 20px;
        line-height: 20px;
    }

    .offerdesc p {
        margin: 10px 0;
    }

    .f-heading h2 {
        font-size: 30px;
    }

    .sliderel .social-media {
        right: 2%;
        top: 8%;
    }

    .alert-info {
        margin-bottom: 0;
    }

    #product #form-product {
        margin-bottom: 10px;
    }

    #form-product .mb-3 {
        margin-bottom: 10px !important;
    }

    .products-specific {
        margin: 10px 0;
    }

    .product-list .form-select {
        width: 50%;
    }

    .left-b h1 {
        margin-bottom: 10px;
        margin-top: 10px;
        line-height: 25px;
    }

    .wd-item-caption .btn-primary {
        height: 35px;
    }

    .wd-item-layout {
        padding: 15px;
    }

    .btn-primary {
        height: 35px;
    }

    .imgtext a.btn-primary {
        height: 40px;
    }

    .wc-btn {
        bottom: 0;
        right: 60px;
    }

    #product .compare, #product .wish {
        height: 35px;
        width: 35px;
    }

    #product .wish img, .pro-content .pcrt.compare svg {
        width: 15px;
        height: 15px;
    }

    .blog-head-section .heading span {
        margin-bottom: 20px;
    }

    .home-sup h4 {
        font-size: 16px;
        letter-spacing: 0;
        margin-top: 8px;
    }

    .onsaletag li {
        width: 100%;
    }

    .bannerserdec .btn-primary.btn-section img {
        width: unset;
        height: unset;
    }

    .bannerserdec img {
        width: 100px;
        height: 100px;
    }

    .special-section .secheading .heading span {
        margin-bottom: 0;
    }

    .onsale-ctn h2, .blog-bg .secheading .heading span, .test-pad .secheading .heading span, .category-tabone .heading span, .left-ctn h3, .select-ctn h4, .heading span, .special-section .secheading .heading span, .left-dec .part-1 h1, .offerdesc .part-1 h1, .left-b .part-1 h1, .bannerserdec h3 {
        font-size: 22px;
        line-height: 22px;
    }

    .banhed span img {
        width: 15px;
        height: 15px;
    }

    .banhed p {
        margin: 0;
    }

    .banhed span {
        font-size: 20px;
    }

    .img-right .col-4 {
        padding: 0 5px;
    }

    .imgsub h3 {
        font-size: 40px;
    }

    .img-title p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .img-title h1 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
        letter-spacing: 0;
    }

    .cate {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .heading p {
        margin-top: 10px;
    }

    .tab-heading p {
        font-size: 10px;
        max-width: 250px;
        display: block;
        line-height: 16px;
    }

    .cat-tab li a {
        width: 150px;
        margin-left: 10px;
    }

    .zoomWindow {
        transform: translate(0%, -0%);
    }

    .prop-pro {
        width: 100%;
    }

    .zoom-left, .pro-content {
        width: 50%;
    }

    .cat-title {
        font-size: 30px;
        line-height: 30px;
    }

    footer #formNewLestter .form-control {
        font-size: 14px;
    }

    .blog-right h4 a, .allcomment h4 a {
        line-height: 22px;
        padding: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

    .new-from {
        width: 70%;
    }

    .centerbnr {
        align-items: center;
    }

    .center-dec .part-1 h4 {
        margin-bottom: 10px;
    }

    .center-dec .part-1 h2 {
        font-size: 25px;
        line-height: 25px;
    }

    .c-ctn p {
        margin-bottom: 20px;
        line-height: 23px
    }

    .c-ctn h2 {
        font-size: 26px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .c-ctn {
        margin-top: 0;
    }

    .c-ctn h4 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .pro-det {
        padding: 15px;
    }

    .gal-img {
        right: 0;
    }

    .footer.call-num p {
        font-size: 14px;
        line-height: 20px;
    }

    .footer.call-num span {
        font-size: 25px;
        line-height: 25px;
    }

    .service .card-text {
        margin-top: 10px;
    }

    .dinfo .card-body .card-title {
        font-size: 20px;
        line-height: 20px;
    }

    .service .card-body img {
        width: 50px;
    }

    .testi-origin ul li a {
        font-size: 25px;
        line-height: 36px;
    }

    .left-bg .logo-ctn h2 {
        font-size: 25px;
        line-height: 25px;
    }

    .testi-origin::before {
        height: 210px;
        left: -30px;
    }

    .onsale-img .onsatex .banner-description {
        padding: 0;
    }

    .testi-txt h4, .top-pro .logo-ctn h2, .logo-ctn h2 {
        font-size: 20px;
        max-width: 250px;
        line-height: 20px;
    }

    .testi-txt h4 {
        margin-bottom: 20px;
    }

    .product-list .product-thumb .price, .product-grid .product-thumb .price {
        font-size: 18px;
    }

    #information-information h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    #information-information h1 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .back-page {
        padding: 20px 0;
    }

    .sngblog h3 {
        font-size: 30px;
    }

    .blog-page-bg .back-page {
        padding: 10px 0;
    }

    .blog-ctn h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    #form-review {
        margin-bottom: 0;
    }

    .center-heading, .left-heading {
        font-size: 30px;
    }

    .pro-content .qty-flex {
        margin-top: 0;
        margin-left: 0;
    }

    .pro-content h1 {
        font-size: 20px;
        margin: 10px 0;
        line-height: 25px;
    }

    .text-decor-bold h2 {
        font-size: 23px;
        line-height: 25px;
    }

    .product-header #logo img, .product-header #cart .xuser img, .product-header #logo img, .product-header #cart img {
        filter: unset;
    }

    .newsletter .inner h2 {
        font-size: 22px;
        line-height: 22px;
        margin: 0 auto 20px auto;
    }

    .button-submit .fa {
        margin-left: 5px;
    }

    .news-p {
        font-size: 14px;
        margin-top: 10px;
        line-height: 20px;
    }

    .copys ul li a img {
        width: 12px;
        height: 12px;
    }

    .testi-heading {
        margin-bottom: 20px;
    }

    .special-heading {
        margin: 30px 0;
    }

    .top-subtitle {
        font-size: 15px;
        top: 15px;
        left: 10px;
    }

    .offer-banner {
        margin: 0;
    }

    footer .newsletter .inner h2 {
        font-size: 25px;
        line-height: 30px;
        text-transform: capitalize;
        font-weight: 500;
    }

    .section-bottomtitle {
        margin-top: 10px;
    }

    .protitle {
        padding: 5px 0;
        font-size: 14px;
        margin-bottom: 0;
    }

    .slid-price .usd-price p {
        font-size: 10px;
        margin-left: 5px;
    }

    .slid-price span {
        font-size: 20px;
        line-height: 40px;
    }

    .slid-price {
        margin-top: 20px;
    }

    .slidertext .part-2 p {
        line-height: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-size: 11px;
    }

    .slid-dec .part-2 h2 {
        font-size: 25px;
        margin: 10px 0;
        line-height: 25px;
    }

    .top-category .wd-item-layout:nth-child(3n) .wd-item-title, .wd-item-title {
        margin-left: 5px;
    }

    .wd-item-caption p {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 20px;
    }

    .top-category {
        padding: 0 12px;
    }

    .t-none {
        display: none;
    }

    .t-block {
        display: block !important;
    }

    .t-block.d-flex {
        display: flex !important;
    }

    .cinfo {
        background: var(--black);
        padding: 6px 15px;
        color: var(--white);
    }

    .cinfo li {
        color: var(--white) !important;
        font-size: 14px !important;
    }

    .deliveryinfo li p {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0;
    }

    .imgtext {
        left: 15px;
        width: 200px;
    }

    .imgdec .imgtext h5 {
        font-size: 20px;
    }

    .imgdec .imgtext h2 {
        font-size: 15px;
        line-height: 20px;
    }

    #contact ul li {
        font-size: 15px;
    }

    .deliveryinfo ul {
        padding: 20px 0;
    }

    .deliveryinfo li:last-child {
        width: auto;
    }

    .giant-item-thumb .giant-item-caption h2 a {
        font-size: 18px;
        text-transform: capitalize;
    }

    .giant-wrapper .giant-item-caption {
        top: 60px;
    }

    .workdo-dis .price-new {
        font-size: 16px;
    }

    .workdo-dis h4 {
        width: 150px;
    }

    .proreview {
        margin: 0 25px;
        padding: 0 25px;
    }

    .manucom .product-grid .col {
        width: 33.33%;
    }

    #product-category .cate-border .btn-primary {
        font-size: 11px;
        padding: 7.5px 5px;
    }

    .btn-group .btn {
        padding: 10px;
    }

    #account-wishlist tr td {
        white-space: nowrap;
    }

    #content.colright {
        width: 65%;
    }

    #column-right {
        width: 35%;
    }

    .s-panel::after {
        left: -39px;
    }

    .slidertext h1 {
        font-size: 28px;
        line-height: 30px;
        margin: 10px 0;
    }

    .slidertext p {
        margin: 0;
        font-size: 14px;
        line-height: 22px;
    }

    .slidertext {
        left: 2%;
    }

    .part-3 h3, .part-3 p {
        margin-right: 5px;
        font-size: 11px;
    }

    .menusp {
        position: absolute;
        top: 18px;
        padding: 0;
        width: auto;
    }

    .offertext h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .offertext h5 {
        margin-bottom: 10px;
    }

    .offertext {
        width: 250px;
    }

    .center-dec h2 {
        font-size: 20px;
        margin: 5px 0;
    }

    .center-dec h5 {
        font-size: 20px;
    }

    .center-dec {
        width: 300px;
        left: 20px;
    }

    .center-dec h4 {
        font-size: 30px;
    }

    .offertext p, .imgtext p {
        margin-bottom: 5px;
        line-height: 20px;
        font-size: 14px;
    }

    .center-dec p {
        font-size: 30px;
    }

    .onsaletop .heading span {
        font-size: 35px;
    }

    .parallex .quote svg {
        width: 50px;
        height: 50px;
    }

    .middle-footer {
        padding: 30px 0;
    }

    .deliveryinfo ul li h4 {
        margin-top: 10px;
        font-size: 14px;
        letter-spacing: 0;
    }
}

@media (max-width: 767px) {
    .sub-select-scent a {
        height: 45px;
        margin-right: 4px;
        line-height: 16px;
        padding: 5px;
    }

    .spectnleft .btn-primary, .spectnright .btn-primary {
        margin-top: 20px;
    }

    .spectnleft {
        margin-bottom: 20px;
    }

    .spectnleft .btn-primary {
        float: none;
    }

    .spectnright h2, .specilban .spectnleft h2 {
        margin: 0px 0 10px 0;
    }

    .foot-link {
        margin-bottom: 20px;
    }

    .specilban {
        display: grid;
    }

    .spectnleft, .spectnright {
        order: 2;
        width: 100%;
        text-align: left;
    }

    .specil_img {
        order: 1;
        width: 100%;
    }

    .specil_img img {
        width: 100%;
    }

    .specil_img::after, .specil_img::before {
        display: none;
    }

    .btn-primary.sub_btn {
        margin-top: 0;
    }

    .left-ctn p, .onsale-ctn h2 {
        margin: 0 0 10px 0;
    }

    .onsale-ctn p {
        margin-top: 10px;
    }

    .tab-heading p {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .category-tab .heading {
        display: block;
    }

    .tab-heading {
        width: 100%;
    }

    .special-section {
        padding: 0;
    }

    .select-scent {
        margin-top: 20px;
    }

    .play-video img {
        width: 35px;
        height: 35px;
    }

    .slidertext a.btn-primary {
        width: 170px;
        height: 40px;
    }

    .slider-btn {
        margin-top: 20px;
    }

    #header-cart:hover {
        background-color: transparent;
    }

    .wbslidservice, .top-header {
        display: none;
    }

    .custom-img, .custom-ctn {
        width: 50%;
    }

    .middle-footer .row .news-lborder.footer_sub {
        width: 100%;
        margin-bottom: 0;
    }

    .blog-bg .secheading p {
        padding: 15px 0 30px;
    }

    .imgdec .imgtext h2 {
        line-height: 18px;
        font-size: 16px;
    }

    .selected_pro {
        margin-bottom: 20px;
    }

    .left-dec {
        margin-top: 30px;
    }

    .cat-tab {
        margin-top: 10px;
    }

    .nav-tabs .nav-link, .cat-tab li a {
        margin-left: 0;
        margin-right: 10px;
    }

    .onsale-ctn h3 {
        font-size: 25px;
    }

    .selected-ctn {
        max-width: 300px;
    }

    .wbspecial {
        position: unset;
        margin: 20px 0;
    }

    .wdonsale {
        margin: 20px 0;
    }

    .special-section .secheading .heading span, .special-section .secheading {
        margin-bottom: 0;
    }

    .offerdesc p {
        margin: 10px 0;
    }

    .offer_bnr {
        margin-top: 20px;
    }

    .spectnright h2, .spectnleft h2, .onsale-ctn h2, .f-heading h2, .blog-bg .secheading .heading span, .test-pad .secheading .heading span, .category-tabone .heading span, .left-ctn h3, .select-ctn h4, .heading span, .special-section .secheading .heading span, .left-dec .part-1 h1, .offerdesc .part-1 h1, .left-b .part-1 h1, .bannerserdec h3 {
        font-size: 22px;
        line-height: 25px;
    }

    .left-banner::before, .imgslider::before {
        display: none;
    }

    .sliderel .social-media {
        right: 2%;
        top: 15%;
    }

    .slidertext h4 {
        font-size: 15px;
    }

    .protest .testicontent img {
        width: 35px;
        height: 35px;
    }

    .custom-banner .heading p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    #form-product .web_option {
        margin-top: 0;
    }

    #gal1 {
        position: unset;
    }

    #gal1 .slick-list {
        height: auto !important;
    }

    .bran {
        margin-bottom: 0;
    }

    footer #logo {
        padding: 0;
    }

    #column-left1 p {
        margin-top: 10px;
    }

    .news-txt {
        width: 100%;
    }

    .btn-primary {
        width: 199px;
        height: 35px;
    }

    .slidertext h1 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .header-logo {
        width: 30%;
    }

    .homemenu .col-md-10 {
        width: 70%;
    }

    #product .compare, #product .wish {
        height: 40px;
        width: 40px;
    }

    .wc-btn {
        bottom: 0;
        right: auto;
        left: 150px;
    }

    .onsaletag li span {
        margin-bottom: 10px;
    }

    #product .compare, #product .wish {
        width: 40px;
    }

    .alert-info {
        margin-bottom: 0;
    }

    #button-cart {
        width: 150px;
        height: 40px;
    }

    .onsaletag li {
        width: 100%;
    }

    #form-product .mb-3, #product #form-product {
        margin-bottom: 0 !important;
    }

    #product #form-product {
        margin-bottom: 20px !important;
    }

    .product-tab li {
        margin: 0px 10px 0 0px;
    }

    .pro-content .qty-flex {
        margin-left: 0;
    }

    #product-info .back-page {
        padding: 0px 12px;
    }

    .pro-bg .big-img img, .pro-content, .zoom-left {
        width: 100%;
        max-width: 100%;
    }

    #product-category .colright {
        border: none;
    }

    .latdec {
        padding: 0;
    }

    .home-sup h4 {
        font-size: 20px;
    }

    .blog-head-section {
        margin-bottom: 20px;
    }

    .dinfo .col-md-4:nth-child(2) {
        margin: 10px 0;
    }

    .onsaletag {
        margin-top: 0;
    }

    .onsalehed {
        width: 100%;
    }

    .cattab .protitle a {
        font-size: 16px;
    }

    .tab-heading .heading span, .tab-heading span {
        margin-bottom: 0 !important;
    }

    .left-dec .part-1 h1, .offerdesc .part-1 h1, .left-b .part-1 h1, .bannerserdec h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .offer_bnr .beffect img {
        width: 100%;
    }

    .left-bg .beffect img {
        margin-top: 20px;
    }

    .banhed {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .img-title h3 {
        font-size: 30px;
    }

    .img-title p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .img-title h1 {
        font-size: 18px;
        line-height: 22px;
        margin: 10px 0;
    }

    .latdec, .img-left, .img-right {
        width: 100%;
    }

    .onsalehed {
        margin-bottom: 20px;
    }

    #header-cart {
        width: unset;
        height: unset;
        border: none;
        padding: 0;
    }

    .cartl strong {
        display: none;
    }

    .onsale-bg .col-md-10 {
        padding: 0;
    }

    .wc-total p, .huser .xuser span, .d-search button span, .s-panel::after, .top-header #closeButton {
        display: none;
    }

    .prodeuct-txt h4 {
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 10px;
    }

    .section-bottomtitle {
        margin: 10px 0 20px;
    }

    .prodeuct-txt h2 {
        font-size: 25px;
        line-height: 25px;
    }

    .blog-right h4 a, .allcomment h4 a {
        font-size: 19px;
        line-height: 22px;
    }

    .c-ctn p {
        max-width: unset;
        margin-bottom: 20px;
        line-height: 20px;
    }

    .testi-txt h4 {
        margin-bottom: 20px;
    }

    .c-ctn h2 {
        margin-bottom: 10px;
    }

    .c-ctn h4 {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .center-dec .part-1 h2 {
        font-size: 20px;
        line-height: 20px;
    }

    .new-from {
        width: 100%;
        padding-left: 0;
    }

    .part-3 {
        margin-top: 10px;
    }

    #search .form-control {
        padding: 0 32px;
    }

    #search .btn-lg {
        padding: 0;
    }

    .pro-bg .big-img img {
        transform: none;
    }

    .refines li a {
        margin-bottom: 10px;
    }

    .h-search.sub-search {
        display: block;
        width: 100%;
    }

    .btn-primary.read_more {
        padding: 7px 0;
    }

    .top_bg {
        padding: 0;
    }

    .parallex .item h5 {
        padding-top: 5px;
    }

    .parallex .item p {
        margin: 10px auto 10px;
    }

    .logoimg {
        padding: 0 15px;
    }

    .top_bg .logo-ctn, .left-bg .logo-ctn {
        margin-top: 30px;
    }

    .logo-ctn p {
        margin: 10px 0 20px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-width: unset;
    }

    .service .card-text {
        font-size: 10px;
        line-height: 15px;
        margin-top: 10px;
    }

    .dinfo .card-body .card-title {
        font-size: 17px;
        line-height: 17px;
    }

    .dinfo .card-body {
        max-width: 210px;
    }

    .service .card-body img {
        width: 40px;
    }

    .footer.call-num {
        display: none;
    }

    .wc-total {
        margin-left: 0;
    }

    .sub-homemenu {
        display: none;
    }

    .manu-ctn {
        display: none;
    }

    .product-list .form-select {
        width: 100%;
    }

    #rt {
        padding: 0 12px;
    }

    .pro-content {
        padding-left: 12px;
        padding-top: 30px;
        order: 1;
    }

    .gal-img {
        position: unset;
        margin-top: 10px;
    }

    .ow-ctn h3 span {
        font-size: 18px;
        line-height: 18px;
    }

    .ow-ctn img {
        width: 70px;
    }

    .blog-head-section .logo-ctn {
        margin-bottom: 20px;
    }

    .testi-origin::before {
        left: -5px;
        height: 200px;
    }

    .testi-origin ul li a {
        font-size: 20px;
        line-height: 30px;
    }

    .onsale-img {
        padding: 0;
    }

    .onsale-img .onsatex .banner-description {
        padding: 0;
    }

    .tab-ctn {
        display: block;
    }

    .logo-ctn {
        max-width: 100%;
        display: block;
    }

    .testi-txt h4, .c-ctn h2, .top-pro .logo-ctn h2, .left-bg .logo-ctn h2, .logo-ctn h2 {
        font-size: 20px;
        max-width: 100%;
        line-height: 20px;
    }

    .logo-dec {
        margin-bottom: 20px;
    }

    #menu {
        top: 6px;
    }

    #product-manufacturer #content h1 {
        font-size: 20px;
    }

    #information-information h3,
    #information-information h1 {
        margin-bottom: 10px;
        font-size: 20px;
    }

    #information-information .back-page, #product-manufacturer .back-page {
        padding: 10px 0;
    }

    .information_header .sub_search, .manufacturer_header .sub_search, .login .sub_search {
        padding: 0 15px 0 15px;
    }

    .blogal {
        margin-top: 20px;
    }

    .sngblog h3 {
        font-size: 30px;
        padding: 0;
    }

    .blog-ctn .btn-primary.read_more {
        margin-top: 25px;
        height: 40px;
    }

    .blog-header .homemenu {
        padding: 0;
    }

    .blog-header .sub_search {
        padding: 0px 15px 0px 15px;
    }

    .blog-page-bg .back-page {
        padding: 10px 0;
    }

    .blog-page-bg {
        margin: 30px 0;
        padding: 20px 0 30px 0;

    }

    .blog-ctn p {
        font-size: 14px;
    }

    .blog-ctn h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .cat-title {
        font-size: 25px;
        line-height: 25px;
        padding-bottom: 30px;
    }

    .pro-category .homemenu .row {
        padding: 0;
    }

    .back-page {
        padding: 20px 0;
    }

    .product-list .product-thumb .rating {
        float: right;
        margin-bottom: 10px;
    }

    .magnific-popup .img-thumbnail {
        margin: 0 auto;
    }

    .center-heading, .left-heading {
        font-size: 25px;
    }

    #form-review {
        margin-bottom: 0;
    }

    .productbg .t-none {
        display: none;
    }

    .breadcrumb {
        padding: 10px 0 0;
    }

    .middle-footer .row .news-lborder, .middle-footer .row .lborder {
        width: 100%;
    }

    .middle-footer .row .news-lborder {
        margin-bottom: 0;
    }

    .blog-desc, .blog_links {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .blog-main-title {
        margin: 30px 0 20px 0px;
    }

    .special-heading {
        margin-bottom: 20px;
    }

    .selected_bnr .beffect a img {
        margin-bottom: 20px;
    }

    .offer-banner {
        margin: 30px 0;
    }

    .top-subtitle {
        font-size: 20px;
        top: 15px;
        left: 15px;
    }

    .wdselected {
        margin-top: 10px;
    }

    #common-home .newsletter {
        padding: 0 12px;
    }

    .button-submit .fa {
        margin-left: 5px;
    }

    .news-p {
        margin: 10px auto;
        line-height: 20px;
    }

    .news {
        padding: 0px;
    }

    .s-ctn h4 {
        margin-bottom: 10px;
    }

    .newsletter .inner h4 {
        font-size: 15px;
        line-height: 15px;
    }

    .cate {
        font-size: 14px;
        margin-bottom: 10px;
    }

    footer .newsletter .inner h2, .newsletter .inner h2 {
        font-size: 20px;
        max-width: 100%;
        line-height: 25px;
        margin: 0;
        padding: 0;
    }

    footer .newsletter .inner h2 {
        padding: 10px 0;
    }

    .center-bg .banner-description {
        padding-bottom: 15px;
    }

    .product-thumb .price {
        font-size: 20px;
        line-height: 20px;
    }

    .protitle {
        font-size: 18px;
    }

    .wd-item-caption p {
        font-size: 15px;
        margin-bottom: 10px;
        line-height: 15px;
    }

    .wd-item-layout {
        padding: 15px;
    }

    .wd-item-caption .btn-primary {
        height: 35px;
    }

    .wd-item-title a {
        font-size: 18px;
    }

    .slid-price .usd-price p {
        font-size: 14px;
        margin-left: 5px;
    }

    .slid-price span {
        font-size: 20px;
        line-height: 30px;
    }

    .slidertext a img {
        margin-left: 5px;
    }

    .slid-price {
        margin-top: 20px;
    }

    .slidertext p {
        letter-spacing: 0;
        font-size: 14px;
        line-height: 17px;
        margin: 10px 0;
    }

    .slid-dec h5 {
        line-height: 15px;
        font-size: 15px;
    }

    .slid-dec .part-2 h2 {
        font-size: 20px;
        line-height: 20px;
        margin: 10px 0;
    }

    .top-category {
        padding: 0 12px;
        margin-top: 0;
    }

    .sub_megamenu {
        display: block;
    }

    .sub_search {
        display: none;
    }

    .f-left svg {
        width: 20px;
        height: 20px;
    }

    .left-ban {
        margin-bottom: 15px;
    }

    .deliveryinfo li:last-child {
        width: 80%;
    }

    .deliveryinfo li p {
        font-size: 14px;
        letter-spacing: 0;
    }

    .deliveryinfo li {
        display: inline-block;
    }

    .onsaletop .spebtm {
        margin: 20px 0;
    }

    .storeinfo ul {
        display: block;
    }

    .fsocial {
        margin-bottom: 20px;
    }

    .product-thumb .homeadd svg, .product-thumb .button-group svg {
        width: 17px;
        height: 16px;
    }

    .tab-head .heading {
        display: none;
    }

    .tab-pro .pro-tab li {
        margin: 0 2px;
    }

    .slick-arrow {
        min-width: 30px;
        min-height: 30px;
        padding: 0;
    }

    .slick-next {
        right: 10px;
        left: auto;
    }

    .slick-prev {
        right: 45px;
        left: auto;
    }

    .center-dec a.btn-primary {
        margin-top: 5px;
    }

    .giant-wrapper .giant-item-caption {
        position: unset;
        width: auto;
        text-align: center !important;
    }

    .giant-item-thumb .giant-item-caption h2 a {
        font-size: 16px;
        font-weight: normal;
        margin-top: 5px;
        color: var(--black);
        text-transform: capitalize;
        padding-bottom: 1px;
    }

    .onsatex a.btn svg {
        width: 16px;
        height: 16px;
        margin-left: 10px;
    }

    .onsaletop p {
        letter-spacing: 0;
        line-height: 20px;
        font-size: 14px;
    }

    .parallex h2 {
        margin-bottom: 10px;
        font-size: 25px;
    }

    #account-wishlist tr td {
        white-space: nowrap;
    }

    .middle-footer {
        padding: 30px 0 20px;
        border-top: none;
    }

    .footer-top {
        padding: 0;
    }

    .middle-footer .btn.toggle, .storeinfo .btn.toggle {
        color: var(--black);
        text-shadow: none;
        background: none;
        background-image: none;
        background-image: none;
        border: 0;
        box-shadow: none;
        font-size: 14px;
        position: absolute;
        top: -2px;
        right: 0;
        padding: 0;
        width: 100%;
    }

    .middle-footer h5, .storeinfo h5 {
        position: relative;
        margin-bottom: 10px;
        font-size: 14px;
    }

    footer h5 .toggle.collapsed::after, .catfilter .toggle.collapsed::after {
        font-family: 'FontAwesome';
        content: '\f067';
        font-size: 14px;
        font-weight: 600;
        float: right;
        cursor: pointer;
        color: var(--white);
    }

    footer h5 .toggle::after, .catfilter .toggle::after {
        font-family: 'FontAwesome';
        content: '\f068';
        font-size: 14px;
        font-weight: 600;
        float: right;
        cursor: pointer;
        color: var(--white);
    }

    #logo img {
        max-width: 130px;
    }

    .menusp {
        position: absolute;
        top: 18px;
        padding: 0;
    }

    .huser {
        margin: 0;
    }

    .text-decor-bold h2 {
        font-size: 20px;
    }

    .pro-content h1 {
        font-size: 18px;
        line-height: 18px;
        margin: 10px 0;
    }

    .slidertext a.btn svg {
        width: 20px;
        height: 20px;
        margin-left: 15px;
    }

    .slidertext {
        width: 340px;
        left: 2%;
    }

    .deliveryinfo ul {
        text-align: left;
        padding: 5px 0;
    }

    #search {
        margin-top: 0;
    }

    .search-menu {
        padding: 1px 0;
    }

}

@media (min-width: 600px) and (max-width: 767px) {
    .slidertext h1 {
        font-size: 30px;
        line-height: 32px;
    }

    .slidertext p {
        display: none;
    }

    .offertext h1 {
        font-size: 35px;
    }

    .offertext h2 {
        font-size: 25px;
    }

    .offertext {
        left: 25px;
    }
}

@media (min-width: 451px) and (max-width: 599px) {
    .catesort {
        width: 100%;
        margin-top: 15px;
        padding: 0;
    }

    .slidertext h1 strong {
        font-size: 28px;
    }

    .offertext {
        width: 300px;
    }

    .offertext h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .offertext h1 {
        font-size: 35px;
    }
}

@media (max-width: 575px) {
    .right-bnr {
        width: 100%;
    }

    .f-heading h2 {
        margin-bottom: 10px;
    }

    .f-heading {
        display: block;
    }

    #menu {
        top: 12px;
    }

    .heading {
        display: block;
    }

    .sliderel .social-media, .heading strong {
        display: none;
    }

    .offbanner {
        margin-bottom: 15px;
    }

    .product-thumb .price {
        font-size: 18px;
    }

    .spebtm {
        display: none;
    }

    .heading strong {
        font-size: 14px;
        letter-spacing: 0;
    }

    .center-dec h5 {
        display: none;
    }

    .htop [class*=col-] {
        width: auto;
    }

    .deliveryinfo [class*=col-]:last-child {
        margin-bottom: 0;
    }

    .offerimg {
        margin-bottom: 10px;
    }

    .workdo-cat .product-info {
        width: 40%;
    }

    .workdo-cat .workdo-dis {
        width: 60%;
    }

    .workdo-dis h4 {
        width: 150px;
        font-size: 16px;
    }

    .workdo-dis .price-new {
        font-size: 16px;
    }

    .right_b .banser-dec {
        max-width: 80%;
    }

    .right_b h2 {
        font-size: 26px;
        margin-bottom: 11px;
    }
}

@media (max-width: 450px) {
    .onsale-bg {
        padding: 170px 0;
    }

    .imgtext a.btn-primary {
        height: 35px;
    }

    .imgdec .imgtext h2 {
        margin-bottom: 10px;
    }

    .imgtext p {
        margin-bottom: 10px;
        /*display: -webkit-box;*/
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .cat-tab li a img {
        margin-right: 3px;
    }

    .cat-tab li:nth-child(2) a {
        width: 80px;
    }

    .cat-tab li:last-child a {
        margin: 0;
    }

    .cat-tab li a {
        margin-right: 5px;
        height: 35px;
        margin-bottom: 10px;
    }

    .left-banner .beffect .play-video img {
        height: unset;
    }

    .left-banner .beffect img {
        height: 170px;
    }

    .left-banner {
        margin-top: 0;
    }

    .offer_bnr .beffect img {
        margin-bottom: 20px;
    }

    .slidertext a.btn-primary {
        width: 170px;
        height: 35px;
    }

    .btn-primary span {
        font-size: 14px !important;
    }

    .user-bg .xuser {
        margin: 0 15px;
    }

    .homemenu {
        padding: 10px 0;
    }

    .sub_custom_ctn {
        margin-bottom: 20px;
    }

    .custom-img, .custom-ctn {
        width: 100%;
    }

    .wbSearch {
        padding: 18px;
    }

    .huser .dropdown-menu {
        transform: translate3d(19px, 14px, 0px) !important;
    }

    .fsocial li a {
        margin-right: 0;
    }

    .parallex .secheading p {
        padding: 10px 0;
        margin-bottom: 10px;
    }

    .test-pad .secheading .heading span {
        margin-bottom: 0;
    }

    .selected_pro {
        margin-bottom: 0;
    }

    .left-dec {
        margin-top: 0;
    }

    .left-ctn p {
        line-height: 20px;
        font-size: 14px;
    }

    .left-ctn h3 {
        margin-bottom: 10px;
        font-size: 21px;
        line-height: 23px;
    }

    .show_product {
        text-align: left;
        margin-top: 10px;
    }

    .onsale-ctn a {
        margin: 10px 0 0 0;
    }

    .onsale-ctn {
        display: block;
        margin-top: 20px;
    }

    .select-scent a {
        min-width: 84px;
    }

    .custom-img {
        margin-bottom: 20px;
    }

    .product-tab .nav-tabs > li > .nav-link.active, .product-tab .nav > li > a {
        font-size: 14px;
    }

    .alert-info {
        margin-bottom: 0;
        padding: 10px;
    }

    #cart .dropdown-menu {
        padding: 10px;
    }

    .top-search {
        height: 12px;
    }

    .product-list .caption, .product-list .image {
        width: 100%;
    }

    .back-page {
        display: block !important;
    }

    .cartt {
        left: 10px;
    }

    .rightbnr {
        margin-top: 30px;
    }

    .left-b .part-1 h1 {
        margin-bottom: 10px;
    }

    .best-bg .onsalehed .heading p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .news-txt {
        width: 100%;
    }

    .onsalehed {
        margin: 0;
    }

    .rightbnr, .offer_bnr, .sale-product, .latest-bg {
        width: 100%;
    }

    .wd-item-layout {
        margin-bottom: 1px;
    }

    .secheading {
        display: block;
    }

    .imgdec .beffect .imgimg img, .imgdec {
        width: 100%;
    }

    #header-cart {
        border: none;
    }

    #logo img {
        max-width: 100px;
    }

    .header-logo, .homemenu .col-md-10 {
        width: 50%;
    }

    .protest .slick-slide .item {
        padding: 0;
    }

    .pro-banner .onsalehed {
        margin-top: 20px;
    }

    .custom-img, .pro-banner .onsalehed {
        width: 100%;
    }

    .product-tab .tab-pane {
        padding: 10px 0;
    }

    .gal-img {
        margin: 0;
    }

    #gal1 .slick-slide.slick-active {
        margin: 10px 10px 0;
    }

    .cen-text h1 {
        font-size: 25px;
        width: 200px;
        left: 15px;
    }

    .offer-banner {
        padding-bottom: 0;
    }

    .tab-heading {
        display: block;
    }

    .offer .col-6 {
        width: 100%;
    }

    .onsaletag li {
        width: 100%;
    }

    .btn-primary.btn-cate-item {
        margin-left: 0;
    }

    .wd-item-title {
        display: block;
    }

    .img-right .col-4 {
        padding: 0 5px;
    }

    .imgsub p {
        font-size: 10px;
        letter-spacing: 0;
        margin-bottom: 0;
    }

    .imgsub h3 {
        font-size: 24px;
        margin-bottom: 0;
    }

    .img-dsc .imgsub {
        padding: 5px;
    }

    .center-bg {
        padding: 30px 0;
        margin-top: 30px;
    }

    .wdtop .product-thumb .caption {
        padding: 10px;
    }

    .wdselected {
        margin-top: 0;
    }

    .slidertext a.slidsub-btn, .slidertext .service, .slidersvg {
        display: none;
    }

    #product .text-decor-bold h2 {
        /* margin: 10px 0; */
    }

    .product-list .catlist-des {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .parallex .item {
        padding: 15px;
    }

    .center-dec .part-1 h2, .left-dec .part-1 h2, .offerdesc .part-1 h2 {
        line-height: 15px;
        margin-bottom: 15px;
    }

    .btn-primary.btn-section {
        height: 35px;
        width: 150px;
        padding: 0;
    }

    .wdselected {
        padding-bottom: 0;
        padding-top: 30px;
    }

    .slideimg {
        padding: 0;
    }

    .pro-content h1 {
        font-size: 15px;
        line-height: 20px;
        margin: 5px 0;
    }

    .blog-head-section .logo-ctn h2,
    .top-pro .logo-ctn h2,
    .left-bg .logo-ctn h2,
    .logo-ctn h2 {
        font-size: 18px;
        max-width: 150px;
        line-height: 18px;
    }

    .blog-head-section .logo-ctn h2 {
        margin-bottom: 15px;
    }

    .blog-head-section .logo-ctn {
        display: block;
    }

    .protitle {
        padding: 0;
        margin-bottom: 5px;
    }

    .tab-ctn {
        display: block;
    }

    .dinfo .card-body {
        max-width: 100%;
    }

    .s3 {
        margin: 20px 0;
    }

    .slidertext p {
        letter-spacing: 0;
        font-size: 10px;
        line-height: 15px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin: 0;
        display: none;
    }

    .parallex .wbtesti .slick-list .slick-slide :first-child .item {
        margin-bottom: 0;
    }

    .testi-origin h2 {
        font-size: 20px;
    }

    .parallex .onsatex, .testi-origin {
        width: 100%;
    }

    .testi-origin {
        margin-top: 30px;
    }

    .logo-ctn p {
        margin: 10px 0 15px;
    }

    .product-thumb .homeadd .cartb {
        width: 131px;
    }

    .you-save {
        font-size: 10px;
        padding: 1px 10px;
    }

    .protitle a {
        font-size: 18px;
        line-height: 20px;
    }

    .form-select {
        width: 100%;
        padding: 5px 15px;
    }

    .logoslider {
        padding-bottom: 0;
    }

    .s-ctn h4 {
        font-size: 15px;
        line-height: 15px;
    }

    .logo-ctn h2 {
        max-width: unset;
    }

    .slid-price {
        margin-top: 5px;
    }

    .slidertext {
        width: 100%;
        /* bottom: 20px; */
        left: 10px;
    }

    .play-video strong {
        font-size: 14px;
    }

    .play-video {
        margin-left: 10px;
    }

    #product-search .back-page {
        padding: 10px 0;
    }

    .search_header .sub_search {
        padding: 0 15px;
    }

    .info-img {
        margin-bottom: 10px;
    }

    .sngblog h3 {
        font-size: 20px;
    }

    .blog-page-bg .back-page {
        padding: 0 0 10px 0;
    }

    .blog-ctn .btn-primary.read_more {
        margin-top: 20px;
        height: 36px;
        width: 110px;
    }

    .blog-ctn p {
        font-size: 14px;
    }

    .blog-ctn h2 {
        font-size: 20px;
    }

    .new-from .field {
        margin-top: 15px;
    }

    footer .newsletter .inner h2 {
        font-size: 20px;
    }

    .parallex .heading span, .blog-main-title h2 {
        font-size: 20px;
    }

    .testi-star {
        margin: 0 0 5px 0;
    }

    .testi-dec .testi-star ul li img {
        width: 100% !important;
    }

    .parallex .item h3 {
        font-size: 17px;
        margin: 10px 0;
        line-height: 17px;
    }

    .specilban {
        margin-bottom: 0;
    }

    .latest_pro, .best_pro {
        padding: 0;
    }

    .best {
        position: unset;
        padding: 20px 0 0 0;
    }

    .select_pro {
        padding: 0;
    }

    .left_bnr {
        order: 1;
    }

    .selected_pro {
        order: 2;
    }

    .news-p {
        font-size: 14px;
        margin-top: 5px;
    }

    .news-p {
        font-size: 14px;
    }

    .newsletter .new-from input {
        padding: 10px;
        font-size: 14px;
    }

    .newsletter .inner h2 {
        font-size: 20px;
    }

    .tab-heading span {
        margin: 0;
    }

    .tav-btn .btn-primary.btn-section {
        display: none;
    }

    #search img, .xuser img, .top-wishlist .wc-total img {
        /*width: 12px;*/
        /*height: 12px;*/
    }

    .list-inline > li.top-wishlist {
        padding: 0;
    }

    .leftdesc {
        left: 10px;
    }

    .leftcom {
        display: none;
    }

    .left-ban img {
        max-width: 100%;
    }

    .wbcount .product-thumb {
        display: block;
    }

    .slidertext h1 strong {
        font-size: 20px;
    }

    .parallex .item p {
        letter-spacing: 0;

    }

    .btn-group .btn {
        padding: 0 10px;
        font-size: 14px;
    }

    .proreview {
        margin: 0 10px;
        padding: 0 10px;
    }

    .pro-tab li a {
        padding: 5px 7px;
        font-size: 14px;
    }

    .tab-pro .pro-tab li {
        margin: 0;
    }

    .catesort {
        width: 100%;
        margin-top: 15px;
    }

    .blog_comment::before, .blog_comment::after {
        padding: 0 3px;
    }

    .slidertext h1 {
        font-size: 18px;
        margin-top: 5px;
        margin-bottom: 5px;
        line-height: 20px;
    }

    .offertext {
        width: 200px;
    }

    .offertext h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .offertext h1 {
        font-size: 30px;
    }

    .newsletter .inner h3 {
        font-size: 20px;
    }

    #search .btn-lg {
        left: 0;
    }

    .callright ul {
        padding-left: 0;
    }

    .callright {
        text-align: left !important;
        padding: 6px 0 !important;
    }

    .callright li, .callright li a {
        font-size: 12px !important;
        margin-left: 5px !important;
    }

    .imgslider .slick-arrow {
        width: 30px;
        height: 30px;
    }

    .imgslider .slick-arrow.slick-prev, .imgslider .slick-arrow.slick-next {
        top: 35%;
    }

    .wboffer, .wbleft, .delibg, .blog_webi, .wbcattop, .deliveryinfo, .wbimg, .onsaletop {
        margin-top: 30px;
    }

    .newsletter .new-from input {
        height: 49px;

    }

    .newsletter .new-from .newsbtn {
        height: 35px;
        width: 35px;

    }

    #common-success #content h1 {
        font-size: 27px;
    }

    .cart-checkout {
        display: block;
        margin-top: 10px;
        width: 100%;
    }
}

#product-compare .heading span {

    margin-bottom: 15px;
}

.text-center-b-left h3 {
    text-align: center;
    margin-top: 30px;
}

.product-thumb .img-fluid {
    max-width: 100%;
    object-fit: cover;
    height: 300px;
    border-radius: 0 0 0 0 !important;
}

.slick-slide .product-thumb {
    border-radius: 0 0 0 0 !important;
    margin: 10px -5px;
    box-shadow: 0 0 8px #30aee6a6;
    border: 1px solid #fff6;
}

.slick-slide:hover .product-thumb {
    box-shadow: 0 0 28px -10px #30aee6a6;
    border: 1px solid #fff6;
    cursor: pointer;
}

.text-center-b-left {
    display: flex;
    justify-content: center;
    background: #000;
    padding: 25px 0;
}

.text-center-b-left h3 span {
    color: white;
}

.instagram img {
    max-width: 100% !important;
}

#search[style="height: 0px;"] .workdo-search-result {
    display: none;
}

.sngblog h2 {
    color: #fff;
}

/* water animate */
.Wave {
    width: 200%;
    animation-name: swell;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    fill: #76d5ff;
}

#button-shipping-method {

}

.slick-dots {
    display: none !important;
}

#search .btn-lg {
    background: #9fcdff;
}

.sub-product + p {
    margin: 0 auto;
    text-align: center;
}

/* paypal */
#paypal-buttons {
    background: white;
    padding: 12px 12px 0;
    border-radius: 3px;
}

#card-fields-container, .card-fields-container,
#card-fields-container.card-fields-container {
    background-color: #76d5ff;
}

button {
    color: white;
}

.modal-content .terms-info > *, h4.modal-title, .modal-content h3 {
    color: #fff !important;
}

#button-shipping-method, #button-payment-method {
    background: #3abef9;
    border: 0;
    color: black;
    border-radius: 22px;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: 5px;
}

#button-shipping-method:hover, #button-payment-method:hover {
    opacity: 0.9;
}

@keyframes swell {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0%);
    }
}

/* Мобільні пристрої */
@media (max-width: 575.98px) {
    .slidertext {
        width: 350px;
        left: 0;
    }

    .zoom-left {
        padding-right: 15px !important;
    }

    .pro-bg .image.magnific-popup {
        position: relative;
        margin-top: 15px;
    }

    .gal-img #gal1 .slick-slide {
        margin: 10px 20px 10px 0;
        max-width: 120px;
    }

    .zoomWindow {
        left: 25px !important;
        right: auto !important;
        top: 220px !important;
    }

    .slick-slide[data-slick-index="1"] .testi-img {
        width: auto !important;
    }

    .testi-img {
        width: auto;
    }

    .testi-img img {
        width: auto;
    }

    .offer_bnr {
        margin-bottom: 20px;
    }

    .product-thumb .img-fluid {
        height: auto;
    }

    .slideff {
        margin-top: 20px;
    }

    .top_bg {
        display: flex;
        justify-content: center;
        max-width: 100%;
    }

    .top_bg .top_pro {
        position: relative;
        right: 0;
        top: 0;

    }

    .top_bg .top_pro > p {
        display: none;
    }

    .carousel {
        position: relative;
        border: 0;
        border-radius: 0;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        margin-bottom: 40px;
    }

    .slidertext p {
        display: none;
    }

    .top_bg {
        margin-top: 30px;
    }

    .mobile-menu-logo {
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin: 50px auto 40px;
    }

    #mySidenav {
        background: linear-gradient(111deg, #066197 33%, #76d5ff 66%) !important;
        background-position: 0 0;
        transition: all 0.5s ease-out 0s;
    }

    #mySidenav:hover {
        background: linear-gradient(111deg, #066197 43%, #76d5ff 76%) !important;
        /*background-position: 100px 100px;*/
        transition: all 0.5s ease-out 0s;
    }

    .Ocean {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
        height: 400px;
        overflow: hidden;
        margin-top: -300px;
        margin-bottom: -25px;
        z-index: -1;
        position: relative;
    }

    .slick-track {
        height: auto !important;
    }

    .left-banner + div .left-ctn h3 {
        font-size: 36px;
        line-height: 1.1;
    }
}

.imgdesc .banser-dec p,
.banner-description.right_b p {
    text-shadow: 1px 2px 1px white;
    background-color: #fffb;
    padding: 10px;
}


/* Планшети (портретна орієнтація) */
@media (min-width: 576px) and (max-width: 767.98px) {
    /* CSS для невеликих планшетів */
    .slidertext {
        width: 350px;
        left: 0;
    }

    .left-banner + div .left-ctn h3 {
        font-size: 55px;
        line-height: 1.1;
        text-align: left;
    }

    .slick-track {
        height: auto !important;
    }

    .slick-slide[data-slick-index="1"] .testi-img {
        width: auto !important;
    }

    .testi-img {
        width: auto;
    }

    .testi-img img {
        width: auto;
    }

    .offer_bnr {
        margin-bottom: 20px;
    }

    .product-thumb .img-fluid {
        height: auto;
    }

    .slideff {
        margin-top: 20px;
    }

    .top_bg {
        display: flex;
        justify-content: center;
        max-width: 100%;
        margin-top: 30px;
    }

    .top_bg .top_pro {
        position: relative;
        right: 0;
        top: 0;

    }

    .top_bg .top_pro > p {
        display: none;
    }

    .carousel {
        position: relative;
        border: 0;
        border-radius: 0;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        margin-bottom: 40px;
    }

    .slidertext p {
        display: none;
    }

    .mobile-menu-logo {
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin: 50px auto 40px;
    }

    #mySidenav {
        background: linear-gradient(111deg, #066197 33%, #76d5ff 66%) !important;
    }

    .Ocean {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
        height: 400px;
        overflow: hidden;
        margin-top: -300px;
        margin-bottom: -25px;
        z-index: -1;
        position: relative;
    }
}


/* Планшети (альбомна орієнтація) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* CSS для великих планшетів */
    .slidertext {
        width: 350px;
        left: 0;
    }

    .left-banner + div .left-ctn h3 {
        font-size: 55px;
        line-height: 1.1;
        text-align: left;
    }

    .slick-slide[data-slick-index="1"] .testi-img {
        width: auto !important;
    }

    .testi-img {
        width: auto;
    }

    .testi-img img {
        /*width: 100%;*/
        width: auto;
    }

    .offer_bnr {
        margin-bottom: 20px;
    }

    .product-thumb .img-fluid {
        height: auto;
    }

    .slideff {
        margin-top: 20px;
    }

    .top_bg {
        display: flex;
        justify-content: center;
        max-width: 100%;
        margin-top: 30px;
    }

    .top_bg .top_pro {
        position: relative;
        right: 0;
        top: 0;

    }

    .top_bg .top_pro > p {
        display: none;
    }

    .carousel {
        position: relative;
        border: 0;
        border-radius: 0;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        margin-bottom: 40px;
    }

    .slidertext p {
        display: none;
    }

    .mobile-menu-logo {
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin: 50px auto 40px;
    }

    .offer-banner {
        padding-bottom: 50px;
    }

    .wdonsale .product-thumb .img-fluid {
        object-fit: cover;
    }

    #mySidenav {
        background: linear-gradient(111deg, #066197 33%, #76d5ff 66%) !important;
    }

    .Ocean {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
        height: 400px;
        overflow: hidden;
        margin-top: -260px;
        margin-bottom: -85px;
        z-index: -1;
        position: relative;
    }

    .wbslidservice {
        display: flex;
        flex-direction: row;
    }

    .wbslidservice ul {
        min-width: 160px;
    }
}

/* Ноутбуки */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* CSS для ноутбуків */
    .visible-xs {
        display: none !important;
    }

    .left-banner + div .left-ctn h3 {
        font-size: 60px;
        line-height: 1.1;
        text-align: left;
    }

    .wbSearch {
        display: block;
    }

    .wdonsale .product-thumb .img-fluid {
        max-width: 100%;
        object-fit: contain;
        height: 220px;
        border-radius: 0 0 0 0 !important;
        margin: 7px auto 0;
    }

    .wdonsale .homeadd.justify-content-between {
        flex-direction: column;
    }

    .top_bg {
        position: absolute;
        z-index: 98;
        width: 1170px;
        top: 110px !important;
        right: 80px;
    }

    body {
        overflow-x: hidden;
    }

    .Ocean {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
        height: 400px;
        overflow: hidden;
        margin-top: -280px;
        margin-bottom: -135px;
        z-index: -1;
        position: relative;
    }

}

/* Десктопи */
@media (min-width: 1200px) {
    /* CSS для великих екранів */
    .slider-btn {
        margin-top: 20px;
    }

    .top_bg {
        position: absolute;
        z-index: 98;
        width: 1170px;
        top: 110px !important;
        right: 130px;
    }

    .top_pro {
        /*position: absolute;*/
        /*top: -570px !important;*/
        /*right: -40%;*/
        /*left: auto;*/
        /*bottom: 100% !important;*/
        z-index: 98;
        max-width: 310px;
    }

    .visible-xs {
        display: none !important;
    }

    .Ocean {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
        height: 400px;
        overflow: hidden;
        margin-top: -155px;
        margin-bottom: -225px;
        z-index: -1;
        position: relative;
    }

    .wdonsale .product-thumb .img-fluid {
        max-width: 100%;
        object-fit: contain;
        height: 198px;
        border-radius: 0 0 0 0 !important;
        margin: 7px auto 0px;
    }

    .Ocean {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
        height: 400px;
        overflow: hidden;
        margin-top: -260px;
        margin-bottom: -155px;
        z-index: -1;
        position: relative;
    }

    .slick-dots {
        display: none !important;
    }
}

@media (min-width: 1350px) {
    .Ocean {
        margin-top: -160px;
    }

    .offer-banner {
        margin-top: 30px;
        z-index: 1;
        margin-bottom: 20px;
        padding: 10px 10% 120px;
    }
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #141318;
    border: 1px solid #3abef9;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    border: 1px solid #76d5ff;
    border-radius: 24px;
}

.form-label {
    width: 100%;
}

.select2-container--default {
    color: #76d5ff;
    line-height: 26px;
    background: #141318;
    border-radius: 40px;
    width: 100% !important;
}

#content h1, #content h3 {
    color: #fff;
}

.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {
    width: 100% !important;
    color: white !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #76d5ff;
    background: #141318;
    padding: 8px 4px;
    color: white;
    font-size: 14px;
    border-radius: 4px;
    margin: 1px 2% !important;
    width: 96%;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ae7878;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #6f6f6f;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

#input-agree,
#input-agree[disabled] {
    width: 25px;
    height: 25px;
    background-color: #ff7676 !important;
    vertical-align: middle;
    line-height: 1 !important;
    margin: 0 0 0 7px !important;
}

#input-agree[checked]{
    background-color: #76d5ff !important;
}