body {
    font-family: "Roboto" !important;
    font-size: 14px;
    margin: 0px;
    position: relative;
    word-break: break-word;
    overflow-x: hidden
}

.bank-offer-end {
    color: #6e6b6b
}

.mobi-showroom-log {
    width: 100% !important;
    text-align: center !important;
    margin-top: 20px !important;
    display: block
}

.w-100 {
    height: auto
}

#product-spec {
    float: left;
    width: 100%
}

.showroom-name-onestop {
    background: #001ed4;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 6px
}

.new-home-slider .carousel-indicators {
    position: relative !important;
    margin-bottom: 0px !important
}

.toggle-btn.rotated::after {
    transform: rotate(630deg)
}

.new-home-slider .carousel-indicators [data-bs-target] {
    background-color: #001ed4 !important
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 20px;
    height: 3px;
    padding: 0;
    margin-right: 3px
}

.skeleton-product-page {
    position: relative;
    display: flex;
    z-index: 9999;
    padding: 0px
}

.destop-hotline {
    width: -moz-fit-content;
    width: fit-content;
    display: inline;
    margin-left: auto
}

.top-track {
    border-right: 1px solid #fff
}

.auth-showroom {
    height: 19px;
    overflow: hidden;
    max-width: 230px;
    letter-spacing: 0;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

.destop-hotline a {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding: 0px 10px;
    align-items: center
}

#mainnav ul.menu>li>a,
#mega-menu>.btn-mega {
    font-weight: 600
}

.m-0 {
    margin-left: 0px;
    margin-right: 0px
}

.filter-mobile-div {
    width: 260px !important
}

.extra-save-flash {
    position: relative
}

.abs-center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute
}

#mainnav ul.menu>li>a {
    vertical-align: middle
}

.lineUp {
    animation: 2s anim-lineUp ease-out infinite
}

@keyframes anim-lineUp {
    0% {
        opacity: 0;
        transform: translateY(50%)
    }

    20% {
        opacity: 0
    }

    50% {
        opacity: 1;
        transform: translateY(0%)
    }

    100% {
        opacity: 1;
        transform: translateY(0%)
    }
}

.filter-mobile-div .category-inner {
    border: 0px !important;
    margin-top: 12px
}

.form-group .icon {
    position: relative;
    float: right;
    margin-right: 8px;
    margin-top: -25px;
    z-index: 2;
    color: #9d9d9d
}

.product-list-item a {
    width: 100%
}

.extra {
    font-family: "Lato", sans-serif !important
}

.extra-save-amount,
.extra-present {
    font-family: "Barlow Condensed", sans-serif !important
}

.page-title-wrap {
    font-size: 30px;
    font-weight: 600;
    color: #001ed4
}

.extra-main {
    display: flex;
    color: #fff;
    justify-content: center
}

.countdown-value {
    position: relative;
    color: #575756 !important;
    font-weight: 600 !important
}

.dis-count-main:hover {
    cursor: pointer
}

.cat-icon {
    width: 24px;
    display: inline-block;
    display: block;
    width: 15px;
    margin-right: 15px
}

.all-cat-txt {
    display: flex;
    align-items: center
}

.spc a.active,
.spc a:hover {
    font-size: 20px
}

.right-float {
    float: right !important
}

.cat-icon span {
    width: 100%;
    background-color: #fff;
    display: block;
    position: relative;
    padding-top: 1.7px;
    margin-bottom: 2.3px
}

.cat-icon span:nth-child(1) {
    top: 0
}

.product-detail .bundal-box {
    color: #fff;
    font-size: 25px;
    line-height: 25px;
    width: 85px;
    min-width: 85px;
    height: 70px;
    text-align: right;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    align-items: center;
    float: left;
    padding: 12px;
    flex-direction: column;
    justify-content: center
}

.cat-icon span:nth-child(3) {
    margin-bottom: 0px
}

.free-item-single .free-item-main,
.bundal-item-single .bundal-item-main {
    width: 130px !important
}

.count-seprater {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    right: -7px;
    top: 0px
}

.countdown-container .countdown-value {
    font-weight: 500;
    color: #575756
}

.content-section ul {
    list-style: disc
}

.content-section ul li {
    margin-bottom: 1rem
}

.about-sub-head {
    margin-top: 50px;
    font-size: 28px;
    font-weight: 400;
    color: #4b0a8d;
    line-height: 40px
}

.border-box-table {
    padding: 15px;
    border: 1px solid #79397d;
    min-height: 248px;
    margin-bottom: 30px
}

.content-section p {
    margin-bottom: 1rem
}

.promo-product-title {
    overflow: hidden;
    padding: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 0px
}

.left-td-terms {
    width: 150px
}

.about-img {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.fs-14 {
    font-size: 14px !important
}

.fl {
    float: left !important
}

.order-title {
    font-size: 18px !important;
    color: #6a717a;
    border-bottom: 1px solid #6a717a;
    margin-top: 20px;
    margin-bottom: 20px !important
}

.title-terms {
    color: #4b0a8d;
    font-size: 21px;
    font-weight: 600;
    padding-bottom: 0px;
    margin-bottom: 20px
}

.lazy {
    display: block !important;
    width: auto;
    height: auto;
    opacity: 1 !important
}

.item-kisko {
    display: inline-flex;
    width: 49%
}

.terms-tab p,
.terms-tab li,
.terms-tab td {
    font-size: 14px;
    line-height: 21px
}

.about-box {
    width: auto
}

.common-p {
    color: #302f2f;
    font-size: 14px;
    line-height: 23px;
    text-align: justify
}

.card-pro-tite {
    color: #86858a;
    font-size: 15px;
    text-align: left;
    font-weight: 500;
    float: left
}

.card-pro-present {
    color: #a0a0a0;
    font-size: 13px;
    display: block;
    text-align: right
}

.promotion-tab {
    min-width: 50%;
    border-radius: 0px
}

.cart-store .product,
.cart-store .store-name {
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 0px
}

.cart-store p {
    padding: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px
}

.prmo-nav-tab .active {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, .2)
}

.promo-tab-content .tab-pane {
    padding-top: 0px
}

.prmo-nav-tab {
    border-radius: 0px;
    margin-bottom: 0px !important;
    width: 100%
}

.card-pro-vaue {
    color: #ae2f29;
    font-size: 15px;
    font-weight: 600;
    text-align: right;
    float: right
}

.duty-head {
    color: #001ed4;
    font-size: 17px;
    margin-bottom: 15px;
    font-weight: 600
}

.duty-free-con p {
    margin-bottom: 0px;
    padding: 0px;
    padding-bottom: 5px;
    color: #666
}

.duty-free-con .watsapp {
    font-size: 20px
}

.dt-hd {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #001ed4
}

.duty-table th {
    background: #ddd;
    color: #434040;
    font-weight: 500;
    font-size: 13px;
    line-height: 12px;
    padding: 15px 10px
}

.duty-table td {
    font-size: 13px
}

.duty-check label {
    margin-left: 15px;
    line-height: 28px
}

.duty-table .table-group-divider {
    border-top: 0px
}

.duty-free-con h5 {
    color: #001ed4;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 500
}

.goback-mobile-ba {
    text-align: center;
    padding-top: 10px;
    color: #001ed4;
    text-decoration: underline;
    display: none
}

.goback-mobile-ba a {
    color: #001ed4
}

.duty-free-con img {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.showroom-popup-data {
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden
}

.mobi-delivery-opt-sel {
    margin-bottom: 20px
}

.fb-login-button:hover {
    color: #fff !important;
    background-color: #18468a
}

.customer-agree a {
    color: #001ed4 !important;
    text-decoration: underline
}

.breadcrumb-item {
    display: flex
}

#installment-tnc tbody,
#installment-tnc td,
#installment-tnc tfoot,
#installment-tnc th,
#installment-tnc thead,
#installment-tnc tr {
    border: 1px solid #ccc;
    padding: 5px 10px
}

#installment-tnc table {
    border: 1px solid #ccc;
    width: 100% !important;
    margin-bottom: 10px
}

#installment-tnc td:first-child {
    width: 40%
}

.btn-unsubscribe,
.btn-subscribe {
    width: 100% !important;
    display: block
}

.btn-out {
    color: #9c9393;
    background: #e9e5e5
}

.btn-google:hover {
    background: #f9f7f7
}

.btn-login:hover,
.btn-register:hover,
.btn-view-showroom:hover {
    background: #4d3e76;
    color: #fff
}

.map-btns:hover {
    background: #4d3e76;
    color: #fff
}

.px-40 {
    padding: 0px 40px
}

.log-popup-links li {
    display: flex;
    width: 100%
}

.loged-user .user-name {
    height: 20px;
    overflow: hidden;
    width: 110px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-transform: capitalize
}

.loged-user {
    align-items: center
}

.log-user-img img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 5px
}

a {
    text-decoration: none
}

.pos-relative {
    position: relative
}

.pick-item {
    margin-top: 10px
}

p {
    margin-bottom: 10px
}

.popup .showroom-name {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 600;
    text-align: center;
    color: #001ed4
}

.popup .showroom-address {
    color: #776378;
    font-size: 13px;
    margin-bottom: 0px
}

.popup .showroom-data {
    display: inline-flex;
    flex-direction: row;
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 0px;
    width: 100%;
    align-items: center
}

.popup .btn-set-location {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    height: 30px;
    min-width: 104px;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    float: right;
    padding: 0px 10px;
    letter-spacing: 0px;
    color: #888788;
    margin-left: auto;
    line-height: 30px
}

.popup .tel-no {
    font-size: 13px;
    letter-spacing: 0px;
    color: #5a5a5a;
    margin-bottom: 0
}

.btn-two {
    margin-top: 20px;
    padding-bottom: 25px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 25px
}

.cart-summer-head {
    width: 60%
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: #d3d3d3;
    padding: 0px
}

#progressbar .active {
    color: #001ed4
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 23%;
    float: left;
    position: relative;
    font-weight: 400;
    text-align: center;
    z-index: 99;
    margin-right: 2%
}

#progressbar #account:before {
    content: "1"
}

#progressbar #personal:before {
    content: "2"
}

#progressbar #payment:before {
    content: "3"
}

#progressbar #confirm:before {
    content: "4"
}

#progressbar li:before {
    width: 25px;
    height: 25px;
    display: block;
    color: #fff;
    background: #d3d3d3;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
    text-align: center;
    font-size: 14px;
    font-weight: 600
}

#progressbar li:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #d3d3d3;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #001ed4
}

.progress {
    height: 20px
}

.progress-bar {
    background-color: #001ed4
}

.cart-white-box {
    background: #fff;
    padding: 15px 25px;
    border-radius: 6px
}

.popup .open-txt {
    margin-bottom: 20px;
    font-size: 13px;
    font-family: 500;
    letter-spacing: 0px;
    color: #776378
}

.modal-content {
    border-radius: 0px
}

.modal-header {
    padding: 10px
}

.popup .open-dates {
    padding-top: 0;
    padding-bottom: 6px;
    width: auto;
    padding-right: 0;
    font-size: 13px;
    font-family: 500;
    letter-spacing: 0px;
    color: #212021
}

.popup .btn-common {
    min-height: auto;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #565167;
    border: 1px solid #a9a1c1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45%;
    border-radius: 0px;
    padding: 4px;
    margin-top: 10px
}

.popup .tel-icon {
    width: 12px;
    height: 12px;
    margin-right: 6px;
    color: #5b2097
}

.btn-view-showroom {
    background: #564585;
    color: #fff;
    font-weight: 500;
    border-radius: 0px;
    margin-top: 20px;
    min-height: 40px;
    display: flex
}

.mt-60 {
    margin-top: 60px
}

.map-header {
    font-family: "Roboto" !important;
    letter-spacing: 0;
    color: #001ed4;
    font-size: 28px;
    margin-bottom: 30px;
    padding-top: 30px
}

.map-store-name {
    font-family: "Roboto" !important;
    color: #001ed4;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px
}

.showroom-main-data {
    margin-bottom: 20px
}

.map-address {
    letter-spacing: 0;
    color: #776378;
    margin-bottom: 8px;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 500
}

.map-tel {
    color: #5a5a5a;
    font-weight: 500
}

.showroom-map {
    height: 520px;
    width: 98%;
    margin-left: auto;
    margin-right: auto
}

.map-container .item {
    padding-bottom: 8px
}

.all-showroom-map {
    height: 650px;
    width: 98%;
    margin-left: auto;
    margin-right: auto
}

.map-tel i {
    color: #4b0a8d;
    margin-right: 10px;
    margin-top: 15px;
    font-size: 14px
}

.selected-discount {
    border: 1px solid #001ed4
}

.dis-count-main:nth-child(2n) .toggle-discount-box {
    right: 0px
}

.mt-40 {
    margin-top: 40px
}

.feature-main-con {
    display: inline-flex;
    flex-direction: column;
    width: 110px;
    height: 110px;
    background: #f8f8f8;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 20px;
    vertical-align: top;
    margin-top: 15px
}

.feature-main-con img {
    width: 50px;
    height: auto
}

.feature-main-con span {
    color: #7b7a7b;
    font-size: 16px;
    font-weight: 500;
    padding-top: 5px
}

.store-info {
    color: #776378;
    font-size: 16px;
    padding: 20px 0px;
    margin-bottom: 0px;
    padding-top: 10px
}

.map-open-day-title {
    color: #776378;
    font-size: 16px;
    padding: 30px 0px;
    margin-bottom: 0px
}

.auth-con p {
    font-size: 13px
}

.product-detail-con .selected {
    border: 2px solid #001ed4 !important;
    background: #001ed4;
    color: #fff !important
}

.store-info-main {
    max-height: 580px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 35px;
    padding-right: 15px
}

.selected-showroom {
    color: #564585;
    padding-bottom: 10px;
    border-bottom: 4px solid #564585
}

.showroom-link {
    color: #7b7a7b;
    font-size: 16px;
    font-weight: 600
}

.map-btns {
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #564585;
    font-family: "Roboto", sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    color: #565167;
    min-height: 32px;
    margin-bottom: 10px;
    border-radius: 0;
    display: inline-block;
    float: left;
    text-align: center;
    text-decoration: none;
    width: 100%;
    line-height: 32px
}

.map-open-hours p {
    color: #001ed4;
    font-size: 13px;
    margin-bottom: 10px
}

.review-title-con {
    padding-top: 8px;
    padding-bottom: 30px
}

.main-slider .owl-dots {
    margin-top: -10px !important;
    z-index: 10000;
    position: relative;
    display: block;
    justify-content: center;
    align-items: center
}

.spc-active {
    color: #001ed4 !important;
    font-weight: 600;
    font-size: 20px
}

.spc.tacked {
    position: fixed;
    top: 115px;
    z-index: 500
}

.spc-set-scroll {
    width: -moz-max-content;
    width: max-content;
    overflow-x: auto;
    overflow-y: hidden
}

.btn-social {
    min-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center
}

.myprofile-nav img {
    margin-right: 15px
}

.myprofile-nav ul li a {
    padding: 12px
}

.select2-container {
    width: 100% !important
}

.select2-container .select2-selection--single {
    height: 36px !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important
}

.select2-container--default .select2-selection--single {
    border-radius: 6px !important
}

.select2-search--dropdown .select2-search__field {
    height: 35px !important
}

.white-con {
    border: 1px solid #dfd7df;
    padding: 20px 30px;
    background: #fff;
    margin-bottom: 20px
}

.myprofile-nav ul li a:hover {
    color: #fff !important;
    background-color: #564585;
    border-radius: 3px
}

input[type=checkbox] {
    accent-color: #001ed4
}

input {
    height: 1.2em;
    width: 1.2em;
    vertical-align: middle
}

.main-slider video {
    max-width: 100%
}

.mobile-profile-nav ul {
    padding-left: 0px
}

.acc-headding h4 {
    color: #7d7171;
    font-size: 15px
}

address,
address a {
    font-size: 13px;
    line-height: 22px;
    color: #736382 !important
}

.acc-info-align {
    margin-bottom: 50px
}

.mobi-stickey-footer {
    display: none
}

.address-book-title {
    border-top: 1px solid #c6c6c6;
    padding-top: 40px
}

.btn-subscribe {
    border: 1px solid #001ed4 !important;
    color: #001ed4;
    float: right
}

.acc-headding h4 {
    margin-bottom: 10px
}

.btn-profile {
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 3px #000 17;
    border: 1px solid #736382;
    border-radius: 3px;
    width: auto;
    font-size: 13px;
    font-weight: 500;
    color: #403c41;
    padding: 8px 20px;
    text-align: center
}

.btn-profile:hover {
    background: #564585 0% 0% no-repeat padding-box !important;
    color: #fff !important
}

.action-btns {
    margin-top: 10px
}

.auth-con p {
    padding-left: 0px;
    padding-right: 0px
}

.account-data .subtitle {
    color: #7b527b;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 15px;
    margin-top: 15px;
    padding: 0px
}

.profile-block {
    margin-bottom: 15px;
    color: #001ed4;
    font-size: 22px;
    font-weight: 500
}

.myprofile-nav {
    z-index: 2;
    position: relative
}

.p-0 {
    padding: 0px !important
}

.myprofile-nav ul li {
    text-transform: uppercase;
    color: #403c41
}

.myprofile-nav ul li a {
    text-decoration: none;
    color: #403c41;
    text-transform: initial;
    text-decoration: none;
    font-weight: 400 !important;
    border-top: 1px solid #f3f3f3
}

.myprofile-nav ul li a:hover img {
    filter: brightness(0) invert(1)
}

.qty-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    padding-left: 0px
}

.cart-table th {
    color: #5c5c64;
    font-weight: 600;
    font-size: 16px
}

.qty-container .input-qty {
    text-align: center;
    padding: 6px 10px;
    border: 1px solid #d4d4d4;
    min-width: 32px;
    height: 32px
}

.cart-image {
    width: 75px;
    height: 75px;
    margin-right: 15px
}

.item-details {
    font-size: 14px;
    color: #575756;
    line-height: 18px;
    font-weight: 500;
    width: calc(100% - 100px)
}

.cart-table tr:last-child {
    border: 0px
}

.discount-heading {
    font-size: 16px;
    letter-spacing: 0;
    color: #776378;
    padding-top: 30px
}

.dis-p {
    margin-top: 5px;
    color: #737174;
    margin: 0px
}

.btn-apply {
    padding: 0px 30px
}

.mobi-hot-main {
    vertical-align: middle;
    margin-bottom: 20px
}

.mobi-hot-icon {
    background: #001ed4;
    color: #fff;
    width: 45px;
    height: 43px;
    text-align: center;
    font-size: 15px;
    margin-right: 15px;
    border-radius: 6px;
    align-items: center;
    display: flex;
    justify-content: center
}

.brand-topic {
    text-transform: capitalize;
    color: #333;
    font-size: 15px;
    margin-bottom: 15px;
    padding: 0px;
    font-weight: 600
}

.cart-item-price {
    color: #5c5c64;
    font-size: 14px;
    font-weight: 400
}

.other-delivey-method {
    display: flex;
    align-items: center;
    border-top: 1px solid #ccc;
    padding-top: 10px
}

.main-label-del {
    font-size: 16px;
    color: #706471;
    font-weight: 600
}

.other-delivey-method input,
.main-label-dil input,
.all-delivery-methods input {
    margin-right: 10px
}

.other-delivey-method .label-dis-del {
    color: #807c8d;
    display: block;
    margin-left: 27px
}

.main-label-dil {
    color: #706471;
    font-size: 16px;
    font-weight: 600
}

.main-delivey-method {
    padding-bottom: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.del-topic {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #482a48
}

.cart-headding {
    font-size: 18px;
    font-weight: 600;
    color: #5c5c64;
    letter-spacing: 0px;
    margin-bottom: 20px
}

.grand-total {
    font-size: 16px;
    color: #5c5c64;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 600;
    margin-top: 20px
}

.amount {
    letter-spacing: 0;
    color: #8a5d8a
}

.mt-20 {
    margin-top: 20px
}

.main-delivey-method .label-dis-del {
    color: #807c8d;
    display: block;
    margin-left: 30px
}

.delivery-logo {
    margin-left: auto
}

.cart-total {
    font-size: 16px;
    font-weight: 500;
    color: #001ed4
}

.cart-table td {
    vertical-align: middle;
    border: 0px;
    padding: 5px 0px;
    font-weight: 500
}

.thank-cart-table tr:last-child {
    border-bottom: 1px rgba(0, 0, 0, 0)
}

.thak-tot {
    color: #001ed4 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    border-top: 1px solid;
    padding-top: 12px;
    padding-bottom: 0px !important
}

.thank-cart-table .cart-item-price,
.thank-cart-table .cart-item-price {
    font-size: 16px !important
}

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

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

.cart-image img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
    padding: 5px
}

.forms-wizard .active .fw-span {
    color: #001ed4 !important
}

.qty-container .qty-btn-minus,
.qty-container .qty-btn-plus {
    border: 1px solid #d4d4d4;
    padding: 10px 13px;
    font-size: 10px;
    height: 32px;
    width: 32px;
    transition: .3s
}

.qty-container .qty-btn-plus {
    margin-left: -1px
}

.qty-container .qty-btn-minus {
    margin-right: -1px
}

.cart-mobi-label {
    margin-right: 10px
}

.picuplocation-cart .store-name {
    font-size: 16px;
    letter-spacing: 0;
    color: #001ed4;
    margin-bottom: 10px
}

.picuplocation-cart .store-address,
.picuplocation-cart .store-phone {
    color: #838383;
    margin-bottom: 10px
}

.picuplocation-cart .product {
    font-size: 13px;
    letter-spacing: 0;
    color: #654867;
    margin-bottom: 13px
}

.qty-container-popcart .qty-btn-minus {
    margin-right: -1px
}

.qty-container-popcart .input-qty {
    text-align: center;
    padding: 6px 10px;
    border: 1px solid #d4d4d4;
    width: 45px;
    height: 32px
}

.qty-container-popcart .qty-btn-plus {
    margin-left: -1px
}

.itm-avail {
    background: #f34848;
    width: -moz-max-content;
    width: max-content;
    color: #fff;
    padding: 0px 10px;
    font-size: 12px
}

.itm-sel {
    color: #654867;
    margin-bottom: 2px;
    font-size: 13px
}

.itm-not-avail {
    background: #f34848;
    width: -moz-max-content;
    width: max-content;
    color: #fff;
    padding: 0px 10px;
    font-size: 12px;
    margin-bottom: 2px
}

.itm-avail {
    background: #1db12b;
    width: -moz-max-content;
    width: max-content;
    color: #fff;
    padding: 0px 10px;
    font-size: 12px;
    margin-bottom: 2px
}

.dil-more-data {
    padding-left: 30px;
    padding-top: 10px;
    display: none
}

.dil-more-data .terms-del {
    color: #654867;
    font-size: 13px;
    margin-top: 5px
}

.qty-container-popcart {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px
}

.qty-container-popcart .qty-btn-minus,
.qty-container-popcart .qty-btn-plus {
    border: 1px solid #d4d4d4;
    padding: 10px 13px;
    font-size: 10px;
    height: 32px;
    width: 32px;
    transition: .3s
}

.modal-dialog .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 0px;
    font-size: 18px;
    color: #000;
    z-index: 99
}

.pickupst .modal-header {
    background: #f3f3f3;
    padding: 15px;
    padding-right: 0px
}

