:root {
    --pink-color: #f37779;
    --red-color-2: #f00075;
    --red-color-3: #c2080f;
    --red-color-4: #ff0000;
    --red-color-5: #ff6161;
    --blue-color: #1561b7;
    --blue-color-1: #4696f0;
    --blue-color-2: #0e76a8;
    --blue-color-3: #012b72;
    --blue-color-4: #00b9f5;
    --blue-dark-color: #393977;
    --yellow-color: #ffc300;
    --yellow-color-2: #feee2f;
    --yellow-color-3: #ff0000;
    --green-color: #c2080f;
    --green-color-2: #ff6161;
    --green-color-3: #ff0000;
    --black-color: #000000;
    --black-color-1: #333333;
    --black-color-2: #161616;
    --black-color-5: #50455c;
    --black-color-6: #111111;
    --black-color-7: #464646;
    --black-color-8: #222222;
    --black-color-9: #34353c;
    --black-color-10: #56575d;
    --black-color-11: #434349;
    --black-color-12: #2a2a36;
    --black-color-13: #3a2b4d;
    --black-color-14: #2a1b3c;
    --black-color-15: #727477;
    --black-color-16: #393939;
    --black-color-17: #1b1b17;
    --black-color-21: #50455c;
    --black-color-22: #8b8994;
    --black-color-23: #110f2b;
    --black-color-24: #ffffff;
    --light-pink-color: #ceb9e3;
    --white-color: #ffffff;
    --white-color-1: #777777;
    --white-color-2: #fdfdfd;
    --light-white-color: #f7f7f7;
    --dark-white-color: #edf1f7;
    --gray-color: #d6d6d6;
    --gray-color-1: #fff7f5;
    --gray-color-2: #919191;
    --gray-color-3: #dddddd;
    --gray-color-4: #edf2f8;
    --gray-color-5: #dadada;
    --gray-color-6: #f9f9f9;
    --gray-color-7: #f5f5ff;
    --gray-color-8: #ebebeb;
    --gray-color-9: #999999;
    --gray-color-10: #f0f0f0;
    --gray-color-11: #eeeeee;
    --gray-color-12: #aaaaaa;
    --gray-color-13: #fff4f9;
    --gray-color-14: #979797;
    --gray-color-15: #666666;
    --gray-color-16: #f5f5f5;
    --gray-color-17: #fbfbfb;
    --gray-color-18: #dfdfdf;
    --gray-color-19: #f8f8f8;
    --gray-color-20: #b2b2b2;
    --gray-color-21: #878787;
    --gray-color-22: #e4e6e7;
    --gray-color-23: #e4e4e4;
    --gray-color-24: #f2f2f2;
    --gray-color-25: #f2f1f1;
    --gray-color-26: #ececec;
    --gray-color-27: #dfe3e9;
    --gray-color-28: #f4f4f4;
    --gray-color-29: #fbfbfd;
    --gray-color-30: #ebeeee;
    --gray-color-31: #bebec0;
    --gray-color-32: #bbbbbb;
    --gray-color-33: #d3d3d3;
    --gray-color-34: #d7d7d7;
    --gray-color-35: #d1d0d5;
    --gray-dark-color: #191919;
    --dark-color: #888888;
    --dark-color-2: #fbfbfb;
    --dark-color-3: #4e4e53;
    --blue-dark-color-3: #8a8797;
    --white-dark-color-3: rgba(255, 255, 255, 0.95);
    --black-color-3: rgba(0, 0, 0, 0.1);
    --black-color-4: rgba(0, 0, 0, 0.7);
    --black-color-18: rgba(0, 0, 0, 0.5);
    --black-color-19: rgba(0, 0, 0, 0.3);
    --black-color-20: rgba(0, 0, 0, 0.6);
    --pink-color-2: rgba(243, 119, 121);
    --pink-color-3: rgba(243, 119, 121, 0.8);
}

html {
    scroll-behavior: smooth;
}

body {
    overflow: hidden;
    overflow-y: auto;
    background: var(--white-color);
    font-family: 'Jost', sans-serif;
}

.homepage-v7-slide-bg-images {
    margin-top: 100px;
}

@media (max-width:768px) {
    .homepage-v7-slide-bg-images {
        margin-top: 78px;
    }
}

.offcanvas-overlay {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, .5);
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
table,
ul {
    margin: 0;
    padding: 0;
    /*list-style: none;*/
}

.container .seo-text ul {
    margin: 3px 1px 0px 20px !important;
    padding: 3px 5px 0px 20px !important;
    list-style: square !important;
}

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

* {
    margin: 0;
    padding: 0;
}

[type=button]:not(:disabled),
button:not(:disabled) {
    outline: 0;
}

a {
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
    color: #ff0000;
    outline: none;
    text-decoration: none;
    box-shadow: none;
}

a:focus,
a:hover {
    text-decoration: none;
    color: #c00101;
    outline: 0;
}

p {
    font-family: 'Open Sans', sans-serif;
    color: #212529;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
}

button {
    border: none;
    outline: none;
    box-shadow: none;
    background: none;
}

.object-fit-cover {
    object-fit: cover !important;
}

.slick-slide {
    box-shadow: none;
    border-color: none;
    color: none;
    background: none;
    outline: none;
}

.d-flex.clearfix.homepage-v7-categories-wrap-slicknavholdercustom {
    padding-top: 45px;
}

@media (min-width:768px) {
    .w-sm-auto {
        width: auto !important;
    }
    .w-md-auto {
        width: auto !important;
    }
    .w-lg-auto {
        width: auto !important;
    }
    .w-xl-auto {
        width: auto !important;
    }
    .w-xxl-auto {
        width: auto !important;
    }
}

.quantity-price .product-price {
    display: inline-block;
    position: relative;
    height: 48px;
    overflow: hidden;
    padding-top: 13px;
}

.container.seo-text.mainpage {
    height: 125px;
    overflow: hidden
}

.homepage-v7-free-shipping-content .form-control::placeholder {
    color: #fff;
}

.sidebar-widget-tag.seo-open {
    display: flex;
}

.container.seo-text.mainpage.seo-text-opened {
    height: 100%!important
}

.qty-block {
    border: 1px solid #e8e8e8;
    display: inline-block;
    height: 48px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 80px;
}

.qty-block .dec.qtybutton {
    height: 48px;
    left: 0;
    padding-top: 14px;
    top: 0;
}

input.checkout-item-qty {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #8f8f8f;
    float: left;
    font-size: 14px;
    height: 48px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 80px;
    outline: 0;
}

.qty-block .inc.qtybutton {
    height: 48px;
    padding-top: 14px;
    right: 0;
    top: 0;
}

.qty-block .qtybutton {
    color: #8f8f8f;
    cursor: pointer;
    float: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    position: absolute;
    text-align: center;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 24px;
}


/*------------------------------ Preloader CSS --------------------------------*/

.preloader-v7 {
    animation-delay: 1s;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    background-color: var(--dark-color-2);
    overflow: hidden;
}

.preloader-v7 .sub-preloader-v7 {
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.preloader-v7 .sub-preloader-v7 img {
    background-size: cover;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}


/*------------------------------ Common Title CSS --------------------------------*/

.text-center .common-title::after,
.common-title.text-center::after {
    right: 0;
    margin: 0px auto;
}

.common-title {
    font-size: 45px;
    font-weight: 900;
    color: var(--black-color-21);
    margin: 0;
    padding: 0;
    position: relative;
}

.common-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -22px;
    width: 45px;
    height: 2px;
    background-color: var(--green-color-3);
}

.common-title3 {
    font-size: 45px;
    font-weight: 900;
    color: var(--black-color-21);
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
}

.common-title2 {
    font-size: 45px;
    font-weight: 900;
    color: var(--black-color-21);
    margin: 0;
    padding: 0 0 0 22px;
    position: relative;
}

.common-title2::after {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 2px;
    height: 45px;
    background-color: var(--green-color-3);
}

.common-subtitle-desc {
    margin: 43px 0 46px 0;
    padding: 0;
    font-weight: 400;
    font-size: 15px;
    color: var(--white-color-1);
    line-height: 27px;
    font-family: 'Open Sans', sans-serif;
}

.common-subtitle-desc2 {
    margin: 43px 0 9px 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    color: var(--black-color-2);
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
}

.common-small-title {
    margin: 0;
    padding: 0;
    font-weight: 900;
    font-size: 36px;
    color: var(--black-color-2);
}

.common-innerpage-label {
    margin: 0 0 11px 0;
    padding: 0;
    font-weight: 900;
    font-size: 20px;
    color: var(--dark-color-2);
    display: block;
}

.common-innerpage-title {
    margin: 0;
    padding: 0;
    font-weight: 900;
    font-size: 45px;
    color: var(--yellow-color-3);
}

.common-title-2 {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 45px;
    color: var(--white-color);
    text-transform: uppercase;
}

.common-sub-title {
    margin: 0;
    padding: 0;
    font-weight: 300;
    font-size: 25px;
    color: var(--white-color);
    letter-spacing: 6px;
}

.common-title-3 {
    margin: 0;
    padding: 0;
    font-weight: 300;
    font-size: 48px;
    color: var(--black-color-2);
}

.common-title-3-inner {
    font-weight: 700;
}

.common-subdesc-three {
    margin: 30px 0 40px 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color-2);
    line-height: 30px;
    font-family: 'Jost', sans-serif
}

.common-subdesc-three-margin {
    margin: 30px 0 27px 0;
}

.common-subdesc-three-m-t-b {
    margin: 31px 0 42px 0;
}

.common-inner-title {
    color: var(--green-color-3);
}


/*------------------------------ Common Button CSS --------------------------------*/

.common-btn-link {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 24px;
    color: var(--black-color-1);
    background: none;
    text-align: center;
    outline: none;
    text-decoration: underline;
    cursor: pointer;
}

.common-btn-link:focus,
.common-btn-link:hover {
    color: var(--black-color-1);
    text-decoration: underline;
}

.common-btn1-hover {
    background: none;
    letter-spacing: 1.2px;
    font-size: 14px;
    font-weight: 700;
    color: var(--white-color);
    cursor: pointer;
    padding: 9px 15px;
    margin: 0;
    text-align: center;
    border: 2px solid var(--yellow-color-3);
    text-transform: uppercase;
    background-size: 300% 100%;
    border-radius: 10px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.common-btn1-hover span {
    margin-right: 14px;
}

.common-btn1-hover img {
    height: 27px;
}

.common-btn1-hover:hover {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
    background-position: 100% 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.common-btn1-hover:focus {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
}

.common-btn3-hover {
    background-color: var(--black-color-21);
    letter-spacing: 1.2px;
    font-size: 14px;
    font-weight: 700;
    color: var(--white-color);
    cursor: pointer;
    padding: 12px 30px;
    margin: 0;
    text-align: center;
    border: 0px;
    text-transform: uppercase;
    background-size: 300% 100%;
    border-radius: 10px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.common-btn3-hover span {
    margin-right: 14px;
}

.common-btn3-hover i {
    font-size: 26px;
}

.common-btn3-hover:hover {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
    background-position: 100% 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.common-btn3-hover:focus {
    background-color: var(--yellow-color-3);
    background-color: var(--yellow-color-3);
    color: var(--black-color);
}

.common-btn1-hover2 {
    padding: 21px 39px;
}

.homepage-v7-slider-main .homepage-v7-slide1-btn {
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .homepage-v7-slide1-btn {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.9s;
}

.common-btn2-hover {
    background: none;
    letter-spacing: 1.2px;
    font-size: 14px;
    font-weight: 700;
    color: var(--black-color);
    cursor: pointer;
    padding: 9px 15px;
    margin: 0;
    text-align: center;
    border: 2px solid var(--yellow-color-3);
    text-transform: uppercase;
    background-size: 300% 100%;
    border-radius: 10px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    line-height: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.common-btn2-hover span {
    margin-right: 14px;
}

.common-btn2-hover img {
    height: 27px;
}

.common-btn2-hover:hover {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
    background-position: 100% 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.common-btn2-hover:focus {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
}

.homepage-v7-slider-main .homepage-v7-slide1-btn {
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .homepage-v7-slide1-btn {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.9s;
}

.modal-box-call {
    width: 100%;
}

.common-btn1-hover-small {
    background: none;
    letter-spacing: 1.2px;
    font-size: 13px;
    font-weight: 700;
    color: var(--black-color);
    cursor: pointer;
    padding: 9px 13px;
    margin: 0;
    text-align: center;
    border: 2px solid var(--yellow-color-3);
    text-transform: uppercase;
    background-size: 300% 100%;
    border-radius: 10px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.common-btn1-hover-small:hover {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
    background-position: 100% 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.common-btn1-hover-small:focus {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
}

.common-large-btn3-hover {
    background: none;
    letter-spacing: 1.2px;
    font-size: 14px;
    font-weight: 700;
    color: var(--black-color);
    cursor: pointer;
    padding: 9px 15px;
    margin: 0;
    text-align: center;
    border: 2px solid var(--yellow-color-3);
    text-transform: uppercase;
    background-size: 300% 100%;
    border-radius: 10px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.common-large-btn3-hover span {
    margin-right: 14px;
}

.common-large-btn3-hover img {
    height: 27px;
}

.common-large-btn3-hover:hover {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
    background-position: 100% 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.common-large-btn3-hover:focus {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
}

.common-btn4-hover {
    background: none;
    letter-spacing: 1.2px;
    font-size: 14px;
    font-weight: 700;
    color: var(--white-color);
    cursor: pointer;
    padding: 9px 15px;
    margin: 0;
    text-align: center;
    border: 2px solid var(--yellow-color-3);
    text-transform: uppercase;
    background-size: 300% 100%;
    border-radius: 10px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.common-btn4-hover span {
    margin-right: 14px;
}

.common-btn4-hover img {
    height: 27px;
}

.common-btn4-hover:hover {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
    background-position: 100% 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.common-btn4-hover:focus {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
}

.common-btn2-hover-large {
    background: none;
    letter-spacing: 1.2px;
    font-size: 20px;
    font-weight: 700;
    color: var(--white-color);
    cursor: pointer;
    padding: 15px 30px;
    margin: 0;
    text-align: center;
    border: 2px solid var(--yellow-color-3);
    text-transform: uppercase;
    background-size: 300% 100%;
    border-radius: 10px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.common-btn2-hover-large span {
    margin-right: 14px;
}

.common-btn2-hover-large img {
    height: 27px;
}

.common-btn2-hover-large:hover {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
    background-position: 100% 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.common-btn2-hover-large:focus {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
}

.common-btn2-hover-small {
    background: none;
    letter-spacing: 1.2px;
    font-size: 14px;
    font-weight: 700;
    color: var(--black-color);
    cursor: pointer;
    padding: 9px 12px;
    margin: 0;
    text-align: center;
    border: 2px solid var(--yellow-color-3);
    text-transform: uppercase;
    background-size: 300% 100%;
    border-radius: 10px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.common-btn2-hover-small span {
    margin-right: 14px;
}

.common-btn2-hover-small img {
    height: 27px;
}

.common-btn2-hover-small:hover {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
    background-position: 100% 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.common-btn2-hover-small:focus {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
}

.common-btn2-hover-small2 {
    background: none;
    letter-spacing: 1.2px;
}

.common-btn2-hover2 {
    background: none;
    letter-spacing: 1.2px;
    font-size: 14px;
    font-weight: 700;
    color: var(--black-color);
    cursor: pointer;
    padding: 9px 26px;
    margin: 0;
    text-align: center;
    border: 2px solid var(--yellow-color-3);
    text-transform: uppercase;
    background-size: 300% 100%;
    border-radius: 10px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.common-btn2-hover2 span {
    margin-right: 14px;
}

.common-btn2-hover2 img {
    height: 27px;
}

.common-btn2-hover2:hover {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
    background-position: 100% 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.common-btn2-hover2:focus {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
}

.common-btn2-hover-small-2 {
    background: none;
    letter-spacing: 1.2px;
    font-size: 14px;
    font-weight: 700;
    color: var(--black-color);
    cursor: pointer;
    padding: 12px 15px;
    margin: 0;
    text-align: center;
    border: 2px solid var(--yellow-color-3);
    text-transform: uppercase;
    background-size: 300% 100%;
    border-radius: 10px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.common-btn2-hover-small-2-color {
    color: var(--white-color);
}

.common-btn2-hover-small-2-padding2 {
    padding: 12px 50px;
}

.common-btn2-hover-small-2 span {
    margin-right: 14px;
}

.common-btn2-hover-small-2 img {
    height: 27px;
}

.common-btn2-hover-small-2:hover {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
    background-position: 100% 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.common-btn2-hover-small-2:focus {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
}

.common-btn-border {
    font-size: 15px;
    font-weight: 700;
    color: var(--pink-color) !important;
    text-transform: uppercase;
    text-align: center;
    background-color: var(--white-color);
    border: 2px solid;
    border-color: var(--gray-color-3);
    display: block;
    padding: 22px 64px;
    font-family: 'Open Sans', sans-serif;
}

.common-btn-link1 {
    font-size: 21px;
    font-weight: 700;
    color: var(--green-color-3);
    position: relative;
    padding: 0 0 0 35px;
}

.common-btn-link1:focus,
.common-btn-link1:hover {
    color: var(--green-color-3);
}

.common-btn-link1::after {
    content: "\f100";
    position: absolute;
    top: 0px;
    left: 0px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    color: var(--gray-color-2);
}

.common-btn-link2 {
    font-size: 21px;
    font-weight: 700;
    color: var(--black-color-2);
    position: relative;
    padding: 0 0 0 35px;
}

.common-btn-link2:focus,
.common-btn-link2:hover {
    color: var(--black-color-2);
}

.common-btn-link2::after {
    content: "\f100";
    position: absolute;
    top: 0px;
    left: 0px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    color: var(--gray-color-2);
}

.common-large-btn1-hover {
    background: none;
    letter-spacing: 1.2px;
    font-size: 20px;
    font-weight: 700;
    color: var(--white-color);
    cursor: pointer;
    padding: 15px 25px;
    margin: 0;
    text-align: center;
    border: 2px solid var(--yellow-color-3);
    text-transform: uppercase;
    background-size: 300% 100%;
    border-radius: 10px;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}

.common-large-btn1-hover span {
    margin-right: 14px;
}

.common-large-btn1-hover img {
    height: 27px;
}

.common-large-btn1-hover:hover {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
    background-position: 100% 0;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.common-large-btn1-hover:focus {
    background-color: var(--yellow-color-3);
    color: var(--black-color);
    outline: none;
}

.common-btn-link-underline1 {
    font-size: 18px;
    font-weight: 500;
    color: var(--green-color-3);
    text-decoration: underline;
}

.common-btn-link-underline1:focus,
.common-btn-link-underline1:hover {
    color: var(--green-color-3);
    text-decoration: underline;
}

.common-btn-link3 {
    font-size: 21px;
    font-weight: 700;
    color: var(--pink-color);
    position: relative;
    padding: 0;
}

.col-megamenu .title a {
    color: #50455c;
}

.col-megamenu .title a:hover {
    color: #ff0000;
}

.product-title a {
    color: var(--black-color-7);
}

.product-title a:hover {
    color: var(--black-color-7)!important;
}

.common-btn-link3:focus,
.common-btn-link3:hover {
    color: var(--green-color-3);
}

.common-btn-link3::after {
    content: "\f101";
    position: absolute;
    top: 0px;
    right: -35px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    color: var(--gray-color-2);
}


/*------------------------------ Common Margin Padding CSS --------------------------------*/

.mb-mobile-24 {
    margin-bottom: 0px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-24 {
    margin-top: 24px;
}

.m-b-24 {
    margin-bottom: 24px;
}

.m-b-36 {
    margin-bottom: 36px;
}

.m-t-34 {
    margin-top: 34px;
}

.m-t-37 {
    margin-top: 37px;
}

.m-t-45 {
    margin-top: 45px;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-t-60 {
    margin-top: 60px;
}

.m-b-60 {
    margin-bottom: 60px;
}

.m-y-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-t-60 {
    padding-top: 60px;
}

.p-b-20 {
    padding-bottom: 30px;
}

.p-b-60 {
    padding-bottom: 60px;
}

.p-b-83 {
    padding-bottom: 83px;
}

.p-t-50 {
    padding-top: 50px;
}

.p-y-27 {
    padding-top: 27px;
    padding-bottom: 27px;
}

.p-y-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.p-y-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.p-t-70 {
    padding-top: 70px;
}

.p-t-75 {
    padding-top: 75px;
}

.p-t-73 {
    padding-top: 73px;
}

.p-b-75 {
    padding-bottom: 75px;
}

.p-t-120 {
    padding-top: 120px;
}

.p-b-120 {
    padding-bottom: 120px;
}

.p-y-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.p-y-142 {
    padding-top: 142px;
    padding-bottom: 142px;
}

.p-t-142 {
    padding-top: 142px;
}

.p-b-142 {
    padding-bottom: 142px;
}

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


/*------------------------------ Common Background Color CSS --------------------------------*/

.black-bg {
    background-color: var(--black-color-21);
}

.white-bg {
    background-color: var(--white-color);
}

.green-bg {
    background-color: var(--green-color-3);
}

.pink-bg {
    background-color: var(--pink-color);
}

.gray-drak-bg {
    background-color: var(--black-color-1);
}

.gray-light-bg {
    background-color: var(--black-color-16);
}

.gray-bg {
    background-color: var(--gray-color-28);
}

.gray-bg2 {
    background-color: var(--light-white-color);
}

.gray-bg3 {
    background-color: var(--gray-color-29);
}

.gray-bg4 {
    background-color: var(--gray-color-6);
}

.text-gray {
    color: var(--gray-color);
}


/*------------------------------ Common Form CSS --------------------------------*/

.common-form {
    margin: 0;
    padding: 0 0 0 26px;
}

.common-form .form-control {
    margin: 0 0 20px 0;
    padding: 24px;
    font-size: 15px;
    font-weight: 600;
    color: var(--white-color-1);
    background: none;
    border: 2px solid var(--gray-color-4);
    border-radius: 0;
    height: 66px;
    font-family: 'Open Sans', sans-serif;
    box-shadow: none;
    outline: none;
}

.common-form textarea.form-control {
    height: 150px;
    min-height: calc(1.5em + (.75rem + 2px));
}

.common-form2 {
    margin: 0;
    padding: 0;
}

.common-form2 .form-control {
    margin: 0 0 20px 0;
    padding: 14px 26px;
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color-1);
    background: none;
    border: 2px solid var(--gray-color-4);
    border-radius: 0;
    height: 50px;
    font-family: 'Open Sans', sans-serif;
    box-shadow: none;
    outline: none
}

.common-form2 textarea.form-control {
    height: 156px;
    min-height: calc(1.5em + (.75rem + 2px));
}

.common-form-input-box-shadow {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05) !important;
}

.common-custom-control {
    position: relative;
    padding-left: 26px;
    margin-top: -5px;
    margin-bottom: 30px;
    text-align: left;
}

.common-custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.common-custom-control-label {
    position: static;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 16px;
    padding-left: 0;
    margin-left: 0;
    vertical-align: top;
    font-weight: 500;
    color: var(--black-color-2);
}

.common-custom-control-label:before {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    background-color: var(--gray-color-6);
    border: 1px solid var(--gray-color-5);
    box-shadow: none!important;
}

.common-custom-control-label:before {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.common-custom-checkbox .common-custom-control-label:before {
    border-radius: 2px;
}

.common-custom-checkbox .common-custom-control-label:after {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    background-image: none;
    font-size: 12px;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    line-height: 1;
    text-align: center;
    opacity: 0;
    margin-top: -1px;
    visibility: hidden;
    transition: opacity .01s;
}

.common-custom-control-label:after {
    position: absolute;
    left: 0;
    top: 4px;
    width: 18px;
    height: 18px;
    background-color: var(--green-color-3) !important;
    background: no-repeat 50%/50% 50%;
    border: 1px solid var(--green-color-3);
    border-radius: 2px;
}

.common-custom-checkbox .common-custom-control-input:checked~.common-custom-control-label:after {
    background-image: none;
    opacity: 1;
    visibility: visible;
}

.common-form-line {
    height: 2px !important;
    margin: 33px 0 36px 0;
    background-color: var(--dark-white-color);
    border: none;
    opacity: 1;
}

.common-form-bottom-link {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-color-2);
}

.common-form-bottom-link a {
    color: var(--green-color-3);
}

.common-form .form-select {
    margin: 0 0 20px 0;
    padding: 20px 24px;
    font-size: 15px;
    font-weight: 600;
    color: var(--white-color-1);
    border: 2px solid var(--gray-color-4);
    border-radius: 0;
    height: 66px;
    font-family: 'Open Sans', sans-serif;
    box-shadow: none;
    outline: none;
    background-image: url('../images/common-form-select-arrow.png');
    background-size: 10px 7px;
    background-position: right 22px center;
}


/*------------------------------ Common Inner Page Breadcrumb Background Color CSS --------------------------------*/

.inner-page .homepage-v7-header {
    background-color: var(--black-color-21);
}

.inner-page {
    padding-top: 100px;
}


/*=========================================== Home Page v7 Start CSS ===========================================*/


/*------------------------------ Home Page v7 Header CSS --------------------------------*/

.homepage-v7-header-border {
    position: relative;
}

.homepage-v7-header-border::after {
    content: '';
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: -25px;
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.1);
}

.stickyNav .homepage-v7-header-border::after {
    border: none;
}

.homepage-v7-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #50455c;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.stickyNav {
    position: fixed;
    z-index: 1000;
    width: 100%;
    background-color: var(--black-color-21);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.inner-page .homepage-v7-header.headerchanged {
    background-color: var(--black-color-5);
}

.headerchanged {
    background-color: var(--black-color-5);
}

.headerchanged .header-v7 .navbar-brand img {
    filter: brightness(0) invert(1);
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.homev7-responsive-mobile {
    display: none;
}

.stickyNav .header-v7 {
    padding: 10px 0;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.header-v7 {
    background: none;
    margin: 0;
    padding: 16.5px 0;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.container.homepage-v7-header-border img {
    width: 85px;
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
    height: 60px;
}

.header-v7 .navbar-brand {
    width: 250px;
    padding: 0;
    /*filter: brightness(0) invert(1);*/
}

.stickyNav .header-v7 .navbar-brand {
    /*height: 28px; */
    width: 300px;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.homev7-nav-link {
    color: var(--white-color) !important;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.homev7-nav-link.active {
    color: var(--white-color) !important;
}

.homev7-nav-link:hover {
    color: var(--yellow-color-3) !important;
}

#offcanvas-cart2:hover {
    color: #fff !important;
    background-color: #970000 !important;
}

.homev7-nav-link {
    padding-right: 27px !important;
    padding-left: 27px !important;
}

.homev7-nav-link.show .fa-angle-down {
    transform: rotate(180deg);
}

.homev7-nav-link.dropdown-toggle::after {
    display: none;
}

.homev7-nav-link.round-box:hover {
    color: #fff !important;
}

.roundbgcolor-box {
    font-weight: 600;
    background-color: var(--green-color-3);
    border-radius: 10px;
    width: 262px;
    height: 46px;
    padding: 0px !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
}

.roundbgcolor-box:hover {
    -webkit-transition: all 540ms ease-in-out;
    background-color: #970000;
}

.roundbgcolor-7 {
    background-color: var(--green-color-3);
    border-radius: 10px;
    width: 46px;
    height: 46px;
    padding: 0px !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 10px 0 13px;
}

.homev7-search a {
    position: relative;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.homev7-search .form-control {
    padding: 15px 10px;
    font-size: 15px;
    font-weight: 600;
    color: var(--white-color-1);
    background-color: var(--dark-white-color);
    border: none;
    border-radius: 10px !important;
    height: 41px;
    font-family: 'Open Sans', sans-serif;
    box-shadow: none;
    outline: none;
}

.homev7-search .form-control:focus {
    border: none;
    border-radius: 10px !important;
    box-shadow: none;
    outline: none;
}

.homev7-search .homev7-search-fullwidth {
    background-color: var(--white-color);
    border: 1px solid var(--gray-color-8);
    padding: 10px 10px 10px 10px;
}

.homev7-search.menu-large {
    position: unset !important;
}

.homev7-search.menu-large .search-mobile-name {
    display: none;
}

.homev7-search .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-radius: 0px;
    margin-bottom: 110px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.2s;
    display: block;
    background: none;
    border: none;
    box-shadow: none;
}

.homev7-search .dropdown-menu.show {
    display: block;
    margin-top: 0px !important;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transition: all 0.2s;
    top: 76px;
    left: 0;
    right: 0;
    margin-top: .125rem;
    position: absolute;
    z-index: 1000;
    display: block;
    padding: 0;
    margin: 0;
    font-size: 1rem;
    color: var(--black-color-1);
    text-align: left;
    list-style: none;
    background: none;
    background-clip: border-box;
    border: none;
    box-shadow: none;
    background-clip: padding-box;
    border-radius: 0px;
}

.stickyNav .homev7-search .dropdown-menu.show {
    top: 52px;
}

.homev7-wishlist .homev7-nav-link {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.homev7-wishlist .wishlist-mobile-name {
    display: none;
}

.homev7-wishlist a {
    position: relative;
}

.homev7-wishlist a .wishlist-count {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-weight: 500;
    font-size: 10px;
    line-height: 1;
    color: var(--white-color);
    position: absolute;
    top: 12px;
    left: 6px;
    width: 16px;
    height: 16px;
    background-color: var(--green-color-3);
}

.homev7-shopping-basket a {
    position: relative;
}

.homev7-shopping-basket a .cart-count {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: var(--black-color-23);
    position: absolute;
    top: -10px;
    right: -10px;
    width: 22px;
    height: 22px;
    background-color: var(--white-color);
    font-family: 'Open Sans', sans-serif;
}

.stickyNav .roundbgcolor-7 {
    width: 42px;
    height: 42px;
}

.stickyNav .homev7-shopping-basket a .cart-count {
    top: -6px;
    right: -8px;
    width: 20px;
    height: 20px;
}

.homev7-shopping-basket .dropdown-cart-products {
    max-height: 27.9rem;
    margin-top: -1rem;
    overflow-y: auto;
    width: 234px;
}

.homev7-shopping-basket .product {
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px 30px 20px 0px;
    box-shadow: none;
    margin: 0 !important;
    border: none;
    border-bottom: 1px solid var(--gray-color-8);
    box-shadow: none !important;
}

.homev7-shopping-basket .product-cart-details {
    font-weight: 400;
    max-width: 150px;
    font-size: 1.3rem;
    color: var(--gray-color-9);
    text-align: left;
}

.homev7-shopping-basket .product-title {
    font-weight: 700;
    font-size: 16px;
    line-height: normal;
    color: var(--black-color-1);
    text-align: left;
    margin-bottom: 5px;
}

.homev7-shopping-basket .product-title a {
    color: var(--black-color-1);
}

.homev7-shopping-basket .product-title:hover a {
    color: var(--green-color-3);
}

.homev7-shopping-basket .product-cart-details {
    font-weight: 700;
    max-width: 381px;
    display: flex;
    font-size: 15px;
    color: var(--white-color-1);
    text-align: left;
    flex-wrap: nowrap;
    flex-direction: column-reverse;
    align-items: center;
}

.homev7-shopping-basket .product-cart-details {
    font-weight: 700;
    font-size: 14px;
    color: var(--black-color-1);
    text-align: left;
}

.homev7-shopping-basket .cart-product-qty del {
    opacity: 50%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.homev7-shopping-basket .product-image-container {
    position: relative;
    max-width: 60px;
    margin: 0 auto;
}

.product-image {
    display: block;
    width: 100%;
    height: auto;
}

.homev7-shopping-basket .btn-remove {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    color: var(--white-color-1);
    font-size: 15px;
    line-height: 1;
    text-align: center;
    margin-top: -0.5rem;
}

.homev7-shopping-basket .btn-remove:hover {
    color: var(--green-color-3);
}

.homev7-shopping-basket .dropdown-cart-total {
    padding: 15px 0;
    display: flex;
    align-items: flex-end;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--black-color-1);
    margin-bottom: 0;
    width: 234px;
}

.homev7-shopping-basket .dropdown-cart-total .cart-total-price {
    font-size: 19px;
    margin-left: auto;
}

.homev7-shopping-basket .dropdown-cart-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    width: 234px;
}

.homev7-shopping-basket .dropdown-cart-action .btn {
    font-size: 18px;
    min-width: 110px;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
    color: var(--white-color);
    background-color: var(--green-color-3);
    border-color: var(--green-color-3);
    box-shadow: none;
    outline: none;
    border-radius: 0px;
}

.homev7-shopping-basket .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    border-radius: 0px;
    margin-bottom: 110px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.2s;
    display: block;
}

.homev7-shopping-basket .dropdown-menu.show {
    display: block;
    margin-top: 0px !important;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transition: all 0.2s;
    top: 74px;
    left: auto;
    margin-top: .125rem;
    right: 0;
    position: absolute;
    z-index: 1000;
    display: block;
    min-width: 280px;
    padding: 22px;
    margin: 0;
    font-size: 1rem;
    color: var(--black-color-1);
    text-align: left;
    list-style: none;
    background-color: var(--white-color);
    background-clip: padding-box;
    border: 1px solid var(--gray-color-8);
    border-radius: 0px;
}

.stickyNav .homev7-shopping-basket .dropdown-menu.show {
    top: 52px;
}

.homev7-shop .megamenu-img {
    height: 237px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.homev7-shop .megamenu-text {
    position: absolute;
    bottom: 30px;
    left: 39px;
    padding: 0;
    margin: 0;
}

.homev7-shop .megamenu-text .title2 {
    font-size: 17px;
    font-weight: 500;
    color: var(--white-color);
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.homev7-shop .megamenu-text .title {
    font-size: 24px;
    font-weight: 900;
    color: var(--white-color);
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.homev7-shop .megamenu .default {
    position: static;
    top: 50%;
    font-size: 12px;
    font-weight: 400;
    right: 17px;
    border-radius: 100px;
    margin-left: 5px;
    line-height: normal;
    background-color: var(--blue-color-4);
    color: var(--white-color);
    padding: 1px 10px;
    font-family: 'Open Sans', sans-serif;
}

.homev7-shop .megamenu .new {
    position: static;
    top: 50%;
    font-size: 12px;
    font-weight: 400;
    right: 17px;
    border-radius: 100px;
    margin-left: 5px;
    line-height: normal;
    background-color: var(--blue-color-3);
    color: var(--white-color);
    padding: 1px 10px;
    font-family: 'Open Sans', sans-serif;
}

.homev7-shop .megamenu .hot {
    position: static;
    top: 50%;
    font-size: 12px;
    font-weight: 400;
    right: 17px;
    border-radius: 100px;
    margin-left: 5px;
    line-height: normal;
    background-color: var(--red-color-4);
    color: var(--white-color);
    padding: 1px 10px;
    font-family: 'Open Sans', sans-serif;
}

.homev7-shop .megamenu .featured {
    position: static;
    top: 50%;
    font-size: 12px;
    font-weight: 400;
    right: 17px;
    border-radius: 100px;
    margin-left: 5px;
    line-height: normal;
    background-color: var(--black-color-1);
    color: var(--white-color);
    padding: 1px 10px;
    font-family: 'Open Sans', sans-serif;
}

.homev7-shop.menu-large {
    position: unset !important;
}

.homev7-shop .dropdown-menu {
    top: 100%;
    left: 0;
    right: 0;
    border-radius: 0px;
    margin-bottom: 110px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.2s;
    display: block;
    background: none;
    border: none;
    box-shadow: none;
}

.homev7-shop .dropdown-menu.show {
    display: block;
    margin-top: 0px !important;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transition: all 0.2s;
    top: 76px;
    left: 0;
    right: 0;
    margin-top: .125rem;
    position: absolute;
    z-index: 1000;
    display: block;
    padding: 0;
    margin: 0;
    font-size: 1rem;
    color: var(--black-color-1);
    text-align: left;
    list-style: none;
    background: none;
    border: none;
    box-shadow: none;
    background-clip: padding-box;
    border-radius: 0px;
}

.stickyNav .homev7-shop .dropdown-menu.show {
    top: 52px;
}

.homev7-shop-megamenu {
    background-color: var(--white-color);
    border: 1px solid var(--gray-color-8);
    padding: 44px;
}

.homev7-shop .dropdown-item,
.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--black-color-1);
    background: none;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    line-height: 30px;
}

.homev7-shop li:hover .dropdown-item {
    color: var(--yellow-color-3);
    background-color: var(--gray-color-6);
    padding: 0 10px;
}

.homev7-shop .col-megamenu .title {
    color: var(--black-color-1);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid var(--gray-color-30);
    margin: 0 0 20px 0;
    padding: 0 0 19px 0;
}

.homev7-pages .dropdown-menu {
    top: 100%;
    left: 0;
    border-radius: 0px;
    margin-bottom: 110px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.2s;
    display: block;
}

.homev7-pages .dropdown-menu.show {
    min-width: 11rem;
    display: block;
    margin-top: 0px !important;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transition: all 0.2s;
    top: 71px;
    margin-top: .125rem;
    position: absolute;
    z-index: 1000;
    display: block;
    padding: 10px 15px;
    margin: 0;
    font-size: 1rem;
    color: var(--black-color-1);
    text-align: left;
    list-style: none;
    background-color: var(--white-color);
    background-clip: padding-box;
    border: 1px solid var(--gray-color-8);
    border-radius: 0px;
    right: auto;
    left: 0;
}

.homev7-pages .multilevel-dropdown-menu {
    top: 100%;
    left: 160px;
    border-radius: 0px;
    margin-bottom: 110px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all 0.2s;
    display: block;
}

.homev7-pages .multilevel-dropdown-menu.show {
    display: block;
    margin-top: 0px !important;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transition: all 0.2s;
    top: 0px;
    margin-top: .125rem;
    position: absolute;
    z-index: 1000;
    display: block;
    padding: 10px 15px;
    margin: 0;
    font-size: 1rem;
    color: var(--dark-color-2);
    text-align: left;
    list-style: none;
    background-color: var(--white-color);
    background-clip: padding-box;
    border: 1px solid var(--gray-color-8);
    border-radius: 0px;
    right: auto;
    left: 160px;
}

.stickyNav .homev7-pages .multilevel-dropdown-menu.show {
    top: 0 !important;
}

.homev7-pages .dropdown-item2 {
    color: var(--black-color-1);
    background-color: var(--white-color);
    border: none;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    line-height: 30px;
}

.homev7-pages .multilevel-dropdown-menu li:hover .dropdown-item2 {
    color: var(--yellow-color-3);
    background-color: var(--gray-color-6);
    padding: 0 15px;
}

.homev7-pages .dropdown-item2:focus,
.homev7-pages .dropdown-item2:hover {
    color: var(--yellow-color-3);
}

.stickyNav .homev7-pages .dropdown-menu.show {
    top: 51px;
}

.homev7-pages .dropdown-item.show .homev7-pages-right-arrow {
    transform: rotate(-90deg);
}

.homev7-pages .dropdown-item {
    color: var(--black-color-1);
    background-color: var(--white-color);
    border: none;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    line-height: 30px;
}

.dropend .dropdown-toggle::after {
    border: 0px;
}

.homev7-pages .dropdown-item:focus,
.dropdown-item:hover {
    color: var(--yellow-color-3);
}

.homev7-pages li:hover .dropdown-item {
    color: var(--yellow-color-3);
    background-color: var(--gray-color-6);
    padding: 0 15px;
}

.homev7-pages-right-arrow {
    line-height: 30px;
    float: right;
}


/*------------------------------ Home Page v7 Slider CSS --------------------------------*/

.homepage-v7-slider {
    position: relative;
    background-color: var(--black-color-21);
    overflow: hidden;
    width: 100%;
}

.homepage-v7-slider-main {
    margin-bottom: 0px !important;
}


/*------------------------------ Home Page v7 Slider Slide 1 CSS --------------------------------*/

.common-tagtitle1-slide1 {
    color: var(--green-color-3);
    font-size: 16px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 13px 0;
    padding: 0;
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .common-tagtitle1-slide1 {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.2s;
}

.common-subtitle1-slide1 {
    color: var(--green-color-3);
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 27px 0;
    padding: 0;
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .common-subtitle1-slide1 {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.4s;
}

.common-title1-slide1 {
    color: var(--white-color);
    font-size: 70px;
    font-weight: 900;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .common-title1-slide1 {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.6s;
}

.common-desc1-slide1 {
    color: var(--white-color);
    font-size: 15px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin: 10px 0 25px 0;
    padding: 0;
    line-height: 24px;
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .common-desc1-slide1 {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.8s;
}

.homepage-v7-slide1-bg-images {
    height: 938px;
}

.homepage-v7-slide1-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.homepage-v7-slide1-left-part {
    margin-top: 225px;
    margin-left: 68px;
}

.homepage-v7-slide1-right-part {
    margin-top: 224px;
    padding: 0 92px 0 65px;
    overflow: hidden;
    height: 536px;
    transform: translate(30px, 0px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .homepage-v7-slide1-right-part {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.4s;
}


/*------------------------------ Home Page v7 Slider Slide 2 CSS --------------------------------*/

.common-tagtitle1-slide2 {
    color: var(--pink-color);
    font-size: 16px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 13px 0;
    padding: 0;
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .common-tagtitle1-slide2 {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.2s;
}

.common-subtitle1-slide2 {
    color: var(--pink-color);
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 27px 0;
    padding: 0;
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .common-subtitle1-slide2 {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.4s;
}

.common-title1-slide2 {
    color: var(--white-color);
    font-size: 70px;
    font-weight: 900;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .common-title1-slide2 {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.6s;
}

.common-desc1-slide2 {
    color: var(--white-color);
    font-size: 15px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin: 10px 0 25px 0;
    padding: 0;
    line-height: 24px;
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .common-desc1-slide2 {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.8s;
}

.homepage-v7-slide2-bg-images {
    height: 938px;
}

.homepage-v7-slide2-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.homepage-v7-slide2-right-part {
    margin-top: 288px;
    margin-right: 68px;
    float: right;
}

.homepage-v7-slide2-left-part {
    margin-top: 156px;
    overflow: hidden;
    height: 594px;
    padding: 0 227px 0 125px;
    clip-path: inset(0% 100% 0% 0%);
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .homepage-v7-slide2-left-part {
    clip-path: inset(0% 0% 0% 0%);
    transition: all 0.4s ease-in-out;
}


/*------------------------------ Home Page v7 Slider Slide 3 CSS --------------------------------*/

.common-tagtitle1-slide3 {
    color: var(--yellow-color-3);
    font-size: 16px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 13px 0;
    padding: 0;
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .common-tagtitle1-slide3 {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.6s;
}

.common-subtitle1-slide3 {
    color: var(--yellow-color-3);
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 27px 0;
    padding: 0;
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .common-subtitle1-slide3 {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.4s;
}

.common-title1-slide3 {
    color: var(--white-color);
    font-size: 70px;
    font-weight: 900;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .common-title1-slide3 {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.2s;
}

.common-desc1-slide3 {
    color: var(--white-color);
    font-size: 15px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin: 10px 0 25px 0;
    padding: 0;
    line-height: 24px;
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .common-desc1-slide3 {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.8s;
}

.homepage-v7-slide3-bg-images {
    height: 938px;
}

.homepage-v7-slide3-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.homepage-v7-slide3-left-part {
    margin-top: 289px;
    margin-left: 68px;
}

.homepage-v7-slide3-right-part {
    margin-top: 241px;
    overflow: hidden;
    height: 457px;
    padding: 0 76px 0 126px;
    transform: translate(30px, 0px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .homepage-v7-slide3-right-part {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.4s;
}


/*------------------------------ Home Page v7 Slider Slide 4 CSS --------------------------------*/

.common-tagtitle1-slide4 {
    color: var(--yellow-color-3);
    font-size: 16px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 13px 0;
    padding: 0;
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .common-tagtitle1-slide4 {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.6s;
}

.common-subtitle1-slide4 {
    color: var(--yellow-color-3);
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 27px 0;
    padding: 0;
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .common-subtitle1-slide4 {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.8s;
}

.common-title1-slide4 {
    color: var(--white-color);
    font-size: 70px;
    font-weight: 900;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .common-title1-slide4 {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.2s;
}

.common-desc1-slide4 {
    color: var(--white-color);
    font-size: 15px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    margin: 10px 0 25px 0;
    padding: 0;
    line-height: 24px;
    transform: translate(0px, 30px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .common-desc1-slide4 {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.4s;
}

.homepage-v7-slide4-bg-images {
    height: 938px;
}

.homepage-v7-slide4-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.homepage-v7-slide4-right-part {
    margin-top: 249px;
    margin-left: 68px;
    margin-right: 100px;
    text-align: right;
}

.homepage-v7-slide4-left-part {
    margin-top: 151px;
    overflow: hidden;
    height: 637px;
    padding: 0 102px 0 60px;
    transform: translate(30px, 0px);
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.homepage-v7-slider-main .slick-active .homepage-v7-slide4-left-part {
    transform: translate(0px, 0px);
    opacity: 1;
    transition: all 0.4s ease-in-out 0.4s;
}


/*------------------------------ Home Page v7 Slider Arrow & SliderCounterMain & socialMain CSS --------------------------------*/

.homepage-v7-slider-slicknavholdercustom {
    position: absolute;
    bottom: -255px;
    right: -255px;
    width: 515px;
    height: 515px;
    background-color: var(--white-color);
    border-radius: 100%;
    overflow: hidden;
    padding: 125px 0 0 82px;
    z-index: 1;
}

.homepage-v7-slider-slicknavholdercustom-line {
    width: 2px;
    height: 54px;
    background-color: var(--gray-color-31);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -12px 25px 0 -25px;
}

.homepage-v7-slider-slicknavbtnbig {
    position: relative;
    cursor: pointer;
}

.homepage-v7-slider-slicknavbtnbig {
    background: none;
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--black-color);
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.homepage-v7-slider-slicknavbtnprev {
    margin-right: 50px;
}

.homepage-v7-slider-slicknavbtnbig img {
    height: 8px;
    display: block;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.homepage-v7-slider-slicknavbtnbig:hover img {
    opacity: 0.6;
    transform: scale(0.8);
}

.homepage-v7-slider-slicknavbtnbig span {
    display: block;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.homepage-v7-slider-slicknavbtnbig:hover span {
    opacity: 0.6;
    transform: scale(0.8);
}

.homepage-v7-sliderCounterMain {
    position: absolute;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 1600px;
    text-align: left;
    bottom: 60px;
    margin: 0px auto;
    left: 0;
    right: 0;
    padding-left: 80px;
    z-index: 0;
}

.homepage-v7-slider-counter-cslide {
    font-size: 26px;
    font-weight: 700;
    color: var(--white-color);
    margin: 0;
    padding: 0;
    width: 35px;
    display: inline-flex;
}

.homepage-v7-slider-counter-dslide {
    width: 23px;
    height: 2px;
    background-color: var(--green-color-3);
    margin: 0 72px;
    padding: 0;
    display: inline-flex;
}

.homepage-v7-slider-counter-tslide {
    font-size: 20px;
    font-weight: 400;
    color: var(--white-color);
    margin: 0;
    padding: 0;
}

.homepage-v7-slider-socialMain {
    position: absolute;
    right: 42px;
    bottom: 37%;
    top: auto;
    text-align: center;
    transform-origin: right;
    transform: rotate(90deg);
}

.homepage-v7-slider-socialMain-text {
    font-size: 18px;
    font-weight: 400;
    display: inline-flex;
    margin: 0 58px;
    justify-content: center;
    align-items: center;
}

.homepage-v7-slider-socialMain-text:first-child {
    margin: 0;
}

.homepage-v7-slider-socialMain-text:last-child {
    margin: 0;
}

.homepage-v7-slider-socialMain-name {
    color: rgba(255, 255, 255, 0.3);
}

.homepage-v7-slider-socialMain-name:hover,
.homepage-v7-slider-socialMain-name:focus {
    color: rgba(255, 255, 255, 1);
}


/*------------------------------ Home Page v7 Recently Added Product CSS --------------------------------*/

.recently-added-product {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--white-color);
    background-clip: border-box;
    border: none;
    border-radius: 0;
}

.recently-added-product .card-img-top {
    border-radius: 5px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    overflow: hidden;
    height: 460px;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.recently-added-product .card-img-top img {
    transition: transform .3s;
    margin: 0 auto;
}

.recently-added-product .card-img-top:hover img {
    transform: scale(1.08);
}

.recently-added-product .card-body {
    padding: 16px 0 0 0;
}

.recently-added-product .product-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--black-color);
    text-align: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}

.recently-added-product:hover .product-title a {
    color: var(--black-color-7);
}

.recently-added-product .text-price del {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    opacity: 50%;
    margin: 0;
    padding: 0 3px 0 0;
    font-family: 'Open Sans', sans-serif;
}

.recently-added-product .text-price {
    font-size: 20px;
    font-weight: 700;
    color: #ff0000;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.recently-added-product .product-price {
    margin: 1px 0 0 0;
}

.recently-added-product .product-action-vertical {
    margin: 4px 0 0 0;
}

.recently-added-product .product-action-vertical .btn-product-wishlist-icon {
    font-size: 19px;
    color: var(--dark-color-2);
    margin: 0;
    padding: 0;
}

.recently-added-product .product-action-vertical .btn-product-quickview-icon {
    font-size: 19px;
    color: var(--red-color-4);
    margin: 0;
    padding: 0 0 0 8px;
}

.recently-added-product .product-action-vertical .btn-product-addtocart-icon {
    font-size: 19px;
    color: var(--red-color-4);
    margin: 0;
    padding: 0 0 0 8px;
}

.recently-added-product .product-action-vertical .btn-product-wishlist-icon:hover {
    color: var(--green-color-3);
}

.recently-added-product .product-action-vertical .btn-product-quickview-icon:hover {
    color: var(--green-color-3);
}

.recently-added-product .product-action-vertical .btn-product-addtocart-icon:hover {
    color: var(--green-color-3);
}


/*------------------------------ Home Page v7 Categories CSS --------------------------------*/

.homepage-v7-categories-wrap {
    padding-left: 6px;
}

.homepage-v7-categories-wrap .slick-list.draggable {
    margin: 0 -15px;
}

.homepage-v7-categories-item {
    padding: 0 15px;
}

.homepage-v7-categories-images-main {
    background-color: var(--gray-color-28);
    overflow: hidden;
    position: relative;
    padding: 38px 28px;
    margin-bottom: 20px;
}

.homepage-v7-categories-images {
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    height: 293px;
}

.homepage-v7-categories-images .homepage-v7-categories-images-x {
    width: 100%;
    height: 293px;
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.homepage-v7-categories-item:hover .homepage-v7-categories-images .homepage-v7-categories-images-x {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.homepage-v7-categories-content {
    padding: 0 0 0 32px;
}

.homepage-v7-categories-title {
    font-size: 26px;
    font-weight: 700;
    color: var(--black-color-22);
    position: relative;
}

.homepage-v7-categories-title::before {
    content: '';
    position: absolute;
    left: -32px;
    top: 9px;
    width: 20px;
    height: 2px;
    background-color: var(--black-color-22);
}

.homepage-v7-categories-item:hover .homepage-v7-categories-title {
    color: var(--pink-color);
}

.homepage-v7-categories-subtitle {
    color: var(--white-color-1);
    font-size: 14px;
    font-weight: 400;
}

.homepage-v7-categories-wrap-slicknavholdercustom {
    padding: 0;
}

.homepage-v7-categories-wrap-slicknavbtnbig {
    position: relative;
    cursor: pointer;
    background-color: var(--green-color-3);
    margin: 0;
    padding: 0;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.homepage-v7-categories-wrap-slicknavbtnbig:focus,
.homepage-v7-categories-wrap-slicknavbtnbig:hover {
    background-color: var(--pink-color);
}

.homepage-v7-categories-wrap-slicknavbtnbig img {
    height: 8px;
    display: block;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.homepage-v7-categories-wrap-slicknavbtnprev {
    left: 0;
}

.homepage-v7-categories-wrap-slicknavbtnnext {
    right: -10px;
}


/*------------------------------ Home Page v7 Features Area CSS --------------------------------*/

.homepage-v7-features-item {
    padding: 40px 25px;
    position: relative;
    justify-content: center;
    align-items: center;
}

.homepage-v7-features-item::after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 50%;
    background: var(--gray-color-3);
}

.homepage-v7-features-item-last::after {
    display: none;
}

.homepage-v7-features-icon {
    padding-right: 20px;
}

.homepage-v7-features-icon i {
    font-size: 40px;
    color: var(--yellow-color-3);
}

.homepage-v7-features-content-title {
    font-size: 17px;
    font-weight: 700;
    color: var(--black-color-22);
    line-height: 25px;
    margin-bottom: 0;
}

.homepage-v7-features-content-subtitle {
    font-size: 17px;
    font-weight: 400;
    color: var(--white-color-1);
    line-height: 25px;
    margin-bottom: 0;
}


/*------------------------------ Home Page v7 Popular Products CSS --------------------------------*/

.homepage-v7-popular-products-tabnav {
    margin-bottom: 51px;
    float: right;
}

.homepage-v7-popular-products-nav-link {
    color: var(--black-color-22);
    display: block;
    font-size: 18px;
    font-weight: 400;
    border-radius: 20px !important;
    padding: 6px 22px;
}

.homepage-v7-popular-products-nav-link.active {
    color: var(--white-color) !important;
    background-color: var(--green-color-3) !important;
    border-radius: 20px !important;
}

.homepage-v7-popular-products-nav-link.active:hover,
.homepage-v7-popular-products-nav-link.active:focus {
    color: var(--white-color) !important;
}

.homepage-v7-popular-products-nav-link:hover,
.homepage-v7-popular-products-nav-link:focus {
    color: var(--green-color-3) !important;
}

.homepage-v7-popular-products-shop-layout {
    position: relative;
    margin-bottom: 62px;
}

.homepage-v7-popular-products-shop-image-wrap {
    overflow: hidden;
    position: relative;
}

.homepage-v7-popular-products-shop-image-main {
    background-color: var(--gray-color-28);
    overflow: hidden;
    position: relative;
    /*padding: 56px 40px;*/
    margin-bottom: 15px;
}

.homepage-v7-popular-products-shop-image {
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    height: 395px;
}

.homepage-v7-popular-products-shop-image img {
    -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.homepage-v7-popular-products-shop-image .homepage-v7-popular-products-shop-image-x {
    width: 100%;
    height: 395px;
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.homepage-v7-popular-products-shop-image .homepage-v7-popular-products-shop-image-x img {
    -webkit-transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.homepage-v7-popular-products-shop-layout:hover .homepage-v7-popular-products-shop-image .homepage-v7-popular-products-shop-image-x {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.homepage-v7-popular-products-badge-group-main {
    top: 0;
    right: 0;
    z-index: 2;
    padding: 20px;
    position: absolute;
    list-style: none;
}

.homepage-v7-popular-products-badge-group:not(:last-child) {
    margin-bottom: 0px;
}

li.homepage-v7-popular-products-badge-group {
    background: rgb(80 69 92 / 58%);
    border-radius: 10px 10px 0px 0px;
    color: #fff;
}

.homepage-v7-popular-products-badge {
    color: var(--white-color);
    line-height: 1;
    display: block;
    font-size: 18px;
    font-weight: 400;
    padding: 3px 10px;
    background-color: var(--black-color-22);
    border-radius: 10px;
}

.homepage-v7-sale-products-badge {
    line-height: 1;
    display: block;
    font-size: 18px;
    font-weight: 400;
    padding: 3px 10px;
    border-bottom: 2px solid;
    border-color: #df0000;
}

span.homepage-v7-recomend-products-badge {
    line-height: 1;
    display: block;
    font-size: 18px;
    font-weight: 400;
    padding: 3px 10px;
    border-bottom: 2px solid;
    border-color: #00ad15;
}

span.homepage-v7-new-products-badge {
    line-height: 1;
    display: block;
    font-size: 18px;
    font-weight: 400;
    padding: 3px 10px;
    border-bottom: 2px solid;
    border-color: #fff700;
}

span.homepage-v7-install-products-badge {
    line-height: 1;
    display: block;
    font-size: 18px;
    font-weight: 400;
    padding: 3px 10px;
    border-bottom: 2px solid;
    border-color: #0008ff;
}

.homepage-v7-popular-products-action-btns-group {
    z-index: 2;
    padding: 20px 0;
    position: absolute;
    background-color: var(--white-color);
    border-radius: 30px;
    width: 200px;
    height: 60px;
    top: 41%;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
    box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
}

.homepage-v7-popular-products-action-btns {
    padding: 0 12px;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    -webkit-transition: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    transition: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.homepage-v7-popular-products-action-btns:not(:last-child) {
    margin-bottom: 0px;
}

.homepage-v7-popular-products-action {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: var(--green-color-3);
}

.homepage-v7-popular-products-action:hover,
.homepage-v7-popular-products-action:focus {
    color: var(--pink-color);
}

.homepage-v7-popular-products-shop-layout:hover .homepage-v7-popular-products-action-btns-group {
    opacity: 1;
}

.homepage-v7-popular-products-shop-layout .homepage-v7-popular-products-action-btns {
    opacity: 0;
}

.homepage-v7-popular-products-shop-layout:hover .homepage-v7-popular-products-action-btns {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.homepage-v7-popular-products-shop-layout:hover .homepage-v7-popular-products-action-btns:nth-child(1) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.homepage-v7-popular-products-shop-layout:hover .homepage-v7-popular-products-action-btns:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.homepage-v7-popular-products-shop-layout:hover .homepage-v7-popular-products-action-btns:nth-child(3) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.homepage-v7-popular-products-shop-layout:hover .homepage-v7-popular-products-action-btns:nth-child(4) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.homepage-v7-popular-products-rating-star {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
}

.homepage-v7-popular-products-rating-star li {
    color: var(--gray-color-32);
    font-size: 11px;
    display: inline-flex;
}

.homepage-v7-popular-products-rating-star li:not(:last-child) {
    margin-right: 5px;
}

.homepage-v7-popular-products-rating-star li.active {
    color: var(--yellow-color-3);
}

.homepage-v7-popular-products-shop-title-main {
    margin-bottom: 7px;
}

.homepage-v7-popular-products-shop-title {
    color: var(--black-color-22);
    font-size: 17px;
    font-weight: 400;
}

.homepage-v7-popular-products-shop-layout:hover .homepage-v7-popular-products-shop-title {
    color: var(--pink-color);
}

.homepage-v7-popular-products-shop-price {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.homepage-v7-popular-products-shop-price del {
    color: var(--gray-color-14);
    font-size: 15px;
    font-weight: 700;
    margin-right: 14px;
}

.homepage-v7-popular-products-sale-price {
    font-size: 15px;
    font-weight: 700;
    color: var(--black-color-22);
}

.homepage-v7-popular-products-load-more-btn {
    margin-top: -22px;
}


/*------------------------------ Home Page v7 Discount Collection CSS --------------------------------*/

.homepage-v7-discount-collection {
    margin: 20px 0 140px 0;
}

.homepage-v7-discount-collection-content {
    background-color: var(--green-color-3);
    padding: 235px 48px 48px 48px;
    width: 100%;
}

.homepage-v7-discount-collection-content-two {
    background-color: var(--black-color-21);
    justify-content: flex-end;
    text-align: right;
}

.homepage-v7-discount-collection-title1 {
    font-size: 62px;
    font-weight: 600;
    line-height: 62px;
    color: var(--white-color);
    text-transform: uppercase;
    margin: 0;
}

.homepage-v7-discount-collection-title2 {
    font-size: 62px;
    font-weight: 300;
    line-height: 62px;
    color: var(--white-color);
    text-transform: uppercase;
    margin: 0 0 20px 0;
}

.homepage-v7-discount-collection-images {
    position: absolute;
    right: 32px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: calc(100% + 100px);
}

.homepage-v7-discount-collection-images-two {
    left: 12px;
    right: unset;
}


/*------------------------------ Home Page v7 Featured Products CSS --------------------------------*/

.homepage-v7-featured-products-wrap {
    margin: 45px 0 53px 0;
}

.homepage-v7-featured-products-wrap .slick-list.draggable {
    margin: 0 -15px;
}

.homepage-v7-featured-products-item {
    padding: 0 15px;
}

.homepage-v7-featured-products {
    position: relative;
}

.homepage-v7-featured-products-slicknavholdercustom {
    padding: 0;
}

.homepage-v7-featured-products-slicknavbtnbig {
    position: relative;
    cursor: pointer;
    background-color: var(--green-color-3);
    margin: 0;
    padding: 0;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.homepage-v7-featured-products-slicknavbtnbig:focus,
.homepage-v7-featured-products-slicknavbtnbig:hover {
    background-color: var(--pink-color);
}

.homepage-v7-featured-products-slicknavbtnbig img {
    height: 8px;
    display: block;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.homepage-v7-featured-products-slicknavbtnprev {
    left: -10px;
}

.homepage-v7-featured-products-slicknavbtnnext {
    right: 0;
}


/*------------------------------ Home Page v7 Free Shipping CSS --------------------------------*/

.homepage-v7-free-shipping-content {
    padding: 50px 0;
}

.homepage-v7-free-shipping-title i {
    margin-right: 10px;
}

.homepage-v7-free-shipping-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--white-color);
    text-transform: uppercase;
    text-align: center;
}

.homepage-v7-free-shipping-text {
    font-size: 16px;
    font-weight: 600;
    color: var(--white-color);
    font-family: 'Open Sans', sans-serif;
    margin: 0 10px;
    padding: 0 10px;
    position: relative;
}

.homepage-v7-free-shipping-text::before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: -1px;
    content: '';
    width: 1px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.2);
}

.homepage-v7-free-shipping-text::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: -1px;
    content: '';
    width: 1px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.2);
}

.homepage-v7-free-shipping-price {
    font-size: 25px;
    font-weight: 600;
    color: var(--white-color);
    text-transform: uppercase;
}


/*------------------------------ Home Page v7 Latest Blog CSS --------------------------------*/

.homepage-v7-latest-blog {
    background: linear-gradient(to right, var(--black-color-21) 0%, var(--black-color-21) 40%, var(--white-color) 40%, var(--white-color) 100%);
}

.homepage-v7-latest-blog-wrap .slick-list.draggable {
    margin: 0 -15px;
}

.homepage-v7-latest-blog-item {
    padding: 0 15px;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
}

.homepage-v7-latest-blog-item:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.homepage-v7-latest-blog-slicknavholdercustom {
    padding: 0;
}

.homepage-v7-latest-blog-slicknavbtnbig {
    position: relative;
    cursor: pointer;
    background-color: var(--green-color-3);
    margin: 0;
    padding: 0;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.homepage-v7-latest-blog-slicknavbtnbig:focus,
.homepage-v7-latest-blog-slicknavbtnbig:hover {
    background-color: var(--pink-color);
}

.homepage-v7-latest-blog-slicknavbtnbig img {
    height: 8px;
    display: block;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.homepage-v7-latest-blog-slicknavbtnprev {
    left: 0;
}

.homepage-v7-latest-blog-slicknavbtnnext {
    right: -10px;
}

.homepage-v7-latest-blog-images {
    overflow: hidden;
    height: 238px;
    position: relative;
}

.homepage-v7-latest-blog-images:hover img {
    opacity: 0.3;
    z-index: 2;
}

.homepage-v7-latest-blog-images::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: var(--pink-color);
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.homepage-v7-latest-blog-images:hover::before {
    height: 100%;
}

.homepage-v7-latest-blog-content {
    margin: 30px 0 0 0;
}

.homepage-v7-latest-blog-title {
    font-size: 15px;
    font-weight: 500;
    color: var(--pink-color);
    margin: 0 0 11px 0;
    display: block;
}

.homepage-v7-latest-blog-text {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    color: var(--white-color-1);
    font-family: 'Open Sans', sans-serif;
}


/*------------------------------ Home Page v7 Download App CSS --------------------------------*/

.homepage-v7-download-app-images {
    overflow: hidden;
    height: 550px;
    padding: 0;
    margin: 33px 63px;
}

.homepage-v7-download-app-content {
    padding: 120px 0;
}


/*------------------------------ Home Page v7 Free Shipping CSS --------------------------------*/

.homepage-v7-subscribe-newsletter-content {
    padding: 46px 0;
}

.homepage-v7-subscribe-newsletter-title {
    font-size: 32px;
    font-weight: 700;
    color: var(--white-color);
}

.homepage-v7-subscribe-newsletter-text {
    font-size: 16px;
    font-weight: 600;
    color: var(--white-color);
    font-family: 'Open Sans', sans-serif;
    margin: 0 30px;
    padding: 0 30px;
}

.homepage-v7-subscribe-newsletter-form {
    position: relative;
}

.homepage-v7-subscribe-newsletter-form .form-control {
    box-shadow: none;
    border: 0px;
    border-radius: 0px;
    font-size: 14px;
    color: var(--white-color-1);
    height: 48px;
    width: 456px;
    padding: 12px 60px 12px 16px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.homepage-v7-subscribe-newsletter-form .btn-submit {
    background: none;
    border: none;
    border-radius: 0px;
    color: var(--white-color-1);
    right: 16px;
    padding: 0;
    display: inline-block;
    font-size: 30px;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.homepage-v7-subscribe-newsletter-form .btn-submit:hover {
    color: var(--pink-color);
}


/*------------------------------ Home Page v1 Footer Newletter CSS --------------------------------*/

.newsletter-form-control {
    padding: 14px 24px;
    font-size: 15px;
    font-weight: 600;
    color: var(--white-color-1);
    background-color: var(--dark-white-color);
    border: none;
    border-radius: 10px !important;
    height: 49px;
    font-family: 'Open Sans', sans-serif;
    box-shadow: none;
    outline: none;
}

.newsletter-form-control:focus {
    color: var(--white-color-1);
    background-color: var(--dark-white-color);
    border: none;
    outline: 0;
    box-shadow: none;
}


/*------------------------------ Home Page v7 Footer CSS --------------------------------*/

.footer-widget-logo-7 {
    width: 20%;
    background-color: var(--black-color-22);
    padding-top: 80px;
    padding-bottom: 80px;
}

.footer-widget-quicklinks-7 {
    width: 20%;
    padding-top: 80px;
    padding-bottom: 80px;
}

.footer-widget-ourinformation-7 {
    width: 20%;
    padding-top: 80px;
    padding-bottom: 80px;
}

.footer-widget-topcategories-7 {
    width: 20%;
    padding-top: 80px;
    padding-bottom: 80px;
}

.footer-widget-storeinformation-7 {
    width: 20%;
    padding-top: 80px;
    padding-bottom: 80px;
}

.footer-logo-7 {
    width: 80%;
    padding: 0;
    display: flex;
    margin: 0 auto;
    filter: brightness(0) invert(1);
    justify-content: center;
    align-items: center;
}

.footer-desc-7 {
    font-family: 'Open Sans', sans-serif;
    color: var(--white-color);
    font-size: 15px;
    line-height: 27px;
    font-weight: 400;
    margin: 22px 0 46px 0;
    padding: 0 0 0 18px;
}

.footer-heading-7 {
    font-size: 19px;
    font-weight: 500;
    color: var(--black-color-22);
    padding: 0 0 0 18px;
}

.footer-menu-7 {
    margin: 21px 0 0 0;
    padding: 0 0 0 18px;
}

.footer-menu-7 li {
    display: block;
    margin: 0;
    padding: 0;
}

.footer-menu-7 .nav-link {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-22);
    margin: 0;
    padding: 0;
    line-height: 36px;
    font-family: 'Open Sans', sans-serif;
}

.footer-menu-7 .nav-link:focus,
.footer-menu-7 .nav-link:hover {
    color: var(--green-color-3);
}

.footer-menu-7 .nav-link .fas {
    font-size: 14px;
    color: var(--black-color-22);
    line-height: 36px;
    margin: 0 6px 0 0;
}

.footer-menu-7 .nav-link:focus .fas,
.footer-menu-7 .nav-link:hover .fas {
    color: var(--green-color-3);
}

.footer-store-information-7 {
    margin: 29px 0 0 0;
    padding: 0 0 0 18px;
}

.footer-store-information-7 li {
    display: block;
    margin: 0;
    padding: 0;
}

.footer-store-information-7 .nav-link {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-22);
    margin: 0 0 24px 0;
    padding: 0;
    line-height: normal;
    font-family: 'Open Sans', sans-serif;
}

.footer-store-information-7 .nav-link-m-b-0 {
    margin: 0;
}

.footer-store-information-7 .nav-link:focus,
.footer-store-information-7 .nav-link:hover {
    color: var(--green-color-3);
}

.footer-social-media-7 {
    margin: 0;
    padding: 0 0 0 18px;
}

.footer-social-media-7 .nav-link {
    display: inline-flex;
    margin: 0 5px 0 0;
    padding: 0;
    width: 43px;
    height: 43px;
    background-color: var(--green-color-3);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
}

.footer-social-media-7 .nav-link:focus,
.footer-social-media-7 .nav-link:hover {
    background-color: var(--pink-color);
}

.footer-social-media-7 .nav-link .fab {
    font-size: 16px;
    color: var(--white-color);
    margin: 0;
    padding: 0;
}

.footer-social-media-7 .nav-link:focus .fab,
.footer-social-media-7 .nav-link:hover .fab {
    color: var(--white-color);
}

.footer-payment-logos-7 {
    margin: 35px 0 0 0;
    padding: 0 0 0 18px;
}

.footer-payment-logos-7 li {
    margin: 0 3px 0 0;
    padding: 0;
    display: inline-block;
}

.footer-payment-logos-7 li a {
    margin: 0;
    padding: 0;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 194px;
}

.footer-copyright-text-7 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-22);
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.footer-to-top {
    position: fixed;
    bottom: 12.5%;
    right: 2.5%;
    padding: 0px;
    margin: 0px;
    display: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    z-index: 1;
}

.footer-to-top-img {
    position: absolute;
    width: 27px;
    height: 84px;
    margin: 0;
}

.footer-to-top:hover {
    transition: all 0.4s linear;
    transform: scale(1.1);
}


/*------------------------------ Home Page v7 Quick View CSS --------------------------------*/

.modal-backdrop.show {
    opacity: .7;
}

.homepage-v1-quickview .modal-dialog {
    margin: 0px auto;
}

.homepage-v1-quickview .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    background-color: var(--white-color);
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    outline: 0;
    padding: 40px;
}

.homepage-v1-quickview .modal-header {
    padding: 0px;
    border: none;
    position: absolute;
    top: 12px;
    right: 12px;
}

.homepage-v1-quickview .modal-header .btn-close {
    width: 14px;
    height: 14px;
    color: var(--black-color);
    background: url('../images/homepage-v7-quickview-closeicon.png') center/1em auto no-repeat, var(--gray-color-18);
    outline: none;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.09);
    border: none;
    z-index: 1;
    opacity: 1;
    border-radius: 100px;
}

.homepage-v1-quickview .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0;
}

.homepage-v1-quickview-slider-main {
    width: 345px;
    display: block;
    margin: 0;
    padding: 0;
    opacity: 0;
    transition: all 0.3s;
}

.homepage-v1-quickview-slider-main.open {
    opacity: 1;
    transition: all 0.3s;
}

.homepage-v1-quickview-slider-nav {
    margin: 0 -5px;
}

.quickview-slider-img {
    position: relative;
    margin: 0 0 10px 0;
    padding: 0;
    width: 345px;
    height: 476px;
    overflow: hidden;
}

.quickview-slider-thumbal {
    position: relative;
    margin: 0 0 10px 0;
    padding: 0 5px;
    height: 78px;
    overflow: hidden;
    cursor: pointer;
}

.quickview-slider-thumbal img {
    object-position: top;
}

.quickview-slider-thumbal.mr-0 {
    margin-right: 0px;
}

.quickview-product-title_01 {
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color-6);
    margin: 0;
    padding: 0;
}

.ratings-container_01 {
    margin: 14px 0;
}

.in-stock_01 {
    color: var(--green-color-2);
    font-size: 15px;
    font-weight: 400;
}

.ratings-full_01 {
    margin: 0 10px;
}

.ratings_01 {
    color: var(--yellow-color);
    font-size: 12px;
    margin: 0;
    padding: 0;
    display: inline-block;
    letter-spacing: -4px;
}

.rating-reviews_01 {
    color: var(--black-color-6);
    font-size: 15px;
    font-weight: 400;
}

.rating-reviews_01:hover {
    color: var(--green-color-3);
}

.text-price_01 del {
    font-size: 16px;
    font-weight: 600;
    color: var(--black-color-6);
    opacity: 50%;
    margin: 0;
    padding: 0 3px 0 0;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
}

.text-price_01 {
    font-size: 19px;
    font-weight: 700;
    color: var(--black-color-6);
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
}

.text-tax-included_01 {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-color-15);
    margin: 3px 0 15px 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    display: block;
}

.quickview-product-short-desc_01 p {
    font-family: 'Open Sans', sans-serif;
    color: var(--gray-color-14);
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin: 0 0 16px 0;
    padding: 0;
}

.quickview-product-sku_01 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    line-height: 30px;
    margin: 0;
    padding: 0;
}

.quickview-product-sku_01 span {
    font-size: 14px;
    font-weight: 500;
    color: var(--black-color-6);
    line-height: 30px;
    margin: 0;
    padding: 0;
}

.quickview-product-categories_01 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    line-height: normal;
    margin: 0;
    padding: 0;
}

.quickview-product-categories_01 span {
    font-size: 14px;
    font-weight: 500;
    color: var(--black-color-6);
    line-height: normal;
    margin: 0;
    padding: 0;
}

.quickview-product-tags_01 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    line-height: 30px;
    margin: 0;
    padding: 0;
}

.quickview-product-tags_01 span {
    font-size: 14px;
    font-weight: 500;
    color: var(--black-color-6);
    line-height: 30px;
    margin: 0;
    padding: 0;
}

.quickview-product-color-swatch_01 {
    margin: 18px 0 0 0;
    padding: 0;
}

.color-title_01 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 0 7px 0;
    padding: 0;
    display: inline-block;
}

.color-title_01-val {
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--black-color-6);
    margin: 0;
    padding: 0;
    display: inline-block;
}

.color_01 {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    border: 2px solid var(--white-color);
    margin-right: 10px;
    transition: box-shadow .35s ease;
    background-repeat: no-repeat;
    background-position: 50%;
}

.color_01.active {
    box-shadow: 0 0 0 2px var(--green-color-3);
}

.tt-text_01 {
    visibility: hidden;
    opacity: 0;
}

.quickview-product-size-swatch_01 {
    margin: 23px 0 30px 0;
    padding: 0;
}

.size-title_01 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 0 7px 0;
    padding: 0;
    display: inline-block;
}

.size-title_01-val {
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: var(--black-color-6);
    margin: 0;
    padding: 0;
    display: inline-block;
}

.size_01 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    background-color: var(--gray-color-16);
    width: 35px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    margin: 0 10px 0 0;
    border: 2px solid var(--gray-color-16);
}

.size_01.active {
    border-color: var(--green-color-3);
}

.control_01 {
    display: flex;
    width: 90px;
    height: 41px;
    border: 1px solid var(--gray-color-11);
    margin: 0 10px 0 0;
    padding: 0;
}

.control_01 .bttn-left {
    border-radius: 0px;
}

.control_01 .input {
    width: calc(100px * 0.5);
    padding: 0;
    margin: 0;
    text-align: center;
    border: none;
    color: var(--black-color-6);
    font-size: 14px;
    font-weight: 400;
    outline: none;
    box-shadow: none;
}

.control_01 a.bttn {
    color: var(--black-color);
    text-decoration: none;
}

.control_01 a.bttn,
.control_01 .bttn {
    width: calc(100px * 0.5);
    padding: 0;
    text-align: center;
    border: none;
    outline: none;
    box-shadow: none;
    background-color: var(--white-color);
    font-size: 18px;
    color: var(--black-color-6);
}

.control_01 a.bttn span,
.control_01 .bttn span {
    margin: auto !important;
}

.control_01 .bttn-right {
    border-radius: 0px;
}

.control_01 input[type="number"]::-webkit-inner-spin-button,
.control_01 input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.control_01 input::-webkit-outer-spin-button,
.control_01 input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.control_01 input[type=number] {
    -moz-appearance: textfield;
}

.quickview-product-single-share_01 {
    margin: 23px 0 0 0;
    padding: 0;
    align-items: center;
}

.social-icons_01 {
    border-right: 1px solid var(--gray-color-11);
    margin: 0 18px 0 0;
    padding: 0 8px 0 0;
}

.social-button_01 {
    font-size: 14px;
    color: var(--black-color-6);
    margin: 0 8px 0 0;
    padding: 0;
    width: 28px;
    height: 28px;
    border-radius: 100px;
    border: 1px solid var(--gray-color-11);
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.social-button_01:hover {
    color: var(--dark-color-2);
    border: 1px solid var(--dark-color-2);
}

.social-button_01.icon-facebook:hover {
    color: var(--blue-color);
    border: 1px solid var(--blue-color);
}

.social-button_01.icon-twitter:hover {
    color: var(--blue-color-1);
    border: 1px solid var(--blue-color-1);
}

.social-button_01.icon-instagram:hover {
    color: var(--red-color-2);
    border: 1px solid var(--red-color-2);
}

.social-button_01.icon-pinterest:hover {
    color: var(--red-color-3);
    border: 1px solid var(--red-color-3);
}

.social-button_01.icon-linkedin:hover {
    color: var(--blue-color-2);
    border: 1px solid var(--blue-color-2);
}

.quickview-product-add-to-wishlist_01 {
    padding: 0;
    margin: 0;
}

.quickview-product-add-to-wishlist_01 i {
    font-size: 16px;
    color: var(--black-color-6);
    margin: 0 6px 0 0;
    padding: 0;
}

.quickview-product-add-to-wishlist_01:hover i {
    color: var(--green-color-3);
}

.quickview-product-add-to-wishlist_01 span {
    font-size: 15px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0;
    padding: 0;
}

.quickview-product-add-to-wishlist_01:hover span {
    color: var(--green-color-3);
}


/*------------------------------ Home Page v7 Responsive CSS --------------------------------*/

@media (max-width: 1599.98px) {
    .homepage-v7-slide1-bg-images {
        height: 880px;
    }
    .homepage-v7-slide1-right-part {
        height: 472px;
    }
    .homepage-v7-slide2-bg-images {
        height: 880px;
    }
    .homepage-v7-slide2-left-part {
        height: 523px;
    }
    .homepage-v7-slide3-bg-images {
        height: 880px;
    }
    .homepage-v7-slide3-right-part {
        height: 417px;
    }
    .homepage-v7-slide4-bg-images {
        height: 880px;
    }
    .homepage-v7-slide4-left-part {
        height: 585px;
    }
    .homepage-v7-categories-images {
        height: 268px;
    }
    .homepage-v7-categories-images .homepage-v7-categories-images-x {
        height: 268px;
    }
    .homepage-v7-popular-products-shop-image {
        height: 238px;
    }
    .homepage-v7-popular-products-shop-image .homepage-v7-popular-products-shop-image-x {
        height: 238px;
    }
    .homepage-v7-latest-blog-images {
        height: 222px;
    }
    .homepage-v7-download-app-images {
        height: 507px;
    }
}

@media (max-width: 1499.98px) {
    .homepage-v7-slide1-right-part {
        height: 430px;
    }
    .homepage-v7-slide2-left-part {
        height: 453px;
    }
    .homepage-v7-slide3-right-part {
        height: 377px;
    }
    .homepage-v7-slide4-left-part {
        height: 533px;
    }
    .homepage-v7-categories-images {
        height: 243px;
    }
    .homepage-v7-categories-images .homepage-v7-categories-images-x {
        height: 243px;
    }
    .homepage-v7-popular-products-shop-image {
        height: 216px;
    }
    .homepage-v7-popular-products-shop-image .homepage-v7-popular-products-shop-image-x {
        height: 216px;
    }
    .homepage-v7-latest-blog-images {
        height: 205px;
    }
    .common-subtitle-desc br {
        display: none;
    }
    .footer-desc-7 br {
        display: none;
    }
}

@media (max-width: 1399.98px) {
    .homev7-shop .megamenu .default {
        margin-left: 1px;
        font-size: 11px;
        padding: 1px 5px;
    }
    .homev7-shop .megamenu .new {
        margin-left: 1px;
        font-size: 11px;
        padding: 1px 5px;
    }
    .homev7-shop .megamenu .hot {
        margin-left: 1px;
        font-size: 11px;
        padding: 1px 5px;
    }
    .homev7-shop .megamenu .featured {
        margin-left: 1px;
        font-size: 11px;
        padding: 1px 5px;
    }
    .homev7-shop-megamenu {
        padding: 20px;
    }
    .common-title br {
        display: none;
    }
    .homepage-v7-slide1-bg-images {
        height: 780px;
    }
    .homepage-v7-slide1-right-part {
        margin-top: 200px;
        height: 399px;
        padding: 0 0 0 65px;
    }
    .homepage-v7-slide1-left-part {
        margin-top: 200px;
        margin-left: 0;
    }
    .common-title1-slide1 {
        font-size: 60px;
    }
    .homepage-v7-slide2-bg-images {
        height: 780px;
    }
    .homepage-v7-slide2-left-part {
        height: 484px;
        padding: 0 200px 0 0;
    }
    .homepage-v7-slide2-right-part {
        margin-top: 200px;
        margin-right: 0;
    }
    .common-title1-slide2 {
        font-size: 60px;
    }
    .homepage-v7-slide3-bg-images {
        height: 780px;
    }
    .homepage-v7-slide3-right-part {
        margin-top: 180px;
        height: 386px;
        padding: 0 0 0 60px;
    }
    .homepage-v7-slide3-left-part {
        margin-top: 200px;
        margin-left: 0;
    }
    .common-title1-slide3 {
        font-size: 60px;
    }
    .homepage-v7-slide4-bg-images {
        height: 780px;
    }
    .homepage-v7-slide4-left-part {
        margin-top: 130px;
        height: 504px;
        padding: 0 0 0 60px;
    }
    .homepage-v7-slide4-right-part {
        margin-top: 200px;
        margin-left: 0;
        margin-right: 0;
    }
    .common-title1-slide4 {
        font-size: 60px;
    }
    .homepage-v7-slider-counter-dslide {
        margin: 0 42px;
    }
    .homepage-v7-slider-slicknavholdercustom {
        width: 485px;
        height: 485px;
        padding: 125px 0 0 72px;
    }
    .homepage-v7-sliderCounterMain {
        max-width: 1140px;
        bottom: 50px;
        padding-left: 12px;
    }
    .homepage-v7-slider-socialMain {
        right: 22px;
        bottom: 32%;
    }
    .homepage-v7-slider-socialMain-text {
        margin: 0 38px;
    }
    .common-btn1-hover {
        padding: 6px 12px;
    }
    .common-btn2-hover {
        padding: 6px 12px;
    }
    .common-btn3-hover {
        padding: 8px 14px;
    }
    .common-btn3-hover i {
        font-size: 22px;
    }
    .recently-added-product .text-price {
        font-size: 18px;
    }
    .recently-added-product .text-price del {
        font-size: 15px;
    }
    .recently-added-product .product-action-vertical .btn-product-wishlist-icon {
        font-size: 16px;
    }
    .recently-added-product .product-action-vertical .btn-product-quickview-icon {
        font-size: 16px;
    }
    .recently-added-product .product-action-vertical .btn-product-addtocart-icon {
        font-size: 16px;
    }
    .common-btn-link {
        font-size: 20px;
    }
    .common-title {
        font-size: 40px;
    }
    .common-title3 {
        font-size: 40px;
    }
    .common-title::after {
        bottom: -16px;
    }
    .common-title3::after {
        bottom: -16px;
    }
    .common-title2 {
        font-size: 40px;
        padding: 0 0 0 16px;
    }
    .common-title2::after {
        top: 4px;
    }
    .customer-logos-2 .slide {
        margin: 0 60px;
    }
    .homepage-v7-categories-images-main {
        padding: 28px 18px;
    }
    .homepage-v7-categories-images {
        height: 256px;
    }
    .homepage-v7-categories-images .homepage-v7-categories-images-x {
        height: 256px;
    }
    .homepage-v7-popular-products-shop-image-main {
        padding: 46px 30px;
    }
    .homepage-v7-popular-products-shop-image {
        height: 176px;
    }
    .homepage-v7-popular-products-shop-image .homepage-v7-popular-products-shop-image-x {
        height: 176px;
    }
    .homepage-v7-popular-products-nav-link {
        font-size: 17px;
        padding: 5px 13px;
    }
    .homepage-v7-discount-collection-content {
        padding: 225px 38px 38px 38px;
    }
    .homepage-v7-discount-collection-title1 {
        font-size: 52px;
        line-height: 52px;
    }
    .homepage-v7-discount-collection-title2 {
        font-size: 52px;
        line-height: 52px;
    }
    .homepage-v7-discount-collection-images {
        right: 12px;
        height: calc(100% + 30px);
        width: 100%;
        text-align: right;
    }
    .homepage-v7-discount-collection-images img {
        max-width: 95%;
        height: auto !important;
    }
    .homepage-v7-discount-collection-images-two {
        text-align: left !important;
    }
    .homepage-v7-discount-collection-images-two img {
        max-width: 95%;
        height: auto !important;
    }
    .homepage-v7-popular-products-shop-title-main {
        line-height: 20px;
    }
    .homepage-v7-free-shipping-content {
        padding: 40px 0;
    }
    .homepage-v7-free-shipping-title {
        font-size: 27px;
    }
    .homepage-v7-free-shipping-text {
        margin: 0 51px;
        padding: 0 51px;
    }
    .homepage-v7-free-shipping-price {
        font-size: 20px;
    }
    .homepage-v7-latest-blog-images {
        height: 198px;
    }
    .homepage-v7-latest-blog-text br {
        display: none;
    }
    .homepage-v7-subscribe-newsletter-content {
        padding: 36px 0;
    }
    .homepage-v7-subscribe-newsletter-title {
        font-size: 27px;
    }
    .homepage-v7-subscribe-newsletter-text {
        margin: 0 20px;
        padding: 0 20px;
    }
    .homepage-v7-subscribe-newsletter-form .form-control {
        height: 46px;
        width: 426px;
    }
    .footer-to-top {
        bottom: 11%;
        right: 3%;
    }
}

@media (max-width: 1299.98px) {
    .homev7-shop .megamenu-text {
        bottom: 15px;
        left: 30px;
    }
    .homev7-shop .megamenu-text .title2 {
        font-size: 14px;
    }
    .homev7-shop .megamenu-text .title {
        font-size: 17px;
    }
    .recently-added-product .product-title {
        font-size: 18px;
    }
    .recently-added-product .text-price {
        font-size: 16px;
    }
    .recently-added-product .product-action-vertical {
        margin: 2px 0 0 0;
    }
    .recently-added-product .product-price {
        margin: 2px 0 0 0;
    }
    .common-btn1-hover2 {
        padding: 16px 39px;
    }
    .p-t-120 {
        padding-top: 70px;
    }
    .p-y-120 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .p-b-120 {
        padding-bottom: 70px;
    }
    .p-b-20 {
        padding-bottom: 10px;
    }
    .p-b-75 {
        padding-bottom: 70px;
    }
    .p-y-60 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .p-y-80 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .p-y-27 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .homepage-v7-popular-products-tabnav {
        margin-bottom: 40px;
    }
    .homepage-v7-popular-products-shop-layout {
        margin-bottom: 40px;
    }
    .homepage-v7-popular-products-load-more-btn {
        margin-top: 0;
    }
    .homepage-v7-download-app-images {
        height: 355px;
    }
    .homepage-v7-download-app-content {
        padding: 70px 0;
    }
    .newsletter-form-control {
        padding: 18px;
        font-size: 14px;
        height: 60px;
    }
    .footer-widget-logo-7 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer-widget-quicklinks-7 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer-widget-ourinformation-7 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer-widget-topcategories-7 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer-widget-storeinformation-7 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width: 1199.98px) {
    .homev7-pages .dropdown-item2 {
        font-size: 13px;
        line-height: 26px;
    }
    .homev7-pages .dropdown-item {
        font-size: 13px;
        line-height: 26px;
    }
    .homev7-shop .dropdown-item,
    .dropdown-item:focus,
    .dropdown-item:hover {
        font-size: 13px;
        line-height: 26px;
    }
    .homepage-v7-slide1-bg-images {
        height: 680px;
    }
    .homepage-v7-slide1-left-part {
        margin-top: 170px;
    }
    .homepage-v7-slide1-right-part {
        height: 324px;
        margin-top: 170px;
    }
    .common-tagtitle1-slide1 {
        font-size: 14px;
    }
    .common-subtitle1-slide1 {
        font-size: 20px;
    }
    .common-title1-slide1 {
        font-size: 47px;
    }
    .common-desc1-slide1 {
        font-size: 14px;
        line-height: normal;
        margin: 10px 0 20px 0;
    }
    .homepage-v7-slide2-bg-images {
        height: 680px;
    }
    .homepage-v7-slide2-left-part {
        height: 358px;
    }
    .common-tagtitle1-slide2 {
        font-size: 14px;
    }
    .common-subtitle1-slide2 {
        font-size: 20px;
    }
    .common-title1-slide2 {
        font-size: 47px;
    }
    .common-desc1-slide2 {
        font-size: 14px;
        line-height: normal;
        margin: 10px 0 20px 0;
    }
    .homepage-v7-slide3-bg-images {
        height: 680px;
    }
    .homepage-v7-slide3-left-part {
        margin-top: 170px;
    }
    .homepage-v7-slide3-right-part {
        height: 315px;
    }
    .common-tagtitle1-slide3 {
        font-size: 14px;
    }
    .common-subtitle1-slide3 {
        font-size: 20px;
    }
    .common-title1-slide3 {
        font-size: 47px;
    }
    .common-desc1-slide3 {
        font-size: 14px;
        line-height: normal;
        margin: 10px 0 20px 0;
    }
    .homepage-v7-slide4-bg-images {
        height: 680px;
    }
    .homepage-v7-slide4-left-part {
        margin-top: 150px;
        height: 410px;
    }
    .common-tagtitle1-slide4 {
        font-size: 14px;
    }
    .common-subtitle1-slide4 {
        font-size: 20px;
    }
    .common-title1-slide4 {
        font-size: 47px;
    }
    .common-desc1-slide4 {
        font-size: 14px;
        line-height: normal;
        margin: 10px 0 20px 0;
    }
    .homepage-v7-sliderCounterMain {
        max-width: 960px;
        bottom: 40px;
    }
    .homepage-v7-slider-slicknavholdercustom {
        width: 440px;
        height: 440px;
        padding: 110px 0 0 55px;
    }
    .homepage-v7-slider-slicknavbtnbig img {
        height: 6px;
    }
    .homepage-v7-slider-slicknavbtnbig {
        font-size: 17px;
    }
    .homepage-v7-slider-slicknavbtnprev {
        margin-right: 40px;
    }
    .homepage-v7-slider-slicknavholdercustom-line {
        width: 2px;
        height: 44px;
        margin: -9px 15px 0 -25px;
    }
    .homepage-v7-slider-counter-cslide {
        font-size: 21px;
        width: 28px;
    }
    .homepage-v7-slider-counter-dslide {
        margin: 0 32px;
    }
    .homepage-v7-slider-counter-tslide {
        font-size: 15px;
    }
    .p-y-142 {
        padding-top: 72px;
        padding-bottom: 72px;
    }
    .recently-added-product .card-img-top {
        height: 460px;
    }
    .common-btn-link {
        font-size: 15px;
    }
    .common-title {
        font-size: 30px;
    }
    .common-title3 {
        font-size: 30px;
    }
    .common-title::after {
        bottom: -10px;
    }
    .common-title2 {
        font-size: 30px;
    }
    .common-title2::after {
        top: -4px;
    }
    .homepage-v7-popular-products-title-inline-block {
        display: inline-block;
    }
    .common-subtitle-desc {
        margin: 20px 0 40px 0;
        font-size: 14px;
        line-height: 24px;
    }
    .p-t-142 {
        padding-top: 72px;
    }
    .p-b-83 {
        padding-bottom: 73px;
    }
    .p-t-60 {
        padding-top: 50px;
    }
    .customer-logos-2 .slide {
        margin: 0 40px;
    }
    .homepage-v7-categories-images-main {
        padding: 18px 15px;
    }
    .homepage-v7-categories-images {
        height: 220px;
    }
    .homepage-v7-categories-images .homepage-v7-categories-images-x {
        height: 220px;
    }
    .homepage-v7-categories-images-main {
        padding: 10px;
    }
    .homepage-v7-categories-title {
        font-size: 15px;
    }
    .homepage-v7-categories-wrap-slicknavbtnbig {
        width: 32px;
        height: 32px;
    }
    .homepage-v7-features-item {
        padding: 30px 15px;
    }
    .homepage-v7-features-icon {
        padding-right: 10px;
    }
    .homepage-v7-features-icon i {
        font-size: 30px;
    }
    .homepage-v7-features-content-title {
        font-size: 15px;
        line-height: 20px;
    }
    .homepage-v7-features-content-subtitle {
        font-size: 15px;
        line-height: 20px;
    }
    .homepage-v7-popular-products-title-main {
        text-align: center;
    }
    .homepage-v7-popular-products-tabnav {
        float: unset;
        text-align: center;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
    }
    .homepage-v7-popular-products-shop-image-main {
        padding: 30px 20px;
    }
    .homepage-v7-popular-products-shop-image {
        height: 155px;
    }
    .homepage-v7-popular-products-shop-image .homepage-v7-popular-products-shop-image-x {
        height: 155px;
    }
    .homepage-v7-popular-products-badge-group-main {
        padding: 10px;
    }
    .homepage-v7-popular-products-badge {
        padding: 3px 6px;
    }
    .homepage-v7-popular-products-action-btns-group {
        padding: 15px 0;
        width: 160px;
        height: 50px;
        top: 36%;
    }
    .homepage-v7-popular-products-action-btns {
        padding: 0 8px;
    }
    .homepage-v7-popular-products-shop-title {
        font-size: 15px;
    }
    .homepage-v7-popular-products-shop-title-main {
        line-height: 16px;
    }
    .homepage-v7-popular-products-shop-price del {
        font-size: 14px;
        margin-right: 10px;
    }
    .homepage-v7-popular-products-sale-price {
        font-size: 14px;
    }
    .homepage-v7-discount-collection-title1 {
        font-size: 42px;
        line-height: 42px;
    }
    .homepage-v7-discount-collection-title2 {
        font-size: 42px;
        line-height: 42px;
    }
    .homepage-v7-discount-collection-images img {
        max-width: 90%;
    }
    .homepage-v7-discount-collection-images-two img {
        max-width: 90%;
    }
    .homepage-v7-featured-products-slicknavbtnbig {
        width: 32px;
        height: 32px;
    }
    .homepage-v7-free-shipping-content {
        padding: 30px 0;
    }
    .homepage-v7-free-shipping-title {
        font-size: 22px;
    }
    .homepage-v7-free-shipping-text {
        margin: 0 20px;
        padding: 0 20px;
        font-size: 15px;
    }
    .homepage-v7-free-shipping-price {
        font-size: 18px;
    }
    .homepage-v7-latest-blog-images {
        height: 162px;
    }
    .homepage-v7-latest-blog-content {
        margin: 15px 0 0 0;
    }
    .homepage-v7-latest-blog-title {
        font-size: 14px;
        margin: 0 0 11px 0;
    }
    .homepage-v7-latest-blog-text {
        font-size: 14px;
        line-height: 20px;
    }
    .homepage-v7-latest-blog-slicknavbtnbig {
        width: 32px;
        height: 32px;
    }
    .homepage-v7-subscribe-newsletter-content {
        padding: 26px 0;
    }
    .homepage-v7-subscribe-newsletter-title {
        font-size: 22px;
    }
    .homepage-v7-subscribe-newsletter-text {
        margin: 0 10px;
        padding: 0 10px;
        font-size: 14px;
    }
    .homepage-v7-subscribe-newsletter-form .form-control {
        height: 40px;
        width: 370px;
    }
    .homepage-v7-subscribe-newsletter-form .btn-submit {
        font-size: 25px;
    }
    .newsletter-form-control {
        height: 54px;
    }
    .footer-widget-logo-7 {
        width: 100%;
        margin-bottom: 24px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .footer-widget-quicklinks-7 {
        width: 18%;
        margin-bottom: 24px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .footer-widget-ourinformation-7 {
        width: 24%;
        margin-bottom: 24px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .footer-widget-topcategories-7 {
        width: 28%;
        margin-bottom: 24px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .footer-widget-storeinformation-7 {
        width: 30%;
        margin-bottom: 24px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .footer-logo-7 {
        margin: 0;
    }
    .footer-desc-7 {
        margin: 22px 0 20px 0;
        padding: 0;
    }
    .footer-social-media-7 {
        padding: 0;
    }
    .footer-heading-7 {
        font-size: 18px;
        padding: 0;
    }
    .footer-menu-7 {
        margin: 10px 0 0 0;
        padding: 0;
    }
    .footer-store-information-7 {
        margin: 17px 0 0 0;
        padding: 0;
    }
    .footer-payment-logos-7 {
        margin: 25px 0 0 0;
        padding: 0;
    }
    .p-y-27 {
        padding-top: 14px;
        padding-bottom: 14px;
    }
}

@media (max-width: 1024.98px) {
    .preloader .sub-preloader {
        width: 200px;
        height: 200px;
    }
    .footers {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 1400px) {
    .dropdown-item {
        white-space: pre-wrap!important;
    }
}

@media (max-width: 991.98px) {
    .inner-page {
        padding-top: 84px;
    }
    .dropdown-item {
        white-space: nowrap!important;
    }
    .header-v7 {
        padding: 11px 0;
    }
    .stickyNav .header-v7 {
        padding: 6px 0;
    }
    .homepage-v7-header-border::after {
        bottom: -13px;
    }
    .header-v7.navbar-light .navbar-toggler {
        padding: 8px;
        color: var(--white-color);
        border-color: transparent;
        background: var(--pink-color);
        box-shadow: none;
        outline: none;
        border-radius: 10px 0px 10px 0px;
    }
    .header-v7.navbar-light .navbar-toggler-icon {
        background-image: url('../images/homepage-v7-menubar.png');
        background-repeat: no-repeat;
        background-size: cover;
        width: 24px;
        height: 24px;
    }
    .header-v7.navbar-light .navbar-toggler>.close {
        background-image: url('../images/homepage-v7-close.png');
        background-repeat: no-repeat;
        background-size: cover;
        display: inline-block;
        width: 24px;
        height: 24px;
        vertical-align: middle;
        content: "";
        opacity: 1;
        fill: var(--white-color);
        color: var(--white-color);
        float: none;
    }
    .header-v7.navbar-light .navbar-toggler.collapsed>.close,
    .header-v7.navbar-light .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
        display: none;
    }
    .header-v7.navbar-light .navbar-collapse {
        position: fixed !important;
        top: 75px;
        height: 100vh !important;
        height: 100%;
        overflow: hidden !important;
        overflow-y: auto !important;
        background: var(--black-color-5);
        /*box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);*/
        width: 100%;
        min-width: 100%;
        transition: all 0.1s !important;
        left: -100%;
        opacity: 0;
        display: table !important;
        z-index: 10000;
    }
    .stickyNav .header-v7.navbar-light .navbar-collapse {
        top: 68px;
    }
    .header-v7.navbar-light .navbar-collapse .navbar-nav {
        overflow-y: auto;
        overflow-x: hidden;
        height: calc(100vh - 0px);
        padding-bottom: 80px;
    }
    .header-v7.navbar-light .navbar-collapse.show {
        left: 0px;
        transition: all 0.1s !important;
        opacity: 1;
    }
    .homev7-responsive-mobile {
        display: block !important;
        position: unset;
    }
    .homev7-responsive-mobile .homev7-nav-link {
        color: var(--white-color) !important;
    }
    .homev7-responsive-mobile.homev7-search .dropdown-menu.show {
        position: absolute;
        top: 75px;
    }
    .roundbgcolor-7 {
        margin: 8px 25px 8px 13px;
    }
    .stickyNav .homev7-responsive-mobile.homev7-search .dropdown-menu.show {
        top: 68px;
    }
    .homev7-responsive-mobile.homev7-shopping-basket .dropdown-menu.show {
        position: absolute;
        top: 75px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    .stickyNav .homev7-responsive-mobile.homev7-shopping-basket .dropdown-menu.show {
        top: 68px;
    }
    .headerchanged .homev7-responsive-mobile .homev7-nav-link {
        color: var(--white-color) !important;
    }
    .homev7-nav-link {
        color: var(--white-color) !important;
        text-align: center;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }
    .homev7-shop {
        line-height: 40px;
    }
    .homev7-pages {
        line-height: 40px;
    }
    .homev7-pages li:hover .dropdown-item {
        background-color: var(--black-color-5);
    }
    .homev7-pages .dropdown-menu {
        display: none !important;
    }
    .homev7-pages .dropdown-menu.show {
        display: block !important;
        position: static;
        margin: 0;
        background-color: var(--black-color-5);
        border: 1px solid var(--black-color-5);
        padding: 10px 0px;
    }
    .homev7-pages .dropdown-item.show .homev7-pages-right-arrow {
        position: relative;
        top: 6px;
    }
    .homev7-pages .dropdown-item {
        background-color: var(--blue-dark-color-3);
        color: var(--white-color);
        text-align: center;
        font-size: 14px;
        line-height: 50px;
    }
    .homev7-pages .multilevel-dropdown-menu.show {
        padding: 0;
    }
    .homev7-pages .dropdown-item2 {
        color: var(--white-color);
        text-align: center;
        background-color: var(--blue-dark-color-3);
        display: block;
        font-size: 14px;
        line-height: 50px;
    }
    .homev7-pages .multilevel-dropdown-menu li:hover .dropdown-item2 {
        color: var(--green-color-3);
        background-color: var(--black-color-5);
        padding: 0 15px;
    }
    .homev7-shop .dropdown-item,
    .dropdown-item:focus,
    .dropdown-item:hover {
        font-size: 14px;
        line-height: 50px;
    }
    .homev7-shop .dropdown-menu {
        display: none !important;
    }
    .homev7-shop .dropdown-menu.show {
        display: block !important;
        position: static;
    }
    .homev7-shop .col-megamenu {
        margin: 0 0 20px 0;
    }
    .homev7-shop .col-megamenu .title {
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        color: var(--white-color);
        border-bottom: 1px solid var(--black-color-24);
        text-align: center;
    }
    .homev7-shop li:hover .dropdown-item {
        background-color: var(--black-color-5);
    }
    .homev7-shop .dropdown-menu.show .container {
        padding-left: 0;
        padding-right: 0;
    }
    .homev7-shop .dropdown-item {
        color: var(--white-color);
        text-align: center;
    }
    .homev7-shop-megamenu {
        padding: 15px;
        background-color: var(--blue-dark-color-3);
        border: 1px solid var(--blue-dark-color-3);
    }
    .homev7-search {
        display: none;
    }
    .homev7-wishlist {
        display: none;
    }
    .homev7-shopping-basket {
        display: none;
    }
    .homev7-search.menu-large .search-mobile-name {
        display: inline-block;
    }
    .homev7-wishlist .wishlist-mobile-name {
        display: inline-block;
    }
    .homev7-search .dropdown-menu.show {
        display: block !important;
        position: static;
    }
    .homev7-search .form-control {
        padding: 10px 10px;
        font-size: 14px;
        height: 35px;
    }
    .homev7-shopping-basket .dropdown-menu.show {
        display: block !important;
        position: static;
        margin: 0 12px;
        min-width: auto;
        padding: 10px;
    }
    .homev7-shopping-basket .dropdown-cart-products {
        width: auto;
    }
    .homev7-shopping-basket .dropdown-cart-total {
        width: auto;
        padding: 10px 0;
        font-size: 14px;
    }
    .homev7-shopping-basket .dropdown-cart-total .cart-total-price {
        font-size: 16px;
    }
    .homev7-shopping-basket .dropdown-cart-action {
        width: auto;
    }
    .homev7-shopping-basket .product-title {
        font-size: 14px;
    }
    .homev7-shopping-basket .product-cart-details {
        font-size: 13px;
    }
    .homev7-shopping-basket .product-image-container {
        max-width: 50px;
    }
    .homev7-shopping-basket .btn-remove {
        font-size: 14px;
        margin-top: -0.7rem;
    }
    .homev7-shopping-basket .product {
        padding: 15px 25px 15px 0px;
    }
    .homev7-pages-right-arrow {
        line-height: normal;
        float: unset;
        padding-left: 10px;
    }
    .homepage-v7-slide1-bg-images {
        height: 490px;
    }
    .homepage-v7-slide1-left-part {
        margin-top: 110px;
    }
    .homepage-v7-slide1-right-part {
        height: 278px;
        margin-top: 110px;
        padding: 0;
    }
    .common-title1-slide1 {
        font-size: 37px;
    }
    .common-subtitle1-slide1 {
        margin: 0 0 17px 0;
    }
    .homepage-v7-slide2-bg-images {
        height: 490px;
    }
    .homepage-v7-slide2-right-part {
        margin-top: 110px;
    }
    .homepage-v7-slide2-left-part {
        margin-top: 110px;
        height: 288px;
        padding: 0 130px 0 0;
    }
    .common-title1-slide2 {
        font-size: 37px;
    }
    .common-subtitle1-slide2 {
        margin: 0 0 17px 0;
    }
    .homepage-v7-slide3-bg-images {
        height: 490px;
    }
    .homepage-v7-slide3-left-part {
        margin-top: 110px;
    }
    .homepage-v7-slide3-right-part {
        margin-top: 110px;
        height: 267px;
        padding: 0;
    }
    .common-title1-slide3 {
        font-size: 37px;
    }
    .common-subtitle1-slide3 {
        margin: 0 0 17px 0;
    }
    .homepage-v7-slide4-bg-images {
        height: 490px;
    }
    .homepage-v7-slide4-left-part {
        margin-top: 100px;
        padding: 0;
        height: 348px;
    }
    .homepage-v7-slide4-right-part {
        margin-top: 130px;
    }
    .common-title1-slide4 {
        font-size: 37px;
    }
    .common-subtitle1-slide4 {
        margin: 0 0 17px 0;
    }
    .homepage-v7-slider-slicknavholdercustom {
        width: 430px;
        height: 380px;
        padding: 80px 0 0 55px;
    }
    .homepage-v7-sliderCounterMain {
        max-width: 720px;
        bottom: 20px;
    }
    .homepage-v7-slider-socialMain {
        bottom: 25%;
    }
    .homepage-v7-slider-socialMain-text {
        margin: 0 28px;
    }
    .recently-added-product .card-img-top {
        height: 460px;
    }
    .common-title {
        font-size: 24px;
    }
    .common-title2 {
        font-size: 24px;
    }
    .common-title2::after {
        top: -8px;
    }
    .homepage-v7-categories-images {
        height: 250px;
    }
    .homepage-v7-categories-images .homepage-v7-categories-images-x {
        height: 250px;
    }
    .homepage-v7-popular-products-shop-image {
        height: 155px;
    }
    .homepage-v7-popular-products-shop-image .homepage-v7-popular-products-shop-image-x {
        height: 155px;
    }
    .homepage-v7-discount-collection-content {
        padding: 150px 28px 28px 28px;
    }
    .homepage-v7-discount-collection-title1 {
        font-size: 32px;
        line-height: 32px;
    }
    .homepage-v7-discount-collection-title2 {
        font-size: 32px;
        line-height: 32px;
    }
    .homepage-v7-discount-collection {
        margin: 20px 0 80px 0;
    }
    .homepage-v7-free-shipping-content {
        padding: 20px 0;
    }
    .homepage-v7-free-shipping-title {
        font-size: 17px;
    }
    .homepage-v7-free-shipping-text {
        margin: 0 10px;
        padding: 0 10px;
        font-size: 14px;
    }
    .homepage-v7-free-shipping-price {
        font-size: 15px;
    }
    .homepage-v7-latest-blog-images {
        height: 184px;
    }
    .homepage-v7-download-app-images {
        height: 272px;
        margin: 30px 15px 30px 0px;
    }
    .homepage-v7-subscribe-newsletter-content {
        padding: 16px 0;
    }
    .homepage-v7-subscribe-newsletter-title {
        font-size: 17px;
    }
    .homepage-v7-subscribe-newsletter-form .form-control {
        height: 36px;
        width: 190px;
    }
    .homepage-v7-subscribe-newsletter-form .btn-submit {
        font-size: 22px;
    }
    .newsletter-form-control {
        height: 42px;
    }
    .footer-widget-logo-7 {
        width: 100%;
    }
    .footer-widget-quicklinks-7 {
        width: 17%;
    }
    .footer-widget-ourinformation-7 {
        width: 25%;
    }
    .footer-widget-topcategories-7 {
        width: 29%;
    }
    .footer-widget-storeinformation-7 {
        width: 29%;
    }
    .footer-to-top-img {
        width: 15px;
        height: 45px;
        margin: 0;
    }
    .footer-to-top {
        bottom: 8%;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .homepage-v1-quickview .modal-dialog {
        margin: 40px auto;
        max-width: 800px;
    }
    .social-icons_01 {
        border-right: 0;
        margin: 0 0 15px 0;
        padding: 0;
    }
}

@media (max-width: 800.98px) {
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .homepage-v1-quickview .modal-content {
        padding: 20px;
    }
    .homepage-v1-quickview .modal-dialog {
        max-width: 750px;
    }
}

@media (max-width: 768.98px) {
    .preloader .sub-preloader {
        width: 150px;
        height: 150px;
    }
    .seo-text .lazyloaded {
        width: 100% !important;
        height: 100% !important;
    }
    .homepage-v7-header-border .mw-100 {
        max-width: 60%!important;
    }
    .homev7-responsive-mobile.homev7-search .dropdown-menu.show {
        top: 73px;
    }
    .homev7-responsive-mobile.homev7-shopping-basket .dropdown-menu.show {
        top: 73px;
    }
    .common-title {
        font-size: 22px;
    }
    .common-title::after {
        bottom: -4px;
    }
    .common-title2 {
        font-size: 22px;
    }
    .common-subtitle-desc {
        margin: 10px 0 30px 0;
        font-size: 14px;
        line-height: 22px;
    }
    .recently-added-product .product-title {
        font-size: 16px;
        -webkit-line-clamp: 4 !important;
    }
    .recently-added-product .text-price {
        font-size: 15px;
    }
    .recently-added-product .text-price del {
        font-size: 14px;
    }
    .customer-logos-2 {
        padding: 0 20px;
    }
    .p-y-60 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .newsletter-form-control {
        padding: 15px;
        height: 42px;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .homepage-v1-quickview .modal-dialog {
        margin: 30px auto;
        max-width: 700px;
    }
    .homepage-v1-quickview .modal-content {
        padding: 20px;
    }
    .homepage-v1-quickview-slider-main {
        width: 100%;
    }
    .quickview-slider-img {
        width: 100%;
        height: 450px;
    }
}

@media (max-width: 767.98px) {
    .preloader .sub-preloader {
        width: 100px;
        height: 100px;
    }
    .inner-page {
        padding-top: 62px;
    }
    .header-v7 {
        padding: 6px 0;
    }
    .stickyNav .header-v7 {
        padding: 8px 0;
    }
    .homepage-v7-header-border::after {
        bottom: -7px;
    }
    .header-v7.navbar-light .navbar-collapse {
        top: 77px;
    }
    .stickyNav .header-v7.navbar-light .navbar-collapse {
        top: 76px;
    }
    .header-v7 .navbar-brand {
        height: 35px;
        width: 90px;
    }
    .stickyNav .header-v7 .navbar-brand {
        height: 32px;
        width: 80px;
        margin-right: 0;
    }
    .header-v7.navbar-light .navbar-toggler-icon {
        width: 16px;
        height: 16px;
    }
    .header-v7.navbar-light .navbar-toggler>.close {
        width: 16px;
        height: 16px;
    }
    .header-v7.navbar-light .navbar-toggler {
        padding: 6px 10px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .homev7-responsive-mobile.homev7-search .dropdown-menu.show {
        top: 58px;
    }
    .stickyNav .homev7-responsive-mobile.homev7-search .dropdown-menu.show {
        top: 51px;
    }
    .homev7-responsive-mobile.homev7-shopping-basket .dropdown-menu.show {
        top: 58px;
    }
    .stickyNav .homev7-responsive-mobile.homev7-shopping-basket .dropdown-menu.show {
        top: 51px;
    }
    .homev7-nav-link {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
    }
    .homev7-pages {
        line-height: 40px;
    }
    .homev7-shop {
        line-height: 40px;
    }
    .roundbgcolor-7 {
        width: 34px;
        height: 34px;
    }
    .stickyNav .roundbgcolor-7 {
        width: 32px;
        height: 32px;
    }
    .homev7-shopping-basket a .cart-count {
        top: -8px;
        right: -8px;
        width: 17px;
        height: 17px;
    }
    .homepage-v7-slide1-bg-images {
        height: 380px;
    }
    .homepage-v7-slide1-left-part {
        margin-top: 80px;
    }
    .homepage-v7-slide1-right-part {
        height: 204px;
        margin-top: 80px;
    }
    .common-subtitle1-slide1 {
        font-size: 17px;
    }
    .common-title1-slide1 {
        font-size: 20px;
    }
    .common-desc1-slide1 {
        margin: 10px 0 15px 0;
    }
    .common-tagtitle1-slide1 {
        margin: 0 0 10px 0;
    }
    .homepage-v7-slide2-bg-images {
        height: 380px;
    }
    .homepage-v7-slide2-right-part {
        margin-top: 80px;
    }
    .homepage-v7-slide2-left-part {
        margin-top: 80px;
        height: 232px;
        padding: 0 80px 0 0;
    }
    .common-subtitle1-slide2 {
        font-size: 17px;
    }
    .common-title1-slide2 {
        font-size: 20px;
        line-height: 26px;
    }
    .common-desc1-slide2 {
        margin: 10px 0 15px 0;
    }
    .common-tagtitle1-slide2 {
        margin: 0 0 10px 0;
    }
    .homepage-v7-slide3-bg-images {
        height: 380px;
    }
    .homepage-v7-slide3-left-part {
        margin-top: 80px;
    }
    .homepage-v7-slide3-right-part {
        margin-top: 80px;
        height: 195px;
    }
    .common-subtitle1-slide3 {
        font-size: 17px;
    }
    .common-title1-slide3 {
        font-size: 20px;
    }
    .common-desc1-slide3 {
        margin: 10px 0 15px 0;
    }
    .common-tagtitle1-slide3 {
        margin: 0 0 10px 0;
    }
    .homepage-v7-slide4-bg-images {
        height: 380px;
    }
    .homepage-v7-slide4-left-part {
        margin-top: 80px;
        height: 255px;
    }
    .homepage-v7-slide4-right-part {
        margin-top: 80px;
    }
    .common-subtitle1-slide4 {
        font-size: 17px;
    }
    .common-title1-slide4 {
        font-size: 20px;
    }
    .common-desc1-slide4 {
        margin: 10px 0 15px 0;
    }
    .common-tagtitle1-slide4 {
        margin: 0 0 10px 0;
    }
    .common-btn1-hover img {
        height: 22px;
    }
    .common-btn2-hover img {
        height: 22px;
    }
    .homepage-v7-slider-slicknavholdercustom {
        width: 410px;
        height: 350px;
        padding: 60px 0 0 60px;
    }
    .homepage-v7-slider-slicknavbtnprev {
        margin-right: 30px;
    }
    .homepage-v7-slider-slicknavbtnbig {
        font-size: 14px;
    }
    .homepage-v7-slider-slicknavbtnbig img {
        height: 5px;
    }
    .homepage-v7-slider-slicknavholdercustom-line {
        width: 2px;
        height: 34px;
        margin: -6px 10px 0 -20px;
    }
    .homepage-v7-sliderCounterMain {
        max-width: 540px;
        bottom: 10px;
    }
    .homepage-v7-slider-counter-cslide {
        font-size: 16px;
        width: 22px;
    }
    .homepage-v7-slider-counter-dslide {
        margin: 0 15px;
    }
    .homepage-v7-slider-counter-tslide {
        font-size: 14px;
    }
    .homepage-v7-slider-socialMain-text {
        margin: 0 18px;
        font-size: 16px;
    }
    .recently-added-product .card-img-top {
        height: 460px;
    }
    .homepage-v7-section-title {
        margin-bottom: 10px;
    }
    .p-y-142 {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .p-t-142 {
        padding-top: 32px;
    }
    .p-t-60 {
        padding-top: 30px;
    }
    .p-b-83 {
        padding-bottom: 33px;
    }
    .p-y-80 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .homepage-v7-categories-wrap-slicknavholdercustom {
        padding: 0 0 20px 0;
    }
    .homepage-v7-categories-images {
        height: 270px;
    }
    .homepage-v7-categories-images .homepage-v7-categories-images-x {
        height: 270px;
    }
    .homepage-v7-features-item::after {
        display: none;
    }
    .homepage-v7-popular-products-shop-image {
        height: 182px;
    }
    .homepage-v7-popular-products-shop-image .homepage-v7-popular-products-shop-image-x {
        height: 182px;
    }
    .homepage-v7-discount-collection-content {
        padding: 100px 15px 15px 15px;
    }
    .homepage-v7-discount-collection-title1 {
        font-size: 22px;
        line-height: 22px;
    }
    .homepage-v7-discount-collection-title2 {
        font-size: 22px;
        line-height: 22px;
    }
    .homepage-v7-free-shipping-content {
        padding: 15px 0;
        display: block !important;
        text-align: center;
    }
    .homepage-v7-free-shipping-title {
        font-size: 16px;
    }
    .homepage-v7-free-shipping-text {
        margin: 10px 0;
        padding: 10px 0;
        font-size: 14px;
    }
    .homepage-v7-free-shipping-text::before {
        top: 0;
        bottom: auto;
        margin: 0 auto;
        left: 0;
        width: 60px;
        height: 1px;
        right: 0;
    }
    .homepage-v7-free-shipping-text::after {
        top: auto;
        bottom: 0;
        margin: 0 auto;
        right: 0;
        width: 60px;
        height: 1px;
        left: 0;
    }
    .homepage-v7-free-shipping-price {
        font-size: 14px;
    }
    .homepage-v7-latest-blog {
        background: linear-gradient(to bottom, var(--black-color-21) 0%, var(--black-color-21) 40%, var(--white-color) 40%, var(--white-color) 100%);
    }
    .homepage-v7-latest-blog-images {
        height: 198px;
    }
    .homepage-v7-subscribe-newsletter-content {
        padding: 15px 0;
        display: block !important;
        text-align: center;
    }
    .homepage-v7-subscribe-newsletter-title {
        font-size: 16px;
    }
    .homepage-v7-subscribe-newsletter-text {
        margin: 5px 0;
        padding: 5px 0;
    }
    .homepage-v7-subscribe-newsletter-form .form-control {
        height: 34px;
        width: 100%;
    }
    .homepage-v7-download-app-images {
        height: 436px;
        margin: 30px 0 0 0;
    }
    .footer-widget-logo-7 {
        width: 100%;
    }
    .footer-widget-quicklinks-7 {
        width: 48%;
    }
    .footer-widget-ourinformation-7 {
        width: 52%;
    }
    .footer-widget-topcategories-7 {
        width: 48%;
    }
    .footer-widget-storeinformation-7 {
        width: 52%;
    }
    .footer-logo-7 {
        height: 35px;
        width: 90px;
        display: block;
        margin: 0;
    }
    .p-y-27 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footer-to-top {
        bottom: 7%;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .quickview-slider-img {
        height: 600px;
    }
    .homepage-v1-quickview .modal-dialog {
        max-width: 100%;
        margin: 30px;
    }
    .quickview-slider-thumbal {
        height: 158px;
    }
    .quickview-product-title_01 {
        margin: 30px 0 0 0;
    }
}

@media (max-width: 600.98px) {
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .quickview-slider-thumbal {
        height: 117px;
    }
}

@media (max-width: 575.98px) {
    .homepage-v7-slide1-bg-images {
        height: 490px;
    }
    .homepage-v7-slide1-right-part {
        height: 174px;
        margin-top: 70px;
        max-width: 210px;
    }
    .homepage-v7-slide1-left-part {
        margin-top: 10px;
        margin-right: 20px;
    }
    .common-subtitle1-slide1 {
        margin: 0 0 10px 0;
    }
    .common-desc1-slide1 {
        margin: 6px 0 10px 0;
    }
    .homepage-v7-slide2-bg-images {
        height: 490px;
    }
    .homepage-v7-slide2-left-part {
        height: 170px;
        margin-top: 70px;
        padding: 0;
        max-width: 122px;
    }
    .homepage-v7-slide2-right-part {
        margin-top: 10px;
        margin-right: 20px;
        float: left;
    }
    .common-subtitle1-slide2 {
        margin: 0 0 10px 0;
    }
    .common-desc1-slide2 {
        margin: 6px 0 10px 0;
    }
    .common-title1-slide2 br {
        display: none;
    }
    .homepage-v7-slide3-bg-images {
        height: 490px;
    }
    .homepage-v7-slide3-right-part {
        height: 174px;
        margin-top: 70px;
        max-width: 219px;
    }
    .homepage-v7-slide3-left-part {
        margin-top: 10px;
        margin-right: 20px;
    }
    .common-subtitle1-slide3 {
        margin: 0 0 10px 0;
    }
    .common-desc1-slide3 {
        margin: 6px 0 10px 0;
    }
    .common-title1-slide3 br {
        display: none;
    }
    .homepage-v7-slide4-bg-images {
        height: 490px;
    }
    .homepage-v7-slide4-left-part {
        height: 186px;
        margin-top: 70px;
        max-width: 180px;
    }
    .homepage-v7-slide4-right-part {
        margin-top: 10px;
    }
    .homepage-v7-slide4-right-part {
        margin-top: 10px;
        margin-right: 20px;
        text-align: left;
    }
    .common-desc1-slide4 {
        margin: 6px 0 10px 0;
    }
    .common-title1-slide4 br {
        display: none;
    }
    .homepage-v7-sliderCounterMain {
        max-width: 100%;
    }
    .homepage-v7-slider-socialMain {
        right: 15px;
    }
    .homepage-v7-responsive-full-box {
        width: 50%;
    }
    .recently-added-product .card-img-top {
        height: 460px;
    }
    .customer-logos-2 .slide {
        margin: 0 30px;
    }
    .homepage-v7-categories-images {
        height: 250px;
    }
    .homepage-v7-categories-images .homepage-v7-categories-images-x {
        height: 250px;
    }
    .homepage-v7-popular-products-tabnav {
        margin-bottom: 30px;
    }
    .homepage-v7-popular-products-shop-layout {
        margin-bottom: 30px;
    }
    .homepage-v7-popular-products-shop-image {
        height: 450px;
    }
    .homepage-v7-popular-products-shop-image .homepage-v7-popular-products-shop-image-x {
        height: 450px;
    }
    .homepage-v7-popular-products-action-btns-group {
        top: 42%;
    }
    .homepage-v7-featured-products-wrap {
        margin: 30px 0 0 0;
    }
    .homepage-v7-featured-products-slicknavholdercustom {
        padding: 30px 0 0 0;
        justify-content: flex-start !important;
    }
    .homepage-v7-discount-collection {
        margin: 20px 0 30px 0;
    }
    .homepage-v7-discount-collection-content {
        padding: 50px 15px 15px 15px;
        display: block !important;
    }
    .homepage-v7-discount-collection-title1 {
        font-size: 20px;
        line-height: 20px;
    }
    .homepage-v7-discount-collection-title1 br {
        display: none;
    }
    .homepage-v7-discount-collection-title2 {
        font-size: 20px;
        line-height: 20px;
    }
    .homepage-v7-discount-collection-title2 br {
        display: none;
    }
    .homepage-v7-discount-collection-images {
        height: calc(100% + 100px);
        width: 100%;
        text-align: left;
        position: unset;
    }
    .homepage-v7-discount-collection-images img {
        max-width: 70%;
    }
    .homepage-v7-latest-blog-images {
        height: 443px;
    }
    .homepage-v7-download-app-images {
        height: 466px;
        margin: 30px 0 0 0;
    }
    .homepage-v7-download-app-content {
        padding: 30px 0;
    }
    .newsletter-form-control {
        width: 100% !important;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .input-group-append {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .footer-to-top {
        right: 5%;
    }
    .p-t-120 {
        padding-top: 30px;
    }
    .p-y-120 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .p-b-120 {
        padding-bottom: 30px;
    }
    .p-b-75 {
        padding-bottom: 30px;
    }
    .p-y-80 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .p-y-60 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .homepage-v1-quickview .modal-dialog {
        max-width: 100%;
        margin: 30px;
    }
    .quickview-slider-img {
        height: 650px;
    }
    .quickview-slider-thumbal {
        height: 110px;
    }
    .quickview-product-title_01 {
        margin: 30px 0 0 0;
    }
}

@media (max-width: 480.98px) {
    .homev7-shop .megamenu-img {
        height: 225px;
    }
    .recently-added-product .card-img-top {
        height: 460px;
    }
    .homepage-v7-categories-images {
        height: 250px;
    }
    .homepage-v7-categories-images .homepage-v7-categories-images-x {
        height: 250px;
    }
    .homepage-v7-popular-products-shop-image {
        height: 366px;
    }
    .homepage-v7-popular-products-shop-image .homepage-v7-popular-products-shop-image-x {
        height: 366px;
    }
    .homepage-v7-latest-blog-images {
        height: 366px;
    }
    .homepage-v7-download-app-images {
        height: 385px;
    }
    .footer-widget-logo-7 {
        width: 100%;
    }
    .footer-widget-quicklinks-7 {
        width: 100%;
    }
    .footer-widget-ourinformation-7 {
        width: 100%;
    }
    .footer-widget-topcategories-7 {
        width: 100%;
    }
    .footer-widget-storeinformation-7 {
        width: 100%;
    }
    .footer-to-top {
        bottom: 12%;
        right: 7%;
    }
    .footer-to-top-img {
        width: 16px;
        height: 49px;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .quickview-slider-img {
        height: 500px;
    }
    .quickview-slider-thumbal {
        height: 87px;
    }
}

@media (max-width: 414.98px) {
    .homev7-shop .megamenu-img {
        height: 170px;
    }
    .header-v7 .navbar-brand {
        margin-right: 10px;
    }
    .homev7-search a {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .homev7-wishlist .homev7-nav-link {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .roundbgcolor-7 {
        margin: 8px 22px 8px 12px;
    }
    .homepage-v7-responsive-full-box {
        width: 50%;
    }
    .recently-added-product .card-img-top {
        height: 250px;
    }
    .homepage-v7-categories-images {
        height: 250px;
    }
    .homepage-v7-categories-images .homepage-v7-categories-images-x {
        height: 446px;
    }
    .homepage-v7-popular-products-tabnav .nav-item {
        width: 50%;
        text-align: center;
    }
    .homepage-v7-popular-products-nav-link {
        margin: 0 auto;
        font-size: 16px;
        padding: 4px 8px;
    }
    .homepage-v7-popular-products-shop-image {
        height: 308px;
    }
    .homepage-v7-popular-products-shop-image .homepage-v7-popular-products-shop-image-x {
        height: 308px;
    }
    .homepage-v7-latest-blog-images {
        height: 313px;
    }
    .homepage-v7-download-app-images {
        height: 330px;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .quickview-slider-img {
        height: 400px;
    }
    .quickview-slider-thumbal {
        height: 70px;
    }
}

@media (max-width: 375.98px) {
    .homev7-search a {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .homev7-wishlist .homev7-nav-link {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
    .roundbgcolor-7 {
        margin: 8px 20px 8px 7px;
    }
    .recently-added-product .card-img-top {
        height: 250px;
    }
    .homepage-v7-all-product-mobile {
        width: 100%;
    }
    .customer-logos-2 .slide {
        margin: 0 20px;
    }
    .homepage-v7-categories-images {
        height: 230px;
    }
    .homepage-v7-categories-images .homepage-v7-categories-images-x {
        height: 398px;
    }
    .homepage-v7-popular-products-shop-image {
        height: 274px;
    }
    .homepage-v7-popular-products-shop-image .homepage-v7-popular-products-shop-image-x {
        height: 274px;
    }
    .homepage-v7-latest-blog-images {
        height: 282px;
    }
    .homepage-v7-download-app-images {
        height: 297px;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .quickview-slider-img {
        height: 410px;
    }
    .quickview-slider-thumbal {
        height: 60px;
    }
}

@media (max-width: 360.98px) {
    .roundbgcolor-7 {
        margin: 8px 13px 8px 5px;
    }
    .recently-added-product .card-img-top {
        height: 250px;
    }
    .homepage-v7-categories-images {
        height: 250px;
    }
    .homepage-v7-popular-products-tabnav .nav-item {
        width: 100%;
    }
    .homepage-v7-popular-products-nav-link {
        margin: 0 auto;
    }
    .homepage-v7-popular-products-shop-image {
        height: 260px;
    }
    .homepage-v7-popular-products-shop-image .homepage-v7-popular-products-shop-image-x {
        height: 260px;
    }
    .homepage-v7-latest-blog-images {
        height: 270px;
    }
    .homepage-v7-download-app-images {
        height: 284px;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .quickview-slider-img {
        height: 320px;
    }
    .quickview-slider-thumbal {
        height: 56px;
    }
}

@media (max-width: 320.98px) {
    .homev7-shop .megamenu-img {
        height: 145px;
    }
    .recently-added-product .card-img-top {
        height: 460px;
    }
    .homepage-v7-categories-images {
        height: 331px;
    }
    .homepage-v7-categories-images .homepage-v7-categories-images-x {
        height: 331px;
    }
    .homepage-v7-popular-products-shop-image {
        height: 225px;
    }
    .homepage-v7-popular-products-shop-image .homepage-v7-popular-products-shop-image-x {
        height: 225px;
    }
    .homepage-v7-latest-blog-images {
        height: 238px;
    }
    .homepage-v7-download-app-images {
        height: 250px;
    }
    /*--------------------- Home Page v1 Quick View Responsive CSS ---------------------*/
    .homepage-v1-quickview .modal-dialog {
        max-width: 100%;
        margin: 20px;
    }
    .homepage-v1-quickview .modal-content {
        padding: 15px;
    }
    .quickview-slider-img {
        height: 300px;
    }
    .quickview-slider-thumbal {
        height: 54px;
    }
}


/*=========================================== Home Page v7 End CSS ===========================================*/


/*=========================================== About Page v1 Start CSS ===========================================*/


/*------------------------------ About Page v1 Breadcrumb CSS --------------------------------*/

.aboutpage-v1-breadcrumb {
    background-image: linear-gradient(var(--black-color-18), var(--black-color-18)), url('../images/aboutpage-v1-header-bg.jpg');
    padding: 200px 0 0 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    height: 500px;
}

.aboutpage-v1-innerpage-breadcrumb {
    justify-content: center;
    align-items: center;
    margin: 25px 0 0 0;
}

.aboutpage-v1-innerpage-breadcrumb .breadcrumb-item {
    padding-left: 0px;
    padding-right: 10px;
    font-family: 'Open Sans', sans-serif;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.aboutpage-v1-innerpage-breadcrumb .breadcrumb-item .link-active {
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    color: var(--white-color);
    font-family: 'Open Sans', sans-serif;
}

.aboutpage-v1-innerpage-breadcrumb .breadcrumb-item a {
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    color: var(--white-color);
    font-family: 'Open Sans', sans-serif;
}

.aboutpage-v1-innerpage-breadcrumb .breadcrumb-item.active {
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    color: var(--yellow-color-3);
    font-family: 'Open Sans', sans-serif;
}

.aboutpage-v1-innerpage-breadcrumb .breadcrumb-item::before {
    padding-right: 10px;
    color: var(--white-color);
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
}


/*------------------------------ About Page v1 Who Are We Welcome To Regalia CSS --------------------------------*/

.aboutpage-v1-whoarewe {
    position: relative;
}

.whoarewe-text-one {
    margin: 36px 0 31px 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color-2);
    line-height: 30px;
    font-family: 'Jost', sans-serif;
}

.whoarewe-text {
    margin: 0 0 36px 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    color: var(--black-color-2);
    line-height: 30px;
}

.whoarewe-point {
    margin: 18px 0 0 0;
    padding: 0;
}

.whoarewe-point li {
    padding: 0 0 0 20px;
    margin: 0 0 12px 0;
    position: relative;
    color: var(--black-color-2);
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
}

.whoarewe-point li:after {
    left: 0;
    top: 0px;
    color: var(--yellow-color-3);
    font-size: 12px;
    content: "\f111";
    font-weight: 400;
    position: absolute;
    font-family: "Font Awesome 5 Free";
}

.about-whoarewe-img-wrapper {
    margin: 0;
    padding: 0;
    width: 696px;
    height: 525px;
    overflow: hidden;
}


/*------------------------------ About Page v1 Count Area CSS --------------------------------*/

.aboutpage-v1-countarea {
    margin: 0;
    text-align: center;
}

.countarea-box1 {
    margin: 0;
    padding: 50px;
    background-color: var(--white-color);
}

.countarea-box1 .counting {
    margin: 10px 0 2px 0;
    padding: 0;
    font-size: 46px;
    font-weight: 700;
    color: var(--black-color);
}

.countarea-box1 .counting-text {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.countarea-box1 .fas {
    text-align: center;
    color: var(--pink-color);
    font-size: 60px;
}


/*------------------------------ About Page v1 Our Leaders Meet Our Team CSS --------------------------------*/

.our-leaders-meet-our-team {
    text-align: center;
    margin: 0;
}

.our-leaders-meet-our-team .two {
    visibility: hidden;
    opacity: 0;
}

.our-leaders-meet-our-team .our-leaders-meet-our-team-box {
    position: relative;
    margin: 0 0 24px 0;
    border-radius: 10px;
    height: 377px;
    overflow: hidden;
}

.our-leaders-meet-our-team .overlay,
.overlay-visible {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: var(--white-color);
    transition: padding .3s ease-out, background-color .3s, opacity .3s;
    padding-top: 0;
    background: var(--black-color-19);
    opacity: 0;
}

.our-leaders-meet-our-team .our-leaders-meet-our-team-box:hover .overlay {
    padding-top: 0;
    opacity: 1;
}

.our-leaders-meet-our-team .social-link {
    margin: 0 5px;
    width: 34px;
    height: 34px;
    font-size: 17px;
    border-radius: 50%;
    border: 2px solid var(--white-color);
    color: var(--white-color);
    transition: color .4s, border .4s, background .4s;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.our-leaders-meet-our-team .name {
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 700;
    color: var(--black-color-2);
    margin: 0;
    padding: 0;
}

.our-leaders-meet-our-team .job {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color-2);
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}


/*------------------------------ About Page v1 Our Clients Popular Brands CSS --------------------------------*/

.our-clients-popular-brands-slider .slick-list {
    margin: 0 -10px;
}

.brand-wrap1 {
    margin: 0 10px;
    padding: 0;
    border-radius: 10px;
}

.brand-wrap1 .our-clients-popular-brands-logo-img {
    padding: 25px;
    margin: 0;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
    height: 143px;
    max-width: 334px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-wrap1 img {
    filter: grayscale(100%);
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.brand-wrap1:hover img {
    filter: grayscale(0);
}


/*------------------------------ About Page v1 Happy Customer and Our Store CSS --------------------------------*/

.happycustomer-and-ourstore-box1 {
    margin-right: 28px;
}

.happycustomer-and-ourstore-box2 {
    margin-left: 28px;
}

.happycustomer-and-ourstore-text-one {
    margin: 36px 0 31px 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color-2);
    line-height: 30px;
    font-family: 'Jost', sans-serif;
}

.happycustomer-and-ourstore-text {
    margin: 0 0 36px 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    color: var(--black-color-2);
    line-height: 30px;
}

.spacing-happycustomer-and-ourstore {
    margin: 60px 0;
    display: block;
    width: 100%;
    clear: both;
}

.happycustomer-and-ourstore-img1 {
    position: relative;
    margin: 0;
    padding: 0;
    width: 760px;
    height: 490px;
    overflow: hidden;
}

.happycustomer-and-ourstore-img1 img {
    transition: transform .3s;
    margin: 0;
    padding: 0 0 5px 5px;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.happycustomer-and-ourstore-img1:hover img {
    transform: scale(1.08);
}

.happycustomer-and-ourstore-img1:before {
    content: "";
    width: 5px;
    height: 340px;
    background-color: var(--green-color-3);
    position: absolute;
    left: 0px;
    bottom: 0;
    z-index: 1;
}

.happycustomer-and-ourstore-img1:after {
    content: "";
    height: 5px;
    width: 500px;
    background-color: var(--green-color-3);
    position: absolute;
    left: 0px;
    bottom: 0;
    z-index: 1;
}

.happycustomer-and-ourstore-img2 {
    position: relative;
    margin: 0;
    padding: 0;
    width: 760px;
    height: 490px;
    overflow: hidden;
}

.happycustomer-and-ourstore-img2 img {
    transition: transform .3s;
    margin: 0;
    padding: 5px 5px 0 0;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.happycustomer-and-ourstore-img2:hover img {
    transform: scale(1.08);
}

.happycustomer-and-ourstore-img2:before {
    content: "";
    width: 5px;
    height: 340px;
    background-color: var(--green-color-3);
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 1;
}

.happycustomer-and-ourstore-img2:after {
    content: "";
    height: 5px;
    width: 500px;
    background-color: var(--green-color-3);
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 1;
}


/*------------------------------ About Page v1 Responsive CSS --------------------------------*/

@media (max-width: 1599.98px) {
    .happycustomer-and-ourstore-img1 {
        width: 726px;
        height: 470px;
    }
    .happycustomer-and-ourstore-img1:before {
        height: 300px;
    }
    .happycustomer-and-ourstore-img1:after {
        width: 460px;
    }
    .happycustomer-and-ourstore-img2 {
        width: 726px;
        height: 470px;
    }
    .happycustomer-and-ourstore-img2:before {
        height: 300px;
    }
    .happycustomer-and-ourstore-img2:after {
        width: 460px;
    }
}

@media (max-width: 1499.98px) {
    .about-whoarewe-img-wrapper {
        width: 650px;
        height: 490px;
    }
    .happycustomer-and-ourstore-img1 {
        width: 675px;
        height: 436px;
    }
    .happycustomer-and-ourstore-img1:before {
        height: 260px;
    }
    .happycustomer-and-ourstore-img1:after {
        width: 420px;
    }
    .happycustomer-and-ourstore-img2 {
        width: 675px;
        height: 436px;
    }
    .happycustomer-and-ourstore-img2:before {
        height: 260px;
    }
    .happycustomer-and-ourstore-img2:after {
        width: 420px;
    }
    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 327px;
    }
}

@media (max-width: 1399.98px) {
    .aboutpage-v1-breadcrumb {
        padding: 145px 0 0 0;
        height: 400px;
    }
    .about-whoarewe-img-wrapper {
        width: 545px;
        height: 411px;
    }
    .happycustomer-and-ourstore-img1 {
        width: 545px;
        height: 354px;
    }
    .happycustomer-and-ourstore-img1:before {
        height: 220px;
    }
    .happycustomer-and-ourstore-img1:after {
        width: 380px;
    }
    .happycustomer-and-ourstore-img2 {
        width: 545px;
        height: 354px;
    }
    .happycustomer-and-ourstore-img2:before {
        height: 220px;
    }
    .happycustomer-and-ourstore-img2:after {
        width: 380px;
    }
    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 262px;
    }
    .brand-wrap1 .our-clients-popular-brands-logo-img {
        height: 115px;
    }
}

@media (max-width: 1299.98px) {
    .aboutpage-v1-breadcrumb {
        padding: 112px 0 0 0;
        height: 300px;
    }
    .aboutpage-v1-innerpage-breadcrumb {
        margin: 15px 0 0 0;
    }
    .aboutpage-v1-innerpage-breadcrumb .breadcrumb-item .link-active {
        font-size: 16px;
    }
    .aboutpage-v1-innerpage-breadcrumb .breadcrumb-item a {
        font-size: 16px;
    }
    .aboutpage-v1-innerpage-breadcrumb .breadcrumb-item.active {
        font-size: 16px;
    }
    .common-innerpage-title {
        font-size: 30px;
    }
    .common-innerpage-label {
        font-size: 17px;
    }
    .common-small-title {
        font-size: 22px;
    }
    .whoarewe-text-one {
        margin: 25px 0 20px 0;
        font-size: 16px;
        line-height: 24px;
    }
    .whoarewe-text {
        margin: 0 0 25px 0;
        font-size: 14px;
        line-height: 24px;
    }
    .whoarewe-point {
        margin: 14px 0 0 0;
    }
    .whoarewe-point li {
        font-size: 15px;
    }
    .whoarewe-point li::after {
        font-size: 10px;
    }
    .countarea-box1 .fas {
        font-size: 50px;
    }
    .countarea-box1 .counting {
        margin: 8px 0 2px 0;
        font-size: 40px;
    }
    .countarea-box1 .counting-text {
        font-size: 14px;
    }
    .our-leaders-meet-our-team .name {
        font-size: 19px;
    }
    .our-leaders-meet-our-team .job {
        font-size: 15px;
    }
    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        margin: 0 0 15px 0;
    }
    .m-t-37 {
        margin-top: 25px;
    }
    .m-t-45 {
        margin-top: 25px;
    }
    .spacing-happycustomer-and-ourstore {
        margin: 70px 0 0 0;
    }
    .happycustomer-and-ourstore-text-one {
        margin: 25px 0 20px 0;
        font-size: 16px;
        line-height: 24px;
    }
    .happycustomer-and-ourstore-text {
        margin: 0 0 25px 0;
        font-size: 14px;
        line-height: 24px;
    }
}

@media (max-width: 1199.98px) {
    .about-whoarewe-img-wrapper {
        width: 455px;
        height: 344px;
    }
    .countarea-box1 {
        padding: 40px;
    }
    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 216px;
    }
    .brand-wrap1 .our-clients-popular-brands-logo-img {
        height: 90px;
        padding: 15px;
    }
    .happycustomer-and-ourstore-img1 {
        width: 455px;
        height: 295px;
    }
    .happycustomer-and-ourstore-img1:before {
        height: 180px;
    }
    .happycustomer-and-ourstore-img1:after {
        width: 340px;
    }
    .happycustomer-and-ourstore-img2 {
        width: 455px;
        height: 295px;
    }
    .happycustomer-and-ourstore-img2:before {
        height: 180px;
    }
    .happycustomer-and-ourstore-img2:after {
        width: 340px;
    }
}

@media (max-width: 992.98px) {
    .aboutpage-v1-breadcrumb {
        padding: 64px 0 0 0;
        height: 200px;
    }
}

@media (max-width: 991.98px) {
    .about-whoarewe-img-wrapper {
        width: 335px;
        height: 252px;
    }
    .countarea-box1 {
        padding: 20px;
    }
    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 336px;
    }
    .brand-wrap1 .our-clients-popular-brands-logo-img {
        height: 75px;
    }
    .happycustomer-and-ourstore-img1 {
        width: 335px;
        height: 220px;
    }
    .happycustomer-and-ourstore-img1:before {
        height: 140px;
    }
    .happycustomer-and-ourstore-img1:after {
        width: 240px;
    }
    .happycustomer-and-ourstore-img2 {
        width: 335px;
        height: 220px;
    }
    .happycustomer-and-ourstore-img2:before {
        height: 140px;
    }
    .happycustomer-and-ourstore-img2:after {
        width: 240px;
    }
    .mb-mobile-24 {
        margin-bottom: 24px;
    }
}

@media (max-width: 768.98px) {
    .common-innerpage-title {
        font-size: 22px;
    }
    .aboutpage-v1-innerpage-breadcrumb {
        margin: 10px 0 0 0;
    }
    .common-innerpage-label {
        font-size: 15px;
        margin: 0 0 5px 0;
    }
    .whoarewe-text-one {
        margin: 15px 0 10px 0;
        font-size: 15px;
        line-height: 22px;
    }
    .whoarewe-text {
        margin: 0 0 15px 0;
        line-height: 22px;
    }
    .common-small-title {
        font-size: 17px;
    }
    .whoarewe-point {
        margin: 10px 0 0 0;
    }
    .countarea-box1 .fas {
        font-size: 40px;
    }
    .countarea-box1 .counting {
        font-size: 26px;
    }
    .our-leaders-meet-our-team .name {
        font-size: 16px;
    }
    .our-leaders-meet-our-team .job {
        font-size: 14px;
    }
    .happycustomer-and-ourstore-text-one {
        margin: 15px 0 10px 0;
        font-size: 15px;
        line-height: 22px;
    }
    .happycustomer-and-ourstore-text {
        margin: 0 0 15px 0;
        line-height: 22px;
    }
}

@media (max-width: 767.98px) {
    .about-whoarewe-img-wrapper {
        width: 100%;
        height: 389px;
    }
    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 246px;
        border-radius: 0.5rem;
    }
    .happycustomer-and-ourstore-box1 {
        margin-right: 0;
    }
    .happycustomer-and-ourstore-img1 {
        width: 100%;
        height: 334px;
        margin-bottom: 20px;
    }
    .happycustomer-and-ourstore-box2 {
        margin-left: 0;
    }
    .happycustomer-and-ourstore-img2 {
        width: 100%;
        height: 334px;
        margin-bottom: 20px;
    }
    .brand-wrap1 {
        border-radius: 5px;
    }
}

@media (max-width: 575.98px) {
    .aboutpage-v1-breadcrumb {
        padding: 46px 0 0 0;
        height: 150px;
    }
    .about-whoarewe-img-wrapper {
        height: 416px;
    }
    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 264px;
    }
    .spacing-happycustomer-and-ourstore {
        margin: 30px 0 0 0;
    }
    .happycustomer-and-ourstore-img1 {
        height: 357px;
    }
    .happycustomer-and-ourstore-img2 {
        height: 357px;
    }
}

@media (max-width: 480.98px) {
    .aboutpage-v1-breadcrumb {
        padding: 50px 0 0 0;
        height: 150px;
    }
    .about-whoarewe-img-wrapper {
        height: 344px;
    }
    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 216px;
    }
    .happycustomer-and-ourstore-img1 {
        height: 295px;
    }
    .happycustomer-and-ourstore-img2 {
        height: 295px;
    }
    .m-t-37 {
        margin-top: 15px;
    }
    .m-t-45 {
        margin-top: 15px;
    }
}

@media (max-width: 414.98px) {
    .about-whoarewe-img-wrapper {
        height: 295px;
    }
    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 390px;
    }
    .happycustomer-and-ourstore-img1 {
        height: 253px;
    }
    .happycustomer-and-ourstore-img1::before {
        height: 100px;
    }
    .happycustomer-and-ourstore-img1::after {
        width: 200px;
    }
    .happycustomer-and-ourstore-img2 {
        height: 253px;
    }
    .happycustomer-and-ourstore-img2::before {
        height: 100px;
    }
    .happycustomer-and-ourstore-img2::after {
        width: 200px;
    }
}

@media (max-width: 375.98px) {
    .about-whoarewe-img-wrapper {
        height: 264px;
    }
    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 350px;
    }
    .happycustomer-and-ourstore-img1 {
        height: 228px;
    }
    .happycustomer-and-ourstore-img2 {
        height: 228px;
    }
}

@media (max-width: 360.98px) {
    .about-whoarewe-img-wrapper {
        height: 253px;
    }
    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 336px;
    }
    .happycustomer-and-ourstore-img1 {
        height: 218px;
    }
    .happycustomer-and-ourstore-img2 {
        height: 218px;
    }
}

@media (max-width: 320.98px) {
    .aboutpage-v1-breadcrumb {
        padding: 35px 0;
        height: 120px;
    }
    .about-whoarewe-img-wrapper {
        height: 223px;
    }
    .our-leaders-meet-our-team .our-leaders-meet-our-team-box {
        height: 296px;
    }
    .happycustomer-and-ourstore-img1 {
        height: 192px;
    }
    .happycustomer-and-ourstore-img2 {
        height: 192px;
    }
}


/*=========================================== About Page v1 End CSS ===========================================*/


/*=========================================== About Page v2 Start CSS ===========================================*/


/*------------------------------ About Page v2 Breadcrumb CSS --------------------------------*/

.aboutpage-v2-breadcrumb {
    background-color: var(--light-white-color);
    padding: 0;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 101px;
}

.aboutpage-v2-innerpage-breadcrumb {
    margin: 0;
    justify-content: flex-start;
    align-items: center;
}

.aboutpage-v2-innerpage-breadcrumb .breadcrumb-item {
    padding-right: 10px;
    padding-left: 0;
    font-family: 'Open Sans', sans-serif;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.aboutpage-v2-innerpage-breadcrumb .breadcrumb-item:first-of-type {
    padding-left: 0px;
}

.aboutpage-v2-innerpage-breadcrumb .breadcrumb-item .link-active {
    opacity: 0.6;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    color: var(--dark-color-2);
    font-family: 'Open Sans', sans-serif;
}

.aboutpage-v2-innerpage-breadcrumb .breadcrumb-item a {
    opacity: 0.6;
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    color: var(--black-color-21);
    font-family: 'Open Sans', sans-serif;
}

.aboutpage-v2-innerpage-breadcrumb .breadcrumb-item.active {
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    color: var(--black-color-6);
    font-family: 'Open Sans', sans-serif;
}

.aboutpage-v2-innerpage-breadcrumb .breadcrumb-item::before {
    opacity: 0.6;
    margin: 0;
    padding-right: 10px;
    color: var(--black-color-21);
    content: var(--bs-breadcrumb-divider, "\f111");
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 5px;
}

.aboutpage-v2-innerpage-breadcrumb .breadcrumb-item:first-of-type::before {
    content: var(--bs-breadcrumb-divider, "");
    display: none;
}


/*------------------------------ About Page v2 Our Story CSS --------------------------------*/

.our-story-detail {
    margin: 150px 0 0 0;
    padding: 100px 66px 84px 70px;
    background-color: var(--white-color);
    width: 532px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
}

.our-story-text-one {
    margin: 27px 0 0 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color-2);
    line-height: 30px;
    font-family: 'Jost', sans-serif;
}

.our-story-text {
    margin: 33px 0 0 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    color: var(--black-color-2);
    line-height: 30px;
}

.our-story-img {
    margin: 0;
    padding: 0;
    width: 644px;
    height: 795px;
    overflow: hidden;
}

.our-story-detail-main {
    position: relative;
    z-index: 1;
}

.our-story-img-main {
    position: relative;
    z-index: 0;
}

.our-vision-mission.mt-vision {
    margin-top: 125px;
}

.our-vision-mission.mt-mission {
    margin-top: 68px;
}

.our-vision-mission {
    margin: 0 0 0 70px;
    padding: 0;
}

.our-story-point {
    margin: 21px 0 0 0;
    padding: 0;
}

.our-story-point li {
    padding: 0 0 17px 20px;
    margin: 0 0 14px 0;
    position: relative;
    color: var(--black-color-2);
    font-size: 18px;
    font-weight: 400;
    line-height: 17px;
    border-bottom: 1px solid var(--gray-color-27);
}

.our-story-point li:after {
    left: 0;
    top: 0px;
    color: var(--yellow-color-3);
    font-size: 6px;
    content: "\f45c";
    font-weight: 900;
    position: absolute;
    font-family: "Font Awesome 5 Free";
}

.our-story-point li:last-child {
    border: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}


/*------------------------------ About Page v2 Why Choose Us CSS --------------------------------*/

.aboutpage-v2-why-choose-us {
    position: relative;
}

.why-choose-us-bg-wrap {
    position: relative;
}

.why-choose-us-img-main {
    height: 838px;
    overflow: hidden;
}

.why-choose-us-detail-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.why-choose-us-detail {
    margin: 0;
    padding: 114px 0 120px 88px;
}

.why-choose-us-box:nth-child(2) {
    margin-top: 45px;
}

.why-choose-us-box {
    margin: 0 0 10px 0;
    padding: 40px 40px 35px 40px;
    background-color: var(--white-color);
    display: flex;
}

.why-choose-us-box:last-child {
    margin-bottom: 0px;
}

.why-choose-us-icon {
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.why-choose-us-icon i {
    margin: 0;
    padding: 10px;
    width: 60px;
    height: 60px;
    background-color: var(--green-color-3);
    border-radius: 10px;
    font-size: 30px;
    color: var(--white-color);
    line-height: 40px;
}

.why-choose-us-content {
    margin: 0 0 0 18px;
    padding: 0;
}

.why-choose-us-title {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 30px;
    color: var(--black-color);
}

.why-choose-us-sub-desc {
    margin: 3px 0 0 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    color: var(--black-color);
    line-height: 26px;
    font-family: 'Open Sans', sans-serif;
}


/*------------------------------ About Page v2 Meet Our Leaders CSS --------------------------------*/

.meet-our-leaders-img {
    margin: 0 auto;
    padding: 0;
    width: 260px;
    height: 260px;
    overflow: hidden;
    border-radius: 100%;
}

.meet-our-leaders-content {
    margin: 16px 0 0 0;
    padding: 0;
}

.meet-our-leaders-content-title {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
    color: var(--black-color-2);
}

.meet-our-leaders-content-sub-desc {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color-2);
    font-family: 'Open Sans', sans-serif;
    display: block;
}

.meet-our-leaders-content-social-links {
    margin: 10px 0 0 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.meet-our-leaders-content-social-links .social-link {
    margin: 0 10px;
    padding: 0;
    font-size: 14px;
    color: var(--black-color-2);
}

.meet-our-leaders-single:hover .meet-our-leaders-content-social-links {
    opacity: 1;
}


/*------------------------------ About Page v2 Our Clients Say CSS --------------------------------*/

.our-clients-say-slidermain {
    margin: 45px 47px 0 47px;
    padding: 55px 130px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.ourclientssayslider-navholdercustom {
    position: relative;
}

.ourclientssayslider-navbtnprev {
    cursor: pointer;
    font-size: 40px;
    color: var(--white-color);
    overflow: hidden;
    width: 92px;
    height: 93px;
    position: absolute;
    background-color: var(--pink-color);
    z-index: 1;
    bottom: 278px;
    left: -176px;
}

.ourclientssayslider-navbtnnext {
    cursor: pointer;
    font-size: 40px;
    color: var(--white-color);
    overflow: hidden;
    width: 92px;
    height: 93px;
    position: absolute;
    background-color: var(--pink-color);
    z-index: 1;
    bottom: 278px;
    right: -176px;
}

.ourclientssayslider-navbtnbig .fas {
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
    padding: 26px 34px;
}

.ourclientssayslider-navbtnbig:hover .fas {
    opacity: 0.4;
    transform: scale(0.9);
}

.our-clients-say-img {
    margin: 0;
    padding: 0;
    height: 637px;
    overflow: hidden;
}

.our-clients-say-text {
    margin: 0;
    padding: 140px 110px 0px 154px;
    position: relative;
}

.our-clients-say-text::before {
    content: "";
    width: 90px;
    height: 74px;
    position: absolute;
    left: 25px;
    top: 104px;
    background: url('../images/our-clients-say-slider-quote-left-img.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.our-clients-say-text:after {
    content: "";
    width: 90px;
    height: 74px;
    position: absolute;
    right: 0;
    bottom: -20px;
    background: url('../images/our-clients-say-slider-quote-right-img.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.our-clients-say-description {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 20px;
    color: var(--black-color-2);
    line-height: 42px;
    font-family: 'Open Sans', sans-serif;
}

.our-clients-say-name {
    margin: 0;
    padding: 72px 0 0 155px;
}

.our-clients-say-title {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 34px;
    color: var(--pink-color);
}

.our-clients-say-sub-desc {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 24px;
    color: var(--white-color-1);
    font-family: 'Open Sans', sans-serif;
}


/*------------------------------ About Page v2 Our Brand Logo CSS --------------------------------*/

.aboutpage-v2-our-brand-logo {
    margin: 0 45px !important;
}


/*------------------------------ About Page v2 Our Stores CSS --------------------------------*/

.our-stores {
    position: relative;
    background: none;
    border-radius: 10px;
    box-shadow: 0px 0px 25px 0px var(--gray-color-3);
    overflow: hidden;
    text-align: center;
    margin: 0;
    padding: 0;
}

.our-stores .banner-radius {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: 377px;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.our-stores .banner-radius:hover .overlay-visible {
    background: var(--pink-color-3);
    padding-bottom: 95px;
}

.our-stores .banner-radius:hover .overlay {
    padding-top: 31px;
    opacity: 1;
}

.our-stores .overlay-visible {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--white-color);
    letter-spacing: -0.025em;
    text-transform: uppercase;
    opacity: 1;
    background: none;
}

.our-stores .overlay-transparent {
    background: transparent;
}

.our-stores .overlay {
    padding-top: 10rem;
    opacity: 0;
}

.our-stores .overlay,
.our-stores .overlay-visible {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: var(--white-color);
    transition: padding 0.3s ease-out, background-color 0.3s, opacity 0.3s;
}

.our-stores .overlay .social-links {
    justify-content: center;
}

.our-stores .social-links {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}

.our-stores .contact-details {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: var(--white-color);
    font-family: 'Open Sans', sans-serif;
    line-height: 24px;
}

.our-stores .social-link {
    margin: 6px 10px 0 10px;
    font-size: 18px;
    color: var(--white-color);
    transition: color 0.4s;
    text-align: center;
}


/*------------------------------ About Page v2 Responsive CSS --------------------------------*/

@media (max-width: 1599.98px) {
    .our-story-img {
        width: 600px;
        height: 740px;
    }
    .our-story-detail {
        margin: 120px 0 0 0;
    }
    .why-choose-us-detail {
        padding: 114px 0 120px 60px;
    }
    .our-clients-say-img {
        height: 612px;
    }
    .our-stores .banner-radius {
        height: 351px;
    }
    .our-vision-mission.mt-vision {
        margin-top: 110px;
    }
    .our-vision-mission.mt-mission {
        margin-top: 50px;
    }
}

@media (max-width: 1499.98px) {
    .our-story-detail {
        padding: 90px 56px 74px 60px;
        width: 500px;
        margin: 85px 0 0 0;
    }
    .our-story-img {
        width: 530px;
        height: 654px;
    }
    .our-vision-mission {
        margin-left: 60px;
    }
    .our-vision-mission.mt-vision {
        margin-top: 80px;
    }
    .our-vision-mission.mt-mission {
        margin-top: 40px;
    }
    .why-choose-us-detail {
        padding: 80px 0 120px 50px;
    }
    .our-clients-say-img {
        height: 556px;
    }
    .our-clients-say-text {
        padding: 90px 90px 0px 136px;
    }
    .our-clients-say-slidermain {
        margin: 40px 42px 0 42px;
        padding: 40px 100px;
    }
    .our-clients-say-name {
        padding: 35px 0 0 136px;
    }
    .ourclientssayslider-navbtnprev {
        left: -144px;
        bottom: 236px;
        width: 82px;
        height: 83px;
    }
    .ourclientssayslider-navbtnnext {
        right: -144px;
        bottom: 236px;
        width: 82px;
        height: 83px;
    }
    .ourclientssayslider-navbtnbig .fas {
        padding: 21px 29px;
    }
    .our-clients-say-text::before {
        width: 80px;
        height: 65px;
    }
    .our-clients-say-text::after {
        width: 80px;
        height: 65px;
    }
    .our-stores .banner-radius {
        height: 326px;
    }
}

@media (max-width: 1399.98px) {
    .our-story-detail {
        padding: 60px 30px 54px 30px;
        width: 430px;
        margin: 70px 0 0 0;
    }
    .our-story-img {
        width: 470px;
        height: 580px;
    }
    .our-vision-mission.mt-vision {
        margin-top: 50px;
    }
    .our-vision-mission.mt-mission {
        margin-top: 25px;
    }
    .our-vision-mission {
        margin-left: 30px;
    }
    .why-choose-us-detail {
        padding: 70px 0 80px 40px;
    }
    .why-choose-us-box {
        padding: 35px 35px 30px 35px;
    }
    .meet-our-leaders-img {
        width: 230px;
        height: 230px;
    }
    .our-clients-say-img {
        height: 448px;
    }
    .our-clients-say-slidermain {
        margin: 40px 42px 0 42px;
        padding: 30px 80px;
    }
    .our-clients-say-text {
        padding: 40px 25px 0px 80px;
    }
    .our-clients-say-name {
        padding: 20px 0 0 80px;
    }
    .our-clients-say-text::before {
        width: 60px;
        height: 49px;
        left: 0;
        top: 15px;
    }
    .our-clients-say-text::after {
        width: 60px;
        height: 49px;
        right: 0;
    }
    .ourclientssayslider-navbtnprev {
        left: -110px;
        bottom: 215px;
        width: 62px;
        height: 63px;
        font-size: 30px;
    }
    .ourclientssayslider-navbtnnext {
        right: -110px;
        bottom: 215px;
        width: 62px;
        height: 63px;
        font-size: 30px;
    }
    .ourclientssayslider-navbtnbig .fas {
        padding: 16px 22px;
    }
    .our-stores .banner-radius {
        height: 262px;
    }
}

@media (max-width: 1299.98px) {
    .our-story-text-one {
        margin: 17px 0 0 0;
        font-size: 16px;
        line-height: 24px;
    }
    .our-story-text {
        margin: 20px 0 0 0;
        font-size: 14px;
        line-height: 24px;
    }
    .our-story-detail {
        padding: 40px 30px;
        width: 400px;
        margin: 65px 0 0 0;
    }
    .our-story-img {
        width: 370px;
        height: 456px;
    }
    .our-vision-mission {
        margin-left: 30px;
    }
    .our-vision-mission.mt-vision {
        margin-top: 55px;
    }
    .our-vision-mission.mt-mission {
        margin-top: 25px;
    }
    .our-story-point {
        margin: 12px 0 0 0;
    }
    .our-story-point li {
        padding: 0 0 12px 20px;
        margin: 0 0 10px 0;
        font-size: 15px;
        line-height: 15px;
    }
    .why-choose-us-box:nth-child(2) {
        margin-top: 25px;
    }
    .why-choose-us-box {
        padding: 25px;
    }
    .why-choose-us-title {
        font-size: 22px;
    }
    .why-choose-us-sub-desc {
        margin: 3px 0 0 0;
        font-size: 14px;
        line-height: 24px;
    }
    .why-choose-us-icon i {
        padding: 10px;
        width: 44px;
        height: 44px;
        font-size: 22px;
        line-height: 24px;
    }
    .why-choose-us-img-main {
        height: 650px;
    }
    .meet-our-leaders-img {
        width: 210px;
        height: 210px;
    }
    .meet-our-leaders-content-title {
        font-size: 16px;
    }
    .meet-our-leaders-content-sub-desc {
        font-size: 14px;
    }
    .aboutpage-v2-our-brand-logo {
        margin: 0 25px !important;
    }
    .our-clients-say-slidermain {
        margin: 25px 25px 0 25px;
        padding: 30px 50px;
    }
    .our-clients-say-img {
        height: 524px;
    }
    .our-clients-say-text {
        padding: 140px 70px 0px 80px;
    }
    .our-clients-say-description {
        font-size: 15px;
        line-height: 28px;
    }
    .our-clients-say-name {
        padding: 40px 0 0 80px;
    }
    .our-clients-say-title {
        font-size: 17px;
    }
    .our-clients-say-sub-desc {
        font-size: 14px;
    }
    .our-clients-say-text::before {
        top: 120px;
    }
    .ourclientssayslider-navbtnprev {
        left: -80px;
        bottom: 220px;
        width: 44px;
        height: 44px;
        font-size: 24px;
    }
    .ourclientssayslider-navbtnnext {
        right: -80px;
        bottom: 220px;
        width: 44px;
        height: 44px;
        font-size: 24px;
    }
    .ourclientssayslider-navbtnbig .fas {
        padding: 10px 14px;
    }
}

@media (max-width: 1199.98px) {
    .why-choose-us-detail {
        padding: 70px 0 80px 30px;
    }
    .why-choose-us-img-main {
        height: 680px;
    }
    .our-clients-say-img {
        height: 424px;
    }
    .our-clients-say-text {
        padding: 85px 70px 0px 80px;
    }
    .our-clients-say-text::before {
        top: 65px;
    }
    .ourclientssayslider-navbtnprev {
        bottom: 190px;
    }
    .ourclientssayslider-navbtnnext {
        bottom: 190px;
    }
    .our-stores .banner-radius {
        height: 216px;
    }
}

@media (max-width: 1024.98px) {
    .our-story-detail {
        padding: 30px 25px;
        width: 350px;
        margin: 50px 0 0 0;
    }
    .our-story-img {
        width: 340px;
        height: 420px;
    }
    .our-vision-mission.mt-vision {
        margin-top: 30px;
    }
    .our-clients-say-text::before {
        width: 50px;
        height: 41px;
    }
    .our-clients-say-text::after {
        width: 50px;
        height: 41px;
    }
}

@media (max-width: 991.98px) {
    .our-story-detail {
        padding: 20px;
        width: 270px;
        margin: 22px 0 0 0;
    }
    .our-story-img {
        width: 250px;
        height: 420px;
    }
    .our-vision-mission.mt-vision {
        margin-top: 10px;
    }
    .our-vision-mission {
        margin-left: 0;
    }
    .our-vision-mission.mt-mission {
        margin-top: 20px;
    }
    .why-choose-us-detail {
        padding: 70px 0 70px 0px;
    }
    .why-choose-us-box {
        padding: 20px;
    }
    .why-choose-us-content {
        margin: 0 0 0 14px;
    }
    .why-choose-us-img-main {
        height: 770px;
    }
    .our-clients-say-img {
        height: 320px;
    }
    .our-clients-say-text {
        padding: 25px 35px 0px 35px;
    }
    .our-clients-say-text::before {
        width: 30px;
        height: 24px;
        top: 0;
    }
    .our-clients-say-text::after {
        width: 30px;
        height: 24px;
    }
    .our-clients-say-name {
        padding: 15px 0 0 35px;
    }
    .ourclientssayslider-navbtnprev {
        bottom: 144px;
    }
    .ourclientssayslider-navbtnnext {
        bottom: 144px;
    }
    .our-stores .banner-radius {
        height: 336px;
    }
}

@media (max-width: 768.98px) {
    .our-vision-mission.mt-vision {
        margin-top: 22px;
    }
    .our-story-text-one {
        margin: 15px 0 0 0;
        font-size: 15px;
        line-height: 22px;
    }
    .our-story-text {
        margin: 15px 0 0 0;
        line-height: 22px;
    }
    .our-story-img {
        width: 240px;
        height: 364px;
    }
    .our-vision-mission.mt-vision {
        margin-top: 15px;
    }
    .our-story-point li {
        padding: 0 0 10px 20px;
        margin: 0 0 8px 0;
        font-size: 14px;
        line-height: 14px;
    }
    .why-choose-us-box:nth-child(2) {
        margin-top: 25px;
    }
    .why-choose-us-icon i {
        padding: 10px;
        width: 40px;
        height: 40px;
        font-size: 18px;
        line-height: 18px;
    }
    .why-choose-us-content {
        margin: 0 0 0 10px;
    }
    .why-choose-us-title {
        font-size: 16px;
    }
    .why-choose-us-sub-desc {
        margin: 3px 0 0 0;
        font-size: 14px;
        line-height: 21px;
    }
    .why-choose-us-img-main {
        height: 624px;
    }
    .our-clients-say-text {
        padding: 35px 35px 0px 35px;
    }
    .our-clients-say-text::before {
        top: 25px;
    }
    .our-clients-say-name {
        padding: 25px 0 0 35px;
    }
    .our-clients-say-img {
        height: 290px;
    }
    .our-clients-say-title {
        font-size: 15px;
    }
    .our-clients-say-sub-desc {
        font-size: 14px;
    }
    .ourclientssayslider-navbtnprev {
        left: -64px;
        bottom: 140px;
        width: 30px;
        height: 30px;
        font-size: 18px;
    }
    .ourclientssayslider-navbtnnext {
        right: -64px;
        bottom: 140px;
        width: 30px;
        height: 30px;
        font-size: 18px;
    }
    .ourclientssayslider-navbtnbig .fas {
        padding: 6px 8px;
    }
    .our-stores .overlay-visible {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .our-story-detail {
        padding: 20px;
        width: 100%;
        margin: 0;
    }
    .our-story-img {
        width: 100%;
        height: 636px;
        margin-top: 15px;
    }
    .our-vision-mission.mt-mission {
        margin-top: 15px;
    }
    .why-choose-us-img-main {
        height: 668px;
    }
    .why-choose-us-detail-main {
        position: relative;
        background-color: var(--dark-white-color);
    }
    .our-clients-say-slidermain {
        margin: 25px 15px 0 15px;
        padding: 20px;
    }
    .our-clients-say-text {
        padding: 20px 20px 0px 20px;
    }
    .our-clients-say-text::before {
        top: 0;
        width: 25px;
        height: 20px;
    }
    .our-clients-say-text::after {
        bottom: 0;
        width: 25px;
        height: 20px;
    }
    .our-clients-say-name {
        padding: 15px 0 0 20px;
    }
    .our-clients-say-img {
        height: 300px;
    }
    .ourclientssayslider-navbtnprev {
        left: -36px;
    }
    .ourclientssayslider-navbtnnext {
        right: -36px;
    }
    .our-stores .banner-radius {
        height: 246px;
    }
}

@media (max-width: 575.98px) {
    .our-story-img {
        height: 680px;
    }
    .why-choose-us-img-main {
        height: 500px;
    }
    .why-choose-us-detail {
        padding: 30px 0;
    }
    .our-stores .banner-radius:hover .overlay-visible {
        padding-bottom: 74px;
    }
    .our-clients-say-img {
        height: 640px;
        margin-bottom: 15px;
    }
    .ourclientssayslider-navbtnprev {
        bottom: 450px;
    }
    .ourclientssayslider-navbtnnext {
        bottom: 450px;
    }
    .our-clients-say-text {
        padding: 20px 30px 0px 30px;
    }
    .our-clients-say-name {
        padding: 15px 0 0 30px;
    }
    .our-stores .banner-radius {
        height: 262px;
    }
}

@media (max-width: 480.98px) {
    .our-story-img {
        height: 560px;
    }
    .why-choose-us-img-main {
        height: 418px;
    }
    .why-choose-us-box:nth-child(2) {
        margin-top: 15px;
    }
    .meet-our-leaders-img {
        width: 180px;
        height: 180px;
    }
    .our-clients-say-slidermain {
        margin: 15px 15px 0 15px;
        padding: 20px;
    }
    .our-clients-say-img {
        height: 520px;
    }
    .our-stores .banner-radius {
        height: 216px;
    }
}

@media (max-width: 414.98px) {
    .our-story-img {
        height: 480px;
    }
    .why-choose-us-img-main {
        height: 360px;
    }
    .our-clients-say-img {
        height: 380px;
    }
    .ourclientssayslider-navbtnprev {
        bottom: 350px;
    }
    .ourclientssayslider-navbtnnext {
        bottom: 350px;
    }
    .our-stores .banner-radius {
        height: 390px;
    }
}

@media (max-width: 375.98px) {
    .our-story-img {
        height: 430px;
    }
    .why-choose-us-img-main {
        height: 326px;
    }
    .meet-our-leaders-img {
        width: 150px;
        height: 150px;
    }
    .our-clients-say-img {
        height: 328px;
    }
    .our-stores .banner-radius {
        height: 350px;
    }
}

@media (max-width: 360.98px) {
    .our-story-img {
        height: 414px;
    }
    .why-choose-us-img-main {
        height: 314px;
    }
    .our-stores .banner-radius:hover .overlay-visible {
        padding-bottom: 70px;
    }
    .our-clients-say-img {
        height: 310px;
    }
    .our-stores .banner-radius {
        height: 336px;
    }
}

@media (max-width: 320.98px) {
    .our-story-img {
        height: 364px;
    }
    .why-choose-us-img-main {
        height: 278px;
    }
    .meet-our-leaders-img {
        width: 130px;
        height: 130px;
    }
    .our-clients-say-img {
        height: 250px;
    }
    .our-stores .banner-radius {
        height: 296px;
    }
}


/*=========================================== About Page v2 End CSS ===========================================*/


/*=========================================== FAQ Page Start CSS ===========================================*/


/*------------------------------ FAQ Page Details CSS --------------------------------*/

.custom-accordion-faq {
    margin: 30px 0 0 0;
    padding: 0;
}

.custom-accordion-faq .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.custom-accordion-faq .accordion-item {
    background-color: none;
    border: none;
    margin: 0 0 10px 0;
    padding: 0;
}

.custom-accordion-faq .accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin: 0;
    padding: 0;
}

.custom-accordion-faq .accordion-item:not(:first-of-type) {
    border-top: 0;
}

.custom-accordion-faq .accordion-item .accordion-header {
    margin: 0;
    background: none;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    outline: none;
}

.custom-accordion-faq .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.custom-accordion-faq .accordion-item .accordion-button:not(.collapsed) {
    padding: 22px 30px;
    font-size: 20px;
    color: var(--black-color-2);
    font-weight: 500;
    background-color: var(--gray-color-4);
    border-radius: 10px;
    border: none;
    box-shadow: none;
    outline: none;
}

.custom-accordion-faq .accordion-item .accordion-button {
    margin: 0;
    padding: 22px 30px;
    font-size: 20px;
    color: var(--black-color-15);
    font-weight: 500;
    background-color: var(--gray-color-4);
    border-radius: 10px;
    border: none;
    box-shadow: none;
    outline: none;
}

.custom-accordion-faq .accordion-item .accordion-button .number-title {
    margin: 0 7px 0 0;
    padding: 0;
}

.custom-accordion-faq .accordion-item .accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg);
    background-image: none;
}

.custom-accordion-faq .accordion-item .accordion-button::after {
    flex-shrink: 0;
    margin-left: auto;
    content: "\f078";
    transition: transform .2s ease-in-out;
    background-image: none;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: auto;
    height: auto;
}

.custom-accordion-faq .accordion-item .accordion-body {
    margin: 0;
    padding: 24px 30px 26px 30px;
    font-size: 16px;
    color: var(--black-color-2);
    font-weight: 400;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
}


/*------------------------------ FAQ Page If You Have Further Questions CSS --------------------------------*/

.if-you-have-further-questions {
    margin: 0;
    padding: 38px 0;
    background-image: url('../images/if-you-have-further-questions-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.ifyouhavefurtherquestions-text {
    margin: 0;
    padding: 0 156px 0 0;
}

.title-1-faq {
    margin: 0 0 6px 0;
    padding: 0;
    font-size: 36px;
    color: var(--white-color);
    font-weight: 900;
}

.sub-desc-1-faq {
    margin: 0 0 0 0;
    padding: 0;
    font-size: 22px;
    color: var(--white-color);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.ifyouhavefurtherquestions-btn {
    margin: 0;
    padding: 0;
}


/*------------------------------ FAQ Page Responsive CSS --------------------------------*/

@media (max-width: 1399.98px) {
    .ifyouhavefurtherquestions-text {
        padding: 0 80px 0 105px;
    }
}

@media (max-width: 1299.98px) {
    .common-subtitle-desc2 {
        margin: 20px 0 9px 0;
        font-size: 15px;
        line-height: 26px;
    }
    .p-t-73 {
        padding-top: 43px;
    }
    .custom-accordion-faq .accordion-item .accordion-button:not(.collapsed) {
        padding: 16px 24px;
        font-size: 16px;
    }
    .custom-accordion-faq .accordion-item .accordion-body {
        padding: 18px 24px 18px 24px;
        font-size: 14px;
        line-height: 24px;
    }
    .custom-accordion-faq .accordion-item .accordion-button {
        padding: 16px 24px;
        font-size: 16px;
    }
    .custom-accordion-faq {
        margin: 25px 0 0 0;
    }
    .title-1-faq {
        margin: 0 0 6px 0;
        font-size: 22px;
    }
    .sub-desc-1-faq {
        font-size: 15px;
    }
    .common-btn4-hover {
        padding: 17px 39px;
    }
    .ifyouhavefurtherquestions-text {
        padding: 0 200px 0 80px;
    }
}

@media (max-width: 1199.98px) {
    .ifyouhavefurtherquestions-text {
        padding: 0 180px 0 90px;
    }
}

@media (max-width: 1024.98px) {
    .ifyouhavefurtherquestions-text {
        padding: 0 150px 0 120px;
    }
}

@media (max-width: 991.98px) {
    .ifyouhavefurtherquestions-text {
        padding: 0 68px 0 50px;
    }
}

@media (max-width: 768.98px) {
    .common-subtitle-desc2 {
        margin: 15px 0 5px 0;
        font-size: 14px;
        line-height: 24px;
    }
    .p-t-73 {
        padding-top: 35px;
    }
    .custom-accordion-faq .accordion-item .accordion-button:not(.collapsed) {
        padding: 14px 14px;
        border-radius: 5px;
    }
    .custom-accordion-faq .accordion-item .accordion-button {
        padding: 14px 14px;
        border-radius: 5px;
    }
    .custom-accordion-faq {
        margin: 15px 0 0 0;
    }
    .if-you-have-further-questions {
        padding: 30px 0;
    }
    .title-1-faq {
        margin: 0 0 3px 0;
        font-size: 18px;
    }
    .ifyouhavefurtherquestions-text {
        padding: 0 120px 0 50px;
    }
    .common-btn4-hover {
        padding: 13px 30px;
        font-size: 15px;
    }
    .common-btn4-hover i {
        font-size: 17px;
    }
}

@media (max-width: 767.98px) {
    .ifyouhavefurtherquestions-text {
        padding: 0;
    }
}

@media (max-width: 575.98px) {
    .ifyouhavefurtherquestions-text {
        text-align: center;
        float: none !important;
        padding: 0 0 20px 0;
    }
    .ifyouhavefurtherquestions-btn {
        text-align: center;
        float: none !important;
    }
}

@media (max-width: 480.98px) {
    .p-t-73 {
        padding-top: 20px;
    }
    .if-you-have-further-questions {
        padding: 20px 0;
    }
}


/*=========================================== FAQ Page End CSS ===========================================*/


/*=========================================== Contact Us Page v1 Start CSS ===========================================*/


/*------------------------------ Contact Us Page v1 Get In Touch CSS --------------------------------*/

.get-in-touch-text-one {
    margin: 32px 0 11px 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color-2);
    line-height: 30px;
    font-family: 'Jost', sans-serif;
}

.get-in-touch-text {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    color: var(--black-color-2);
    line-height: 30px;
}


/*------------------------------ Contact Us Page v1 Contact Information CSS --------------------------------*/

.icon-content-border-box-01 {
    margin: 0;
    padding: 58px;
    border: 2px solid var(--gray-color-4);
    height: 100%;
}

.icon-box-icon-01 {
    margin: 0;
    padding: 0;
    display: block;
}

.icon-box-icon-01 i {
    margin: 0 0 25px 0;
    padding: 0;
    font-size: 48px;
    color: var(--green-color-3);
}

.icon-box-content-01 {
    margin: 0;
    padding: 0;
}

.icon-box-title-01 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 24px;
    color: var(--black-color-2);
    font-weight: 900;
    line-height: 30px;
}

.icon-box-subtitle-01 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: var(--black-color-2);
    font-weight: 400;
    line-height: normal;
}


/*------------------------------ Contact Us Page v1 Map CSS --------------------------------*/

.contact-us-map {
    position: relative;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.contact-us-map:hover::before {
    display: none;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.contact-us-map::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--black-color-3);
    z-index: 1;
    height: 100%;
    width: 100%;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}


/*------------------------------ Contact Us Page v1 Responsive CSS --------------------------------*/

@media (max-width: 1699.98px) {}

@media (max-width: 1399.98px) {
    .icon-content-border-box-01 {
        padding: 32px;
    }
    .icon-box-title-01 {
        font-size: 23px;
        line-height: 20px;
    }
    .icon-box-subtitle-01 {
        font-size: 17px;
    }
}

@media (max-width: 1299.98px) {
    .get-in-touch-text-one {
        margin: 20px 0 10px 0;
        font-size: 16px;
        line-height: 24px;
    }
    .get-in-touch-text {
        font-size: 14px;
        line-height: 24px;
    }
    .common-form .form-control {
        padding: 18px;
        font-size: 14px;
        height: 56px;
    }
    .common-form .form-select {
        padding: 16px 18px;
        font-size: 14px;
        height: 56px;
    }
    .common-form textarea.form-control {
        height: 140px;
    }
    .icon-box-icon-01 i {
        margin: 0 0 20px 0;
        font-size: 38px;
    }
    .icon-box-title-01 {
        font-size: 18px;
        margin: 0 0 10px 0;
        line-height: 10px;
    }
    .icon-box-subtitle-01 {
        font-size: 14px;
    }
    .contact-us-map iframe {
        height: 430px;
    }
}

@media (max-width: 1199.98px) {
    .icon-content-border-box-01 {
        padding: 26px;
    }
}

@media (max-width: 1024.98px) {
    .contact-us-map iframe {
        height: 370px;
    }
}

@media (max-width: 991.98px) {
    .common-form {
        margin: 0;
        padding: 0;
    }
    .contact-us-responsive {
        margin-bottom: 24px;
    }
    .icon-content-border-box-01 {
        padding: 58px 30px;
    }
}

@media (max-width: 768.98px) {
    .get-in-touch-text-one {
        margin: 15px 0 10px 0;
        font-size: 15px;
        line-height: 22px;
    }
    .get-in-touch-text {
        line-height: 22px;
    }
    .common-form .form-control {
        padding: 15px;
        font-size: 14px;
        height: 48px;
        margin: 0 0 12px 0;
    }
    .common-form .form-select {
        padding: 12px 15px;
        font-size: 14px;
        height: 48px;
        margin: 0 0 12px 0;
    }
    .common-form textarea.form-control {
        height: 110px;
    }
    .icon-box-icon-01 i {
        margin: 0 0 15px 0;
        font-size: 30px;
    }
    .icon-box-title-01 {
        font-size: 16px;
        margin: 0 0 10px 0;
    }
    .contact-us-map iframe {
        height: 280px;
    }
}

@media (max-width: 767.98px) {
    .get-in-touch-text {
        margin-bottom: 20px;
    }
}

@media (max-width: 575.98px) {}

@media (max-width: 480.98px) {
    .icon-box-subtitle-01 br {
        display: none;
    }
    .contact-us-map iframe {
        height: 200px;
    }
}

@media (max-width: 360.98px) {
    .contact-us-map iframe {
        height: 170px;
    }
}

@media (max-width: 320.98px) {}


/*=========================================== Contact Us Page v1 End CSS ===========================================*/


/*=========================================== Shop Page v1 Start CSS ===========================================*/


/*------------------------------ Shop v1 Page The Hottest Collection CSS --------------------------------*/

.shoppage-v1-the-hottest-collection {
    position: relative;
    padding: 0;
    margin: 0;
}

.the-hottest-collection-img {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 306px;
    overflow: hidden;
}

.the-hottest-collection-cuntent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.the-hottest-collection-title {
    margin: 0;
    padding: 0;
    font-size: 60px;
    color: var(--white-color);
    font-weight: 500;
    line-height: 60px;
    font-style: italic;
}

.the-hottest-collection-sub-desc {
    margin: 0;
    padding: 0;
    font-size: 50px;
    color: var(--white-color);
    font-weight: 300;
    line-height: 60px;
    font-style: italic;
    font-family: 'Jost', sans-serif;
}


/*------------------------------ Shop v1 Page Shop CSS --------------------------------*/

.shop-sidebar {
    position: relative;
}

.product-wrapper .shoppage-product5 {
    width: 20%;
}

.sidebar-close.active,
.sidebar-overlay.active {
    opacity: 1;
    visibility: visible;
    transition: visibility 0.4s, opacity 0.4s;
}

.sidebar-content.active {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.4s, opacity 0.4s;
}

.sidebar-overlay {
    right: 0;
    bottom: 0;
    background-color: var(--black-color-4);
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.4s, opacity 0.4s;
}

.sidebar-active .sidebar .sidebar-overlay,
.right-sidebar-active .right-sidebar .sidebar-overlay {
    visibility: visible;
    opacity: 0.5;
}

.sidebar-active .sidebar .sidebar-close,
.right-sidebar-active .right-sidebar .sidebar-close {
    opacity: 1;
    visibility: visible;
}

.sidebar-active .sidebar .sidebar-content,
.right-sidebar-active .right-sidebar .sidebar-content {
    transform: translateX(0);
    opacity: 1;
}

.sidebar-overlay,
.sidebar-toggle,
.sidebar-content,
.sidebar-close {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2200;
}

.right-sidebar .sidebar-toggle {
    border-radius: 0.3rem 0 0 0.3rem;
}

.right-sidebar .sidebar-toggle:focus,
.sidebar-toggle:hover {
    color: var(--white-color);
}

.left-sidebar .sidebar-toggle {
    border-radius: 0 0.3rem 0.3rem 0;
}

.toolbox .right-sidebar-toggle {
    margin-left: 2rem;
}

.toolbox-horizontal .sidebar-fixed {
    max-width: none;
    flex: none;
    width: 100%;
    background-color: var(--gray-color-17);
    border: 1px solid var(--gray-color-11);
    padding: 15px;
}

.toolbox-horizontal.toolbox .left-sidebar-toggle {
    padding: 0.65em;
    margin-bottom: 0;
}

.filter-actions {
    padding: 0 0 32px 0;
    width: 100%;
}

.shop4-row {
    margin: 0px -15px;
    display: flex;
    flex-wrap: wrap;
}

.shop4-col {
    padding: 0px 15px;
    flex-basis: 20%;
    max-width: 20%;
    flex-grow: 0;
    flex-shrink: 0;
}

.filter-actions-two {
    cursor: pointer;
    padding: 0 !important;
    height: 24px;
}

.widget:not(.widget-collapsible) .widget-title {
    border: none;
}

.sidebar .widget:last-child .widget-body {
    padding-bottom: 0;
}

.right-sidebar {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.right-sidebar .sidebar-toggle.active {
    transform: translateX(100%);
    transition: all 0.3s;
}

.right-sidebar .sidebar-toggle {
    left: auto;
    right: 0;
    transform: translateX(0);
    transition: all 0.3s;
    z-index: 2;
}

.right-sidebar .sidebar-close {
    left: 10px;
    padding: 10px;
}

.right-sidebar .sidebar-content {
    transform: translateX(100%);
    left: auto;
    right: 0;
}

.right-sidebar .sidebar-content.active {
    transform: translateX(0);
    opacity: 1;
    transition: transform 0.4s, opacity 0.4s;
}

.right-sidebar .sidebar-content::-webkit-scrollbar {
    width: 0;
}

.sidebar-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 206px;
    width: 40px;
    height: 40px;
    font-size: 1.4rem;
    color: var(--white-color);
    background-color: var(--black-color-8);
    opacity: 0.6;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.sidebar-content {
    bottom: 0;
    width: 310px;
    padding: 2rem;
    transform: translateX(-100%);
    overflow: auto;
    background-color: var(--white-color);
    opacity: 0;
    line-height: 1.3;
    transition: transform 0.4s, opacity 0.4s;
}

.sidebar-close {
    opacity: 0;
    visibility: hidden;
    margin: 0;
    left: calc(100vw - 50px);
    top: 25px;
    z-index: 2201;
    transition: opacity 0.4s, visibility 0.4s;
}

.close-icon {
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    transform: rotateZ(45deg);
}

.close-icon::before {
    height: 2px;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.close-icon::after {
    height: 100%;
    width: 2px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.close-icon::before,
.close-icon::after {
    display: block;
    position: absolute;
    background-color: var(--white-color);
    content: "";
}

.scrollable {
    -webkit-overflow-scrolling: touch;
}

.sticky-content.fix-top {
    top: 0;
}

.widget-body {
    margin-bottom: 50px;
}

.widget:last-child .widget-body {
    padding-bottom: 0;
}

.widget .widget-body {
    padding: 0;
    opacity: 1;
    transition: opacity 0.3s;
    color: var(--black-color);
}

.filter-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0 34px 0;
}

.filter-actions label {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--black-color);
}

.filter-actions .filter-clear {
    padding-bottom: 0;
    text-transform: capitalize;
    font-weight: 500;
    background-color: transparent;
    color: var(--black-color);
    font-size: 15px;
    border: none;
    outline: none;
    box-shadow: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.filter-actions .filter-clear:active+.filter-clear:focus,
.filter-clear:checked+.filter-clear:focus,
.filter-clear.active:focus,
.filter-clear:active:focus,
.show>.filter-clear.dropdown-toggle:focus {
    box-shadow: none;
}

.sidebar .accordion-item:not(:first-of-type) {
    border-top: none;
}

.sidebar .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sidebar .accordion-item {
    background: none;
    border: none;
    cursor: pointer;
}

.sidebar .accordion-item .accordion-header {
    cursor: pointer;
}

.sidebar .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.sidebar .accordion-button:not(.collapsed) {
    background: none;
    box-shadow: none;
    color: var(--black-color);
}

.sidebar .accordion-button {
    padding: 0;
    background: none;
    font-weight: 500;
    font-size: 18px;
    color: var(--black-color);
    cursor: pointer;
}

.sidebar .accordion-button:focus {
    z-index: 3;
    border-color: var(--gray-color-11);
    outline: none;
    box-shadow: none;
}

.sidebar .accordion-body {
    padding: 0;
}

.sidebar .accordion-button:not(.collapsed)::after {
    width: 14px;
    height: 14px;
    content: "";
    background-image: url('../images/shop-v1-accordion-minus.png');
    background-repeat: no-repeat;
    transform: none;
    background-size: auto;
    margin: 0;
}

.sidebar .accordion-button::after {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    content: "";
    background-image: url('../images/shop-v1-accordion-plus.png');
    background-repeat: no-repeat;
    transition: transform .2s ease-in-out;
    background-size: auto;
    margin: 0;
    position: absolute;
    right: 0;
    top: 10px;
}

.item-categories-01 .active a {
    color: var(--green-color-3);
}

.item-categories-01 li a {
    font-size: 16px;
    color: var(--black-color-1);
    font-weight: 400;
    margin: 0 0 14px 0;
    padding: 0;
    display: block;
    line-height: normal;
}

.item-brand-01 a {
    position: relative;
    display: block;
    padding: 0;
    font-size: 16px;
    color: var(--black-color-1);
    font-weight: 400;
    line-height: 38px;
}

.item-brand-01 a {
    padding-left: 30px !important;
}

.item-brand-01 a::before {
    content: "";
    position: absolute;
    border: 1px solid;
    border-radius: 2px;
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
    left: 2px;
    color: var(--gray-color-9);
    font-size: 1rem;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    text-align: center;
    text-indent: 1px;
    line-height: 1.3em;
    border-color: var(--gray-color-9);
}

.item-brand-01 .active>a::before {
    content: "\f00c";
    background-color: var(--green-color-3);
    width: 20px;
    height: 20px;
    color: var(--white-color);
    border-radius: 3px;
    left: 1px;
    padding-top: 2px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    border-color: var(--green-color-3);
}

.item-brand-01 .active>a {
    color: var(--green-color-3);
}

.price-range-slider-01 {
    width: 100%;
    padding: 10px 20px;
}

.price-range-slider-01 .range-value {
    margin: 14px 0 0 0;
}

.price-range-slider-01 .range-value input {
    width: 100%;
    background: none;
    color: var(--green-color-3);
    font-size: 16px;
    font-weight: 400;
    box-shadow: none;
    border: none;
    margin: 0;
    font-family: 'Jost', sans-serif;
    outline: none;
}

.price-range-slider-01 .range-bar {
    border: none;
    background: var(--gray-color-10);
    height: 6px;
    width: 94%;
    margin-left: 11px;
}

.price-range-slider-01 .range-bar .ui-slider-range {
    background: var(--green-color-3);
}

.price-range-slider-01 .range-bar .ui-slider-handle {
    border: none;
    border-radius: 25px;
    background: var(--white-color);
    border: 5px solid var(--green-color-3);
    height: 15px;
    width: 15px;
    top: -5px;
    cursor: pointer;
}

.price-range-slider-01 .range-bar .ui-slider-handle+span {
    background: var(--white-color);
}

.item-size-01 li {
    text-align: center;
    display: inline-block;
    background-color: var(--white-color);
    margin: 0 10px 0 0;
    height: 26px;
    width: 30px;
    border-radius: 2px;
    border: 1px solid var(--gray-color-9);
}

.item-size-01 .active {
    border: 1px solid var(--green-color-3);
}

.item-size-01 .active a {
    color: var(--green-color-3);
}

.item-size-01 li a {
    padding: 3px;
    font-size: 14px;
    color: var(--black-color-1);
    font-weight: 400;
    line-height: normal;
}

.item-color-01 li {
    text-align: center;
    display: inline-block;
    background-color: var(--white-color);
    margin: 0 5px 5px 0;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    border: 2px solid var(--gray-color-33);
}

.item-color-01 .active {
    border: 2px solid var(--green-color-3);
}

.item-color-01 .all-color {
    background-color: var(--gray-color-11);
    width: 40px;
    height: 30px;
    border-radius: 13px;
    border: none;
}

.item-color-01 .all-color a {
    padding: 5px;
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color);
    background-color: var(--gray-color-11);
    width: 40px;
    height: 30px;
    border-radius: 13px;
    margin: 0;
    border: none;
}

.item-color-01 li a {
    padding: 0;
    margin: 2px;
    font-size: 16px;
    color: var(--black-color-1);
    font-weight: 400;
    line-height: normal;
    background-color: var(--yellow-color-2);
    border-radius: 100%;
    width: 22px;
    height: 22px;
    display: block;
}

.item-color-01 li a span {
    overflow: hidden;
    opacity: 0;
}

.item-tags-01 {
    margin: 0;
}

.item-tags-01 li {
    padding: 0;
    display: inline-flex;
}

.item-tags-01 .active a {
    color: var(--green-color-3);
}

.item-tags-01 li a {
    padding: 5px 10px;
    font-size: 16px;
    color: var(--black-color-1);
    font-weight: 400;
    line-height: normal;
    text-align: center;
    background-color: var(--gray-color-11);
    margin: 5px 5px 5px 0;
    border-radius: 2px;
}

.widget .widget-title {
    margin: 0 0 15px 0;
    padding: 0;
    font-weight: 500;
    font-size: 18px;
    color: var(--black-color);
    letter-spacing: 0;
    border-bottom: 1px solid var(--gray-color-11);
    text-transform: capitalize;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.widget-two-btn {
    margin: 72px 0 0 0;
}

.widget-collapsible .widget-title label {
    padding: 0 0 15px 0;
    display: block;
    cursor: pointer;
}

.toolbox select {
    max-width: none;
    width: 15.4rem;
    padding: 0.75em 2.7rem 0.75em 1.4rem;
    border-radius: 0.3rem;
    border: 1px solid var(--gray-color-34);
}

.toolbox.toolbox-pagination {
    padding: 25px 0 0 0;
    border-top: 1px solid var(--gray-color-28);
    display: block;
}

.toolbox .showing-info {
    font-size: 15px;
    color: var(--gray-color-12);
    font-weight: 400;
    font-family: 'Jost', sans-serif;
}

.toolbox .showing-info span {
    margin: 0 0 0 15px;
    color: var(--dark-color-2);
}

.toolbox-layout {
    display: flex;
    align-items: center;
    margin-left: 19px;
}

.toolbox {
    padding-bottom: 30px;
}

.toolbox-right {
    margin-left: auto;
}

.toolbox label,
.toolbox-right label,
.toolbox-left label,
.toolbox-item label {
    font-weight: 500;
    margin-right: 10px;
    line-height: 1.5;
    font-size: 16px;
    color: var(--black-color);
}

.toolbox label .filter-icon {
    max-width: 13px;
}

.toolbox,
.toolbox-right,
.toolbox-left,
.toolbox-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.toolbox> :not(.toolbox-pagination)*:not(:last-child),
.toolbox-left> :not(.toolbox-pagination)*:not(:last-child),
.toolbox-right> :not(.toolbox-pagination)*:not(:last-child) {
    margin-right: 1rem;
}

.toolbox .toolbox-show select {
    padding-left: 1.3rem;
    padding-right: 2.8rem;
    width: 9.4rem;
}

.toolbox .left-sidebar-toggle,
.toolbox .right-sidebar-toggle {
    text-transform: uppercase;
    padding: 12px 18px;
    font-size: 15px;
    font-weight: 400;
    color: var(--white-color);
    background-color: var(--green-color-3);
    border-color: var(--white-color);
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 2px;
}

.toolbox .left-sidebar-toggle:active+.left-sidebar-toggle:focus,
.left-sidebar-toggle:checked+.left-sidebar-toggle:focus,
.left-sidebar-toggle.active:focus,
.left-sidebar-toggle:active:focus,
.show>.left-sidebar-toggle.dropdown-toggle:focus {
    box-shadow: none;
}

.toolbox .left-sidebar-toggle i,
.toolbox .right-sidebar-toggle i {
    margin-right: 6px;
    margin-left: 0;
    font-size: 14px;
}

.toolbox .left-sidebar-toggle {
    margin: 0 20px 0.5rem 0;
}

.toolbox .left-sidebar-toggle-two {
    margin: 0 20px 1rem 0;
}

.toolbox .right-sidebar-toggle {
    margin-left: 2rem;
}

.toolbox-item {
    margin-bottom: 1rem;
}

.select-box::before {
    right: 12px;
    margin-top: 0;
}

.sticky-toolbox.fixed {
    background: var(--white-color);
    padding: 1rem 2rem 0 !important;
}

.w-icon-category::before {
    content: "\f03a";
    font-style: normal;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.select-box::before,
.select-menu::before {
    content: "";
    background-image: url('../images/shop-page-sort-by-select-arrow.png');
    background-repeat: no-repeat;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 6px;
}

.select-box select,
.select-menu select {
    background-image: none;
    position: relative;
    max-width: none;
    min-height: auto;
    width: 220px;
    height: 100%;
    padding: 11px 22px 11px 14px;
    border: 1px solid var(--gray-color-11);
    color: var(--black-color);
    background-color: transparent;
    font-size: 15px;
    letter-spacing: inherit;
    z-index: 1;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-weight: 400;
    border-radius: 2px;
}

.select-box .form-control:focus,
.select-menu .form-control:focus {
    color: var(--black-color);
    background-color: transparent;
    border-color: var(--gray-color-11);
    outline: none;
    box-shadow: none;
}

.select-box option {
    font-size: 14px;
}

.select-box,
.select-menu {
    position: relative;
}

.btn-layout.active,
.btn-layout:hover {
    color: var(--black-color);
}

.btn-layout {
    line-height: 1;
    color: var(--gray-color-5);
    transition: color 0.4s;
}

.btn-layout i {
    font-size: 20px;
}

.btn-layout+.btn-layout {
    margin-left: 10px;
}

.btn-layout .w-icon-grid::before {
    content: "\f00a";
    font-style: normal;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.btn-layout .w-icon-list::before {
    content: "\f00b";
    font-style: normal;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.pagination {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 15px;
    color: #161616;
    letter-spacing: 0.025em;
    font-weight: 400;
    padding: 0;
    align-content: center;
    justify-content: center;
}

.pagination .prev.disabled,
.pagination .next.disabled {
    color: var(--gray-color-12);
}

.pagination .prev {
    margin-right: 21px;
}

.pagination .next {
    margin-left: 16px;
}

.pagination .prev,
.pagination .next {
    padding: 14px 0;
    text-align: center;
    letter-spacing: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.pagination a {
    color: inherit;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.pagination .prev img {
    margin-right: 6px;
}

.pagination .next img {
    margin-left: 6px;
}

.pagination .page-item:not(:last-child) {
    margin-right: 5px;
    color: var(--gray-color-12);
}

.pagination .page-item:not(:first-child) .page-link {
    margin-left: 0;
}

.pagination :hover:not(.disabled)>.page-link,
.pagination .active:not(.disabled)>.page-link {
    background-color: transparent;
    border-color: var(--gray-color-11);
    color: var(--green-color-3);
    border-radius: 2px;
    outline: none;
    box-shadow: none;
}

.pagination .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 40px;
    background-color: transparent;
    border: 1px solid transparent;
    transition: background-color 0.4s, border 0.4s, color 0.4s;
    line-height: 1;
    outline: none;
    box-shadow: none;
}

.pagination .page-link:focus {
    z-index: 3;
    color: var(--green-color-3);
    background-color: transparent;
    outline: none;
    box-shadow: none;
}


/*------------------------------ Shop Page v1 Responsive CSS --------------------------------*/

@media (min-width: 992px) {
    .sidebar {
        flex: 0 0 310px;
        max-width: 310px;
    }
    .row .main-content {
        max-width: calc(100% - 310px);
    }
    .shop-sidebar.sidebar-fixed .sidebar-content {
        padding: 0 0 2rem;
    }
    .shop-sidebar.sidebar-fixed .shoppage-filter-padding {
        padding: 0 !important;
    }
    .sidebar-fixed .sidebar-toggle,
    .sidebar-fixed .sidebar-overlay {
        display: none;
    }
    .sidebar-fixed .sidebar-content {
        position: relative;
        overflow: visible;
        padding: 0;
        opacity: 1;
        z-index: 1;
        width: auto;
        transform: none;
        background: none;
    }
    .shop-content {
        overflow: hidden;
    }
    .shoppage-top-filter {
        display: none;
        transition: all 0.3s;
        opacity: 0;
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
    }
    .shoppage-top-filter.active {
        display: block;
    }
    .shoppage-top-filter.active.show {
        transition: all 0.3s;
        opacity: 1;
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        margin: 34px 0 0 0;
    }
    .accordion-filter-clear {
        display: none;
    }
}

@media (max-width: 1399.98px) {
    .the-hottest-collection-img {
        height: 260px;
    }
    .the-hottest-collection-title {
        font-size: 42px;
        line-height: 50px;
    }
    .the-hottest-collection-sub-desc {
        font-size: 42px;
        line-height: 50px;
    }
    .shop4-col {
        flex-basis: 33%;
        max-width: 33%;
    }
}

@media (max-width: 1299.98px) {
    .the-hottest-collection-img {
        height: 240px;
    }
    .the-hottest-collection-title {
        font-size: 35px;
        line-height: 44px;
    }
    .the-hottest-collection-sub-desc {
        font-size: 35px;
        line-height: 44px;
    }
    .common-btn2-hover-large {
        font-size: 18px;
        padding: 18px 36px;
    }
}

@media (max-width: 1199.98px) {
    .product-wrapper .shoppage-product5 {
        width: 25%;
    }
    .common-btn2-hover-large {
        font-size: 17px;
        padding: 16px 34px;
    }
}

@media (max-width: 1024.98px) {
    .the-hottest-collection-img {
        height: 210px;
    }
}

@media (max-width: 991.98px) {
    .the-hottest-collection-img {
        height: 200px;
    }
    .the-hottest-collection-title {
        font-size: 28px;
        line-height: 34px;
    }
    .the-hottest-collection-sub-desc {
        font-size: 28px;
        line-height: 34px;
    }
    .btn-layout i {
        font-size: 16px;
    }
    .toolbox-item {
        margin-bottom: 0.5rem;
    }
    .shop-content .main-content {
        width: 100%;
    }
    .toolbox .sidebar-fixed {
        margin-right: 0;
    }
    .toolbox .sidebar-content {
        display: block;
    }
    .sidebar-active .page-wrapper {
        margin-left: 310px;
        margin-right: -310px;
    }
    .right-sidebar-active .page-wrapper {
        margin-left: -310px;
        margin-right: 310px;
    }
    .toolbox .left-sidebar-toggle-two {
        margin: 0 20px 0.5rem 0;
    }
    .toolbox-layout {
        margin-left: 15px;
    }
    .product-wrapper .shoppage-product5 {
        width: 33.33333333%;
    }
    .toolbox-horizontal .sidebar-fixed {
        background: none;
        border: none;
        padding: 0;
    }
    .sidebar-content {
        padding: 1rem;
    }
    .widget-two-btn {
        margin: 30px 0 0 0;
    }
    .filter-actions {
        padding: 0 0 20px 0;
    }
    .widget-collapsible .widget-title label {
        padding: 0 0 10px 0;
    }
    .widget-body {
        margin-bottom: 30px;
    }
    .shoppage-top-filter {
        margin: 20px 0 0 0;
    }
    .shop4-col {
        flex-basis: 100%;
        max-width: 100%;
    }
    .sidebar-close {
        left: calc(100vw - 30px);
    }
    .item-tags-01 li {
        width: auto;
    }
    .common-btn2-hover-large {
        font-size: 15px;
        padding: 12px 32px;
    }
    .common-btn2-hover-large i {
        font-size: 16px;
    }
}

@media (max-width: 800.98px) {
    .the-hottest-collection-img {
        height: 170px;
    }
}

@media (max-width: 767.98px) {
    .the-hottest-collection-img {
        height: 150px;
    }
    .the-hottest-collection-cuntent {
        padding: 14px 0;
    }
    .the-hottest-collection-title {
        font-size: 20px;
        line-height: 26px;
    }
    .the-hottest-collection-sub-desc {
        font-size: 20px;
        line-height: 26px;
    }
    .common-btn2-hover-large {
        font-size: 14px;
        padding: 13px 24px;
    }
    .common-btn2-hover-large i {
        font-size: 16px;
    }
    .product-wrapper .shoppage-product5 {
        width: 50%;
    }
    .toolbox .left-sidebar-toggle {
        margin: 0 20px 10px 0;
    }
    .toolbox .left-sidebar-toggle-two {
        margin: 0 20px 10px 0;
    }
    .toolbox,
    .toolbox-right,
    .toolbox-left,
    .toolbox-item {
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .toolbox-right {
        margin-left: 0;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .toolbox-layout {
        margin-left: 15px;
    }
    .toolbox {
        padding-bottom: 0;
    }
}

@media (max-width: 600.98px) {
    .the-hottest-collection-img {
        height: 126px;
    }
    .the-hottest-collection-cuntent {
        padding: 10px 0;
    }
}

@media (max-width: 575.98px) {
    .p-t-50 {
        padding-top: 30px;
    }
    .the-hottest-collection-cuntent {
        padding: 5px 0;
    }
    .toolbox-left label,
    .toolbox-right .toolbox-layout {
        display: block;
    }
    .toolbox-right .toolbox-item.toolbox-show {
        margin-right: 0;
    }
    .toolbox-pagination {
        flex-direction: column;
    }
    .toolbox .left-sidebar-toggle i {
        margin: 0 6px 0 0;
    }
    .toolbox .left-sidebar-toggle {
        margin-right: 15px;
    }
    .toolbox-layout {
        margin-left: 10px;
    }
    .btn-layout+.btn-layout {
        margin-left: 5px;
    }
    .right-sidebar .sidebar-close {
        left: 5px;
        padding: 5px;
    }
    .common-btn2-hover-small2 {
        margin-top: 5px;
    }
}

@media (max-width: 480.98px) {
    .the-hottest-collection-img {
        height: 100px;
    }
    .the-hottest-collection-cuntent {
        position: relative;
        padding: 20px 0;
    }
    .the-hottest-collection-title {
        color: var(--black-color);
    }
    .the-hottest-collection-sub-desc {
        color: var(--black-color);
    }
    .shoppage-v1-the-hottest-collection .the-hottest-collection-text {
        max-width: 52%;
    }
    .shoppage-v1-the-hottest-collection .the-hottest-collection-btn {
        max-width: 48%;
    }
    .sticky-toolbox.fixed {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .sidebar-content {
        width: 20rem;
    }
    .sidebar-active .page-wrapper {
        margin-left: 27rem;
        margin-right: -27rem;
    }
    .right-sidebar-active .page-wrapper {
        margin-left: -27rem;
        margin-right: 27rem;
    }
    .sidebar-toggle {
        font-size: 1rem;
    }
    .sidebar-toggle:focus,
    .sidebar-toggle:hover {
        color: var(--white-color);
    }
    .select-box select,
    .select-menu select {
        width: 200px;
    }
}

@media (max-width: 414.98px) {
    .the-hottest-collection-img {
        height: 90px;
    }
    .toolbox .left-sidebar-toggle span {
        display: inline-flex;
        padding-left: 10px;
    }
    .toolbox .left-sidebar-toggle i {
        margin: 0;
    }
    .btn-layout i {
        font-size: 15px;
    }
    .product-wrapper .shoppage-product5 {
        width: 100%;
    }
}

@media (max-width: 375.98px) {
    .the-hottest-collection-img {
        height: 85px;
    }
    .the-hottest-collection-sub-desc {
        margin-bottom: 15px;
    }
    .shoppage-v1-the-hottest-collection .the-hottest-collection-text {
        max-width: 100%;
    }
    .shoppage-v1-the-hottest-collection .the-hottest-collection-btn {
        max-width: 100%;
    }
    .select-box select,
    .select-menu select {
        width: 160px;
    }
    .sidebar-content {
        width: 18rem;
    }
    .item-size-01 li {
        margin: 0 5px 0 0;
    }
}

@media (max-width: 360.98px) {
    .the-hottest-collection-img {
        height: 80px;
    }
    .btn-layout+.btn-layout {
        margin-left: 3px;
    }
    .sidebar-content {
        width: 17rem;
    }
}

@media (max-width: 320.98px) {
    .the-hottest-collection-img {
        height: 78px;
    }
}


/*=========================================== Shop Page v1 End CSS ===========================================*/


/*=========================================== Shop List Sidebar Page Start CSS ===========================================*/


/*------------------------------ Shop List Sidebar CSS --------------------------------*/

.shop-product-list-sidebar-1 {
    display: flex;
    align-items: flex-start;
    flex-direction: unset;
    min-width: unset;
    word-wrap: unset;
}

.product-media-1 {
    flex: 0 0 294px;
    max-width: 294px;
    position: relative;
    margin-right: 38px;
    height: 310px;
}

.product-details-1 {
    padding: 24px 0;
    flex: 1;
    position: relative;
}

.price-box-1 {
    justify-content: flex-start !important;
}

.product-price.product-price-1 {
    margin: 1px 78px 0 0;
}

.product-text-1 {
    margin: 21px 0 41px 0;
    font-family: 'Open Sans', sans-serif;
    color: var(--black-color);
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/*------------------------------ Shop List Sidebar Page Responsive CSS --------------------------------*/

@media (max-width: 1299.98px) {
    .product-details-1 .text-1 {
        margin: 16px 0 36px 0;
        font-size: 14px;
        line-height: 26px;
    }
    .product-details-1 {
        padding: 42px 0;
    }
    .common-btn2-hover2 {
        font-size: 14px;
        padding: 12px 20px;
    }
    .common-btn2-hover2 i {
        font-size: 16px;
    }
}

@media (max-width: 1199.98px) {
    .product-media-1-2 {
        height: 310px !important;
    }
    .card-body1-2 {
        padding: 30px 0 0 0 !important;
    }
    .product-text-1 {
        line-height: 24px;
    }
}

@media (max-width: 991.98px) {}

@media (max-width: 768.98px) {
    .product-details-1 .text-1 {
        margin: 16px 0 30px 0;
        font-size: 13.5px;
        line-height: 24px;
    }
    .product-details-1 {
        padding: 52px 0;
    }
}

@media (max-width: 767.98px) {
    .product-media-1 {
        flex: 0 0 274px;
        max-width: 274px;
        margin-right: 25px;
        height: 292px;
    }
    .product-details-1 {
        padding: 42px 0;
    }
    .product-price.product-price-1 {
        margin: 1px 30px 0 0;
    }
}

@media (max-width: 575.98px) {
    .shop-product-list-main {
        max-width: 50%;
    }
    .shop-product-list-sidebar-1 {
        display: block;
    }
    .card-body1-2 {
        padding: 0 !important;
    }
    .product-media-1-2 {
        height: 280px !important;
    }
    .product-text-1 {
        margin: 11px 0 21px 0;
    }
    .product-media-1 {
        max-width: 100%;
        margin-right: 0px;
        height: 282px;
        margin-bottom: 30px;
        display: block;
    }
    .product-details-1 {
        padding: 0;
    }
    .product-details-1 .text-1 {
        margin: 10px 0 20px 0;
    }
}

@media (max-width: 480.98px) {
    .product-media-1 {
        height: 230px;
    }
    .product-media-1-2 {
        height: 230px !important;
    }
    .product-price.product-price-1 {
        margin: 1px 0 0 0;
    }
    .price-box-1 {
        justify-content: space-between !important;
    }
}

@media (max-width: 414.98px) {
    .shop-product-list-main {
        max-width: 100%;
    }
    .product-media-1 {
        height: 196px;
    }
    .product-media-1-2 {
        height: 416px !important;
    }
    .product-text-1 {
        -webkit-line-clamp: none;
    }
}

@media (max-width: 375.98px) {
    .product-media-1 {
        height: 174px;
    }
    .product-media-1-2 {
        height: 374px !important;
    }
}

@media (max-width: 360.98px) {
    .product-media-1-2 {
        height: 358px !important;
    }
}

@media (max-width: 320.98px) {
    .product-media-1 {
        height: 146px;
    }
    .product-media-1-2 {
        height: 315px !important;
    }
}


/*=========================================== Shop List Sidebar Page End CSS ===========================================*/


/*=========================================== Single Product v1 Page Start CSS ===========================================*/


/*------------------------------ Single Product v1 Page Detail CSS --------------------------------*/

.single-product-v1-detail-slider-main {
    display: flex;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    align-items: center;
}

.slider-thumbnail-1 {
    max-width: 115px;
    flex-basis: 115px;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 0;
    position: relative;
    margin: 0;
}

.single-product-v1-detail-slider-img-span {
    height: 744px;
    overflow: hidden;
    border: none;
    width: 100%;
}

#NZoomContainer {
    width: 100% !important;
    height: 100% !important;
}

.single-product-v1-detail-slider-img {
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: right;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
}

.slider-thumbnail-1 .single-product-v1-detail-slider-nav {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    z-index: 2;
}

.single-product-v1-detail-slider-thumbnail {
    position: relative;
    padding: 15px 0;
    margin: 0;
    width: 92px !important;
    height: 120px !important;
    overflow: hidden;
}

.single-product-v1-detail-slider-thumbnail>img {
    opacity: 0.5;
    transition: all 0.3s;
}

.single-product-v1-detail-slider-thumbnail>img.active {
    opacity: 1;
    transition: all 0.3s;
}

.single-product-v1-detail-slider-thumbnail img {
    object-position: top;
}

.slider-thumbnail-1 .arrows {
    position: absolute;
    top: 0px;
    left: 34px;
    z-index: 1;
    display: flex;
    flex-direction: column;
}

.slider-thumbnail-1 .arrowbtn {
    margin-bottom: 538px;
}

.slider-thumbnail-1 .arrowbtn:last-child {
    margin-bottom: 0px;
}

.product-label-group-1 {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 100;
}

.product-label-1 {
    background-color: var(--green-color-3);
    display: inline-block;
    text-align: center;
    margin-bottom: 0;
    padding: 8px 10px;
    font-size: 16px;
    border-radius: 5px;
    font-weight: 500;
    line-height: 1;
    color: var(--white-color);
    text-transform: uppercase;
}

.product-zoomicon-group-1 {
    position: absolute;
    right: 20px;
    bottom: 30px;
    z-index: 100;
}

.product-zoomicon-1 {
    background-color: var(--black-color-1);
    display: inline-block;
    text-align: center;
    margin-bottom: 0;
    padding: 12px;
    font-size: 18px;
    border-radius: 0px;
    font-weight: 700;
    line-height: 1;
    color: var(--white-color);
    text-transform: uppercase;
}

.single-product-v1-detail-slider-multiple-items .slick-prev {
    top: -41px !important;
    left: 34px;
}

.single-product-v1-detail-slider-multiple-items .slick-prev::before {
    content: "";
    background-image: url('../images/single-product-v1-detail-slider-prev.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 23px;
    height: 13px;
    position: absolute;
}

.single-product-v1-detail-slider-multiple-items .slick-next {
    bottom: -28px;
    left: 34px;
    right: auto;
}

.single-product-v1-detail-slider-multiple-items .slick-next::before {
    content: "";
    background-image: url('../images/single-product-v1-detail-slider-next.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 23px;
    height: 13px;
    position: absolute;
}

.single-product-v1-detail-slider-multiple-items .slick-arrow {
    top: auto;
    background: none;
    padding: 0;
    opacity: 1;
    -ms-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: auto;
    height: auto;
}

.single-product-v1-detail-slider-multiple-items:hover .slick-arrow {
    opacity: 1;
}

.single-product-v1-detail {
    padding: 0 0 0 22px;
}

.title-1 {
    font-size: 28px;
    font-weight: 600;
    color: var(--black-color-6);
    margin: 0 0 16px 0;
    padding: 0;
}

.text-price-1 del {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color-6);
    opacity: 50%;
    margin: 0;
    padding: 0 10px 0 0;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
}

.text-price-1 {
    font-size: 22px;
    font-weight: 700;
    color: var(--green-color-3);
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
}

.ratings-container-1 {
    margin: 20px 0 18px 0;
}

.ratings-full-1 {
    margin: 0 12px 0 0;
}

.ratings-full-1 .ratings-1 {
    color: var(--yellow-color);
    font-size: 17px;
    margin: 0;
    padding: 0;
    display: inline-block;
    letter-spacing: normal;
}

.ratings-full-1 .ratings-1 .fas {
    display: table-cell;
    padding: 0 4px 0 0;
}

.rating-reviews-1 {
    color: var(--black-color-6);
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.rating-reviews-1:hover {
    color: var(--green-color-3);
}

.short-desc-1 p {
    font-family: 'Open Sans', sans-serif;
    color: var(--black-color);
    font-size: 15px;
    line-height: 27px;
    font-weight: 400;
    margin: 0 0 32px 0;
    padding: 0;
}

.color-swatch-1 {
    margin: 0;
    padding: 0;
}

.color-title-1 {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 40px 0 0;
    padding: 0;
    display: inline-block;
}

.color-1 {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    border: 2px solid var(--white-color);
    margin-right: 10px;
    transition: box-shadow .35s ease;
    background-repeat: no-repeat;
    background-position: 50%;
}

.color-1:last-of-type {
    margin-right: 0px;
}

.color-1.active {
    box-shadow: 0 0 0 2px var(--green-color-3);
}

.tt-text-1 {
    visibility: hidden;
    opacity: 0;
}

.size-swatch-1 {
    margin: 30px 0;
    padding: 0;
}

.size-title-1 {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 40px 0 0;
    padding: 0;
    display: inline-block;
}

.size-1 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    background-color: var(--gray-color-16);
    width: 35px;
    height: 35px;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    margin: 0 10px 0 0;
    border: 2px solid var(--gray-color-16);
    font-family: 'Open Sans', sans-serif;
}

.size-1:last-of-type {
    margin-right: 0px;
}

.size-1.active {
    border-color: var(--green-color-3);
}

.quantity-form-1 {
    margin: 30px 0;
    padding: 0;
}

.control-1 {
    display: flex;
    width: 90px;
    height: 53px;
    border: 1px solid var(--gray-color-11);
    margin: 0 10px 0 0;
    padding: 0;
}

.control-1 .bttn-left {
    border-radius: 0px;
}

.control-1 .input {
    width: calc(100px * 0.5);
    padding: 0;
    margin: 0;
    text-align: center;
    border: none;
    color: var(--black-color-6);
    font-size: 15px;
    font-weight: 400;
    outline: none;
    box-shadow: none;
}

.control-1 a.bttn {
    color: var(--black-color);
    text-decoration: none;
}

.control-1 a.bttn,
.control-1 .bttn {
    width: calc(100px * 0.5);
    padding: 0;
    text-align: center;
    border: none;
    outline: none;
    box-shadow: none;
    background-color: var(--white-color);
    font-size: 18px;
    color: var(--black-color-6);
}

.control-1 a.bttn span,
.control-1 .bttn span {
    margin: auto !important;
}

.control-1 .bttn-right {
    border-radius: 0px;
}

.control-1 input[type="number"]::-webkit-inner-spin-button,
.control-1 input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.control-1 input::-webkit-outer-spin-button,
.control-1 input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.control-1 input[type=number] {
    -moz-appearance: textfield;
}

.info-list-1 {
    border-bottom: 1px solid var(--gray-color-24);
    padding-bottom: 30px;
}

.sku-1 {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color);
    line-height: 36px;
    margin: 0;
    padding: 0;
}

.sku-1 span {
    font-size: 18px;
    font-weight: 400;
    color: var(--gray-color-2);
    line-height: 36px;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.categories-1 {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color);
    line-height: 36px;
    margin: 0;
    padding: 0;
}

.categories-1 span {
    font-size: 18px;
    font-weight: 400;
    color: var(--gray-color-2);
    line-height: 36px;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.categories-1 span a {
    color: var(--gray-color-2);
}

.tags-1 {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color);
    line-height: 36px;
    margin: 0;
    padding: 0;
}

.tags-1 span {
    font-size: 18px;
    font-weight: 400;
    color: var(--gray-color-2);
    line-height: 36px;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.tags-1 span a {
    color: var(--gray-color-2);
}

.infolinks-1 {
    margin: 20px 0 27px 0;
    padding: 0;
}

.add-to-wishlist-1,
.add-to-delivery-returns-1,
.add-to-enquiry-1 {
    padding: 0;
    margin: 0 38px 0 0;
}

.add-to-wishlist-1 i,
.add-to-delivery-returns-1 i,
.add-to-enquiry-1 i {
    font-size: 16px;
    color: var(--black-color-6);
    margin: 0 6px 0 0;
    padding: 0;
}

.add-to-wishlist-1:hover i,
.add-to-delivery-returns-1:hover i,
.add-to-enquiry-1:hover i {
    color: var(--green-color-3);
}

.add-to-wishlist-1 span,
.add-to-delivery-returns-1 span,
.add-to-enquiry-1 span {
    font-size: 15px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.add-to-wishlist-1:hover span,
.add-to-delivery-returns-1:hover span,
.add-to-enquiry-1:hover span {
    color: var(--green-color-3);
}

.share-1 {
    margin: 22px 0 0 0;
    padding: 0;
}

.share-title-1 {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 40px 0 0;
    padding: 0;
    display: inline-block;
}

.social-button-1 {
    font-size: 15px;
    color: var(--gray-color-2);
    margin: 0 10px 0 0;
    padding: 0;
    width: 42px;
    height: 42px;
    border-radius: 100px;
    border: 1px solid var(--gray-color-11);
    display: inline-flex;
    text-align: center;
    background-color: var(--gray-color-24);
    justify-content: center;
    align-items: center;
}

.social-button-1:last-of-type {
    margin-right: 0px;
}

.social-button-1:hover {
    color: var(--light-white-color);
    background-color: var(--dark-color-2);
    border: 1px solid var(--dark-color-2);
}

.social-button-1.icon-facebook:hover {
    color: var(--white-color);
    border: 1px solid var(--blue-color);
    background-color: var(--blue-color);
}

.social-button-1.icon-twitter:hover {
    color: var(--white-color);
    border: 1px solid var(--blue-color-1);
    background-color: var(--blue-color-1);
}

.social-button-1.icon-instagram:hover {
    color: var(--white-color);
    border: 1px solid var(--red-color-2);
    background-color: var(--red-color-2);
}

.social-button-1.icon-pinterest:hover {
    color: var(--white-color);
    border: 1px solid var(--red-color-3);
    background-color: var(--red-color-3);
}

.social-button-1.icon-linkedin:hover {
    color: var(--white-color);
    border: 1px solid var(--blue-color-2);
    background-color: var(--blue-color-2);
}


/*------------------------------ Single Product v1 Page Tab CSS --------------------------------*/

.custom-tab-nav-1 {
    border-bottom: 1px solid var(--gray-color-20);
}

.custom-tab-nav-1-lr-padding {
    padding: 0 298px;
}

.custom-tab-nav-1 .nav-link.active,
.custom-tab-nav-1 .show>.nav-link {
    color: var(--green-color-3);
    border-bottom: 2px solid var(--green-color-3);
    background: none;
}

.custom-tab-nav-1 .nav-link.active::before {
    content: "";
    background-image: url('../images/single-product-v1-page-tab-icon.png');
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    width: 10px;
    height: 3px;
    margin: 0 auto;
}

.custom-tab-nav-1 .nav-item:hover .nav-link {
    color: var(--green-color-3);
    border-bottom: 2px solid var(--green-color-3);
}

.custom-tab-nav-1 .nav-link {
    background: none;
    border: none;
    border-radius: 0;
}

.custom-tab-nav-1 .nav-item {
    padding: 0px 27px;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
}

.custom-tab-nav-1 .nav-link {
    display: block;
    padding: 0 16px 4px 16px;
    margin: 0;
    color: var(--dark-color-2);
    font-size: 22px;
    font-weight: 400;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    position: relative;
    width: 100%;
}

.custom-tab-content-1 {
    margin: 35px 0 0 0;
    padding: 0;
}

.description-text1-1 {
    padding: 0;
    margin: 0 0 36px 0;
    color: var(--dark-color-2);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
}

.description-point-1 .point-1 {
    position: relative;
    padding-left: 33px;
    font-size: 16px;
    color: var(--dark-color-2);
    font-weight: 600;
    line-height: normal;
    margin: 0 0 14px 0;
    font-family: 'Open Sans', sans-serif;
}

.description-point-1 .point-1:last-child {
    margin: 0;
}

.description-point-1 .point-1::before {
    content: "\f00c";
    position: absolute;
    display: block;
    left: 0px;
    top: 4px;
    font-size: 12px;
    color: var(--green-color-3);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.video-1 {
    margin: 0;
}

.description-img1-2 {
    margin: 0;
    padding: 0;
    height: 308px;
    overflow: hidden;
    vertical-align: middle;
}

.video-1 .btn-play {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background-color: var(--black-color-8);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.video-1 .btn-play .play-icon {
    height: 24px;
    overflow: hidden;
    display: inline-block;
    line-height: 1;
}

.description-img1-3 {
    margin: 0;
    padding: 0;
    height: 308px;
    overflow: hidden;
}

.description-img1-4 {
    margin: 39px 0 0 0;
    padding: 0;
    height: 411px;
    overflow: hidden;
}

.description-text1-2 {
    padding: 0;
    margin: 0 0 28px 0;
    color: var(--dark-color-2);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
}

.description-text1-2:first-child {
    margin-top: 32px;
}

.description-text1-2:last-child {
    margin: 0;
}

.information-table-1 .table {
    border: 1px solid var(--gray-color-20);
}

.information-table-1 .table> :not(caption)>*>* {
    padding: 0;
    background: none;
    border-bottom-width: 1px;
    box-shadow: none;
}

.information-table-1 .table tbody,
td,
th,
thead,
tr {
    border: 1px solid var(--gray-color-20);
}

.information-table-1 .table tr {
    background-color: var(--white-color);
}

.information-table-1 .table th {
    font-size: 18px;
    font-weight: 500;
    color: var(--black-color);
    padding: 15px 20px;
}

.information-table-1 .table th:first-of-type {
    background-color: var(--gray-color-6);
}

.information-table-1 .table td {
    font-size: 17px;
    font-weight: 400;
    color: var(--white-color-1);
    padding: 15px 20px;
    font-family: 'Open Sans', sans-serif;
}

.size-chart-table-1 .table {
    border: 1px solid var(--gray-color-20);
}

.size-chart-table-1 .table> :not(caption)>*>* {
    padding: 0;
    border-bottom-width: 1px;
    box-shadow: none;
    border-color: var(--gray-color-20);
}

.size-chart-table-1 .table .table-dark {
    background-color: var(--black-color-2);
    border-color: var(--gray-color-20);
}

.size-chart-table-1 .table tbody,
td,
th,
thead,
tr {
    border: 1px solid var(--gray-color-20);
}


/* .size-chart-table-1 .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--dark-white-color); } */

.size-chart-table-1 .table tr {
    background-color: var(--white-color);
}

.size-chart-table-1 .table th {
    font-size: 18px;
    font-weight: 500;
    color: var(--white-color);
    padding: 11px 20px;
}

.size-chart-table-1 .table td {
    font-size: 17px;
    font-weight: 400;
    color: var(--white-color-1);
    padding: 11px 20px;
    font-family: 'Open Sans', sans-serif;
}

.size-chart-table-1 .table td:first-of-type {
    background-color: var(--gray-color-6);
}

.vendor-info-left-part-1 {
    width: 31%;
}

.vendor-info-right-part-1 {
    width: 69%;
}

.vendor-info-text-1 {
    margin: 0;
    padding: 20px;
    background-color: var(--white-color);
    border: 1px solid var(--gray-color-20);
    border-radius: 5px;
}

.vendor-info-text-1 .vendor-user {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.vendor-info-text-1 .vendor-logo {
    max-width: 70px;
    height: 70px;
    margin-right: 24px;
    margin-bottom: 0;
    overflow: hidden;
}

.vendor-info-text-1 .vendor-logo img {
    border: none;
    border-radius: 5px;
}

.vendor-info-text-1 .vendor-name {
    margin: 1px 0 4px 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--black-color);
}

.vendor-info-text-1 .vendor-name a {
    color: var(--black-color);
}

.vendor-info-text-1 .ratings-container {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.vendor-info-text-1 .ratings-full {
    margin-right: 10px;
    font-size: 12px;
    color: var(--yellow-color);
    cursor: pointer;
}

.vendor-info-text-1 .ratings-full .fas {
    display: table-cell;
    padding: 0 2px 0 0;
}

.vendor-info-text-1 .rating-reviews {
    margin: 0;
    font-size: 15px;
    color: var(--black-color);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.vendor-info-text-1 .vendor-info {
    margin: 8px 0 0 0;
}

.vendor-info-text-1 .vendor-info li {
    margin: 2px 0 0 0;
}

.vendor-info-text-1 .vendor-info label {
    display: inline-block;
    padding-right: 0;
    color: var(--black-color);
    font-size: 14px;
    font-weight: 500;
}

.vendor-info-text-1 .vendor-info .detail {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.vendor-info-text-1 .store-phone a {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.vendor-info-text-1 .store-phone a:hover {
    color: var(--black-color);
}

.vendor-info-text-1 .graybox {
    margin: 0 0 8px 10px;
    padding: 10px 22px;
    background-color: var(--dark-white-color);
    border-radius: 10px;
}

.vendor-info-text-1 .graybox .title {
    font-size: 24px;
    font-weight: 700;
    color: var(--black-color);
}

.vendor-info-text-1 .graybox .sub-desc {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.vendor-info-text-1 .btn-box {
    margin: 2px 0 0 10px;
    padding: 0;
}

.vendor-info-text1-1 {
    padding: 0;
    margin: 0;
    color: var(--dark-color-2);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-1 {
    margin: 0;
    padding: 0 48px 0 0;
}

.ratings-wrapper-1 .avg-rating-container {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.ratings-wrapper-1 .avg-mark {
    font-size: 72px;
    font-weight: 900;
    color: var(--green-color-3);
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
}

.ratings-wrapper-1 .avg-rating {
    margin-left: 22px;
}

.ratings-wrapper-1 .avg-rating p {
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-1 .avg-rating .ratings-container {
    display: flex;
    align-items: center;
    line-height: normal;
    margin-top: 5px;
    margin-bottom: 0;
}

.ratings-wrapper-1 .avg-rating .ratings-full {
    cursor: pointer;
    margin-right: 12px;
    font-size: 14px;
    font-weight: 900;
    color: var(--yellow-color);
}

.ratings-wrapper-1 .ratings-full,
.ratings {
    position: relative;
    letter-spacing: normal;
    cursor: pointer;
    margin-right: 0;
    font-size: 14px;
    font-weight: 900;
    color: var(--yellow-color);
}

.ratings-wrapper-1 .ratings-full .fas {
    display: table-cell;
    padding: 0 2px 0 0;
}

.ratings-wrapper-1 .rating-reviews {
    margin: 0;
    font-size: 16px;
    color: var(--gray-color-14);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-1 .ratings-value {
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-1 .ratings-value span:first-child {
    margin-right: 30px;
    font-size: 30px;
    font-weight: 700;
    color: var(--black-color);
}

.ratings-wrapper-1 .ratings-value .count {
    margin-left: 9px;
    font-size: 16px;
    color: var(--gray-color-14);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-1 .ratings-list .ratings-container {
    margin-bottom: 7px;
    display: flex;
    align-items: center;
}

.ratings-wrapper-1 .ratings-list .progress-bar {
    max-width: 290px;
    margin-left: 24px;
    margin-bottom: 0;
    border-radius: 5px;
}

.ratings-wrapper-1 .progress-bar.progress-bar-sm {
    height: 10px;
}

.ratings-wrapper-1 .progress-bar {
    background-color: var(--gray-color-18);
    margin-bottom: 1rem;
    height: 1rem;
    width: 100%;
}

.ratings-wrapper-1 .ratings-list .progress-bar span {
    border-radius: 5px;
}

.ratings-wrapper-1 .progress-bar .green-220 {
    display: block;
    height: 100%;
    background-color: var(--green-color);
    width: 220px;
}

.ratings-wrapper-1 .progress-bar .green-120 {
    display: block;
    height: 100%;
    background-color: var(--green-color);
    width: 120px;
}

.ratings-wrapper-1 .progress-bar .green-150 {
    display: block;
    height: 100%;
    background-color: var(--green-color);
    width: 150px;
}

.ratings-wrapper-1 .progress-bar .yellow-70 {
    display: block;
    height: 100%;
    background-color: var(--yellow-color);
    width: 70px;
}

.ratings-wrapper-1 .progress-bar .red-30 {
    display: block;
    height: 100%;
    background-color: var(--red-color-5);
    width: 30px;
}

.ratings-wrapper-1 .ratings-list .progress-value {
    margin-left: 27px;
    min-width: 32px;
}

.ratings-wrapper-1 .ratings-list .progress-value mark {
    font-size: 16px;
    color: var(--black-color);
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-1 .progress-value mark {
    background: transparent;
}

.review-form-wrapper-1 {
    margin: 0;
    padding: 0 24px;
}

.review-form-wrapper-1 .title {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    text-align: center;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    color: var(--dark-color-2);
}

.review-form-wrapper-1 p {
    font-size: 14px;
    color: var(--dark-color-2);
    font-weight: 400;
}

.review-form-wrapper-1 .review-form {
    padding-top: 23px;
}

.review-form-wrapper-1 .rating-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.review-form-wrapper-1 .rating-form label {
    font-size: 14px;
    color: var(--dark-color-2);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.review-form-wrapper-1 .rating-stars {
    position: relative;
    font-size: 12px;
    margin-left: 20px;
    color: var(--yellow-color);
    cursor: pointer;
}

.review-form-wrapper-1 .rating-stars .fas {
    display: table-cell;
    padding: 0 2px 0 0;
}

.review-form-wrapper-1 .review-form .form-control {
    min-height: 46px;
    margin-bottom: 10px;
    font-size: 15px;
    border-color: var(--white-color);
    color: var(--white-color-1);
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 0px;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    box-shadow: none;
    border: none;
}

.review-form-wrapper-1 .review-form textarea {
    height: 146px;
}

.review-form-wrapper-1 .form-group {
    margin: 6px 0 26px 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
    line-height: normal;
    display: inline-block;
}

.review-form-wrapper-1 .custom-checkbox {
    position: absolute;
    opacity: 0;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.review-form-wrapper-1 .custom-checkbox+label {
    display: inline-block;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
}

.review-form-wrapper-1 .form-group .custom-checkbox+label::before {
    top: 0;
    transform: none;
    margin-top: 0.2rem;
}

.review-form-wrapper-1 .custom-checkbox+label::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid var(--green-color-3);
    border-radius: 2px;
}

.review-form-wrapper-1 .custom-checkbox:checked+label::before,
.custom-checkbox.checked+label::before {
    content: "\f00c";
    border-color: var(--green-color-3);
    background: var(--green-color-3);
    color: var(--white-color);
    font-size: 12px;
    font-style: normal;
    text-align: center;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.comments-1 {
    margin: 0;
    padding: 0 0 0 48px;
}

.comments-1 .comment {
    position: relative;
    padding: 0 0 42px 0;
}

.comments-1 .comment:last-child {
    padding-bottom: 0;
}

.comments-1 .comment-body {
    display: flex;
}

.comments-1 .comment-avatar {
    flex: 0 0 56px;
    max-width: 56px;
    margin-right: 19px;
    height: 56px;
    overflow: hidden;
    border-radius: 100%;
}

.comments-1 .comment-author {
    margin: 3px 0 0 0;
    font-size: 20px;
    color: var(--black-color);
    line-height: normal;
    font-weight: 700;
}

.comments-1 .comment-author a {
    margin-right: 10px;
    color: inherit;
}

.comments-1 .comment-date {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
    color: var(--gray-color-14);
    font-family: 'Open Sans', sans-serif;
}

.comments-1 .ratings-container.comment-rating {
    margin-bottom: 13px;
    margin-top: 9px;
}

.comments-1 .ratings-container {
    display: flex;
    align-items: center;
    line-height: normal;
}

.comments-1 .ratings-full {
    position: relative;
    letter-spacing: normal;
    cursor: pointer;
    margin-right: 0;
    font-size: 14px;
    font-weight: 900;
    color: var(--yellow-color);
}

.comments-1 .ratings-full .fas {
    display: table-cell;
    padding: 0 2px 0 0;
}

.comments-1 .ratings-full,
.ratings {
    position: relative;
    letter-spacing: normal;
}

.comments-1 .comment-body .comment-content p {
    margin-bottom: 15px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 400;
    color: var(--dark-color-2);
}

.comments-1 .review-image {
    display: flex;
    align-items: center;
}

.comments-1 .review-image figure {
    max-width: 60px;
    margin-top: 0;
    margin-right: 0;
    border-radius: 2px;
    overflow: hidden;
    height: 60px;
}

.comments-1 .comment-action .btn-helpful {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    color: var(--green-color-3);
    font-weight: 400;
    font-size: 15px;
    margin: 0 30px 0 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.comments-1 .comment-action .btn-helpful i {
    font-size: 12px;
    color: var(--green-color-3);
    margin: 0 9px 0 0;
}

.comments-1 .comment-action .btn-report-abuse {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    color: var(--dark-color-2);
    font-weight: 400;
    font-size: 15px;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.comments-1 .comment-action .btn-report-abuse i {
    font-size: 12px;
    color: var(--dark-color-2);
    margin: 0 9px 0 0;
}


/*------------------------------ Single Product v1 Page Related Products CSS --------------------------------*/

.related_products {
    flex: 0 0 auto;
    width: 20%;
    margin-bottom: 24px;
}


/*------------------------------ Single Product v1 Page Responsive CSS --------------------------------*/

@media (max-width: 1599.98px) {
    .custom-tab-nav-1-lr-padding {
        padding: 0 248px;
    }
    .vendor-info-text-1 .graybox {
        padding: 10px 10px;
    }
    .common-btn2-hover-small-two-padding {
        padding: 14px 10px;
    }
}

@media (max-width: 1499.98px) {
    .custom-tab-nav-1-lr-padding {
        padding: 0 198px;
    }
    .vendor-info-text-1 {
        padding: 15px;
    }
    .vendor-info-text-1 .vendor-logo {
        margin-right: 14px;
    }
    .vendor-info-text-1 .ratings-full {
        margin-right: 6px;
        font-size: 11px;
    }
    .vendor-info-text-1 .rating-reviews {
        font-size: 14px;
    }
    .slider-thumbnail-1 {
        height: auto;
    }
}

@media (max-width: 1399.98px) {
    .custom-tab-nav-1-lr-padding {
        padding: 0 68px;
    }
    .description-img1-3 {
        height: 200px;
    }
    .description-img1-4 {
        height: 312px;
    }
    .description-img1-2 {
        height: 200px;
    }
    .video-1 .btn-play {
        width: 68px;
        height: 68px;
    }
    .ratings-wrapper-1 {
        padding: 0;
    }
    .review-form-wrapper-1 {
        padding: 0;
    }
    .comments-1 {
        padding: 0;
    }
    .vendor-info-text-1 {
        display: block !important;
    }
    .vendor-info-text-1 .graybox {
        margin: 0 5px 8px 0px;
        width: 48%;
        float: left;
    }
    .vendor-info-text-1 .btn-box {
        margin: 2px 0 0 0;
    }
    .common-btn2-hover-small-2 {
        font-size: 14px;
        padding: 13px 19px;
    }
    .common-btn2-hover-small-2 i {
        font-size: 16px;
    }
    .common-btn2-hover-small-2-padding2 {
        padding: 18px 50px;
    }
    .common-btn2-hover-small-2-padding3 {
        padding: 18px 16px;
    }
}

@media (max-width: 1299.98px) {
    .single-product-v1-detail-slider-img-span {
        height: 640px;
    }
    .product-label-1 {
        font-size: 14px;
        padding: 6px 8px;
    }
    .product-zoomicon-1 {
        font-size: 15px;
    }
    .product-zoomicon-group-1 {
        bottom: 20px;
    }
    .single-product-v1-detail-slider-multiple-items .slick-prev {
        top: -21px !important;
    }
    .single-product-v1-detail-slider-multiple-items .slick-next {
        bottom: -8px;
    }
    .single-product-v1-detail-slider-thumbnail {
        padding: 10px 0;
        height: 110px !important;
    }
    .title-1 {
        font-size: 20px;
        margin: 0 0 10px 0;
    }
    .text-price-1 {
        font-size: 17px;
    }
    .text-price-1 del {
        font-size: 15px;
        padding: 0 5px 0 0;
    }
    .ratings-container-1 {
        margin: 10px 0 8px 0;
    }
    .ratings-full-1 .ratings-1 .fas {
        padding: 0;
    }
    .short-desc-1 p {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }
    .color-title-1 {
        font-size: 15px;
        margin: 0 30px 0 0;
    }
    .size-swatch-1 {
        margin: 20px 0;
    }
    .size-title-1 {
        font-size: 15px;
        margin: 0 30px 0 0;
    }
    .quantity-form-1 {
        margin: 20px 0;
    }
    .control-1 {
        height: 44px;
    }
    .infolinks-1 {
        margin: 10px 0 17px 0;
    }
    .info-list-1 {
        padding-bottom: 20px;
    }
    .sku-1 {
        font-size: 15px;
        line-height: 30px;
    }
    .sku-1 span {
        font-size: 14px;
    }
    .categories-1 {
        font-size: 15px;
        line-height: 30px;
    }
    .categories-1 span {
        font-size: 14px;
    }
    .tags-1 {
        font-size: 15px;
        line-height: 30px;
    }
    .tags-1 span {
        font-size: 14px;
    }
    .share-1 {
        margin: 20px 0 0 0;
    }
    .share-title-1 {
        font-size: 15px;
        margin: 0 30px 0 0;
    }
    .social-button-1 {
        font-size: 14px;
        margin: 0 10px 0 0;
        width: 36px;
        height: 36px;
    }
    .common-btn2-hover-small-2-padding2 {
        padding: 15px 40px;
    }
    .common-btn2-hover-small-2-padding3 {
        padding: 15px 5px;
    }
    .custom-tab-nav-1 .nav-link {
        font-size: 16px;
        padding: 0 12px 4px 12px;
    }
    .custom-tab-nav-1 .nav-item {
        padding: 0px 22px;
    }
    .custom-tab-content-1 {
        margin: 25px 0 0 0;
    }
    .description-text1-1 {
        margin: 0 0 26px 0;
        font-size: 14px;
        line-height: 24px;
    }
    .description-point-1 .point-1 {
        padding-left: 23px;
        font-size: 14px;
        margin: 0 0 12px 0;
    }
    .video-1 .btn-play {
        width: 58px;
        height: 58px;
    }
    .video-1 .btn-play .play-icon {
        height: 20px;
    }
    .description-img1-4 {
        margin: 29px 0 0 0;
    }
    .description-text1-2:first-child {
        margin-top: 22px;
    }
    .description-text1-2 {
        margin: 0 0 18px 0;
        font-size: 14px;
        line-height: 24px;
    }
    .information-table-1 .table th {
        font-size: 14px;
        padding: 10px 14px;
    }
    .information-table-1 .table td {
        font-size: 14px;
        padding: 10px 14px;
    }
    .size-chart-table-1 .table th {
        font-size: 14px;
        padding: 7px 10px;
    }
    .size-chart-table-1 .table td {
        font-size: 14px;
        padding: 7px 10px;
    }
    .vendor-info-text1-1 {
        font-size: 14px;
        line-height: 24px;
    }
    .vendor-info-text-1 .vendor-logo {
        margin-right: 10px;
        max-width: 60px;
        height: 60px;
    }
    .vendor-info-text-1 .vendor-name {
        font-size: 16px;
    }
    .vendor-info-text-1 .graybox .title {
        font-size: 18px;
    }
    .vendor-info-text-1 .graybox {
        padding: 6px 6px;
        width: 47%;
    }
    .ratings-wrapper-1 .avg-mark {
        font-size: 60px;
    }
    .ratings-wrapper-1 .avg-rating {
        margin-left: 16px;
    }
    .ratings-wrapper-1 .avg-rating p {
        font-size: 15px;
    }
    .ratings-wrapper-1 .avg-rating .ratings-full {
        margin-right: 10px;
        font-size: 12px;
    }
    .ratings-wrapper-1 .rating-reviews {
        font-size: 14px;
    }
    .ratings-wrapper-1 .ratings-value {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .ratings-wrapper-1 .ratings-value span:first-child {
        margin-right: 20px;
        font-size: 20px;
    }
    .ratings-wrapper-1 .ratings-value .count {
        font-size: 14px;
    }
    .ratings-wrapper-1 .ratings-full,
    .ratings {
        font-size: 12px;
    }
    .ratings-wrapper-1 .ratings-list .progress-value mark {
        font-size: 14px;
    }
    .review-form-wrapper-1 .title {
        font-size: 16px;
    }
    .review-form-wrapper-1 .review-form {
        padding-top: 13px;
    }
    .review-form-wrapper-1 .rating-form {
        margin-bottom: 18px;
    }
    .review-form-wrapper-1 .review-form .form-control {
        min-height: 40px;
        margin-bottom: 10px;
        font-size: 14px;
        padding: 8px 16px;
    }
    .review-form-wrapper-1 .review-form textarea {
        height: 140px;
    }
    .review-form-wrapper-1 .form-group {
        margin: 3px 0 16px 0;
        font-size: 14px;
    }
    .review-form-wrapper-1 .custom-checkbox {
        height: 16px;
        width: 16px;
    }
    .review-form-wrapper-1 .custom-checkbox:checked+label::before,
    .custom-checkbox.checked+label::before {
        font-size: 10px;
    }
    .common-btn2-hover-small-arrow {
        font-size: 15px;
    }
    .comments-1 .comment-avatar {
        flex: 0 0 50px;
        max-width: 50px;
        margin-right: 15px;
        height: 50px;
    }
    .comments-1 .comment-author {
        font-size: 16px;
    }
    .comments-1 .comment-date {
        font-size: 14px;
    }
    .comments-1 .ratings-full {
        font-size: 12px;
    }
    .comments-1 .ratings-container.comment-rating {
        margin-bottom: 10px;
        margin-top: 7px;
    }
    .comments-1 .comment-body .comment-content p {
        margin-bottom: 12px;
        line-height: 22px;
        font-size: 14px;
    }
    .comments-1 .review-image figure {
        max-width: 50px;
        height: 50px;
    }
    .comments-1 .comment-action .btn-helpful {
        font-size: 14px;
        margin: 0 20px 0 0;
    }
    .comments-1 .comment-action .btn-report-abuse {
        font-size: 14px;
    }
}

@media (max-width: 1199.98px) {
    .custom-tab-nav-1-lr-padding {
        padding: 0;
    }
    .related_products {
        width: 33.33%;
    }
}

@media (max-width: 991.98px) {
    .single-product-v1-detail-slider-thumbnail {
        padding: 6px 0;
        height: 90px !important;
        width: 85px !important;
    }
    .product-zoomicon-group-1 {
        bottom: 10px;
        right: 10px;
    }
    .slider-thumbnail-1 {
        max-width: 100px;
        flex-basis: 100px;
    }
    .single-product-v1-detail {
        padding: 0;
    }
    .custom-tab-nav-1 .nav-item {
        padding: 0px 10px;
    }
    .common-btn2-hover-small-2-padding2 {
        padding: 15px 30px;
    }
    .description-img1-3 {
        height: 150px;
    }
    .description-img1-2 {
        height: 150px;
    }
    .description-img1-4 {
        height: 200px;
    }
    .single-product-v1-related-products .md-margin-bottom {
        margin-bottom: 24px;
    }
    .description-img1-2 {
        height: 250px;
    }
    .description-img1-3 {
        height: 250px;
    }
    .description-img1-4 {
        height: 400px;
    }
    .description-point-1 .point-1:last-child {
        margin: 0 0 26px 0;
    }
    .vendor-info-left-part-1 {
        width: 60%;
    }
    .vendor-info-right-part-1 {
        width: 100%;
    }
    .vendor-info-text-1 {
        display: flex !important;
    }
    .vendor-info-text-1 .graybox {
        padding: 6px 6px;
        width: auto;
        display: block;
        float: none;
        margin: 0 0px 8px 25px;
        border-radius: 5px;
    }
    .vendor-info-text-1 .btn-box {
        margin: 2px 0 0 25px;
    }
    .vendor-info-text1-1 {
        margin: 26px 0 0 0;
    }
    .review-form-wrapper-1 {
        margin: 26px 0;
    }
    .single-product-v1-detail {
        padding: 24px 0 0 0;
    }
}

@media (max-width: 767.98px) {
    .single-product-v1-detail-slider-img-span {
        height: 624px;
    }
    .single-product-v1-detail-slider-thumbnail {
        height: 86px !important;
    }
    .color-title-1 {
        margin: 0 10px 0 0;
    }
    .size-title-1 {
        margin: 0 10px 0 0;
    }
    .share-title-1 {
        margin: 0 10px 0 0;
    }
    .common-btn2-hover-small-2-responsive {
        display: inline-block;
    }
    .info-list-1 {
        padding-bottom: 10px;
    }
    .share-1 {
        margin: 10px 0 0 0;
    }
    .custom-tab-nav-1 .nav-item {
        padding: 0 0 10px 0;
        flex-basis: 50%;
        max-width: 100%;
    }
    .custom-tab-nav-1 .nav-link {
        padding: 15px 16px 4px 16px;
    }
    .vendor-info-text-1 .graybox .title {
        font-size: 16px;
    }
    .ratings-wrapper-1 .ratings-value span:first-child {
        margin-right: 15px;
        font-size: 17px;
    }
    .review-form-wrapper-1 .review-form {
        padding-top: 10px;
    }
    .ratings-wrapper-1 .avg-mark {
        font-size: 40px;
    }
    .description-img1-2 {
        height: 184px;
    }
    .description-img1-3 {
        height: 184px;
    }
    .description-img1-4 {
        height: 290px;
    }
    .vendor-info-left-part-1 {
        width: 80%;
    }
    .related_products {
        width: 50%;
    }
}

@media (max-width: 575.98px) {
    .common-btn2-hover-small-2-padding2 {
        padding: 10px 30px;
    }
    .common-btn2-hover-small-2 {
        padding: 14px 20px;
    }
    .vendor-info-text-1 {
        display: block !important;
        padding: 10px;
    }
    .vendor-info-text-1 .graybox {
        margin: 0 0px 8px 0px;
        padding: 5px;
    }
    .vendor-info-text-1 .btn-box {
        margin: 2px 0 0 0px;
    }
}

@media (max-width: 480.98px) {
    .single-product-v1-detail-slider-img-span {
        height: 534px;
    }
    .custom-tab-nav-1 .nav-item {
        padding: 0px 2px;
    }
    .vendor-info-left-part-1 {
        width: 100%;
    }
    .description-img1-3 {
        height: 160px;
    }
    .description-img1-2 {
        height: 160px;
    }
    .description-img1-4 {
        height: 260px;
    }
    .add-to-wishlist-1,
    .add-to-delivery-returns-1,
    .add-to-enquiry-1 {
        width: 100%;
        display: block;
        margin: 0px;
    }
    .add-to-wishlist-1 {
        margin: 0;
    }
    .add-to-delivery-returns-1 {
        margin: 0;
    }
    .infolinks-1 {
        display: block !important;
    }
}

@media (max-width: 414.98px) {
    .related_products {
        width: 100%;
    }
    .single-product-v1-detail-slider-img-span {
        height: 435px;
    }
    .custom-tab-nav-1 .nav-item {
        padding: 0px 0px;
    }
    .vendor-info-text-1 .graybox {
        margin: 0 0px 8px 0px;
    }
    .vendor-info-text-1 .btn-box {
        margin: 2px 0 0 0px;
    }
    .vendor-info-text1-1 {
        margin: 20px 0 0 0;
    }
}

@media (max-width: 375.98px) {
    .color-1 {
        margin-right: 8px;
    }
    .social-button-1 {
        width: 35px;
        height: 35px;
        margin: 0 5px 0 0;
    }
    .single-product-v1-detail-slider-img-span {
        height: 380px;
    }
    .single-product-v1-detail-slider-thumbnail {
        height: 80px !important;
    }
    .description-img1-3 {
        height: 120px;
    }
    .description-img1-2 {
        height: 120px;
    }
    .description-img1-4 {
        height: 200px;
    }
    .vendor-info-text-1 {
        display: block !important;
        padding: 10px;
    }
    .vendor-info-text-1 .graybox {
        margin: 0 0px 8px 0px;
        padding: 5px;
    }
    .vendor-info-text-1 .btn-box {
        margin: 2px 0 0 0px;
    }
}

@media (max-width: 360.98px) {
    .single-product-v1-detail-slider-img-span {
        height: 354px;
    }
    .single-product-v1-detail-slider-thumbnail {
        height: 76px !important;
    }
}

@media (max-width: 320.98px) {
    .add-to-delivery-returns-1 {
        margin: 0;
    }
    .single-product-v1-detail-slider-img-span {
        height: 300px;
    }
    .single-product-v1-detail-slider-thumbnail {
        height: 66px !important;
    }
    .review-form-wrapper-1 .rating-stars {
        margin-left: 10px;
    }
    .comments-1 .comment-date {
        display: block;
    }
}


/*=========================================== Single Product v1 Page End CSS ===========================================*/


/*=========================================== Single Product v2 Page Start CSS ===========================================*/


/*------------------------------ Single Product v2 Page Slider CSS --------------------------------*/

.single-product-v2-detail-slider .slick-slide.slick-current {
    opacity: 1;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.single-product-v2-detail-slider .slick-slide {
    opacity: 0.5;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.single-product-v2-detail-slider .slide {
    height: 700px;
    overflow: hidden;
}

.single-product-v2-detail-slider .slick-slide>a[data-fancybox] {
    pointer-events: none;
}

.single-product-v2-detail-slider .slick-slide.slick-current>a[data-fancybox] {
    pointer-events: all
}

.single-product-v2-slicknavbtnprev {
    cursor: pointer;
    bottom: 50%;
    position: absolute;
    left: 20px;
    background-color: var(--white-color);
    border-radius: 100%;
    width: 54px;
    height: 54px;
    padding: 13px;
}

.single-product-v2-slicknavbtnprev img {
    max-width: 27px;
}

.single-product-v2-slicknavbtnnext {
    cursor: pointer;
    bottom: 50%;
    position: absolute;
    right: 20px;
    background-color: var(--white-color);
    border-radius: 100%;
    width: 54px;
    height: 54px;
    padding: 13px;
}

.single-product-v2-slicknavbtnnext img {
    max-width: 27px;
}


/*------------------------------ Single Product v2 Page Product Detail Two Part CSS --------------------------------*/

.single-product-v2-detail {
    margin: -180px 0 0 0;
    padding: 0 48px 0 48px;
    position: relative;
}

.left-part-2 {
    padding: 50px;
    background-color: var(--white-color);
    box-shadow: 0 30px 30px rgba(0, 0, 0, 0.10);
    display: block;
    margin-right: 13px;
    height: 100%;
}

.right-part-2 {
    padding: 50px;
    background-color: var(--white-color);
    box-shadow: 0 30px 30px rgba(0, 0, 0, 0.10);
    display: block;
    margin-left: 13px;
    height: 100%;
}

.single-product-v2-detail-padding {
    padding: 0 12px;
}

.custom-tab-nav-2 {
    border: none !important;
}

.custom-tab-nav-2 .nav-item {
    margin-left: 0 !important;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    padding: 0px;
}

.custom-tab-nav-2 .nav-link.active,
.show>.nav-link {
    color: var(--green-color-3);
    font-weight: 500 !important;
    border-top: 3px solid var(--green-color-3) !important;
    border-bottom: none !important;
    background-color: var(--white-color) !important;
}

.custom-tab-nav-2 .nav-item:hover .nav-link {
    border-bottom: none !important;
}

.custom-tab-nav-2 .nav-link.active::before {
    display: none !important;
}

.custom-tab-nav-2 .nav-link {
    padding: 10px !important;
    color: var(--dark-color-2);
    font-size: 19px !important;
    border-top: 3px solid transparent !important;
    background-color: var(--gray-color-19) !important;
    width: 100%;
}

.description-img-2-3 {
    height: 280px !important;
}

.description-text2-1 {
    margin-top: 40px !important;
}


/* .information-table-2 .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--gray-color-19); } */

.information-table-2 .table tr {
    background-color: var(--white-color);
}

.information-table-2 .table-striped th {
    vertical-align: middle;
}

.size-chart-table-2 .table td {
    padding: 11px 8px !important;
}

.vendor-info-left-part-2 {
    width: 100% !important;
    margin-bottom: 30px;
}

.vendor-info-right-part-2 {
    width: 100% !important;
}

.vendor-info-text-2 {
    float: left;
}

.single-product-vendor-info-2-1 {
    float: left;
}

.single-product-vendor-info-2 {
    float: right;
}

.ratings-wrapper-2 {
    padding: 0 40px 0 0 !important;
}

.review-form-wrapper-2 {
    padding: 0 0 0 34px !important;
}

.review-form-wrapper-2 .review-form .form-control {
    border: 2px solid var(--gray-color-4) !important;
}

.review-form-wrapper-2 .review-form textarea {
    height: 100px !important;
}

.comments-2 {
    padding: 50px 0 0 0 !important;
    margin-top: 50px !important;
    border-top: 1px solid var(--gray-color-18);
}


/*------------------------------ Single Product v2 Page Responsive CSS --------------------------------*/

@media (max-width: 1999.98px) {
    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-220 {
        width: 130px !important;
    }
    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-120 {
        width: 100px !important;
    }
    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-150 {
        width: 125px !important;
    }
    .custom-tab-content-2 .ratings-wrapper .progress-bar .yellow-70 {
        width: 60px !important;
    }
    .custom-tab-content-2 .ratings-wrapper .progress-bar .red-30 {
        width: 20px !important;
    }
}

@media (max-width: 1899.98px) {
    .ratings-wrapper-2 {
        padding: 0 21px 0 0 !important;
    }
    .review-form-wrapper-2 {
        padding: 0 0 0 22px !important;
    }
    .description-img-2-3 {
        height: 260px !important;
    }
}

@media (max-width: 1799.98px) {
    .ratings-wrapper-2 {
        padding: 0 !important;
    }
    .review-form-wrapper-2 {
        padding: 0 !important;
    }
    .custom-tab-content-2 .ratings-wrapper .avg-mark {
        font-size: 69px !important;
    }
    .description-img-2-3 {
        height: 240px !important;
    }
}

@media (max-width: 1699.98px) {
    .review-form-wrapper-2 {
        padding: 30px 0 0 0 !important;
    }
    .single-product-v2-detail .single-product-v2-responsive {
        width: 100%;
    }
    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-220 {
        width: 220px !important;
    }
    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-120 {
        width: 120px !important;
    }
    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-150 {
        width: 150px !important;
    }
    .custom-tab-content-2 .ratings-wrapper .progress-bar .yellow-70 {
        width: 70px !important;
    }
    .custom-tab-content-2 .ratings-wrapper .progress-bar .red-30 {
        width: 30px !important;
    }
    .single-product-v2-detail .single-product-responsive-width {
        width: 50%;
    }
    .description-img-2-3 {
        height: 220px !important;
    }
}

@media (max-width: 1599.98px) {
    .custom-tab-nav-2 .nav-link {
        padding: 10px 6px !important;
    }
}

@media (max-width: 1499.98px) {
    .single-product-v2-detail {
        padding: 0 34px 0 34px;
    }
    .left-part-2 {
        padding: 30px;
        margin-right: 0;
    }
    .right-part-2 {
        padding: 30px;
        margin-left: 0;
    }
}

@media (max-width: 1399.98px) {
    .custom-tab-nav-2 .nav-link {
        padding: 10px 3px !important;
    }
    .single-product-v2-detail-slider .slide {
        height: 650px;
    }
    .description-img-2-3 {
        height: 390px !important;
        margin: 30px 0 0 0 !important;
    }
    .size-chart-table-2 .table td {
        padding: 11px 7px !important;
        font-size: 16px !important;
    }
    .size-chart-table-2 .table td {
        padding: 11px 7px !important;
        font-size: 16px !important;
    }
    .vendor-info-left-part-2 .graybox {
        margin: 0 0 8px 10px;
        width: unset;
        float: unset;
    }
    .vendor-info-left-part-2 .btn-box {
        margin: 2px 0 0 10px;
    }
}

@media (max-width: 1299.98px) {
    .single-product-v2-detail-slider .slide {
        height: 600px;
    }
    .single-product-v2-slicknavbtnprev {
        width: 44px;
        height: 44px;
        padding: 9px;
    }
    .single-product-v2-slicknavbtnprev img {
        max-width: 24px;
    }
    .single-product-v2-slicknavbtnnext {
        width: 44px;
        height: 44px;
        padding: 9px;
    }
    .single-product-v2-slicknavbtnnext img {
        max-width: 24px;
    }
    .description-img-2-3 {
        height: 360px !important;
        margin: 26px 0 0 0 !important;
    }
    .custom-tab-nav-2 .nav-link {
        font-size: 16px !important;
        padding: 8px 3px !important;
    }
    .description-text2-1 {
        margin-top: 26px !important;
    }
    .size-chart-table-2 .table td {
        padding: 7px 7px !important;
        font-size: 14px !important;
    }
    .review-form-wrapper-2 {
        padding: 26px 0 0 0 !important;
    }
    .comments-2 {
        padding: 26px 0 0 0 !important;
        margin-top: 26px !important;
    }
    .vendor-info-left-part-2 {
        margin-bottom: 26px !important;
    }
    .custom-tab-content-2 .vendor-info-text {
        display: flex !important;
    }
    .custom-tab-content-2 .vendor-info-text .graybox {
        margin: 0 0px 8px 10px !important;
        width: unset !important;
        display: block !important;
        float: none !important;
    }
    .custom-tab-content-2 .vendor-info-text .btn-box {
        margin: 2px 0 0 10px !important;
    }
    .custom-tab-content-2 .ratings-wrapper .avg-mark {
        font-size: 60px !important;
    }
}

@media (max-width: 1199.98px) {
    .custom-tab-nav-2 .nav-item {
        flex-basis: 50%;
        max-width: 100%;
    }
    .add-to-wishlist-1,
    .add-to-delivery-returns-1,
    .add-to-enquiry-1 {
        margin: 0 20px 0 0;
    }
    .add-to-enquiry-1 {
        margin: 0;
    }
}

@media (max-width: 1024.98px) {
    .single-product-v2-detail-slider .slide {
        height: 510px;
    }
    .single-product-v2-detail {
        padding: 0 22px
    }
    .left-part-2 {
        padding: 20px;
    }
    .right-part-2 {
        padding: 20px;
    }
    .add-to-wishlist-1,
    .add-to-delivery-returns-1,
    .add-to-enquiry-1 {
        margin: 0 20px 12px 0;
    }
    .add-to-enquiry-1 {
        margin: 0;
    }
    .description-img-2-3 {
        height: 320px !important;
    }
}

@media (max-width: 992.98px) {
    .single-product-v2-detail-slider .slide {
        height: 496px;
    }
    .single-product-v2-detail .infolinks .add-to-wishlist,
    .add-to-delivery-returns,
    .add-to-enquiry {
        margin: 0 25px 0 0 !important;
    }
    .description-img-2-3 {
        height: 308px !important;
    }
}

@media (max-width: 991.98px) {
    .vendor-info-text-2 {
        float: left;
        display: block !important;
    }
    .single-product-vendor-info-2-1 {
        float: left;
        width: 100%;
    }
    .vendor-info-left-part-2 .graybox {
        margin: 0 0 8px 0px;
    }
    .vendor-info-left-part-2 .btn-box {
        margin: 2px 0 0 0px;
    }
    .single-product-vendor-info-2 {
        float: left;
        width: 100%;
    }
    .custom-tab-content-2 .vendor-info-text1 {
        margin: 0 !important;
    }
    .add-to-enquiry-1 {
        margin: 0;
    }
}

@media (max-width: 800.98px) {
    .fullwidth-responsive {
        width: 100%;
    }
    .single-product-v2-detail-slider .slide {
        height: 400px;
    }
    .single-product-v2-detail {
        margin: -120px 0 0 0;
    }
    .single-product-v2-detail-padding {
        margin-bottom: 26px;
    }
    .description-img-2-3 {
        height: 500px !important;
        margin: 0 !important;
    }
}

@media (max-width: 768.98px) {
    .single-product-v2-detail-slider .slide {
        height: 384px;
    }
    .single-product-v2-slicknavbtnprev {
        width: 34px;
        height: 34px;
        padding: 4px;
    }
    .single-product-v2-slicknavbtnnext {
        width: 34px;
        height: 34px;
        padding: 4px;
    }
    .single-product-v2-detail .description-text1 {
        margin: 0 0 20px 0 !important;
    }
    .single-product-v2-detail .description-point .point:last-child {
        margin: 0 0 20px 0 !important;
    }
    .description-text2-1 {
        margin-top: 20px !important;
    }
    .vendor-info-left-part-2 {
        margin-bottom: 20px !important;
    }
    .review-form-wrapper-2 {
        margin: 20px 0 !important;
        padding: 20px 0 0 0 !important;
    }
    .comments-2 {
        padding: 20px 0 0 0 !important;
        margin-top: 20px !important;
    }
}

@media (max-width: 767.98px) {
    .description-img-2-3 {
        height: 490px !important;
    }
    .custom-tab-content-2 .ratings-wrapper .avg-mark {
        font-size: 40px !important;
    }
}

@media (max-width: 600.98px) {
    .single-product-v2-detail-slider .slide {
        height: 300px;
    }
    .single-product-v2-slicknavbtnprev {
        padding: 4px 7px;
    }
    .single-product-v2-slicknavbtnprev img {
        max-width: 20px;
    }
    .single-product-v2-slicknavbtnnext {
        padding: 4px 7px;
    }
    .single-product-v2-slicknavbtnnext img {
        max-width: 20px;
    }
    .single-product-v2-detail {
        margin: -80px 0 0 0;
    }
    .description-img-2-3 {
        height: 360px !important;
    }
}

@media (max-width: 575.98px) {
    .single-product-v2-detail {
        padding: 0 10px;
    }
}

@media (max-width: 480.98px) {
    .single-product-v2-detail {
        margin: -60px 0 0 0;
    }
    .single-product-v2-detail-slider .slide {
        height: 240px;
    }
    .single-product-v2-slicknavbtnprev {
        width: 28px;
        height: 28px;
        padding: 1px 4px;
    }
    .single-product-v2-slicknavbtnnext {
        width: 28px;
        height: 28px;
        padding: 1px 4px;
    }
    .single-product-v2-detail {
        padding: 0;
    }
    .single-product-v2-detail-padding {
        margin-bottom: 12px;
    }
    .left-part-2 {
        padding: 15px;
    }
    .right-part-2 {
        padding: 15px;
    }
    .description-img-2-3 {
        height: 290px !important;
    }
}

@media (max-width: 414.98px) {
    .single-product-v2-detail .infolinks .add-to-wishlist,
    .add-to-delivery-returns,
    .add-to-enquiry {
        margin: 0 12px 0 0 !important;
    }
    .single-product-v2-detail .single-product-responsive-width {
        width: 100%;
    }
    .description-img-2-3 {
        height: 270px !important;
    }
    .custom-tab-content-2 .vendor-info-text {
        display: block !important;
    }
    .custom-tab-content-2 .vendor-info-text .graybox {
        margin: 5px 0px 8px 0 !important;
    }
    .custom-tab-content-2 .vendor-info-text .btn-box {
        margin: 2px 0 0 0 !important;
    }
    .review-form-wrapper-2 {
        margin: 10px 0 !important;
        padding: 10px 0 0 0 !important;
    }
    .comments-2 {
        padding: 10px 0 0 0 !important;
        margin-top: 10px !important;
    }
}

@media (max-width: 375.98px) {
    .single-product-v2-detail-slider .slide {
        height: 190px;
    }
    .single-product-v2-detail {
        margin: -30px 0 0 0;
    }
    .single-product-v2-detail .infolinks {
        display: block !important;
    }
    .single-product-v2-detail .infolinks .add-to-wishlist,
    .add-to-delivery-returns,
    .add-to-enquiry {
        margin: 0 0 10px 0 !important;
        width: 100% !important;
        display: block;
    }
    .description-img-2-3 {
        height: 240px !important;
    }
    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-220 {
        width: 100px !important;
    }
    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-120 {
        width: 60px !important;
    }
    .custom-tab-content-2 .ratings-wrapper .progress-bar .green-150 {
        width: 80px !important;
    }
    .custom-tab-content-2 .ratings-wrapper .progress-bar .yellow-70 {
        width: 30px !important;
    }
    .custom-tab-content-2 .ratings-wrapper .progress-bar .red-30 {
        width: 10px !important;
    }
    .custom-tab-content-2 .comments .comment-date {
        display: block !important;
    }
}

@media (max-width: 360.98px) {
    .description-img-2-3 {
        height: 230px !important;
    }
}

@media (max-width: 320.98px) {
    .single-product-v2-detail .color-swatch .color {
        margin-right: 6px !important;
    }
    .left-part-2 {
        padding: 10px;
    }
    .right-part-2 {
        padding: 10px;
    }
    .single-product-v2-detail .share .social-icons .icon-facebook {
        margin: 0 4px 0 0 !important;
    }
    .single-product-v2-detail .share .social-icons .icon-twitter {
        margin: 0 4px 0 0 !important;
    }
    .single-product-v2-detail .share .social-icons .icon-instagram {
        margin: 0 4px 0 0 !important;
    }
    .single-product-v2-detail .share .social-icons .icon-pinterest {
        margin: 0 4px 0 0 !important;
    }
    .single-product-v2-detail .share .social-icons .icon-linkedin {
        margin: 0 4px 0 0 !important;
    }
    .description-img-2-3 {
        height: 200px !important;
    }
}


/*=========================================== Single Product v2 Page End CSS ===========================================*/


/*=========================================== Single Product v3 Page Start CSS ===========================================*/


/*------------------------------ Single Product v3 Page Detail CSS --------------------------------*/

.single-product-v3-detail-main {
    border-top: 1px solid var(--gray-color-3);
    border-bottom: 1px solid var(--gray-color-3);
    margin: 0px 0 0 0;
    padding: 0
}

.single-product-v3-detail-page-slider-main {
    border-left: 1px solid var(--gray-color-3);
    border-right: 1px solid var(--gray-color-3);
    margin: 0;
    padding: 30px 87px 10px 87px;
    position: relative;
}

.single-product-v3-slicknavholdercustom {
    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
}

.single-product-v3-slicknavholdercustom .single-product-v3-slicknavbtnprev {
    cursor: pointer;
    position: absolute;
    left: 0;
}

.single-product-v3-slicknavholdercustom .single-product-v3-slicknavbtnnext {
    cursor: pointer;
    position: absolute;
    right: 0;
}

.single-product-v3-slicknavholdercustom2 {
    position: absolute;
    bottom: 11%;
    left: 30px;
    right: 30px;
}

.single-product-v3-slicknavholdercustom2 .single-product-v3-slicknavbtnprev {
    cursor: pointer;
    position: absolute;
    left: 0;
}

.single-product-v3-slicknavholdercustom2 .single-product-v3-slicknavbtnnext {
    cursor: pointer;
    position: absolute;
    right: 0;
}

.single-product-v3-detail-page-slider-large .slider-img {
    height: 637px;
    width: 100%;
    overflow: hidden;
    margin: 0 0 30px 0;
}

.single-product-v3-detail-page-slider-large .slider-img img {
    object-position: center;
}

.single-product-v3-detail-page-slider-thumbnail {
    margin: 0 -5px;
}

.single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img {
    height: 134px;
    overflow: hidden;
    cursor: pointer;
    padding: 0 5px;
}

.single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img img {
    object-position: center;
}

.single-product-v3-detail-page-slider-thumbnail .slick-slide.slick-current .slider-thumbnail-img img {
    opacity: 1;
    transition: all 0.3s;
}

.single-product-v3-detail-page-slider-thumbnail .slick-slide .slider-thumbnail-img img {
    opacity: 0.5;
    transition: all 0.3s;
}

.single-product-v3-detail {
    padding: 0;
}

.title-3 {
    font-size: 36px;
    font-weight: 600;
    color: var(--black-color-6);
    margin: 68px 0 2px 0;
    padding: 0;
}

.price-3 .text-price-3 del {
    font-size: 20px;
    font-weight: 400;
    color: var(--black-color-6);
    opacity: 50%;
    margin: 0;
    padding: 0 20px 0 0;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
}

.price-3 .text-price-3 {
    font-size: 32px;
    font-weight: 700;
    color: var(--green-color-3);
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
}

.color-swatch-3 {
    margin: 30px 0 0 0;
    padding: 0;
}

.color-title-3 {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 20px 0 0;
    padding: 0;
    display: inline-block;
}

.color-3.active::before {
    content: "";
    background-color: var(--white-color);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    margin: 11px;
}

.color-3 {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: none;
    margin-right: 10px;
    transition: box-shadow .35s ease;
    background-repeat: no-repeat;
    background-position: 50%;
}

.color-3:last-of-type {
    margin-right: 0px;
}

.color-3 .tt-text {
    visibility: hidden;
    opacity: 0;
}

.size-swatch-3 {
    margin: 30px 0;
    padding: 0;
}

.size-title-3 {
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 20px 0 0;
    padding: 0;
    display: inline-block;
}

.size-3 {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    background-color: var(--light-white-color);
    width: 43px;
    height: 31px;
    border-radius: 15px;
    text-align: center;
    padding: 3px;
    margin: 0 10px 0 0;
    border: 1px solid var(--gray-color-3);
    font-family: 'Open Sans', sans-serif;
}

.size-3:last-of-type {
    margin-right: 0px;
}

.size-3.active {
    color: var(--white-color);
    background-color: var(--black-color-1);
    border: 1px solid var(--black-color-1);
}

.info-list-3 {
    border-top: 1px solid var(--gray-color-3);
    padding-top: 22px;
}

.sku-3 {
    font-size: 17px;
    font-weight: 400;
    color: #111111;
    line-height: 28px;
    margin: 0;
    padding: 0;
}

.sku-3 span {
    font-size: 17px;
    font-weight: 400;
    color: #111111;
    line-height: 28px;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.categories-3 {
    font-size: 17px;
    font-weight: 400;
    color: #111111;
    line-height: 28px;
    margin: 0;
    padding: 0;
}

.categories-3 span {
    font-size: 17px;
    font-weight: 400;
    color: #111111;
    line-height: 28px;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.categories-3 span a {
    color: #111111;
}

.tags-3 {
    font-size: 17px;
    font-weight: 400;
    color: var(--dark-color-2);
    line-height: 28px;
    margin: 0;
    padding: 0;
}

.tags-3 span {
    font-size: 17px;
    font-weight: 400;
    color: var(--dark-color-2);
    line-height: 28px;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.tags-3 span a {
    color: var(--dark-color-2);
}

.quantity-form-3 {
    margin: 26px 0 30px 0;
    padding: 0;
    border-bottom: 1px solid var(--gray-color-3);
    padding-bottom: 23px;
}

.control-3 {
    display: flex;
    width: 90px;
    height: 53px;
    border: 1px solid var(--gray-color-3);
    margin: 0 10px 0 0;
    padding: 0;
    background-color: var(--light-white-color);
}

.control-3 .bttn-left {
    border-radius: 0px;
}

.control-3 .input {
    width: calc(100px * 0.5);
    padding: 0;
    margin: 0;
    text-align: center;
    border: none;
    color: var(--black-color-6);
    font-size: 15px;
    font-weight: 400;
    outline: none;
    box-shadow: none;
}

.control-3 a.bttn {
    color: var(--black-color);
    text-decoration: none;
}

.control-3 a.bttn,
.control-3 .bttn {
    width: calc(100px * 0.5);
    padding: 0;
    text-align: center;
    border: none;
    outline: none;
    box-shadow: none;
    background-color: var(--white-color);
    font-size: 18px;
    color: var(--black-color-6);
}

.control-3 a.bttn span,
.control-3 .bttn span {
    margin: auto !important;
}

.control-3 .bttn-right {
    border-radius: 0px;
}

.control-3 input[type="number"]::-webkit-inner-spin-button,
.control-3 input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.control-3 input::-webkit-outer-spin-button,
.control-3 input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.control-3 input[type=number] {
    -moz-appearance: textfield;
}

.infolinks-3 {
    margin: 0 0 30px 0;
    padding: 0;
}

.add-to-wishlist-3,
.add-to-delivery-returns-3,
.add-to-enquiry-3 {
    padding: 0 22px 0 0;
    margin: 0 21px 0 0;
    border-right: 1px solid var(--gray-color-3);
}

.add-to-enquiry-3 {
    padding: 0;
    margin: 0;
    border: none;
}

.add-to-wishlist-3 i,
.add-to-delivery-returns-3 i,
.add-to-enquiry-3 i {
    font-size: 18px;
    color: var(--black-color-6);
    margin: 0 0 4px 0;
    padding: 0;
    font-weight: 900;
}

.add-to-wishlist-3:hover i,
.add-to-delivery-returns-3:hover i,
.add-to-enquiry-3:hover i {
    color: var(--green-color-3);
}

.add-to-wishlist-3 span,
.add-to-delivery-returns-3 span,
.add-to-enquiry-3 span {
    font-size: 15px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    display: block;
}

.add-to-wishlist-3:hover span,
.add-to-delivery-returns-3:hover span,
.add-to-enquiry-3:hover span {
    color: var(--green-color-3);
}

.share-3 {
    margin: 22px 0 0 0;
    padding: 0;
}

.share-title-3 {
    font-size: 20px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 20px 0 0;
    padding: 0;
    display: inline-block;
}

.social-button-3 {
    font-size: 15px;
    color: var(--dark-color-2);
    margin: 0 5px 0 0;
    padding: 0;
    width: 42px;
    height: 42px;
    border-radius: 100px;
    border: 1px solid var(--gray-color-3);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: var(--light-white-color);
}

.social-button-3:last-of-type {
    margin-right: 0px;
}

.social-button-3:hover {
    color: var(--light-white-color);
    background-color: var(--dark-color-2);
    border: 1px solid var(--dark-color-2);
}

.social-button-3.icon-facebook:hover {
    color: var(--white-color);
    border: 1px solid var(--blue-color);
    background-color: var(--blue-color);
}

.social-button-3.icon-twitter:hover {
    color: var(--white-color);
    border: 1px solid var(--blue-color-1);
    background-color: var(--blue-color-1);
}

.social-button-3.icon-instagram:hover {
    color: var(--white-color);
    border: 1px solid var(--red-color-2);
    background-color: var(--red-color-2);
}

.social-button-3.icon-pinterest:hover {
    color: var(--white-color);
    border: 1px solid var(--red-color-3);
    background-color: var(--red-color-3);
}

.social-button-3.icon-linkedin:hover {
    color: var(--white-color);
    border: 1px solid var(--blue-color-2);
    background-color: var(--blue-color-2);
}


/*------------------------------ Single Product v3 Page Tab CSS --------------------------------*/

.custom-accordion-3 .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.custom-accordion-3 .accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-accordion-3 .accordion-item:not(:first-of-type) {
    border-top: 0;
}

.custom-accordion-3 .accordion-item {
    background-color: var(--white-color);
    border: none;
}

.custom-accordion-3 .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.custom-accordion-3 .accordion-button:not(.collapsed) {
    color: var(--green-color-3);
    background-color: var(--white-color);
    box-shadow: none;
}

.custom-accordion-3 .accordion-button {
    font-size: 17px;
    font-weight: 500;
    padding: 18px 0;
}

.custom-accordion-3 .accordion-button:focus {
    z-index: 3;
    border-color: var(--gray-color-3);
    outline: 0;
    box-shadow: none;
}

.custom-accordion-3 .accordion-header {
    border-bottom: 1px solid var(--gray-color-3);
}

.custom-accordion-3 .accordion-body {
    padding: 20px 0 40px 0;
    border-bottom: 1px solid var(--gray-color-3);
}

.custom-accordion-3 .accordion-button::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    flex-shrink: 0;
    margin-left: auto;
    width: unset;
    height: unset;
    content: "\f067";
    color: #212529;
    font-size: 12px;
    background-image: none;
    background-repeat: unset;
    background-size: unset;
    transition: transform .2s ease-in-out;
}

.custom-accordion-3 .accordion-button:not(.collapsed)::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
    color: var(--green-color-3);
    font-size: 12px;
    background-image: none;
    transform: none;
}

.description-text3 {
    padding: 0;
    margin: 23px 0 26px 0;
    color: var(--dark-color-2);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.description-img3-1 {
    margin: 0;
    padding: 0;
    height: 154px;
    overflow: hidden;
}

.information-table-3 .table {
    border: 1px solid var(--gray-color-18);
    margin: 0;
}


/* .information-table-3 .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--gray-color-19); } */

.information-table-3 .table> :not(caption)>*>* {
    padding: 0;
    background: none;
    border-bottom-width: 1px;
    box-shadow: none;
}

.information-table-3 .table tbody,
td,
th,
thead,
tr {
    border: 1px solid var(--gray-color-18);
}

.information-table-3 .table th {
    font-size: 15px;
    font-weight: 500;
    color: var(--black-color);
    padding: 10px 10px;
}

.information-table-3 .table th:first-of-type {
    background-color: var(--gray-color-6);
}

.information-table-3 .table td {
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color-1);
    padding: 10px 10px;
    font-family: 'Open Sans', sans-serif;
}

.size-chart-table-3 .table {
    border: 1px solid var(--gray-color-18);
    margin: 0;
}

.size-chart-table-3 .table> :not(caption)>*>* {
    padding: 0;
    border-bottom-width: 1px;
    box-shadow: none;
    border-color: var(--gray-color-18);
}

.size-chart-table-3 .table .table-dark {
    background-color: var(--black-color-2);
    border-color: var(--gray-color-18);
}

.size-chart-table-3 .table tbody,
td,
th,
thead,
tr {
    border: 1px solid var(--gray-color-18);
}


/* .size-chart-table-3 .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--dark-white-color); } */

.size-chart-table-3 .table tr {
    background-color: var(--white-color);
}

.size-chart-table-3 .table th {
    font-size: 15px;
    font-weight: 500;
    color: var(--white-color);
    padding: 10px 3px;
}

.size-chart-table-3 .table td {
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color-1);
    padding: 10px 3px;
    font-family: 'Open Sans', sans-serif;
}

.size-chart-table-3 .table td:first-of-type {
    background-color: var(--gray-color-6);
}

.vendor-info-text-3 {
    margin: 0;
    padding: 20px;
    background-color: var(--white-color);
    border: 1px solid var(--gray-color-18);
    border-radius: 5px;
}

.vendor-info-text-3 .vendor-user {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.vendor-info-text-3 .vendor-logo {
    max-width: 70px;
    height: 70px;
    margin-right: 24px;
    margin-bottom: 0;
    overflow: hidden;
}

.vendor-info-text-3 .vendor-logo img {
    border: none;
    border-radius: 5px;
}

.vendor-info-text-3 .vendor-name {
    margin: 1px 0 4px 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--black-color);
}

.vendor-info-text-3 .vendor-name a {
    color: var(--black-color);
}

.vendor-info-text-3 .ratings-container {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.vendor-info-text-3 .ratings-full {
    margin-right: 10px;
    font-size: 12px;
    color: var(--yellow-color);
    cursor: pointer;
}

.vendor-info-text-3 .ratings-full .fas {
    display: table-cell;
    padding: 0 2px 0 0;
}

.vendor-info-text-3 .rating-reviews {
    margin: 0;
    font-size: 15px;
    color: var(--black-color);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.vendor-info-text-3 .vendor-info {
    margin: 8px 0 0 0;
}

.vendor-info-text-3 .vendor-info li {
    margin: 2px 0 0 0;
}

.vendor-info-text-3 .vendor-info label {
    display: inline-block;
    padding-right: 0;
    color: var(--black-color);
    font-size: 14px;
    font-weight: 500;
}

.vendor-info-text-3 .vendor-info .detail {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.vendor-info-text-3 .store-phone a {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.vendor-info-text-3 .store-phone a:hover {
    color: var(--black-color);
}

.vendor-info-text-3 .two-graybox-main {
    margin: 0 -5px;
}

.vendor-info-text-3 .graybox {
    width: 100%;
    margin: 10px 5px;
    padding: 8px 14px;
    background-color: var(--dark-white-color);
    border-radius: 10px;
}

.vendor-info-text-3 .graybox .title {
    font-size: 24px;
    font-weight: 700;
    color: var(--black-color);
}

.vendor-info-text-3 .graybox .sub-desc {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.vendor-info-text-3 .btn-box {
    margin: 0;
    padding: 0;
}

.vendor-info-text3-1 {
    padding: 0;
    margin: 30px 0 0 0;
    color: var(--dark-color-2);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.custom-accordion-3 .accordion-body.last-reviews-part-3 {
    height: 618px;
    overflow-y: scroll;
    padding: 20px 12px 40px 0;
}

.ratings-wrapper-3 {
    margin: 0;
    padding: 0;
}

.ratings-wrapper-3 .avg-rating-container {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.ratings-wrapper-3 .avg-mark {
    font-size: 72px;
    font-weight: 900;
    color: var(--green-color-3);
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
}

.ratings-wrapper-3 .avg-rating {
    margin-left: 22px;
}

.ratings-wrapper-3 .avg-rating p {
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-3 .avg-rating .ratings-container {
    display: flex;
    align-items: center;
    line-height: normal;
    margin-top: 5px;
    margin-bottom: 0;
}

.ratings-wrapper-3 .avg-rating .ratings-full {
    cursor: pointer;
    margin-right: 12px;
    font-size: 14px;
    font-weight: 900;
    color: var(--yellow-color);
}

.ratings-wrapper-3 .ratings-full,
.ratings {
    position: relative;
    letter-spacing: normal;
    cursor: pointer;
    margin-right: 0;
    font-size: 14px;
    font-weight: 900;
    color: var(--yellow-color);
}

.ratings-wrapper-3 .ratings-full .fas {
    display: table-cell;
    padding: 0 2px 0 0;
}

.ratings-wrapper-3 .rating-reviews {
    margin: 0;
    font-size: 16px;
    color: var(--gray-color-14);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-3 .ratings-value {
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-3 .ratings-value span:first-child {
    margin-right: 30px;
    font-size: 30px;
    font-weight: 700;
    color: var(--black-color);
}

.ratings-wrapper-3 .ratings-value .count {
    margin-left: 9px;
    font-size: 16px;
    color: var(--gray-color-14);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-3 .ratings-list .ratings-container {
    margin-bottom: 7px;
    display: flex;
    align-items: center;
}

.ratings-wrapper-3 .ratings-list .progress-bar {
    max-width: 290px;
    margin-left: 24px;
    margin-bottom: 0;
    border-radius: 5px;
}

.ratings-wrapper-3 .progress-bar.progress-bar-sm {
    height: 10px;
}

.ratings-wrapper-3 .progress-bar {
    background-color: var(--gray-color-18);
    margin-bottom: 1rem;
    height: 1rem;
    width: 100%;
}

.ratings-wrapper-3 .ratings-list .progress-bar span {
    border-radius: 5px;
}

.ratings-wrapper-3 .progress-bar .green-220 {
    display: block;
    height: 100%;
    background-color: var(--green-color);
    width: 150px;
}

.ratings-wrapper-3 .progress-bar .green-120 {
    display: block;
    height: 100%;
    background-color: var(--green-color);
    width: 100px;
}

.ratings-wrapper-3 .progress-bar .green-150 {
    display: block;
    height: 100%;
    background-color: var(--green-color);
    width: 120px;
}

.ratings-wrapper-3 .progress-bar .yellow-70 {
    display: block;
    height: 100%;
    background-color: var(--yellow-color);
    width: 50px;
}

.ratings-wrapper-3 .progress-bar .red-30 {
    display: block;
    height: 100%;
    background-color: var(--red-color-5);
    width: 20px;
}

.ratings-wrapper-3 .ratings-list .progress-value {
    margin-left: 27px;
    min-width: 32px;
}

.ratings-wrapper-3 .ratings-list .progress-value mark {
    font-size: 16px;
    color: var(--black-color);
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-3 .progress-value mark {
    background: transparent;
}

.review-form-wrapper-3 {
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid var(--gray-color-3);
    border-bottom: 1px solid var(--gray-color-3);
}

.review-form-wrapper-3 .title {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    text-align: center;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    color: var(--black-color-6);
}

.review-form-wrapper-3 p {
    font-size: 14px;
    color: var(--black-color-6);
    font-weight: 400;
}

.review-form-wrapper-3 .review-form {
    padding-top: 23px;
}

.review-form-wrapper-3 .rating-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.review-form-wrapper-3 .rating-form label {
    font-size: 14px;
    color: var(--dark-color-2);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.review-form-wrapper-3 .rating-stars {
    position: relative;
    font-size: 12px;
    margin-left: 20px;
    color: var(--yellow-color);
    cursor: pointer;
}

.review-form-wrapper-3 .rating-stars .deactive {
    position: relative;
    font-size: 12px;
    margin-left: 20px;
    color: #d3d3d3 !important;
    cursor: pointer;
}

.review-form-wrapper-3 .rating-stars .fas {
    display: table-cell;
    padding: 0 2px 0 0;
}

.review-form-wrapper-3 .review-form .form-control {
    min-height: 46px;
    margin-bottom: 10px;
    font-size: 15px;
    border-color: var(--white-color);
    color: var(--white-color-1);
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 0px;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    box-shadow: none;
    border: 2px solid var(--gray-color-4);
}

.review-form-wrapper-3 .review-form textarea {
    height: 120px;
}

.review-form-wrapper-3 .form-group {
    margin: 6px 0 26px 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
    line-height: normal;
    display: inline-block;
}

.review-form-wrapper-3 .custom-checkbox {
    position: absolute;
    opacity: 0;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.review-form-wrapper-3 .custom-checkbox+label {
    display: inline-block;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
}

.review-form-wrapper-3 .form-group .custom-checkbox+label::before {
    top: 0;
    transform: none;
    margin-top: 0.2rem;
}

.review-form-wrapper-3 .custom-checkbox+label::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid var(--green-color-3);
    border-radius: 2px;
}

.review-form-wrapper-3 .custom-checkbox:checked+label::before,
.custom-checkbox.checked+label::before {
    content: "\f00c";
    border-color: var(--green-color-3);
    background: var(--green-color-3);
    color: var(--white-color);
    font-size: 12px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    text-align: center;
}

.comments-3 {
    margin: 0;
    padding: 0;
}

.comments-3 .comment {
    position: relative;
    padding: 0 0 42px 0;
}

.comments-3 .comment:last-child {
    padding-bottom: 0;
}

.comments-3 .comment-body {
    display: flex;
}

.comments-3 .comment-avatar {
    flex: 0 0 56px;
    max-width: 56px;
    margin-right: 19px;
    height: 56px;
    overflow: hidden;
    border-radius: 100%;
}

.comments-3 .comment-author {
    margin: 3px 0 0 0;
    font-size: 20px;
    color: var(--black-color);
    line-height: normal;
    font-weight: 700;
}

.comments-3 .comment-author a {
    margin-right: 10px;
    color: inherit;
}

.comments-3 .comment-date {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
    color: var(--gray-color-14);
    font-family: 'Open Sans', sans-serif;
    display: block;
}

.comments-3 .ratings-container.comment-rating {
    margin-bottom: 13px;
    margin-top: 9px;
}

.comments-3 .ratings-container {
    display: flex;
    align-items: center;
    line-height: normal;
}

.comments-3 .ratings-full {
    position: relative;
    letter-spacing: normal;
    cursor: pointer;
    margin-right: 0;
    font-size: 14px;
    font-weight: 900;
    color: var(--yellow-color);
}

.comments-3 .ratings-full .fas {
    display: table-cell;
    padding: 0 2px 0 0;
}

.comments-3 .ratings-full,
.ratings {
    position: relative;
    letter-spacing: normal;
}

.comments-3 .comment-body .comment-content p {
    margin-bottom: 15px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 400;
    color: var(--dark-color-2);
}

.comments-3 .review-image {
    display: flex;
    align-items: center;
}

.comments-3 .review-image figure {
    max-width: 60px;
    margin-top: 0;
    margin-right: 0;
    border-radius: 2px;
    overflow: hidden;
    height: 60px;
}

.comments-3 .comment-action .btn-helpful {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    color: var(--green-color-3);
    font-weight: 400;
    font-size: 15px;
    margin: 0 30px 0 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.comments-3 .comment-action .btn-helpful i {
    font-size: 12px;
    color: var(--green-color-3);
    margin: 0 9px 0 0;
}

.comments-3 .comment-action .btn-report-abuse {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    color: var(--dark-color-2);
    font-weight: 400;
    font-size: 15px;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.comments-3 .comment-action .btn-report-abuse i {
    font-size: 12px;
    color: var(--dark-color-2);
    margin: 0 9px 0 0;
}


/*------------------------------ Single Product v3 Page Responsive CSS --------------------------------*/

@media (max-width: 1599.98px) {
    .add-to-wishlist-3,
    .add-to-delivery-returns-3,
    .add-to-enquiry-3 {
        padding: 0 10px 0 0;
        margin: 0 10px 0 0;
    }
}

@media (max-width: 1499.98px) {
    .add-to-wishlist-3,
    .add-to-delivery-returns-3,
    .add-to-enquiry-3 {
        padding: 0 6px 0 0;
        margin: 0 6px 0 0;
    }
    .share-title-3 {
        margin: 0 17px 0 0;
    }
    .description-img3-1 {
        height: 125px;
    }
    .ratings-wrapper-3 .avg-mark {
        font-size: 65px;
    }
    .ratings-wrapper-3 .progress-bar .green-220 {
        width: 110px;
    }
    .ratings-wrapper-3 .progress-bar .green-120 {
        width: 70px;
    }
    .ratings-wrapper-3 .progress-bar .green-150 {
        width: 90px;
    }
    .ratings-wrapper-3 .progress-bar .yellow-70 {
        width: 40px;
    }
    .ratings-wrapper-3 .progress-bar .red-30 {
        width: 20px;
    }
}

@media (max-width: 1399.98px) {
    .single-product-v3-detail-page-slider-large .slider-img {
        height: 550px;
        margin: 0 0 15px 0;
    }
    .single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img {
        padding: 0 3px;
        height: 100px;
    }
    .single-product-v3-detail-page-slider-thumbnail {
        margin: 0 -3px;
    }
    .single-product-v3-detail-page-slider-main {
        padding: 30px 40px 10px 60px;
        border-right: none;
    }
    .single-product-v3-slicknavholdercustom {
        left: 20px;
        right: 0px;
    }
    .single-product-v3-slicknavholdercustom2 {
        left: 20px;
        right: 0px;
    }
    .add-to-wishlist-3,
    .add-to-delivery-returns-3,
    .add-to-enquiry-3 {
        padding: 0 22px 0 0;
        margin: 0 21px 0 0;
    }
    .description-img3-1 {
        height: 140px;
    }
    .description-text3 {
        margin: 0px;
        -webkit-line-clamp: none;
    }
    .information-table-3 {
        margin: 30px 0 0 0;
    }
    .vendor-info-text3-1 {
        margin: 0;
        -webkit-line-clamp: none;
    }
    .review-form-wrapper-3 {
        margin: 0;
        padding: 0;
        border-top: none;
        border-bottom: none;
    }
    .custom-accordion-3 .accordion-body.last-reviews-part-3 {
        height: auto;
        overflow-y: unset;
        padding: 20px 0 40px 0;
    }
    .comments-3 {
        margin: 30px 0 0 0;
        padding: 30px 0 0 0;
        border-top: 1px solid var(--gray-color-3);
    }
}

@media (max-width: 1299.98px) {
    .single-product-v3-detail-main {
        margin: -36px 0 0 0;
    }
    .title-3 {
        font-size: 20px;
    }
    .price-3 .text-price-3 {
        font-size: 17px;
    }
    .price-3 .text-price-3 del {
        font-size: 15px;
        padding: 0 5px 0 0;
    }
    .color-swatch-3 {
        margin: 20px 0 0 0;
    }
    .color-title-3 {
        font-size: 15px;
        margin: 0 10px 0 0;
    }
    .size-swatch-3 {
        margin: 20px 0;
    }
    .size-title-3 {
        font-size: 15px;
        margin: 0 10px 0 0;
    }
    .quantity-form-3 {
        margin: 15px 0 20px 0;
        padding-bottom: 13px;
    }
    .control-3 {
        height: 44px;
    }
    .info-list-3 {
        padding-top: 12px;
    }
    .sku-3 {
        font-size: 15px;
        line-height: 24px;
    }
    .sku-3 span {
        font-size: 14px;
    }
    .categories-3 {
        font-size: 15px;
        line-height: 24px;
    }
    .categories-3 span {
        font-size: 14px;
    }
    .tags-3 {
        font-size: 15px;
        line-height: 24px;
    }
    .tags-3 span {
        font-size: 14px;
    }
    .infolinks-3 {
        margin: 0 0 20px 0;
    }
    .share-3 {
        margin: 20px 0 0 0;
    }
    .share-title-3 {
        font-size: 15px;
        margin: 0 10px 0 0;
    }
    .social-button-3 {
        width: 40px;
        height: 40px;
    }
    .single-product-v3-detail-page-slider-large .slider-img {
        height: 450px;
    }
    .single-product-v3-slicknavholdercustom .single-product-v3-slicknavbtnprev img {
        max-width: 22px;
    }
    .single-product-v3-slicknavholdercustom .single-product-v3-slicknavbtnnext img {
        max-width: 22px;
    }
    .single-product-v3-slicknavholdercustom2 .single-product-v3-slicknavbtnprev img {
        max-width: 22px;
    }
    .single-product-v3-slicknavholdercustom2 .single-product-v3-slicknavbtnnext img {
        max-width: 22px;
    }
    .single-product-v3-tab {
        margin: 0;
    }
    .description-text3 {
        margin: 0;
        font-size: 14px;
        line-height: 24px;
    }
    .information-table-3 {
        margin: 20px 0 0 0;
    }
    .information-table-3 .table th {
        padding: 10px;
    }
    .information-table-3 .table td {
        padding: 10px;
    }
    .size-chart-table-3 .table th {
        padding: 10px;
    }
    .size-chart-table-3 .table td {
        padding: 10px;
    }
    .vendor-info-text3-1 {
        font-size: 14px;
        line-height: 24px;
    }
    .vendor-info-text-3 .vendor-logo {
        margin-right: 10px;
        max-width: 60px;
        height: 60px;
    }
    .vendor-info-text-3 .vendor-name {
        font-size: 16px;
    }
    .vendor-info-text-3 .graybox .title {
        font-size: 18px;
    }
    .vendor-info-text-3 .graybox {
        padding: 6px 6px;
        width: 47%;
    }
    .ratings-wrapper-3 .avg-mark {
        font-size: 60px;
    }
    .ratings-wrapper-3 .avg-rating {
        margin-left: 16px;
    }
    .ratings-wrapper-3 .avg-rating p {
        font-size: 15px;
    }
    .ratings-wrapper-3 .avg-rating .ratings-full {
        margin-right: 10px;
        font-size: 12px;
    }
    .ratings-wrapper-3 .rating-reviews {
        font-size: 14px;
    }
    .ratings-wrapper-3 .ratings-value {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .ratings-wrapper-3 .ratings-value span:first-child {
        margin-right: 20px;
        font-size: 20px;
    }
    .ratings-wrapper-3 .ratings-value .count {
        font-size: 14px;
    }
    .ratings-wrapper-3 .ratings-full,
    .ratings {
        font-size: 12px;
    }
    .ratings-wrapper-3 .ratings-list .progress-value mark {
        font-size: 14px;
    }
    .review-form-wrapper-3 .title {
        font-size: 16px;
    }
    .review-form-wrapper-3 .review-form {
        padding-top: 13px;
    }
    .review-form-wrapper-3 .rating-form {
        margin-bottom: 18px;
    }
    .review-form-wrapper-3 .review-form .form-control {
        min-height: 40px;
        margin-bottom: 10px;
        font-size: 14px;
        padding: 8px 16px;
    }
    .review-form-wrapper-3 .review-form textarea {
        height: 140px;
    }
    .review-form-wrapper-3 .form-group {
        margin: 3px 0 16px 0;
        font-size: 14px;
    }
    .review-form-wrapper-3 .custom-checkbox {
        height: 16px;
        width: 16px;
    }
    .review-form-wrapper-3 .custom-checkbox:checked+label::before,
    .custom-checkbox.checked+label::before {
        font-size: 10px;
    }
    .common-btn2-hover-small-arrow {
        font-size: 15px;
    }
    .comments-3 {
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
    }
    .comments-3 .comment-avatar {
        flex: 0 0 50px;
        max-width: 50px;
        margin-right: 15px;
        height: 50px;
    }
    .comments-3 .comment-author {
        font-size: 16px;
    }
    .comments-3 .comment-date {
        font-size: 14px;
    }
    .comments-3 .ratings-full {
        font-size: 12px;
    }
    .comments-3 .ratings-container.comment-rating {
        margin-bottom: 10px;
        margin-top: 7px;
    }
    .comments-3 .comment-body .comment-content p {
        margin-bottom: 12px;
        line-height: 22px;
        font-size: 14px;
    }
    .comments-3 .review-image figure {
        max-width: 50px;
        height: 50px;
    }
    .comments-3 .comment-action .btn-helpful {
        font-size: 14px;
        margin: 0 20px 0 0;
    }
    .comments-3 .comment-action .btn-report-abuse {
        font-size: 14px;
    }
}

@media (max-width: 1199.98px) {
    .single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 80px;
    }
    .review-form-wrapper-3 p {
        font-size: 13.8px;
    }
}

@media (max-width: 991.98px) {
    .single-product-v3-detail {
        padding: 0;
    }
    .title-3 {
        margin: 20px 0 2px 0;
    }
    .single-product-v3-detail-page-slider-main {
        padding: 40px 30px 10px 30px;
        border-right: none;
        border-left: none;
    }
    .single-product-v3-slicknavholdercustom {
        left: 0px;
        right: 0px;
    }
    .single-product-v3-slicknavholdercustom2 {
        left: 0px;
        right: 0px;
    }
    .single-product-v3-detail-page-slider-large .slider-img {
        height: 600px;
    }
    .single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 140px;
    }
    .single-product-v3-tab {
        margin: 10px 0 0 0;
    }
    .description-img3-1 {
        height: 260px;
    }
    .description-text3 {
        margin: 20px 0 0 0;
    }
    .vendor-info-text3-1 {
        margin: 20px 0 0 0;
    }
    .review-form-wrapper-3 {
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
        border-top: 1px solid var(--gray-color-3);
    }
}

@media (max-width: 767.98px) {
    .single-product-v3-detail-page-slider-large .slider-img {
        height: 500px;
    }
    .single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 100px;
    }
    .ratings-wrapper-3 .ratings-value span:first-child {
        margin-right: 15px;
        font-size: 17px;
    }
    .review-form-wrapper-3 .title {
        font-size: 15px;
    }
    .review-form-wrapper-3 .review-form {
        padding-top: 10px;
    }
    .ratings-wrapper-3 .avg-mark {
        font-size: 40px;
    }
    .comments-3 .comment-author {
        font-size: 15px;
    }
    .description-img3-1 {
        height: 200px;
    }
    .vendor-info-text-3 .graybox .title {
        font-size: 16px;
    }
    .vendor-info-text-3 .graybox {
        width: 50%;
    }
    .vendor-info-text-3 .vendor-name {
        font-size: 15px;
    }
    .control-3 {
        height: 43px;
    }
}

@media (max-width: 480.98px) {
    .infolinks-3 {
        margin: 0 0 20px 0;
        display: block !important;
        text-align: left !important;
    }
    .add-to-wishlist-3,
    .add-to-delivery-returns-3,
    .add-to-enquiry-3 {
        padding: 0;
        margin: 15px 0;
        width: 100%;
        display: block;
        border: 0px;
    }
    .add-to-wishlist-3 i,
    .add-to-delivery-returns-3 i,
    .add-to-enquiry-3 i {
        margin: 0 10px 0 0;
    }
    .add-to-wishlist-3 span,
    .add-to-delivery-returns-3 span,
    .add-to-enquiry-3 span {
        display: inline-flex;
    }
    .single-product-v3-detail-page-slider-large .slider-img {
        height: 400px;
    }
    .single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 80px;
    }
    .description-img3-1 {
        height: 176px;
    }
}

@media (max-width: 414.98px) {
    .single-product-v3-detail-page-slider-large .slider-img {
        height: 350px;
    }
    .single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 70px;
    }
    .description-img3-1 {
        height: 150px;
    }
}

@media (max-width: 375.98px) {
    .single-product-v3-detail-page-slider-large .slider-img {
        height: 300px;
    }
    .single-product-v3-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 60px;
    }
    .single-product-v3-slicknavholdercustom2 {
        bottom: 12%;
    }
    .description-img3-1 {
        height: 135px;
    }
}

@media (max-width: 360.98px) {}

@media (max-width: 320.98px) {}


/*=========================================== Single Product v3 Page End CSS ===========================================*/


/*=========================================== Single Product v4 Page Start CSS ===========================================*/


/*------------------------------ Single Product v4 Page Detail CSS --------------------------------*/

.single-product-v4-detail-main {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 800px;
    background-image: url('../images/single-product-v4-page-slider-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.single-product-v4-detail-page-cuntent {
    width: 45%;
    z-index: 1;
}

.single-product-v4-detail-slider-right {
    width: 55%;
    z-index: 1;
}

.single-product-v4-detail-text-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.title-4 {
    font-size: 90px;
    font-weight: 500;
    color: var(--dark-color-2);
    margin: 106px 0 7px 0;
    padding: 0;
}

.short-desc-4 p {
    font-family: 'Open Sans', sans-serif;
    color: var(--dark-color-2);
    font-size: 26px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}

.size-swatch-title-4 {
    margin: 22px 0 30px 0;
    padding: 0;
}

.size-title-4-val {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 0 0 14px;
    padding: 0;
}

.size-4 {
    font-size: 14px;
    font-weight: 700;
    color: var(--black-color-6);
    background-color: var(--white-color);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-align: center;
    padding: 0;
    margin: 0 10px 0 0;
    border: 2px solid var(--gray-color-3);
    font-family: 'Open Sans', sans-serif;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.size-4:last-of-type {
    margin-right: 0px;
}

.size-4.active {
    border: 2px solid var(--green-color-3);
}

.color-swatch-title-4 {
    margin: 0 0 24px 0;
    padding: 0;
}

.color-title-4-val {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-6);
    margin: 0 0 0 14px;
    padding: 0;
}

.color-4.active {
    box-shadow: 0 0 0 2px var(--green-color-3);
}

.color-4 {
    display: block;
    width: 43px;
    height: 43px;
    border-radius: 100%;
    border: 3px solid var(--white-color);
    margin-right: 10px;
    transition: box-shadow .35s ease;
    background-repeat: no-repeat;
    background-position: 50%;
    box-shadow: 0 0 0 1px var(--gray-color-3);
    display: inline-block;
}

.color-4 .tt-text {
    visibility: hidden;
    opacity: 0;
}

.color-4:last-of-type {
    margin-right: 0px;
}

.price-4 .text-price-4 del {
    font-size: 20px;
    font-weight: 500;
    color: var(--gray-color-14);
    margin: 0;
    padding: 0 10px 0 0;
}

.price-4 .text-price-4 {
    font-size: 30px;
    font-weight: 700;
    color: var(--dark-color-2);
    margin: 0;
    padding: 0;
}

.quantity-form-4 {
    margin: 32px 0 0 0;
    padding: 0;
}

.single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
    height: 800px;
    overflow: hidden;
}

.single-product-v4-slicknavholdercustom {
    bottom: 40px;
    left: -170px;
    position: absolute;
    z-index: 1;
}

.single-product-v4-slicknavholdercustom .single-product-v4-slicknavbtnbig {
    background: none;
    margin: 0 17px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}


/*------------------------------ Single Product v4 Page Tab CSS --------------------------------*/

.single-product-v4-tab-cunten {
    background-color: var(--white-color);
    border-radius: 10px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.10);
    padding: 120px 70px 120px 46px;
    margin: 0;
    flex-wrap: wrap;
}

.custom-tab-nav-4 {
    max-width: 218px;
    flex-basis: 218px;
    flex-grow: 0;
    flex-shrink: 0;
}

.custom-tab-nav-4 .nav-link.active,
.custom-tab-nav-4 .show>.nav-link {
    color: var(--dark-color-2);
    border-right: 2px solid var(--green-color-3);
    background: none;
}

.custom-tab-nav-4 .nav-item:hover .nav-link {
    color: var(--green-color-3);
    border-bottom: 2px solid var(--green-color-3);
}

.custom-tab-nav-4 .nav-link {
    background: none;
    border: none;
    border-radius: 0;
}

.custom-tab-nav-4 .nav-item {
    margin-left: 54px;
}

.custom-tab-nav-4 .nav-link {
    display: block;
    padding: 0;
    margin: 0;
    color: var(--gray-color-14);
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    position: relative;
    line-height: 50px;
    text-align: left;
}

.custom-tab-content-4 {
    margin: 0 0 0 70px;
    padding: 0;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
}

.subtitle-4-1 {
    padding: 0;
    margin: 0;
    color: var(--gray-color-14);
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    position: relative;
}

.subtitle-4-1::after {
    position: absolute;
    width: 38px;
    height: 2px;
    background-color: var(--gray-color-14);
    top: 20px;
    left: 48px;
    content: "";
}

.title-4-1 {
    padding: 0;
    margin: 0 0 60px 0;
    color: var(--dark-color-2);
    font-size: 58px;
    font-weight: 600;
    line-height: normal;
}

.description-text4 {
    padding: 0;
    margin: 0;
    color: var(--dark-color-2);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
}

.video-4 {
    margin: 0;
}

.description-img4 {
    margin: 0;
    padding: 0;
    height: 333px;
    overflow: hidden;
    vertical-align: middle;
}

.video-4 .btn-play {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background-color: var(--black-color-8);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.video-4 .btn-play .play-icon {
    height: 24px;
    overflow: hidden;
    display: inline-block;
    line-height: 1;
}


/* .information-table-4 .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--gray-color-19); } */

.information-table-4 .table {
    border: 1px solid var(--gray-color-18);
    margin: 30px 0 0 0;
}

.information-table-4 .table> :not(caption)>*>* {
    padding: 0;
    background: none;
    border-bottom-width: 1px;
    box-shadow: none;
}

.information-table-4 .table tbody,
td,
th,
thead,
tr {
    border: 1px solid var(--gray-color-18);
}

.information-table-4 .table th {
    font-size: 15px;
    font-weight: 500;
    color: var(--black-color);
    padding: 12px 18px;
}

.information-table-4 .table th:first-of-type {
    background-color: var(--gray-color-6);
}

.information-table-4 .table td {
    font-size: 15px;
    font-weight: 400;
    color: var(--white-color-1);
    padding: 12px 18px;
    font-family: 'Open Sans', sans-serif;
}

.size-chart-table-4 .table {
    border: 1px solid var(--gray-color-18);
}

.size-chart-table-4 .table> :not(caption)>*>* {
    padding: 0;
    border-bottom-width: 1px;
    box-shadow: none;
    border-color: var(--gray-color-18);
}

.size-chart-table-4 .table .table-dark {
    background-color: var(--black-color-2);
    border-color: var(--gray-color-18);
}

.size-chart-table-4 .table tbody,
td,
th,
thead,
tr {
    border: 1px solid var(--gray-color-18);
}


/* .size-chart-table-4 .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--dark-white-color); } */

.size-chart-table-4 .table tr {
    background-color: var(--white-color);
}

.size-chart-table-4 .table th {
    font-size: 15px;
    font-weight: 500;
    color: var(--white-color);
    padding: 12px 18px;
}

.size-chart-table-4 .table td {
    font-size: 15px;
    font-weight: 400;
    color: var(--white-color-1);
    padding: 12px 18px;
    font-family: 'Open Sans', sans-serif;
}

.size-chart-table-4 .table td:first-of-type {
    background-color: var(--gray-color-6);
}

.vendor-info-left-part-4 {
    width: 41%;
}

.vendor-info-right-part-4 {
    width: 59%;
}

.vendor-info-text-4 {
    margin: 0;
    padding: 20px;
    background-color: var(--white-color);
    border: 1px solid var(--gray-color-18);
    border-radius: 5px;
}

.vendor-info-text-4 .vendor-user {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.vendor-info-text-4 .vendor-logo {
    max-width: 70px;
    height: 70px;
    margin-right: 24px;
    margin-bottom: 0;
    overflow: hidden;
}

.vendor-info-text-4 .vendor-logo img {
    border: none;
    border-radius: 5px;
}

.vendor-info-text-4 .vendor-name {
    margin: 1px 0 4px 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--black-color);
}

.vendor-info-text-4 .vendor-name a {
    color: var(--black-color);
}

.vendor-info-text-4 .ratings-container {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.vendor-info-text-4 .ratings-full {
    margin-right: 10px;
    font-size: 12px;
    color: var(--yellow-color);
    cursor: pointer;
}

.vendor-info-text-4 .ratings-full .fas {
    display: table-cell;
    padding: 0 2px 0 0;
}

.vendor-info-text-4 .rating-reviews {
    margin: 0;
    font-size: 15px;
    color: var(--black-color);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.vendor-info-text-4 .vendor-info {
    margin: 8px 0 0 0;
}

.vendor-info-text-4 .vendor-info li {
    margin: 2px 0 0 0;
}

.vendor-info-text-4 .vendor-info label {
    display: inline-block;
    padding-right: 0;
    color: var(--black-color);
    font-size: 14px;
    font-weight: 500;
}

.vendor-info-text-4 .vendor-info .detail {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.vendor-info-text-4 .store-phone a {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.vendor-info-text-4 .store-phone a:hover {
    color: var(--black-color);
}

.vendor-info-text-4 .graybox {
    margin: 0 0 8px 10px;
    padding: 10px 22px;
    background-color: var(--dark-white-color);
    border-radius: 10px;
}

.vendor-info-text-4 .graybox .title {
    font-size: 24px;
    font-weight: 700;
    color: var(--black-color);
}

.vendor-info-text-4 .graybox .sub-desc {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.vendor-info-text-4 .btn-box {
    margin: 2px 0 0 10px;
    padding: 0;
}

.vendor-info-text4-4 {
    padding: 0;
    margin: 0;
    color: var(--dark-color-2);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-4 {
    margin: 0;
    padding: 0;
}

.ratings-wrapper-4 .avg-rating-container {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.ratings-wrapper-4 .avg-mark {
    font-size: 72px;
    font-weight: 900;
    color: var(--green-color-3);
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
}

.ratings-wrapper-4 .avg-rating {
    margin-left: 22px;
}

.ratings-wrapper-4 .avg-rating p {
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-4 .avg-rating .ratings-container {
    display: flex;
    align-items: center;
    line-height: normal;
    margin-top: 5px;
    margin-bottom: 0;
}

.ratings-wrapper-4 .avg-rating .ratings-full {
    cursor: pointer;
    margin-right: 12px;
    font-size: 14px;
    font-weight: 900;
    color: var(--yellow-color);
}

.ratings-wrapper-4 .ratings-full,
.ratings {
    position: relative;
    letter-spacing: normal;
    cursor: pointer;
    margin-right: 0;
    font-size: 14px;
    font-weight: 900;
    color: var(--yellow-color);
}

.ratings-wrapper-4 .ratings-full .fas {
    display: table-cell;
    padding: 0 2px 0 0;
}

.ratings-wrapper-4 .rating-reviews {
    margin: 0;
    font-size: 16px;
    color: var(--gray-color-14);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-4 .ratings-value {
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-4 .ratings-value span:first-child {
    margin-right: 30px;
    font-size: 30px;
    font-weight: 700;
    color: var(--black-color);
}

.ratings-wrapper-4 .ratings-value .count {
    margin-left: 9px;
    font-size: 16px;
    color: var(--gray-color-14);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-4 .ratings-list .ratings-container {
    margin-bottom: 7px;
    display: flex;
    align-items: center;
}

.ratings-wrapper-4 .ratings-list .progress-bar {
    max-width: 290px;
    margin-left: 24px;
    margin-bottom: 0;
    border-radius: 5px;
}

.ratings-wrapper-4 .progress-bar.progress-bar-sm {
    height: 10px;
}

.ratings-wrapper-4 .progress-bar {
    background-color: var(--gray-color-18);
    margin-bottom: 1rem;
    height: 1rem;
    width: 100%;
}

.ratings-wrapper-4 .ratings-list .progress-bar span {
    border-radius: 5px;
}

.ratings-wrapper-4 .progress-bar .green-220 {
    display: block;
    height: 100%;
    background-color: var(--green-color);
    width: 150px;
}

.ratings-wrapper-4 .progress-bar .green-120 {
    display: block;
    height: 100%;
    background-color: var(--green-color);
    width: 80px;
}

.ratings-wrapper-4 .progress-bar .green-150 {
    display: block;
    height: 100%;
    background-color: var(--green-color);
    width: 110px;
}

.ratings-wrapper-4 .progress-bar .yellow-70 {
    display: block;
    height: 100%;
    background-color: var(--yellow-color);
    width: 50px;
}

.ratings-wrapper-4 .progress-bar .red-30 {
    display: block;
    height: 100%;
    background-color: var(--red-color-5);
    width: 20px;
}

.ratings-wrapper-4 .ratings-list .progress-value {
    margin-left: 27px;
    min-width: 32px;
}

.ratings-wrapper-4 .ratings-list .progress-value mark {
    font-size: 16px;
    color: var(--black-color);
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-4 .progress-value mark {
    background: transparent;
}

.review-form-wrapper-4 {
    margin: 0;
    padding: 0;
}

.review-form-wrapper-4 .title {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    text-align: center;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    color: var(--dark-color-2);
}

.review-form-wrapper-4 p {
    font-size: 14px;
    color: var(--dark-color-2);
    font-weight: 400;
}

.review-form-wrapper-4 .review-form {
    padding-top: 23px;
}

.review-form-wrapper-4 .rating-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.review-form-wrapper-4 .rating-form label {
    font-size: 14px;
    color: var(--dark-color-2);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.review-form-wrapper-4 .rating-stars {
    position: relative;
    font-size: 12px;
    margin-left: 20px;
    color: var(--yellow-color);
    cursor: pointer;
}

.review-form-wrapper-4 .rating-stars .fas {
    display: table-cell;
    padding: 0 2px 0 0;
}

.review-form-wrapper-4 .review-form .form-control {
    min-height: 46px;
    margin-bottom: 10px;
    font-size: 15px;
    border-color: var(--white-color);
    color: var(--white-color-1);
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 0px;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    box-shadow: none;
    border: 2px solid var(--gray-color-4);
}

.review-form-wrapper-4 .review-form textarea {
    height: 146px;
}

.review-form-wrapper-4 .form-group {
    margin: 6px 0 26px 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
    line-height: normal;
    display: inline-block;
}

.review-form-wrapper-4 .custom-checkbox {
    position: absolute;
    opacity: 0;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.review-form-wrapper-4 .custom-checkbox+label {
    display: inline-block;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
}

.review-form-wrapper-4 .form-group .custom-checkbox+label::before {
    top: 0;
    transform: none;
    margin-top: 0.2rem;
}

.review-form-wrapper-4 .custom-checkbox+label::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid var(--green-color-3);
    border-radius: 2px;
}

.review-form-wrapper-4 .custom-checkbox:checked+label::before,
.custom-checkbox.checked+label::before {
    content: "\f00c";
    border-color: var(--green-color-3);
    background: var(--green-color-3);
    color: var(--white-color);
    font-size: 12px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    text-align: center;
}

.comments-4 {
    margin: 0;
    padding: 0;
}

.comments-4 .comment {
    position: relative;
    padding: 0 0 42px 0;
}

.comments-4 .comment:last-child {
    padding-bottom: 0;
}

.comments-4 .comment-body {
    display: flex;
}

.comments-4 .comment-avatar {
    flex: 0 0 56px;
    max-width: 56px;
    margin-right: 19px;
    height: 56px;
    overflow: hidden;
    border-radius: 100%;
}

.comments-4 .comment-author {
    margin: 3px 0 0 0;
    font-size: 20px;
    color: var(--black-color);
    line-height: normal;
    font-weight: 700;
}

.comments-4 .comment-author a {
    margin-right: 10px;
    color: inherit;
}

.comments-4 .comment-date {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
    color: var(--gray-color-14);
    font-family: 'Open Sans', sans-serif;
    display: block;
}

.comments-4 .ratings-container.comment-rating {
    margin-bottom: 13px;
    margin-top: 9px;
}

.comments-4 .ratings-container {
    display: flex;
    align-items: center;
    line-height: normal;
}

.comments-4 .ratings-full {
    position: relative;
    letter-spacing: normal;
    cursor: pointer;
    margin-right: 0;
    font-size: 14px;
    font-weight: 900;
    color: var(--yellow-color);
}

.comments-4 .ratings-full .fas {
    display: table-cell;
    padding: 0 2px 0 0;
}

.comments-4 .ratings-full,
.ratings {
    position: relative;
    letter-spacing: normal;
}

.comments-4 .comment-body .comment-content p {
    margin-bottom: 15px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 400;
    color: var(--dark-color-2);
}

.comments-4 .review-image {
    display: flex;
    align-items: center;
}

.comments-4 .review-image figure {
    max-width: 60px;
    margin-top: 0;
    margin-right: 0;
    border-radius: 2px;
    overflow: hidden;
    height: 60px;
}

.comments-4 .comment-action .btn-helpful {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    color: var(--green-color-3);
    font-weight: 400;
    font-size: 15px;
    margin: 0 30px 0 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.comments-4 .comment-action .btn-helpful i {
    font-size: 12px;
    color: var(--green-color-3);
    margin: 0 9px 0 0;
}

.comments-4 .comment-action .btn-report-abuse {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    color: var(--dark-color-2);
    font-weight: 400;
    font-size: 15px;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.comments-4 .comment-action .btn-report-abuse i {
    font-size: 12px;
    color: var(--dark-color-2);
    margin: 0 9px 0 0;
}


/*------------------------------ Single Product v4 Page Product Detail 3 images CSS --------------------------------*/

.single-product-v4-detail-three-images {
    margin: -126px 0 0 0;
    position: relative;
}

.single-product-v4-detail-slider-item3 {
    height: 930px;
    overflow: hidden;
    border-radius: 10px;
}

.single-product-v4-detail-slider-item2 {
    height: 640px;
    overflow: hidden;
    border-radius: 10px;
}

.single-product-v4-detail-slider-item1 {
    height: 640px;
    overflow: hidden;
    border-radius: 10px;
}


/*------------------------------ Single Product v1 Page Responsive CSS --------------------------------*/

@media (max-width: 1599.98px) {
    .description-img4 {
        height: 325px;
    }
    .vendor-info-text-4 .graybox {
        padding: 8px 12px;
    }
    .vendor-info-left-part-4 {
        width: 43%;
    }
    .vendor-info-right-part-4 {
        width: 57%;
    }
}

@media (max-width: 1499.98px) {
    .description-img4 {
        height: 294px;
    }
    .vendor-info-text-4 {
        padding: 15px;
    }
    .vendor-info-text-4 .vendor-logo {
        margin-right: 14px;
    }
    .vendor-info-text-4 .ratings-full {
        margin-right: 6px;
        font-size: 11px;
    }
    .vendor-info-text-4 .rating-reviews {
        font-size: 14px;
    }
    .vendor-info-left-part-4 {
        width: 44%;
    }
    .vendor-info-right-part-4 {
        width: 56%;
    }
    .ratings-wrapper-4 .avg-mark {
        font-size: 62px;
    }
}

@media (max-width: 1399.98px) {
    .single-product-v4-detail-main {
        height: 730px;
    }
    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 730px;
    }
    .title-4 {
        margin: 76px 0 7px 0;
    }
    .single-product-v4-detail-page-cuntent {
        width: 49%;
    }
    .short-desc-4 p {
        font-size: 24px;
    }
    .single-product-v4-detail-slider-right {
        width: 51%;
    }
    .single-product-v4-detail-slider-item3 {
        height: 830px;
    }
    .single-product-v4-detail-slider-item2 {
        height: 540px;
    }
    .single-product-v4-detail-slider-item1 {
        height: 540px;
    }
    .single-product-v4-detail-page-responsive {
        width: 100%;
    }
    .description-img4 {
        height: 400px;
    }
    .description-text4 {
        margin: 30px 0 0 0;
    }
    .vendor-info-left-part-4 {
        width: 60%;
    }
    .vendor-info-right-part-4 {
        width: 100%;
    }
    .vendor-info-text4-4 {
        margin: 30px 0 0 0;
    }
    .review-form-wrapper-4 {
        padding: 30px 0;
    }
    .common-btn2-hover-small {
        font-size: 14px;
        padding: 13px 19px;
    }
    .common-btn2-hover-small i {
        font-size: 16px;
    }
}

@media (max-width: 1299.98px) {
    .single-product-v4-detail-main {
        height: 670px;
    }
    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 670px;
    }
    .single-product-v4-slicknavholdercustom .single-product-v4-slicknavbtnbig {
        margin: 0 10px;
    }
    .single-product-v4-slicknavholdercustom .single-product-v4-slicknavbtnbig img {
        width: 35px;
    }
    .single-product-v4-slicknavholdercustom {
        left: -120px;
    }
    .single-product-v4-detail-three-images {
        margin: -96px 0 0 0;
    }
    .single-product-v4-detail-slider-item1 {
        height: 440px;
    }
    .single-product-v4-detail-slider-item2 {
        height: 440px;
    }
    .single-product-v4-detail-slider-item3 {
        height: 640px;
    }
    .single-product-v4-detail-page-cuntent {
        width: 46%;
    }
    .single-product-v4-detail-slider-right {
        width: 54%;
    }
    .title-4 {
        font-size: 60px;
        margin: 100px 0 7px 0;
    }
    .short-desc-4 p {
        font-size: 16px;
        line-height: normal;
        margin: 0 0 20px 0;
    }
    .price-4 .text-price-4 {
        font-size: 20px;
    }
    .price-4 .text-price-4 del {
        font-size: 15px;
        padding: 0 5px 0 0;
    }
    .size-swatch-title-4 {
        margin: 20px 0;
    }
    .quantity-form-4 {
        margin: 20px 0;
    }
    .subtitle-4-1 {
        font-size: 20px;
    }
    .title-4-1 {
        font-size: 38px;
        margin: 0 0 30px 0;
    }
    .subtitle-4-1::after {
        width: 28px;
        height: 2px;
        top: 14px;
        left: 38px;
    }
    .single-product-v4-tab-cunten {
        padding: 70px 70px 70px 40px;
    }
    .custom-tab-nav-4 .nav-link {
        font-size: 17px;
        padding: 0;
        line-height: 40px;
    }
    .custom-tab-nav-4 .nav-item {
        margin-left: 44px;
    }
    .custom-tab-content-4 {
        margin: 0 0 0 50px;
    }
    .description-img4 {
        height: 300px;
    }
    .description-text4 {
        margin: 30px 0 0 0;
        font-size: 14px;
        line-height: 24px;
    }
    .video-4 .btn-play {
        width: 58px;
        height: 58px;
    }
    .video-4 .btn-play .play-icon {
        height: 20px;
    }
    .information-table-4 .table th {
        font-size: 14px;
        padding: 10px 14px;
    }
    .information-table-4 .table td {
        font-size: 14px;
        padding: 10px 14px;
    }
    .size-chart-table-4 .table th {
        font-size: 14px;
        padding: 7px 10px;
    }
    .size-chart-table-4 .table td {
        font-size: 14px;
        padding: 7px 10px;
    }
    .vendor-info-text4-4 {
        font-size: 14px;
        line-height: 24px;
    }
    .vendor-info-left-part-4 {
        width: 56%;
    }
    .vendor-info-text-4 .vendor-logo {
        margin-right: 10px;
        max-width: 60px;
        height: 60px;
    }
    .vendor-info-text-4 .vendor-name {
        font-size: 16px;
    }
    .vendor-info-text-4 .graybox .title {
        font-size: 18px;
    }
    .ratings-wrapper-4 .avg-mark {
        font-size: 60px;
    }
    .ratings-wrapper-4 .avg-rating {
        margin-left: 16px;
    }
    .ratings-wrapper-4 .avg-rating p {
        font-size: 15px;
    }
    .ratings-wrapper-4 .avg-rating .ratings-full {
        margin-right: 10px;
        font-size: 12px;
    }
    .ratings-wrapper-4 .rating-reviews {
        font-size: 14px;
    }
    .ratings-wrapper-4 .ratings-value {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .ratings-wrapper-4 .ratings-value span:first-child {
        margin-right: 20px;
        font-size: 20px;
    }
    .ratings-wrapper-4 .ratings-value .count {
        font-size: 14px;
    }
    .ratings-wrapper-4 .ratings-full,
    .ratings {
        font-size: 12px;
    }
    .ratings-wrapper-4 .ratings-list .progress-value mark {
        font-size: 14px;
    }
    .review-form-wrapper-4 .title {
        font-size: 16px;
    }
    .review-form-wrapper-4 .review-form {
        padding-top: 13px;
    }
    .review-form-wrapper-4 .rating-form {
        margin-bottom: 18px;
    }
    .review-form-wrapper-4 .review-form .form-control {
        min-height: 40px;
        margin-bottom: 10px;
        font-size: 14px;
        padding: 8px 16px;
    }
    .review-form-wrapper-4 .review-form textarea {
        height: 140px;
    }
    .review-form-wrapper-4 .form-group {
        margin: 3px 0 16px 0;
        font-size: 14px;
        display: block;
    }
    .review-form-wrapper-4 .custom-checkbox {
        height: 16px;
        width: 16px;
    }
    .review-form-wrapper-4 .custom-checkbox:checked+label::before,
    .custom-checkbox.checked+label::before {
        font-size: 10px;
    }
    .common-btn2-hover-small-arrow {
        font-size: 15px;
    }
    .comments-4 .comment-avatar {
        flex: 0 0 50px;
        max-width: 50px;
        margin-right: 15px;
        height: 50px;
    }
    .comments-4 .comment-author {
        font-size: 16px;
    }
    .comments-4 .comment-date {
        font-size: 14px;
    }
    .comments-4 .ratings-full {
        font-size: 12px;
    }
    .comments-4 .ratings-container.comment-rating {
        margin-bottom: 10px;
        margin-top: 7px;
    }
    .comments-4 .comment-body .comment-content p {
        margin-bottom: 12px;
        line-height: 22px;
        font-size: 14px;
    }
    .comments-4 .review-image figure {
        max-width: 50px;
        height: 50px;
    }
    .comments-4 .comment-action .btn-helpful {
        font-size: 14px;
        margin: 0 20px 0 0;
    }
    .comments-4 .comment-action .btn-report-abuse {
        font-size: 14px;
    }
}

@media (max-width: 1199.98px) {
    .single-product-v4-slicknavholdercustom {
        left: -110px;
    }
    .vendor-info-left-part-4 {
        width: 73%;
    }
}

@media (max-width: 1024.98px) {
    .single-product-v4-detail-main {
        height: 600px;
    }
    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 600px;
    }
    .title-4 {
        font-size: 30px;
        margin: 70px 0 7px 0;
    }
    .short-desc-4 p {
        font-size: 14px;
    }
    .single-product-v4-detail-slider-item1 {
        height: 400px;
    }
    .single-product-v4-detail-slider-item2 {
        height: 400px;
    }
    .single-product-v4-detail-slider-item3 {
        height: 600px;
    }
    .price-4 .text-price-4 {
        font-size: 15px;
    }
    .subtitle-4-1 {
        font-size: 16px;
    }
    .subtitle-4-1::after {
        width: 28px;
        height: 2px;
        top: 11px;
        left: 28px;
    }
    .title-4-1 {
        font-size: 20px;
        margin: 0 0 20px 0;
    }
}

@media (max-width: 991.98px) {
    .single-product-v4-detail-main {
        height: 500px;
    }
    .single-product-v4-detail-slider-right {
        width: 50%;
    }
    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 500px;
    }
    .single-product-v4-detail-page-cuntent {
        width: 50%;
    }
    .title-4 {
        margin: 50px 0 7px 0;
    }
    .single-product-v4-detail-three-images {
        margin: -86px 0 0 0;
    }
    .single-product-v4-detail-slider-item1 {
        height: 350px;
        border-radius: 5px;
    }
    .single-product-v4-detail-slider-item2 {
        height: 350px;
        border-radius: 5px;
    }
    .single-product-v4-detail-slider-item3 {
        height: 500px;
        border-radius: 5px;
    }
    .single-product-v4-tab-cunten {
        padding: 30px;
    }
    .custom-tab-nav-4 {
        max-width: 128px;
        flex-basis: 128px;
    }
    .custom-tab-content-4 {
        margin: 0 0 0 26px;
    }
    .description-text4 {
        margin: 26px 0 0 0;
    }
    .information-table-4 .table {
        margin: 26px 0 0 0;
    }
    .description-img4 {
        height: 210px;
    }
    .vendor-info-left-part-4 {
        width: 85%;
    }
    .vendor-info-right-part-4 {
        width: 100%;
    }
    .vendor-info-text-4 {
        display: flex !important;
    }
    .vendor-info-text-4 .graybox {
        padding: 6px 6px;
        width: auto;
        display: block;
        float: none;
        margin: 0 0px 8px 25px;
        border-radius: 5px;
    }
    .vendor-info-text-4 .btn-box {
        margin: 2px 0 0 25px;
    }
    .vendor-info-text4-4 {
        margin: 26px 0 0 0;
    }
    .review-form-wrapper-4 {
        margin: 26px 0;
        padding: 0;
    }
}

@media (max-width: 767.98px) {
    .single-product-v4-detail-main {
        height: auto;
    }
    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 512px;
    }
    .single-product-v4-detail-three-images {
        margin: 30px 0 0 0;
    }
    .single-product-v4-detail-page-cuntent {
        width: 100%;
    }
    .single-product-v4-detail-text-main {
        position: relative;
    }
    .single-product-v4-detail-slider-right {
        width: 100%;
    }
    .single-product-v4-detail-slider-item1 {
        height: 300px;
    }
    .single-product-v4-detail-slider-item2 {
        height: 300px;
    }
    .single-product-v4-detail-slider-item3 {
        height: 420px;
    }
    .custom-tab-content-4 {
        margin: 26px 0 0 0;
        width: 100%;
    }
    .custom-tab-nav-4 .nav-link.active,
    .custom-tab-nav-4 .show>.nav-link {
        border-right: 0px;
        border-bottom: 2px solid var(--yellow-color);
    }
    .subtitle-4-1 {
        font-size: 15px;
    }
    .subtitle-4-1::after {
        width: 18px;
        height: 2px;
        top: 10px;
        left: 24px;
    }
    .title-4-1 {
        font-size: 19px;
        margin: 0 0 10px 0;
    }
    .custom-tab-nav-4 {
        max-width: 100%;
        flex-basis: 100%;
        display: block;
    }
    .custom-tab-nav-4 .nav-link {
        width: 48%;
        display: inline-flex;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    .single-product-v4-slicknavholdercustom .single-product-v4-slicknavbtnbig img {
        width: 25px;
    }
    .single-product-v4-slicknavholdercustom {
        left: -90px;
        bottom: 25px;
    }
    .title-4 {
        font-size: 20px;
        margin: 30px 0 7px 0;
    }
    .custom-tab-nav-4 .nav-item {
        margin-left: 10px;
    }
    .vendor-info-text-4 .graybox .title {
        font-size: 16px;
    }
    .ratings-wrapper-4 .ratings-value span:first-child {
        margin-right: 15px;
        font-size: 17px;
    }
    .review-form-wrapper-4 .title {
        font-size: 15px;
    }
    .review-form-wrapper-4 .review-form {
        padding-top: 10px;
    }
    .ratings-wrapper-4 .avg-mark {
        font-size: 40px;
    }
    .comments-4 .comment-author {
        font-size: 15px;
    }
    .vendor-info-left-part-4 {
        width: 90%;
    }
    .vendor-info-text-4 .vendor-name {
        font-size: 15px;
    }
    .review-form-wrapper-4 p {
        font-size: 13.5px;
    }
}

@media (max-width: 575.98px) {
    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 380px;
    }
    .single-product-v4-slicknavholdercustom {
        left: auto;
        bottom: 6px;
        right: 12px;
        background-color: var(--white-color);
    }
    .single-product-v4-detail-slider-item3 {
        height: 360px;
        margin-bottom: 15px;
    }
    .single-product-v4-detail-slider-item2 {
        height: 360px;
        margin-bottom: 15px;
    }
    .single-product-v4-detail-slider-item1 {
        height: 360px;
    }
    .single-product-v4-tab-cunten {
        padding: 15px;
    }
    .vendor-info-left-part-4 {
        width: 83%;
    }
}

@media (max-width: 480.98px) {
    .vendor-info-text-4 {
        display: block !important;
    }
    .vendor-info-left-part-4 {
        width: 100%;
    }
    .description-img4 {
        height: 160px;
    }
    .vendor-info-text-4 .graybox {
        width: 100%;
        display: block;
        margin: 5px 0 5px 0;
    }
    .vendor-info-text-4 .btn-box {
        margin: 0;
    }
}

@media (max-width: 414.98px) {
    .single-product-v4-detail-slider-item3 {
        height: 260px;
        margin-bottom: 10px;
    }
    .single-product-v4-detail-slider-item2 {
        height: 260px;
        margin-bottom: 10px;
    }
    .single-product-v4-detail-slider-item1 {
        height: 260px;
        margin-bottom: 10px;
    }
    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 276px;
    }
    .description-text4 {
        margin: 20px 0 0 0;
    }
    .information-table-4 .table {
        margin: 20px 0 0 0;
    }
    .vendor-info-text4-4 {
        margin: 20px 0 0 0;
    }
    .review-form-wrapper-4 {
        margin: 20px 0;
    }
}

@media (max-width: 375.98px) {
    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 250px;
    }
    .single-product-v4-detail-slider-item3 {
        height: 230px;
    }
    .single-product-v4-detail-slider-item2 {
        height: 230px;
    }
    .single-product-v4-detail-slider-item1 {
        height: 230px;
    }
    .description-img4 {
        height: 150px;
    }
}

@media (max-width: 360.98px) {
    .single-product-v4-detail-slider-item .single-product-v4-detail-slider-item-img {
        height: 240px;
    }
    .size-4 {
        margin: 0 4px 0 0;
    }
    .size-title-4-val {
        margin: 0 0 0 5px;
    }
    .single-product-v4-detail-slider-item3 {
        height: 220px;
    }
    .single-product-v4-detail-slider-item2 {
        height: 220px;
    }
    .single-product-v4-detail-slider-item1 {
        height: 220px;
    }
}

@media (max-width: 320.98px) {
    .review-form-wrapper-4 .rating-stars {
        margin-left: 1px;
    }
    .comments-4 .comment-action .btn-helpful {
        margin: 0 15px 0 0;
    }
}


/*=========================================== Single Product v4 Page End CSS ===========================================*/


/*=========================================== Single Product v5 Page Start CSS ===========================================*/


/*------------------------------ Single Product v5 Page Detail CSS --------------------------------*/

.single-product-v5-detail-main {
    margin: 0;
    padding: 0
}

.single-product-v5-detail-page-slider-main {
    margin: 0 26px 0 0;
    padding: 0;
    position: relative;
}

.single-product-v5-slicknavholdercustom {
    position: absolute;
    top: 50%;
    left: 18px;
    right: 18px;
}

.single-product-v5-slicknavholdercustom .single-product-v5-slicknavbtnprev {
    cursor: pointer;
    position: absolute;
    left: 0;
}

.single-product-v5-slicknavholdercustom .single-product-v5-slicknavbtnnext {
    cursor: pointer;
    position: absolute;
    right: 0;
}

.single-product-v5-slicknavholdercustom2 {
    position: absolute;
    bottom: 60%;
    left: 0;
    right: 0;
}

.single-product-v5-slicknavholdercustom2 .single-product-v5-slicknavbtnprev {
    cursor: pointer;
    position: absolute;
    left: 0;
}

.single-product-v5-slicknavholdercustom2 .single-product-v5-slicknavbtnnext {
    cursor: pointer;
    position: absolute;
    right: 0;
}

.single-product-v5-detail-page-slider-large .slider-img {
    height: 777px;
    width: 100%;
    overflow: hidden;
    margin: 0;
}

.single-product-v5-detail-page-slider-large .slider-img img {
    object-position: top;
}

.single-product-v5-detail-page-slider-thumbnail {
    margin: 0 -5px;
    padding: 0 60px;
}

.thumbnail-main {
    position: absolute;
    bottom: 37px;
    overflow: hidden;
    left: 72px;
    right: 72px;
}

.single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
    height: 91px;
    overflow: hidden;
    cursor: pointer;
    padding: 0 5px;
}

.single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img img {
    object-position: center;
    object-position: top;
}

.single-product-v5-detail-page-slider-thumbnail .slick-slide .slider-thumbnail-img img {
    opacity: 1;
    transition: all 0.3s;
    border: 2px solid var(--white-color);
}

.single-product-v5-detail-page-slider-thumbnail .slick-slide.slick-current .slider-thumbnail-img img {
    border-color: var(--green-color-3);
    object-position: top;
}

.single-product-v5-detail {
    padding: 0;
    margin: 0 0 0 54px;
}

.title-5 {
    font-size: 36px;
    font-weight: 600;
    color: var(--black-color-6);
    margin: 0 0 23px 0;
    padding: 0;
}

.color-swatch-5 {
    height: 30px;
    margin: 0 42px 0 0;
    padding: 0 32px 0 0;
    border-right: 2px solid var(--gray-color-3);
}

.color-title-5 {
    font-size: 18px;
    font-weight: 500;
    color: var(--black-color-6);
    margin: 0 15px 0 0;
    padding: 0;
    line-height: 1.8;
}

.color-5 {
    width: 30px;
    height: 30px;
    display: table;
    margin: 0px 5px;
    border-radius: 50px;
    border: solid 1px transparent;
    position: relative;
}

.color-5:last-of-type {
    margin-right: 0px;
}

.color-5.active {
    width: auto;
    border-color: var(--gray-color-3);
}

.color-5.active .tt-bgcolor {
    transition: transform 0.3s;
    transform: scale(0.8);
    transform-origin: center center;
}

.color-5.active .tt-text {
    visibility: visible;
    opacity: 1;
    position: relative;
}

.color-5 .tt-bgcolor {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    transform: scale(1);
    float: left;
}

.color-5 .tt-text {
    visibility: hidden;
    opacity: 0;
    float: left;
    position: absolute;
    top: 4px;
    left: 0;
    padding-right: 10px;
    padding-left: 5px;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 600;
    color: var(--dark-color-2);
    font-family: 'Open Sans', sans-serif;
}

.size-swatch-5 {
    margin: 0;
    padding: 0;
}

.size-title-5 {
    font-size: 18px;
    font-weight: 500;
    color: var(--black-color-6);
    margin: 0 15px 0 0;
    padding: 0;
    display: inline-block;
}

.size-5 {
    font-size: 15px;
    font-weight: 700;
    color: var(--black-color-6);
    margin: 0 20px 0 0;
    border-bottom: 2px solid transparent;
    font-family: 'Open Sans', sans-serif;
}

.size-5.active {
    color: var(--green-color-3);
    border-bottom: 2px solid var(--green-color-3);
}

.price-5 {
    margin: 22px 0 0 0;
    padding: 0;
}

.text-price-5 del {
    font-size: 20px;
    font-weight: 500;
    color: var(--gray-color-14);
    opacity: 50%;
    margin: 0;
    padding: 0 10px 0 0;
    display: inline-block;
}

.text-price-5 {
    font-size: 30px;
    font-weight: 700;
    color: var(--dark-color-2);
    margin: 0;
    padding: 0;
    display: inline-block;
}

.short-desc-5 p {
    font-family: 'Open Sans', sans-serif;
    color: var(--dark-color-2);
    font-size: 15px;
    line-height: 1.8;
    font-weight: 600;
    margin: 13px 0 0 0;
    padding: 0;
}

.info-list-5 {
    padding-top: 25px;
    display: flex;
}

.info-list-mar-pad-bor-5 {
    margin: 0 27px 0 0;
    padding: 0 27px 0 0;
    border-right: 2px solid var(--gray-color-3);
}

.sku-5 {
    font-size: 15px;
    font-weight: 500;
    color: var(--dark-color-2);
}

.sku-5 span {
    font-size: 15px;
    font-weight: 400;
    color: var(--dark-color-2);
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.categories-5 {
    font-size: 15px;
    font-weight: 500;
    color: var(--dark-color-2);
}

.categories-5 span {
    font-size: 15px;
    font-weight: 400;
    color: var(--dark-color-2);
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.categories-5 span a {
    color: var(--dark-color-2);
}

.tags-5 {
    font-size: 15px;
    font-weight: 500;
    color: var(--dark-color-2);
    margin: 0;
    padding: 0;
}

.tags-5 span {
    font-size: 15px;
    font-weight: 400;
    color: var(--dark-color-2);
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.tags-5 span a {
    color: var(--dark-color-2);
}

.quantity-form-5 {
    margin: 30px 0 30px 0;
    padding: 0;
    border-bottom: 1px solid var(--gray-color-3);
    padding-bottom: 23px;
    display: flex;
}

.social-button-5 {
    font-size: 15px;
    color: var(--dark-color-2);
    margin: 0 5px 0 0;
    padding: 0;
    width: 42px;
    height: 42px;
    border-radius: 100px;
    border: 1px solid var(--gray-color-3);
    display: inline-flex;
    text-align: center;
    background-color: var(--light-white-color);
    justify-content: center;
    align-items: center;
}

.social-button-5:hover {
    color: var(--light-white-color);
    background-color: var(--dark-color-2);
    border: 1px solid var(--dark-color-2);
}

.social-button-5.icon-facebook:hover {
    color: var(--white-color);
    border: 1px solid var(--blue-color);
    background-color: var(--blue-color);
}

.social-button-5.icon-twitter:hover {
    color: var(--white-color);
    border: 1px solid var(--blue-color-1);
    background-color: var(--blue-color-1);
}

.social-button-5.icon-instagram:hover {
    color: var(--white-color);
    border: 1px solid var(--red-color-2);
    background-color: var(--red-color-2);
}

.social-button-5.icon-pinterest:hover {
    color: var(--white-color);
    border: 1px solid var(--red-color-3);
    background-color: var(--red-color-3);
}

.social-button-5.icon-linkedin:hover {
    color: var(--white-color);
    border: 1px solid var(--blue-color-2);
    background-color: var(--blue-color-2);
}


/*------------------------------ Single Product v5 Page Tab CSS --------------------------------*/

.custom-accordion-5 {
    margin: 0 0 0 54px;
}

.custom-accordion-5 .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.custom-accordion-5 .accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-accordion-5 .accordion-item:not(:first-of-type) {
    border-top: 0;
}

.custom-accordion-5 .accordion-item {
    background-color: var(--white-color);
    border: none;
    margin: 0 0 42px 0;
    padding: 0 40px;
}

.custom-accordion-5 .accordion-item.active {
    background-color: var(--white-color);
    border: none;
    margin-bottom: 60px;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.10);
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

.custom-accordion-5 .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.custom-accordion-5 .accordion-button:not(.collapsed) {
    color: var(--dark-color-2);
    background-color: var(--white-color);
    box-shadow: none;
}

.custom-accordion-5 .accordion-button {
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    display: block;
}

.custom-accordion-5 .accordion-button .subtitle {
    font-size: 14px;
    font-weight: 400;
    padding: 0 20px 0 0;
    color: var(--gray-color-14);
    margin: 0;
    display: block;
    font-family: 'Open Sans', sans-serif;
    line-height: normal;
}

.custom-accordion-5 .accordion-button:focus {
    z-index: 3;
    border-color: var(--gray-color-3);
    outline: 0;
    box-shadow: none;
}

.custom-accordion-5 .accordion-header {
    border-bottom: none;
}

.custom-accordion-5 .accordion-body {
    padding: 30px 0 0 0;
    border-bottom: none
}

.custom-accordion-5 .accordion-button::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    flex-shrink: 0;
    margin-left: auto;
    width: unset;
    height: unset;
    content: "\f0dd";
    color: var(--dark-color-2);
    font-size: 18px;
    background-image: none;
    background-repeat: unset;
    background-size: unset;
    transition: transform .2s ease-in-out;
    right: 0;
    top: 7px;
    position: absolute;
}

.custom-accordion-5 .accordion-button:not(.collapsed)::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0de";
    color: var(--dark-color-2);
    font-size: 18px;
    background-image: none;
    transform: none;
    right: 0;
    top: 14px;
    position: absolute;
}

.video-5 {
    margin: 0;
}

.video-5 .description-img5 {
    margin: 0;
    padding: 0;
    height: 350px;
    overflow: hidden;
    border-radius: 10px;
    vertical-align: middle;
}

.video-5 .btn-play {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 78px;
    height: 78px;
    border-radius: 50%;
    background-color: var(--white-color);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.video-5 .btn-play .play-icon {
    height: 24px;
    overflow: hidden;
    display: inline-block;
    line-height: 1;
}

.description-text5 {
    padding: 0;
    margin: 21px 0 25px 0;
    color: var(--dark-color-2);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
}

.information-table-5 .table {
    border: 1px solid var(--gray-color-18);
    margin: 0;
}


/* .information-table-5 .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--gray-color-19); } */

.information-table-5 .table> :not(caption)>*>* {
    padding: 0;
    background: none;
    border-bottom-width: 1px;
    box-shadow: none;
}

.information-table-5 .table tbody,
td,
th,
thead,
tr {
    border: 1px solid var(--gray-color-18);
}

.information-table-5 .table th {
    font-size: 15px;
    font-weight: 500;
    color: var(--black-color);
    padding: 10px 10px;
}

.information-table-5 .table th:first-of-type {
    background-color: var(--gray-color-6);
}

.information-table-5 .table td {
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color-1);
    padding: 10px 10px;
    font-family: 'Open Sans', sans-serif;
}

.size-chart-table-5 .table {
    border: 1px solid var(--gray-color-18);
    margin: 0;
}

.size-chart-table-5 .table> :not(caption)>*>* {
    padding: 0;
    border-bottom-width: 1px;
    box-shadow: none;
    border-color: var(--gray-color-18);
}

.size-chart-table-5 .table .table-dark {
    background-color: var(--black-color-2);
    border-color: var(--gray-color-18);
}

.size-chart-table-5 .table tbody,
td,
th,
thead,
tr {
    border: 1px solid var(--gray-color-18);
}


/* .size-chart-table-5 .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--dark-white-color); } */

.size-chart-table-5 .table tr {
    background-color: var(--white-color);
}

.size-chart-table-5 .table th {
    font-size: 15px;
    font-weight: 500;
    color: var(--white-color);
    padding: 10px 3px;
}

.size-chart-table-5 .table td {
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color-1);
    padding: 10px 3px;
    font-family: 'Open Sans', sans-serif;
}

.size-chart-table-5 .table td:first-of-type {
    background-color: var(--gray-color-6);
}

.vendor-info-text-5 {
    margin: 0;
    padding: 20px;
    background-color: var(--white-color);
    border: 1px solid var(--gray-color-18);
    border-radius: 5px;
}

.vendor-info-text-5 .vendor-user {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.vendor-info-text-5 .vendor-logo {
    max-width: 70px;
    height: 70px;
    margin-right: 24px;
    margin-bottom: 0;
    overflow: hidden;
}

.vendor-info-text-5 .vendor-logo img {
    border: none;
    border-radius: 5px;
}

.vendor-info-text-5 .vendor-name {
    margin: 1px 0 4px 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--black-color);
}

.vendor-info-text-5 .vendor-name a {
    color: var(--black-color);
}

.vendor-info-text-5 .ratings-container {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.vendor-info-text-5 .ratings-full {
    margin-right: 10px;
    font-size: 12px;
    color: var(--yellow-color);
    cursor: pointer;
}

.vendor-info-text-5 .ratings-full .fas {
    display: table-cell;
    padding: 0 2px 0 0;
}

.vendor-info-text-5 .rating-reviews {
    margin: 0;
    font-size: 15px;
    color: var(--black-color);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.vendor-info-text-5 .vendor-info {
    margin: 8px 0 0 0;
}

.vendor-info-text-5 .vendor-info li {
    margin: 2px 0 0 0;
}

.vendor-info-text-5 .vendor-info label {
    display: inline-block;
    padding-right: 0;
    color: var(--black-color);
    font-size: 14px;
    font-weight: 500;
}

.vendor-info-text-5 .vendor-info .detail {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.vendor-info-text-5 .store-phone a {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.vendor-info-text-5 .store-phone a:hover {
    color: var(--black-color);
}

.vendor-info-text-5 .two-graybox-main {
    margin: 0 -5px;
}

.vendor-info-text-5 .graybox {
    width: 100%;
    margin: 10px 5px;
    padding: 8px 14px;
    background-color: var(--dark-white-color);
    border-radius: 10px;
}

.vendor-info-text-5 .graybox .title {
    font-size: 24px;
    font-weight: 700;
    color: var(--black-color);
}

.vendor-info-text-5 .graybox .sub-desc {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.vendor-info-text-5 .btn-box {
    margin: 0;
    padding: 0;
}

.vendor-info-text5 {
    padding: 0;
    margin: 30px 0 0 0;
    color: var(--dark-color-2);
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
}

.last-reviews-part-5 {
    padding: 20px 12px 40px 0;
}

.ratings-wrapper-5 {
    margin: 0;
    padding: 0;
}

.ratings-wrapper-5 .avg-rating-container {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.ratings-wrapper-5 .avg-mark {
    font-size: 72px;
    font-weight: 900;
    color: var(--green-color-3);
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
}

.ratings-wrapper-5 .avg-rating {
    margin-left: 22px;
}

.ratings-wrapper-5 .avg-rating p {
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-5 .avg-rating .ratings-container {
    display: flex;
    align-items: center;
    line-height: normal;
    margin-top: 5px;
    margin-bottom: 0;
}

.ratings-wrapper-5 .avg-rating .ratings-full {
    cursor: pointer;
    margin-right: 12px;
    font-size: 14px;
    font-weight: 900;
    color: var(--yellow-color);
}

.ratings-wrapper-5 .ratings-full,
.ratings {
    position: relative;
    letter-spacing: normal;
    cursor: pointer;
    margin-right: 0;
    font-size: 14px;
    font-weight: 900;
    color: var(--yellow-color);
}

.ratings-wrapper-5 .ratings-full .fas {
    display: table-cell;
    padding: 0 2px 0 0;
}

.ratings-wrapper-5 .rating-reviews {
    margin: 0;
    font-size: 16px;
    color: var(--gray-color-14);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-5 .ratings-value {
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-5 .ratings-value span:first-child {
    margin-right: 30px;
    font-size: 30px;
    font-weight: 700;
    color: var(--black-color);
}

.ratings-wrapper-5 .ratings-value .count {
    margin-left: 9px;
    font-size: 16px;
    color: var(--gray-color-14);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-5 .ratings-list .ratings-container {
    margin-bottom: 7px;
    display: flex;
    align-items: center;
}

.ratings-wrapper-5 .ratings-list .progress-bar {
    max-width: 290px;
    margin-left: 24px;
    margin-bottom: 0;
    border-radius: 5px;
}

.ratings-wrapper-5 .progress-bar.progress-bar-sm {
    height: 10px;
}

.ratings-wrapper-5 .progress-bar {
    background-color: var(--gray-color-18);
    margin-bottom: 1rem;
    height: 1rem;
    width: 100%;
}

.ratings-wrapper-5 .ratings-list .progress-bar span {
    border-radius: 5px;
}

.ratings-wrapper-5 .progress-bar .green-220 {
    display: block;
    height: 100%;
    background-color: var(--green-color);
    width: 150px;
}

.ratings-wrapper-5 .progress-bar .green-120 {
    display: block;
    height: 100%;
    background-color: var(--green-color);
    width: 100px;
}

.ratings-wrapper-5 .progress-bar .green-150 {
    display: block;
    height: 100%;
    background-color: var(--green-color);
    width: 120px;
}

.ratings-wrapper-5 .progress-bar .yellow-70 {
    display: block;
    height: 100%;
    background-color: var(--yellow-color);
    width: 50px;
}

.ratings-wrapper-5 .progress-bar .red-30 {
    display: block;
    height: 100%;
    background-color: var(--red-color-5);
    width: 20px;
}

.ratings-wrapper-5 .ratings-list .progress-value {
    margin-left: 27px;
    min-width: 32px;
}

.ratings-wrapper-5 .ratings-list .progress-value mark {
    font-size: 16px;
    color: var(--black-color);
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.ratings-wrapper-5 .progress-value mark {
    background: transparent;
}

.review-form-wrapper-5 {
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid var(--gray-color-3);
    border-bottom: 1px solid var(--gray-color-3);
}

.review-form-wrapper-5 .title {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    text-align: center;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    color: var(--dark-color-2);
}

.review-form-wrapper-5 p {
    font-size: 14px;
    color: var(--dark-color-2);
    font-weight: 400;
}

.review-form-wrapper-5 .review-form {
    padding-top: 23px;
}

.review-form-wrapper-5 .rating-form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 28px;
}

.review-form-wrapper-5 .rating-form label {
    font-size: 14px;
    color: var(--dark-color-2);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.review-form-wrapper-5 .rating-stars {
    position: relative;
    font-size: 12px;
    margin-left: 20px;
    color: var(--yellow-color);
    cursor: pointer;
}

.review-form-wrapper-5 .rating-stars .fas {
    display: table-cell;
    padding: 0 2px 0 0;
}

.review-form-wrapper-5 .review-form .form-control {
    min-height: 46px;
    margin-bottom: 10px;
    font-size: 15px;
    border-color: var(--white-color);
    color: var(--white-color-1);
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 0px;
    font-family: 'Open Sans', sans-serif;
    outline: none;
    box-shadow: none;
    border: 2px solid var(--gray-color-4);
}

.review-form-wrapper-5 .review-form textarea {
    height: 120px;
}

.review-form-wrapper-5 .form-group {
    margin: 6px 0 26px 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
    line-height: normal;
    display: block;
}

.review-form-wrapper-5 .custom-checkbox {
    position: absolute;
    opacity: 0;
    z-index: 1;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.review-form-wrapper-5 .custom-checkbox+label {
    display: inline-block;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
}

.review-form-wrapper-5 .form-group .custom-checkbox+label::before {
    top: 0;
    transform: none;
    margin-top: 0.2rem;
}

.review-form-wrapper-5 .custom-checkbox+label::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid var(--green-color-3);
    border-radius: 2px;
}

.review-form-wrapper-5 .custom-checkbox:checked+label::before,
.custom-checkbox.checked+label::before {
    content: "\f00c";
    border-color: var(--green-color-3);
    background: var(--green-color-3);
    color: var(--white-color);
    font-size: 12px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    text-align: center;
}

.comments-5 {
    margin: 0;
    padding: 0;
}

.comments-5 .comment {
    position: relative;
    padding: 0 0 42px 0;
}

.comments-5 .comment:last-child {
    padding-bottom: 0;
}

.comments-5 .comment-body {
    display: flex;
}

.comments-5 .comment-avatar {
    flex: 0 0 56px;
    max-width: 56px;
    margin-right: 19px;
    height: 56px;
    overflow: hidden;
    border-radius: 100%;
}

.comments-5 .comment-author {
    margin: 3px 0 0 0;
    font-size: 20px;
    color: var(--black-color);
    line-height: normal;
    font-weight: 700;
}

.comments-5 .comment-author a {
    margin-right: 10px;
    color: inherit;
}

.comments-5 .comment-date {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: normal;
    color: var(--gray-color-14);
    font-family: 'Open Sans', sans-serif;
    display: block;
}

.comments-5 .ratings-container.comment-rating {
    margin-bottom: 13px;
    margin-top: 9px;
}

.comments-5 .ratings-container {
    display: flex;
    align-items: center;
    line-height: normal;
}

.comments-5 .ratings-full {
    position: relative;
    letter-spacing: normal;
    cursor: pointer;
    margin-right: 0;
    font-size: 14px;
    font-weight: 900;
    color: var(--yellow-color);
}

.comments-5 .ratings-full .fas {
    display: table-cell;
    padding: 0 2px 0 0;
}

.comments-5 .ratings-full,
.ratings {
    position: relative;
    letter-spacing: normal;
}

.comments-5 .comment-body .comment-content p {
    margin-bottom: 15px;
    line-height: 24px;
    font-size: 15px;
    font-weight: 400;
    color: var(--dark-color-2);
}

.comments-5 .review-image {
    display: flex;
    align-items: center;
}

.comments-5 .review-image figure {
    max-width: 60px;
    margin-top: 0;
    margin-right: 0;
    border-radius: 2px;
    overflow: hidden;
    height: 60px;
}

.comments-5 .comment-action .btn-helpful {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    color: var(--green-color-3);
    font-weight: 400;
    font-size: 15px;
    margin: 0 30px 0 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.comments-5 .comment-action .btn-helpful i {
    font-size: 12px;
    color: var(--green-color-3);
    margin: 0 9px 0 0;
}

.comments-5 .comment-action .btn-report-abuse {
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    color: var(--dark-color-2);
    font-weight: 400;
    font-size: 15px;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.comments-5 .comment-action .btn-report-abuse i {
    font-size: 12px;
    color: var(--dark-color-2);
    margin: 0 9px 0 0;
}


/*------------------------------ Single Product v5 Page Responsive CSS --------------------------------*/

@media (max-width: 1599.98px) {
    .single-product-v5-detail {
        margin: 0;
    }
    .custom-accordion-5 {
        margin: 0;
    }
}

@media (max-width: 1499.98px) {
    .single-product-v5-detail-page-slider-large .slider-img {
        height: 677px;
    }
    .single-product-v5-detail-page-slider-thumbnail {
        padding: 0 40px;
    }
    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 80px;
    }
    .single-product-v5-slicknavholdercustom2 {
        bottom: 65%;
    }
    .ratings-wrapper-5 .avg-mark {
        font-size: 65px;
    }
    .ratings-wrapper-5 .progress-bar .green-220 {
        width: 110px;
    }
    .ratings-wrapper-5 .progress-bar .green-120 {
        width: 70px;
    }
    .ratings-wrapper-5 .progress-bar .green-150 {
        width: 90px;
    }
    .ratings-wrapper-5 .progress-bar .yellow-70 {
        width: 40px;
    }
    .ratings-wrapper-5 .progress-bar .red-30 {
        width: 20px;
    }
}

@media (max-width: 1399.98px) {
    .single-product-v5-detail-page-slider-main {
        padding: 0;
        margin: 0;
    }
    .thumbnail-main {
        bottom: 27px;
        left: 42px;
        right: 42px;
    }
    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 70px;
    }
    .single-product-v5-slicknavholdercustom2 {
        bottom: 70%;
    }
    .info-list-mar-pad-bor-5 {
        margin: 0 15px 0 0;
        padding: 0 15px 0 0;
    }
    .video-5 .btn-play {
        width: 68px;
        height: 68px;
    }
    .video-5 .description-img5 {
        height: 320px;
    }
}

@media (max-width: 1299.98px) {
    .single-product-v5-detail-page-slider-large .slider-img {
        height: 577px;
    }
    .single-product-v5-slicknavholdercustom .single-product-v5-slicknavbtnprev img {
        max-width: 22px;
    }
    .single-product-v5-slicknavholdercustom .single-product-v5-slicknavbtnnext img {
        max-width: 22px;
    }
    .single-product-v5-slicknavholdercustom2 .single-product-v5-slicknavbtnprev img {
        max-width: 22px;
    }
    .single-product-v5-slicknavholdercustom2 .single-product-v5-slicknavbtnnext img {
        max-width: 22px;
    }
    .title-5 {
        font-size: 20px;
        margin: 0 0 13px 0;
    }
    .short-desc-5 p {
        font-size: 14px;
        line-height: 1.7;
    }
    .price-5 {
        margin: 20px 0 0 0;
    }
    .text-price-5 {
        font-size: 17px;
    }
    .text-price-5 del {
        font-size: 15px;
        padding: 0 5px 0 0;
    }
    .color-swatch-5 {
        margin: 0 22px 0 0;
        padding: 0 12px 0 0;
        height: 27px;
    }
    .color-title-5 {
        font-size: 15px;
        margin: 0 10px 0 0;
    }
    .color-5 {
        width: 28px;
        height: 28px;
    }
    .color-5 .tt-bgcolor {
        width: 27px;
        height: 27px;
    }
    .color-5.active::before {
        margin: 9px;
    }
    .color-5 .tt-text {
        line-height: 1.2;
    }
    .size-title-5 {
        font-size: 15px;
        margin: 0 10px 0 0;
    }
    .quantity-form-5 {
        margin: 15px 0 20px 0;
        padding-bottom: 13px;
    }
    .info-list-5 {
        padding-top: 12px;
    }
    .sku-5 {
        font-size: 15px;
        line-height: 24px;
    }
    .sku-5 span {
        font-size: 14px;
    }
    .categories-5 {
        font-size: 15px;
        line-height: 24px;
    }
    .categories-5 span {
        font-size: 14px;
    }
    .tags-5 {
        font-size: 15px;
        line-height: 24px;
    }
    .tags-5 span {
        font-size: 14px;
    }
    .share-5 {
        margin: 4px 0 0 0;
    }
    .single-product-v5-tab {
        margin: 0;
    }
    .custom-accordion-5 .accordion-button {
        font-size: 16px;
        padding: 0 0 15px 0;
    }
    .custom-accordion-5 .accordion-button:not(.collapsed)::after {
        font-size: 15px;
        top: 30px;
    }
    .custom-accordion-5 .accordion-button::after {
        font-size: 15px;
        top: 20px;
    }
    .custom-accordion-5 .accordion-item.active {
        margin-bottom: 40px;
        padding: 15px;
    }
    .custom-accordion-5 .accordion-item {
        margin: 0 0 22px 0;
        padding: 0 20px;
    }
    .custom-accordion-5 .accordion-body {
        padding: 5px 0 0 0;
    }
    .description-text5 {
        margin: 11px 0 20px 0;
        font-size: 14px;
        line-height: 24px;
    }
    .video-5 .description-img5 {
        height: 340px;
    }
    .video-5 .btn-play {
        width: 58px;
        height: 58px;
    }
    .video-5 .btn-play .play-icon {
        height: 20px;
    }
    .information-table-5 .table th {
        padding: 10px;
    }
    .information-table-5 .table td {
        padding: 10px;
    }
    .size-chart-table-5 .table th {
        padding: 10px;
    }
    .size-chart-table-5 .table td {
        padding: 10px;
    }
    .vendor-info-text5 {
        font-size: 14px;
        line-height: 24px;
        margin: 20px 0 0 0;
    }
    .vendor-info-text-5 .vendor-logo {
        margin-right: 10px;
        max-width: 60px;
        height: 60px;
    }
    .vendor-info-text-5 .vendor-name {
        font-size: 16px;
    }
    .vendor-info-text-5 .graybox .title {
        font-size: 18px;
    }
    .vendor-info-text-5 .graybox {
        padding: 6px 6px;
    }
    .ratings-wrapper-5 .avg-mark {
        font-size: 60px;
    }
    .ratings-wrapper-5 .avg-rating {
        margin-left: 16px;
    }
    .ratings-wrapper-5 .avg-rating p {
        font-size: 15px;
    }
    .ratings-wrapper-5 .avg-rating .ratings-full {
        margin-right: 10px;
        font-size: 12px;
    }
    .ratings-wrapper-5 .rating-reviews {
        font-size: 14px;
    }
    .ratings-wrapper-5 .ratings-value {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .ratings-wrapper-5 .ratings-value span:first-child {
        margin-right: 20px;
        font-size: 20px;
    }
    .ratings-wrapper-5 .ratings-value .count {
        font-size: 14px;
    }
    .ratings-wrapper-5 .ratings-full,
    .ratings {
        font-size: 12px;
    }
    .ratings-wrapper-5 .ratings-list .progress-value mark {
        font-size: 14px;
    }
    .review-form-wrapper-5 {
        margin: 20px 0;
        padding: 20px 0;
    }
    .review-form-wrapper-5 .title {
        font-size: 16px;
    }
    .review-form-wrapper-5 .review-form {
        padding-top: 13px;
    }
    .review-form-wrapper-5 .rating-form {
        margin-bottom: 18px;
    }
    .review-form-wrapper-5 .review-form .form-control {
        min-height: 40px;
        margin-bottom: 10px;
        font-size: 14px;
        padding: 8px 16px;
    }
    .review-form-wrapper-5 .review-form textarea {
        height: 140px;
    }
    .review-form-wrapper-5 .form-group {
        margin: 3px 0 16px 0;
        font-size: 14px;
    }
    .review-form-wrapper-5 .custom-checkbox {
        height: 16px;
        width: 16px;
    }
    .review-form-wrapper-5 .custom-checkbox:checked+label::before,
    .custom-checkbox.checked+label::before {
        font-size: 10px;
    }
    .common-btn2-hover-small-arrow {
        font-size: 15px;
    }
    .comments-5 .comment-avatar {
        flex: 0 0 50px;
        max-width: 50px;
        margin-right: 15px;
        height: 50px;
    }
    .comments-5 .comment-author {
        font-size: 16px;
    }
    .comments-5 .comment-date {
        font-size: 14px;
    }
    .comments-5 .ratings-full {
        font-size: 12px;
    }
    .comments-5 .ratings-container.comment-rating {
        margin-bottom: 10px;
        margin-top: 7px;
    }
    .comments-5 .comment-body .comment-content p {
        margin-bottom: 12px;
        line-height: 22px;
        font-size: 14px;
    }
    .comments-5 .review-image figure {
        max-width: 50px;
        height: 50px;
    }
    .comments-5 .comment-action .btn-helpful {
        font-size: 14px;
        margin: 0 18px 0 0;
    }
    .comments-5 .comment-action .btn-report-abuse {
        font-size: 14px;
    }
}

@media (max-width: 1199.98px) {
    .single-product-v5-detail-page-slider-large .slider-img {
        height: 564px;
    }
    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 60px;
    }
    .thumbnail-main {
        bottom: 20px;
        left: 32px;
        right: 32px;
    }
    .info-list-5 {
        display: block;
    }
    .info-list-mar-pad-bor-5 {
        margin: 0 0 8px 0;
        padding: 0 0 8px 0;
        border-right: none;
        border-bottom: 1px solid var(--gray-color-3);
    }
    .video-5 .description-img5 {
        height: 280px;
    }
    .review-form-wrapper-5 p {
        font-size: 13.8px;
    }
}

@media (max-width: 991.98px) {
    .single-product-v5-detail-page-slider-large .slider-img {
        height: 677px;
    }
    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 100px;
    }
    .single-product-v5-slicknavholdercustom2 {
        bottom: 66%;
    }
    .thumbnail-main {
        bottom: 27px;
        left: 52px;
        right: 52px;
    }
    .single-product-v5-detail {
        padding: 0;
    }
    .single-product-v5-tab {
        margin: 20px 0 0 0;
    }
    .video-5 .description-img5 {
        height: 350px;
    }
}

@media (max-width: 767.98px) {
    .single-product-v5-detail-page-slider-large .slider-img {
        height: 577px;
    }
    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 80px;
    }
    .quantity-form-5 {
        display: block;
    }
    .color-size-two-part-5 {
        display: block !important;
    }
    .color-swatch-5 {
        margin: 0;
        padding: 0;
        border-right: none;
    }
    .size-swatch-5 {
        border-right: none;
        border-top: 1px solid var(--gray-color-3);
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
    }
    .share-5 {
        margin: 15px 0 0 0;
    }
    .video-5 .description-img5 {
        height: 274px;
    }
    .ratings-wrapper-5 .ratings-value span:first-child {
        margin-right: 15px;
        font-size: 17px;
    }
    .ratings-wrapper-5 .avg-mark {
        font-size: 40px;
    }
    .review-form-wrapper-5 .title {
        font-size: 15px;
    }
    .review-form-wrapper-5 .review-form {
        padding-top: 10px;
    }
    .comments-5 .comment-author {
        font-size: 15px;
    }
    .vendor-info-text-5 .graybox .title {
        font-size: 16px;
    }
    .vendor-info-text-5 .graybox {
        width: 50%;
    }
    .vendor-info-text-5 .vendor-name {
        font-size: 15px;
    }
}

@media (max-width: 575.98px) {
    .video-5 .description-img5 {
        height: 294px;
    }
}

@media (max-width: 480.98px) {
    .single-product-v5-detail-page-slider-large .slider-img {
        height: 477px;
    }
    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 70px;
    }
    .thumbnail-main {
        bottom: 20px;
        left: 20px;
        right: 20px;
    }
    .video-5 .description-img5 {
        height: 240px;
    }
}

@media (max-width: 414.98px) {
    .quantity-form-5 {
        display: block;
    }
    .share-5 {
        margin: 20px 0 0 0;
    }
    .color-size-two-part-5 {
        display: block !important;
    }
    .color-swatch-5 {
        margin: 0;
        padding: 0;
        border-right: none;
    }
    .size-swatch-5 {
        margin: 10px 0 0 0;
        padding: 10px 0 0 0;
        border-right: none;
        border-top: 1px solid var(--gray-color-3);
    }
    .video-5 .description-img5 {
        height: 204px;
    }
}

@media (max-width: 375.98px) {
    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 60px;
    }
    .video-5 .description-img5 {
        height: 182px;
    }
    .vendor-info-text-5 .graybox .title {
        font-size: 14px;
    }
    .vendor-info-text-5 .graybox .sub-desc {
        font-size: 13.5px;
    }
}

@media (max-width: 360.98px) {
    .single-product-v5-detail-page-slider-large .slider-img {
        height: 447px;
    }
    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 50px;
    }
    .single-product-v5-slicknavholdercustom2 {
        bottom: 74%;
    }
    .color-title-5 {
        margin: 0 5px 0 0;
    }
    .video-5 .description-img5 {
        height: 172px;
    }
}

@media (max-width: 320.98px) {
    .single-product-v5-detail-page-slider-large .slider-img {
        height: 377px;
    }
    .single-product-v5-detail-page-slider-thumbnail .slider-thumbnail-img {
        height: 42px;
    }
    .single-product-v5-slicknavholdercustom2 {
        bottom: 78%;
    }
    .video-5 .description-img5 {
        height: 150px;
    }
    .vendor-info-text-5 {
        padding: 10px;
    }
    .vendor-info-text-5 .ratings-full {
        margin-right: 6px;
        font-size: 11px;
    }
    .review-form-wrapper-5 .rating-stars {
        margin-left: 1px;
    }
}


/*=========================================== Single Product v5 Page End CSS ===========================================*/


/*=========================================== Blog Page Listing v1 Top Banner Start CSS ===========================================*/


/*------------------------------ Blog Page Listing v1 Top Banner CSS --------------------------------*/

.blog-listing-v1-bgimages {
    width: 54%;
}

.blog-listing-v1-bgcolor {
    width: 46%;
}

.blog-listing-v1-img-main {
    height: 770px;
    overflow: hidden;
}

.blog-listing-v1-detail {
    position: absolute;
    top: 103px;
    left: 0;
    width: 100%;
}

.blog-listing-v1-box {
    margin: 0;
    padding: 145px 89px 110px 90px;
    background-color: var(--white-color);
}

.blog-listing-v1-meta {
    margin: 0 0 33px 0;
}

.blog-listing-v1-meta-left {
    width: 70%;
}

.blog-listing-v1-meta-right {
    width: 30%;
}

.blog-listing-v1-meta-tag {
    background-color: var(--dark-color-2);
    color: var(--white-color);
    border-radius: 100px;
    padding: 5px 12px;
}

.blog-listing-v1-meta-text {
    color: var(--gray-color-2);
    transition: all .3s ease 0s;
    font-size: 15px;
    font-weight: 400;
    margin-right: 30px;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
}

.blog-listing-v1-meta-text i {
    color: var(--gray-color-2);
    font-size: 14px;
    padding-right: 10px;
}

.blog-listing-v1-meta-text:last-child {
    margin-right: 0px;
    font-style: italic;
}

.blog-listing-v1-meta-comments {
    color: var(--gray-color-2);
    transition: all .3s ease 0s;
}

.blog-listing-v1-meta-comments i {
    color: var(--gray-color-2);
    font-size: 14px;
    padding-right: 10px;
}

.blog-listing-v1-meta-title {
    font-size: 36px;
    font-weight: 500;
    margin: 0;
    color: var(--black-color-2);
}

.blog-listing-v1-meta-subdecs {
    color: var(--gray-color-2);
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
    margin: 23px 0 35px 0;
}

.blog-listing-v1-social-button {
    font-size: 14px;
    color: var(--black-color-2);
    margin: 0 0 0 5px;
    padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    border: 1px solid var(--gray-color-3);
    display: inline-flex;
    text-align: center;
    background-color: var(--dark-white-color);
    justify-content: center;
    align-items: center;
}

.blog-listing-v1-social-button:hover {
    color: var(--light-white-color);
    background-color: var(--dark-color-2);
    border: 1px solid var(--dark-color-2);
}

.blog-listing-v1-social-button.icon-facebook:hover {
    color: var(--white-color);
    border: 1px solid var(--blue-color);
    background-color: var(--blue-color);
}

.blog-listing-v1-social-button.icon-twitter:hover {
    color: var(--white-color);
    border: 1px solid var(--blue-color-1);
    background-color: var(--blue-color-1);
}

.blog-listing-v1-social-button.icon-instagram:hover {
    color: var(--white-color);
    border: 1px solid var(--red-color-2);
    background-color: var(--red-color-2);
}

.blog-listing-v1-social-button.icon-pinterest:hover {
    color: var(--white-color);
    border: 1px solid var(--red-color-3);
    background-color: var(--red-color-3);
}

.blog-listing-v1-social-button.icon-linkedin:hover {
    color: var(--white-color);
    border: 1px solid var(--blue-color-2);
    background-color: var(--blue-color-2);
}


/*------------------------------ Blog Page Listing v1 Page Content CSS --------------------------------*/

.widget-title.blogpage-title {
    margin: 0 0 38px 0;
    padding: 0 0 0 50px;
    font-weight: 500;
    font-size: 20px;
    color: var(--black-color-2);
    position: relative;
    cursor: default;
}

.widget-title.blogpage-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    background-color: var(--pink-color);
    border-radius: 2px;
    width: 30px;
    height: 4px;
}

.blogpage-widget-search-form .form-control {
    border-radius: 0;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-color-2);
    border-color: var(--gray-color-3);
    background-color: var(--white-color);
    outline: none;
    box-shadow: none;
    font-family: 'Open Sans', sans-serif;
}

.blogpage-widget-search-form .btn-search {
    padding: 6px 20px 6px 20px;
    border-width: 1px 1px 1px 0;
    border-color: var(--gray-color-3);
    border-radius: 0;
    background-color: var(--white-color);
    outline: none;
    box-shadow: none;
}

.blogpage-widget-search-form .btn-search i {
    font-size: 14px;
    color: var(--gray-color-2);
}

.blogpage-widget-subscribe-form .form-control {
    border-radius: 0;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-color-2);
    border-color: var(--gray-color-3);
    background-color: var(--white-color);
    outline: none;
    box-shadow: none;
    font-family: 'Open Sans', sans-serif;
    padding: 11px 15px;
}

.blogpage-widget-subscribe-form .btn-search {
    border-radius: 0;
    background-color: var(--white-color);
    outline: none;
    box-shadow: none;
    border-color: var(--gray-color-3);
    border-width: 1px 1px 1px 0;
    padding: 5px;
}

.blogpage-widget-subscribe-form .btn-search i {
    font-size: 14px;
    color: var(--gray-color-2);
}

.btn-images {
    max-width: 45px;
    padding: 14px 13px;
    background-color: var(--green-color-3);
}

.blogpage-input-wrapper-inline {
    display: flex;
    position: relative;
    max-width: 67.5rem;
    width: 100%
}

.blogpage-input-wrapper input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 40px;
    font-size: 1.4rem;
    border-width: 1px 0 1px 1px;
}

.widget-shapret-line {
    margin: 30px 0;
    color: inherit;
    background-color: var(--gray-color-3);
    border: 0;
    opacity: 1;
}

.widget-mb-0 {
    margin-bottom: 0;
}

.blogpage-post-widget {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 20px 0;
}

.blogpage-post-widget .blogpage-post-media {
    flex: 0 0 100px;
    max-width: 100px;
    margin: 0;
}

.blogpage-post-widget .blogpage-post-details {
    margin-left: 20px;
    padding: 0;
}

.blogpage-post-widget .blogpage-post-meta {
    margin-bottom: 0px;
}

.blogpage-post-widget .blogpage-post-meta a:hover {
    color: var(--green-color-3);
}

.blogpage-post-widget .blogpage-post-title {
    margin: 0 0 6px 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--black-color-2);
}

.blogpage-post-widget .blogpage-post-title:hover a {
    color: var(--green-color-3);
}

.blogpage-post-widget .blogpage-post-date {
    margin: 0;
    font-size: 14px;
    color: var(--gray-color-2);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.blogpage-categories li:not(:last-child) {
    border-color: var(--gray-color-3) !important;
    border-bottom: 1px solid;
}

.blogpage-categories a {
    color: var(--black-color-2);
    display: block;
    font-weight: 400;
    font-size: 16px;
    line-height: 50px;
    font-family: 'Open Sans', sans-serif
}

.blogpage-categories li:hover a {
    color: var(--green-color-3);
}

.blogpage-categories a span {
    float: right
}

.blogpage-tag-text-main {
    margin: 0 -7px;
}

.blogpage-tag-text {
    padding: 0 7px;
    display: inline-block;
    width: auto;
}

.blogpage-tags .tag {
    display: table;
    margin-bottom: 14px;
    padding: 4px 16px;
    font-size: 14px;
    border: 1px solid var(--gray-color-3);
    text-transform: capitalize;
    color: var(--black-color-2);
    background-color: var(--dark-white-color);
    border-radius: 15px;
    text-align: center;
    -webkit-transition: color 0.3s, border-color 0.3s;
    transition: color 0.3s, border-color 0.3s;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
}

.blogpage-tags .tag:hover {
    border-color: var(--green-color-3);
    color: var(--green-color-3);
}

.blog-listing-v1-one-img-main {
    height: 340px;
    width: 770px;
    overflow: hidden;
}

.blog-listing-v1-one-detail {
    margin-top: -100px;
    z-index: 1;
    position: relative;
    padding-left: 40px;
}

.blog-listing-v1-one-box {
    margin: 0;
    padding: 40px;
    background-color: var(--white-color);
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.05);
}

.blog-listing-v1-meta-text-mb {
    margin-bottom: 20px;
}

.blog-listing-v1-one-meta-tag {
    background-color: var(--dark-white-color);
    color: var(--black-color-2);
    border-color: var(--gray-color-3) !important;
    border: 1px solid;
    border-radius: 100px;
    padding: 5px 12px;
}

.blog-listing-v1-one-meta-title {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    color: var(--black-color-2);
}

.blog-listing-v1-two-img-main {
    height: 280px;
    width: 370px;
    overflow: hidden;
}


/*------------------------------ Blog Page Listing v1 Responsive CSS --------------------------------*/

@media (min-width: 992px) {
    .blog.main-content {
        max-width: none;
        flex-basis: 0;
        flex-grow: 1;
    }
    .blog-sidebar {
        flex: 0 0 533px;
        max-width: 533px;
    }
    .blog-sidebar .blog-sidebar-box {
        background-color: var(--gray-color-6);
        padding: 30px;
        margin: 0 0 0 50px;
    }
}

@media (max-width: 1599.98px) {
    .blog-listing-v1-one-box {
        padding: 20px;
    }
}

@media (max-width: 1499.98px) {
    .blog-listing-v1-detail {
        top: 93px;
    }
    .blog-listing-v1-img-main {
        height: 725px;
    }
    .blog-listing-v1-box {
        padding: 105px 59px 70px 60px;
    }
    .blog-listing-v1-one-detail {
        padding-left: 20px;
    }
}

@media (max-width: 1399.98px) {
    .blog-sidebar {
        flex: 0 0 440px;
        max-width: 440px;
    }
    .blog-listing-v1-box {
        padding: 70px 59px 70px 60px;
    }
    .blog-listing-v1-one-img-main {
        height: 416px;
        width: 550px;
    }
    .blog-listing-v1-one-detail {
        margin-top: -70px;
    }
    .blog-listing-v1-two-img-main {
        height: 416px;
        width: 550px;
    }
}

@media (max-width: 1299.98px) {
    .blog-listing-v1-img-main {
        height: 550px;
    }
    .blog-listing-v1-box {
        padding: 50px 40px;
    }
    .blog-listing-v1-meta {
        margin: 0 0 23px 0;
    }
    .blog-listing-v1-meta-title {
        font-size: 22px;
    }
    .blog-listing-v1-meta-subdecs {
        font-size: 14px;
        line-height: 24px;
        margin: 15px 0 25px 0;
    }
    .blog-listing-v1-one-img-main {
        height: 378px;
        width: 500px;
    }
    .blog-listing-v1-two-img-main {
        height: 378px;
        width: 500px;
    }
    .blog-listing-v1-one-meta-title {
        font-size: 18px;
    }
    .widget-title.blogpage-title {
        margin: 0 0 28px 0;
        padding: 0 0 0 45px;
        font-size: 18px;
    }
    .blogpage-post-widget .blogpage-post-title {
        font-size: 16px;
    }
    .blogpage-categories a {
        font-size: 15px;
        line-height: 45px;
    }
}

@media (max-width: 1199.98px) {
    .blog-sidebar {
        flex: 0 0 420px;
        max-width: 420px;
    }
    .blog-listing-v1-one-img-main {
        height: 295px;
        width: 390px;
    }
    .blog-listing-v1-two-img-main {
        height: 295px;
        width: 390px;
    }
}

@media (max-width: 991.98px) {
    .blog-listing-v1-bgimages {
        width: 44%;
    }
    .blog-listing-v1-bgcolor {
        width: 56%;
    }
    .blog-listing-v1-img-main {
        height: 500px;
    }
    .blog-listing-v1-box {
        padding: 30px;
    }
    .common-btn2-hover::after {
        top: 17px;
        right: -12px;
        width: 25px;
        height: 12px;
    }
    .blog-listing-v1-one-img-main {
        height: 340px;
        width: 450px;
    }
    .blog-listing-v1-two-img-main {
        height: 340px;
        width: 450px;
    }
    .blog-listing-v1-meta {
        margin: 0 0 13px 0;
    }
    .widget-shapret-line {
        margin: 20px 0;
    }
    .btn-images {
        max-width: 35px;
        padding: 8px 6px;
    }
    .blogpage-widget-subscribe-form .btn-search {
        padding: 3px;
    }
    .widget-title.blogpage-title {
        margin: 0 0 15px 0;
        padding: 0 0 0 45px;
    }
    .widget-title.blogpage-title::before {
        top: 7px;
        width: 25px;
    }
    .blogpage-post-widget .blogpage-post-details {
        margin-left: 15px;
    }
    .blogpage-post-widget {
        margin: 0 0 15px 0;
    }
}

@media (max-width: 800.98px) {
    .blog-listing-v1-detail {
        top: 80px;
    }
    .blog-listing-v1-img-main {
        height: 440px;
    }
}

@media (max-width: 768.98px) {
    .blog-listing-v1-meta-text {
        margin-right: 15px;
    }
    .blog-listing-v1-meta-title {
        font-size: 17px;
    }
    .blog-listing-v1-one-meta-title {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .blog-listing-v1-img-main {
        height: 400px;
    }
    .blog-listing-v1-bgimages {
        width: 100%;
    }
    .blog-listing-v1-bgcolor {
        width: 100%;
    }
    .blog-listing-v1-detail {
        position: relative;
        background-color: transparent;
        top: -50px;
    }
    .blog-listing-v1-one-img-main {
        height: 360px;
        width: 100%;
    }
    .blog-listing-v1-two-img-main {
        height: 360px;
        width: 100%;
    }
    .blog-listing-v1-one-detail {
        padding-left: 15px;
        padding-right: 15px;
    }
    .blog-listing-v1-meta-text-mb {
        margin-bottom: 15px;
    }
    .blog-listing-v1-box {
        padding: 30px 30px 0 30px;
    }
}

@media (max-width: 575.98px) {
    .blog-listing-v1-img-main {
        height: 350px;
    }
}

@media (max-width: 480.98px) {
    .blog-listing-v1-box {
        padding: 15px 15px 0 15px;
    }
    .blog-listing-v1-one-img-main {
        height: 320px;
    }
    .blog-listing-v1-two-img-main {
        height: 320px;
    }
    .blog-listing-v1-one-box {
        padding: 15px;
    }
    .blog-listing-v1-meta {
        display: block !important;
    }
    .blog-listing-v1-meta-left {
        width: 100%;
    }
    .blog-listing-v1-meta-right {
        width: 100%;
    }
    .blog-listing-v1-meta-text {
        display: block;
        margin: 0 0 15px 0;
    }
    .blog-listing-v1-meta-text:last-child {
        float: unset !important;
    }
    .d-block-responsive {
        display: block !important;
    }
    .blog-listing-v1-share {
        margin-top: 15px;
    }
}

@media (max-width: 414.98px) {
    .blog-listing-v1-img-main {
        height: 308px;
    }
    .blog-listing-v1-one-img-main {
        height: 276px;
    }
    .blog-listing-v1-two-img-main {
        height: 276px;
    }
}

@media (max-width: 375.98px) {
    .blog-listing-v1-img-main {
        height: 278px;
    }
    .blog-listing-v1-one-img-main {
        height: 246px;
    }
    .blog-listing-v1-two-img-main {
        height: 246px;
    }
}

@media (max-width: 360.98px) {
    .blog-listing-v1-img-main {
        height: 268px;
    }
    .blog-listing-v1-one-img-main {
        height: 236px;
    }
    .blog-listing-v1-two-img-main {
        height: 236px;
    }
    .pagination .page-link {
        padding: .375rem .55rem;
    }
}

@media (max-width: 320.98px) {
    .blog-listing-v1-img-main {
        height: 238px;
    }
    .blog-listing-v1-one-img-main {
        height: 205px;
    }
    .blog-listing-v1-two-img-main {
        height: 205px;
    }
}


/*=========================================== Blog Page Listing v1 Top Banner End CSS ===========================================*/


/*=========================================== Blog Page Listing v2 Blogs Trending Start CSS ===========================================*/

.blogpage-v2-blogs-trending::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 651px;
    z-index: 0;
    background-color: var(--green-color-3);
}

.blogpage-v2-blogs-trending::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 162px;
    width: 162px;
    z-index: 0;
    background-image: url('../images/blogpage-v2-blogs-trending-right-bgimg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.blogpage-v2-blogs-trending-titles {
    margin: 61px 0 27px 0;
}

.blogpage-v2-blogs-trending-img {
    overflow: hidden;
    height: 560px;
}

.blogpage-v2-blogs-trending-text {
    margin: -87px 0 0 0;
    position: relative;
    padding-left: 25px;
    padding-right: 25px;
    z-index: 1;
}

.blogpage-v2-blogs-trending-inside-thumb {
    background-color: var(--white-color);
    padding: 14px 20px;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.10);
}

.blogpage-v2-blogs-trending-post-title-chp {
    font-size: 24px;
    font-weight: 500;
    color: var(--black-color-2);
    margin: 0 0 9px 0;
}

.blogpage-v2-blogs-trending-post-title-chp:focus,
.blogpage-v2-blogs-trending-post-title-chp:hover {
    color: var(--black-color-2);
}

.blogpage-v2-blogs-trending-post-time {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-color-2);
    font-family: 'Open Sans', sans-serif;
}

.blogpage-v2-blogs-trending-post-author {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-color-2);
    font-family: 'Open Sans', sans-serif;
}

.blogpage-v2-blogs-trending-cw {
    color: var(--black-color-2);
}

.blogpage-v2-blogs-trending-cat-pr {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-color-2);
    font-family: 'Open Sans', sans-serif;
}

.blogpage-v2-blogs-trending-post-meta {
    margin: 5px 0 7px 0;
}

.blogpage-v2-blogs-trending-post-icon {
    display: inline;
    margin: 0 26px 0 0;
    font-size: 14px;
}

.blogpage-v2-blogs-trending-post-icon a {
    color: var(--gray-dark-color);
}

.blogpage-v2-blogs-trending-post-icon:last-of-type {
    margin: 0;
}


/*=========================================== Blog Page Listing v2 Blogs Trending End CSS ===========================================*/


/*=========================================== Blog Page Listing v2 From Our Bloggers Start CSS ===========================================*/

.blogpage-v2-from-our-bloggers {
    background: linear-gradient(180deg, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 497px, rgb(243, 243, 243) 0px, rgb(243, 243, 243) 1293px, rgb(255, 255, 255) 100px, rgb(255, 255, 255) 100px);
}

.blogpage-v2-from-our-bloggers-inside-text {
    background-color: var(--pink-color);
    padding: 44px 50px 64px 50px;
    margin-top: 120px;
    margin-right: 60px;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.10);
    position: relative;
}

.blogpage-v2-from-our-bloggers-inside-text::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 85px;
    height: 85px;
    z-index: 0;
    background-image: url('../images/blogpage-v2-from-our-bloggers-right-bgimg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.blogpage-v2-from-our-bloggers-chp {
    font-size: 36px;
    font-weight: 500;
    color: var(--white-color);
    margin: 0;
}

.blogpage-v2-from-our-bloggers-chp:focus,
.blogpage-v2-from-our-bloggers-chp:hover {
    color: var(--white-color);
}

.blogpage-v2-from-our-bloggers-time {
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color);
    font-family: 'Open Sans', sans-serif;
}

.blogpage-v2-from-our-bloggers-author {
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color);
    font-family: 'Open Sans', sans-serif;
}

.blogpage-v2-from-our-bloggers-cw {
    color: var(--white-color);
}

.blogpage-v2-from-our-bloggers-cat-pr {
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color);
    font-family: 'Open Sans', sans-serif;
}

.blogpage-v2-from-our-bloggers-cat-pr a {
    color: var(--white-color);
}

.blogpage-v2-from-our-bloggers-meta {
    margin: 15px 0 23px 0;
}

.blogpage-v2-from-our-bloggers-icon {
    display: inline;
    margin: 0 26px 0 0;
    color: var(--white-color);
    font-size: 14px;
}

.blogpage-v2-from-our-bloggers-icon:last-of-type {
    margin: 0;
}

.blogpage-v2-from-our-bloggers-icon i {
    color: var(--white-color);
}

.blogpage-v2-from-our-bloggers-hr {
    height: 2px !important;
    margin: 35px 0 33px 0;
    background-color: var(--white-color);
    opacity: 1;
    width: 132px
}

.blogpage-v2-from-our-bloggers-sub-title {
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color);
    line-height: 25px;
    font-family: 'Open Sans', sans-serif;
}

.blogpage-v2-from-our-bloggers-inside-thumb {
    overflow: hidden;
    height: 625px;
    margin-left: 40px;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.10);
}

.blogpage-v2-from-our-bloggers-list-thumb {
    overflow: hidden;
    height: 428px;
}

.blogpage-v2-from-our-bloggers-inside-box {
    background-color: var(--white-color);
    padding: 38px 50px 44px 50px;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.10);
}

.blogpage-v2-from-our-bloggers-text-dark {
    color: var(--gray-color-2) !important;
    margin: 8px 0 23px 0;
}

.blogpage-v2-from-our-bloggers-post-meta {
    margin: 8px 0 13px 0;
}

.blogpage-v2-from-our-bloggers-box {
    margin-top: -58px;
}


/*------------------------------ Blog Page Listing v2 Responsive CSS --------------------------------*/

@media (max-width: 1599.98px) {
    .blogpage-v2-blogs-trending-post-title-chp {
        font-size: 23px;
    }
    .blogpage-v2-from-our-bloggers-inside-text {
        padding: 44px 50px 40px 50px;
        margin-right: 25px;
    }
}

@media (max-width: 1499.98px) {
    .blogpage-v2-blogs-trending-post-title-chp {
        font-size: 21px;
    }
    .blogpage-v2-from-our-bloggers-inside-text {
        margin-right: 20px;
    }
}

@media (max-width: 1399.98px) {
    .blogpage-v2-blogs-trending::before {
        height: 485px;
    }
    .blogpage-v2-blogs-trending::after {
        height: 132px;
        width: 132px;
    }
    .blogpage-v2-blogs-trending-img {
        height: 390px;
    }
    .blogpage-v2-blogs-trending-text {
        padding-left: 20px;
        padding-right: 20px;
    }
    .blogpage-v2-blogs-trending-inside-thumb {
        padding: 10px 14px;
    }
    .blogpage-v2-blogs-trending-post-title-chp {
        line-height: 24px;
        display: block;
    }
    .blogpage-v2-from-our-bloggers-inside-text {
        padding: 25px 36px 26px 30px;
        margin-top: 27px;
        margin-right: 0px;
    }
    .common-title-3 {
        font-size: 43px;
    }
    .blogpage-v2-from-our-bloggers-chp {
        font-size: 24px;
    }
    .blogpage-v2-from-our-bloggers-hr {
        margin: 25px 0 23px 0;
    }
    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 581px;
        margin-left: 0;
    }
    .blogpage-v2-from-our-bloggers-inside-text::before {
        width: 65px;
        height: 65px;
    }
    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 300px;
    }
    .blogpage-v2-from-our-bloggers-d-block-responsive {
        display: block !important;
    }
    .blogpage-v2-from-our-bloggers-inside-box {
        padding: 23px 35px 29px 35px;
    }
    .blogpage-v2-from-our-bloggers-box {
        margin-top: -54px;
    }
}

@media (max-width: 1299.98px) {
    .blogpage-v2-blogs-trending::before {
        height: 462px;
    }
    .blogpage-v2-blogs-trending::after {
        height: 112px;
        width: 112px;
    }
    .blogpage-v2-blogs-trending-text {
        padding-left: 15px;
        padding-right: 15px;
    }
    .blogpage-v2-blogs-trending-post-title-chp {
        font-size: 18px;
        line-height: normal;
    }
    .common-title-2 {
        font-size: 30px;
    }
    .common-sub-title {
        font-size: 16px;
        letter-spacing: 4px;
    }
    .common-title-3 {
        font-size: 30px;
    }
    .blogpage-v2-from-our-bloggers-inside-text {
        padding: 15px 26px 26px 20px;
        margin-top: 15px;
    }
    .blogpage-v2-from-our-bloggers-chp {
        font-size: 20px;
    }
    .blogpage-v2-from-our-bloggers-meta {
        margin: 10px 0 18px 0;
    }
    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 506px;
    }
    .blogpage-v2-from-our-bloggers-text-dark {
        margin: 5px 0 15px 0;
    }
    .blogpage-v2-from-our-bloggers-inside-box {
        padding: 15px 20px 15px 20px;
    }
    .blogpage-v2-from-our-bloggers-box {
        margin-top: -32px;
    }
}

@media (max-width: 1199.98px) {
    .blogpage-v2-blogs-trending::before {
        height: 384px;
    }
    .blogpage-v2-blogs-trending-img {
        height: 320px;
    }
    .blogpage-v2-blogs-trending-text {
        padding-left: 10px;
        padding-right: 10px;
    }
    .blogpage-v2-blogs-trending-post-title-chp {
        line-height: 22px;
    }
    .blogpage-v2-from-our-bloggers-inside-text {
        padding: 15px;
    }
    .blogpage-v2-from-our-bloggers-inside-box {
        padding: 15px;
    }
    .blogpage-v2-from-our-bloggers-hr {
        margin: 15px 0 13px 0;
    }
    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 536px;
    }
    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 250px;
    }
}

@media (max-width: 991.98px) {
    .blogpage-v2-blogs-trending::before {
        height: 536px;
    }
    .blogpage-v2-blogs-trending-titles {
        margin: 50px 0 20px 0;
    }
    .blogpage-v2-blogs-trending-img {
        height: 490px;
    }
    .blogpage-v2-blogs-trending-mb-responsive {
        margin-bottom: 24px;
    }
    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 480px;
        margin-top: 24px;
    }
    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 280px;
    }
    .blogpage-v2-from-our-bloggers-box {
        margin-top: 0;
    }
}

@media (max-width: 768.98px) {
    .blogpage-v2-blogs-trending::after {
        height: 92px;
        width: 92px;
    }
    .blogpage-v2-blogs-trending-post-title-chp {
        line-height: normal;
        font-size: 16px;
    }
    .common-title-2 {
        font-size: 22px;
    }
    .common-sub-title {
        font-size: 14px;
        letter-spacing: 2px;
    }
    .common-title-3 {
        font-size: 22px;
    }
    .blogpage-v2-from-our-bloggers-post-meta {
        margin: 5px 0 10px 0;
    }
    .blogpage-v2-from-our-bloggers-inside-text {
        padding: 15px;
        margin-top: 10px;
    }
    .blogpage-v2-from-our-bloggers-inside-box {
        padding: 15px;
    }
    .blogpage-v2-from-our-bloggers-meta {
        margin: 5px 0 10px 0;
    }
    .blogpage-v2-from-our-bloggers-hr {
        margin: 10px 0 10px 0;
    }
}

@media (max-width: 767.98px) {
    .blogpage-v2-blogs-trending::before {
        height: 398px;
    }
    .blogpage-v2-blogs-trending-img {
        height: 365px;
    }
    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 360px;
        margin-top: 10px;
    }
    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 205px;
    }
}

@media (max-width: 575.98px) {
    .blogpage-v2-blogs-trending-titles {
        margin: 30px 0 10px 0;
    }
    .blogpage-v2-blogs-trending::before {
        height: 393px;
    }
    .blogpage-v2-blogs-trending::after {
        height: 72px;
        width: 72px;
    }
    .blogpage-v2-blogs-trending-img {
        height: 390px;
    }
    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 385px;
    }
    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 458px;
    }
}

@media (max-width: 480.98px) {
    .blogpage-v2-blogs-trending::before {
        height: 566px;
    }
    .blogpage-v2-blogs-trending::after {
        height: 52px;
        width: 52px;
    }
    .blogpage-v2-blogs-trending-mb-responsive {
        width: 100%;
    }
    .blogpage-v2-blogs-trending-img {
        height: 570px;
    }
    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 318px;
    }
    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 380px;
    }
    .blogpage-v2-from-our-bloggers-inside-text::before {
        width: 45px;
        height: 45px;
    }
}

@media (max-width: 414.98px) {
    .blogpage-v2-blogs-trending::before {
        height: 496px;
    }
    .blogpage-v2-blogs-trending-img {
        height: 500px;
    }
    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 270px;
    }
    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 325px;
    }
}

@media (max-width: 375.98px) {
    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 244px;
    }
    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 290px;
    }
}

@media (max-width: 320.98px) {
    .blogpage-v2-blogs-trending::before {
        height: 436px;
    }
    .blogpage-v2-blogs-trending-img {
        height: 440px;
    }
    .blogpage-v2-from-our-bloggers-inside-text {
        padding: 10px;
    }
    .blogpage-v2-from-our-bloggers-inside-thumb {
        height: 206px;
    }
    .blogpage-v2-from-our-bloggers-list-thumb {
        height: 246px;
    }
}


/*=========================================== Blog Page Listing v2 From Our Bloggers End CSS ===========================================*/


/*=========================================== Blog Details Page v1 Start CSS ===========================================*/

.blog-details-v1-meta {
    margin: 0 0 13px 0;
}

.blog-listing-v1-meta-text-two {
    margin-right: 15px;
}

.blog-listing-v1-one-meta-tag-two {
    font-style: normal;
}

.blog-details-v1-meta-left {
    width: 50%;
}

.blog-details-v1-meta-right {
    width: 50%;
}

.blog-details-v1-meta-text {
    font-size: 15px;
    color: var(--black-color-2);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
    margin-bottom: 4px;
}

.blog-details-v1-meta-text.date {
    font-family: 'Open Sans', sans-serif;
    color: var(--gray-color-2);
    font-size: 14px;
    font-weight: 400;
    text-align: right;
}

.blog-details-v1-selena-richardson-img {
    max-width: 40px;
    border-radius: 2px;
    height: 40px;
    margin-left: 15px;
}

.blog-details-v1-meta-title {
    font-size: 36px;
    font-weight: 500;
    color: var(--black-color-2);
    line-height: normal;
}

.blog-details-v1-meta-title:focus,
.blog-details-v1-meta-title:hover {
    color: var(--black-color-2);
}

.blog-details-v1-meta-subdecs {
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-color-2);
    line-height: 25px;
    margin-bottom: 17px;
}

.blog-details-v1-img-main {
    overflow: hidden;
    height: 500px;
    margin: 30px 0;
}

.blockquote-box {
    margin: 0 0 30px 0;
    padding: 30px;
    background-color: var(--white-color);
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.05);
}

.blockquote {
    position: relative;
    padding: 30px 38px;
    border-left: 2px solid var(--green-color-3);
    background-color: var(--gray-color-6);
    border-left-color: var(--green-color-3);
    margin: 0;
}

.blog-details-v1-img-main {
    overflow: hidden;
    height: 900px;
    margin: 30px 0 23px 0;
}

.blog-details-v1-img-main-margin-top {
    margin-top: 16px;
}

.blog-details-v1-img-main2 {
    overflow: hidden;
    height: 336px;
    margin: 0;
}

.blog-details-v1-shapret-line {
    margin: 42px 0 14px 0;
    background-color: var(--gray-color-3);
    border: 0;
    opacity: 1;
}

.blog-details-v1-people-like {
    font-size: 15px;
    color: var(--gray-color-2);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.blog-details-v1-people-like:focus,
.blog-details-v1-people-like:hover {
    color: var(--gray-color-2);
}

.blog-details-v1-people-like i {
    font-size: 14px;
    color: var(--red-color-4);
    margin-right: 8px;
}

.blog-details-v1-share-icon {
    color: var(--gray-color-2) !important;
}

.blog-details-v1-page-nav {
    margin: 16px 0 0 0;
    border-bottom: 1px solid var(--gray-color-3);
    padding-top: 44px;
    padding-bottom: 53px;
}

.blog-details-v1-pager-link {
    display: flex;
}

.blog-details-v1-pager-link.blog-details-v1-pager-link-prev {
    align-items: center;
    text-align: left;
}

.blog-details-v1-pager-link.blog-details-v1-pager-link-next {
    align-items: center;
    text-align: right;
}

.blog-details-v1-pager-link-prev-img img {
    max-width: 60px;
    border-radius: 2px;
    margin-right: 20px;
}

.blog-details-v1-pager-link-next-img img {
    max-width: 60px;
    border-radius: 2px;
    margin-left: 20px;
}

.blog-details-v1-pager-link-title-one {
    color: var(--gray-color-2);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    transition: all 0.35s ease;
    font-family: 'Open Sans', sans-serif;
}

.blog-details-v1-pager-link-title {
    display: inline-block;
    margin-top: 0;
    flex: 0 0 auto;
    color: var(--black-color-2);
    font-size: 18px;
    font-weight: 500;
    text-transform: none;
    transition: all 0.35s ease;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Jost', sans-serif
}

.blog-details-v1-pager-link::after {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.35s ease 0.05s
}

.blog-details-v1-comments {
    padding: 38px 0 44px 0;
    border-bottom: 1px solid var(--gray-color-3);
    margin-bottom: 44px;
}

.blog-details-v1-comments .title-simple,
.blog-details-v1-reply .title {
    font-size: 28px;
    font-weight: 500;
    color: var(--black-color-2);
    margin-bottom: 34px
}

.blog-details-v1-comments ul ul {
    margin-left: 25px;
    padding-top: 50px
}

.blog-details-v1-comments li {
    margin-bottom: 50px
}

.blog-details-v1-comments li:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.blog-details-v1-comments .comment {
    position: relative;
    display: flex;
    align-items: flex-start
}

.blog-details-v1-comments .comment-media {
    max-width: 60px;
    flex: 0 0 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 2px
}

.blog-details-v1-comments .comment-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.blog-details-v1-comments .comment-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0 0 0 20px
}

.blog-details-v1-comments .comment-user {
    margin-bottom: 22px
}

.blog-details-v1-comments .comment-user h4 {
    margin-bottom: 7px;
    font-weight: 400;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0;
    color: var(--black-color-2);
    font-family: 'Open Sans', sans-serif
}

.blog-details-v1-comments .comment-date {
    display: block;
    margin-bottom: 0;
    font-size: 14px;
    color: var(--gray-color-2);
    line-height: 1;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif
}

.blog-details-v1-comments .comment p {
    font-size: 15px;
    color: var(--black-color-2);
    font-weight: 400;
    margin-bottom: 0;
}

.blog-details-v1-comments .comment-reply {
    display: flex;
    align-items: center;
    color: var(--black-color-2);
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    padding: 7px 20px;
    letter-spacing: -.01em;
    padding-bottom: 0.4rem;
    background-color: var(--dark-white-color);
    border-radius: 15px;
    border: 1px solid;
    border-color: var(--gray-color-3);
    text-transform: uppercase;
    transition: all .35s ease;
    font-family: 'Open Sans', sans-serif
}


/*------------------------------ Blog Details Page v1 Responsive CSS --------------------------------*/

@media (max-width: 1499.98px) {
    .blog-details-v1-img-main {
        height: 398px;
    }
    .blog-details-v1-img-main2 {
        height: 266px;
    }
}

@media (max-width: 1399.98px) {
    .blog-details-v1-img-main {
        height: 319px;
    }
    .blog-details-v1-img-main2 {
        height: 212px;
    }
}

@media (max-width: 1299.98px) {
    .blog-details-v1-meta-title {
        font-size: 22px;
    }
    .blog-details-v1-meta-subdecs {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 12px;
    }
    .blog-details-v1-img-main {
        margin: 20px 0 13px 0;
    }
    .blockquote-box {
        margin: 0 0 20px 0;
        padding: 20px;
    }
    .blockquote {
        padding: 20px 28px;
    }
    .blog-details-v1-people-like {
        font-size: 14px;
        margin-bottom: 10px;
        display: block;
    }
    .blog-details-v1-people-like i {
        font-size: 13px;
    }
    .blog-details-v1-pager-link-title-one {
        font-size: 14px;
    }
    .blog-details-v1-pager-link-title {
        font-size: 16px;
    }
    .blog-details-v1-shapret-line {
        margin: 32px 0 10px 0;
    }
    .blog-details-v1-page-nav {
        margin: 10px 0 0 0;
    }
    .blog-details-v1-comments {
        padding: 28px 0 34px 0;
        margin-bottom: 34px;
    }
    .blog-details-v1-comments .title-simple,
    .blog-details-v1-reply .title {
        font-size: 20px;
        margin-bottom: 24px;
    }
    .blog-details-v1-comments .comment-user h4 {
        font-size: 14px;
    }
    .blog-details-v1-comments .comment-date {
        font-size: 13px;
    }
    .blog-details-v1-comments .comment p {
        font-size: 14px;
    }
    .blog-details-v1-comments .comment-reply {
        font-size: 13px;
    }
}

@media (max-width: 1199.98px) {
    .blog-details-v1-img-main {
        height: 244px;
    }
    .blog-details-v1-img-main2 {
        height: 160px;
    }
}

@media (max-width: 991.98px) {
    .blog-details-v1-img-main {
        height: 330px;
    }
    .blog-details-v1-img-main2 {
        height: 218px;
    }
}

@media (max-width: 768.98px) {
    .blog-details-v1-meta-title {
        font-size: 17px;
    }
    .blog-details-v1-img-main {
        margin: 10px 0 10px 0;
    }
    .blog-details-v1-page-nav {
        padding-top: 34px;
        padding-bottom: 43px;
    }
    .blog-details-v1-pager-link-title {
        font-size: 14px;
    }
    .blog-details-v1-pager-link-prev-img img {
        margin-right: 10px;
    }
    .blog-details-v1-pager-link-next-img img {
        margin-left: 10px;
    }
    .blog-details-v1-comments .title-simple,
    .blog-details-v1-reply .title {
        font-size: 17px;
        margin-bottom: 14px;
    }
    .blog-details-v1-comments .comment-user {
        margin-bottom: 12px;
    }
    .blog-details-v1-comments .comment-body {
        padding: 0 0 0 15px;
    }
    .common-form2 .form-control {
        margin: 0 0 15px 0;
        padding: 14px 16px;
        height: 40px;
    }
}

@media (max-width: 767.98px) {
    .blog-details-v1-img-main {
        height: 244px;
    }
    .blog-details-v1-img-main2 {
        height: 160px;
    }
}

@media (max-width: 575.98px) {
    .blog-details-v1-img-main {
        height: 260px;
    }
    .blog-details-v1-img-main2 {
        height: 172px;
    }
}

@media (max-width: 480.98px) {
    .blog-details-v1-meta {
        display: block !important;
    }
    .blog-details-v1-meta-left {
        width: 100%;
    }
    .blog-details-v1-meta-text-two {
        display: inline-block;
        margin: 0 10px 20px 0;
    }
    .blog-details-v1-meta-right {
        width: 100%;
        justify-content: flex-start !important;
    }
    .blog-details-v1-meta-text {
        text-align: left;
    }
    .blog-details-v1-meta-text.date {
        text-align: left;
    }
    .blog-details-v1-img-main {
        height: 215px;
    }
    .blog-details-v1-img-main2 {
        height: 141px;
    }
    .blockquote-box {
        padding: 14px;
    }
    .blockquote {
        padding: 15px;
    }
    .blog-details-v1-pager-link-prev-img img {
        max-width: 45px;
        margin-right: 10px;
    }
    .blog-details-v1-pager-link-next-img img {
        max-width: 45px;
        margin-left: 10px;
    }
    .blog-details-v1-comments .comment-media {
        max-width: 45px;
        flex: 0 0 45px;
        height: 45px;
    }
    .common-form2 textarea.form-control {
        height: 100px;
    }
}

@media (max-width: 414.98px) {
    .blog-details-v1-img-main {
        height: 184px;
    }
    .blog-details-v1-img-main2 {
        height: 120px;
    }
}

@media (max-width: 375.98px) {
    .blog-details-v1-img-main {
        height: 166px;
    }
    .blog-details-v1-img-main2 {
        height: 107px;
    }
    .blog-details-v1-pager-link-title {
        max-width: 60%;
    }
}

@media (max-width: 320.98px) {
    .blog-details-v1-img-main {
        height: 140px;
    }
    .blog-details-v1-img-main2 {
        height: 90px;
    }
    .blog-details-v1-comments .comment-reply {
        padding: 7px 8px;
    }
}


/*=========================================== Blog Details Page v1 End CSS ===========================================*/


/*=========================================== Blog Details Page v2 Start CSS ===========================================*/

.blog-details-v2-top-banner {
    position: relative;
}

.blog-details-v2-top-banner::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50px;
    width: 61px;
    height: 150px;
    background-image: url('../images/blog-details-v2-top-banner-three-line.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.blog-details-v2-top-banner-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 74px 0 0 0;
}

.blog-details-v2-top-banner-bg-color {
    background-color: var(--black-color-14);
    height: 800px;
    width: 39%;
    padding: 0;
}

.blog-details-v2-top-banner-images {
    height: 800px;
    overflow: hidden;
    width: 61%;
    padding: 0;
}

.blog-details-v2-top-banner-title {
    font-size: 80px;
    font-weight: 600;
    color: var(--white-color);
    line-height: 95px;
    margin-top: 40px;
}

.blog-details-v2-top-banner-avatar-rounded-circle {
    width: 56px;
    height: 56px;
    overflow: hidden;
    border-radius: 100px;
}

.blog-details-v2-top-banner-avatar-title {
    font-size: 19px;
    font-weight: 400;
    color: var(--white-color);
    margin: 0 0 0 20px;
}

.blog-details-v2-top-banner-avatar-title a {
    color: var(--white-color);
    text-decoration: underline;
}

.blog-details-v2-top-banner-avatar-mt {
    margin-top: 22px;
}

.blog-details-v2-top-banner-avatar-date {
    margin-left: 80px;
}

.blog-details-v2-top-banner-avatar-date i {
    color: var(--white-color);
    font-size: 34px;
}

.blog-details-v2-meta-text {
    color: var(--white-color);
    transition: all .3s ease 0s;
    font-size: 16px;
    font-weight: 400;
    margin-right: 20px;
    font-family: 'Open Sans', sans-serif;
    display: inline-block
}

.blog-details-v2-meta-tag {
    background-color: var(--black-color-13);
    color: var(--white-color);
    border-radius: 100px;
    padding: 5px 20px;
}

.blog-details-v2-img-main2 {
    overflow: hidden;
    height: 480px;
    margin: 50px 0 42px 0;
}

.blog-details-v2-meta-title {
    font-size: 36px;
    font-weight: 500;
    color: var(--black-color-2);
    line-height: 36px;
    margin-bottom: 37px;
}

.blog-details-v2-meta-subdecs {
    font-size: 16px;
    font-weight: 400;
    color: var(--gray-color-2);
    line-height: 30px;
    margin-bottom: 30px;
}

.blog-details-v2-meta-subdecs:nth-last-child(5) {
    margin-bottom: 45px;
}

.blog-details-v2-meta-subdecs2 {
    font-size: 16px;
    font-weight: 400;
    color: var(--white-color);
    line-height: 30px;
    margin-bottom: 17px;
    font-style: italic;
}

.blog-details-v2-meta-title2 {
    font-size: 24px;
    font-weight: 500;
    color: var(--white-color);
    font-style: normal;
}

.blockquote-box2 {
    margin: 0;
    padding: 0;
    box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.05);
    background-color: var(--green-color-3)
}

.blockquote2 {
    position: relative;
    padding: 48px 82px 53px 82px;
    margin: 0;
}

.blockquote2::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background-image: url('../images/blog-details-v2-quote-icon.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 151px;
    height: 113px
}

.blockquote2::after {
    position: absolute;
    left: 0;
    top: 54px;
    content: "";
    background-color: var(--yellow-color-3);
    width: 9px;
    height: 166px;
}

.blog-details-v2-related-tags {
    font-size: 16px;
    color: var(--black-color-2);
    font-weight: 500;
    display: inline-block;
}

.blog-details-v2-related-tags2 {
    display: inline-block;
}

.blog-details-v2-related-tags-box {
    font-size: 16px;
    font-weight: 400;
    color: var(--black-color-2);
    background-color: var(--white-color);
    text-align: center;
    border: 2px solid;
    border-color: var(--gray-color-3);
    border-radius: 100px;
    padding: 5px 20px;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 0 10px;
}

.blog-details-v2-post-share {
    display: inline-block
}

.blog-details-v2-post-icon {
    display: inline;
    margin: 0 0 0 15px;
    font-size: 14px
}

.blog-details-v2-share-icon {
    color: var(--gray-color-2);
    font-size: 18px
}

.blog-details-v2-share-icon:focus,
.blog-details-v2-share-icon:hover {
    color: var(--gray-color-2);
}

.blog-details-v2-share-icon-facebook {
    color: var(--blue-color);
}

.blog-details-v2-share-icon-facebook:focus,
.blog-details-v2-share-icon-facebook:hover {
    color: var(--blue-color);
}

.blog-details-v2-share-icon-twitter {
    color: var(--blue-color-1);
}

.blog-details-v2-share-icon-twitter:focus,
.blog-details-v2-share-icon-twitter:hover {
    color: var(--blue-color-1);
}

.blog-details-v2-share-icon-linkedin {
    color: var(--blue-color-2);
}

.blog-details-v2-share-icon-linkedin:focus,
.blog-details-v2-share-icon-linkedin:hover {
    color: var(--blue-color-2);
}

.blog-details-v2-share-icon-instagram {
    color: var(--red-color-2);
}

.blog-details-v2-share-icon-instagram:focus,
.blog-details-v2-share-icon-instagram:hover {
    color: var(--red-color-2);
}

.blog-details-v2-page-nav {
    margin: 0;
    border-bottom: 1px solid var(--gray-color-3);
    padding-top: 66px;
    padding-bottom: 70px
}

.blog-details-v2-pager-link {
    display: flex;
}

.blog-details-v2-pager-link.blog-details-v2-pager-link-prev {
    align-items: center;
    text-align: left;
}

.blog-details-v2-pager-link.blog-details-v2-pager-link-next {
    align-items: center;
    text-align: right;
}

.blog-details-v2-pager-link-prev-img {
    width: 78px;
    height: 78px;
    background-color: var(--white-color);
    border: 2px solid;
    border-color: var(--gray-color-3);
    text-align: center;
    padding: 24px 10px;
    margin-right: 30px;
}

.blog-details-v2-pager-link-next-img {
    width: 78px;
    height: 78px;
    background-color: var(--white-color);
    border: 2px solid;
    border-color: var(--black-color-2);
    text-align: center;
    padding: 24px 10px;
    margin-left: 30px;
}

.blog-details-v2-pager-link-prev-img img,
.blog-details-v2-pager-link-next-img img {
    max-width: 14px;
}

.blog-details-v2-pager-link-title-one {
    color: var(--gray-color-2);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    transition: all 0.35s ease;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase
}

.blog-details-v2-pager-link-title {
    display: inline-block;
    margin-top: 0;
    color: var(--black-color-2);
    font-size: 20px;
    font-weight: 700;
    text-transform: none;
    transition: all 0.35s ease;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Jost', sans-serif;
}

.blog-details-v2-pager-link-next-text .blog-details-v2-pager-link-title {
    color: var(--green-color-3);
}

.blog-details-v2-pager-link::after {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.35s ease 0.05s;
}

.blog-details-v2-post-author {
    margin: 67px 0 0 0;
    padding: 0 0 67px 0;
    border-bottom: 1px solid;
    border-color: var(--gray-color-3);
}

.blog-details-v2-author-media {
    margin: 0;
    border-radius: 100px;
    overflow: hidden;
    flex: 0 0 100px;
    max-width: 100px;
    height: 100px;
}

.blog-details-v2-author-name-wrapper {
    margin: 0;
    padding: 0 60px 0 30px;
}

.blog-details-v2-author-name {
    font-size: 24px;
    font-weight: 700;
    color: var(--black-color-2);
}

.blog-details-v2-author-name2 {
    font-size: 16px;
    font-weight: 400;
    color: var(--gray-color-2);
    line-height: 30px;
    margin: 16px 0 0 0;
}

.blog-details-v2-comments-main {
    padding: 64px 0 8px 0;
    border-bottom: 1px solid var(--gray-color-3);
    margin-bottom: 65px;
}

.blog-details-v2-comments {
    margin-top: 32px;
}

.blog-details-v2-comments li {
    margin-bottom: 30px;
}

.blog-details-v2-comment {
    position: relative;
    padding: 0;
    border: none;
}

.blog-details-v2-comment:nth-child(2) {
    margin-left: 80px;
}

.blog-details-v2-comment:last-child {
    padding-bottom: 30px;
    margin-left: 80px;
}

.blog-details-v2-comment-body {
    display: flex;
}

.blog-details-v2-comment-avatar {
    margin-right: 23px;
    margin-bottom: 0;
    border-radius: 100px;
    overflow: hidden;
    flex: 0 0 58px;
    max-width: 58px;
    height: 58px;
}

.blog-details-v2-comment-avatar-small {
    margin-right: 23px;
    margin-bottom: 0;
    border-radius: 100px;
    overflow: hidden;
    flex: 0 0 48px;
    max-width: 48px;
    height: 48px;
}

.blog-details-v2-comment-content {
    max-width: none;
    flex-basis: 0;
    flex-grow: 1;
}

.blog-details-v2-comment-author {
    margin: 0;
    font-size: 18px;
    color: var(--black-color-2);
    line-height: 1;
    font-weight: 700;
}

.blog-details-v2-comment-author a {
    margin-right: 15px;
    color: inherit;
}

.blog-details-v2-comment-date {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--gray-color-2);
    font-family: 'Open Sans', sans-serif;
}

.blog-details-v2-comment-content-text {
    margin: 11px 0 7px 0;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    color: var(--gray-color-2);
}

.blog-details-v2-btn-reply {
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color-2);
    font-family: 'Open Sans', sans-serif;
    margin: 0 22px 0 0;
}

.blog-details-v2-btn-reply:last-of-type {
    margin: 0;
}

.blog-details-v2-btn-reply i {
    font-size: 14px;
    color: var(--gray-color-2);
    margin: 0 8px 0 0;
}


/*------------------------------ Blog Details Page v2 Responsive CSS --------------------------------*/

@media (max-width: 1499.98px) {
    .blog-details-v2-img-main2 {
        height: 418px;
    }
}

@media (max-width: 1399.98px) {
    .blog-details-v2-top-banner::before {
        left: 20px;
        width: 50px;
        height: 124px;
    }
    .blog-details-v2-top-banner-bg-color {
        height: 650px;
    }
    .blog-details-v2-top-banner-images {
        height: 650px;
    }
    .blog-details-v2-img-main2 {
        height: 337px;
    }
}

@media (max-width: 1299.98px) {
    .blog-details-v2-top-banner-bg-color {
        height: 520px;
    }
    .blog-details-v2-top-banner-images {
        height: 520px;
    }
    .blog-details-v2-top-banner-text {
        padding: 44px 0 0 0;
    }
    .blog-details-v2-top-banner-title {
        margin-top: 20px;
        font-size: 56px;
        line-height: 64px;
    }
    .blog-details-v2-top-banner-avatar-rounded-circle {
        width: 46px;
        height: 46px;
    }
    .blog-details-v2-top-banner-avatar-title {
        font-size: 17px;
        margin: 0 0 0 15px;
    }
    .blog-details-v2-top-banner-avatar-date {
        margin-left: 32px;
    }
    .blog-details-v2-top-banner-avatar-date i {
        font-size: 24px;
    }
    .blog-details-v2-meta-title {
        font-size: 22px;
        line-height: normal;
        margin-bottom: 20px;
    }
    .blog-details-v2-meta-title2 {
        font-size: 18px;
    }
    .blog-details-v2-meta-subdecs {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 12px;
    }
    .blog-details-v2-meta-subdecs2 {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 12px;
    }
    .blockquote2::after {
        top: 28px;
        width: 9px;
        height: 120px;
    }
    .blog-details-v2-img-main2 {
        margin: 20px 0 22px 0;
    }
    .blog-details-v2-meta-text {
        font-size: 14px;
        margin-right: 10px;
    }
    .blockquote2 {
        padding: 20px 28px;
    }
    .blog-details-v2-shapret-line {
        margin: 32px 0 10px 0;
    }
    .blog-details-v2-page-nav {
        padding-top: 46px;
        padding-bottom: 50px;
    }
    .blog-details-v2-pager-link-prev-img {
        width: 68px;
        height: 68px;
        padding: 18px 10px;
        margin-right: 15px;
    }
    .blog-details-v2-pager-link-next-img {
        width: 68px;
        height: 68px;
        padding: 18px 10px;
        margin-left: 15px;
    }
    .blog-details-v2-post-author {
        margin: 47px 0 0 0;
        padding: 0 0 47px 0;
    }
    .blog-details-v2-author-name {
        font-size: 17px;
    }
    .blog-details-v2-author-name2 {
        font-size: 14px;
        line-height: 22px;
        margin: 10px 0 0 0;
    }
    .common-btn-border {
        font-size: 14px;
        padding: 18px 64px;
    }
    .blog-details-v2-comments-main .title-simple {
        font-size: 20px;
        margin-bottom: 24px;
    }
    .blog-details-v2-comments-main {
        padding: 44px 0 8px 0;
        margin-bottom: 45px;
    }
    .blog-details-v2-comment-author {
        font-size: 16px;
    }
    .blog-details-v2-comment-content-text {
        margin: 11px 0 7px 0;
        line-height: 22px;
        font-size: 14px;
    }
    .blog-details-v2-comments {
        margin-top: 22px;
    }
}

@media (max-width: 1199.98px) {
    .blog-details-v2-top-banner-avatar-date {
        margin-left: 62px;
    }
    .blog-details-v2-img-main2 {
        height: 282px;
    }
}

@media (max-width: 991.98px) {
    .blog-details-v2-top-banner-bg-color {
        width: 49%;
        height: 520px;
    }
    .blog-details-v2-top-banner-images {
        width: 51%;
        height: 520px;
    }
    .blog-details-v2-top-banner-title {
        font-size: 46px;
        line-height: 54px;
    }
    .blog-details-v2-top-banner-avatar-date {
        margin-left: 8px;
    }
    .blog-details-v2-top-banner-avatar-title {
        margin: 0 0 0 10px;
    }
    .blog-details-v2-img-main2 {
        height: 207px;
    }
    .blog-details-v2-author-name-wrapper {
        padding: 0 10px 0 20px;
    }
    .blockquote2::after {
        height: 190px;
    }
    .blog-details-v2-responsive-m-t {
        margin-top: 20px;
    }
    .blog-details-v2-pager-link-title {
        font-size: 17px;
    }
    .blog-details-v2-pager-link-prev-img {
        width: 58px;
        height: 58px;
        padding: 12px 10px;
    }
    .blog-details-v2-pager-link-next-img {
        width: 58px;
        height: 58px;
        padding: 12px 10px;
    }
}

@media (max-width: 768.98px) {
    .blog-details-v2-top-banner-bg-color {
        width: 45%;
        height: 380px;
    }
    .blog-details-v2-top-banner-images {
        width: 55%;
        height: 380px;
    }
    .blog-details-v2-top-banner-title {
        font-size: 36px;
        line-height: 44px;
    }
    .blog-details-v2-top-banner-title br {
        display: none;
    }
    .blog-details-v2-top-banner-avatar-date {
        margin-left: 30px;
    }
    .blog-details-v2-top-banner-avatar-title {
        font-size: 15px;
        margin: 0 0 0 10px;
    }
    .blog-details-v2-meta-title {
        font-size: 17px;
    }
    .blog-details-v2-meta-title2 {
        font-size: 16px;
    }
    .blockquote2::after {
        height: 175px;
    }
    .blog-details-v2-page-nav {
        padding-top: 34px;
        padding-bottom: 43px;
    }
    .blog-details-v2-comment:nth-child(2) {
        margin-left: 40px;
    }
    .blog-details-v2-comment:last-child {
        margin-left: 40px;
    }
    .blog-details-v2-comments-main .title-simple {
        font-size: 17px;
        margin-bottom: 14px;
    }
    .blog-details-v2-comment-body {
        padding: 0;
    }
    .common-form2 .form-control {
        margin: 0 0 15px 0;
        padding: 14px 16px;
        height: 40px;
    }
}

@media (max-width: 767.98px) {
    .blog-details-v2-top-banner::before {
        width: 40px;
        height: 90px;
    }
    .blog-details-v2-top-banner-bg-color {
        width: 49%;
        height: 320px;
    }
    .blog-details-v2-top-banner-images {
        width: 51%;
        height: 320px;
    }
    .blog-details-v2-meta-text {
        margin-right: 1px;
    }
    .blog-details-v2-top-banner-title {
        font-size: 26px;
        line-height: 34px;
    }
    .blog-details-v2-top-banner-avatar-title {
        font-size: 14.8px;
    }
    .blog-details-v2-top-banner-avatar-date {
        margin-left: 12px;
    }
    .blog-details-v2-top-banner-avatar-rounded-circle {
        width: 40px;
        height: 40px;
    }
    .blog-details-v2-top-banner-avatar-date i {
        font-size: 20px;
    }
    .blockquote2::after {
        top: 50px;
    }
    .blog-details-v2-related-tags-box {
        margin: 5px 10px 10px 0;
    }
    .blog-details-v2-img-main2 {
        height: 152px;
    }
    .blog-details-v2-responsive-d-block {
        display: block !important;
    }
    .blog-details-v2-responsive-m-t {
        margin-top: 10px;
    }
    .blog-details-v2-pager-link-prev-img {
        width: 48px;
        height: 48px;
        padding: 8px 10px;
    }
    .blog-details-v2-pager-link-next-img {
        width: 48px;
        height: 48px;
        padding: 8px 10px;
    }
    .blog-details-v2-pager-link-prev-img img,
    .blog-details-v2-pager-link-next-img img {
        max-width: 12px;
    }
    .blog-details-v2-pager-link-title-one {
        font-size: 13px;
    }
    .common-btn-border {
        padding: 12px 20px;
    }
}

@media (max-width: 575.98px) {
    .blog-details-v2-comment-author a {
        margin-right: 0;
        color: inherit;
        margin-bottom: 10px;
        display: block;
    }
    .blog-details-v2-top-banner-title {
        margin-right: 290px;
    }
    .blog-details-v2-author-media {
        flex: 0 0 80px;
        max-width: 80px;
        height: 80px;
    }
    .common-btn-border {
        padding: 12px 14px;
    }
    .blog-details-v2-author-name-wrapper {
        padding: 0 10px 0 10px;
    }
}

@media (max-width: 480.98px) {
    .blog-details-v2-top-banner-text {
        padding: 24px 0 0 0;
    }
    .blog-details-v2-top-banner-bg-color {
        height: 260px;
    }
    .blog-details-v2-top-banner-images {
        height: 260px;
    }
    .blog-details-v2-top-banner-title {
        font-size: 20px;
        line-height: 26px;
        margin-right: 270px;
    }
    .blog-details-v2-top-banner-bg-color {
        height: 300px;
    }
    .blog-details-v2-top-banner-images {
        height: 300px;
    }
    .blockquote2 {
        padding: 15px;
    }
    .blog-details-v2-pager-link-title {
        max-width: 80%;
    }
    .blog-details-v2-img-main2 {
        height: 133px;
    }
    .blog-details-v2-page-nav {
        padding-top: 24px;
        padding-bottom: 33px;
    }
    .blog-details-v2-post-author {
        margin: 27px 0 0 0;
        padding: 0 0 27px 0;
    }
    .blog-details-v2-comments-main {
        padding: 34px 0 8px 0;
        margin-bottom: 35px;
    }
    .common-form2 textarea.form-control {
        height: 100px;
    }
}

@media (max-width: 414.98px) {
    .blog-details-v2-top-banner-bg-color {
        height: 250px;
    }
    .blog-details-v2-top-banner-images {
        height: 250px;
    }
    .blog-details-v2-top-banner-title {
        margin-right: 230px;
    }
    .blog-details-v2-img-main2 {
        height: 113px;
    }
    .blog-details-v2-responsive-dblock {
        display: block !important;
        text-align: center;
    }
    .blog-details-v2-author-name-wrapper {
        padding: 20px 0;
    }
    .blog-details-v2-author-media {
        margin: 0 auto;
    }
}

@media (max-width: 375.98px) {
    .blog-details-v2-top-banner-title {
        margin-right: 190px;
    }
    .blog-details-v2-pager-link-title {
        max-width: 54%;
    }
    .blog-details-v2-comment:nth-child(2) {
        margin-left: 20px;
    }
    .blog-details-v2-comment:last-child {
        margin-left: 20px;
    }
}

@media (max-width: 360.98px) {
    .blog-details-v2-top-banner-title {
        margin-right: 170px;
    }
}

@media (max-width: 320.98px) {
    .blog-details-v2-top-banner-title {
        margin-right: 130px;
    }
    .blog-details-v2-img-main2 {
        height: 84px;
    }
}


/*=========================================== Blog Details Page v2 End CSS ===========================================*/


/*=========================================== Coming Soon Page Start CSS ===========================================*/

.coming-soon-page {
    display: table;
    height: 100%;
    width: 100%;
    background-image: url('../images/coming-soon-page-bg-img.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.coming-soon-page-main-inner {
    display: table-cell;
    vertical-align: middle;
    height: 100vh
}

.coming-soon-page-box {
    max-width: 924px;
    margin: 0 auto;
    background-color: var(--white-dark-color-3);
    padding: 50px 70px;
    color: var(--black-color-2);
    display: inline-block;
    position: relative;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}

.coming-soon-page-box .navbar-brand {
    height: 51px;
    width: 127px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    margin-bottom: 35px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.coming-soon-page-countdown {
    margin: 0;
    padding: 0;
    text-align: center;
    justify-content: center;
}

.coming-soon-page-clock-c {
    display: flex;
    border-bottom: 2px solid;
    border-color: var(--gray-color-23);
    margin-bottom: 40px
}

.coming-soon-page-clock-c .countdown-maindiv {
    margin: 0 30px;
    padding: 0;
}

.coming-soon-page-clock-c .title {
    font-size: 30px;
    font-weight: 500;
    color: var(--black-color-2);
    line-height: 22px;
    margin: 0;
    padding: 0;
}

.coming-soon-page-clock-c .subtitle {
    font-size: 18px;
    font-weight: 400;
    color: var(--white-color-1);
    margin: 0 0 32px 0;
    padding: 0;
    text-transform: capitalize;
}

.coming-soon-page-clock-c .coma {
    font-size: 30px;
    font-weight: 400;
    color: var(--black-color);
    margin: -14px 0 0 0;
    padding: 0;
    display: block;
}

.coming-soon-page-social-media {
    margin-top: 34px;
}

.coming-soon-page-social-media li {
    display: inline-flex;
}

.coming-soon-page-social-media-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 17px;
    color: var(--white-color);
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background-color: var(--black-color-2);
    text-align: center;
    margin: 0 3px;
}

.coming-soon-page-social-media-icon i {
    color: var(--white-color);
}

.coming-soon-page-social-media-colorblue {
    background-color: var(--blue-color);
}

.coming-soon-page-social-media-colorbluelight {
    background-color: var(--blue-color-1);
}

.coming-soon-page-social-media-colorpink {
    background-color: var(--red-color-2);
}

.coming-soon-page-social-media-colorred {
    background-color: var(--red-color-3);
}


/*------------------------------ Coming Soon Page Responsive CSS --------------------------------*/

@media (max-width: 1299.98px) {
    .coming-soon-page-box .navbar-brand {
        margin-bottom: 25px;
    }
    .common-subdesc-three {
        margin: 15px 0 30px 0;
        font-size: 16px;
        line-height: 24px;
    }
    .coming-soon-page-clock-c {
        margin-bottom: 30px;
    }
    .coming-soon-page-social-media {
        margin-top: 24px;
    }
    .coming-soon-page-clock-c .countdown-maindiv {
        margin: 0 25px;
    }
    .coming-soon-page-clock-c .title {
        font-size: 24px;
        line-height: 18px;
    }
    .coming-soon-page-clock-c .subtitle {
        font-size: 16px;
        margin: 0 0 30px 0;
    }
    .coming-soon-page-clock-c .coma {
        font-size: 24px;
        margin: -10px 0 0 0;
    }
}

@media (max-width: 991.98px) {
    .coming-soon-page-box {
        padding: 25px 45px;
    }
}

@media (max-width: 768.98px) {
    .coming-soon-page-box .navbar-brand {
        height: 43px;
        width: 107px;
        margin-bottom: 25px;
    }
    .common-subdesc-three {
        margin: 10px 0 20px 0;
        font-size: 15px;
        line-height: 22px;
    }
    .coming-soon-page-clock-c {
        margin-bottom: 20px;
    }
    .coming-soon-page-social-media {
        margin-top: 18px;
    }
}

@media (max-width: 480.98px) {
    .coming-soon-page-box {
        padding: 15px;
        max-width: 100%;
    }
    .coming-soon-page-clock-c .countdown-maindiv {
        margin: 0 5px;
    }
}


/*=========================================== Coming Soon Page End CSS ===========================================*/


/*=========================================== Error Page Start CSS ===========================================*/

.error-page-images {
    height: 302px;
    overflow: hidden;
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 70px;
}


/*------------------------------ Error Page Responsive CSS --------------------------------*/

@media (max-width: 1299.98px) {
    .error-page-images {
        margin-bottom: 40px;
    }
}

@media (max-width: 991.98px) {
    .error-page-images {
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
    .error-page-images {
        height: 265px;
    }
}

@media (max-width: 480.98px) {
    .error-page-images {
        height: 234px;
    }
}

@media (max-width: 414.98px) {
    .error-page-images {
        height: 200px;
        margin-bottom: 15px;
    }
}

@media (max-width: 375.98px) {
    .error-page-images {
        height: 180px;
    }
}

@media (max-width: 360.98px) {
    .error-page-images {
        height: 173px;
    }
}

@media (max-width: 320.98px) {
    .error-page-images {
        height: 152px;
    }
}


/*=========================================== Error Page End CSS ===========================================*/


/*=========================================== Forgot Password Page Start CSS ===========================================*/

.forgot-password-page-wrap {
    margin: 0 auto;
    max-width: 692px;
}


/*------------------------------ Forgot Password Page Responsive CSS --------------------------------*/

@media (max-width: 1299.98px) {
    .common-custom-control-label::before {
        width: 16px;
        height: 16px;
    }
    .common-custom-control-label::after {
        width: 16px;
        height: 16px;
    }
    .common-custom-checkbox .common-custom-control-label::after {
        font-size: 10px;
    }
    .common-custom-control {
        margin-bottom: 15px;
    }
    .common-form-line {
        margin: 23px 0 26px 0;
    }
}

@media (max-width: 768.98px) {
    .common-custom-checkbox .common-custom-control-label::after {
        font-size: 8px;
    }
    .common-form-line {
        margin: 13px 0 16px 0;
    }
}

@media (max-width: 767.98px) {
    .forgot-password-page-wrap {
        max-width: 100%;
        padding: 0 30px;
    }
}

@media (max-width: 480.98px) {
    .forgot-password-page-wrap {
        padding: 0;
    }
    .common-custom-control-label::before {
        top: 2px;
    }
}


/*=========================================== Forgot Password Page End CSS ===========================================*/


/*=========================================== Login Page Start CSS ===========================================*/

.login-page-forgot-password-link {
    font-size: 16px;
    font-weight: 500;
    color: var(--green-color-3);
    text-decoration: underline;
    float: right;
    margin-top: -5px;
}

.login-page-forgot-password-link:focus,
.login-page-forgot-password-link:hover {
    color: var(--green-color-3);
    text-decoration: underline;
}

.common-form-or-in-with {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
    color: var(--black-color);
    margin-top: 18px;
}

.common-form-or-in-with::before {
    margin-right: 17px;
}

.common-form-or-in-with::after {
    margin-left: 17px;
}

.common-form-or-in-with::after,
.common-form-or-in-with::before {
    content: "";
    height: 2px;
    flex: 1;
    background: var(--dark-white-color);
}

.common-form-social-media {
    margin: 26px 0 35px 0;
}

.common-form-social-media li {
    display: inline-flex;
}

.common-form-social-media-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: var(--white-color);
    width: 35px;
    height: 35px;
    border-radius: 100px;
    background-color: var(--black-color-2);
    text-align: center;
    margin: 0 2px;
}

.common-form-social-media-colorblue {
    background-color: var(--blue-color);
}

.common-form-social-media-colorbluelight {
    background-color: var(--blue-color-1);
}

.common-form-social-media-colorbluedark {
    background-color: var(--blue-color-2);
}

.common-form-social-media-colorpink {
    background-color: var(--red-color-2);
}

.common-form-social-media-colorred {
    background-color: var(--red-color-3);
}

.common-form-social-media-icon i {
    color: var(--white-color);
}


/*------------------------------ Login Page Responsive CSS --------------------------------*/

@media (max-width: 1299.98px) {
    .common-form-or-in-with {
        font-size: 16px;
        margin-top: 14px;
    }
    .common-form-social-media {
        margin: 16px 0 25px 0;
    }
}

@media (max-width: 575.98px) {
    .login-page-forgot-password-link {
        float: left;
        margin-bottom: 20px;
    }
}


/*=========================================== Login Page End CSS ===========================================*/


/*=========================================== Register Page Start CSS ===========================================*/

.register-page-link {
    text-decoration: underline;
}

.register-page-link:focus,
.register-page-link:hover {
    text-decoration: underline;
}


/*=========================================== Register Page End CSS ===========================================*/


/*=========================================== Cart Page v1 Start CSS ===========================================*/

.cart-page-v1-shop-products {
    text-align: left;
    margin: 0;
    padding: 0;
}

.cart-page-v1-product-photo1 {
    width: 12%;
}

.cart-page-v1-product-name1 {
    width: 20%;
}

.cart-page-v1-description1 {
    width: 23%;
}

.cart-page-v1-size1 {
    width: 10%;
}

.cart-page-v1-quantity-main1 {
    width: 18%;
}

.cart-page-v1-remove1 {
    width: 12%;
}

.cart-page-v1-price1 {
    width: 5%;
}

.cart-page-v1-title {
    padding: 0 0 26px 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--black-color-2);
    line-height: 1;
}

.cart-page-v1-shop-products-border {
    padding: 38px 0;
    border-top: 2px solid;
    border-color: var(--gray-color-8);
}

.cart-page-v1-shop-products-border:last-child {
    border-bottom: 2px solid;
    border-color: var(--gray-color-8);
    margin-bottom: 38px;
}

.cart-page-v1-product-thumbnail {
    width: 102px;
    height: 102px;
    overflow: hidden;
    display: block;
}

.cart-page-v1-product-name {
    font-size: 19px;
    font-weight: 700;
    color: var(--black-color);
    display: block;
}

.cart-page-v1-product-name-subdesc {
    font-size: 14px;
    font-weight: 600;
    color: var(--gray-color-2);
    font-family: 'Open Sans', sans-serif;
}

.cart-page-v1-product-description {
    line-height: 24px;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-color-2);
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
}

.cart-page-v1-product-size {
    width: 64px;
    height: 60px;
    color: var(--black-color-2);
    font-size: 15px;
    font-weight: 600;
    border: 2px solid;
    border-color: var(--gray-color-3);
    font-family: 'Open Sans', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.cart-page-v1-input-group {
    display: flex;
}

.cart-page-v1-quantity-plus1 {
    border-radius: 0;
    background-color: var(--light-white-color);
    font-size: 12px;
    font-weight: 600;
    color: var(--black-color-2);
}

.cart-page-v1-d-icon-plus1::before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.cart-page-v1-quantity-plus1:hover {
    border-radius: 0;
    background-color: var(--green-color-3);
    border-color: var(--green-color-3) !important;
    font-size: 12px;
    font-weight: 600;
    color: var(--white-color);
}

.cart-page-v1-input-group button {
    padding: 0;
    width: 64px;
    height: 60px;
    border: 2px solid var(--gray-color-3);
    cursor: pointer;
    -webkit-appearance: none;
}

.cart-page-v1-input-group button,
.cart-page-v1-input-group input {
    border-color: var(--gray-color-3);
}

.cart-page-v1-input-group .form-control {
    padding: 0;
    height: 60px;
    font-size: 20px;
    font-weight: 600;
    border: solid var(--gray-color-3);
    border-width: 2px 0;
    color: var(--black-color-2);
    text-align: center;
    width: 64px;
    border-radius: 0px;
    outline: none;
    box-shadow: none;
    background-color: var(--white-color);
    font-family: 'Open Sans', sans-serif;
}

.cart-page-v1-quantity-minus1 {
    border-radius: 0;
    background-color: var(--light-white-color);
    font-size: 12px;
    font-weight: 600;
    color: var(--black-color-2);
}

.cart-page-v1-d-icon-minus1::before {
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.cart-page-v1-quantity-minus1:hover {
    border-radius: 0;
    background-color: var(--green-color-3);
    border-color: var(--green-color-3) !important;
    font-size: 12px;
    font-weight: 600;
    color: var(--white-color);
}

.cart-page-v1-product-price {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color-7);
    border: 0px;
    font-family: 'Open Sans', sans-serif;
}

.cart-page-v1-product-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    width: 64px;
    height: 60px;
    border: 2px solid var(--gray-color-3);
    border-radius: 0;
    background-color: var(--white-color);
    color: var(--black-color-2);
}

.cart-page-v1-cart-actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cart-page-v1-cart-coupon {
    background-color: var(--white-color);
    border: 2px solid;
    border-color: var(--gray-color-3);
    margin-right: 22px;
    margin-top: 94px;
}

.cart-page-v1-cart-coupon-title {
    font-size: 20px;
    font-weight: 400;
    color: var(--black-color-2);
    text-align: center;
    background-color: var(--light-white-color);
    border-bottom: 2px solid;
    border-color: var(--gray-color-3);
    padding: 20px;
}

.cart-page-v1-cart-coupon-subdesc {
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-color-2);
    font-style: italic;
    line-height: normal;
    margin: 0 0 30px 0;
}

.cart-page-v1-cart-coupon-content-box {
    padding: 30px;
}

.cart-page-v1-cart-have-a-coupon {
    font-size: 15px;
    font-weight: 400;
    color: var(--black-color-2);
    margin: 0 12px 0 0;
    font-family: 'Open Sans', sans-serif;
    display: block;
}

.cart-page-v1-cart-have-a-coupon i {
    font-size: 16px;
    font-weight: 900;
    color: var(--black-color-2);
    margin-right: 12px;
}

.cart-page-v1-cart-coupon-input-form {
    font-size: 15px;
    font-weight: 400;
    color: var(--black-color-2);
    background-color: var(--white-color);
    border: 2px solid;
    border-color: var(--gray-color-3);
    height: 58px;
    width: 145px !important;
    border-radius: 0px;
    outline: none;
    box-shadow: none;
    font-family: 'Open Sans', sans-serif;
    border-right: 0px;
    padding: 18px 22px;
}

.cart-page-v1-cart-coupon-input-form:focus {
    color: var(--black-color-2);
    background-color: var(--white-color);
    border-color: var(--gray-color-3);
    outline: none;
    box-shadow: none;
}

.cart-page-v1-estimate-shipping-and-tax {
    margin-right: 56px;
    margin-left: 34px;
}

.cart-page-v1-estimate-shipping-and-tax-subdesc-bold {
    font-size: 16px;
    font-weight: 500;
    color: var(--black-color-2);
    line-height: 36px;
    font-family: 'Jost', sans-serif;
}

.cart-page-v1-estimate-shipping-and-tax-subdesc {
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-color-2);
    line-height: 36px;
}

.cart-page-v1-estimate-shipping-and-tax-subdesc:last-of-type {
    margin-bottom: 8px;
}

.cart-page-v1-form .form-control {
    margin: 0 0 20px 0;
    padding: 22px;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-color-2);
    background: none;
    border: 2px solid var(--gray-color-3);
    border-radius: 0;
    height: 66px;
    font-family: 'Open Sans', sans-serif;
    box-shadow: none;
    outline: none;
}

.cart-page-v1-form .form-select {
    margin: 0 0 20px 0;
    padding: 20px 22px;
    font-size: 15px;
    font-weight: 400;
    color: var(--gray-color-2);
    border: 2px solid var(--gray-color-3);
    border-radius: 0;
    height: 66px;
    font-family: 'Open Sans', sans-serif;
    box-shadow: none;
    outline: none;
    background-image: url('../images/common-form-select-arrow.png');
    background-size: 10px 7px;
    background-position: right 22px center
}

.cart-page-v1-cart-grand-total {
    margin-right: 0px;
}

.cart-page-v1-subtotal-title {
    color: var(--black-color-2);
    font-size: 15px;
    font-weight: 400;
    line-height: 36px;
    font-family: 'Open Sans', sans-serif;
}

.cart-page-v1-subtotal,
.cart-page-v1-money {
    color: var(--black-color-2);
    font-size: 15px;
    font-weight: 400;
    line-height: 36px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 20px;
}


/*------------------------------ Cart Page v1 Responsive CSS --------------------------------*/

@media (max-width: 1599.98px) {
    .cart-page-v1-cart-coupon-input-form {
        width: 111px !important;
    }
}

@media (max-width: 1499.98px) {
    .cart-page-v1-cart-coupon {
        margin-right: 0;
    }
    .cart-page-v1-cart-coupon-input-form {
        width: 100px !important;
    }
    .cart-page-v1-estimate-shipping-and-tax {
        margin-right: 24px;
        margin-left: 24px;
    }
}

@media (max-width: 1399.98px) {
    .cart-page-v1-description1 {
        width: 21%;
    }
    .cart-page-v1-quantity-main1 {
        width: 20%;
    }
    .cart-page-v1-responsive-block {
        display: block !important;
    }
    .cart-page-v1-cart-have-a-coupon {
        margin: 0 0 15px 0;
    }
    .cart-page-v1-cart-coupon-input-form {
        height: 58px;
    }
    .cart-page-v1-form .form-select {
        margin: 0 0 10px 0;
    }
    .cart-page-v1-form .form-control {
        margin: 0 0 10px 0;
    }
}

@media (max-width: 1299.98px) {
    .cart-page-v1-product-photo1 {
        width: 14%;
    }
    .cart-page-v1-product-name1 {
        width: 21%;
    }
    .cart-page-v1-remove1 {
        width: 9%;
    }
    .cart-page-v1-title {
        padding: 0 0 16px 0;
        font-size: 16px;
    }
    .cart-page-v1-product-thumbnail {
        width: 92px;
        height: 92px;
    }
    .cart-page-v1-product-name {
        font-size: 17px;
    }
    .cart-page-v1-product-description {
        line-height: 22px;
        font-size: 14px;
    }
    .cart-page-v1-product-size {
        width: 54px;
        height: 50px;
    }
    .cart-page-v1-input-group button {
        width: 54px;
        height: 50px;
    }
    .cart-page-v1-input-group .form-control {
        height: 50px;
        font-size: 17px;
        width: 54px;
    }
    .cart-page-v1-quantity-plus1 {
        font-size: 10px;
    }
    .cart-page-v1-quantity-minus1 {
        font-size: 10px;
    }
    .cart-page-v1-product-remove {
        width: 54px;
        height: 50px;
    }
    .cart-page-v1-product-price {
        font-size: 16px;
    }
    .common-btn3-hover-large3 span {
        padding: 12px 36px;
        font-size: 16px;
    }
    .cart-page-v1-cart-coupon-content-box {
        padding: 15px;
    }
    .cart-page-v1-cart-coupon-title {
        font-size: 17px;
        padding: 15px;
    }
    .cart-page-v1-cart-coupon-subdesc {
        font-size: 14px;
        margin: 0 0 20px 0;
    }
    .cart-page-v1-cart-have-a-coupon {
        margin: 0 0 10px 0;
        font-size: 14px;
    }
    .cart-page-v1-cart-have-a-coupon i {
        font-size: 14px;
        margin-right: 10px;
    }
    .cart-page-v1-cart-coupon-input-form {
        height: 48px;
        font-size: 14px;
        padding: 11px 16px;
    }
    .cart-page-v1-estimate-shipping-and-tax-subdesc-bold {
        font-size: 14px;
        line-height: 30px;
    }
    .cart-page-v1-estimate-shipping-and-tax-subdesc {
        font-size: 14px;
        line-height: 30px;
    }
    .cart-page-v1-form .form-select {
        padding: 11px 16px;
        font-size: 14px;
        height: 56px;
    }
    .cart-page-v1-form .form-control {
        padding: 11px 16px;
        font-size: 14px;
        height: 56px;
    }
    .cart-page-v1-subtotal-title {
        font-size: 14px;
        line-height: 30px;
    }
    .cart-page-v1-subtotal,
    .cart-page-v1-money {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 10px;
    }
}

@media (max-width: 1199.98px) {
    .cart-page-v1-subtotal-title {
        font-size: 13.7px;
    }
}

@media (max-width: 991.98px) {
    .cart-page-v1-product-photo1 {
        width: 15%;
    }
    .cart-page-v1-product-name1 {
        width: 20%;
    }
    .cart-page-v1-description1 {
        width: 16%;
    }
    .cart-page-v1-size1 {
        width: 9%;
    }
    .cart-page-v1-quantity-main1 {
        width: 25%;
    }
    .cart-page-v1-remove1 {
        width: 9%;
    }
    .cart-page-v1-price1 {
        width: 6%;
    }
    .cart-page-v1-product-description br {
        display: none;
    }
    .cart-page-v1-estimate-shipping-and-tax {
        margin-right: 0;
        margin-left: 0;
    }
    .cart-page-v1-cart-coupon {
        margin-top: 34px;
    }
}

@media (max-width: 768.98px) {
    .common-btn3-hover-large3 span {
        padding: 10px 34px;
        font-size: 15px;
    }
    .cart-page-v1-cart-coupon-input-form {
        padding: 12px 15px;
        font-size: 14px;
        height: 48px;
        margin: 0 0 12px 0;
        width: 100% !important;
        border-right: 2px solid;
        border-color: var(--gray-color-3);
    }
    .btn-radius-responsive {
        margin-left: 0 !important;
        border-top-left-radius: 100px !important;
        border-bottom-left-radius: 100px !important;
    }
    .cart-page-v1-form .form-control {
        padding: 15px;
        font-size: 14px;
        height: 48px;
        margin: 0 0 12px 0;
    }
    .cart-page-v1-form .form-select {
        padding: 15px;
        font-size: 14px;
        height: 48px;
        margin: 0 0 12px 0;
    }
}

@media (max-width: 767.98px) {
    .cart-page-v1-title-main-responsive-d-none {
        display: none !important;
    }
    .cart-page-v1-shop-products-border {
        padding: 20px 0;
        flex-flow: wrap;
    }
    .cart-page-v1-shop-products-border:first-of-type {
        border-top: 0px;
        padding-top: 0px;
    }
    .cart-page-v1-product-photo1 {
        width: auto;
        margin-right: 20px;
    }
    .cart-page-v1-product-name1 {
        width: calc(100% - 112px);
    }
    .cart-page-v1-description1 {
        width: 100%;
        margin: 20px 0;
    }
    .cart-page-v1-size1 {
        width: auto;
        margin-right: 20px;
    }
    .cart-page-v1-quantity-main1 {
        width: auto;
        margin-right: 20px;
    }
    .cart-page-v1-remove1 {
        width: auto;
    }
    .cart-page-v1-price1 {
        width: 100%;
        margin: 20px 0 0 0;
    }
}

@media (max-width: 360.98px) {
    .cart-page-v1-product-size {
        width: 49px;
        height: 45px;
    }
    .cart-page-v1-input-group button {
        width: 49px;
        height: 45px;
    }
    .cart-page-v1-input-group .form-control {
        width: 49px;
        height: 45px;
    }
    .cart-page-v1-input-group button {
        width: 49px;
        height: 45px;
    }
    .cart-page-v1-product-remove {
        width: 49px;
        height: 45px;
    }
}


/*=========================================== Cart Page v1 End CSS ===========================================*/


/*=========================================== Cart Page v2 Start CSS ===========================================*/

.cart-page-v2-shop-products {
    text-align: left;
    margin: 0;
    padding: 74px 90px 0 0;
}

.cart-page-v2-product-photo1 {
    width: 21%;
}

.cart-page-v2-product-name1 {
    width: 35%;
}

.cart-page-v2-quantity-main1 {
    width: 24%;
}

.cart-page-v2-price1 {
    width: 18%;
}

.cart-page-v2-remove1 {
    width: 2%;
}

.cart-page-v2-shop-products-border {
    padding: 28px 0;
    border-top: 1px solid;
    border-color: var(--gray-color-22);
}

.cart-page-v2-shop-products-border:first-of-type {
    padding: 0 0 28px 0;
    border-top: none;
}

.cart-page-v2-shop-products-border:last-child {
    border-bottom: 1px solid;
    border-color: var(--gray-color-22);
    margin-bottom: 69px;
}

.cart-page-v2-product-thumbnail {
    width: 140px;
    height: 140px;
    overflow: hidden;
    display: block;
    border-radius: 100px;
}

.cart-page-v2-product-name {
    font-size: 21px;
    font-weight: 700;
    color: var(--black-color);
    display: block;
}

.cart-page-v2-product-name-subdesc {
    font-size: 14px;
    font-weight: 400;
    color: var(--gray-color-2);
    font-family: 'Open Sans', sans-serif;
}

.cart-page-v2-input-group {
    display: flex;
}

.cart-page-v2-quantity-plus1 {
    font-size: 14px;
    font-weight: 900;
    color: var(--black-color-12);
}

.cart-page-v2-d-icon-plus1::before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.cart-page-v2-input-group button {
    cursor: pointer;
    -webkit-appearance: none;
}

.cart-page-v2-input-group .form-control {
    margin: 0 16px;
    padding: 0;
    height: 38px;
    font-size: 14px;
    font-weight: 600;
    border: solid var(--gray-color-35);
    border-width: 1px;
    color: var(--black-color-12);
    text-align: center;
    width: 56px;
    border-radius: 5px;
    outline: none;
    box-shadow: none;
    background-color: var(--white-color);
    font-family: 'Open Sans', sans-serif;
}

.cart-page-v2-quantity-minus1 {
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--black-color-12);
}

.cart-page-v2-d-icon-minus1::before {
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.cart-page-v2-product-price {
    margin-bottom: 0;
    font-size: 21px;
    font-weight: 700;
    color: var(--black-color-7);
    border: 0px;
    font-family: 'Open Sans', sans-serif;
}

.cart-page-v2-product-price-dollor {
    color: var(--black-color-7);
    font-size: 15px;
    font-weight: 700;
    vertical-align: top;
    margin: 0 4px 0 0;
}

.cart-page-v2-product-remove img {
    max-width: 17px;
    height: 17px;
}

.cart-page-v2-cart-actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 90px 0 0;
}

.cart-page-v2-pricing-table {
    padding: 65px 60px 63px 60px;
    background-color: var(--black-color-9);
    border-radius: 10px;
    margin-top: 30px;
}

.cart-page-v2-table-title {
    font-size: 30px;
    font-weight: 700;
    color: var(--white-color);
    margin: 0 0 91px 0
}

.cart-page-v2-ul-block {
    border-bottom: 1px solid;
    border-color: var(--black-color-10);
    padding-bottom: 40px;
    margin-bottom: 47px;
}

.cart-page-v2-li-block:not(:last-child) {
    margin-bottom: 20px;
}

.cart-page-v2-li-block {
    display: flex;
    color: var(--white-color);
    font-size: 18px;
    font-weight: 400;
    align-items: center;
    justify-content: space-between;
    font-family: 'Open Sans', sans-serif;
}

.cart-page-v2-ul-total-cost {
    margin-bottom: 63px;
}

.cart-page-v2-li-total-cost:not(:last-child) {
    margin-bottom: 20px;
}

.cart-page-v2-li-total-cost {
    display: flex;
    color: var(--white-color);
    font-size: 22px;
    font-weight: 600;
    align-items: center;
    justify-content: space-between;
    font-family: 'Open Sans', sans-serif;
}

.cart-page-v2-check-out-btn {
    padding-right: 0px;
}

.cart-page-v2-promo-code-box {
    margin: 63px 0 0 0;
    padding: 40px 0 0 0;
    border-top: 1px solid;
    border-color: var(--black-color-10)
}

.cart-page-v2-promo-code-box-label {
    color: var(--white-color);
    font-size: 18px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.cart-page-v2-promo-code-box-input {
    color: var(--white-color);
    font-size: 18px;
    font-weight: 400;
    background-color: var(--black-color-11);
    border: 0;
    padding: 15px 30px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 0px;
    margin: 0 0 22px 0;
}

.cart-page-v2-promo-code-box-input:focus {
    color: var(--white-color);
    background-color: var(--black-color-11);
    border: 0;
    outline: none;
    box-shadow: none;
}


/*------------------------------ Cart Page v2 Responsive CSS --------------------------------*/

@media (max-width: 1599.98px) {
    .cart-page-v2-table-title {
        font-size: 29px;
    }
}

@media (max-width: 1499.98px) {
    .cart-page-v2-table-title {
        font-size: 27px;
    }
}

@media (max-width: 1399.98px) {
    .cart-page-v2-pricing-table {
        padding: 40px 35px 38px 35px;
    }
    .cart-page-v2-table-title {
        font-size: 24px;
    }
    .cart-page-v2-product-thumbnail {
        width: 120px;
        height: 120px;
    }
    .cart-page-v2-li-block {
        font-size: 17px;
    }
    .common-large-btn1-hover {
        font-size: 18px;
        padding: 26px 20px;
    }
}

@media (max-width: 1299.98px) {
    .cart-page-v2-shop-products {
        padding: 44px 60px 0 0;
    }
    .cart-page-v2-product-thumbnail {
        width: 92px;
        height: 92px;
    }
    .cart-page-v2-product-name {
        font-size: 17px;
    }
    .cart-page-v2-product-name-subdesc {
        font-size: 13.5px;
    }
    .cart-page-v2-input-group .form-control {
        height: 32px;
        font-size: 14px;
        width: 50px;
    }
    .cart-page-v2-quantity-plus1 {
        font-size: 10px;
    }
    .cart-page-v2-quantity-minus1 {
        font-size: 10px;
    }
    .cart-page-v2-product-remove img {
        max-width: 14px;
        height: 14px;
    }
    .cart-page-v2-product-price {
        font-size: 16px;
    }
    .common-btn-link1 {
        font-size: 17px;
        padding: 0 0 0 30px;
    }
    .common-btn-link2 {
        font-size: 17px;
        padding: 0 0 0 30px;
    }
    .cart-page-v2-cart-actions {
        padding: 0 60px 0 0;
    }
    .cart-page-v2-shop-products-border:last-child {
        margin-bottom: 29px;
    }
    .cart-page-v2-pricing-table {
        padding: 30px 25px 28px 25px;
    }
    .cart-page-v2-table-title {
        font-size: 22px;
        margin: 0 0 41px 0;
    }
    .cart-page-v2-li-block:not(:last-child) {
        margin-bottom: 15px;
    }
    .cart-page-v2-li-block {
        font-size: 15px;
    }
    .cart-page-v2-ul-block {
        padding-bottom: 30px;
        margin-bottom: 37px;
    }
    .cart-page-v2-ul-total-cost {
        margin-bottom: 33px;
    }
    .cart-page-v2-li-total-cost {
        font-size: 18px;
    }
    .common-large-btn1-hover {
        font-size: 15px;
        padding: 24px 20px;
    }
    .common-large-btn1-hover i {
        font-size: 17px;
    }
    .cart-page-v2-promo-code-box {
        margin: 43px 0 0 0;
        padding: 30px 0 0 0;
    }
    .cart-page-v2-promo-code-box-input {
        font-size: 16px;
        padding: 11px 30px;
    }
    .cart-page-v2-promo-code-box-label {
        font-size: 16px;
    }
    .common-large-btn4-hover span {
        padding: 14px 39px 14px 40px;
        font-size: 20px;
    }
    .common-large-btn4-hover2 span {
        font-size: 18px;
    }
    .common-large-btn4-hover::after {
        top: 20px;
        right: -22px;
        width: 35px;
        height: 17px;
    }
    .cart-page-v2-check-out-btn {
        padding-right: 22px;
    }
}

@media (max-width: 1199.98px) {
    .cart-page-v2-table-title {
        font-size: 20px;
    }
}

@media (max-width: 991.98px) {
    .cart-page-v2-shop-products {
        padding: 44px 0 0 0;
    }
}

@media (max-width: 768.98px) {
    .cart-page-v2-shop-products {
        padding: 30px 0 0 0;
    }
    .cart-page-v2-shop-products-border:first-of-type {
        padding: 0 0 20px 0;
    }
    .cart-page-v2-shop-products-border {
        padding: 20px 0;
    }
    .cart-page-v2-shop-products-border:last-child {
        margin-bottom: 20px;
    }
    .cart-page-v2-cart-actions {
        padding: 0;
    }
    .common-btn-link1 {
        padding: 0 0 0 25px;
    }
    .common-btn-link2 {
        padding: 0 0 0 25px;
    }
    .cart-page-v2-pricing-table {
        padding: 20px;
        border-radius: 5px;
    }
    .cart-page-v2-table-title {
        margin: 0 0 25px 0;
    }
    .cart-page-v2-ul-block {
        padding-bottom: 20px;
        margin-bottom: 27px;
    }
    .cart-page-v2-li-block:not(:last-child) {
        margin-bottom: 10px;
    }
    .cart-page-v2-ul-total-cost {
        margin-bottom: 23px;
    }
    .common-large-btn1-hover {
        font-size: 14px;
        padding: 14px 20px;
    }
    .common-large-btn1-hover i {
        font-size: 16px;
    }
    .cart-page-v2-promo-code-box {
        margin: 33px 0 0 0;
        padding: 20px 0 0 0;
    }
    .cart-page-v2-promo-code-box-input {
        font-size: 15px;
        padding: 9px 25px;
        margin: 0 0 15px 0;
    }
    .cart-page-v2-check-out-btn {
        padding-right: 18px;
    }
}

@media (max-width: 767.98px) {
    .cart-page-v2-product-photo1 {
        display: block;
        width: 100%;
        text-align: center;
    }
    .cart-page-v2-product-name1 {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .cart-page-v2-quantity-main1 {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .cart-page-v2-price1 {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
    .cart-page-v2-remove1 {
        display: block;
        width: 100%;
        text-align: center;
    }
    .cart-page-v2-shop-products-border {
        display: block !important;
    }
    .cart-page-v2-product-thumbnail {
        margin: 0 auto;
    }
    .cart-page-v2-input-group {
        display: inline-flex;
    }
}

@media (max-width: 575.98px) {
    .cart-page-v2-cart-actions .float-start {
        width: 100%;
        margin-bottom: 10px;
    }
    .cart-page-v2-cart-actions .float-end {
        width: 100%;
    }
}


/*=========================================== Cart Page v2 End CSS ===========================================*/


/*=========================================== Checkout Page Start CSS ===========================================*/

.checkout-page-login-toggle,
.checkout-page-coupon-toggle {
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color-2);
    margin: 0 0 40px 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
}

.checkout-page-show-login,
.checkout-page-show-coupon {
    color: var(--green-color-3);
    text-decoration: underline;
}

.checkout-page-show-login:focus,
.checkout-page-show-coupon:focus,
.checkout-page-show-login:hover,
.checkout-page-show-coupon:hover {
    color: var(--green-color-3);
    text-decoration: underline;
}

.checkout-page-login-content,
.checkout-page-coupon-content,
.checkout-page-checkbox1-content,
.checkout-page-checkbox2-content {
    display: none;
    margin: 0 0 40px 0;
    padding: 30px;
    border: 1px solid;
    border-color: var(--gray-color-4);
}

.checkout-page-login-text {
    font-size: 14px;
    margin-bottom: 15px;
}

.checkout-page-billing-details-title {
    font-size: 22px;
    font-weight: 500;
    color: var(--black-color-2);
    margin: 0 0 20px 0;
}

.checkout-page-label {
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.checkout-page-form textarea.form-control {
    height: 190px;
}

.checkout-page-table-title {
    margin-bottom: 30px;
}

.checkout-page-shop-products {
    text-align: left;
    margin: 0;
    padding: 0;
}

.checkout-page-product-photo1 {
    width: 25%;
}

.checkout-page-product-name1 {
    width: 55%;
}

.checkout-page-price1 {
    width: 20%;
    text-align: right;
}

.checkout-page-shop-products-border {
    padding: 14px 0;
    border-top: 1px solid;
    border-color: var(--black-color-10);
}

.checkout-page-shop-products-border:first-of-type {
    padding: 0 0 14px 0;
    border-top: none;
}

.checkout-page-shop-products-border:last-child {
    border-bottom: 1px solid;
    border-color: var(--black-color-10);
    margin-bottom: 23px;
}

.checkout-page-product-thumbnail {
    width: 67px;
    height: 67px;
    overflow: hidden;
    display: block;
    border-radius: 100px;
}

.checkout-page-product-name {
    font-size: 17px;
    font-weight: 700;
    color: var(--white-color);
    display: block;
}

.checkout-page-product-name:focus,
.checkout-page-product-name:hover {
    color: var(--white-color);
}

.checkout-page-product-name-subdesc {
    font-size: 14px;
    font-weight: 400;
    color: var(--white-color);
    font-family: 'Open Sans', sans-serif;
}

.checkout-page-product-price {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--white-color);
    border: 0px;
    font-family: 'Open Sans', sans-serif
}

.checkout-page-product-price-dollor {
    color: var(--white-color);
    font-size: 14px;
    font-weight: 700;
    vertical-align: top;
    margin: 0 4px 0 0;
}

.checkout-page-ul-block {
    padding-bottom: 28px;
    margin-bottom: 21px;
}

.checkout-page-ul-total-cost {
    margin-bottom: 25px;
}

.checkout-page-payment-accordion {
    margin: 0 0 45px 0;
    border-top: 1px solid;
    border-color: var(--black-color-10);
    padding-top: 25px;
}

.checkout-page-payment-methods {
    font-size: 22px;
    font-weight: 600;
    color: var(--white-color);
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 20px 0;
}

.checkout-page-payment-accordion .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.checkout-page-payment-accordion .accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.checkout-page-payment-accordion .accordion-item {
    background-color: transparent;
    border: none;
    padding-bottom: 13px;
    padding-left: 26px;
}

.checkout-page-payment-accordion .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.checkout-page-payment-accordion .accordion-button:not(.collapsed) {
    color: var(--white-color);
    background-color: transparent;
    box-shadow: none;
}

.checkout-page-payment-accordion .accordion-button {
    position: relative;
    width: 100%;
    padding: 0;
    font-size: 16px;
    color: var(--white-color);
    font-weight: 400;
    background-color: transparent;
    font-family: 'Open Sans', sans-serif;
}


/*
.checkout-page-payment-accordion .accordion-button:not(.collapsed)::after {
    opacity: 1;
}
*/


/*
.checkout-page-payment-accordion .accordion-button::after {
    content: "";
    position: absolute;
    left: -21px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--black-color-9);
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}
*/


/*
.checkout-page-payment-accordion .accordion-button::before {
    content: "";
    position: absolute;
    top: 10px;
    left: -26px;
    width: 16px;
    height: 16px;
    background-color: var(--white-color);
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}*/

.checkout-page-payment-accordion .accordion-button:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.checkout-page-payment-accordion .accordion-body {
    padding: 7px 0 0 0;
    font-size: 13px;
    color: var(--white-color);
    font-weight: 400;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
}

.checkout-page-payment-accordion .what-is-paypal-link {
    color: var(--green-color-3);
    text-decoration: underline;
    padding: 0 0 0 5px;
}


/*------------------------------ Checkout Page Responsive CSS --------------------------------*/

@media (max-width: 1399.98px) {
    .checkout-page-login-toggle,
    .checkout-page-coupon-toggle {
        font-size: 14px;
    }
    .checkout-page-product-name1 {
        width: 50%;
    }
    .checkout-page-price1 {
        width: 25%;
    }
}

@media (max-width: 1299.98px) {
    .checkout-page-login-toggle,
    .checkout-page-coupon-toggle {
        margin: 0 0 30px 0;
    }
    .checkout-page-login-content,
    .checkout-page-coupon-content,
    .checkout-page-checkbox1-content,
    .checkout-page-checkbox2-content {
        margin: 0 0 30px 0;
        padding: 20px;
    }
    .checkout-page-billing-details-title {
        font-size: 19px;
        margin: 0 0 15px 0;
    }
    .checkout-page-label {
        margin: 0 0 10px 0;
        font-size: 14px;
    }
    .checkout-page-form textarea.form-control {
        height: 180px;
    }
    .checkout-page-product-name {
        font-size: 15px;
    }
    .checkout-page-product-name-subdesc {
        font-size: 13px;
    }
    .checkout-page-product-price {
        font-size: 14px;
    }
    .checkout-page-product-price-dollor {
        font-size: 13px;
    }
    .checkout-page-payment-methods {
        font-size: 19px;
        margin: 0 0 15px 0;
    }
    .checkout-page-payment-accordion .accordion-button {
        font-size: 15px;
    }
    .checkout-page-payment-accordion .accordion-button::after {
        top: 7px;
    }
    .checkout-page-payment-accordion {
        margin: 0 0 25px 0;
        padding-top: 20px;
    }
    .checkout-page-shop-products-border:first-of-type {
        padding: 0 0 10px 0;
    }
    .checkout-page-shop-products-border {
        padding: 10px 0;
    }
    .checkout-page-shop-products-border:last-child {
        margin-bottom: 13px;
    }
}

@media (max-width: 1199.98px) {
    .checkout-page-product-thumbnail {
        width: 55px;
        height: 55px;
    }
    .checkout-page-product-photo1 {
        width: 24%;
    }
    .checkout-page-product-name1 {
        width: 49%;
    }
    .checkout-page-price1 {
        width: 27%;
    }
}

@media (max-width: 991.98px) {
    .checkout-page-login-toggle,
    .checkout-page-coupon-toggle {
        margin: 0 0 20px 0;
    }
    .checkout-page-product-photo1 {
        width: 12%;
    }
    .checkout-page-product-name1 {
        width: 74%;
    }
    .checkout-page-price1 {
        width: 14%;
    }
}

@media (max-width: 768.98px) {
    .checkout-page-login-text {
        margin-bottom: 10px;
    }
    .checkout-page-login-content,
    .checkout-page-coupon-content,
    .checkout-page-checkbox1-content,
    .checkout-page-checkbox2-content {
        margin: 0 0 20px 0;
        padding: 15px;
    }
    .checkout-page-form textarea.form-control {
        height: 150px;
    }
    /*.checkout-page-payment-accordion .accordion-button::before {
        width: 14px;
        height: 14px;
    }*/
    /*.checkout-page-payment-accordion .accordion-button::after {
        top: 8px;
        width: 4px;
        height: 4px;
    }*/
}

@media (max-width: 767.98px) {
    .checkout-page-product-photo1 {
        width: 16%;
    }
    .checkout-page-product-name1 {
        width: 70%;
    }
}

@media (max-width: 575.98px) {
    .checkout-page-label-d-none {
        display: none;
    }
}

@media (max-width: 414.98px) {
    .checkout-page-product-photo1 {
        width: 22%;
    }
    .checkout-page-product-name1 {
        width: 58%;
    }
    .checkout-page-price1 {
        width: 20%;
    }
}

@media (max-width: 320.98px) {
    .checkout-page-product-photo1 {
        width: 24%;
    }
    .checkout-page-product-name1 {
        width: 51%;
    }
    .checkout-page-price1 {
        width: 25%;
    }
}


/*=========================================== Checkout Page End CSS ===========================================*/


/*=========================================== Wishlist Page Start CSS ===========================================*/

.wishlist-page-shop-products {
    text-align: left;
    margin: 0;
    padding: 0;
}

.wishlist-page-product-photo1 {
    width: 12%;
}

.wishlist-page-product-name1 {
    width: 20%;
}

.wishlist-page-description1 {
    width: 22%;
}

.wishlist-page-price1 {
    width: 12%;
}

.wishlist-page-stock-status1 {
    width: 13%;
}

.wishlist-page-actions1 {
    width: 17%;
}

.wishlist-page-remove1 {
    width: 4%;
    text-align: center;
}

.wishlist-page-in-status {
    font-size: 18px;
    font-weight: 600;
    color: var(--green-color-3);
    font-family: 'Open Sans', sans-serif;
}

.wishlist-page-shop-products-border:first-of-type {
    padding: 28px 0 28px 0;
    border-top: 1px solid;
    border-color: var(--gray-color-22)
}

.share-on-1-title {
    font-size: 21px;
    font-weight: 700;
    color: var(--black-color-2);
    margin: 0 14px 0 0;
}

.share-on-1-li {
    display: inline-flex;
    margin: 0 5px 0 0;
}

.share-on-1-li:last-of-type {
    margin-right: 0px;
}

.share-on-1-a {
    font-size: 14px;
    color: var(--dark-color-2);
    width: 42px;
    height: 42px;
    border-radius: 100px;
    background-color: var(--light-white-color);
    border: 1px solid;
    border-color: var(--gray-color-3);
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.share-on-1-a:hover {
    color: var(--light-white-color);
    background-color: var(--dark-color-2);
    border: 1px solid var(--dark-color-2);
}

.share-on-1-a.icon-facebook:hover {
    color: var(--white-color);
    border: 1px solid var(--blue-color);
    background-color: var(--blue-color);
}

.share-on-1-a.icon-twitter:hover {
    color: var(--white-color);
    border: 1px solid var(--blue-color-1);
    background-color: var(--blue-color-1);
}

.share-on-1-a.icon-instagram:hover {
    color: var(--white-color);
    border: 1px solid var(--red-color-2);
    background-color: var(--red-color-2);
}

.share-on-1-a.icon-pinterest:hover {
    color: var(--white-color);
    border: 1px solid var(--red-color-3);
    background-color: var(--red-color-3);
}

.share-on-1-a.icon-linkedin:hover {
    color: var(--white-color);
    border: 1px solid var(--blue-color-2);
    background-color: var(--blue-color-2);
}


/*------------------------------ Wishlist Page Responsive CSS --------------------------------*/

@media (max-width: 1399.98px) {
    .wishlist-page-product-name1 {
        width: 18%;
    }
    .wishlist-page-description1 {
        width: 24%;
    }
    .common-btn2-hover-small3 span {
        padding: 13px 44px;
    }
}

@media (max-width: 1299.98px) {
    .wishlist-page-in-status {
        font-size: 15px;
    }
    .share-on-1-title {
        font-size: 17px;
        margin: 0 10px 0 0;
    }
    .share-on-1-a {
        width: 35px;
        height: 35px;
    }
    .common-btn2-hover-small3 span {
        padding: 10px 44px;
        font-size: 16px;
    }
}

@media (max-width: 1199.98px) {
    .wishlist-page-product-name1 {
        width: 17%;
    }
    .wishlist-page-description1 {
        width: 27%;
    }
    .wishlist-page-price1 {
        width: 9%;
    }
    .wishlist-page-stock-status1 {
        width: 12%;
    }
    .wishlist-page-actions1 {
        width: 17%;
    }
    .wishlist-page-remove1 {
        width: 6%;
    }
    .common-btn2-hover-small3 span {
        padding: 10px 38px;
    }
}

@media (max-width: 991.98px) {
    .wishlist-page-product-photo1 {
        width: 15%;
    }
    .wishlist-page-product-name1 {
        width: 16%;
    }
    .wishlist-page-description1 {
        width: 19%;
    }
    .wishlist-page-price1 {
        width: 12%;
    }
    .wishlist-page-stock-status1 {
        width: 13%;
    }
    .wishlist-page-actions1 {
        width: 17%;
    }
    .wishlist-page-remove1 {
        width: 8%;
    }
    .wishlist-page-product-description {
        padding: 0 8px;
    }
    .common-btn2-hover-small3 span {
        padding: 10px 18px;
    }
}

@media (max-width: 768.98px) {
    .share-on-1-title {
        font-size: 15px;
        margin: 0 10px 0 0;
    }
}

@media (max-width: 767.98px) {
    .wishlist-page-shop-products-border:first-of-type {
        padding-top: 0px;
        border-top: 0px;
    }
    .wishlist-page-product-photo1 {
        width: 100%;
    }
    .wishlist-page-product-name1 {
        width: 100%;
        margin: 15px 0;
        text-align: center;
    }
    .wishlist-page-description1 {
        width: 100%;
        text-align: center;
    }
    .wishlist-page-price1 {
        width: 100%;
        margin: 15px 0;
        text-align: center;
    }
    .wishlist-page-stock-status1 {
        width: 100%;
        text-align: center;
    }
    .wishlist-page-actions1 {
        width: 100%;
        margin: 15px 0;
        text-align: center;
    }
    .wishlist-page-remove1 {
        width: 100%;
    }
    .common-btn2-hover-small3 span {
        padding: 8px 30px;
        font-size: 16px;
    }
}


/*=========================================== Wishlist Page End CSS ===========================================*/


/*=========================================== Order History Page Start CSS ===========================================*/

.order-history-page-order1 {
    width: 7%;
    text-align: left;
}

.order-history-page-product-photo1 {
    width: 13%;
}

.order-history-page-product-name1 {
    width: 21%;
}

.order-history-page-order-date1 {
    width: 15%;
}

.order-history-page-status1 {
    width: 11%;
}

.order-history-page-total-price1 {
    width: 16%;
}

.order-history-page-actions1 {
    width: 17%;
}

.order-history-page-product-order {
    font-size: 18px;
    font-weight: 600;
    color: var(--black-color-2);
    font-family: 'Open Sans', sans-serif;
}

.order-history-page-order-date {
    color: var(--black-color-2);
    font-size: 18px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.order-history-page-status {
    color: var(--black-color-2);
}

.order-history-page-total-price1 small {
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color-7);
    font-family: 'Open Sans', sans-serif;
}


/*------------------------------ Order History Page Responsive CSS --------------------------------*/

@media (max-width: 1599.98px) {
    .order-history-page-product-name1 {
        width: 20%;
    }
    .order-history-page-actions1 {
        width: 18%;
    }
}

@media (max-width: 1499.98px) {
    .order-history-page-order1 {
        width: 6%;
    }
    .order-history-page-product-name1 {
        width: 19%;
    }
    .order-history-page-actions1 {
        width: 20%;
    }
}

@media (max-width: 1399.98px) {
    .order-history-page-product-name1 {
        width: 18%;
    }
    .order-history-page-actions1 {
        width: 21%;
    }
    .common-btn2-hover-small3-padding span {
        padding: 13px 26px;
    }
}

@media (max-width: 1299.98px) {
    .order-history-page-product-order {
        font-size: 15px;
    }
    .order-history-page-order-date {
        font-size: 15px;
    }
    .order-history-page-total-price1 small {
        font-size: 13px;
    }
    .common-btn-link-underline1 {
        font-size: 15px;
    }
    .common-btn2-hover-small3-padding span {
        padding: 10px 26px;
    }
}

@media (max-width: 1199.98px) {
    .order-history-page-status1 {
        width: 10%;
    }
    .order-history-page-actions1 {
        width: 22%;
    }
    .common-btn2-hover-small3-padding span {
        padding: 10px 22px;
    }
}

@media (max-width: 991.98px) {
    .order-history-page-order1 {
        width: 7%;
    }
    .order-history-page-product-photo1 {
        width: 16%;
    }
    .order-history-page-product-name1 {
        width: 16%;
    }
    .order-history-page-order-date1 {
        width: 17%;
    }
    .order-history-page-status1 {
        width: 9%;
    }
    .order-history-page-total-price1 {
        width: 21%;
    }
    .order-history-page-actions1 {
        width: 14%;
    }
    .order-history-page-input-group {
        display: block;
    }
    .common-btn2-hover-small3-padding span {
        padding: 8px 18px;
    }
}

@media (max-width: 768.98px) {}

@media (max-width: 767.98px) {
    .order-history-page-order1 {
        width: 100%;
        text-align: center;
    }
    .order-history-page-product-photo1 {
        width: 100%;
        margin: 15px 0;
    }
    .order-history-page-product-name1 {
        width: 100%;
        text-align: center;
    }
    .order-history-page-order-date1 {
        width: 100%;
        margin: 15px 0;
        text-align: center;
    }
    .order-history-page-status1 {
        width: 100%;
        text-align: center;
    }
    .order-history-page-total-price1 {
        width: 100%;
        margin: 15px 0;
        text-align: center;
    }
    .order-history-page-actions1 {
        width: 100%;
        text-align: center;
    }
    .common-btn-link-underline1 {
        margin-left: 15px !important;
    }
}


/*=========================================== Order History Page End CSS ===========================================*/


/*=========================================== Order Details Page Start CSS ===========================================*/

.order-details-page-shop-products {
    padding: 0 90px 0 0;
}

.order-details-page-shop-products-border:last-child {
    border-bottom: 0px;
    margin-bottom: 0;
    padding: 0;
}

.order-details-page-product-photo1 {
    width: 20%;
}

.order-details-page-product-name1 {
    width: 28%;
}

.order-details-page-quantity-main1 {
    width: 14%;
}

.order-details-page-price1 {
    width: 14%;
}

.order-details-page-actions1 {
    width: 17%;
}

.order-details-page-pricing-table {
    padding: 65px 60px 70px 60px;
    margin-top: 50px;
}

.order-details-page-table-title {
    margin: 0 0 40px 0;
}

.order-details-page-ul-total-cost {
    margin-bottom: 0;
}

.order-details-page-ordered {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color-2);
    margin: 0 30px 0 0;
    font-family: 'Open Sans', sans-serif;
}

.order-details-page-ordered:last-of-type {
    margin: 0 0 0 30px;
    position: relative;
}

.order-details-page-ordered::before {
    position: absolute;
    left: -38px;
    content: '|';
    top: -2px;
}

.order-details-page-dotted-verticalline {
    position: relative;
}

.order-details-page-dotted-verticalline::before {
    content: "";
    border-left: 1px dashed;
    border-color: var(--green-color-3);
    height: 100%;
    position: absolute;
    left: 18px;
    z-index: -1;
}

.order-details-page-left-icon {
    background-color: var(--green-color-3);
    flex: 0 0 38px;
    max-width: 38px;
    height: 38px;
    border-radius: 100px;
    text-align: center;
    color: var(--white-color);
    font-size: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.order-details-page-right-text {
    max-width: none;
    flex-basis: 0;
    flex-grow: 1;
    margin: 0 0 0 25px;
    padding: 0 0 50px 0;
}

.order-details-page-three-title {
    font-size: 20px;
    font-weight: 400;
    color: var(--black-color-2);
    margin: 0 0 23px 0;
    line-height: 1.9;
}

.order-details-page-shipping-address-box {
    background-color: var(--light-white-color);
    padding: 27px 70px 26px 30px;
    display: inline-block;
}

.order-details-page-shipping-address-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--black-color-2);
    margin: 0 0 7px 0;
}

.order-details-page-shipping-address-text {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-2);
    line-height: 20px;
    margin: 0;
}

.order-details-page-shipping-address-text:last-of-type {
    margin: 6px 0 0 0;
}

.order-details-page-credit-debit-card-radio {
    margin: 0 0 25px 0;
}

.order-details-page-credit-debit-card-label {
    font-size: 16px;
    font-weight: 400;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.order-details-page-credit-debit-card-input:checked {
    background-color: var(--green-color-3);
    border-color: var(--green-color-3);
    width: 16px;
    height: 16px;
}

.order-details-page-credit-debit-card-input:focus {
    border-color: var(--green-color-3);
    outline: 0;
    box-shadow: none;
}

.order-details-page-credit-debit-card-box {
    display: inline-block;
    padding: 30px 110px 30px 30px;
    background-color: var(--light-white-color);
}

.order-details-page-credit-debit-card-logo {
    height: 26px;
    max-width: 78px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.order-details-page-credit-debit-card-number {
    font-size: 22px;
    font-weight: 400;
    padding: 26px 0 11px 0;
    text-align: left;
    color: var(--black-color-2);
    font-family: 'Open Sans', sans-serif;
}

.order-details-page-credit-debit-card-number small {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-2);
}

.order-details-page-credit-debit-card-expiry-date {
    font-size: 13px;
    font-weight: 400;
    text-align: left;
    color: var(--gray-color-2);
    font-family: 'Open Sans', sans-serif;
}


/*------------------------------ Order Details Page Responsive CSS --------------------------------*/

@media (max-width: 1499.98px) {
    .order-details-page-product-photo1 {
        width: 22%;
    }
    .order-details-page-product-name1 {
        width: 26%;
    }
}

@media (max-width: 1399.98px) {
    .order-details-page-ordered {
        margin: 0 10px 0 0;
    }
    .order-details-page-ordered:last-of-type {
        margin: 0 0 0 10px;
    }
    .order-details-page-ordered::before {
        left: -18px;
    }
    .order-details-page-pricing-table {
        padding: 45px 40px 50px 40px;
    }
    .order-details-page-product-photo1 {
        width: 22%;
    }
    .order-details-page-product-name1 {
        width: 30%;
    }
    .order-details-page-quantity-main1 {
        width: 12%;
    }
    .order-details-page-price1 {
        width: 15%;
    }
    .order-details-page-actions1 {
        width: 21%;
    }
}

@media (max-width: 1299.98px) {
    .order-details-page-shop-products {
        padding: 0 60px 0 0;
    }
    .order-details-page-right-text {
        margin: 0 0 0 20px;
    }
    .order-details-page-ordered::before {
        left: -22px;
    }
    .order-details-page-three-title {
        font-size: 18px;
        margin: 0 0 13px 0;
    }
    .order-details-page-shipping-address-box {
        padding: 22px 65px 21px 25px;
    }
    .order-details-page-shipping-address-title {
        font-size: 17px;
    }
    .order-details-page-credit-debit-card-label {
        font-size: 15px;
    }
    .order-details-page-credit-debit-card-box {
        padding: 25px 105px 25px 25px;
    }
    .order-details-page-credit-debit-card-number {
        font-size: 20px;
    }
    .order-details-page-pricing-table {
        padding: 35px 30px 40px 30px;
    }
}

@media (max-width: 1199.98px) {
    .order-details-page-ordered:last-of-type {
        margin: 0 0 0 6px;
    }
    .order-details-page-ordered::before {
        left: -13px;
    }
    .common-btn2-hover-small3-padding2 span {
        padding: 10px 18px;
    }
    .order-details-page-left-text {
        margin-bottom: 15px;
    }
}

@media (max-width: 991.98px) {
    .order-details-page-shop-products {
        padding: 0;
    }
    .order-details-page-ordered {
        margin: 0 10px 0 0;
    }
    .order-details-page-ordered:last-of-type {
        margin: 0 0 0 10px;
    }
    .order-details-page-ordered::before {
        left: -18px;
    }
    .common-btn2-hover-small3-padding2 span {
        padding: 10px 22px;
    }
    .order-details-page-pricing-table {
        margin-top: 0;
    }
    .order-details-page-left-text {
        margin-bottom: 0px;
    }
}

@media (max-width: 768.98px) {
    .order-details-page-dotted-verticalline::before {
        left: 15px;
    }
    .order-details-page-three-title {
        margin: 0 0 10px 0;
    }
    .order-details-page-left-icon {
        flex: 0 0 30px;
        max-width: 30px;
        height: 30px;
    }
    .order-details-page-right-text {
        margin: 0 0 0 15px;
        padding: 0 0 40px 0;
    }
    .order-details-page-pricing-table {
        padding: 20px;
    }
    .order-details-page-table-title {
        margin: 0 0 25px 0;
    }
}

@media (max-width: 767.98px) {
    .order-details-page-d-block {
        display: block !important;
    }
    .order-details-page-ordered:last-of-type {
        margin: 0 0 15px 10px;
    }
    .order-details-page-product-photo1 {
        width: 100%;
    }
    .order-details-page-product-name1 {
        width: 100%;
        margin: 15px 0;
    }
    .order-details-page-quantity-main1 {
        width: 100%;
        margin-bottom: 15px;
    }
    .order-details-page-price1 {
        width: 100%;
        margin-bottom: 15px;
    }
    .order-details-page-actions1 {
        width: 100%;
    }
    .order-details-page-product-thumbnail {
        margin: 0;
    }
}

@media (max-width: 480.98px) {
    .order-details-page-ordered {
        margin: 0 0 10px 0;
        display: block;
    }
    .order-details-page-ordered:last-of-type {
        margin: 0 0 10px 0;
    }
    .order-details-page-ordered::before {
        display: none;
    }
    .order-details-page-shipping-address-box {
        padding: 20px 35px 20px 20px;
    }
    .order-details-page-credit-debit-card-box {
        padding: 20px 70px 20px 20px;
    }
    .order-details-page-credit-debit-card-input:checked {
        width: 12px;
        height: 12px;
        margin-top: 0.50em;
    }
    .common-btn2-hover-small3-padding2 span {
        padding: 6px 18px;
    }
}


/*=========================================== Order Details Page End CSS ===========================================*/


/*=========================================== Account Details Page Start CSS ===========================================*/

.account-details-page-form {
    padding: 0;
}

.account-details-page-link {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    color: var(--green-color-3);
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 0 25px;
}

.account-details-page-link:focus,
.account-details-page-link:hover {
    color: var(--green-color-3);
}

.account-details-page-margin {
    margin-top: 40px;
}

.account-details-page-manage-addresses {
    margin: 0 0 0 130px;
    background-color: var(--light-white-color);
    border-radius: 10px;
    padding: 30px;
}

.account-details-page-your-gender-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
    margin: 0 0 11px 0;
}

.account-details-page-form-check {
    padding-left: 30px;
    margin-bottom: 0px;
}

.account-details-page-form-check-input:checked[type="radio"] {
    background-image: url('../images/account-details-page-form-check-input-dot.png');
    background-size: 8px 8px;
}

.account-details-page-form-check-input:checked {
    background-color: var(--white-color);
    border: 2px solid var(--green-color-3);
    width: 16px;
    height: 16px;
}

.account-details-page-form-check-input:focus {
    border-color: var(--green-color-3);
    box-shadow: none;
}

.account-details-page-form-check-input {
    width: 16px;
    height: 16px;
    background-color: var(--white-color);
    border: 2px solid var(--gray-color-14);
    margin-left: -1.9em !important;
}

.account-details-page-form-check-label {
    font-size: 15px;
    font-weight: 600;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
}

.account-details-page-add-a-new-address-box {
    background-color: var(--white-color);
    padding: 8px 30px;
    margin: 0 0 30px 0;
}

.account-details-page-add-a-new-address {
    font-size: 14px;
    font-weight: 600;
    color: var(--green-color-3);
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    display: flex;
    align-items: center;
}

.account-details-page-add-a-new-address:focus,
.account-details-page-add-a-new-address:hover {
    color: var(--green-color-3);
}

.account-details-page-add-a-new-address .account-details-page-plus-sign {
    font-size: 24px;
    font-weight: 400;
    color: var(--green-color-3);
    margin-right: 16px;
}

.account-details-page-add-a-new-address-form {
    margin: 22px 0;
    display: none;
}

.account-details-page-use-my-current-location {
    font-size: 15px;
    font-weight: 600;
    color: var(--white-color);
    background-color: var(--green-color-3);
    padding: 12px 23px;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    display: inline-flex;
    margin: 0 0 16px 0;
    justify-content: center;
    align-items: center;
}

.account-details-page-use-my-current-location img {
    max-width: 16px !important;
    margin-right: 3px;
}

.account-details-page-use-my-current-location:focus,
.account-details-page-use-my-current-location:hover {
    color: var(--white-color);
}

.account-details-page-add-a-new-address-form .form-control {
    margin: 0 0 10px 0;
    padding: 14px 24px;
    height: 50px;
}

.account-details-page-add-a-new-address-form .form-select {
    margin: 0 0 10px 0;
    padding: 10px 24px;
    height: 50px;
}

.account-details-page-add-a-new-address-form textarea.form-control {
    height: 95px;
}

.account-details-page-address-type-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--black-color);
    font-family: 'Open Sans', sans-serif;
    margin: 9px 0 8px 0;
}

.account-details-page-form-check-label.two {
    font-size: 14px;
}

.account-details-page-margin2 {
    margin-top: 28px;
}

.account-details-page-cancel-link {
    text-transform: uppercase;
}

.common-btn2-hover-small3-padding2 span {
    padding: 9px 30px;
    font-weight: 500;
    font-size: 20px;
}

.account-details-page-manage-addresses-box {
    background-color: var(--white-color);
    padding: 30px;
}

.account-details-page-manage-addresses-home {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-2);
    font-family: 'Open Sans', sans-serif;
    padding: 4px 12px;
    background-color: var(--gray-color-10);
    border-radius: 2px;
}

.account-details-page-dropdown-btn::after {
    display: none;
}

.account-details-page-dropdown-menu {
    outline: none;
    padding: 10px;
    background-color: var(--white-color);
    box-shadow: 0 10px 35px rgb(0 0 0 / 7%);
}

.account-details-page-dropdown-item {
    padding: 5px;
    font-weight: 400;
    color: var(--black-color-2);
    text-align: left;
    border: 0;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    text-align: left;
}

.account-details-page-dropdown-item.active,
.account-details-page-dropdown-item:active {
    color: var(--black-color-2);
    text-decoration: none;
    background: none;
    line-height: 20px;
}

.account-details-page-dropdown-item:focus,
.account-details-page-dropdown-item:hover {
    color: var(--black-color-2);
    background: none;
}

.account-details-page-dropdown .fas {
    font-size: 17px;
    font-weight: 700;
    color: var(--gray-color-21);
}

.account-details-page-name-phone {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-2);
    font-family: 'Open Sans', sans-serif;
    margin: 15px 0 9px 0;
}

.account-details-page-name-phone:last-of-type {
    margin-left: 42px;
}

.account-details-page-address-text {
    font-size: 14px;
    font-weight: 400;
    color: var(--black-color-2);
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
}


/*------------------------------ Account Details Page Responsive CSS --------------------------------*/

@media (max-width: 1399.98px) {
    .account-details-page-manage-addresses {
        margin: 0 0 0 50px;
    }
}

@media (max-width: 1299.98px) {
    .account-details-page-manage-addresses {
        margin: 0 0 0 20px;
    }
    .account-details-page-manage-addresses {
        padding: 20px;
    }
    .account-details-page-add-a-new-address-box {
        padding: 8px 20px;
    }
    .account-details-page-manage-addresses-box {
        padding: 20px;
    }
    .account-details-page-margin {
        margin-top: 20px;
    }
    .account-details-page-add-a-new-address .account-details-page-plus-sign {
        font-size: 21px;
    }
    .account-details-page-use-my-current-location {
        font-size: 14px;
        padding: 10px 20px;
    }
    .account-details-page-manage-addresses-home {
        padding: 2px 10px;
    }
    .account-details-page-add-a-new-address-form .form-control {
        padding: 15px 15px;
        font-size: 14px;
        height: 48px;
    }
    .account-details-page-add-a-new-address-form .form-select {
        padding: 10px 15px;
        font-size: 14px;
        height: 48px;
    }
    .account-details-page-add-a-new-address-form textarea.form-control {
        height: 85px;
    }
    .account-details-page-dropdown .fas {
        font-size: 15px;
    }
    .common-btn2-hover-small3-padding2 span {
        font-weight: 500;
        font-size: 17px;
    }
}

@media (max-width: 991.98px) {
    .account-details-page-manage-addresses {
        margin: 30px 0 0 0;
        border-radius: 5px;
    }
}

@media (max-width: 768.98px) {
    .account-details-page-form-check-input:checked[type="radio"] {
        background-size: 6px 6px;
    }
    .account-details-page-form-check-input:checked {
        width: 14px;
        height: 14px;
    }
    .account-details-page-form-check-input {
        margin-top: 0.45em;
        margin-left: -1.2em !important;
        width: 14px;
        height: 14px;
    }
    .account-details-page-form-check {
        padding-left: 20px;
    }
    .account-details-page-add-a-new-address .account-details-page-plus-sign {
        font-size: 19px;
        margin-right: 10px;
    }
    .account-details-page-add-a-new-address-box {
        margin: 0 0 20px 0;
    }
    .account-details-page-use-my-current-location {
        padding: 8px 16px;
    }
    .common-btn2-hover-small3-padding2 span {
        padding: 6px 40px;
        font-weight: 500;
        font-size: 16px;
    }
}

@media (max-width: 480.98px) {
    .account-details-page-form-check-input {
        margin-top: 0.35em;
    }
}


/*=========================================== Account Details Page End CSS ===========================================*/


/*=========================================== Stores Listing Page Start CSS ===========================================*/

.stores-listing-page-background-image {
    overflow: hidden;
    height: 315px;
}

.stores-listing-page {
    margin: -255px 0 0 0;
}

.stores-listing-page-vendor-search-wrapper {
    display: none;
    padding: 30px;
    margin: 0 0 50px 0;
    background-color: var(--white-color);
    border-color: var(--gray-color-11) !important;
    border: 1px solid;
    position: relative;
}

.stores-listing-page-vendor-toolbox .stores-listing-page-vendor-search-toggle {
    margin: 0 20px 1rem 0;
}

.stores-listing-page-vendor-toolbox .stores-listing-page-vendor-search-toggle {
    margin-right: 22px;
    text-transform: uppercase;
    padding: 12px 18px;
    font-size: 15px;
    font-weight: 400;
    color: var(--white-color);
    background-color: var(--green-color-3);
    border-color: var(--white-color);
    border: none;
    outline: none;
    box-shadow: none;
    border-radius: 2px;
}

.stores-listing-page-vendor-select-box .stores-listing-page-vendor-sortby {
    width: 154px;
    background-color: var(--white-color) !important;
}

.stores-listing-page-vendor-search-form {
    padding: 0px;
}

.stores-listing-page-vendor-select-box::before {
    z-index: 2;
}

.stores-listing-page-vendor-select-title {
    color: var(--black-color-2);
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 20px 0;
}

.stores-listing-page-vendor-4select-box {
    margin: 0 0 30px 0;
}

.stores-listing-page-vendor-4select-box .form-select {
    padding: 12px 24px;
    height: 50px;
}

.stores-listing-page-vendor-4select-box .form-control {
    padding: 12px 24px;
    height: 50px;
}

.stores-listing-page-vendor-4select-box .form-select:focus {
    border-color: var(--gray-color-4);
    outline: 0;
    box-shadow: none;
}

.stores-listing-page-vendor-toolbox .stores-listing-page-vendor-search-toggle i {
    margin-right: 6px;
    margin-left: 0;
    font-size: 14px;
}

.stores-listing-page-store-wrap {
    position: relative;
}

.stores-listing-page-store-grid {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.06);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.stores-listing-page-store-footer {
    margin: -55px 0 0 40px;
    position: relative;
}

.stores-listing-page-store-banner {
    margin: 0;
    overflow: hidden;
    height: 252px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.stores-listing-page-seller-brand {
    margin: 0;
    width: 100px;
    height: 100px;
    background-color: var(--white-color);
    border-radius: 100px;
    box-shadow: inset 0px 0px 0px 4px var(--green-color-3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.stores-listing-page-seller-brand img {
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 0;
    max-width: 74px !important;
    height: 54px !important;
}

.stores-listing-page-ratings {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.stores-listing-page-ratings .ratings-full {
    font-size: 14px;
    color: var(--yellow-color-3);
    cursor: pointer;
}

.stores-listing-page-ratings .ratings-full .fas {
    display: table-cell;
    padding: 0 5px 0 0;
}

.stores-listing-page-store-content {
    padding: 40px;
}

.stores-listing-page-store-title {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.stores-listing-page-store-title a {
    color: var(--black-color);
    font-size: 25px;
    font-weight: 700;
}

.stores-listing-page-featured-label {
    background: var(--light-white-color);
    color: var(--black-color-2);
    font-size: 13px;
    font-weight: 400;
    padding: 6px 8px;
    border-radius: 5px;
    margin-left: 20px;
    font-family: 'Open Sans', sans-serif;
}

.stores-listing-page-description-main {
    margin: 19px 0 12px 0;
    padding: 0;
}

.stores-listing-page-description {
    font-size: 16px;
    color: var(--gray-color-2);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    line-height: 36px;
    position: relative;
    padding-left: 23px;
}

.stores-listing-page-description i {
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 8px;
    line-height: 36px;
    color: var(--gray-color-2);
    font-weight: 700;
}

.stores-listing-page-seller-info-list {
    margin: 0 0 23px 0;
    padding: 0;
}

.stores-listing-page-seller-info-details {
    font-size: 16px;
    color: var(--gray-color-2);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    line-height: 36px;
    position: relative;
    padding-left: 23px;
}

.stores-listing-page-seller-info-details a {
    color: var(--gray-color-2);
}

.stores-listing-page-seller-info-details i {
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 16px;
    line-height: 36px;
    color: var(--green-color-3);
    font-weight: 700;
}


/*------------------------------ Stores Listing Page Responsive CSS --------------------------------*/

@media (max-width: 1599.98px) {
    .stores-listing-page-store-banner {
        height: 235px;
    }
    .stores-listing-page-seller-info-details:first-of-type {
        line-height: normal;
        margin-bottom: 5px;
    }
}

@media (max-width: 1499.98px) {
    .stores-listing-page-store-banner {
        height: 215px;
    }
    .stores-listing-page-seller-brand {
        width: 90px;
        height: 90px;
    }
    .stores-listing-page-seller-brand img {
        max-width: 64px !important;
        height: 44px !important;
    }
}

@media (max-width: 1399.98px) {
    .stores-listing-page-background-image {
        height: 215px;
    }
    .stores-listing-page {
        margin: -155px 0 0 0;
    }
    .stores-listing-page-store-banner {
        height: 175px;
    }
}

@media (max-width: 1299.98px) {
    .stores-listing-page-background-image {
        height: 196px;
    }
    .stores-listing-page {
        margin: -136px 0 0 0;
    }
    .stores-listing-page-vendor-search-wrapper {
        padding: 20px;
        margin: 0 0 30px 0;
    }
    .stores-listing-page-vendor-select-title {
        font-size: 17px;
        margin: 0 0 10px 0;
    }
    .stores-listing-page-vendor-4select-box .form-select {
        padding: 8px 14px;
        height: 40px;
    }
    .stores-listing-page-vendor-4select-box .form-control {
        padding: 6px 14px;
        height: 40px;
    }
    .stores-listing-page-vendor-4select-box {
        margin: 0 0 20px 0;
    }
    .stores-listing-page-store-footer {
        margin: -45px 0 0 30px;
    }
    .stores-listing-page-seller-brand {
        box-shadow: inset 0px 0px 0px 3px var(--green-color-3);
    }
    .stores-listing-page-store-content {
        padding: 30px;
    }
    .stores-listing-page-store-title a {
        font-size: 20px;
    }
    .stores-listing-page-featured-label {
        padding: 5px 7px;
        margin-left: 15px;
    }
    .stores-listing-page-ratings {
        margin-top: 15px;
    }
    .stores-listing-page-ratings .ratings-full {
        font-size: 13px;
    }
    .stores-listing-page-description-main {
        margin: 13px 0 9px 0;
    }
    .stores-listing-page-description {
        font-size: 15px;
        line-height: 32px;
    }
    .stores-listing-page-description i {
        line-height: 32px;
    }
    .stores-listing-page-seller-info-list {
        margin: 0 0 20px 0;
    }
    .stores-listing-page-seller-info-details {
        font-size: 15px;
        line-height: 32px;
    }
    .stores-listing-page-seller-info-details i {
        font-size: 15px;
        line-height: 32px;
    }
    .common-btn-link3 {
        font-size: 17px;
    }
    .common-btn-link3::after {
        right: -30px;
        width: 15px;
        height: 10px;
        top: 7px;
    }
    .m-b-36 {
        margin-bottom: 26px;
    }
}

@media (max-width: 1199.98px) {
    .stores-listing-page-store-banner {
        height: 145px;
    }
    .stores-listing-page-seller-brand {
        width: 80px;
        height: 80px;
    }
    .stores-listing-page-seller-brand img {
        max-width: 58px !important;
        height: 40px !important;
    }
}

@media (max-width: 991.98px) {
    .stores-listing-page-store-banner {
        height: 166px;
    }
    .stores-listing-page-vendor-toolbox .stores-listing-page-vendor-search-toggle {
        margin: 0 20px 0.5rem 0;
    }
    .common-btn-link3::after {
        top: 1px;
    }
}

@media (max-width: 768.98px) {
    .stores-listing-page-background-image {
        height: 126px;
    }
    .stores-listing-page {
        margin: -86px 0 0 0;
    }
    .stores-listing-page-store-footer {
        margin: -40px 0 0 20px;
    }
    .stores-listing-page-store-content {
        padding: 20px;
    }
    .stores-listing-page-store-title a {
        font-size: 17px;
    }
    .stores-listing-page-featured-label {
        padding: 4px 5px;
        margin-left: 10px;
    }
    .stores-listing-page-ratings {
        margin-top: 10px;
    }
    .stores-listing-page-ratings .ratings-full {
        font-size: 12px;
    }
    .stores-listing-page-description {
        font-size: 14px;
        line-height: 30px;
    }
    .stores-listing-page-description i {
        line-height: 32px;
    }
    .stores-listing-page-seller-info-details {
        font-size: 14px;
        line-height: 30px;
    }
    .stores-listing-page-seller-info-details i {
        font-size: 14px;
        line-height: 30px;
    }
    .common-btn-link3 {
        font-size: 15px;
    }
    .common-btn-link3::after {
        right: -25px;
    }
}

@media (max-width: 767.98px) {
    .stores-listing-page-vendor-toolbox .stores-listing-page-vendor-search-toggle {
        margin: 0 20px 10px 0;
    }
    .stores-listing-page-vendor-search-wrapper {
        padding: 15px;
        margin: 0 0 20px 0;
    }
    .stores-listing-page-store-banner {
        height: 120px;
    }
}

@media (max-width: 575.98px) {
    .stores-listing-page-store-banner {
        height: 270px;
    }
    .stores-listing-page-vendor-toolbox .stores-listing-page-vendor-search-toggle {
        margin-right: 15px;
    }
    .stores-listing-page-vendor-cancel {
        margin-top: 5px;
    }
}

@media (max-width: 480.98px) {
    .stores-listing-page-background-image {
        height: 80px;
    }
    .stores-listing-page {
        margin: -62px 0 0 0;
    }
    .stores-listing-page-store-banner {
        height: 224px;
    }
    .stores-listing-page-seller-brand {
        width: 70px;
        height: 70px;
    }
    .stores-listing-page-seller-brand img {
        max-width: 52px !important;
        height: 38px !important;
    }
    .m-b-36 {
        margin-bottom: 10px;
    }
}

@media (max-width: 414.98px) {
    .stores-listing-page-vendor-toolbox .stores-listing-page-vendor-search-toggle span {
        display: none;
    }
    .stores-listing-page-vendor-toolbox .stores-listing-page-vendor-search-toggle i {
        margin-right: 0px;
    }
    .stores-listing-page-store-banner {
        height: 190px;
    }
}

@media (max-width: 375.98px) {
    .stores-listing-page-store-banner {
        height: 172px;
    }
}

@media (max-width: 360.98px) {}

@media (max-width: 320.98px) {
    .stores-listing-page-store-banner {
        height: 145px;
    }
}


/*=========================================== Stores Listing Page End CSS ===========================================*/


/*=========================================== Store Detail Page Start CSS ===========================================*/

.store-detail-page-store-top-banner {
    margin-bottom: 50px;
    position: relative;
    border-radius: 0;
    overflow: hidden;
}

.store-detail-page-store-media {
    margin: 0px;
    overflow: hidden;
    height: 600px;
}

.store-detail-page-store-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: var(--black-color-20);
    padding: 30px 0;
}

.store-detail-page-store-content-left {
    display: flex;
    align-items: center;
}

.store-detail-page-personal-info {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.store-detail-page-seller-brand {
    margin: 0 44px 0 0;
    width: 100px;
    height: 100px;
    background-color: var(--white-color);
    border-radius: 100px;
    box-shadow: inset 0px 0px 0px 4px var(--green-color-3);
    display: flex;
    align-items: center;
    justify-content: center;
}

.store-detail-page-seller-brand img {
    margin: 0 auto;
    text-align: center;
    display: flex;
    padding: 0;
    max-width: 74px !important;
    height: 54px !important;
    justify-content: center;
    align-items: center;
}

.store-detail-page-store-title {
    margin-bottom: 0px;
    font-size: 25px;
    font-weight: 700;
    color: var(--white-color);
}

.store-detail-page-featured-label {
    background: var(--light-white-color);
    color: var(--black-color-2);
    font-size: 13px;
    font-weight: 400;
    padding: 5px 7px;
    border-radius: 5px;
    margin-left: 7px;
    font-family: 'Open Sans', sans-serif;
}

.store-detail-page-address-info {
    display: flex;
    align-items: center;
}

.store-detail-page-ratings {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.store-detail-page-ratings .ratings-full {
    font-size: 14px;
    color: var(--yellow-color-3);
    cursor: pointer;
}

.store-detail-page-ratings .ratings-full .fas {
    display: table-cell;
    padding: 0 5px 0 0;
}

.store-detail-page-description-main {
    margin: 0 44px;
    padding: 0;
}

.store-detail-page-description {
    font-size: 16px;
    color: var(--white-color);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    line-height: 36px;
    position: relative;
    padding-left: 23px;
}

.store-detail-page-description i {
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 8px;
    line-height: 36px;
    color: var(--green-color-3);
    font-weight: 700;
}

.store-detail-page-seller-info-details {
    font-size: 16px;
    color: var(--white-color);
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    line-height: 36px;
    position: relative;
    padding-left: 30px;
}

.store-detail-page-seller-info-details i {
    position: absolute;
    left: 0;
    top: 0px;
    font-size: 16px;
    line-height: 36px;
    color: var(--green-color-3);
    font-weight: 700;
}

.store-detail-page-store-content-right {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.store-detail-page-btn-inquiry {
    margin-bottom: 21px;
    text-align: right;
}

.stores-detail-page-vendor-search-wrapper {
    background-color: var(--gray-color-17);
    max-width: 100%;
}

.store-detail-page-widget-three-btn {
    margin-top: 30px;
}


/*------------------------------ Store Detail Page Responsive CSS --------------------------------*/

@media (max-width: 1599.98px) {
    .store-detail-page-store-media {
        height: 470px;
    }
}

@media (max-width: 1499.98px) {
    .store-detail-page-store-media {
        height: 440px;
    }
    .store-detail-page-seller-brand {
        margin: 0 26px 0 0;
        width: 90px;
        height: 90px;
    }
    .store-detail-page-seller-brand img {
        max-width: 64px !important;
        height: 44px !important;
    }
    .store-detail-page-description-main {
        margin: 0 26px;
    }
}

@media (max-width: 1399.98px) {
    .store-detail-page-seller-brand {
        margin: 0 15px 0 0;
        box-shadow: inset 0px 0px 0px 3px var(--green-color-3);
        width: 80px;
        height: 80px;
    }
    .store-detail-page-seller-brand img {
        max-width: 58px !important;
        height: 40px !important;
    }
    .store-detail-page-store-title {
        font-size: 20px;
    }
    .store-detail-page-featured-label {
        padding: 4px 6px;
        margin-left: 5px;
    }
    .store-detail-page-ratings {
        margin-top: 10px;
    }
    .store-detail-page-ratings .ratings-full {
        font-size: 13px;
    }
    .store-detail-page-description-main {
        margin: 0 15px;
    }
    .store-detail-page-description {
        font-size: 15px;
        line-height: 32px;
        padding-left: 15px;
    }
    .store-detail-page-description i {
        line-height: 32px;
    }
    .store-detail-page-seller-info-list {
        margin: 0;
    }
    .store-detail-page-seller-info-details {
        font-size: 15px;
        line-height: 32px;
        padding-left: 20px;
    }
    .store-detail-page-seller-info-details i {
        font-size: 15px;
        line-height: 32px;
    }
    .store-detail-page-store-content-right {
        align-items: flex-start;
        padding-left: 94px;
    }
    .common-btn2-hover-small3-padding span {
        font-size: 16px;
    }
}

@media (max-width: 1199.98px) {
    .store-detail-page-store-content {
        padding: 20px 0;
    }
    .store-detail-page-store-content-left {
        align-items: flex-start;
    }
    .store-detail-page-description-main {
        margin: 0 15px;
    }
    .store-detail-page-store-content-right {
        padding-left: 10%;
        align-items: flex-start;
    }
    .store-detail-page-btn-inquiry {
        margin-bottom: 10px;
    }
}

@media (max-width: 991.98px) {
    .store-detail-page-store-content-left {
        display: block;
    }
    .store-detail-page-personal-info {
        justify-content: flex-start;
    }
    .store-detail-page-store-content-right {
        padding-left: 0;
    }
    .store-detail-page-address-info {
        display: block;
    }
    .store-detail-page-description-main {
        margin: 15px 0 10px 0;
    }
    .store-detail-page-description {
        line-height: 28px;
    }
    .store-detail-page-description i {
        line-height: 28px;
    }
    .store-detail-page-seller-info-details {
        line-height: 28px;
    }
    .store-detail-page-seller-info-details i {
        line-height: 28px;
    }
    .store-detail-page-btn-inquiry {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .store-detail-page-widget-three-btn {
        margin-top: 20px;
    }
}

@media (max-width: 768.98px) {
    .store-detail-page-store-title {
        font-size: 17px;
    }
    .store-detail-page-ratings .ratings-full {
        font-size: 12px;
    }
    .store-detail-page-description {
        font-size: 14px;
        line-height: 26px;
    }
    .store-detail-page-description i {
        line-height: 26px;
    }
    .store-detail-page-seller-info-details {
        font-size: 14px;
        line-height: 26px;
    }
    .store-detail-page-seller-info-details i {
        font-size: 14px;
        line-height: 26px;
    }
}

@media (max-width: 575.98px) {
    .store-detail-page-widget-three-btn {
        margin-top: 15px;
    }
}

@media (max-width: 480.98px) {
    .store-detail-page-store-content-left {
        display: block;
    }
    .store-detail-page-personal-info {
        justify-content: center;
    }
    .store-detail-page-store-content {
        padding: 15px 0;
    }
    .store-detail-page-seller-brand {
        margin: 0 10px 0 0;
        width: 70px;
        height: 70px;
    }
    .store-detail-page-seller-brand img {
        max-width: 52px !important;
        height: 38px !important;
    }
    .store-detail-page-featured-label {
        font-size: 12px;
        padding: 3px 6px;
    }
    .store-detail-page-address-info {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .store-detail-page-description {
        padding-left: 0px;
    }
    .store-detail-page-description i {
        position: relative;
    }
    .store-detail-page-seller-info-details {
        padding-left: 0px;
    }
    .store-detail-page-seller-info-details i {
        position: relative;
    }
    .store-detail-page-store-content-right {
        padding-left: 0;
        text-align: center;
        display: block;
    }
    .store-detail-page-btn-inquiry {
        text-align: center;
    }
    .common-btn2-hover-small3-padding span {
        padding: 6px 20px;
        font-size: 14px;
    }
}


/*=========================================== Store Detail Page End CSS ===========================================*/


/*=========================================== Order Complete Page Start CSS ===========================================*/

.order-complete-page-images {
    width: 195px;
    height: 186px;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.order-complete-page-title {
    font-size: 45px;
    font-weight: 700;
    color: var(--black-color-2);
    text-align: center;
    margin: 22px 0 16px 0;
}

.order-complete-page-subtitle {
    font-size: 20px;
    font-weight: 400;
    color: var(--black-color-2);
    text-align: center;
    display: block;
    font-family: 'Open Sans', sans-serif;
}

.order-complete-page-view {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    padding: 0;
    margin: 65px 0 60px 0;
}

.order-complete-page-view-box {
    background-color: var(--light-white-color);
    border-radius: 10px;
    padding: 30px 15px;
    margin-right: 10px;
    flex: 0 0 182px;
    max-width: 182px;
}

.order-complete-page-view-box:last-of-type {
    margin-right: 0px;
}

.order-complete-page-view-text {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: var(--black-color-2);
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
}

.order-complete-page-view-subtext {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--black-color-2);
    line-height: 24px;
}

.order-complete-page-account-addresses {
    margin-bottom: 60px;
}

.order-complete-page-billing-information {
    background-color: var(--light-white-color);
    border-radius: 10px;
    padding: 30px;
    height: 100%;
}

.order-complete-page-billing-information-title {
    font-size: 22px;
    font-weight: 500;
    color: var(--black-color-2);
    margin-bottom: 12px;
}

.order-complete-page-billing-information-address-detail {
    font-size: 15px;
    font-weight: 400;
    color: var(--black-color-2);
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
}


/*------------------------------ Order Complete Page Responsive CSS --------------------------------*/

@media (max-width: 1599.98px) {
    .order-complete-page-view-box {
        padding: 30px 11px;
        flex: 0 0 169px;
        max-width: 169px;
    }
}

@media (max-width: 1499.98px) {
    .order-complete-page-view-box {
        padding: 30px 4px;
        flex: 0 0 155px;
        max-width: 155px;
    }
    .order-complete-page-view-text {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 1399.98px) {
    .order-complete-page-view {
        justify-content: center;
    }
    .order-complete-page-view-box {
        margin-bottom: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }
    .order-complete-page-view-box:last-of-type {
        margin-right: 5px;
    }
}

@media (max-width: 1299.98px) {
    .order-complete-page-images {
        width: 155px;
        height: 150px;
    }
    .order-complete-page-title {
        font-size: 30px;
        margin: 17px 0 11px 0;
    }
    .order-complete-page-subtitle {
        font-size: 16px;
    }
    .order-complete-page-view {
        margin: 45px 0 40px 0;
    }
    .order-complete-page-view-box {
        flex: 0 0 165px;
        max-width: 165px;
    }
    .order-complete-page-account-addresses {
        margin-bottom: 40px;
    }
    .order-complete-page-billing-information {
        padding: 20px;
    }
    .order-complete-page-billing-information-title {
        font-size: 19px;
        margin-bottom: 7px;
    }
    .order-complete-page-billing-information-address-detail {
        font-size: 14px;
        line-height: 28px;
    }
}

@media (max-width: 768.98px) {
    .order-complete-page-images {
        width: 145px;
        height: 140px;
    }
    .order-complete-page-title {
        font-size: 22px;
    }
    .order-complete-page-subtitle {
        font-size: 14px;
    }
    .order-complete-page-view {
        margin: 35px 0 30px 0;
    }
    .order-complete-page-view-box {
        border-radius: 5px;
    }
    .order-complete-page-view-text {
        font-size: 15px;
        line-height: 22px;
    }
    .order-complete-page-billing-information {
        border-radius: 5px;
    }
    .order-complete-page-billing-information-title {
        font-size: 17px;
    }
    .order-complete-page-account-addresses {
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
    .order-complete-page-view-box {
        flex: 0 0 48%;
        max-width: 48%;
    }
}

@media (max-width: 575.98px) {
    .order-complete-page-account-addresses {
        margin-bottom: 0;
    }
    .order-complete-page-view-box {
        flex: 0 0 47%;
        max-width: 47%;
    }
    .order-complete-page-billing-information {
        margin-bottom: 30px;
        height: auto;
    }
}

@media (max-width: 480.98px) {
    .order-complete-page-images {
        width: 125px;
        height: 120px;
    }
    .order-complete-page-title {
        font-size: 17px;
        margin: 10px 0 5px 0;
    }
    .order-complete-page-view {
        margin: 25px 0 20px 0;
    }
    .order-complete-page-view-box {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .order-complete-page-billing-information {
        margin-bottom: 20px;
        padding: 15px;
    }
}


/*=========================================== Order Complete Page End CSS ===========================================*/


/*=========================================== Contact Us v2 Page Start CSS ===========================================*/

.contact-us-v2-page-detail {
    position: relative;
    z-index: 2;
}

.contact-us-v2-page-get-in-touch {
    position: relative;
}

.contact-us-v2-page-top-form {
    padding: 120px 0 0 94px;
}

.contact-us-v2-page-common-form {
    padding: 36px 0 0 0;
}

.contact-us-v2-page-img {
    overflow: hidden;
    height: 852px;
    border-bottom-right-radius: 10px;
}

.contact-us-v2-page-top-img-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.contact-us-v2-page-three-box {
    max-width: 936px;
    background-color: var(--white-color);
    border-radius: 10px;
    margin-top: 30px;
    padding: 55px 66px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
}

.contact-us-v2-page-icon-box-icon-01 i {
    margin: 0 0 14px 0;
    padding: 0;
    font-size: 36px;
    color: var(--green-color-3)
}

.contact-us-v2-page-icon-box-title-01 {
    margin: 0 0 4px 0;
    padding: 0;
    font-size: 20px;
    color: var(--black-color-2);
    font-weight: 600;
    line-height: 30px
}

.contact-us-v2-page-icon-box-subtitle-01 {
    margin: 0;
    padding: 0;
    font-size: 17px;
    color: var(--black-color-2);
    font-weight: 400;
    line-height: normal
}

.contact-us-v2-page-map {
    position: relative;
    margin-top: -70px;
}


/*------------------------------ Contact Us v2 Page Responsive CSS --------------------------------*/

@media (max-width: 1599.98px) {
    .contact-us-v2-page-img {
        height: 674px;
    }
    .contact-us-v2-page-top-form {
        padding: 70px 0 0 44px;
    }
    .contact-us-v2-page-three-box {
        max-width: 853px;
    }
}

@media (max-width: 1499.98px) {
    .contact-us-v2-page-top-form {
        padding: 60px 0 0 34px;
    }
    .contact-us-v2-page-three-box {
        max-width: 795px;
        padding: 45px 56px;
    }
}

@media (max-width: 1399.98px) {
    .contact-us-v2-page-three-box {
        max-width: 656px;
        padding: 35px 46px;
    }
    .contact-us-v2-page-icon-box-subtitle-01 br {
        display: none;
    }
    .contact-us-v2-page-icon-box-title-01 {
        font-size: 19px;
        line-height: 29px;
    }
    .contact-us-v2-page-icon-box-subtitle-01 {
        font-size: 16px;
    }
}

@media (max-width: 1299.98px) {
    .contact-us-v2-page-top-form {
        padding: 30px 0 0 30px;
    }
    .contact-us-v2-page-three-box {
        max-width: 648px;
        padding: 25px 36px;
    }
    .contact-us-v2-page-img {
        height: 538px;
    }
    .contact-us-v2-page-common-form {
        padding: 16px 0 0 0;
    }
    .contact-us-v2-page-icon-box-icon-01 i {
        margin: 0 0 9px 0;
        font-size: 34px;
    }
    .contact-us-v2-page-icon-box-title-01 {
        font-size: 18px;
        line-height: 28px;
    }
    .contact-us-v2-page-icon-box-subtitle-01 {
        font-size: 14px;
    }
    .contact-us-v2-page-map {
        margin-top: -40px;
    }
}

@media (max-width: 1199.98px) {
    .contact-us-v2-page-three-box {
        max-width: 557px;
        padding: 15px;
    }
}

@media (max-width: 1024.98px) {
    .contact-us-v2-page-three-box {
        max-width: 543px;
    }
}

@media (max-width: 991.98px) {
    .contact-us-v2-page-img {
        border-bottom-right-radius: 0;
    }
    .contact-us-v2-page-top-img-text {
        position: relative;
    }
    .contact-us-v2-page-top-form {
        padding: 30px 0 0 0;
    }
    .contact-us-v2-page-three-box {
        max-width: 100%;
    }
}

@media (max-width: 768.98px) {
    .contact-us-v2-page-icon-box-icon-01 i {
        margin: 0 0 5px 0;
        font-size: 30px;
    }
    .contact-us-v2-page-icon-box-title-01 {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 575.98px) {
    .contact-us-v2-page-img {
        height: 448px;
    }
    .contact-us-v2-page-icon-content-box {
        text-align: center;
        margin: 15px 0;
    }
}

@media (max-width: 480.98px) {
    .contact-us-v2-page-img {
        height: 374px;
    }
    .contact-us-v2-page-map {
        margin-top: -20px;
    }
}

@media (max-width: 414.98px) {
    .contact-us-v2-page-img {
        height: 322px;
    }
}

@media (max-width: 375.98px) {
    .contact-us-v2-page-img {
        height: 292px;
    }
}

@media (max-width: 360.98px) {
    .contact-us-v2-page-img {
        height: 280px;
    }
}

@media (max-width: 320.98px) {
    .contact-us-v2-page-img {
        height: 248px;
    }
}


/*=========================================== Contact Us v2 Page End CSS ===========================================*/


/*=========================================== Contact Us v3 Page Start CSS ===========================================*/

.contact-us-v3-get-in-touch {
    padding: 67px 0;
}

.contact-us-v3-page-icon-text-main {
    margin-top: 10px;
}

.contact-us-v3-page-icon-content-border-box-01 {
    display: flex;
    align-items: center;
    margin-top: 50px;
}

.contact-us-v3-page-icon-box-icon-01 {
    margin-right: 20px;
    position: relative;
    max-width: 52px;
    flex: 0 0 52px;
}

.contact-us-v3-page-icon-email::before {
    position: absolute;
    left: 0px;
    bottom: 7px;
    content: url('../images/contact-us-v3-page-icon-email.png');
    width: 44px;
    height: 37px;
    border-radius: 100px;
    z-index: -1;
}

.contact-us-v3-page-icon-phone::before {
    position: absolute;
    left: 0px;
    bottom: 3px;
    content: url('../images/contact-us-v3-page-icon-phone.png');
    width: 44px;
    height: 37px;
    border-radius: 100px;
    z-index: -1;
}

.contact-us-v3-page-icon-address::before {
    position: absolute;
    left: 0px;
    bottom: 3px;
    content: url('../images/contact-us-v3-page-icon-address.png');
    width: 44px;
    height: 37px;
    border-radius: 100px;
    z-index: -1;
}

.contact-us-v3-page-icon-fax::before {
    position: absolute;
    left: 0px;
    bottom: 3px;
    content: url('../images/contact-us-v3-page-icon-fax.png');
    width: 44px;
    height: 37px;
    border-radius: 100px;
    z-index: -1;
}

.contact-us-v3-page-icon-box-icon-01 i {
    font-size: 30px;
    color: var(--yellow-color-3);
    font-weight: 700;
    padding-left: 14px;
}

.contact-us-v3-page-icon-box-title-01 {
    font-size: 20px;
    color: var(--black-color-2);
    font-weight: 600;
    margin-bottom: 1px;
}

.contact-us-v3-page-icon-box-subtitle-01 {
    font-size: 18px;
    color: var(--black-color-2);
    font-weight: 400;
    line-height: normal;
}

.contact-us-v3-page-common-form {
    background-color: var(--green-color-3);
    padding: 108px 114px;
    border-radius: 10px;
}

.contact-us-v3-page-map {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
}

.contact-us-v3-page-map iframe {
    border-radius: 10px;
}

.contact-us-v3-page-map::before {
    border-radius: 10px;
}


/*------------------------------ Contact Us v3 Page Responsive CSS --------------------------------*/

@media (max-width: 1399.98px) {
    .contact-us-v3-get-in-touch {
        padding: 49px 0;
    }
    .contact-us-v3-page-icon-box-title-01 {
        font-size: 19px;
    }
    .contact-us-v3-page-icon-box-subtitle-01 {
        font-size: 17px;
    }
    .contact-us-v3-page-common-form {
        padding: 90px 60px;
    }
    .contact-us-v3-page-map iframe {
        height: 450px;
    }
}

@media (max-width: 1299.98px) {
    .contact-us-v3-get-in-touch {
        padding: 42px 0;
    }
    .contact-us-v3-page-icon-text-main {
        margin-top: 0;
    }
    .contact-us-v3-page-icon-box-icon-01 {
        margin-right: 10px;
        max-width: 50px;
        flex: 0 0 50px;
    }
    .contact-us-v3-page-icon-box-icon-01 i {
        font-size: 25px;
    }
    .contact-us-v3-page-icon-box-title-01 {
        font-size: 17px;
    }
    .contact-us-v3-page-icon-box-subtitle-01 {
        font-size: 15px;
    }
    .contact-us-v3-page-icon-email::before {
        bottom: 17px;
        width: 34px;
        height: 27px;
    }
    .contact-us-v3-page-icon-phone::before {
        bottom: 12px;
        width: 34px;
        height: 27px;
    }
    .contact-us-v3-page-icon-address::before {
        bottom: 13px;
        width: 34px;
        height: 27px;
    }
    .contact-us-v3-page-icon-fax::before {
        bottom: 12px;
        width: 34px;
        height: 27px;
    }
    .contact-us-v3-page-common-form {
        padding: 70px 40px;
    }
    .contact-us-v3-page-map iframe {
        height: 430px;
    }
}

@media (max-width: 1199.98px) {
    .contact-us-v3-page-map iframe {
        height: 400px;
    }
}

@media (max-width: 991.98px) {
    .contact-us-v3-get-in-touch {
        padding: 0;
    }
    .contact-us-v3-page-common-form {
        padding: 40px 30px;
    }
    .contact-us-v3-page-map iframe {
        height: 330px;
    }
}

@media (max-width: 768.98px) {
    .contact-us-v3-page-icon-content-border-box-01 {
        margin-top: 30px;
    }
    .contact-us-v3-page-icon-box-subtitle-01 {
        font-size: 14px;
    }
    .contact-us-v3-page-common-form {
        padding: 30px 20px;
        border-radius: 5px;
    }
    .contact-us-v3-page-map iframe {
        height: 280px;
    }
}

@media (max-width: 767.98px) {
    .get-in-touch-text-one br {
        display: none;
    }
    .contact-us-v3-get-in-touch {
        padding: 0 0 30px 0;
    }
    .contact-us-v3-page-map iframe {
        height: 240px;
    }
}

@media (max-width: 480.98px) {
    .contact-us-v3-page-common-form {
        padding: 15px;
    }
    .contact-us-v3-page-map iframe {
        height: 200px;
    }
}

@media (max-width: 375.98px) {
    .contact-us-v3-page-map iframe {
        height: 180px;
    }
}

.fade:not(.show) {
    opacity: 1!important;
}


/*=========================================== Contact Us v3 Page End CSS ===========================================*/

.login-register-wrapper .login-register-tab-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 40px
}

.login-register-wrapper .login-register-tab-list a {
    position: relative
}

.login-register-wrapper .login-register-tab-list a:last-child:before {
    display: none
}

.login-register-wrapper .login-register-tab-list a::before {
    background-color: #000;
    bottom: 5px;
    content: "";
    height: 18px;
    margin: 0 auto;
    position: absolute;
    right: -2px;
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    width: 1px
}

.login-register-wrapper .login-register-tab-list a.active h4 {
    color: #ef1e1e
}

.login-register-wrapper .login-register-tab-list a h4 {
    font-size: 25px;
    font-weight: 700;
    margin: 0 20px;
    text-transform: capitalize;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    color: #253237
}

.login-register-wrapper .login-form-container {
    background: transparent none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    padding: 80px;
    text-align: left
}

.login-register-wrapper .login-form-container .login-register-form form input {
    background-color: transparent;
    border: 1px solid #ebebeb;
    color: #666;
    font-size: 14px;
    height: 45px;
    margin-bottom: 30px;
    padding: 0 15px;
    width: 100%;
    outline: 0
}

.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn {
    padding: 10px 0 19px
}

.login-register-wrapper .login-form-container .login-register-form form .button-box button {
    background-color: #f2f2f2;
    border: medium none;
    color: #253237;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding: 11px 30px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    outline: 0;
    border-radius: 30px
}

.login-register-wrapper .login-form-container .login-register-form form .button-box button:hover {
    background: #ef1e1e;
    color: #fff
}

.login-register-wrapper .login-form-container .login-register-form form input[type=checkbox] {
    height: 15px;
    margin: 0;
    position: relative;
    top: 1px;
    width: 17px
}

.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn label {
    color: #253237;
    font-size: 15px;
    font-weight: 400
}

.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a.flote-none {
    float: none!important
}

.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a {
    color: #253237;
    float: right;
    font-size: 15px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a:hover {
    color: #ef1e1e
}

.error {
    border: 1px solid red;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    margin-bottom: 16px;
    padding: 16px;
    background-color: rgba(255, 169, 0, .1);
    border-color: #ffa900;
}

.cart-page-v2-pricing-table {
    position: sticky;
    top: 65px;
}

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

.cart-table-content table thead>tr {
    background-color: #f9f9f9;
    border: 1px solid #ebebeb
}

.cart-table-content table thead>tr th {
    border-top: medium none;
    color: #253237;
    font-size: 14px;
    font-weight: 700;
    padding: 21px 22px 22px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap
}

.your-order-area {
    position: sticky;
    top: 80px
}

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

.cart-table-content table tbody>tr td.product-thumbnail {
    width: 150px
}

.cart-table-content table tbody>tr td {
    color: #666;
    font-size: 15px;
    padding: 30px 0;
    text-align: center
}

.cart-table-content table tbody>tr td.product-name {
    width: 435px
}

.cart-table-content table tbody>tr td.product-name a {
    color: #666;
    font-size: 15px;
    font-weight: 500
}

.cart-table-content table tbody>tr td.product-price-cart {
    width: 250px
}

.cart-table-content table tbody>tr td.product-subtotal {
    width: 250px
}

.billing-info-wrap {
    padding-top: 20pt
}

.cart-table-content table tbody>tr td.product-price-cart span {
    font-weight: 500;
    color: #666
}

.totalcart {
    font-weight: 700;
    color: #ef1e1e;
    font-size: 16px;
    list-style: outside none none
}

.cart-table-content table tbody>tr td.product-quantity {
    position: initial;
    background: initial;
    width: 140px;
    display: table-cell
}

.cart-table-content table tbody>tr td.product-quantity .cart-plus-minus {
    display: inline-block;
    height: 40px;
    padding: 0;
    position: relative;
    width: 110px
}

.cart-table-content table tbody>tr td.product-quantity .cart-plus-minus .dec.qtybutton {
    border-right: 1px solid #e5e5e5;
    height: 40px;
    left: 0;
    padding-top: 8px;
    top: 0
}

.cart-table-content table tbody>tr td.product-quantity .cart-plus-minus .qtybutton {
    color: #666;
    cursor: pointer;
    float: inherit;
    font-size: 16px;
    margin: 0;
    position: absolute;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 20px;
    text-align: center
}

.cart-table-content table tbody>tr td.product-quantity .cart-plus-minus input.cart-plus-minus-box {
    color: #666;
    float: left;
    font-size: 14px;
    height: 40px;
    margin: 0;
    width: 110px;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    padding: 0;
    text-align: center
}

.cart-table-content table tbody>tr td.product-quantity .cart-plus-minus .inc.qtybutton {
    border-left: 1px solid #e5e5e5;
    height: 40px;
    padding-top: 9px;
    right: 0;
    top: 0
}

.cart-table-content table tbody>tr td.product-subtotal {
    font-weight: 500;
    color: #666
}

.cart-table-content table tbody>tr td.product-wishlist-cart>a {
    background-color: #ef1e1e;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding: 7px 12px;
    text-transform: uppercase
}

.cart-table-content table tbody>tr td.product-wishlist-cart>a:hover {
    background-color: #253237
}

h3.cart-page-title {
    color: #253237;
    text-align: left;
    font-size: 24px;
    line-height: 16px;
    font-style: normal;
    text-transform: none;
    margin: 0 0 30px;
    font-weight: 600
}

.cart-table-content table tbody>tr td.product-remove {
    width: 100px
}

.cart-table-content table tbody>tr td.product-remove a {
    color: #666;
    font-size: 17px;
    margin: 0 13px
}

.cart-table-content table tbody>tr td.product-remove a:hover {
    color: #ef1e1e
}

.table-content.table-responsive.cart-table-content.offcanvas-cart {
    margin-top: 30px;
}

.alert.fade.in.alert-success {
    opacity: 1!important;
    color: #34353c;
}

.coupon-alert {
    display: none;
}

.panel-body p {
    color: #fff;
    font-size: 1.5rem;
}

svg.bi.bi-journal-arrow-down {
    width: 50px;
    height: 50px;
}

.installation-header {
    text-transform: uppercase;
    background-color: #ff0000;
    padding: 10px 20px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;
}

.installation-container-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px;
    background-color: #e4e4e4;
}

.installation-item-text {
    width: 65%;
}

.custom-pages-text,
.custom-pages-text p {
    letter-spacing: 1px;
    line-height: 24px;
    font-weight: 600;
}

.delivery-item-price,
.installation-item-price {
    width: 25%;
}

.custom-pages-text,
.custom-pages-text p {
    letter-spacing: 1px;
    line-height: 24px;
    font-weight: 600;
}

.delivery-close-container,
.installation-close-container {
    width: 5%;
}

img.show-more-contacts-img {
    vertical-align: middle;
    border-style: none;
}

.contacts-container-row--lighter,
.delivery-container-row--lighter,
.installation-container-row--lighter {
    background-color: #ededed;
}

.circle-nav-menu ul {
    margin: 0;
    padding: 0
}

.circle-nav-menu ul li {
    list-style-type: none
}

.circle-nav-wrapper {
    position: fixed;
    z-index: 9999999;
    right: 20px;
    bottom: 120px;
    /*width: 250px;
    height: 250px;*/
    overflow: hidden;
}

.circle-nav-wrapper .circle-nav-toggle i.material-icons {
    color: #191919
}

.circle-nav-wrapper .circle-nav-toggle:focus,
.circle-nav-wrapper .circle-nav-toggle:hover {
    opacity: .8;
    cursor: pointer
}

.circle-nav-wrapper .circle-nav-toggle.circle-nav-open {
    border: 2px solid #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.circle-nav-wrapper .circle-nav-toggle.circle-nav-open i.material-icons {
    color: #fff
}

.circle-nav-wrapper .circle-nav-panel {
    background: #ffc371;
    background: linear-gradient(to right, #ff5f6d, #ffc371);
    width: 0;
    height: 0;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -52.5%);
    transform: translate(-54%, 67.5%);
    transition: width .2s cubic-bezier(0, 1.16, 1, 1), height .2s cubic-bezier(0, 1.16, 1, 1);
    /*margin-left: 261px;*/
    position: fixed;
    bottom: 145px;
}

.circle-nav-wrapper .circle-nav-panel.circle-nav-open {
    width: 500px;
    height: 500px;
    opacity: .7;
    box-shadow: -5px 6px 0 6px rgba(255, 95, 109, .33);
    position: fixed;
    bottom: 230px;
}

.circle-nav-menu .circle-nav-open {
    width: 250px;
    height: 250px;
    position: fixed;
    bottom: 120px;
    right: 20px;
}

.circle-nav-wrapper .circle-nav-menu .circle-nav-item {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    visibility: hidden;
    transition: bottom .5s cubic-bezier(0, 1.16, 1, 1), left .5s cubic-bezier(0, 1.16, 1, 1), width .3s cubic-bezier(0, 1.16, 1, 1), height .3s cubic-bezier(0, 1.16, 1, 1)
}

.circle-nav-wrapper .circle-nav-menu .circle-nav-item-1,
.circle-nav-wrapper .circle-nav-menu .circle-nav-item-2,
.circle-nav-wrapper .circle-nav-menu .circle-nav-item-3,
.circle-nav-wrapper .circle-nav-menu .circle-nav-item-4,
.circle-nav-wrapper .circle-nav-menu .circle-nav-item-5 {
    position: fixed;
    bottom: 140px;
    right: 40px;
}

.circle-nav-wrapper .circle-nav-menu .circle-nav-item i {
    color: #ff5f6d;
    font-size: .6em;
    transition: font .3s cubic-bezier(0, 1.16, 1, 1)
}

.circle-nav-wrapper .circle-nav-menu .circle-nav-item i {
    display: block
}

.circle-nav-wrapper .circle-nav-menu .circle-nav-item span {
    display: none
}

.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item {
    width: 70px;
    height: 70px;
    visibility: visible;
    /*transition: bottom .3s cubic-bezier(0, 1.16, 1, 1), left .3s cubic-bezier(0, 1.16, 1, 1), width .2s cubic-bezier(0, 1.16, 1, 1), height .2s cubic-bezier(0, 1.16, 1, 1)*/
}

.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item:focus,
.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item:hover {
    cursor: pointer;
    opacity: .8
}

.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item i {
    font-size: 1.4em;
    transition: font .1s cubic-bezier(0, 1.16, 1, 1)
}

.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-1 {
    bottom: 10px;
    right: 168px;
    /*transition-delay: .2s;*/
}

.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-2 {
    bottom: 94px;
    right: 191px;
    /*transition-delay: .4s;*/
}

.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-3 {
    bottom: 183px;
    right: 179px;
    /*transition-delay: .6s;*/
}

.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-4 {
    bottom: 258px;
    right: 125px;
    /*transition-delay: .8s;*/
}

.circle-nav-wrapper .circle-nav-menu.circle-nav-open .circle-nav-item.circle-nav-item-5 {
    bottom: 302px;
    right: 45px;
    /*transition-delay: 1s;*/
}

.circle-nav-wrapper .circle-nav-toggle {
    position: fixed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 999999;
    width: 50px;
    height: 50px;
    border: 2px solid #ef1e1e;
    transition: -webkit-transform .2s cubic-bezier(0, 1.16, 1, 1);
    transition: transform .2s cubic-bezier(0, 1.16, 1, 1);
    transition: transform .2s cubic-bezier(0, 1.16, 1, 1), -webkit-transform .2s cubic-bezier(0, 1.16, 1, 1);
    right: 20px;
    bottom: 120px;
    -moz-animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-name: circle-nav-toggle;
    -webkit-animation-name: circle-nav-toggle;
    animation-name: circle-nav-toggle;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

@-moz-keyframes circle-nav-toggle {
    from {
        border: 2px solid #d61313;
    }
    to {
        border: 8px solid #ef1e1e;
    }
}

@-webkit-keyframes circle-nav-toggle {
    from {
        border: 2px solid #d61313;
    }
    to {
        border: 8px solid #ef1e1e;
    }
}

@keyframes circle-nav-toggle {
    from {
        border: 2px solid #d61313;
    }
    to {
        border: 8px solid #ef1e1e;
    }
}

.text ul {
    margin: 3px 1px 0px 20px !important;
    padding: 3px 5px 0px 20px !important;
    list-style: square !important;
}

.table_price {
    border-collapse: collapse;
    border-left: 3px solid #ff0000;
    border-right: 3px solid #ff0000;
    border-bottom: 3px solid #ff0000;
    font-family: "Lucida Grande", sans-serif;
}

.table_price caption {
    background: #ff0000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    color: white;
    font-family: "Roboto Slab", serif;
    font-style: normal;
    font-size: 26px;
    text-align: center;
    margin: 0;
    caption-side: initial;
}

.table_price td,
.table_price th {
    padding: 10px;
    overflow-wrap: break-word;
    word-break: break-word;
}

.table_price th {
    text-align: left;
    font-size: 18px;
}

.table_price tr:nth-child(2n) {
    background: #E5E5E5;
}

.table_price td:last-of-type {
    text-align: center;
}

.table_price a {
    display: inline-block;
    padding: 5px 10px;
    background: #ff0000;
    box-shadow: 2px 2px 0 0 #a22800;
    position: relative;
}

.table_price a:hover {
    box-shadow: none;
    top: 2px;
    left: 2px;
}

.slide-popup {
    display: block;
    margin: 0 auto;
}

.quickview-product-short-desc_01 {
    height: 435px;
    overflow-y: scroll;
}

.main-content.blog {
    width: 100%;
}

.main-content.blog img.ls-is-cached.lazyloaded {
    width: 100% !important;
    height: 100% !important;
}