.pickupst .modal-body {
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px
}

.pickupst hr {
    margin: 0px
}

.cart-store {
    border-bottom: 1px solid #ccc;
    justify-content: center;
    align-items: center;
    padding: 12px 0px;
    margin-left: auto;
    margin-right: auto
}

#pickupshowroomModal .other-showroom {
    margin-top: 40px
}

#pickupshowroomModal .modal-header {
    border: 0px
}

.search-align .form-control {
    min-height: 35px
}

#pickupshowroomModal .product {
    font-size: 13px;
    margin-bottom: 0px
}

#pickupshowroomModal .store-name {
    margin-bottom: 0px
}

#pickupshowroomModal .btn-select-showroom {
    background: #564585;
    color: #fff;
    border-radius: 0px;
    font-size: 15px;
    padding: 5px 10px;
    float: right
}

#pickupshowroomModal .btn-select-showroom:hover {
    background: #564585;
    color: #fff
}

#mega-menu>.btn-mega {
    padding-left: 10px
}

.store-distance i {
    margin-right: 6px;
    color: #001ed4
}

.ash-bg-cus-div {
    width: 100%;
    background: #eaeaea;
    width: 100%;
    padding-bottom: 35px
}

.owl-carousel .owl-item img {
    height: auto
}

.row-30 {
    margin-left: -30px !important;
    margin-right: -30px !important
}

.footer-img-div {
    border: 1px solid #47295c;
    min-height: 35px;
    color: #47295c;
    border-radius: 5px;
    width: -moz-max-content;
    margin-bottom: 15px;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 10px;
    align-items: center;
    display: flex
}

.showroom-manger-div {
    background: #001ed4;
    color: #fff;
    text-align: center
}

.footer-details span {
    padding: 5px
}

#popupModal .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.mobi-footer-imlink {
    margin-top: 40px
}

.footer-img-div a {
    color: #47295c
}

.btn-loy-del:hover,
.btn-loy-del:focus {
    border: 0px !important;
    color: #f17d7d !important
}

.footer-img-div:hover {
    cursor: pointer
}

.footer .bg-white-con {
    background: #fff
}

.footer-payment-methods {
    padding-top: 16px;
    flex-wrap: wrap;
    justify-content: center
}

.footer-img-div img {
    margin-right: 10px;
    width: 21px;
    height: 21px
}

.filter-menu-close {
    position: relative;
    right: 10px;
    float: right;
    top: 8px;
    transition: opacity .3s;
    z-index: 1
}

.row-30>* {
    padding-right: 30px;
    padding-left: 30px
}

.btn-fb {
    background: #1b4f9b;
    color: #fff
}

.auth-main-con {
    padding: 57px 47px 61px;
    margin-bottom: 60px;
    background: #fff;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 60px
}

.auth-con {
    border: 1px solid #dfd7df;
    padding: 20px 30px;
    background: #fff;
    height: 100%
}

.auth-con-h-auto {
    border: 1px solid #dfd7df;
    padding: 30px;
    background: #fff
}

.form-control {
    border: 1px solid #b9b8b8;
    min-height: 36px;
    font-size: 14px
}

.modal {
    z-index: 9999
}

.store-info-main table {
    width: 100%
}

.auth-top {
    margin-bottom: 30px
}

.auth-con .title {
    font-size: 30px;
    margin-bottom: 5px;
    color: #001ed4
}

.sign-with-social-link {
    color: #564585;
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
    border-top: 1px solid rgba(112, 112, 112, .32);
    padding-top: 20px
}

.req {
    color: red
}

.mobi-footer-imlink .footer-img-div {
    border: 1px solid #47295c;
    text-align: center;
    color: #47295c;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 10px;
    line-height: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 13px
}

.ash-breadcrumb {
    width: 100%;
    background: #eaeaea
}

.btn-register,
.btn-login {
    background: #564585;
    color: #fff;
    min-height: 45px;
    display: flex;
    border-radius: 0px;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    margin-top: -3px;
    border: 0px
}

.login-agree {
    margin-bottom: 25px
}

.btn-login {
    width: 100%
}

.btn-register {
    min-width: 280px
}

.forgot-pwd-div {
    margin: 15px 0px;
    margin-top: 3px
}

.form-group {
    margin-bottom: 15px
}

.btn-fb i,
.btn-google img {
    margin-right: 15px
}

.btn-google {
    background: #fff;
    color: #646565;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1)
}

.imp-msg-close {
    color: #fff;
    display: flex;
    margin-left: auto;
    width: 30px;
    background: rgba(0, 0, 0, 0);
    border: 0px;
    align-items: center
}

.breadcrumb {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 0px
}

.active-auth {
    background: #001ed4 !important;
    border: 1px solid #001ed4 !important;
    color: #fff !important
}

.hideme {
    display: none
}

.showme {
    display: block
}

.auth-con .title {
    text-align: left !important
}

.mobi-log-btn {
    background: #dad8d8;
    min-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 5px;
    font-weight: 600;
    border: 1px solid #eee;
    color: #888181
}

.mobile-auth-btns {
    margin-bottom: 5px
}

.img-fluid {
    width: 100%
}

.targetDiv {
    display: none
}

.important-msg {
    color: #fff;
    padding: 5px 10px;
    display: flex;
    width: 100%
}

.promotion-div {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    width: 100%;
    border-radius: 10px
}

.promotion-div .product-img img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    height: auto;
    max-width: 150px;
    margin-top: -15px
}

.important-msg p {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 30px);
    text-align: center;
    margin-bottom: 0px
}

.close-top-msg {
    position: absolute;
    right: 0px;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border: 0px
}

.btu-result {
    background-color: #fcf1ff;
    min-height: 100px;
    padding: 15px;
    display: grid;
    margin-bottom: 16px;
    text-align: center
}

.btu-result-txt {
    color: #524e54;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px
}

.sel-payment {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, .2)
}

.btu-cal .form-group label {
    color: #524e54;
    font-size: 14px;
    font-weight: 600
}

.btu-cal .form-control {
    height: 54px;
    border: 2px solid #bfbebe;
    margin-bottom: 10px;
    text-align: center
}

.spc-scroll .nav-link:first-child {
    padding-left: 0px
}

.spc-scroll #navbar_top {
    margin-bottom: 30px
}

.spc-scroll .nav-link {
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    color: #696565;
    text-align: left;
    border: 0;
    padding: 10px
}

.terms-nav .nav-pills .nav-link.active {
    background: #736382;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    border-radius: 0px
}

.terms-nav {
    padding-top: 1.3rem
}

.monial-graph {
    margin-bottom: 1rem !important;
    text-align: justify
}

.privacy {
    list-style: decimal
}

.privacy li {
    margin-bottom: 1rem
}

.terms-nav .nav-pills .nav-link {
    font-size: 15px;
    font-weight: 400;
    border-radius: 0px;
    border: 1px solid #ccc;
    text-align: left;
    padding: 14px 20px
}

.btu-description p {
    color: #212529;
    font-size: 13px
}

.title-btu {
    font-size: 1rem !important;
    color: #212529
}

.btu-result p {
    font-size: 30px;
    font-weight: 600;
    color: #001ed4
}

main {
    min-height: 250px
}

.header-container {
    padding: 10px 0px;
    justify-content: center
}

.mobi-search {
    font-size: 20px;
    color: #001ed4;
    padding-left: 8px
}

.mobile-menu-toggle {
    color: #001ed4
}

.mobi-user-data-con img {
    width: 50px;
    height: 50px;
    margin-right: 15px
}

.mobi-full-row .col-3-5,
.mobi-full-row .col-2-5 {
    padding: 0px 10px;
    padding-left: 0px
}

.col-3-5 {
    max-width: 90px
}

.mobi-full-row {
    width: 100%;
    align-items: center;
    display: inline-flex;
    position: relative
}

.new-mobile-toggle .fa-bars {
    font-size: 16px
}

.mobi-user-data-con .user-name p {
    color: #001ed4;
    margin-bottom: 0px
}

.mobi-user-data-con .link-to-profile {
    display: flex;
    width: 100%;
    color: #7b6c89;
    font-weight: 600;
    font-size: 12px
}

.mobi-user-data-con {
    padding-bottom: 15px
}

.mobi-user-data-con .user-name {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.mobi-header-btn {
    text-align: center;
    display: flex;
    height: 20px;
    position: relative
}

.mobi-dropdown {
    margin-top: 3px
}

.mobi-log0 {
    margin: 0px 8px
}

.new-mobile-toggle {
    font-size: 20px;
    color: #001ed4 !important
}

.countdown {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    float: none;
    text-align: center
}

.countdown>div {
    display: inline-block
}

.countdown .promo-end {
    font-weight: 500;
    margin-right: 10px;
    color: #fff;
    vertical-align: middle
}

.countdown>div>span {
    display: block;
    text-align: center
}

.countdown-container {
    margin: auto;
    text-align: center;
    display: flex
}

.countdown-container .countdown-heading {
    color: #fff;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    margin-left: -9px
}

.countdown-container .countdown-value {
    background: #fff;
    margin-right: 10px;
    border-radius: 5px;
    color: #333;
    font-weight: 600
}

.promo-right,
.promo-left {
    display: inline-block;
    float: left;
    width: 50%
}

.promo-left {
    border-right: 1px solid #575756
}

.promo-right {
    padding-left: 25px;
    align-items: center;
    display: flex
}

.promo-product-title {
    color: #000
}

.promo-btn {
    padding: 0px;
    color: #fff;
    font-weight: 600;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 5px
}

.save-only {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    line-height: 24px
}

.table-common table {
    border: 1px solid #f2f2f2;
    border-bottom: none
}

.table-common th {
    background: #f9f9f9;
    color: #5c5c64;
    min-height: 40px;
    font-size: 12px;
    border-bottom: 0px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #001ed4
}

.toggle-password:hover {
    cursor: pointer
}

.table-common td {
    padding: 2px 5px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 12px;
    vertical-align: middle;
    color: #403c41
}

.mobile-manage-address p {
    margin-bottom: 0px
}

.bill-align {
    margin-top: 40px
}

.mt-10 {
    margin-top: 10px
}

.panel-title {
    font-weight: 600 !important
}

.customer-agree label {
    line-height: 20px;
    font-size: 12px
}

.check-out-accordion .panel-title a {
    color: #b8b2b2
}

.check-out-accordion .active a {
    color: #001ed4
}

.main-delivey-method .radio {
    margin-bottom: 15px
}

.btn-apply {
    width: 100px;
    text-align: center;
    justify-content: center
}

.btn-site-default {
    background: #001ed4;
    color: #fff;
    height: 36px;
    border-radius: 0px;
    font-size: 15px;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    width: auto
}

.page-loader {
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    background: rgba(255, 255, 255, .5)
}

.page-loader img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    display: block;
    z-index: 100
}

.loder-gif-only {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.btn_save {
    min-width: 140px;
    height: 36px;
    border-radius: 6px;
    font-size: 15px
}

.btu-cal .fa-circle-info:before,
.fa-info-circle:before {
    color: #d9d9d9
}

.btn-btu-cal {
    height: 50px;
    width: 100%;
    font-size: 20px
}

.close-minicart {
    float: right;
    font-size: 15px;
    background: #001ed4;
    color: #fff;
    border-radius: 50%;
    margin-left: auto;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    cursor: pointer
}

.btn-border {
    background: #fcfcfc 0 0 no-repeat padding-box;
    background-color: #fcfcfc;
    border: 1px solid #564585;
    color: #565167;
    font-weight: 500
}

.mobi-address-data {
    border: 1px solid #cfcccf;
    margin-bottom: 20px;
    padding: 10px 12px
}

.mobi-address-data .d-grid {
    margin-top: 10px
}

.table-head {
    font-size: 13px;
    color: #333;
    font-weight: 600
}

.table-value {
    color: #5c5c64;
    font-size: 12px
}

.btn-table {
    padding: 4px 8px !important;
    font-size: 9px !important
}

.save-only .save-title {
    font-weight: 700 !important
}

.save-only .save-price {
    font-weight: 600
}

.lock-product {
    width: 60px;
    height: 60px;
    margin: 0px auto
}

.market-price {
    color: #848484;
    font-size: 12px;
    text-decoration: line-through
}

.promo-product-title {
    text-align: center;
    color: #000;
    font-weight: 500
}

.market-offer {
    color: #848484;
    font-size: 14px;
    display: block;
    font-weight: 600
}

.online-title {
    color: #ff0049;
    font-size: 11px;
    display: block;
    font-weight: 600
}

.btn-mobi-filters {
    background: #9b9898;
    color: #fff;
    font-size: 16px;
    padding: 5px 10px;
    align-items: center;
    margin-left: auto;
    float: left;
    position: relative
}

.btn-mobi-filters span {
    float: right;
    margin-left: auto
}

.navigation .page-link {
    width: 3rem;
    height: 3rem
}

.online-price {
    color: #ff0049;
    font-size: 14px;
    display: block
}

.brand-container {
    clear: both
}

.page-link {
    min-width: 2rem;
    height: 2rem
}

.save-title {
    color: #1ca558;
    font-size: 11px;
    display: block;
    font-weight: 600
}

.save-price {
    color: #1ca558;
    font-size: 14px;
    display: block
}

.ins-title {
    color: #706f6f;
    font-size: 12px;
    display: block
}

.ins-price {
    color: #706f6f;
    display: block;
    font-weight: 600
}

.promotion-div {
    border-radius: 5px;
    margin-bottom: 3px
}

.promo-detail-middle {
    display: flex;
    margin-top: 12px;
    margin-bottom: 12px;
    align-items: center;
    justify-content: center
}

.promo-align {
    position: fixed;
    width: 100%;
    bottom: 10px;
    margin: 0px auto;
    left: 0;
    right: 0
}

.promo-details {
    background: #fff;
    border-radius: 4px;
    padding: 8px 10px;
    width: 95%;
    margin: 0px auto
}

.error-container .wrapper {
    display: inline-block !important;
    padding: 15px
}

.error-container a {
    background: #001ed4;
    padding: 10px;
    border-radius: 6px;
    color: #fff
}

.error-container .error-box {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    text-align: center !important
}

.lock-img {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #fff;
    border-radius: 6px
}

.pickup-card {
    padding-top: 15px
}

#product-pickup-locations {
    height: 400px;
    overflow-y: auto
}

.mobi-full-row .cart-icon {
    height: 20px
}

.res-opt {
    opacity: .5 !important
}

.main-slider-con {
    margin-bottom: 10px
}

.icon-lock {
    font-size: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 30%;
    text-align: center;
    color: #ccc;
    border-radius: 50%;
    height: -moz-max-content;
    height: max-content;
    border: 1px solid;
    width: 70px;
    height: 70px;
    line-height: 70px
}

.category-left .cat-title {
    font-size: 20px;
    color: #001ed4;
    font-family: "Lato", sans-serif !important;
    margin-bottom: 10px;
    line-height: 24px
}

.fliter-txt {
    color: #8f8eaf;
    font-size: 12px;
    margin-bottom: 10px;
    display: inline;
    padding: 5px
}

.mob-clear-filter {
    float: right;
    color: #001ed4;
    text-align: right;
    padding: 0px 15px;
    text-decoration: underline
}

.filter-mobile-div .cat-title {
    padding: 5px;
    margin-bottom: 0px
}

.product-btn-set {
    font-size: 10px;
    font-weight: 600
}

.filter-mobile-div .left-border-div {
    padding-top: 0px
}

.filter-mobile-div .fliter-txt {
    margin-bottom: 0px
}

.category-main {
    margin-top: 25px
}

.cat-cus-list {
    height: 30px;
    border-radius: 15px;
    padding: 0px 10px;
    border: 1px solid #9a9a99;
    border-right: 8px solid rgba(0, 0, 0, 0)
}

.count-nav {
    line-height: 30px;
    width: -moz-max-content;
    width: max-content
}

.align-item-center {
    align-items: center
}

.pro-list-nav .navigation-list {
    margin-left: auto;
    margin-right: 0px
}

.extra {
    color: #fff
}

.navigation-list .page-link {
    min-width: 3rem;
    height: 2rem;
    border: 1px solid #727281
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #001ed4
}

.count-nav span {
    padding-left: 10px;
    padding-right: 10px
}

.select-filters {
    display: inline-block
}

.sort-right-div {
    line-height: 30px;
    float: right
}

.sort-right-div span {
    margin-right: 10px
}

.product-list-maincon {
    padding-top: 30px;
    padding-bottom: 30px
}

.product-row .product-list-item .grid-product-wapper:nth-child(5) {
    border: 0px !important
}

.active-filters {
    background: #e8dde8;
    border-radius: 15px;
    color: #575757;
    height: 20PX;
    font-size: 13px;
    margin-right: 15px;
    padding: 0px 10px;
    width: -moz-max-content;
    width: max-content;
    display: inline-flex;
    margin-bottom: 10px
}

.thank-paragraph {
    margin-bottom: 30px;
    word-break: break-word
}

.active-filters i {
    padding: 4px 3px;
    float: right;
    margin-left: 10px
}

.product-list-item {
    position: relative;
    width: 20%;
    display: inline-flex;
    margin-bottom: 25px;
    border-right: 1px solid rgba(112, 112, 112, .21) !important;
    float: left
}

.extra-save img {
    width: 100%;
    height: auto
}

.range-value {
    padding: 5px 4px;
    font-size: 14px;
    color: #001ed4;
    display: inline-block;
    width: 100%;
    font-weight: 800
}

.product-list-item .product-imgage {
    position: relative
}

.hot-line-mob {
    padding-left: 0px;
    margin: 1.3rem 0;
    margin-bottom: 0px;
    margin-top: 0px
}

.hot-line-mob li {
    border-bottom: 1px solid #e2e7ed;
    display: flex;
    padding: 15px 5px;
    padding-top: 0px
}

.destop-hotline a:hover {
    color: #fff !important
}

.hot-line-mob li a {
    color: #736382;
    margin-left: auto;
    float: right;
    display: inline-flex;
    align-items: center
}

.hot-line-mob strong {
    font-weight: 500;
    color: #736382
}

.hot-line-mob img {
    width: 23px;
    height: 23px;
    margin-right: 5px
}

.product-list-item .grid-product-img {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.product-list-item .products-btn-set {
    display: none;
    background: #001ed4
}

.product-list-item .home-buynow {
    border: 0px;
    color: #fff;
    padding: 0px;
    border-right: 1px solid #fff;
    display: flex;
    width: 100%;
    justify-content: center;
    background: #001ed4
}

.product-list-item .btn-which-list {
    color: #fff
}

.product-list-item .pro-name-compact {
    width: auto;
    height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    word-break: break-all
}

.normal-pro-promo-tags-large {
    position: absolute;
    z-index: 90;
    right: 18px;
    top: 15px;
    display: flex;
    justify-content: center;
    width: 45px;
    align-items: center;
    flex-direction: column;
    height: auto;
    text-align: center
}

.extra-save-amount-large {
    color: #fff;
    font-weight: 600
}

.extra-large {
    color: #fff;
    font-weight: 500
}

.swal2-html-container {
    margin-top: 0px !important;
    padding-top: 0px !important
}

.exzoom_nav_inner span {
    padding: 10px
}

.exzoom {
    max-width: 500px
}

.left-zoom-arr {
    left: 0px
}

.right-zoom-arr {
    right: 0px
}

.left-zoom-arr,
.right-zoom-arr {
    height: 100%;
    position: absolute;
    z-index: 100;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #ddd;
    width: 40px
}

.discount-banner {
    background: #aa0f6b;
    background: radial-gradient(circle, rgb(170, 15, 107) 0%, rgb(255, 105, 78) 0%, rgb(255, 1, 63) 74%)
}

.discount-banner,
.free-delivery-banner {
    margin-bottom: 20px;
    padding: 6px
}

.payin-click a {
    color: #fd2f2f;
    background-color: #fff;
    border-radius: 5px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 15px;
    margin-right: 5px
}

.payin-txt {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    padding-bottom: 0px;
    margin-bottom: 0px;
    line-height: 35px;
    padding-top: 0px
}

.pay-large-font {
    font-size: 35px
}

.banner-vline {
    font-size: 40px;
    font-weight: 100
}

.payin-txt {
    color: #fff;
    font-weight: 600;
    padding-bottom: 0px;
    margin-bottom: 0px;
    line-height: 35px;
    padding-top: 0px
}

.pay-large-font {
    font-size: 35px
}

.pd-l-0 {
    padding-left: 0px !important
}

.payin-banner-main,
.payin-banner-bottom {
    display: flex;
    justify-content: center
}

.mobi-icon-menu {
    padding-left: 0px;
    padding-top: 20px;
}

.mobi-icon-menu li {
    padding: 15px 0px
}

.mobi-icon-menu li a {
    color: #000000;
    font-weight: 600
}

.mobi-icon-menu li a:hover {
    cursor: pointer
}

.mobi-icon-menu img {
    width: 23px;
    height: 23px
}

.free-delivery-banner {
    font-weight: 400;
    color: #fff;
    padding-left: 30px;
    border-left: 1px solid #ffafbe
}

.free-delivery-banner {
    background: #ff0031;
    display: flex;
    justify-content: center;
    align-items: center
}

.discount-banner,
.free-delivery-banner {
    margin-bottom: 20px;
    padding: 6px
}

.delivert-first-div p {
    margin: 0px;
    padding: 0px
}

.free-del-txt {
    color: #fff;
    font-size: 11px
}

.no-of-free {
    background: #009a33;
    color: #fff;
    font-size: 14px;
    padding: 0px 4px !important;
    border-radius: 4px;
    border: 1px solid #000
}

.free-del-txt {
    color: #fff;
    font-size: 11px
}

.delivert-third-div span {
    border-left: 2px solid #ffc4cf;
    margin-left: 10px;
    padding-left: 10px
}

.exclusive {
    background: #001ed4;
    background: linear-gradient(29deg, rgb(52, 8, 211) 15%, #3e56dd 69%);
    padding: 5px 15px;
    border-radius: 6px
}

.exclusive p {
    color: #fff
}

.col-dir {
    flex-direction: column
}

#popupModal .modal-body {
    padding: 0px;
    padding-top: 2px
}

#popupModal .modal-content {
    border: 0px !important
}

#popupModal {
    display: flex;
    padding-left: 0px;
    align-items: center;
    justify-content: center;
    height: 100%;
    z-index: 19999
}

.fade:not(.show) {
    display: none !important
}

.close-banner-popup {
    border: 1px solid #ccc;
    color: #ccc;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    margin-left: auto;
    font-size: 16px
}

.close-banner-popup:hover {
    cursor: pointer
}

.pro-data {
    display: flex
}

.santa-hat {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 200;
    right: 7px;
    top: -4px
}

.santa-hat img,
.santa-hat-list img,
.santa-hat-wishlist img,
.santa-hat-large img,
.santa-hat-home img {
    max-width: 100%
}

.santa-hat-list {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 200;
    right: -4px;
    top: -18px
}

.santa-hat-home {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 200;
    right: -3px;
    top: -16px
}

.main-promotions-con .owl-carousel.owl-drag .owl-item {
    margin-top: 8px
}

.santa-hat-large {
    width: 54px;
    height: 54px;
    position: absolute;
    z-index: 200;
    right: -17px;
    top: -27px
}

.santa-hat-wishlist {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 200;
    right: -7px;
    top: -16px
}

.discout-tag-large {
    background: #ff0e58;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    z-index: 100;
    position: relative
}

.extra-save-value-large {
    position: absolute;
    top: 40px;
    display: flex;
    flex-direction: column;
    padding: 0px 4px
}

.discount-amount-large {
    padding-top: 5px;
    color: #fff;
    font-weight: 600
}

.off-txt-large {
    color: #fff;
    font-weight: 500
}

.product-list-item {
    padding-bottom: 6px
}

.product-list-item .product-imgage {
    position: relative
}

.product-list-item .grid-product-img {
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.product-list-item .products-btn-set {
    display: none;
    background: #001ed4
}

.product-list-item .home-buynow {
    border: 0px;
    color: #fff;
    border-right: 1px solid #fff;
    display: flex;
    width: 100%;
    justify-content: center;
    background: #001ed4;
    align-items: center
}

.product-list-item .btn-which-list {
    padding: 3px 10px;
    color: #fff
}

.product-list-item .pro-name-compact {
    width: 100%;
    height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.bundle-add-cart .qty-container .qty-btn-plus {
    width: 22px;
    right: 0px
}

.bundle-add-cart .qty-container .qty-btn-minus {
    width: 22px;
    left: 0px
}

.product-list-item .rs-gray {
    font-weight: 400;
    color: #848484
}

.product-list-item .market-price {
    color: #848484;
    text-decoration: line-through
}

.product-list-item .save-price-pro {
    color: #00be0a;
    font-weight: 600
}

#category_filter_container .widget-body {
    margin-bottom: 0px !important
}

.fill-hart .fa-heart {
    font-weight: 600 !important
}

.product-list-item .selling-price {
    color: #001ed4;
    font-weight: 600
}

.select-review {
    border: 4px solid #001ed4
}

.rigt-btn-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px
}

.rigt-btn-icon img {
    max-width: 100%;
    vertical-align: top
}

.extra-save-large {
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-direction: column;
    top: -8px
}

.extra-save-large img {
    width: 100%;
    display: block
}

.product-list-item .extra-save-value {
    position: absolute;
    display: flex;
    flex-direction: column;
    padding: 0px 4px
}

.product-list-item .rs-gray {
    color: #848484;
    font-weight: 400
}

.product-list-item .market-price {
    font-weight: 400;
    color: #848484;
    text-decoration: line-through
}

.product-list-item .save-price-pro {
    color: #00be0a;
    font-weight: 600
}

.product-list-item .selling-price {
    color: #001ed4
}

.product-list-item .extra-save-value {
    position: absolute;
    display: flex;
    flex-direction: column;
    padding: 0px 2px
}

.customer-agree {
    display: inline-flex;
    line-height: 12px;
    margin-bottom: 15px;
    align-items: center
}

.customer-agree input {
    margin-right: 10px
}

.grid-pro-drtail-con {
    text-align: center;
    text-align: center;
    border-radius: 10px;
    padding: 5px 2px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    overflow: hidden
}

.menu-img img {
    width: 20px;
    height: 20px
}

.slider-range-value1,
.slider-range-value2 {
    padding: 0px
}

.slider-labels .caption {
    padding: 0px 5px
}

.myab {
    width: 75px;
    height: auto
}

.feature-brands {
    text-align: center;
    margin-top: 5px;
    color: #564585
}

.tel-no {
    font-size: 20px;
    font-weight: 600
}

.whatsapp-no {
    margin-top: 8px;
    padding-left: 28px;
    color: #001ed4
}

.pro-name-compact {
    width: 100%;
    height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-weight: 500;
    color: #3c3c3b;
    letter-spacing: 0;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.grid-product-img {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.suggestions-box {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 999;
    border: 1px solid #eaeaea;
    min-height: 30px;
    padding: 15px;
    max-height: 500px;
    overflow-y: auto;
    padding-top: 30px
}

.prodcut-list-bg {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 100% 100% !important;
    width: 100%
}

.grid-product-wapper {
    position: relative;
    width: 100%
}

.wish-product-wapper {
    position: relative;
    padding-bottom: 10px
}

.wish-pro-promo-tags {
    position: absolute;
    right: 8px;
    top: 7px
}

.wish-discout-tag {
    width: 50px;
    height: 50px;
    background: #ff0e58;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 14px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    border: 2px solid #fff;
    z-index: 100;
    position: absolute;
    right: 0px
}

.wish-pro-promo-tags .discount-amount {
    font-size: 15px;
    padding-top: 5px
}

.wish-list-item .off-txt {
    font-size: 11px
}

.wish-list-item {
    position: relative;
    display: inline-flex;
    margin-bottom: 25px;
    border-right: 1px solid rgba(112, 112, 112, .21);
    float: left
}

.wish-list-item:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border: none
}

.wish-pro-drtail-con {
    text-align: center;
    text-align: center;
    border-radius: 10px;
    padding: 5px 0px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    overflow: hidden
}

.wishlist-count {
    text-align: center
}

.wish-product-title {
    font-size: 14px;
    color: #3c3c3b
}

.products-btn-set {
    display: none;
    background: #001ed4
}

.product-list-item:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border: none
}

.products-btn-set a:hover {
    color: #fff
}

.home-buynow {
    border: 0px;
    padding: 0px;
    border-right: 1px solid #fff;
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background: #001ed4
}

.owl-next,
.owl-prev {
    top: 50%;
    position: absolute
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: rgba(0, 0, 0, 0);
    color: #212529
}

.products-grid .owl-carousel .owl-nav.disabled {
    display: block
}

.products-grid .owl-prev {
    left: -55px;
    transform: translateY(-50%)
}

.products-grid .owl-next {
    right: -55px;
    transform: translateY(-50%)
}

.products-grid .owl-next,
.owl-prev {
    top: 50%;
    position: absolute
}

.btn-which-list {
    padding: 6px 10px;
    color: #fff
}

.home-product-list .icon-background {
    color: #fbbb17
}

.gallery-arrows {
    color: #414143;
    font-size: 9px !important;
    font-weight: 500 !important
}

#modal-usd .modal-header {
    background: #f3f3f3;
    text-align: center
}

.usd-term-title {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600
}

.usd-back-btn {
    background: #fcfcfc;
    border: 1px solid #001ed4;
    color: #414143;
    height: 36px;
    font-size: 15px;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    width: auto
}

.product-detail .main-title {
    font-size: 10px;
    line-height: 18px
}

.product-detail .sub-title {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px
}

.discount-banner .payin-bottom-txt {
    color: #fff !important
}

#modal-usd ul li {
    font-size: 11px;
    line-height: 25px;
    color: #343334;
    list-style: disc
}

.cart-hr hr {
    margin-top: 0px !important
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.pro-img-slider {
    position: relative
}

.offer-ends-main {
    padding-top: 5px
}

.product-imgage {
    position: relative;
    padding-bottom: 10px
}

.breadcrumb-item a,
.breadcrumb-item {
    color: #6c625a
}

.grid-product-wapper:hover .products-btn-set {
    display: flex;
    display: flex;
    position: absolute;
    width: 100%;
    opacity: .7;
    bottom: 0px
}

.product-list-item:nth-child(5n) {
    border: 0px
}

.grid-product-title {
    font-size: 14px;
    color: #3c3c3b
}

.selling-price {
    color: #001ed4;
    font-weight: 600
}

.home-product-list .owl-stage-outer,
.detail-page-owl .owl-stage-outer {
    padding: 5px
}

.detail-page-owl .owl-stage {
    margin-left: -1px
}

.detail-page-owl .owl-stage-outer {
    padding: 5px;
    padding-left: 0px;
    margin-left: -1px;
    margin-right: 2px
}

.detail-page-owl {
    margin-top: 15px;
    margin-bottom: 15px
}

.title-other {
    font-size: 20px !important;
    line-height: 40px !important;
    font-weight: 500;
    color: #423d48;
    margin-top: 20px
}

.title-other ol li {
    font-size: 14px;
    line-height: 23px;
    font-weight: 400
}

.save-price-pro {
    color: #00be0a;
    font-size: 16px;
    font-weight: 600
}

.rs-gray {
    color: #848484;
    font-weight: 400
}

.market-price {
    font-size: 12px;
    color: #848484;
    text-decoration: line-through
}

.view-all-link {
    color: #001ed4 !important
}

.left-suggestion-main-con {
    width: 70%;
    display: inline-block;
    float: left
}

.out-of-stock {
    opacity: .5
}

.right-suggestion-main-con {
    width: 30%;
    float: left;
    display: inline-block;
    padding: 0px 30px
}

.tag-set {
    height: 42px
}

.card {
    border: none;
    border-radius: 0;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, .18)
}

.tbl-select-item .title-sel {
    width: 60%
}

.mobile-cart-th-summary {
    float: right;
    padding: 20px 0px;
    width: 100%
}

.mobile-cart-th-summary table {
    width: 100%
}

.thank-cart-table td {
    vertical-align: middle
}

.thank-sum-head-mobi {
    width: 50%;
    color: #706471;
    line-height: 28px;
    padding-left: 10px;
    font-weight: 500
}

.btn-delete {
    color: #f17d7d;
    padding: 0px 3px;
    font-size: 10px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0)
}

.del-ins-thank {
    line-height: 18px;
    color: #444;
    font-weight: 500;
    padding-left: 0px
}

.mobile-cart-th-summary tr {
    border-bottom: 2px solid #fff
}

.cart-item-data-mobi {
    padding-top: 10px;
    padding-bottom: 10px
}

.bb-1 {
    border-bottom: 1px solid #ccc
}

.tbl-select-item-mobi .title-sel-mobi {
    width: 50%
}

.color-border-sel {
    width: 32px;
    height: 15px;
    border-radius: 20px;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px
}

.color-border-sel .main-color-sel {
    width: 25px;
    height: 10px;
    border-radius: 8px
}

.btn-delete {
    color: #f17d7d;
    padding: 0px 3px;
    font-size: 10px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0)
}

.btn-select-showroom {
    background: #001ed4;
    color: #fff;
    padding: 0px 10px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 3px
}

.btn-select-showroom:hover {
    background: #8d2293;
    color: #fff
}

fieldset {
    border: 1px solid #001ed4
}

legend {
    font-size: 16px;
    color: #fff;
    margin-top: -17px;
    background: #001ed4;
    width: -moz-max-content;
    width: max-content;
    padding: 4px 20px;
    margin-left: 15px;
    border: 1px solid #ccc
}

.btn-delete:hover {
    border: 1px solid #f17d7d;
    color: #fff
}

.tbl-select-item td {
    padding: 0px 10px;
    line-height: 18px
}

.accordion-payment .panel-title a {
    display: flex;
    padding: 12px;
    margin: 0;
    background: #fcfcfc;
    font-size: 18px;
    letter-spacing: 1px;
    border-radius: 0;
    position: relative;
    align-items: center
}

.itm-avalability {
    margin-left: 30px
}

.modal-p {
    border-bottom: 1px solid #ddd;
    align-items: center;
    padding: 15px 0px
}

.modal-p p {
    margin-bottom: 0px
}

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

.tbl-select-item,
.tbl-select-item-mobi,
.title-sel,
.title-sel-value,
.title-sel-value-mobi {
    color: #666 !important;
    font-size: 13px !important;
    margin-bottom: 0px;
    font-weight: 500;
    line-height: 18px
}

.tbl-select-item .title-sel-value {
    color: #001ed4
}

.tbl-select-item tr {
    border-bottom: 0px
}

.tbl-select-item {
    margin-bottom: 0px
}

.tbl-select-item .value {
    color: #ccc;
    font-size: 12px
}

.carousel-control-prev,
.carousel-control-next {
    background-color: #e1e1e1;
    width: 6vh;
    height: 6vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%)
}

.carousel-control-prev span,
.carousel-control-next span {
    width: 1.5rem;
    height: 1.5rem
}

.brand-img-slider {
    width: auto;
    align-self: center;
    transition: all .3s ease-in-out;
    max-height: 30px
}

.image-wrapper {
    display: flex;
    width: 100%;
    margin: auto;
    justify-content: center;
    align-items: center
}

.right-suggestion-main-con a {
    font-size: 13px;
    line-height: 22px
}

.suggestion-box-details .product-name {
    color: #343434
}

.brand-logos-set {
    display: flex
}

.promo-tags {
    position: absolute
}

.extra-save-value,
.extra-save-value-flash {
    position: absolute;
    display: flex;
    flex-direction: column
}

.m-0 {
    margin: 0px !important
}

.home-review-title,
.home-review-title span {
    text-align: left;
    font-size: 30px;
    letter-spacing: 0px;
    color: #fff !important;
    font-weight: 400;
    font-family: "Roboto" !important;
    line-height: 30px;
    margin: 0px
}

.nav-ash {
    background: #eaeaea;
    width: 100%
}

.contact-map a:hover {
    color: #fff !important;
    cursor: pointer
}

.review-dis-title {
    margin-bottom: 20px
}

.review-products {
    background: #fff;
    border-radius: 8px;
    padding: 10px
}

.btn-buynow {
    border: 0px;
    color: #fff;
    padding: 6px 10px;
    border-right: 1px solid #fff;
    display: flex;
    width: 100%;
    justify-content: center;
    background: #001ed4
}

.review-discription {
    max-height: 300px;
    overflow-y: auto;
    width: 99%
}

.review-discription,
.review-discription p,
.review-discription p span {
    text-align: left;
    letter-spacing: 0px;
    color: #fff;
    font-size: 14px !important;
    font-family: "Roboto" !important;
}

.review-products .grid-pro-drtail-con {
    text-align: center;
    padding: 15px auto
}

.review-products .product-img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.overflow-hidden {
    overflow: hidden !important
}

.profile-menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: .5;
    transition: opacity .4s;
    z-index: 900
}

.product-detail .product-title {
    color: #575756;
    font-size: 23px;
    font-weight: 400;
    margin-bottom: 0px;
    line-height: 25px
}

.product-detail .pay-bank-title {
    color: #5c5c64;
    font-weight: 600;
    font-size: 14px
}

.detail-opt {
    color: #333;
    font-size: 16px;
    font-weight: 500
}

.product-detail .easy-pament-popup {
    width: 100%;
    margin-top: 0px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    border-top-left-radius: 0px;
    display: none;
    padding: 15px;
    padding-bottom: 25px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, .2)
}

.product-detail .share-product {
    color: #575756;
    font-size: 11px
}

.product-detail .social-media-icon div {
    margin-right: 20px;
    padding-top: 6px
}

.product-detail .payment-options-con .pay-image img {
    height: 25px;
    max-width: 100%;
    width: auto !important
}

.product-detail .pay-duration {
    color: #575756;
    font-size: 10px;
    line-height: 14px;
    display: block
}

.product-title {
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.product-detail .pay-amount {
    color: #575756;
    font-size: 18px;
    font-weight: 500;
    padding-top: 2px
}

.product-detail .coupen {
    margin-right: 10px
}

.product-detail .right-con,
.skeleton-right-con {
    padding-left: 20px;
    padding-right: 20px
}

.product-detail .logo-con {
    display: flex;
    flex-direction: column
}

.product-detail .logo-con img {
    width: 100px
}

.product-detail .icon-div {
    margin-right: 5px;
    width: 25px;
    background-size: contain !important;
    height: 25px
}

.easy-price {
    text-align: right;
    line-height: 7px;
    margin-right: 2px;
    font-weight: 500;
    color: #575756
}

.no-border-table {
    width: 100%
}

.val-noborder {
    width: 58%
}

.no-border-table td {
    padding: 0px !important;
    border: 0px !important
}

.monthly-word {
    display: block;
    font-size: 9px
}

.easy-rs {
    display: block;
    font-size: 9px;
    padding-top: 1px
}

.easy-main-pl {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.dis-div a {
    margin: 0px;
    line-height: 0px
}

.product-detail .icon-div2 {
    margin-right: 5px;
    width: 35px;
    background-size: contain !important;
    height: 35px
}

.navbar-static-top .nav-item {
    padding: 0px 10px
}

.swal2-container {
    z-index: 9999 !important
}

.single-banner-m {
    padding-top: 20px
}

.fixed-header-spc .nav-item {
    padding: 0px
}

.spc-scroll .nav-item {
    min-width: 170px;
    text-align: left;
    margin-right: 0px;
    float: left
}

.horizontal-spc-menu .navbar-nav {
    display: inline-block
}

.horizontal-spc-menu .navbar-nav .nav-link.active,
.horizontal-spc-menu .navbar-nav .nav-link.show {
    background: rgba(0, 0, 0, 0);
    color: #001ed4;
    font-weight: 600;
    font-size: 20px
}

.product-detail .right-con {
    border-left: 1px solid #ccc
}

.product-detail .product-title {
    text-align: left
}

.product-detail .right-dis-con {
    align-items: center;
    margin-top: 8px;
    margin-bottom: 8px
}

.product-detail .right-top-first {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 25px;
    padding-top: 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.product-detail .right-top-third {
    margin-top: 15px
}

.product-detail .download-e-maual {
    width: 144px;
    color: #848484;
    border: 1px solid #848484;
    font-size: 13px;
    padding: 2px 10px;
    line-height: 13px
}

.product-detail .download-edoc {
    width: 455px;
    float: right;
    margin-left: auto;
    margin-top: 13px;
    margin-bottom: 13px
}

.product-detail .free-item-title {
    color: #848484;
    font-size: 11px;
    justify-content: center;
    width: 100%;
    height: 16px;
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding: 0px 6px
}

.item-title-thank {
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.free-modal-content {
    border-radius: 20px;
    box-shadow: -1px 1px 39px -6px rgba(0, 0, 0, .75)
}

.free-modal-content {
    background: #fb0043
}

.bundal-modal-content,
.free-modal-content {
    background: #001ed4
}

.free-gift-modal .modal-header,
.free-gift-modal .modal-footer {
    border: 0px
}

.free-gift-modal .modal-title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 30px;
    color: #fff
}

.free-box {
    border-bottom: 2px solid #999;
    padding-bottom: 15px
}

.free-box:last-child {
    border-bottom: 0px
}

.free-box .pro-name {
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-size: 16px
}

.free-box img {
    width: 1px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
    height: 95px;
    width: auto
}

.free-modal-body {
    background: #fff;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    text-align: center;
    color: #848484;
    font-size: 16px;
    margin-bottom: 5px
}

.product-detail .pink-box {
    color: #fff;
    font-size: 25px;
    line-height: 25px;
    width: 85px;
    min-width: 85px;
    height: 70px;
    text-align: right;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    display: flex;
    align-items: center;
    float: left;
    padding: 15px 5px;
    flex-direction: column
}

.product-detail .free-item-main,
.product-detail .bundal-item-main {
    display: inline-block;
    position: relative;
    padding: 5px 0px;
    width: 100%;
    background: #fff;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
    display: flex
}

.pink-box span,
.bundal-box span {
    font-size: 12px;
    position: absolute;
    left: 76px;
    bottom: 19px;
    color: #e1dede
}

.bundal-txt {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.bundal-off {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600
}

.product-detail .bundal-item-main-con {
    border: 3px solid #001ed4;
    background: #001ed4;
    border-radius: 12px;
    margin-bottom: 20px;
    display: inline-flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden
}

.bundal-disable {
    position: relative
}

.product-detail .free-item-main-con {
    border: 3px solid #fb0043;
    background: #fb0043;
    border-radius: 12px;
    margin-bottom: 20px;
    display: inline-flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden
}

.pink-box span,
.bundal-box span {
    font-size: 12px
}

.product-detail .free-item-single,
.product-detail .free-item-double,
.product-detail .bundal-item-single,
.product-detail .bundal-item-double {
    width: -moz-fit-content;
    width: fit-content
}

.product-detail .free-item-set,
.product-detail .bundal-item-set {
    display: flex;
    width: 100%
}

.product-detail .free-item,
.product-detail .bundal-item {
    position: relative;
    border-right: 2px solid #969696;
    justify-content: center;
    display: flex;
    flex-direction: column;
    width: -webkit-fill-available
}

.product-detail .free-item-set .free-item:last-child {
    border: 0px
}

.product-detail .free-item img,
.product-detail .bundal-item img {
    margin-left: auto;
    margin-right: auto;
    height: 60px;
    padding: 0px 10px
}

.product-detail .btn-gift-registery {
    background: #00b2c9;
    width: 100%;
    height: 30px;
    font-size: 16px;
    border: 0px;
    border-radius: 5px;
    margin-bottom: 10px;
    color: #fff
}

.product-detail .normal-btn {
    background: #fff;
    border: 1px solid gray;
    width: 100%;
    height: 26px;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #848484
}

.product-detail .right-top-second {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

.product-detail .right-top-fourth {
    padding-top: 15px;
    border-top: 1px solid #ccc;
    margin-top: 6px
}

.product-detail .dis-div {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 6px
}

.product-detail .icon-div img {
    width: 20px
}

.product-detail .icon-div2 img {
    max-width: 30px
}

.product-detail .sub-title {
    color: #575756
}

.product-detail .main-title {
    color: #848484;
    font-size: 13px
}

.product-detail .logo-con span {
    font-size: 11px;
    padding-bottom: 2px
}

.payment-option {
    border: 1px solid #ccc;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    text-align: center;
    margin-right: 2px;
    flex-direction: column;
    padding: 0px 2px;
    width: 100%;
    cursor: pointer
}

.discount-banner,
.free-delivery-banner {
    margin-bottom: 20px
}

.mobi-menu-icon {
    width: 22px;
    height: 14px
}

.pay-details {
    line-height: 13px;
    vertical-align: bottom;
    margin-top: 2px
}

.ash-tag-con {
    position: absolute;
    right: 0px;
    bottom: 0px
}

.easy-payments-plans-con h2 {
    margin-bottom: 0px;
    color: #333;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500
}

.easy-payments-plans-con {
    margin-top: 12px;
    margin-bottom: 12px
}

.product-detail .coupen:last-child {
    margin-right: 0px
}

.product-detail .color-border {
    width: 35px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px
}

.product-detail .size-box {
    min-width: 60px;
    border-radius: 3px;
    color: #575756;
    border: 1px solid #ccc;
    padding: 0px 5px;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize
}

.wish-product-img {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.bundal-check {
    left: 15px;
    position: absolute
}

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

.wish-btn-set {
    display: flex;
    justify-content: center;
    padding: 0px 15px
}

.close-pay-modal:hover {
    cursor: pointer
}

.wish-list-item:hover .wish-btn-set {
    display: flex
}

.cart-step-title {
    font-size: 16px;
    color: #001ed4;
    font-weight: 600;
    line-height: 16px
}

.v-step-main {
    margin-bottom: 10px;
    margin-top: 20px;
    display: flex;
    align-items: center
}

.d-flex-wrap {
    display: flex;
    flex-wrap: wrap
}

.cart-step-sm {
    width: 20px;
    height: 20px;
    background: #001ed4;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px
}

@media(pointer: coarse), (hover: none) {
    [title] {
        position: relative;
        display: inline-flex;
        justify-content: center
    }

    [title]:focus::after {
        content: attr(title);
        position: absolute;
        top: 90%;
        color: #000;
        background-color: #fff;
        border: 1px solid;
        width: -moz-fit-content;
        width: fit-content;
        padding: 3px;
        font-size: 10px
    }
}

.cart-step {
    width: 25px;
    height: 25px;
    background: #b8b2b2;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px
}

.check-out-accordion .active .cart-step {
    background: #001ed4
}

.warranty-select {
    font-size: 13px;
    color: #848484
}

.product-detail .flash-txt {
    color: #001ed4;
    font-size: 20px;
    font-weight: 600
}

.product-detail .flash-min-txt {
    font-size: 13px;
    display: block;
    color: #575756;
    line-height: 11px;
    font-weight: 500
}

.flash-title {
    margin-right: 15px
}

.cart-qty-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px
}

.cart-qty-container .qty-btn-minus {
    margin-right: -1px
}

.f12 {
    font-size: 12px
}

.thank-white-box {
    background: #fff;
    padding: 15px;
    height: auto;
    overflow: auto
}

.billing-title {
    margin-top: 10px;
    font-size: 20px;
    color: #001ed4;
    font-weight: 600;
    margin-bottom: 25px;
    border-bottom: 2px solid #001ed4;
    padding-bottom: 8px
}

.billing-title-sub {
    font-size: 20px;
    color: #001ed4;
    font-weight: 600;
    margin-top: 0px;
    padding-top: 10px
}

.del-to-diff-add {
    display: none
}

.link-add-address {
    padding: 0px 20px;
    text-decoration: underline;
    font-size: 14px
}

.ins-amount .right-pay-td {
    min-width: 75px;
    text-align: right
}

.del-loc {
    margin-right: 10px;
    border-radius: 0px
}

.i-default {
    color: #564585;
    font-size: 12px;
    margin-right: 18px !important
}

.delivery-data {
    margin-top: 30px
}

.i-purple {
    color: #001ed4
}

.link-change-address {
    color: #666;
    font-size: 14px;
    text-decoration: underline;
    padding-left: 0px;
    vertical-align: bottom
}

.link-change-address:hover {
    color: #001ed4
}

.head-bill {
    font-size: 14px;
    margin-bottom: 0px;
    padding: 10px 0px;
    text-decoration: underline;
    font-weight: 500
}

.ins-amount {
    text-align: right
}

.purple-hr {
    border-bottom: 2px solid #001ed4;
    opacity: .7
}

.payment-logos-head img {
    margin-right: 8px;
    margin-left: 8px
}

.payment-logos-head img:first-child {
    margin-left: 0px
}

.pl-20 {
    padding-left: 20px
}

.cart-qty-container .qty-btn-minus,
.cart-qty-container .qty-btn-plus {
    border: 1px solid #d4d4d4;
    font-size: 10px;
    height: 32px;
    width: 32px;
    transition: .3s
}

.tbl-order-summary td {
    padding: 4px 0px;
    font-size: 16px
}

.thank-paragraph p {
    margin-bottom: 0px;
    font-size: 13px;
    padding-bottom: 10px
}

.loy-point h5,
.promotion-code-div h4 {
    color: #776378;
    font-size: 16px;
    margin-bottom: 0px
}

.cart-user-promo {
    width: calc(100% - 102px)
}

.cart-table {
    margin-bottom: 30px;
    width: 100%;
    table-layout: fixed
}

.cart-hr hr {
    margin-top: 30px;
    margin-bottom: 30px
}

.btn-apply {
    width: 102px
}

.mobi-btn-btu {
    background: #fff;
    border: 1px solid #b4afaf;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #848484;
    padding: 5px
}

.redeem-top {
    margin-right: auto;
    display: inline-block
}

.pr-0 {
    padding-right: 0px
}

.redeem-top p {
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 14px;
    color: #514f4f;
    margin-left: 0px;
    padding-left: 0px
}

.btn-redeem {
    background: #564585;
    color: #fff;
    line-height: 30px;
    float: right;
    padding: 3px 20px;
    font-size: 14px
}

.redeem-con {
    background: #e6d9ee;
    display: flex;
    padding: 5px 10px;
    align-items: center
}

.close-discount-modal {
    float: right;
    text-align: right
}

.loy-point p {
    font-size: 13px;
    color: #8b8686;
    padding: 0px
}

.cart-qty-container .input-qty {
    text-align: center;
    padding: 6px 10px;
    border: 1px solid #d4d4d4;
    width: 45px;
    height: 32px
}

.check-out-accordion .panel {
    border: none;
    border-radius: 5px;
    box-shadow: none;
    margin: 0 0 10px;
    overflow: hidden;
    position: relative
}

.check-out-accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 0;
    z-index: 1;
    position: relative
}

.check-out-accordion .panel-heading:after {
    left: auto;
    right: 10px;
    transform: rotate(3deg)
}

.check-out-accordion .panel-title a {
    display: flex;
    padding: 12px;
    margin: 0;
    background: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 0;
    position: relative;
    align-items: center
}

.check-out-accordion .panel-title {
    margin-bottom: 0px
}

.check-out-accordion .panel-title a:before,
.check-out-accordion .panel-title a.collapsed:before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 55px;
    height: 100%;
    text-align: center;
    line-height: 50px;
    border-left: 1px solid #ccc;
    position: absolute;
    top: 0;
    right: 0
}

.check-out-accordion .panel-title a.collapsed:before {
    content: ""
}

.check-out-accordion .panel-title a .icon {
    display: inline-block;
    width: 55px;
    height: 100%;
    border-right: 1px solid #ccc;
    font-size: 20px;
    color: rgba(0, 0, 0, .7);
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0
}

.text-muted a {
    color: #001ed4;
    text-decoration: underline
}

#accordion-payment {
    padding: 20px 0px
}

.promo-tab-content p {
    font-size: 12px !important
}

.check-out-accordion .panel-body {
    padding: 0px 20px;
    border-top: none;
    background: #fff;
    font-size: 15px;
    color: #333;
    line-height: 27px;
    padding-bottom: 20px;
    border-radius: 6px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
}

#mainnav ul.menu>li>a {
    margin-top: -2px
}

.ins-plan-dis .td-headding {
    color: #5a495b;
    font-weight: 400
}

.ins-plan-dis .ins-amount {
    color: #5a495b;
    font-weight: 600
}

.sinhala-pay {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px
}

.img-free-itm-more {
    height: 20px;
    text-align: center
}

.img-free-itm-two {
    height: 32px;
    text-align: center
}

.free-head {
    font-size: 15px;
    background: #fb0043;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-style: italic
}

.cart-free-main {
    background: #fb0043;
    padding: 3px;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 10px;
    max-width: -moz-fit-content;
    max-width: fit-content;
    position: absolute;
    bottom: 0px;
    left: 5px
}

.cart-free table {
    width: 100%
}

.cart-free td {
    text-align: center
}

.cart-free {
    height: -moz-fit-content;
    height: fit-content;
    background: #fff;
    border-radius: 8px;
    width: 55px;
    min-height: 72px;
    display: flex
}

.one-item {
    max-width: 100%;
    margin: auto;
    display: block
}

#mainnav ul.menu>li>a>.fa-chevron-down,
.lineUp i {
    font-size: 7px !important;
    margin-left: 10px !important
}

#accordion-payment .panel-title a {
    display: block;
    background: #f9f8f8;
    border: 1px solid #d8d8d8;
    font-size: 16px;
    color: #6a717a;
    font-weight: 600;
    line-height: 22px;
    border-radius: 6px;
    min-height: 70px
}

#accordion-payment .panel-body {
    border: 1px solid #ccc;
    padding: 0px 20px;
    border-top: 0px;
    margin: 0px
}

#accordion-payment .panel {
    margin: 0px;
    margin-bottom: 20px
}

.payment-plans-main {
    display: flex;
    flex-direction: column
}

.payment-plans-logos {
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 0px
}

.payment-plans-logos li {
    cursor: pointer;
    height: 62px;
    width: 120px;
    display: flex;
    margin-right: 1%;
    align-items: center;
    justify-content: center;
    border: 2px solid #eae7e7;
    padding: 3px;
    margin-top: 1rem
}

.thank-td-product {
    width: 50%
}

.thank-td-val {
    text-align: right;
    color: #9d338f;
    font-weight: 500
}

.koko {
    display: flex;
    align-items: self-end;
    align-self: center
}

.koko div {
    margin-left: 3px
}

.koko img {
    width: 40px;
    height: auto;
    margin-left: 2px;
    vertical-align: baseline
}

.mobile-cart-th-summary td {
    color: #915d8a;
    font-weight: 500;
    font-size: 16px
}

.thank-del-info label {
    width: 100%;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 2px;
    color: #5c5c64
}

.od-s {
    padding: 10px 0px;
    padding-bottom: 0px
}

.bank-box {
    width: 30%;
    box-shadow: 1px 2px 5px 2px #dbdbdb;
    padding: 30px 20px;
    margin-bottom: 40px;
    margin-right: 26px
}

.bank-logo-thank {
    height: 38px;
    margin-bottom: 20px
}

.bank-logo-thank img {
    max-width: 100%;
    max-height: 38px
}

.deliver-back {
    background: url(../images/delivery-thank.png);
    background-position: 110% -7%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 120px 120px
}

.payment-back {
    background: url(../images/security-thank.png);
    background-position: 110% -7%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 120px 120px
}

.deposit-thank td {
    font-size: 13px;
    font-weight: 500;
    color: #564457;
    line-height: 18px
}

.thank-head {
    color: #001ed4;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px
}

.thank-del-info span {
    color: #706471;
    font-size: 15px
}

.thank-table-order th,
.thank-table-order td {
    font-size: 16px;
    padding-bottom: 6px
}

.thank-summary tr {
    border-bottom: 0px !important
}

.thank-summary .ash-color {
    color: #444;
    font-weight: 500;
    line-height: 28px
}

.thank-cart-table .cart-total {
    font-weight: 600 !important
}

.thank-cart-table th {
    color: #444;
    font-weight: 500;
    font-size: 16px;
    border-bottom: 1px solid #ccc
}

.pament-message {
    text-align: center;
    padding-top: 40px;
    margin-bottom: 40px
}

.pament-message img {
    width: 50px;
    margin-bottom: 25px
}

.payment-msg h4 {
    color: #686464;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 24px
}

.payment-disc {
    font-size: 16px;
    color: #333
}

.free-order-blue {
    background: #0d6efd !important
}

.free-order-blue:hover {
    background: #267cfb
}

.check-out-accordion .panel-title a::before,
.check-out-accordion .panel-title a.collapsed::before {
    border-left: 0px
}

.background-form {
    background: url("../images/loyality-background.png");
    background-size: cover;
    background-position: center top
}

.otp-background {
    background: url(../images/otp-backend.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: auto
}

.vertical-step .ins-amount {
    font-weight: 600;
    color: #5a495b
}

.otp-l:last-child {
    margin-right: 0px
}

.ins-plan-dis td {
    border: 0px;
    padding: 2px 0px !important
}

.pay-installment .form-check {
    margin-right: 30px
}

.payment-plans-logos img {
    cursor: pointer;
    width: auto;
    height: auto;
    max-width: 100%;
    margin-left: 0;
    border: none;
    max-height: 45px;
    padding: 0px 10px
}

.myabans {
    border: 1px solid #001ed4;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.myabans img {
    min-width: 100px
}

.product-detail .qty-container {
    display: inline-flex;
    width: 62px;
    margin-right: 5px;
    position: relative
}

.product-detail .add-tocart {
    background: #001ed4;
    color: #fff;
    font-size: 17px;
    width: 146px;
    margin-right: 5px;
    height: 36px
}

.product-detail .add-tocart:hover {
    background: #86228b;
    cursor: pointer
}

.payment-option:hover {
    border: 1px solid #001ed4
}

.product-detail .buy-now:hover {
    background: #06be88
}

.product-detail .buy-now {
    color: #fff;
    font-size: 17px;
    background: #1ca558;
    width: 146px;
    height: 36px
}

.product-detail .pre-order {
    width: 146px;
    height: 36px
}

.product-detail .out-of-stock-btn {
    color: #211e1e;
    font-size: 16px;
    background: #d8d5d5;
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    border: 0px;
    font-weight: 500;
    border: 0px
}

.pro-details-owl-main {
    padding-left: 0px;
    padding-right: 0px
}

.product-detail .out-of-stock-btn:hover {
    opacity: 1
}

.product-detail .qty-container .input-qty {
    text-align: center;
    border: 1px solid #ccc;
    min-width: 62px;
    height: 36px;
    border-radius: 5px
}

.ex-warranty {
    padding-top: 5px
}

.qty-container .qty-btn-minus {
    border: 0px;
    background: rgba(0, 0, 0, 0);
    font-size: 10px;
    height: 32px;
    width: 18px;
    transition: .3s;
    position: absolute;
    padding: 0px;
    left: -3px
}

.wishlist-main {
    border: 1px solid #dfd7df;
    background: #fff;
    min-height: 100%;
    max-height: -moz-max-content;
    max-height: max-content;
    overflow: auto
}

.wishlist-count {
    width: 40px;
    height: 28px;
    margin-right: 5px
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #468847;
    border: 1px solid #468847
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #b94a48;
    border: 1px solid #b94a48
}

.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: .9em;
    line-height: .9em;
    opacity: 0;
    color: #b94a48;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in
}

.parsley-errors-list.filled {
    opacity: 1
}

.wish-add-tocart {
    height: 28px;
    width: -webkit-fill-available;
    font-size: 14px;
    border: 0px;
    padding: 0px 8px;
    background: #001ed4;
    color: #fff;
    margin-right: 5px;
    border-radius: 0px;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center
}

.wish-add-tocart:hover,
.wish-add-tocart:focus {
    background: #86228b;
    color: #fff
}

.wish-list-del {
    color: #aaa7a7;
    font-size: 12px;
    height: 28px;
    border: 1px solid;
    border-radius: 0px;
    padding: 0px 6px;
    display: flex;
    align-items: center
}

.product-detail .btn-set {
    padding-bottom: 20px
}

.qty-container .qty-btn-plus {
    border: 0px;
    background: rgba(0, 0, 0, 0);
    font-size: 10px;
    height: 32px;
    width: 18px;
    transition: .3s;
    position: absolute;
    padding: 0px;
    right: 8px
}

.btn-set {
    display: flex
}

.option-main-con {
    margin-bottom: 20px
}

.product-detail .form-select {
    background-position: right .3rem center
}

.product-detail .flash-sale-timer-con {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.product-detail .detail-page-timer {
    padding-left: 20px;
    padding-right: 20px
}

.product-detail .ptb-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.product-detail .color-set,
.product-detail .size-set {
    display: flex;
    flex-wrap: wrap !important
}

.product-detail .color-border .main-color {
    width: 28px;
    height: 15px;
    border-radius: 8px;
    cursor: pointer
}

.product-main-price-con {
    margin-bottom: 30px
}

.product-detail .selling-price-de {
    color: #ff0049;
    font-size: 30px;
    margin-right: 4px;
    font-weight: 600;
    line-height: 34px
}

.product-detail .market-price-de {
    font-size: 22px;
    color: #848484;
    line-height: 25px
}

.product-detail .cut-off {
    text-decoration: line-through
}

.product-detail .special-price {
    font-size: 22px;
    color: #17c118;
    line-height: 24px;
    font-weight: 600
}

.adtional-dis {
    display: flex;
    flex-wrap: wrap
}

.product-main-price-con {
    margin-bottom: 16px
}

.add-dis-box {
    align-items: center;
    width: 100%;
    position: relative;
    padding-top: 13px
}

.dis-main-hover {
    background: #fff;
    z-index: 100;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer
}

.no-ins-pro {
    font-size: 10px;
    font-weight: 400;
    background: #937196;
    color: #fff;
    border-radius: 3px;
    margin-top: 5px;
    padding: 2px 6px
}

.discount-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: .5;
    transition: opacity .4s;
    z-index: 100;
    display: none;
    left: 0px
}

.dis-count-main {
    position: relative
}

.pay-shadow {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, .2)
}

.offer-ends-main {
    width: auto;
    float: left;
    margin-top: -6px
}

.dis-right-top {
    display: flex;
    justify-content: center;
    align-items: center
}

.toggle-discount-box {
    position: absolute;
    background: #fff;
    z-index: 100;
    border-radius: 5px;
    border-top-left-radius: 0px;
    padding: 10px;
    display: none;
    overflow: auto;
    height: auto;
    margin-top: 10px;
    z-index: 200
}

.toggle-discount-box {
    border: 1px solid #ccc
}

.mobi-res-tabl {
    height: 400px;
    overflow: auto
}

.main-dis-txt {
    font-weight: 600;
    font-size: 14px !important;
    color: #8b8b90;
    padding: 13px 0px;
    border-bottom: 1px solid
}

.bank-offer-end {
    font-size: 11px;
    font-weight: 500
}

.offer-ends-main a {
    font-weight: 500;
    font-size: 11px;
    color: #001ed4;
    text-decoration: underline;
    margin: 0px 2px;
    text-align: center
}

.dis-terms {
    font-weight: 600;
    color: #8b8b90;
    padding: 15px 0px;
    font-size: 15px !important;
    padding-bottom: 0px
}

.offer-ends-main {
    display: block
}

.dis-terms-ul {
    list-style: disc
}

.dis-terms-ul li {
    font-size: 12px
}

.payment-plans {
    width: 100%;
    box-shadow: 0 0 4px rgba(0, 0, 0, .16);
    border: 1px solid #dcdbdb;
    opacity: 1;
    margin-top: 0px
}

.toggle-discount-box .active-tab {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, .2)
}

.payment-plans th {
    background: #f9f9f9;
    color: #5c5c64;
    height: 44px;
    padding-bottom: 12px;
    font-size: 12px
}

.product-view .fa-eye {
    color: #001ed4
}

.payment-plans th {
    border: 1px solid #e2e2e2
}

.payment-plans td {
    letter-spacing: 0;
    color: #343334;
    vertical-align: middle;
    opacity: 1;
    border: 1px solid #e2e2e2;
    height: 26px;
    padding: 0px 14px;
    font-size: 12px
}

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

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

.ash-offer-tag {
    position: relative;
    background: #8e8e8e;
    font-size: 11px;
    color: #fff;
    padding: 4px 6px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-weight: 900;
    min-width: 45px;
    float: right;
    margin-right: 15px;
    line-height: 10px
}

.mobi-language-con {
    padding-right: 0px !important
}

.up-to {
    font-size: 9px;
    line-height: 9px;
    color: #848484
}

.brands-mobi-main,
.mobile-today-offers {
    width: 100%;
    height: 100vh;
    background: #fff;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 500;
    padding: 0px 20px;
    padding-top: 12px;
    display: none
}

.brands-mobi-main {
    overflow: auto;
    z-index: 900
}

.t-offer a {
    color: #736382;
    font-size: 14px;
    line-height: 17px;
    padding: 15px;
    border-bottom: 1px solid #e6e5e6;
    display: block;
    text-decoration: none;
    padding-left: 5px
}

.mobi-close-new {
    color: #333;
    display: flex;
    margin-left: auto;
    width: 30px;
    background: rgba(0, 0, 0, 0);
    border: 0px;
    align-items: center;
    font-size: 30px;
    z-index: 100;
    position: absolute;
    right: 22px;
    top: 15px;
    text-align: center
}

.brand-title {
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
    color: #001ed4
}

.top-brand {
    font-size: 16px;
    margin-bottom: 20px
}

.mobi-brand-img {
    width: 31.5%;
    min-height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b4b4b4;
    margin-bottom: 14px;
    margin-right: 2.2606382%
}

.p-all-10 {
    padding: 10px
}

.bb-title {
    letter-spacing: 0;
    color: #000;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: bold
}

.brand-name a {
    color: #333
}

.brand-name a:hover {
    color: #001ed4
}

.mobi-brand-img:nth-child(3) {
    margin-right: 0px
}

.mobi-brand-img img {
    max-width: 100%;
    height: 45px;
    vertical-align: middle
}

.add-dis-presentage {
    line-height: 20px;
    color: #848484;
    font-weight: 800
}

.dis-left {
    display: flex;
    flex-direction: column;
    padding-right: 6px;
    border-right: 1px solid #848484
}

.dis-right {
    position: relative;
    width: 100%;
    padding: 0px 5px;
    padding-left: 0px;
    line-height: 16px
}

.add-dis-off {
    font-size: 13px;
    line-height: 14px;
    color: #848484;
    font-weight: 600
}

.addional-dis-txt {
    color: #333;
    font-size: 14px;
    display: block;
    width: 100%;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 6px
}

.market-price,
.selling-price,
.save-price-pro {
    padding: 0px 5px;
    padding-left: 0px
}

.home-buynow:hover {
    background: #86228b
}

.btn-which-list {
    padding: 0px 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center
}

.promo-btn:hover {
    color: #fff !important
}

.btn-which-list:hover {
    cursor: pointer
}

.review-products .pro-review-compact {
    height: 20px;
    overflow: hidden;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.bundle-product-right {
    width: -webkit-fill-available
}

.bundle-product-set {
    width: 100%
}

.btu-opt-con {
    display: flex;
    justify-content: center
}

.btu-description {
    height: 120px;
    overflow-y: scroll
}

.review-purple {
    background: #210026;
    padding: 25px;
    margin-top: 40px
}

.review-align {
    padding: 15px
}

.review-main-title {
    font-size: 16px;
    color: #fff;
    margin-right: 20px
}

.product-detail .product-title {
    color: #575756;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0px;
    line-height: 28px;
    margin-bottom: 8px
}

.mt-15 {
    margin-top: 15px
}

.border-line {
    width: calc(100% - 160px)
}

.border-line hr {
    border-color: #fff;
    border-top: 1px solid #fff;
    width: 100%;
    opacity: 1;
    margin-right: 20px
}

.review-slide-img img {
    width: 30%
}

.mb-12 {
    margin-bottom: 12px !important
}

.owl-theme .owl-dots .owl-dot span {
    width: 20px !important;
    height: 5px !important;
    margin: 7px 3px !important;
    border-radius: 3px !important;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #001ed4
}

.owl-dot.active span {
    background: #001ed4 !important
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0px !important
}

.main-promotions .owl-dots {
    display: block !important
}

.owl-dots {
    height: 10px
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 1 !important
}

.fly .inner {
    border-left: 0px;
    box-shadow: 3px 0 3px 0 rgba(0, 0, 0, .1)
}

#sync2 .review-thumb-product {
    background: #fff;
    padding: 0px;
    margin: 5px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    height: 100px;
    display: flex;
    overflow: hidden
}

.thumb-re-pro-title {
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 20px
}

.delivery-pickup-details p {
    padding-top: 0px;
    padding-bottom: 0px;
    text-transform: lowercase
}

.lock-product {
    position: absolute;
    top: 50%
}

.pickup-location p {
    padding: 0px;
    margin: 0px
}

.delivery-pickup-details p::first-letter {
    text-transform: capitalize
}

#sync2 .item img {
    display: block;
    width: auto !important;
    max-height: 100px;
    margin: 0px auto
}

#sync1.owl-theme {
    position: relative
}

#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
    width: 22px;
    height: 24px;
    margin-top: -20px;
    position: absolute;
    top: 50%
}

#sync1.owl-theme .owl-prev {
    left: 0px
}

#sync1.owl-theme .owl-next {
    right: 0px
}

.custom-home-banner-large {
    padding: 3px 2px !important;
    padding-top: 2px !important
}

.extra-save {
    display: flex !important;
    justify-content: center;
    align-items: center
}

.extra-save-amount {
    color: #fff;
    font-weight: 600
}

.normal-pro-promo-tags {
    position: absolute;
    right: 15px;
    top: 15px;
    display: flex;
    justify-content: center;
    width: 45px;
    align-items: center;
    flex-direction: column;
    height: auto;
    text-align: center
}

a:hover {
    color: #001ed4;
    cursor: pointer
}

.btn-site-default:hover {
    color: #fff;
    background: #86228b
}

.log-popup-links {
    padding: 0px;
    margin-bottom: 0px
}

.mobile-header-container .user-name {
    color: #001ed4
}

.log-popup-links li {
    padding: 0px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important
}

.log-popup-links li:last-child {
    padding-bottom: 0px !important
}

.log-popup-links img {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    border-radius: 0px !important
}

.discout-tag,
.discout-tag-flash {
    background: #ff0e58;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    z-index: 100;
    position: relative
}

.thank-page-in p {
    margin: 0px;
    padding: 0px;
    color: #5c5c64;
    font-size: 14px
}

.thankyou-ico {
    width: 15px;
    height: auto;
    margin-right: 10px
}

.thank-white-box {
    border-radius: 5px
}

.extra-save {
    position: relative;
    z-index: 99
}

.off-txt {
    font-size: 8px;
    line-height: 8px;
    font-weight: 300
}

.dil-diff-add {
    font-weight: 600
}

.pay-con-txt-se {
    display: flex;
    align-items: center
}

.btn-check-out {
    min-width: 90px
}

.text-ash-store {
    color: #807c8d !important
}

.free-pic {
    font-weight: 600;
    color: #807c8d
}

.brand-img {
    border: 1px solid #b4b4b4;
    padding: 5px;
    width: 23.140495868%;
    margin-bottom: 11px;
    margin-right: 2.479338842%;
    height: 78px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

@-moz-document url-prefix() {
    .brand-img {
        border: 1px solid #b4b4b4;
        padding: 5px;
        width: 23.140495868%;
        margin-bottom: 11px;
        margin-right: 2.479338842%;
        height: 78px;
        text-align: center;
        display: block;
        justify-content: center;
        align-items: center
    }
}

.brand-img img {
    width: 90%;
    -o-object-fit: cover;
    object-fit: cover
}

.home-product {
    margin-bottom: 16px;
    border-bottom: 1px solid #dedede;
    margin-left: 0;
    padding-bottom: 5px;
    padding-top: 30px
}

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

.pr-0 {
    padding-right: 0px !important
}

.item-count {
    background: #e73030 0 0 no-repeat padding-box;
    margin: 0;
    border-radius: 50%;
    color: #fff;
    width: 15px;
    height: 15px;
    text-align: center;
    font-size: 11px;
    position: absolute
}

.mobi-header-btn .item-count {
    background: #e73030 0 0 no-repeat padding-box;
    margin: 0;
    border-radius: 50%;
    color: #fff;
    width: 15px;
    height: 15px;
    text-align: center;
    font-size: 11px;
    position: absolute
}

.view-all-txt {
    align-items: center;
    float: right;
    margin-left: unset;
    text-align: right;
    margin-left: auto
}

.home-page-product-title {
    width: -moz-fit-content;
    width: fit-content;
    letter-spacing: 0;
    margin-bottom: 0px;
    padding-left: 0px;
    font-weight: 500;
    color: #001ed4
}

.bg-purple {
    background: #001ed4
}

.site-common-con {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.welcome {
    padding: 15px;
    padding-bottom: 20px
}

.welcome small {
    text-transform: capitalize
}

.welcome .name {
    font-size: 18px;
    text-transform: capitalize;
    margin: 0px;
    color: #001ed4;
    padding: 0px
}

.view-all-link {
    float: right;
    text-decoration: none;
    margin-top: 3px;
    font-weight: 500;
    letter-spacing: 0;
    color: #3d2051;
    width: -moz-max-content;
    width: max-content;
    text-align: right
}

.top-search {
    position: relative;
    box-shadow: 0 0 40px rgba(51, 51, 51, .1)
}

.top-right-nav {
    padding: 0px
}

.des-logo {
    position: relative;
    float: left;
    display: inline-block;
    width: 17%
}

.product-btn-set {
    padding: 0px 2px;
    border-radius: 3px;
    margin-bottom: 0px;
    background: rgba(0, 0, 0, 0)
}

.btn-limitied-stock {
    color: #00b0b7;
    border: 1px solid #00b0b7
}

.btn-free-delivery {
    background: #ff9800;
    color: #fff
}

.btn-limitied-bundle {
    background: #001ed4;
    color: #fff;
    border: 1px solid #001ed4
}

.btn-free-order {
    border: 1px solid #17c118;
    color: #17c118
}

.btn-exclusive {
    border: 1px solid #fb0043;
    color: #fb0043
}

.btn-new-pro {
    border: 1px solid #00b0b7;
    color: #00b0b7
}

.destop-main-header {
    display: flex;
    align-items: center
}

.des-logo img {
    max-width: 100%;
    height: 50px !important;
}

.mini-cart-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0;
    transition: opacity .4s
}

.mini-cart .cart-logo img {
    height: 30px;
    width: auto;
    margin: 20px 0px
}

.mini-cart h4 {
    color: #69526a;
    font-size: 25px;
    margin: 20px 0px
}

.mini-cart .sub-total-label {
    font-size: 18px;
    color: #001ed4
}

.mini-cart .toatal-div-main {
    display: flex;
    justify-content: center
}

.mini-cart .cart-product {
    border-bottom: 1px solid #ccc;
    padding-top: 25px
}

.mini-cart .cart-product:last-child {
    border: 0px
}

.mini-cart .product-price {
    color: #001ed4;
    font-weight: 500
}

.mini-cart .cart-scroll {
    max-height: 350px;
    overflow: auto
}

.mini-cart .cart-include {
    color: #717171;
    text-transform: uppercase;
    margin-top: 25px;
    font-weight: 500
}

.mini-cart .product-img {
    width: 70px;
    height: auto;
    border: 1px solid #ccc;
    padding: 8px 5px
}

.mini-cart .product-title {
    padding: 0px 15px
}

.mini-cart .cart-icon-btn {
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 30px
}

.mini-cart .pro-right {
    margin-left: auto
}

.mini-cart .pro-price {
    font-size: 16px;
    font-weight: 600;
    color: 600
}

.mini-cart .main-sub-details {
    padding: 20px 0px
}

.mini-cart .main-pro-details,
.mini-cart .main-sub-details {
    display: flex;
    align-items: center
}

.mini-cart .main-sub-details {
    margin-left: auto
}

.mini-cart .product-img img {
    width: 100%;
    height: auto
}

.mini-cart .sub-total {
    font-weight: 500;
    font-size: 18px;
    color: #001ed4
}

.mini-cart .pro-amount {
    background: #f5f5f5;
    margin-left: auto;
    min-height: 30px;
    padding: 5px 10px;
    font-weight: 500
}

.mobi-language-con {
    display: flex;
    float: right;
    align-items: revert;
    justify-content: right
}

.mobi-sign-up-icon {
    height: 20px;
    vertical-align: top
}

.mini-cart .cart-white {
    width: 400px;
    position: fixed;
    height: 100%;
    right: 0px;
    top: 0px;
    background: #fff;
    padding: 10px 25px;
    overflow: auto;
    z-index: 9999
}

.destop-header .search-con {
    position: relative;
    display: inline-block;
    margin: 0px auto
}

.destop-header .txt-currency .fa-chevron-down {
    margin-left: 5px
}

.destop-header .txt-currency {
    margin-top: -2px
}

.site-converters .flag {
    height: 21px;
    width: auto;
    padding-right: 6px
}

.site-converters-mobi .flag {
    height: 21px;
    width: auto;
    padding-right: 6px
}

.site-converters-mobi .txt-lan,
.site-converters-mobi .txt-currency {
    font-size: 11px;
    text-align: left;
    line-height: 11px
}

.white-box-contact-info {
    background: #fff 0 0 no-repeat padding-box;
    box-shadow: 1px 3px 9px rgba(0, 0, 0, .16) !important;
    padding: 28px 35px 48px;
    width: 95%
}

.white-box-contact-info .contact-info {
    border-bottom: 1px solid #ccc;
    padding-top: 27px;
    padding-bottom: 27px
}

.acc-contact {
    margin-bottom: 40px
}

.acc-contact button {
    color: #564585;
    font-size: 20px;
    font-weight: 600
}

.contact-info:first-child {
    padding-top: 0px
}

.find-loc-link {
    background: #791e7e;
    color: #fff;
    padding: 15px
}

.find-loc-link img {
    filter: brightness(0) invert(1);
    margin-right: 15px
}

.contact-map {
    position: relative
}

.contact-form .form-control,
.contact-form textarea {
    border: 2px solid #b9b8b8
}

.find-loc-link .icon {
    margin-right: 15px
}

.btn-inq {
    float: right;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 30px
}

.find-loc-link .arrow {
    margin-left: 15px;
    font-size: 16px
}

.con-form-title {
    color: #564585;
    font-size: 24px;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px
}

.white-box-contact-info .contact-info:last-child {
    border-bottom: 0px
}

.trems-pdf {
    width: 100%;
    height: 400px;
    overflow: auto
}

.contact-title {
    font-size: 20px;
    color: #444;
    margin-bottom: 15px;
    font-weight: 500
}

.contact-form .form-group label {
    color: #736382;
    font-weight: 500
}

.form-group label {
    padding-bottom: 3px
}

.contact-txt {
    font-size: 18px;
    color: #564585;
    font-weight: 500
}

.payment-plans-logos .select-pay {
    border: 2px solid #001ed4
}

.transparent {
    color: rgba(0, 0, 0, 0) !important
}

.contact-txt i {
    padding-right: 15px
}

.color-purple {
    color: #001ed4 !important
}

.txt-lan {
    font-size: 12px;
    color: #001ed4
}

.txt-currency {
    font-size: 12px;
    font-weight: 700;
    color: #001ed4
}

.site-converters {
    position: relative;
    display: inline-flex;
    align-items: center
}

.site-converters-mobi {
    position: relative;
    display: flex;
    align-items: center
}

.destop-header .header-right-con {
    position: relative;
    display: inline-block;
    float: right
}

.call-convert {
    color: #e90b0b;
    font-weight: 600;
    margin-top: 15px
}

.top-right-nav li {
    display: inline-block;
    float: left;
    padding: 0px 20px
}

.top-right-nav li:first-child {
    padding-left: 0px
}

.top-right-nav li:last-child {
    padding-right: 0px
}

.duty-free {
    width: 30px;
    height: auto;
    margin-right: 6px
}

.main {
    background: #f93;
    background: linear-gradient(52deg, rgb(255, 153, 51) 0%, rgb(233, 77, 120) 46%, rgb(142, 5, 124) 100%);
    height: 90px;
    color: #fff;
    border-radius: 10px
}

.myabans {
    height: auto;
    padding: 8px 15px
}

.myabans img {
    width: 110px
}

.points-main {
    background: #f93;
    background: linear-gradient(52deg, rgb(255, 153, 51) 0%, rgb(233, 77, 120) 46%, rgb(142, 5, 124) 100%);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.points-main .av-txt {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    line-height: 11px
}

.points-main {
    display: flex;
    align-items: center;
    padding: 6px 8px
}

.points-main .av-points {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    line-height: 11px;
    margin-left: 6px
}

.auth-container {
    display: inline-flex;
    margin: 0px 20px
}

.reedm-amount-txt-box {
    min-height: 46px;
    max-width: 135px
}

.reedm-p {
    color: #878787;
    font-weight: 500;
    margin-bottom: 8px;
    padding-bottom: 0px
}

.redeem-btn {
    min-height: 46px
}

.free-gift-check {
    position: absolute;
    top: 0px;
    left: 10px
}

.bundal-gift-check {
    position: absolute;
    top: 0px;
    left: 10px
}

.pro-details-owl-main {
    margin-top: 20px;
    margin-bottom: 20px
}

.product-spc-tab .nav-item a {
    padding: 10px;
    font-size: 16px;
    border-radius: 0px;
    border: 1px solid #ccc;
    color: #333;
    font-weight: 400
}

.product-spc-tab li {
    width: 16.66%
}

.product-spc-tab-con .active {
    border: 1px solid #ccc;
    padding: 10px 15px
}

.product-spc-tab .nav-tabs .nav-item .nav-link.active {
    background: #001ed4;
    border: 1px solid #001ed4;
    color: #fff
}

.product-spc-tab .nav-item:not(:last-child) {
    margin-right: 0rem
}

.bundel-products {
    max-width: 100%;
    flex: 0 0 100%;
    border-radius: 5px;
    padding-left: 0px;
    clear: both
}

.bundle-product-set,
.bundle-product-set-less-3 {
    border: 1px solid #ccc;
    height: auto;
    padding: 10px 0px;
    border-radius: 5px;
    position: relative;
    display: flex
}

.bundle-product-right {
    border-left: 1px solid #ccc
}

.bundle-product-set:last-child {
    margin-bottom: 0px
}

.bundle-product-left .bundle-item {
    border-right: 1px solid #ccc;
    text-align: center;
    position: relative
}

.bundle-itm-title {
    font-size: 14px;
    color: #848484;
    height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    width: 100%;
    word-break: break-all
}

.bundle-selling-price {
    color: #001ed4;
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px
}

.bundle-market-price {
    font-size: 13px;
    color: #848484;
    text-decoration: line-through
}

.bundle-dis-market-price {
    font-size: 18px;
    color: #848484;
    margin-left: -2px;
    text-decoration: line-through
}

.bundle-dis-selling-price {
    color: #001ed4;
    font-size: 25px;
    font-weight: 600;
    display: flex;
    line-height: 20px
}

.scrollspy-example,
.scrollspy-example p {
    font-size: 14px;
    padding: 0px
}

.xzoom-thumbs a {
    display: inline-block
}

.xzoom-main {
    width: 100%;
    margin-left: 15px
}

.xzoom-container {
    flex-direction: column
}

.bundle-offer-headding {
    color: #001ed4;
    margin-bottom: 15px
}

.bundile-price-data {
    display: flex
}

.bundle-product-set-less-3 {
    flex-direction: row;
    width: auto
}

.bundle-product-set-less-3 .bundle-product-right {
    border-left: 0px !important;
    border-top: 0px !important
}

.bundle-product-set-less-3 .bundle-item {
    width: 185px;
    min-width: 185px;
    display: inline-block
}

.bundle-item img {
    height: 100px;
    margin-bottom: 10px
}

.bundle-product-left {
    flex-wrap: wrap
}

.social-media-icon {
    display: flex
}

.bundle-add-cart {
    display: flex;
    margin-left: auto;
    align-items: center
}

.bundle-add-cart .add-tocart {
    margin-top: 0px !important
}

.bundle-dis-rs-gray {
    font-size: 16px;
    color: #848484;
    display: inline-flex
}

.bundle-product-right p {
    font-size: 13px;
    color: #848484;
    padding: 5px 0px
}

.bundle-product-right {
    justify-content: center
}

.bundle-title {
    color: #848484;
    font-size: 17px
}

.bundle-rs-gray {
    font-size: 12px;
    color: #848484
}

.bundle-product-right {
    float: right;
    display: flex;
    padding: 15px;
    flex-direction: column;
    padding-bottom: 0px
}

.bundle-offer-circle {
    background: #ff0e58;
    color: #fff;
    position: absolute;
    right: -20px;
    top: -25px;
    z-index: 200;
    border-radius: 50%;
    padding: 15px 7px
}

.bundal-off {
    text-align: right;
    margin-left: auto;
    padding-left: 12px;
    font-weight: 500
}

.bundal-presentage {
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center
}

.bundile-price-data {
    padding-top: 5px
}

.sign-up-link {
    display: flex;
    padding-top: 2px
}

.top-right-nav a {
    font-size: 14px;
    color: #001ed4;
    font-weight: 500;
    align-items: center
}

.free-item .form-check-input,
.bundal-item .form-check-input {
    width: 16px;
    height: 16px;
    margin-left: -18px
}

.form-check-input:checked {
    background-color: #001ed4;
    border-color: #001ed4;
    width: 16px;
    height: 16px
}

.free-item .form-check-input:checked[type=checkbox],
.bundal-item .form-check-input:checked[type=checkbox] {
    background: url(../images/tick-check-green.svg);
    background: url(../images/tick-check-green.svg) center;
    width: 16px;
    height: 16px;
    background-size: 52%;
    background-repeat: no-repeat
}

.boder-right {
    border-right: 1px solid #ccc;
    margin: 0px 15px
}

.dt-icon-div {
    width: 25px;
    height: 25px;
    margin-right: 5px
}

.dt-icon-div img {
    width: 100%;
    height: auto
}

.des-cart {
    position: relative;
    display: inline-flex
}

.header-search {
    padding: 20px 0px
}

.search-con-mobile {
    display: none
}

.top-search input {
    min-height: 35px;
    text-indent: 0px;
    border: 2px solid #a29b9b;
    font-size: 13px;
    color: #a29b9b;
    border-radius: 5px;
    opacity: .6
}

.fa-heart {
    background: rgba(0, 0, 0, 0) !important
}

.owl-carousel .owl-item img {
    background: rgba(0, 0, 0, 0) !important
}

.right-suggestion-main-con ul {
    padding: 0px;
    font-size: 14px
}

.right-suggestion-main-con .headding {
    color: #55008f;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px
}

.right-suggestion-main-con a {
    color: #343434 !important
}

.top-search input:focus {
    box-shadow: none;
    border: 2px solid #001ed4
}

.top-search .fa-search {
    position: absolute;
    top: 20px;
    left: 16px
}

.suggestion-box-details {
    height: 40px
}

.suggestion-box-details .product-name {
    height: 23px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.top-search button {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 35px;
    background: #001ed4 !important;
    border: 0px
}

.mb-15 {
    margin-bottom: 15px
}

.suggestion-product-img {
    width: 40px;
    float: left;
    max-width: 100%
}

.text-center {
    text-align: center !important
}

.mobi-address {
    padding-bottom: 30px
}

.footer-mobi-details {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff
}

.mobi-tel {
    padding-bottom: 25px
}

.social-media {
    /* padding-left: 28px; */
    margin-top: 20px;
    margin-bottom: 65px
}

.social-media ul li {
    display: inline;
    margin-right: 20px;
    float: left
}

.suggestion-box {
    margin-right: 5px;
    margin-bottom: 0px;
    padding-right: 5px;
    padding: 0px 5px;
    float: left;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee
}

.suggestion-box-details {
    width: calc(100% - 50px);
    float: left;
    padding-left: 20px;
    text-align: left;
    font-family: "Roboto" !important;
    font-size: 13px
}

.suggestion-box-details .product-price {
    color: #343434;
    font-weight: 600
}

.showroom-popup .modal-body {
    padding: 10px
}

nav ul,
nav li {
    list-style: none;
    padding: 0;
    margin: 0
}

div ::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.wrap-inner::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important
}

.bg-light-ash {
    background: #f3f4f7 !important
}

div ::-webkit-scrollbar-track {
    background: #f1f1f1
}

div ::-webkit-scrollbar-thumb {
    background: #888
}

div ::-webkit-scrollbar-thumb:hover {
    background: #555
}

nav a {
    display: block;
    text-decoration: none
}

nav a:hover,
nav a:visited {
    text-decoration: none
}

@keyframes dropdown {
    0% {
        opacity: 0;
        transform: scaleY(0)
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scaleY(1)
    }
}

@keyframes flyout {
    0% {
        opacity: 0;
        transform: scaleX(0)
    }

    100% {
        opacity: 1;
        transform: scaleX(1)
    }
}

#header {
    position: relative;
    z-index: 999;
    background-color: #fff
}

.header-top {
    border-bottom: 1px solid #e5e5e5
}

.header-top.style1 {
    background-color: #f5f5f5;
    padding: 6px 0
}

.header-top.style2 {
    background-color: #001ed4;
    padding: 0px 0;
    border-bottom: none
}

.header-top.style2 ul.flat-support>li>a {
    color: #fff
}

.header-top.style2 ul.flat-support>li {
    border-color: #fec579
}

.header-top.style2 ul.flat-infomation>li.phone {
    color: #fff
}

.header-top.style2 ul.flat-infomation>li.phone>a {
    color: #fff
}

.header-top.style2 ul.flat-unstyled>li>a {
    color: #fff
}

.header-top.style3 {
    background-color: #f5f5f5;
    padding: 0px 0;
    border-bottom: none
}

.header-top.style4 {
    background-color: #f5f5f5;
    padding: 6px 0 6px;
    border-bottom: none
}

ul.flat-support li {
    display: inline-block;
    line-height: 38px;
    height: 37px
}

ul.flat-support li a {
    border-right: 1px solid #e5e5e5;
    padding-right: 10px;
    padding-left: 7px;
    font-size: 12px;
    font-weight: 400
}

ul.flat-support li:first-child>a {
    padding-left: 0
}

ul.flat-support li:last-child>a {
    padding-right: 0;
    border-right: none
}

ul.flat-support.style1>li,
ul.flat-unstyled.style2>li {
    display: inline-block;
    line-height: 27px;
    height: 24px
}

ul.flat-infomation {
    text-align: center
}

ul.flat-infomation li.phone {
    color: #f28b00;
    line-height: 38px;
    height: 37px;
    letter-spacing: -0.5px
}

.grid-right ul.flat-infomation li.phone {
    height: 55px;
    line-height: 59px;
    font-size: 15px
}

ul.flat-unstyled {
    text-align: right;
    margin-right: 3px
}

ul.flat-unstyled>li {
    display: inline-block;
    line-height: 38px;
    height: 37px;
    position: relative
}

ul.flat-unstyled>li>a {
    border-left: 1px solid #e5e5e5;
    line-height: 1;
    padding-left: 9px;
    padding-right: 6px;
    letter-spacing: -0.5px
}

ul.flat-unstyled>li:last-child>a {
    padding-right: 0
}

ul.flat-unstyled>li:first-child>a {
    border-left: none
}

ul.flat-unstyled>li>a i {
    padding-left: 10px;
    padding-right: 4px
}

ul.flat-unstyled>li:last-child>a i {
    padding-right: 0px
}

ul.flat-unstyled>li>ul {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 0;
    box-shadow: 0px 2px 3px 0px rgba(72, 72, 72, .15);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    z-index: 99;
    width: 130px;
    text-align: left;
    top: 100px;
    transition: all .3s ease-in-out
}

ul.flat-unstyled>li>ul:before {
    content: "";
    position: absolute;
    left: 30px;
    top: -8px;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    border-bottom: 8px solid #e5e5e5;
    z-index: 100
}

ul.flat-unstyled>li:hover>ul {
    opacity: 1;
    visibility: visible;
    top: 38px;
    transition: all .3s ease-in-out
}

ul.flat-unstyled li>ul>li>a {
    display: block;
    padding: 1px 15px;
    line-height: 24px;
    font-size: 12px
}

.flat-unstyled.style1 {
    float: right;
    line-height: 102px;
    height: 101px;
    margin-right: 3px
}

.header-middle #logo {
    line-height: 97px;
    margin-left: -2px;
    margin-bottom: 7px
}

.header-middle .grid-left #logo {
    margin-bottom: 0px
}

.header-middle .logo.style1 {
    float: left;
    width: 23%;
    margin-right: 0px
}

.header-middle.style1 {
    background-color: #f28b00
}

.show-search {
    display: none
}

.show-search button {
    content: "";
    background: #fff;
    color: #f28b00;
    border-color: rgba(0, 0, 0, 0);
    height: 45px;
    line-height: 45px;
    width: 45px;
    display: block;
    padding: 0;
    border-radius: 50%;
    position: relative
}

.show-search button:before {
    content: "";
    font-family: fontawesome;
    position: absolute;
    font-size: 18px;
    line-height: 45px;
    left: 50%;
    top: 0px;
    transform: translateX(-50%)
}

.show-search>button.active:before {
    content: ""
}

.search-suggestions .box-suggestions {
    width: 55%;
    float: left;
    background: #fff;
    padding: 20px 30px
}

.search-suggestions .box-suggestions .title,
.search-suggestions .box-cat .title {
    color: #f28b00;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px
}

.search-suggestions .box-suggestions ul li {
    margin-bottom: 28px;
    overflow: hidden
}

.search-suggestions .box-suggestions ul li .image {
    width: 40px;
    float: left;
    height: 40px;
    line-height: 50px;
    margin-right: 20px
}

.search-suggestions .box-suggestions ul li .info-product {
    overflow: hidden
}

.search-suggestions .box-suggestions ul li .info-product .name a:not(:hover) {
    color: #484848
}

.search-suggestions .box-suggestions ul li .info-product .price .sale {
    color: #484848;
    font-size: 16px;
    font-weight: 500;
    font-family: "Nunito";
    margin-right: 15px
}

.search-suggestions .box-suggestions ul li .info-product .price .regular {
    font-size: 13px
}

.search-suggestions .box-cat {
    width: 45%;
    float: left;
    background: #f5f5f5;
    padding: 20px 30px;
    height: 541px;
    overflow: hidden
}

.search-suggestions .box-cat li a {
    color: #484848;
    line-height: 30px
}

.box-cart {
    text-align: right;
    padding: 27px 0
}

.box-cart .inner-box {
    display: inline-block;
    position: relative
}

.box-cart .inner-box>a>div {
    display: inline-block
}

.box-cart .inner-box>a>div.icon-cart {
    height: 48px;
    line-height: 40px;
    width: 48px;
    text-align: center;
    border: 2px solid #e5e5e5;
    border-radius: 50%;
    position: relative
}

.box-cart .inner-box>a:hover>div.icon-cart {
    border-color: #f28b00
}

.box-cart .inner-box>a>div.icon-cart span {
    position: absolute;
    top: -3px;
    right: -8px;
    background-color: #f28b00;
    width: 20px;
    height: 20px;
    line-height: 18px;
    color: #f4f4f4;
    font-size: 11px;
    border-radius: 50%
}

.box-cart .inner-box>a>.price {
    font-weight: 600;
    font-size: 16px;
    margin-left: 8px
}

.box-cart .inner-box ul.menu-compare-wishlist li {
    display: inline-block;
    margin-right: 19px
}

.box-cart .inner-box ul.menu-compare-wishlist li a {
    display: inline-block;
    height: 48px;
    width: 48px;
    line-height: 40px;
    text-align: center;
    border: 2px solid #e5e5e5;
    border-radius: 50%
}

.box-cart .inner-box ul.menu-compare-wishlist li a:hover {
    border-color: #f28b00
}

.box-cart .inner-box .dropdown-box {
    padding: 25px 20px 32px;
    position: absolute;
    background-color: #fff;
    border-radius: 8px;
    top: 150px;
    width: 332px;
    right: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    box-shadow: 0px 2px 3px 0px rgba(72, 72, 72, .15);
    transition: all .3s ease-in-out
}

.box-cart .inner-box .dropdown-box:before {
    content: "";
    position: absolute;
    top: -7px;
    right: 70px;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 7px solid #e5e5e5
}

.box-cart>.inner-box:hover>.dropdown-box {
    top: 55px;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease-in-out
}

.box-cart .inner-box .dropdown-box>ul>li {
    position: relative;
    margin-bottom: 30px
}

.box-cart .inner-box .dropdown-box>ul>li .img-product {
    float: left;
    margin-right: 20px;
    width: 64px;
    height: 64px;
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    text-align: center
}

.box-cart .inner-box .dropdown-box>ul>li:hover .img-product {
    border-color: #e5e5e5
}

.box-cart .inner-box .dropdown-box>ul>li .info-product {
    text-align: left
}

.box-cart .inner-box .dropdown-box>ul>li .info-product .name {
    margin-bottom: 3px;
    color: #484848;
    font-size: 12px;
    line-height: 20px
}

.box-cart .inner-box .dropdown-box>ul>li .info-product .price {
    color: #f28b00
}

.box-cart .inner-box .dropdown-box>ul>li span.delete {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    cursor: pointer
}

.box-cart .inner-box .dropdown-box .total {
    text-align: left
}

.box-cart .inner-box .dropdown-box .total span {
    color: #484848;
    font-weight: bold;
    font-size: 14px
}

.box-cart .inner-box .dropdown-box .total span.price {
    color: #f28b00;
    font-size: 22px;
    font-weight: 500;
    float: right
}

.box-cart .inner-box .dropdown-box .btn-cart {
    margin-top: 30px;
    overflow: hidden
}

.box-cart .inner-box .dropdown-box .btn-cart a.view-cart {
    padding: 10px 33px;
    color: #f28b00;
    border: 2px solid #f28b00;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    float: left;
    position: relative;
    overflow: hidden;
    z-index: 5
}

.box-cart .inner-box .dropdown-box .btn-cart a.view-cart:hover {
    color: #fff
}

.box-cart .inner-box .dropdown-box .btn-cart a.view-cart:before,
.box-cart .inner-box .dropdown-box .btn-cart a.check-out:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #f28b00;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: .4s;
    transition-timing-function: ease-out
}

.box-cart .inner-box .dropdown-box .btn-cart a.view-cart:hover:before,
.box-cart .inner-box .dropdown-box .btn-cart a.check-out:hover:before {
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66)
}

.box-cart .inner-box .dropdown-box .btn-cart a.check-out {
    padding: 12px 35px;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    background-color: #484848;
    float: right;
    position: relative;
    overflow: hidden;
    z-index: 5
}

.box-cart .inner-box .dropdown-box .btn-cart a.check-out:hover {
    border-color: rgba(0, 0, 0, 0)
}

.header-bottom {
    background-color: #001ed4
}

.header-bottom>.container>.row {
    position: relative
}

.header-bottom.style2 {
    background-color: #001ed4
}

.header-bottom.style3 {
    background-color: #fff
}

.bg-ash {
    background: #f5f5f5;
    color: #3c3c3b !important;
    font-weight: 600 !important
}

.ft-destop {
    background: #fff
}

.brand-container {
    padding: 15px 0px
}

.copyright {
    padding: 20px 0px;
    text-align: center
}

.footer-title {
    color: #3c3c3b;
    font-size: 17px;
    font-weight: 600;
    padding-top: 30px
}

.address p {
    padding-bottom: 0px
}

.footer-links-set ul li {
    padding-bottom: 15px
}

.address {
    padding-left: 28px;
    padding-top: 16px;
    color: #001ed4
}

.hotline {
    margin-top: 20px;
    /* padding-left: 28px; */
    color: #001ed4
}

ul {
    list-style: none
}

.hotline a,
.whatsapp-no a {
    color: #001ed4
}

.footer-icon img {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    max-width: 30px
}

.suggestion-box-details {
    margin-left: 7px;
    display: flex;
    align-items: center
}

.con-shop {
    background: #646466 !important
}

.con-shop:hover {
    background: #7c7878
}

.item-count-foot {
    background: #e73030 0 0 no-repeat padding-box;
    margin: 0;
    border-radius: 50%;
    color: #fff;
    width: 15px !important;
    height: 15px !important;
    text-align: center;
    font-size: 11px;
    position: absolute;
    top: 7px;
    right: 20px
}

.fs-12 {
    font-size: 12px !important
}

.left-suggestion-no-products p {
    padding: 0px;
    margin: 0px
}

.footer-box {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    align-self: center;
    align-items: center
}

.footer-links-set ul li a {
    color: #3d5c65;
    font-size: 14px
}

.search-title {
    padding: 0px 15px;
    display: flex
}

.promo-btn:hover {
    background: #06d911 !important
}

.search-title p {
    font-size: 16px;
    color: #001ed4;
    margin-bottom: 0px;
    font-weight: 500;
    float: left
}

.clear-both {
    clear: both !important
}

.close-search {
    float: right;
    margin-left: auto;
    background: rgba(0, 0, 0, 0);
    border: 0px;
    font-size: 16px;
    color: #001ed4
}

.mobi-full-search {
    height: 100vh;
    top: 0px;
    position: fixed;
    background: #fff;
    z-index: 100
}

.ft-destop ul {
    padding: 0px;
    list-style: none
}

.footer-padding {
    padding-top: 20px;
    padding-bottom: 20px
}

.footer-icon {
    margin-right: 10px
}

.purple-div {
    background: #001ed4
}

.footer-links-set {
    display: grid
}

.address-info p,
.footer-links-set a {
    font-size: 14px;
    margin-bottom: 0px
}

.footer-icon {
    padding: 5px
}

.footer-details p {
    font-size: 18px;
    margin-bottom: 0px
}

.bank-image {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.bank-image img {
    height: 25px;
    width: auto
}

.bg-off-white-con {
    background: #f8f8f8;
    padding-top: 25px
}

.purple-div {
    background: #001ed4;
    color: #fff;
    display: flex;
    padding: 20px 72px
}

#mega-menu {
    position: relative;
    height: 40px;
    width: 100%
}

#mega-menu .dropdown:hover:after {
    top: 13px !important
}

#mega-menu:hover .btn-mega {
    background: #f5f5f5;
    color: #001ed4;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #001ed4
}

#mega-menu .cat-arrow {
    float: right;
    padding-right: 10px;
    padding-left: 0px
}

#mega-menu>.btn-mega {
    font-weight: 500;
    color: #fefefe;
    position: relative;
    text-transform: capitalize;
    z-index: 98;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 40px
}

#mega-menu:hover .cat-icon span {
    background-color: #001ed4
}

#mega-menu>.btn-mega:hover {
    color: #001ed4
}

.myprofile-nav ul li .active {
    color: #fff !important;
    background-color: #564585;
    border-radius: 3px
}

.myprofile-nav ul li .active img {
    filter: brightness(0) invert(1)
}

.home-product-list .item:hover,
.detail-page-owl .item:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.product-detail .free-item-three {
    width: 33.33%
}

.product-detail .free-item-two,
.product-detail .bundal-item-two {
    width: 130px
}

.bundal-selected .bundal-ch-circle {
    width: 20px;
    height: 20px;
    font-family: "fontawesome";
    content: "";
    background: #1ca558;
    color: #fff;
    right: 3px;
    position: absolute;
    z-index: 100;
    top: -6px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1ca558
}

.bundal-selected {
    border: 3px solid #1ca558 !important;
    background: #1ca558 !important
}

.pop-info {
    width: 5px;
    height: 5px;
    font-size: 12px;
    float: right;
    margin-left: auto
}

.pop-info i {
    color: #e1dede
}

.bundal-disable {
    opacity: .3;
    cursor: pointer
}

.free-item-two:last-child,
.bundal-item-two:last-child,
.product-detail .bundal-item:last-child {
    border-right: 0px !important
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    padding: 0px
}

.horizontal-spc {
    width: 100%;
    height: 40px;
    overflow-y: hidden
}

.horizontal-spc-menu {
    width: 600px
}

.product-spc-con,
.product-spc-con p {
    font-size: 15px !important;
    line-height: 28px !important;
    font-family: "Roboto" !important;
    text-align: left !important;
    margin-bottom: 0px;
    padding: 0px
}

.cat-cus-list {
    font-size: 16px;
    padding: 5px 10px
}

.cat-cus-list option {
    background: #fff;
    color: #9b9898
}

.cat-cus-list:focus-visible {
    outline: none
}

.product-spc-con h2 {
    font-size: 2rem !important;
    text-align: left !important
}

.product-spc-con img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none !important
}

.product-spc-con iframe {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 20px !important
}

.product-spc-con table,
.product-spc-con td,
.product-spc-con th {
    border: 1px solid #ccc !important;
    padding: 11px 10px !important
}

.product-spc-con table {
    table-layout: auto !important
}

.has-subnew {
    display: none
}

.has-subnew.active {
    display: block
}

.product-spc-con iframe {
    width: 100% !important
}

.warranty-rem {
    font-size: 12px;
    text-decoration: underline;
    padding-left: 35px;
    line-height: 8px
}

.warranty-remark {
    padding-left: 34px;
    margin-top: 0px;
    line-height: 16px
}

.otp-div {
    padding-bottom: 15px;
    text-align: center;
    font-size: 14px;
    color: #6b6666
}

.mo-in-link {
    line-height: 11px
}

.list-out-btn {
    background: #d8d5d5 !important;
    color: #211e1e !important
}

.warranty-remark {
    font-size: 11px;
    margin-top: 6px;
    line-height: 13px
}

.product-spc-con table {
    width: 100%;
    border-collapse: collapse
}

#termsAndConditionModal .modal-body {
    height: 350px;
    overflow: auto
}

#termsAndConditionModal .modal-body .title-terms {
    color: #001ed4
}

.section-title {
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 500;
    color: #777575
}

.reviews {
    color: #f9d71c
}

.box-top .user-name p {
    font-weight: 500;
    margin-bottom: 0px;
    color: #726b6b
}

.otp-div {
    padding-bottom: 15px;
    text-align: center;
    font-size: 14px;
    color: #6b6666
}

.flex-center {
    align-items: center;
    justify-content: center;
    display: flex
}

section hr {
    margin: 0rem
}

.opt-img {
    width: 85px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px
}

.product-spc-con section hr {
    margin: 30px 0px;
    border-top: 1px solid #ccc;
    opacity: 1
}

#cart-pickup-locations section hr {
    margin: .5rem 0
}

.testimonial-box {
    margin-bottom: 30px
}

.top-bank-offer {
    width: 100%;
    display: inline-flex
}

.fixed-header-spc {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 9000;
    background: #fff;
    padding-left: 10px;
    padding-right: 10px
}

#mega-menu:hover ul.menu {
    top: 1px;
    visibility: visible;
    opacity: 1
}

#mega-menu:hover ul.menu li:hover {
    background: #fff
}

#mega-menu>ul.menu {
    position: relative;
    z-index: 90;
    background-color: #f5f5f5;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    top: -40px;
    opacity: 0;
    z-index: 100;
    visibility: hidden;
    padding: 0px;
    height: 500px
}

#mega-menu>ul.menu>li>a {
    min-height: 40px;
    display: flex;
    position: relative;
    line-height: 15px;
    align-items: center
}

.head-bar {
    margin-right: 10px;
    font-size: 15px
}

#mega-menu>ul.menu>li:last-child>a {
    border-bottom: none
}

#mega-menu>ul.menu>li:hover>a .menu-title {
    color: #070707
}

#mega-menu>ul.menu>li>a .menu-img {
    margin-right: 6px;
    margin-left: 6px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    color: #454545
}

.blink-hard {
    animation: blinker 1s step-end infinite
}

.blink-soft {
    animation: blinker 1.5s linear infinite
}

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.menu-data-con {
    display: flex;
    align-items: center
}

#mega-menu>ul.menu>li>a .menu-title {
    color: #484848;
    width: 100%;
    display: inline-block;
    word-break: break-word;
    line-height: 20px
}

#mega-menu.style1>ul.menu {
    transform: translateY(0%);
    opacity: 1;
    top: -1px;
    visibility: visible;
    border-width: 1px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

#mega-menu>ul.menu>li:hover>.drop-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0%)
}

.drop-menu .text-dark {
    line-height: 30px
}

#mega-menu>ul.menu>li .drop-menu {
    transform: translateX(-10%);
    opacity: 0;
    visibility: hidden;
    padding: 20px;
    position: absolute;
    top: 0px;
    left: 216px;
    min-width: -moz-max-content;
    min-width: max-content;
    border-radius: 0px;
    z-index: 500;
    height: 500px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #fff;
    overflow-y: auto
}

.one-third {
    width: 180px;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: column
}

#mega-menu .drop-menu ul {
    padding-left: 0px !important
}

.one-third .cat-title {
    margin-bottom: 6px
}

.one-third .cat-title a {
    color: #070707;
    font-size: 13px;
    font-weight: 600;
    line-height: 14px;
    text-transform: capitalize
}

.one-third ul {
    margin-bottom: 8px
}

.one-third ul li {
    margin-bottom: 4px;
    line-height: 20px;
    font-size: 13px
}

.one-third ul li a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
    font-size: 13px
}

.one-third .cat-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
    overflow: hidden
}

.one-third a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    max-width: 180px
}

.one-third ul li a:not(:hover) {
    color: #484848
}

.one-third .show a {
    color: #f28b00;
    font-weight: bold;
    position: relative
}

.one-third .show a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    right: 0;
    background: #f28b00;
    transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83)
}

.one-third .show a:hover:before {
    width: 100%;
    left: 0
}

.one-third ul.banner li {
    border: 2px solid #e5e5e5;
    border-radius: 5px;
    background-color: #e5e5e5;
    height: 110px;
    padding: 30px 10px 30px 18px;
    margin-bottom: 20px;
    transition: all .3s ease-in-out
}

.one-third ul.banner li:hover {
    background-color: #fff;
    transition: all .3s ease-in-out
}

.one-third ul.banner li .banner-text {
    float: left
}

.one-third ul {
    padding-left: 0px
}

.one-third ul.banner li .banner-text .banner-title {
    font-weight: bold;
    font-size: 18px;
    color: #f28b00
}

.one-third ul.banner li .banner-text .more-link a img {
    margin-left: 10px
}

.one-third ul.banner li .banner-img {
    float: right
}

#mainnav {
    float: left;
    display: flex;
    align-items: center;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available
}

#mainnav .menu {
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 0px
}

#mainnav>ul.menu>li {
    display: inline-block;
    line-height: 40px;
    height: 40px;
    text-transform: uppercase
}

.home-gap {
    margin-top: 0rem;
    margin-bottom: .6rem
}

.nav-vcenter {
    display: flex;
    align-items: center
}

#mainnav ul.menu>li>a {
    display: inline-block;
    color: #fefefe;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    position: relative;
    z-index: 8
}

#mainnav ul.menu>li>a:after {
    content: "";
    position: absolute;
    left: 0px;
    opacity: 0;
    width: calc(100% + 2px);
    z-index: -3
}

#mainnav ul.menu>li:hover>a {
    color: #001ed4;
    background-color: #fff
}

#mainnav ul.menu>li:hover>a:after {
    opacity: 1
}

#mainnav ul.menu>li:last-child>a {
    border-right: none
}

#mainnav.style1 {
    padding-left: 4px;
    line-height: 104px
}

#mainnav.style1 ul.menu>li>a {
    color: #484848;
    border: none;
    padding: 0;
    font-weight: 500;
    margin-right: 33px
}

#mainnav.style2 {
    padding-left: 55px
}

#mainnav.style2 ul.menu>li {
    margin-top: 24px
}

#mainnav.style2 ul.menu>li>a {
    margin-right: 43.5px;
    text-transform: uppercase;
    font-weight: bold;
    color: #656565;
    padding: 0;
    border-right: 0px
}

#mainnav.style2 ul.menu>li:last-child>a {
    margin-right: 0px
}

#mainnav.style2 ul.menu>li.has-mega-menu:hover>.submenu {
    top: 80px
}

#mainnav.style3 ul.menu>li>a {
    color: #484848;
    border-color: #c9c9c9
}

#mainnav.style4 {
    padding-left: 72px
}

#mainnav ul.menu>li:hover>.submenu {
    opacity: 1;
    visibility: visible;
    top: 40px;
    z-index: 500
}

#mainnav.style1 ul.menu>li.column-1:hover>.submenu {
    top: 55px
}

#mainnav.style1 ul.menu>li:hover>.submenu {
    top: 80px
}

.today-deal {
    float: right
}

.today-deal a {
    line-height: 55px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    position: relative
}

.today-deal a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    right: 0;
    background: #fff;
    transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83)
}

.today-deal a:hover:before {
    width: 100%;
    left: 0
}

.today-deal.style1>a {
    color: #f28b00
}

ul.menu li.column-1 {
    position: relative
}

ul.menu li.column-1 .submenu {
    width: 100%;
    left: 0px;
    padding: 10px 15px;
    min-width: 150px;
    width: -moz-max-content;
    width: max-content;
    padding-bottom: 5px
}

.promo-end {
    text-align: right
}

ul.menu li.column-1 .submenu>li {
    line-height: 32px
}

ul.menu li.column-1 .submenu>li:last-child {
    border-bottom: none
}

ul.menu li.column-1 .submenu>li>a {
    display: block;
    font-size: 12px;
    position: relative;
    font-weight: 500;
    color: #484848;
    text-transform: capitalize
}

ul.menu li.column-1 .submenu>li>a:hover {
    color: #001ed4
}

ul.menu li.column-1 .submenu>li>a i {
    padding-right: 15px
}

.submenu .row:not(:last-child) {
    margin-bottom: 30px
}

.submenu .col-md-4 {
    padding-left: 50px
}

.submenu .cat-title {
    color: #f28b00;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px
}

.submenu ul>li {
    margin-bottom: 5px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.submenu .show {
    line-height: 24px
}

.submenu .show a {
    color: #f28b00;
    font-weight: 700;
    position: relative
}

.submenu .show a:before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -4px;
    right: 0;
    background: #f28b00;
    transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83)
}

.submenu .show a:hover:before {
    width: 100%;
    left: 0
}

#mainnav-mobi {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 1000;
    background-color: #222
}

#mainnav-mobi>ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0
}

.background-light-ash {
    background: #eaeaea
}

.top-nav-right {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    background-color: #eaeaea;
    color: #3c3c3b;
    height: 35px;
    margin-left: auto
}

.top-nav-right a {
    color: #3c3c3b;
    font-size: 12px;
    font-weight: 500
}

.top-nav-right .menu {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.top-nav-right .menu>li {
    margin: 0 1rem
}

.top-nav-right .menu>li:last-child {
    margin: 0px
}

.top-nav-right .menu-button-container {
    display: none;
    height: 100%;
    width: 30px;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.top-nav-right #menu-toggle {
    display: none
}

.top-nav-right .menu-button,
.menu-button::before,
.menu-button::after {
    display: block;
    background-color: #fff;
    position: absolute;
    height: 4px;
    width: 30px;
    transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
    border-radius: 2px
}

.top-nav-right .menu-button::before {
    content: "";
    margin-top: -8px
}

.top-nav-right .menu-button::after {
    content: "";
    margin-top: 8px
}

.top-nav-right #menu-toggle:checked+.menu-button-container .menu-button::before {
    margin-top: 0px;
    transform: rotate(405deg)
}

.top-nav-right #menu-toggle:checked+.menu-button-container .menu-button {
    background: rgba(255, 255, 255, 0)
}

.top-nav-right #menu-toggle:checked+.menu-button-container .menu-button::after {
    margin-top: 0px;
    transform: rotate(-405deg)
}

#mainnav-mobi ul li {
    margin: 0;
    position: relative;
    text-align: left;
    border-top: 1px solid #333;
    cursor: pointer;
    display: block
}

#mainnav-mobi ul>li>a {
    text-decoration: none;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    color: #fff;
    border: none
}

#mainnav-mobi ul.submenu {
    top: 100%;
    left: 0;
    z-index: 2000;
    position: relative;
    background-color: #222
}

#mainnav-mobi>ul>li>ul>li {
    position: relative;
    border-top: 1px solid #333
}

#mainnav-mobi ul.submenu>li>a {
    display: block;
    text-decoration: none;
    padding: 0 50px;
    border-top-color: rgba(255, 255, 255, .1);
    transition: all .2s ease-out
}

#mainnav-mobi>ul>li>ul>li:first-child a {
    border-top: none
}

#mainnav-mobi ul.submenu>li>a:hover,
#mainnav-mobi>ul>li>ul>li.active>a {
    color: #fff
}

#mainnav-mobi ul.menu li.has-mega-menu .submenu {
    background: #222;
    right: 0px;
    width: 100%;
    position: relative
}

#mainnav-mobi ul.menu li.has-mega-menu h3.cat-title {
    color: #fff;
    padding-left: 50px;
    cursor: pointer
}

#mainnav-mobi ul.menu li.has-mega-menu .submenu .row:not(:last-child) {
    margin: 0
}

.btn-menu,
.btn-menu-mega {
    display: none;
    position: relative;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    float: right;
    top: 10px;
    width: 25px;
    height: 25px;
    border: 2px solid #fff;
    padding: 15px 18px 17px;
    border-radius: 4px;
    z-index: 8;
    transition: all ease .238s
}

.btn-menu-mega {
    background: #484848;
    border-color: #484848
}

.btn-menu:before,
.btn-menu:after,
.btn-menu span,
.btn-menu-mega:before,
.btn-menu-mega:after,
.btn-menu-mega span {
    background-color: #fff;
    transition: all ease .238s
}

.btn-menu:before,
.btn-menu:after,
.btn-menu-mega:before,
.btn-menu-mega:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 25px;
    left: 5px;
    top: 50%;
    transform-origin: 50% 50%
}

.btn-menu span,
.btn-menu-mega span {
    position: absolute;
    width: 25px;
    height: 2px;
    left: 5px;
    top: 50%;
    overflow: hidden;
    text-indent: 200%
}

.btn-menu-mega span {
    width: 20px
}

.btn-menu:before,
.btn-menu-mega:before {
    transform: translate3d(0, -7px, 0)
}

.btn-menu:after,
.btn-menu-mega:after {
    width: 25px;
    transform: translate3d(0, 7px, 0)
}

.btn-menu.active:after,
.btn-menu-mega.active:after {
    width: 25px
}

.btn-menu.active span,
.btn-menu-mega.active span {
    opacity: 0
}

.btn-menu.active:before,
.btn-menu-mega.active:before {
    transform: rotate3d(0, 0, 1, 45deg)
}

.btn-menu.active:after,
.btn-menu-mega.active:after {
    transform: rotate3d(0, 0, 1, -45deg)
}

.btn-submenu,
.btn-submenu-child {
    position: absolute;
    right: 0px;
    top: -1px;
    font: 20px/51px "FontAwesome";
    text-align: center;
    cursor: pointer;
    width: 51px;
    height: 50px;
    background: #333
}

.btn-submenu-child {
    right: 57px;
    top: 0px;
    height: 45px;
    line-height: 46px
}

.btn-submenu:before {
    content: "";
    color: #fff
}

.btn-submenu-child:before {
    content: "";
    color: #fff
}

.btn-submenu.active:before,
.btn-submenu-child.active:before {
    content: ""
}

#mega-mobile {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 1000;
    background-color: #222
}

#mega-mobile>ul.menu>li>a {
    color: #fff;
    display: block;
    padding: 15px 0;
    cursor: pointer;
    padding-left: 15px;
    border-bottom: 1px solid #333;
    position: relative
}

#mega-mobile>ul.menu>li>a .menu-img {
    margin-right: 18px;
    min-width: 30px;
    display: inline-block;
    text-align: center
}

#mega-mobile>ul.menu>li>a.dropdown .btn-dropdown,
.btn-dropdown-child {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    width: 54px;
    height: 54px;
    background: #262626;
    text-align: center;
    cursor: pointer;
    font: 20px/54px "FontAwesome"
}

.btn-dropdown-child {
    right: 0px;
    width: 44px;
    height: 44px;
    line-height: 44px
}

#mega-mobile>ul.menu>li>a.dropdown .btn-dropdown:after,
.btn-dropdown-child:after {
    content: ""
}

#mega-mobile>ul.menu>li>a.dropdown .btn-dropdown.active:after,
.btn-dropdown-child.active:after {
    content: ""
}

#mega-mobile>ul.menu>li>.drop-menu {
    padding: 0 54px 0 50px
}

.footer-brand img {
    width: auto;
    height: 54px;
    align-self: center
}

#mega-mobile>ul.menu>li>.drop-menu .cat-title {
    position: relative;
    color: #f5f5f5;
    padding: 10px 0;
    border-bottom: 1px solid #333
}

.owl-carousel .owl-wrapper {
    display: flex !important;
    justify-self: center;
    align-items: center
}

#mega-mobile>ul.menu>li>.drop-menu ul {
    padding-left: 20px
}

#mega-mobile>ul.menu>li>.drop-menu ul li {
    border-bottom: 1px solid #333
}

#mega-mobile>ul.menu>li>.drop-menu ul li a {
    color: #f5f5f5;
    font-size: 12px;
    padding: 8px 0;
    display: block
}

#mega-mobile>ul.menu>li>.drop-menu .show,
#mega-mobile>ul.menu>li>.drop-menu .one-third:nth-child(3) {
    display: none
}

@media only screen and (max-width: 1900px) {
    footer.style1 {
        margin: 0px
    }

    .header-bottom.style1 .grid-left,
    .flat-slider.style1 .grid-left {
        width: 240px
    }

    .header-bottom.style1 .grid-right,
    .flat-slider.style1 .grid-right {
        width: calc(100% - 260px)
    }

    .header-bottom.style1 .grid-right {
        padding: 7px 15px 7px 15px
    }

    .header-bottom.style1 .grid-right ul.flat-infomation {
        margin-right: 5px
    }

    .header-bottom.style1 .grid-right .top-search.style1 {
        width: 53%
    }

    .slider .slider-item.style10 .item-text {
        width: 50%;
        padding: 30px
    }

    .slider .slider-item.style10 .item-image {
        padding-top: 100px;
        padding-right: 30px;
        width: 50%
    }

    .banner-box.style1 {
        width: 50%
    }

    .banner-box.style1.v1 .inner-box {
        display: none
    }

    #mainnav.style2 {
        float: right;
        padding-left: 0px
    }

    #mainnav.style2 ul.menu>li.has-mega-menu:hover>.submenu {
        top: 90px
    }

    .flat-unstyled.style1 {
        line-height: 50px;
        height: 50px;
        margin-right: 0px
    }

    .boxed.style2 .container-fluid {
        width: 1170px;
        max-width: 100%
    }

    .counter.style1.v2,
    .bestsellers,
    .featured,
    .hot-sale {
        width: 50%;
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    footer.style4 {
        width: 1200px
    }

    footer.style4 .widget-about {
        padding-left: 0px
    }

    footer.style4 .widget-newsletter {
        padding-right: 0px;
        margin-left: 0px
    }

    .boxed.style2 .footer-bottom.style1 p.copyright {
        margin-left: 0px
    }

    .boxed.style2 .footer-bottom.style1 p.btn-scroll {
        margin-right: 0px
    }
}

@media only screen and (min-width: 1200px)and (max-width: 1366px) {
    .flat-location .location-detail {
        width: 300px
    }

    .flat-location .location {
        width: 380px
    }

    .flat-location #flat-map-2 {
        width: calc(100% - 300px - 380px)
    }

    .location .location-content .select-location select {
        width: 92px;
        margin-right: 7px
    }

    .location .location-content .select-location .select:before {
        right: 30px
    }

    .boxed.style2 .flat-imagebox .container-fluid .box-product .row .col-xl-2 {
        max-width: 33.333%
    }
}

@media only screen and (max-width: 1366px) {
    .product-detail-bar {
        padding-left: 0px
    }

    .boxed.style2 .container-fluid {
        padding: 0 30px
    }

    .boxed.style2 .container-fluid .flat-row-title {
        margin-left: 0px;
        margin-right: 0px
    }

    .flat-highlights.style2 .container-fluid {
        padding: 20px 30px
    }

    footer.style4 {
        width: auto
    }

    footer.style2 .container-fluid {
        padding: 40px 30px
    }

    footer.style4 .widget-categories-ft {
        padding-left: 60px
    }
}

@media only screen and (max-width: 1199px) {
    body.background section.flat-row {
        margin-left: 15px;
        margin-right: 15px
    }

    .main-qty {
        align-items: center
    }

    body.background .flat-imagebox.style4 .owl-carousel-3.owl-theme .owl-controls .owl-nav div.owl-prev {
        left: -45px
    }

    body.background .flat-imagebox.style4 .owl-carousel-3.owl-theme .owl-controls .owl-nav div.owl-next {
        right: -45px
    }

    .box-cart .inner-box ul.menu-compare-wishlist li {
        margin-right: 5px
    }

    .mainnav {
        padding-left: 0px
    }

    .myprofile-nav ul li .active {
        color: #fff !important;
        background-color: #564585 !important
    }

    .flat-team {
        padding: 10px 0 50px
    }

    ul.brands-tablist {
        padding: 20px 20px
    }

    article.main-post.style3,
    article.main-post.style3 .content-post {
        padding: 0px
    }

    .table-cart tr td .quanlity input {
        width: 100%
    }

    .table-cart tr td .quanlity span.btn-up {
        right: 20px
    }

    .flat-location .location,
    .flat-location .location-detail {
        width: 50%
    }

    .flat-location #flat-map-2 {
        width: 100%
    }

    .flex-control-thumbs li {
        margin-right: 10px;
        margin-bottom: 10px
    }

    .box-cart.style2 .btn-add-cart a {
        width: 100%
    }

    .box-cart.style2 .compare-wishlist,
    .box-cart.style2 .btn-add-cart {
        display: block;
        margin-left: 0px;
        text-align: center
    }

    .imagebox .box-content .cat-name a:before,
    .imagebox .box-content .cat-name a:after {
        width: 20%
    }

    .flat-imagebox.style2 .product-wrap .tab-item .row .col-md-6 .product-box .imagebox .box-content .cat-name a:before,
    .flat-imagebox.style2 .product-wrap .tab-item .row .col-md-6 .product-box .imagebox .box-content .cat-name a:after {
        width: 30%
    }

    .imagebox.style5 {
        overflow: hidden
    }

    .imagebox.style5 .box-text {
        padding: 20px 0 20px;
        margin-right: 0px
    }

    .slider .slider-item.style6 .item-text {
        padding: 30px 30px
    }

    .slider .slider-item.style7 {
        position: relative;
        height: 400px
    }

    .slider .slider-item.style7 .item-text {
        padding: 80px 0 0 30px
    }

    .slider .slider-item.style7 .item-image {
        width: 30%;
        position: absolute;
        padding: 0;
        bottom: 0;
        right: 10px
    }

    .top-search.style1 {
        width: 520px;
        padding-left: 30px
    }

    .box-cart.style1 .inner-box>a>.price,
    .header-bottom.style1 .grid-right ul.flat-infomation {
        display: none
    }

    .mainnav.style1 ul.menu>li>a {
        margin-right: 22px
    }

    .slider .slider-item.style8 .item-image {
        width: 50%;
        margin-top: 40px
    }

    .box-6 {
        width: 50%;
        padding: 0 10px 0 10px
    }

    .box-6.big {
        padding-right: 10px;
        padding-left: 10px
    }

    .box-6 .product-box,
    .box-6.big .product-box {
        width: 100%
    }

    .header-bottom.style1 .grid-right .top-search.style1 {
        width: 70%
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    .imagebox.style1.v3 .box-price {
        width: 200px;
        padding: 30px 2px 0 20px
    }

    .imagebox.style1.v3 .box-content {
        width: 250px
    }

    .imagebox.style1.v3 .box-image {
        width: calc(100% - 465px)
    }

    .drop-menu {
        width: 710px;
        left: 260px
    }

    .drop-menu>.one-third {
        padding-left: 0px;
        padding-right: 0px
    }

    .drop-menu>.one-third:first-child {
        padding-left: 15px
    }

    .box-right .img-line {
        padding-left: 45px;
        margin-top: -100px
    }

    .box-right .img-line img:first-child {
        margin-right: -60px
    }

    .box-cart.style2 .compare-wishlist a.compare {
        display: block;
        margin-right: 0px
    }

    .product-detail.style2 .footer-detail .quanlity-box>div.quanlity {
        width: 110px;
        margin-right: 10px
    }

    .product-detail .footer-detail .quanlity-box>div.colors {
        display: block;
        margin-bottom: 20px;
        margin-left: 0px
    }

    .counter.style1 .counter-content .count-down .square {
        width: 55px
    }

    .top-search form.form-search .box-search .search-suggestions {
        width: 670px
    }

    .slider .slider-item .item-text {
        width: 58%;
        padding: 80px 40px
    }

    .slider .slider-item.style5 .item-text {
        width: 40%
    }

    .slider .slider-item.style2 .item-text {
        width: 40%;
        padding: 30px 40px
    }

    #mainnav.style1 ul.menu>li>a {
        padding: 0 12px 0 12.5px;
        margin-right: 0px
    }

    #mainnav.style1 ul.menu>li.has-mega-menu .submenu {
        width: 97%
    }

    #mainnav.style2 ul.menu>li.has-mega-menu .submenu {
        width: 97%
    }

    .flexslider.style2 {
        width: 56%
    }

    .slider .slider-item.style7 {
        height: 485px
    }
}

@media only screen and (min-width: 992px) {
    ul.submenu {
        word-spacing: 2px
    }

    .submenu {
        position: absolute;
        top: 100px;
        left: -1px;
        width: 850px;
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        z-index: 99;
        padding: 30px;
        word-spacing: 2px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .3)
    }
}

@media only screen and (min-width: 992px)and (max-width: 1199px) {
    ul.menu>li.has-mega-menu .submenu {
        width: 130%
    }
}

@media only screen and (max-width: 991px) {
    .header-middle #logo.style1 {
        line-height: 70px;
        margin-bottom: 0px
    }

    ul.flat-infomation.style1 li.phone {
        line-height: 70px;
        margin-right: 40px
    }

    .owl-carousel-11.owl-theme .owl-controls .owl-dots {
        bottom: 0
    }

    .btn-menu.style1 {
        background: #333;
        top: 17px
    }

    .btn-menu.style1.v1 {
        background: rgba(0, 0, 0, 0);
        top: 10px
    }

    .btn-menu.style1.v2 {
        background: #333;
        top: 10px
    }

    .top-search.style1 {
        width: 370px;
        padding-left: 0px;
        right: 15px
    }

    .top-search.style1 form.form-search .box-search input {
        padding-left: 20px
    }

    .flat-row,
    .flat-iconbox.style1 {
        padding: 30px 0
    }

    .flat-product-content .container {
        padding: 30px 15px
    }

    .box-cart .inner-box>a>.price {
        display: none
    }

    .top-search {
        padding-left: 0px;
        margin-right: 0px
    }

    .top-search form.form-search .cat-wrap select {
        padding: 1px 35px 0 20px
    }

    .top-search form.form-search .box-search input {
        padding-left: 140px
    }

    .btn-menu,
    .btn-menu-mega {
        display: block
    }

    .btn-menu-mega {
        float: left
    }

    .mainnav>ul.menu>li {
        height: auto
    }

    .mainnav ul.menu>li>a:after {
        width: 0px
    }

    .mainnav ul.menu>li:hover>.submenu {
        top: 100%
    }

    #mainnav-mobi ul>li>a>.submenu {
        position: relative;
        top: 0px;
        right: 0px;
        width: 100%;
        background-color: #222;
        opacity: 1;
        visibility: visible;
        z-index: 99;
        padding: 30px;
        word-spacing: 4px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .3);
        transition: all .3s ease-in-out
    }

    #mainnav-mobi ul.menu li.has-mega-menu .submenu .row h3 {
        word-spacing: 2px;
        cursor: pointer;
        font-weight: 400;
        font-size: 15px;
        margin-bottom: 0px;
        padding: 15px 0 15px 20px
    }

    #mainnav-mobi ul.menu li.has-mega-menu .submenu .row .btn-submenu {
        top: -15px
    }

    #mainnav-mobi ul.menu li.has-mega-menu .submenu .row ul {
        padding-left: 30px;
        word-spacing: 2px;
        padding-right: 40px
    }

    #mainnav-mobi ul.menu li.has-mega-menu .submenu .row ul li {
        border-top: none;
        border-bottom: 1px solid #333
    }

    #mainnav-mobi ul.menu li.has-mega-menu .submenu .row ul li>a {
        padding-left: 5px
    }

    #mainnav-mobi ul.menu li.has-mega-menu .submenu .row:nth-child(2),
    #mainnav-mobi ul.menu li.has-mega-menu .submenu .row .show,
    .box-right .img-line img:first-child,
    .box-left .img-line img:first-child,
    .flat-newsletter .form-newsletter .right {
        display: none
    }

    #mainnav-mobi ul>li>a>.submenu li a {
        color: #484848
    }

    ul.menu li.column-1 .submenu {
        width: 100%;
        background: #222;
        border-radius: 0px;
        position: relative;
        top: -3px;
        opacity: 1;
        word-spacing: 2px;
        visibility: visible;
        padding: 0
    }

    .today-deal {
        margin-left: 20px
    }

    .image-about img,
    .box-flexslider,
    .product-detail.style5 {
        width: 100%
    }

    .product-detail.style5 {
        padding: 0 30px
    }

    .product-detail.style5 .header-detail .reviewed .status-product {
        text-align: left
    }

    .product-detail.style5 .header-detail .reviewed .status-product span {
        display: inline-block
    }

    .flexslider .slides img {
        width: auto;
        max-width: 100%
    }

    .iconbox.style1 {
        margin-bottom: 30px
    }

    .brands-list .brands-item {
        width: 20%
    }

    .imagebox.style1.v1 {
        margin-bottom: 30px
    }

    .imagebox.style1.v1 .box-content,
    .flat-contact {
        padding-top: 0px
    }

    .imagebox.style1.v1 .box-content .cat-name a {
        font-size: 15px
    }

    .flat-tab ul.tab-list {
        padding-left: 0px
    }

    .flat-tab .tab-content {
        padding: 30px
    }

    .progres {
        padding-right: 0px
    }

    .progress-circle {
        text-align: center
    }

    .progress-circle .circle-item {
        margin-right: 80px
    }

    .order-tracking {
        padding: 50px
    }

    .term-conditions .text-wrap {
        margin-bottom: 40px
    }

    .term-conditions .text-wrap p {
        padding-right: 0px
    }

    .table-cart {
        margin-bottom: 30px
    }

    .form-login,
    .form-register {
        padding: 30px
    }

    .form-coupon {
        margin-top: 40px
    }

    .cart-totals form .btn-cart-totals {
        margin-top: 50px
    }

    .compare-content .table-compare {
        width: 840px;
        overflow: auto
    }

    .table-compare tr th {
        padding-left: 20px
    }

    .blog-pagination span {
        display: block;
        float: none;
        text-align: center
    }

    ul.flat-pagination.style1,
    .reviewed .status-product,
    .product-detail.style3 .reviewed .status-product {
        float: none
    }

    .product-box.style3 {
        height: 360px;
        margin-bottom: 30px
    }

    .imagebox.style1.v3 {
        min-height: 380px;
        padding: 15px 20px 20px 20px
    }

    .imagebox.style1.v3 .box-price {
        text-align: left;
        padding: 0px 55px 0 0px
    }

    .imagebox.style1.v3 .box-image {
        margin-right: 0px
    }

    .iconbox.style2 {
        margin-bottom: 50px
    }

    .box-right .img-line,
    .box-left,
    .box-right.style1 .img-line {
        text-align: center;
        margin-top: 0px
    }

    .box-left .img-line {
        margin-bottom: 0px
    }

    .product-detail .footer-detail .quanlity-box>div.colors {
        margin-bottom: 20px;
        margin-right: 20px
    }

    .box-cart.style2 {
        margin: 20px 0 20px
    }

    .box-cart.style2 .btn-add-cart {
        margin-bottom: 15px
    }

    .flexslider.style1 .flex-viewport {
        margin: 50px 0 50px
    }

    .flexslider.style1 .flex-control-nav {
        top: auto;
        margin-top: 0px;
        width: 100%;
        position: relative
    }

    .flexslider.style1 .flex-control-nav li {
        display: inline-block;
        width: auto
    }

    .flexslider.style1 .slides img {
        display: inline-block;
        float: none
    }

    .product-detail.style3 {
        margin-left: 0px
    }

    .box-cart.style2 .compare-wishlist,
    .box-cart.style2 .btn-add-cart {
        text-align: left
    }

    .box-cart.style2 .btn-add-cart a {
        width: auto;
        padding: 0 30px
    }

    .flat-product-content.style2>.row>.col-md-12>.row {
        padding: 50px 30px
    }

    .description-text.style1 .box-text:first-child,
    .description-text.style1 .box-text:nth-child(3),
    .description-text.style1 .box-text:nth-child(4) {
        margin-right: 0px;
        margin-top: 30px
    }

    .description-image.style1 {
        margin: 0px;
        text-align: center
    }

    .box-right.style1 .box-text,
    .box-right.style1 {
        margin-left: 0px
    }

    .box-counter .product-item,
    .counter {
        width: 100%;
        padding: 0
    }

    .counter span.special {
        right: 0px
    }

    .count-down {
        text-align: center
    }

    .count-down .square {
        margin: 0 15px 15px
    }

    .count-down .square:last-child {
        margin-right: 15px
    }

    .count-down .square .text {
        margin-left: 0px
    }

    .imagebox.style3 {
        padding: 20px 20px
    }

    .imagebox.style3 .box-image {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
        text-align: center
    }

    .imagebox.style3 .box-image.save span {
        top: 20px
    }

    .imagebox.style3 .box-bottom .btn-add-cart a {
        width: auto;
        padding: 0 50px
    }

    .imagebox.style3 .box-content,
    .imagebox.style3 .box-bottom {
        text-align: center
    }

    .box-wrap.style1 {
        height: auto
    }

    .flat-newsletter .form-newsletter {
        padding: 50px 20px;
        margin-top: 30px
    }

    .flat-newsletter .form-newsletter .left {
        float: none;
        text-align: center;
        padding-top: 0px
    }

    .widget-categories-ft,
    .box-left .img-product,
    .form-review.style2 {
        padding-left: 0px
    }

    .widget-ft {
        margin-bottom: 20px
    }

    footer {
        padding: 30px 0
    }

    .box-cart .inner-box .dropdown-box:before {
        right: 15px
    }

    .top-search form.form-search .box-search .search-suggestions {
        width: 0
    }

    .imagebox.style5 .box-text {
        text-align: center;
        float: none;
        width: 100%;
        margin-right: 0px
    }

    .flexslider.style1 .slides img {
        padding-left: 0px
    }

    .flexslider.style2 {
        width: 100%;
        float: left
    }

    .flexslider.style2 .flex-viewport {
        margin: 50px 50px 0
    }

    .flexslider.style2 .flex-control-nav {
        right: auto;
        left: 0;
        width: 20%
    }

    .slider .slider-item .item-image {
        display: none
    }

    .slider .slider-item.style4 .item-text {
        padding: 80px 48px;
        width: 100%
    }

    .slider .slider-item.style5 .item-image,
    .slider .slider-item.style7 .item-image,
    .slider .slider-item.style2 .item-image {
        display: block
    }

    .slider .slider-item.style6 .item-text {
        width: 100%;
        padding-top: 80px
    }

    .slider .slider-item.style7 .item-text,
    .slider .slider-item.style2 .item-text {
        width: 52%;
        padding-top: 20px
    }

    .slider .slider-item.style7 .item-text .content-item .regular {
        display: none
    }

    .slider .slider-item.style7 .item-image,
    .slider .slider-item.style2 .item-image {
        width: 45%;
        padding-right: 20px
    }

    .slider .slider-item.style8 .item-text .header-item h2 {
        font-size: 52px
    }

    .flat-iconbox.style6 .col-md-3 .iconbox {
        padding: 0 0 !important
    }

    footer.style4 .widget-menu,
    footer.style4 .widget-categories-ft {
        padding-left: 0px
    }

    .flat-unstyled.style1 {
        height: auto;
        line-height: 100px
    }

    .header-middle .grid-left #logo {
        line-height: 100px;
        float: left
    }

    .header-bottom.style1 .grid-left {
        width: 15%
    }

    .flat-slider.style1 .grid-left {
        width: 0
    }

    .header-bottom.style1 .grid-right,
    .flat-slider.style1 .grid-right {
        width: 100%;
        margin-left: 0px
    }

    .slider .slider-item.style10 .item-image {
        display: block
    }

    .boxed.style2 .header-bottom .container-fluid {
        padding: 0 15px
    }

    .grid-right .show-search {
        display: block;
        float: right;
        margin-top: 4px
    }

    .grid-right .top-search.style1 {
        padding: 10px 0;
        margin-right: 0px;
        position: absolute;
        top: 100px;
        right: 15px;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease-in-out
    }

    .header-bottom.style1 .grid-right .top-search.style1.active {
        top: 64px;
        opacity: 1;
        visibility: visible
    }

    .grid-right .box-cart.style1 {
        float: right;
        margin-right: 15px
    }

    .grid-left .btn-menu {
        background: #333
    }

    .owl-carousel-4 .owl-item .imagebox.style4 {
        height: 340px
    }
}

@media only screen and (min-width: 768px)and (max-width: 991px) {
    ul.flat-unstyled {
        margin-left: -30px
    }

    ul.flat-support {
        margin-right: -35px
    }

    .text-about {
        padding: 30px 50px
    }

    .imagebox.style1.v3 .box-image {
        width: 168px
    }

    .box-owl-carousel .rows .imagebox.style1.v1 {
        padding: 0 15px
    }

    .top-search form.form-search .cat-wrap {
        display: none
    }

    .top-search form.form-search .box-search input {
        padding-left: 15px
    }

    .owl-carousel-3 .imagebox.style4 {
        height: 310px
    }

    .banner-box.style2 .inner-box,
    .banner-box.style2 .inner-box:nth-child(2),
    .banner-box.style2 .inner-box a img {
        width: 100%
    }

    .banner-box.style2 .inner-box:nth-child(2) {
        margin-top: 20px
    }

    .slider .slider-item.style8 .item-image {
        display: block
    }

    .slider .slider-item.style8 .item-text {
        width: 50%;
        padding-top: 30px
    }

    .slider .slider-item.style9 .item-text {
        padding: 25px 20px
    }
}

@media only screen and (max-width: 767px) {

    ul.flat-unstyled,
    ul.flat-support {
        text-align: center
    }

    .header-middle #logo {
        text-align: center;
        line-height: 60px;
        margin: 0px
    }

    .top-search.style1 {
        padding: 10px 0;
        margin-right: 0px;
        position: absolute;
        top: 100px;
        right: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease-in-out
    }

    .top-search.style1 .cat-wrap {
        display: none
    }

    .top-search.style1.active {
        top: 44px;
        right: 15px;
        opacity: 1;
        visibility: visible;
        transition: all .3s ease-in-out
    }

    .top-search.style1.active form.form-search .box-search input {
        border: 1px solid #484848
    }

    .top-search.style2 {
        padding: 15px 0 15px;
        width: 100%;
        float: none
    }

    .show-search {
        display: block;
        float: right;
        margin-top: 4px
    }

    .box-cart.style1.v1 {
        padding: 10px 0 15px;
        float: none;
        text-align: center
    }

    .box-cart.style1 {
        text-align: right;
        float: right;
        margin-right: 15px
    }

    .slider .slider-item .item-text .header-item h2 {
        font-size: 44px
    }

    .product-box.style2.v1 {
        float: none
    }

    .iconbox {
        margin-bottom: 30px
    }

    .text-about {
        margin-left: 0px;
        margin-right: 0px;
        padding: 30px
    }

    article.main-post.style4 {
        text-align: center
    }

    .member {
        text-align: center
    }

    .brands-list .brands-item {
        width: 25%
    }

    .progress-circle .circle-item {
        margin-right: 19px
    }

    .order-tracking {
        padding: 30px 30px
    }

    .order-tracking form .one-half {
        width: 100%;
        padding: 0px;
        margin-bottom: 20px
    }

    .order-tracking form .btn-track button {
        margin-top: 0px;
        margin-left: 0px
    }

    article.main-post.style2,
    article.main-post .featured-post a img,
    .box-counter.style1 .counter,
    .box-counter.style1 .product-item {
        width: 100%
    }

    .box-counter.style1 .product-item {
        padding-left: 0px
    }

    .imagebox.style3.v1 .box-image.save span {
        left: -29px;
        top: -25px
    }

    .form-login,
    #shop .sidebar .widget,
    .box-wrap.style1 {
        margin-bottom: 30px
    }

    .form-login,
    .form-register {
        height: 420px
    }

    .form-login .title,
    .form-register .title {
        margin-bottom: 40px
    }

    .sort-product.style1 {
        padding: 15px 25px
    }

    .sort-product.style1 .icons,
    .sort-product.style1 .sort {
        float: none
    }

    .sort-product .sort>div.popularity {
        margin-left: 0px
    }

    .description-image {
        margin-top: 0px;
        text-align: center
    }

    .box-right .img-line {
        padding-left: 0px
    }

    .product-detail.style1>span {
        width: 0px
    }

    .product-detail.style4 {
        padding: 15px
    }

    .counter.style1 {
        margin-left: 0px;
        width: 100%;
        margin-top: 30px;
        text-align: center
    }

    .counter.style1 .item-sale {
        margin: 0px 15px 15px
    }

    .box-owl-carousel .rows {
        margin: 0 15px
    }

    .box-owl-carousel .rows .imagebox.style1.v1 {
        width: 100%;
        padding-bottom: 20px;
        margin-bottom: 0px;
        border-right: none;
        border-bottom: 1px solid #e5e5e5
    }

    .box-owl-carousel .rows .imagebox:nth-child(3),
    .box-owl-carousel .rows .imagebox.style1.v1:nth-child(3) {
        border-bottom: none
    }

    .banner-box {
        display: none
    }

    .flat-newsletter .form-newsletter .left .title {
        float: none;
        margin-right: 0px;
        margin-bottom: 15px
    }

    .footer-bottom.style3 {
        text-align: center
    }

    .footer-bottom.style3 p.copyright,
    .footer-bottom.style3 .btn-scroll {
        float: none
    }

    .product-box.style1.v1 {
        height: 250px
    }

    .flat-imagebox.style2 .product-wrap .tab-item .row .col-md-6 .product-box {
        padding-left: 0px
    }

    .box-cart {
        text-align: center;
        padding: 18px 0
    }

    .box-cart .inner-box ul.menu-compare-wishlist li {
        margin-right: 25px
    }

    .table-wishlist {
        width: 750px
    }

    .table-wishlist tbody tr td>div.delete {
        margin-right: 30px
    }

    .popup-newsletter .popup-text {
        width: 100%
    }

    .popup-newsletter .popup-image {
        display: none
    }

    .popup-newsletter .container {
        width: 720px
    }

    .slider .slider-item.style5 {
        height: 400px
    }

    .slider .slider-item.style8 .item-text {
        width: 100%
    }

    .slider .slider-item:before {
        right: 50px
    }

    .slider .slider-item.style2 .item-text {
        padding: 20px
    }

    .divider90 {
        display: none
    }

    .owl-carousel-3 .imagebox.style4 {
        height: 300px
    }

    .counter.style1.v2,
    .bestsellers,
    .featured,
    .hot-sale,
    .box-6.big {
        width: 100%
    }

    .product-wrap.style1 .tab-item {
        padding: 0 10px
    }

    .header-middle .grid-left,
    .header-middle .grid-right {
        width: 100%;
        margin-left: 0px;
        text-align: center
    }

    .header-middle .grid-right .flat-unstyled.style1 {
        float: none;
        line-height: 50px
    }

    .header-middle .grid-left #logo {
        line-height: 60px
    }

    .slider .slider-item.style10 .item-text {
        width: 100%
    }

    .slider .slider-item.style10 .item-image {
        display: none
    }

    .header-bottom.style1 .grid-right .top-search.style1.active {
        top: 64px
    }

    .box-filter .widget {
        width: 50%
    }
}

@media(max-width: 700px) {
    .top-nav-right .menu-button-container {
        display: flex
    }

    .top-nav-right .menu {
        position: absolute;
        top: 0;
        margin-top: 50px;
        left: 0;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center
    }

    .top-nav-right #menu-toggle~.menu li {
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1)
    }

    .top-nav-right #menu-toggle:checked~.menu li {
        border: 1px solid #333;
        height: 2.5em;
        padding: .5em;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1)
    }

    .top-nav-right .menu>li {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: .5em 0;
        width: 100%;
        color: #fff;
        background-color: #222
    }

    .top-nav-right .menu>li:not(:last-child) {
        border-bottom: 1px solid #444
    }
}

@media screen and (min-width: 577px) {
    .cards-wrapper {
        display: flex
    }

    .card {
        margin: 0 .5em;
        width: 50%
    }

    .image-wrapper {
        margin: 0 30px
    }

    .item-brand {
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: center
    }
}

@media screen and (max-width: 576px) {
    .card:not(:first-child) {
        display: none
    }
}

@media only screen and (max-width: 575px) {
    .container {
        max-width: 100%
    }

    .header-middle #logo.style1 {
        float: none;
        width: 100%
    }

    ul.flat-infomation.style1 {
        float: left
    }

    ul.flat-infomation.style1 li.phone {
        height: auto
    }

    ul.flat-infomation.style1 li img {
        display: none
    }

    .widget-apps .widget-title h3 {
        margin-top: 0px
    }

    ul.app-list li.app-store {
        margin-bottom: 20px;
        margin-right: 0px
    }

    .brands-list .brands-item {
        width: 33.333%
    }

    .flat-tab ul.tab-list li {
        padding: 14px 25px
    }

    .progress-circle .circle-item {
        margin-right: 0px;
        display: block;
        margin-bottom: 30px
    }

    .progress-circle .circle-item .demo {
        position: relative;
        left: 50%;
        margin-left: -83.5px
    }

    article.main-post.style1 .featured-post {
        float: none;
        margin-right: 0;
        margin-bottom: 20px
    }

    article.main-post .featured-post a img,
    .comment-respond .form-comment form .comment-form-name,
    .comment-respond .form-comment form .comment-form-email,
    .comment-respond .form-comment form .comment-form-comment {
        width: 100%
    }

    article.main-post.single .content-post .entry-post blockquote {
        padding-left: 50px
    }

    article.main-post.single .content-post .entry-post blockquote span {
        left: 3px
    }

    .fields-content .field-row .field-one-half,
    #form-contact .form-box.one-half {
        width: 100%;
        padding: 0px !important
    }

    .table-cart table {
        width: 650px;
        overflow: hidden
    }

    .table-cart tr td .quanlity span.btn-up {
        right: 20px
    }

    .table-cart tr td .img-product {
        margin-right: 15px
    }

    .flat-location .location,
    .flat-location .location-detail,
    .flat-location #flat-map-2 {
        width: 100%
    }

    .product-box.style3 {
        min-height: 580px;
        height: auto
    }

    .imagebox.style1.v3 {
        text-align: center;
        min-height: 600px;
        height: auto
    }

    .imagebox.style1.v3 .box-image,
    .imagebox.style1.v3 .box-content,
    .imagebox.style1.v3 .box-price {
        width: 100%;
        padding: 0px;
        text-align: center
    }

    .imagebox.style1.v3 .box-price .btn-add-cart a {
        display: inline-block;
        padding: 0 40px
    }

    .flex-control-thumbs {
        margin-top: 30px
    }

    .product-detail-bar li {
        padding: 12px 12px;
        font-size: 16px
    }

    .product-detail-bar.style1 li {
        padding: 12px
    }

    body.background section.flat-row .container {
        padding: 10px 15px 0
    }

    .box-owl-carousel.style1 .imagebox.style7 {
        width: 100%;
        border-right: none
    }

    .popup-newsletter .container {
        width: 480px
    }

    .flexslider.style2 .flex-viewport {
        margin: 0 0 30px
    }

    .flexslider.style2 .flex-control-nav {
        width: 100%;
        position: relative;
        margin-top: 0px
    }

    .flexslider.style2 .flex-control-thumbs li {
        float: left;
        margin-bottom: 10px
    }

    .slider .slider-item.style6 .item-text {
        padding-top: 30px
    }

    .slider .slider-item.style7 .item-text,
    .slider .slider-item.style2 .item-text,
    .box-6 {
        width: 100%
    }

    .slider .slider-item.style7 .item-image,
    .slider .slider-item.style2 .item-image {
        display: none
    }

    .slider .slider-item.style2 .item-text {
        padding: 20px 20px
    }

    .slider .slider-item.style4 .item-text .header-item h2 {
        font-size: 50px
    }

    .boxed.style1 .flat-row.flat-highlights {
        padding-top: 30px
    }

    .box-6.big .imagebox .box-bottom .btn-add-cart a {
        padding: 0 35px
    }

    .boxed.style2 .footer .container-fluid {
        padding: 0 15px
    }

    .imagebox.style3 .box-bottom .btn-add-cart a {
        padding: 0 35px;
        width: 100%;
        margin-left: 0px
    }

    .imagebox.style3 .box-bottom .compare-wishlist {
        text-align: center
    }

    .imagebox.style3 .box-bottom .compare-wishlist a.compare {
        margin-left: 0px
    }

    .box-filter .widget {
        width: 100%
    }

    .slider .slider-item .item-text .header-item h2 {
        font-size: 40px
    }
}

@media only screen and (min-width: 480px)and (max-width: 767px) {
    .banner-box .inner-box a {
        margin-top: 30px;
        text-align: center
    }

    .slider .slider-item.style5 .item-image {
        width: 43%;
        padding-right: 30px
    }
}

@media only screen and (max-width: 480px) {
    .flat-breadcrumb ul.breadcrumbs li.trail-item a {
        margin-right: 10px
    }

    .wrap-error .content-error .form-search-error {
        padding: 30px 30px
    }

    .wrap-error .content-error .form-search-error form .search-input input {
        width: 100%;
        margin-right: 0px;
        display: block;
        margin-bottom: 15px
    }

    .brands-list .brands-item {
        width: 50%
    }

    .progres .progress-item .perc span {
        top: 17px
    }

    .btn-radio.style2 .radio-info label {
        width: 180px
    }

    .accordion-toggle .toggle-title:before {
        right: 19.5px
    }

    .accordion-toggle .toggle-title:after {
        right: 12.5px
    }

    .payment-accordion .panel-title a:before,
    .payment-accordion .panel-title a.collapsed:before {
        border-left: 0px
    }

    .tabs ul.menu-tab {
        margin-bottom: 20px
    }

    .tabs ul.menu-tab li {
        margin-right: 15px;
        font-size: 16px
    }

    ol.comment-list li.comment .comment-text .comment-metadata .name {
        float: none
    }

    ol.comment-list li.comment .comment-text .comment-metadata .queue {
        text-align: left;
        line-height: 24px
    }

    .cart-totals {
        padding: 35px 20px 30px 30px
    }

    .btn-order {
        padding: 0px
    }

    .form-coupon {
        padding: 30px 15px
    }

    .form-coupon form input {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0px
    }

    .sort-product .icons,
    .sort-product .sort,
    .wrap-imagebox .flat-row-title span {
        float: none
    }

    .sort-product .sort>div {
        margin-left: 0px;
        margin-bottom: 15px;
        display: block
    }

    .sort-product .sort>div select {
        width: 100% !important
    }

    .main-shop .wrap-imagebox .flat-row-title h3 {
        display: block;
        float: none;
        padding: 0px 0 10px
    }

    .owl-carousel-4.owl-theme .owl-controls .owl-nav div.owl-prev,
    .owl-carousel-4.owl-theme .owl-controls .owl-nav div.owl-next {
        border-radius: 50%;
        border: 1px solid #e5e5e5;
        left: -15px;
        width: 45px;
        height: 45px;
        line-height: 42px;
        background-color: #fff
    }

    .owl-carousel-4.owl-theme .owl-controls .owl-nav div.owl-next {
        right: -15px;
        left: auto
    }

    .product-detail {
        padding: 20px
    }

    .rating .queue-box li span,
    .rating .score .queue {
        display: block
    }

    .rating .queue-box li span.numb-star,
    .rating .score .queue {
        margin-left: 0px
    }

    .rating .score .queue {
        margin-top: 20px
    }

    .product-tab ul.tab-list li,
    .product-tab ul.tab-list li.active {
        margin-right: 18px;
        font-weight: 300;
        font-size: 16px
    }

    .product-tab ul.tab-list li {
        margin-right: 15px
    }

    .product-tab ul.tab-list li:hover {
        font-weight: 400
    }

    .banner-box {
        margin-bottom: 20px
    }

    .banner-box.one-half .inner-box {
        width: 100%;
        margin-bottom: 20px
    }

    .banner-box.one-half {
        margin-bottom: 0px
    }

    .banner-box .inner-box a img,
    .banner-box.style2 .inner-box:nth-child(2) {
        width: 100%
    }

    .imagebox.style3 .box-content,
    .imagebox.style3 .box-bottom {
        text-align: left
    }

    .flat-newsletter .form-newsletter .left form {
        display: block
    }

    .flat-newsletter .form-newsletter .left form input {
        width: 100%
    }

    .flat-imagebox.style2 .product-wrap .tab-item .row .col-md-6 .product-box .imagebox .box-bottom .btn-add-cart a {
        padding: 0 30px
    }

    .top-search.style1 {
        width: 290px
    }

    .top-search form.form-search .cat-wrap {
        display: none
    }

    .top-search form.form-search .box-search input {
        padding-left: 15px
    }

    .box-cart .inner-box .dropdown-box {
        right: -57px;
        width: 310px;
        padding: 25px 15px
    }

    .box-cart .inner-box .dropdown-box:before {
        right: 73px
    }

    .popup-newsletter .container {
        width: 320px
    }

    .popup-newsletter .popup-text h2 {
        font-size: 20px
    }

    .popup-newsletter .popup-text p.subscribe {
        margin: 15px 0 15px
    }

    .popup-newsletter .popup-text .form-popup .checkbox {
        margin-top: 0px
    }

    .slider .slider-item.style4 .item-text {
        padding: 15px 10px
    }

    .slider .slider-item.style8 .item-text {
        padding: 25px
    }

    .owl-carousel-3 .imagebox.style4 {
        height: 310px
    }

    .slider .slider-item.style10 .item-text .header-item h2 {
        font-size: 50px
    }

    .header-bottom.style1 .grid-right .top-search.style1 {
        width: 91%
    }

    .owl-carousel-4 .imagebox.style4 {
        text-align: center
    }

    .slider .slider-item .item-text {
        width: 100%;
        padding: 30px !important
    }

    .owl-carousel-item .product-box.style1:last-child {
        margin-bottom: 80px
    }

    .slider .slider-item.style7 .item-text .header-item h2 {
        margin-top: 0px;
        margin-bottom: 0px
    }

    .box-cart.style1.v1 .inner-box .dropdown-box {
        right: -80px
    }

    .box-cart.style1.v1 .inner-box .dropdown-box:before {
        right: 95px
    }

    .slider .slider-item.style8 .item-text .header-item h2 {
        line-height: 42px
    }

    .flat-breadcrumb ul.breadcrumbs li.trail-item {
        margin-right: 6px
    }

    .slider .slider-item:before,
    .slider .slider-item.style1:before {
        right: 20px
    }
}

.wrap-inner {
    height: 385px;
    width: 100%;
    background: #f5f5f5;
    overflow-y: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-scrollbar-width: thin
}

.shoroom-table table {
    width: 250px
}

.pickup-card h5 {
    color: #001ed4;
    font-size: 14px;
    font-weight: 600
}

.sh-ul {
    display: list-item;
    padding: 0 15px
}

.sh-ul li {
    list-style: disc;
    padding: 0px;
    line-height: 24px;
    display: list-item
}

.pickup-card p {
    margin: 0px;
    padding: 0px;
    font-size: 13px
}

#pickup-location-data {
    margin-top: 20px
}

.sh-add {
    margin-top: 15px
}

.shoroom-table table td:nth-child(2n) {
    text-align: right;
    width: 60%
}

.pic-txt {
    display: flex;
    margin: 8px 0px
}

.showroom-name {
    margin-bottom: 0px !important
}

.shoroom-table table td {
    font-size: 13px
}

.main-link {
    line-height: 15px;
    display: flex;
    align-items: center;
    padding: 7.2px 12px;
    font-size: 13px
}

.main-link a {
    color: #757575;
    display: inline-flex;
    align-items: center
}

.main-link .inner ul li a:hover {
    color: #001ed4
}

.fly {
    cursor: pointer
}

.main-link:hover {
    background: #fff
}

.fly .inner {
    position: absolute;
    top: -99rem;
    left: -99rem;
    opacity: 0;
    border-top-right-radius: 10px;
    z-index: 10000;
    border-bottom-right-radius: 10px
}

.has-submenu .align-items-start a {
    color: #000
}

.has-submenu .align-items-start a:hover {
    color: #001ed4
}

.scroll-cat-set {
    background: #fff
}

.fly:hover .inner {
    top: 0px;
    left: 0px;
    margin-left: 217px;
    width: -moz-max-content;
    width: max-content;
    height: 385px;
    opacity: 1;
    transition: opacity 1s ease, top 0s, left 0s, margin 0s;
    z-index: 10000;
    display: flex !important
}

.scroll-height {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    z-index: 500
}

.warranty-more {
    margin-bottom: 0px !important
}

.scroll-cat-set {
    background: #fff;
    padding: 15px 5px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px
}

p {
    margin: 0 0 1rem;
    padding: 5px
}

.wrap-menu {
    position: relative;
    z-index: 999;
    display: none
}

.menu-img {
    margin-right: 6px;
    width: 24px;
    height: 24px;
    display: inline
}

#mega-menu:hover .wrap-menu {
    display: block
}

/*# sourceMappingURL=main.min.css.map */