@import url(https://fonts.googleapis.com/css2?family=Bebas + Neue&display=swap);
@font-face {
    font-family: BEBAS;
    src: url(../fonts/BEBAS.eot);
    src: url(../fonts/BEBAS.woff2) format("woff2"), url(../fonts/BEBAS.eot?#iefix) format("embedded-opentype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Bebas;
    src: url(../fonts/Bebas.woff) format("woff"), url(../fonts/Bebas.ttf) format("truetype"), url(../fonts/Bebas.svg#Bebas) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue Pro';
    src: url(/shop/fonts/BebasNeuePro-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Bebas Neue Pro';
    src: url(/shop/fonts/BebasNeuePro-BoldItalic.woff2) format('woff2'), url(/shop/fonts/BebasNeuePro-BoldItalic.woff) format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Bebas Neue Pro Book';
    src: url(/shop/fonts/BebasNeuePro-BookItalic.woff2) format('woff2'), url(/shop/fonts/BebasNeuePro-BookItalic.woff) format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Bebas Neue Pro Book';
    src: url(/shop/fonts/BebasNeuePro-Book.woff2) format('woff2'), url(/shop/fonts/BebasNeuePro-Book.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Bebas Neue Pro';
    src: url(/shop/fonts/BebasNeuePro-LightItalic.woff2) format('woff2'), url(/shop/fonts/BebasNeuePro-LightItalic.woff) format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Bebas Neue Pro';
    src: url(/shop/fonts/BebasNeuePro-Italic.woff2) format('woff2'), url(/shop/fonts/BebasNeuePro-Italic.woff) format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Bebas Neue Pro';
    src: url(/shop/fonts/BebasNeuePro-Light.woff2) format('woff2'), url(/shop/fonts/BebasNeuePro-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Bebas Neue Pro';
    src: url(/shop/fonts/BebasNeuePro-ThinItalic.woff2) format('woff2'), url(/shop/fonts/BebasNeuePro-ThinItalic.woff) format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Bebas Neue Pro';
    src: url(/shop/fonts/BebasNeuePro-Regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Futura-Bold;
    src: url(..);
    src: url(../fonts/Futura-Bold.otf) format('otf');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Bebas;
    src: url(/shop/fonts/Bebas.woff2) format('woff2'), url(/shop/fonts/Bebas.woff) format('woff'), url(/shop/fonts/Bebas.ttf) format('truetype'), url(/shop/fonts/Bebas.svg#Bebas) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Open Sans';
    src: url(/shop/fonts/OpenSans-Bold.woff2) format('woff2'), url(/shop/fonts/OpenSans-Bold.woff) format('woff'), url(/shop/fonts/OpenSans-Bold.ttf) format('truetype'), url(/shop/fonts/OpenSans-Bold.svg#OpenSans-Bold) format('svg');
    font-weight: 700;
    font-style: normal
}

.new-afi-pages .new-sample-btn-box {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.new-afi-pages .new-sample-btn-box a.btn.outline-button.color span.sample-text {
    font-size: 20px !important;
    padding: 5px 15px !important;
}
.new-afi-pages .new-sample-btn-box a.btn.outline-button.color.active span.sample-text {
    background-color: #c41425 !important;
    color: #fff !important;
}
.new-afi-pages .left-bar {
    padding-top: 0 !important;
}
.new-afi-pages .stickey-sec {
    overflow-y: scroll !important;
}
.new-afi-pages .new-sample-btn-box.filter-text-buttons a.btn.outline-button {
    width: max-content;
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-afi-pages .new-sample-btn-box.filter-text-buttons a.btn.outline-button span.sample-text {
    width: max-content;
    min-width: 100%;
    padding: 4px 15px;
    font-size: 18px;
}
.new-afi-pages .new-sample-btn-box.filter-text-buttons a.btn.outline-button.active span.sample-text {
    background-color: #c41425 !important;
    color: #fff !important;
}

.social-icons .fb-login-button,
.social-icons .g_id_signin {
    opacity: 0
}

.icons-center .icons-wrap .social-icons .cus-icons {
    text-align: center;
    position: relative;
    transition: .3s ease all
}

.icons-center .icons-wrap .social-icons .cus-icons i.fa {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    color: #dd4b3e;
    transition: .3s ease all;
    font-size: 22px
}

.icons-center .icons-wrap .social-icons .cus-icons:hover i.fa {
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.icons-center .icons-wrap .social-icons .cus-icons:hover i.fa:after {
    opacity: 1
}

.icons-center .icons-wrap .social-icons .cus-icons i.fa:after {
    content: "";
    border: 1px solid #000;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .6s ease all;
    opacity: 0
}

.icons-center .icons-wrap .social-icons .cus-icons i.fa.fa-facebook {
    color: #3a5a99
}

.signin-btn button#loginFormSubmitId {
    min-width: 210px;
    text-align: center
}

.signin-btn button#loginFormSubmitId span.letf-arrow-sign {
    display: inline-block;
    width: 100%;
    padding-left: 30px;
    margin-left: 9px
}

.detail-shipng-td-left {
    text-align: left
}

.navbar.main-nav {
    background: rgba(0, 0, 0, 0) url(../images/header_bg_topcurve.png) repeat-y scroll center top;
    border: medium none;
    padding: 16px 0 0 0;
    margin: 0 auto
}

.logo {
    text-align: center;
    margin-top: 10px
}

.logo img {
    height: 120px;
    width: 230px
}

.main-nav .nav.navbar-nav a {
    color: #fff;
    display: block;
    font-family: Georgia;
    font-size: 14px;
    text-decoration: none;
    text-transform: none
}

.main-nav .nav.navbar-nav a:active,
.main-nav .nav.navbar-nav a:focus,
.main-nav .nav.navbar-nav a:hover {
    color: #fff;
    display: block;
    font-family: Georgia;
    font-size: 14px;
    text-decoration: none;
    text-transform: none
}

.number-cart {
    font-family: arial
}

.padding-10.navbar-nav>li>a {
    padding-bottom: 10px;
    padding-left: 12px;
    padding-top: 10px
}

.frm-check-box .checkbox {
    display: inline-block;
    width: 24%;
    text-align: center
}

.menu-secound-bar .frm-check-box .checkbox {
    float: left;
    margin: 5px 5px 15px 0;
    text-align: center;
    width: auto
}

.frm-check-box>input {
    float: left;
    font-size: 12px;
    font-weight: 700;
    padding: 5px;
    width: 68px
}

.frm-check-box {
    padding: 0
}

.bg-frm {
    background-color: #000;
    border-radius: 6px 0 0 6px
}

#cartactualtext {
    display: block;
    float: left;
    padding: 12.5px 0;
    width: auto
}

.padding-top-20 {
    padding-top: 20px
}

.bg-red {
    background-image: url(../images/menubg.png);
    color: #fff;
    border-radius: 0 4px 4px 0;
    display: inline-block
}

.setting-form .m-0 {
    margin: 0
}

.setting-form .p-0 {
    padding: 0
}

.setting-form .ip-0 {
    padding: 0 8px 0 0
}

div.setting-form input.form-control {
    border-radius: 6px !important
}

div.setting-form .input-group-btn .btn.btn-default {
    background: #c42625;
    border: 0;
    border-radius: 6px;
    color: #fff;
    margin-left: -1px;
    height: 34px
}

div.setting-form .btn.btn-default.rest-btns {
    background: #c42625;
    border: 0;
    border-radius: 6px;
    color: #fff;
    width: auto
}

div.setting-form .menu-secound-bar .frm-check-box .checkbox {
    margin: 5px 15px 15px 0
}

div.setting-form .cart-column {
    width: 100% !important
}

div.setting-form .cart-wrap {
    min-height: 99px;
    text-align: center;
    width: 100%
}

div.setting-form .cart-wrap p {
    width: 40px;
    height: 40px;
    text-align: center;
    background: #fff;
    color: #000;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 5px
}

div.setting-form .cart-wrap p i {
    margin-left: -4px
}

div.setting-form .cart-wrap .cart {
    font-size: 20px;
    font-weight: 200
}

div.setting-form .cart-wrap .vew-edit {
    font-size: 14px;
    color: #fff
}

div.setting-form .cus-column {
    align-items: flex-end;
    display: flex
}

.setting-form .col-lg-2.ip-0 {
    width: 18.3%
}

.setting-form .bg-frm {
    padding-top: 15px;
    padding-bottom: 10px
}

.setting-form .form-fields {
    display: flex;
    align-items: flex-end
}

.setting-form .frm-check-box {
    padding: 0 8px
}

.setting-form #itemsTotlal {
    min-height: 20px
}

.setting-form .form-text {
    max-width: 115px;
    margin: 0 auto 0 5px
}

.setting-form .bg-frm label {
    font-weight: 100
}

.setting-form .form-text.search {
    max-width: 150px
}

.setting-form .release-date {
    width: 100%
}

.bg-frm label {
    color: #fff
}

.inner-header {
    display: block;
    overflow: hidden;
    margin-top: 20px
}

.bg-frm .col-lg-3 {
    padding: 0
}

.login-section {
    border-left: 1px solid #999
}

body header.navigation.fixed nav ul li a {
    color: #d82b2a
}

.navigation.fixed .header-holder .nav-holder nav.navbar ul.nav-list .dropdown button::before {
    color: #d82b2a
}

body header.navigation.fixed nav ul li a.active {
    color: #000
}

.heading-ret-cus,
.wc-msg-sign {
    font-size: 20px;
    font-weight: lighter;
    letter-spacing: .5px;
    margin: 15px 0 10px;
    padding: 4px 4px 4px 7px
}

.custmor-section p {
    margin: 8px 0 15px 7px;
    word-wrap: break-word;
    font-size: 12px
}

.error-message {
    overflow: hidden;
    padding: 40px 0 50px;
    text-align: center
}

.error-message p {
    margin: 20px 0
}

.videos-box-inner {
    border: 1px solid #efefef;
    margin: 20px 0 0;
    min-height: 120px;
    height: 340px;
    text-align: center
}

.videos-box-inner img {
    height: 180px;
    width: 254px
}

.videos-box-inner p {
    font-size: 30px;
    padding: 55px 0 0
}

.vidos-holder .sep-line-sp .videos-box .videos-box-head h2 {
    font-size: 16px;
    line-height: 21px;
    text-align: left;
    margin: 0;
    min-height: 75px;
    padding: 0;
    color: #da3231;
    font-family: Oswald-Regular, sans-serif !important
}

.videos-box .videos-box-inner {
    margin: 0;
    background: #000
}

.vidos-holder .sep-line-sp h2 {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
    text-align: left;
    color: #000;
    padding-left: 20px;
    font-weight: 700
}

.vidos-holder .sep-line-sp .videos-box-head h2.text-center {
    padding: 0
}

.videos-box {
    margin: 10px 0
}

.videos-box .letf-arrow-sign.shopin-cart-checkout {
    background-position: left center;
    padding-left: 40px;
    padding-right: 0;
    font-size: 12px
}

.pass-forgot {
    color: #f93;
    font-size: 12px
}

.new-cus-btn,
.sing-btn {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(90deg, #efefef, #fff, #fff, #fff) repeat scroll 0 0;
    border: 1px solid #bebebe;
    border-radius: 6px;
    color: #666;
    display: inline-block;
    /* font-family: Verdana, Geneva, sans-serif; */
    font-family: "Bebas Neue Pro" !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 10px 0 0 8px;
    padding: 6px 10px;
    text-align: right;
    text-decoration: none
}

.shoppingcart-screen .new-cus-btn, .shoppingcart-screen .sing-btn {
    background-color: #fff;
    border-radius: 15px;
    padding: 2px;
    color: #c41425;
    font-size: 29px;
    letter-spacing: 2px;
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px !important;
    font-weight: 600;
    border: none !important;
}

.shoppingcart-screen .new-cus-btn span, .shoppingcart-screen .sing-btn span {
    display: flex;
    align-items: center;
    width: 100%;
    border: 3px solid #c41425;
    border-radius: 15px;
    padding: 6px 12px;
    color: #c41425;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: normal;
    background: none !important;
}
/* .shoppingcart-screen .new-cus-btn span.letf-arrow-sign, .shoppingcart-screen .sing-btn span.letf-arrow-sign {
    padding: 6px;
    padding-left: 40px;
    background-image: none;
    position: relative;
} */
.shoppingcart-screen .new-cus-btn span.letf-arrow-sign.back-butn::before, .shoppingcart-screen .sing-btn span.letf-arrow-sign.back-butn::before {
    content: "";
    background-image: url(images/back.png) !important;
    display: inline-block;
    width: 35px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 10px 0 0;
}
.shoppingcart-screen .new-cus-btn span.letf-arrow-sign::before, .shoppingcart-screen .sing-btn span.letf-arrow-sign::before {
    content: "";
    background-image: url(images/arrow.png) !important;
    display: inline-block;
    width: 35px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 10px 0 0;
}
.shoppingcart-screen .sing-btn .letf-arrow-sign.shopin-cart-checkout::before ,.shoppingcart-screen .sing-btn .letf-arrow-sign.shopin-cart-checkout::before {
    display: none;
}
.shoppingcart-screen .sing-btn .letf-arrow-sign.shopin-cart-checkout::after ,.shoppingcart-screen .sing-btn .letf-arrow-sign.shopin-cart-checkout::after {
    content: "";
    background-image: url(images/arrow.png) !important;
    display: inline-block;
    width: 35px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 0 0 10px;
}

.shoppingcart-screen .new-cus-btn:hover span, .shoppingcart-screen .sing-btn:hover span {
    background-color: #c41425 !important;
    color: #fff;
    transition: 0.5s ease;
}
.shoppingcart-screen .new-cus-btn:hover span.letf-arrow-sign::before, .shoppingcart-screen .sing-btn:hover span.letf-arrow-sign::before {
    filter: brightness(0) invert(1);
}
.shoppingcart-screen .new-cus-btn:hover span.back-butn::before, .shoppingcart-screen .sing-btn:hover span.back-butn::before {
    filter: brightness(0) invert(1);
}
.shoppingcart-screen .sing-btn:hover .letf-arrow-sign.shopin-cart-checkout::after ,.shoppingcart-screen .sing-btn:hover .letf-arrow-sign.shopin-cart-checkout::after {
    filter: brightness(0) invert(1);
}

.print-butn-pay.print-btn-paypal {
    margin: 20px 0
}

.print-btn-paypal p {
    font-size: 18px;
    font-weight: 700;
    margin: 16px 0 0
}

.letf-arrow-sign.shopin-cart-checkout {
    background-image: url(images/arrow.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 40px;
    padding-left: 0
}

.arrow-left,
.letf-arrow-sign {
    background-image: url(images/arrow.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 40px
}

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

.page-links,
.page-links:hover {
    display: inline-block;
    font-family: Georgia;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none
}

.ceate-acont-heading {
    font-size: 20px;
    font-weight: lighter;
    letter-spacing: .5px;
    margin: 15px 0 10px;
    padding: 4px 4px 4px 7px
}

.new-row .col-sm-3 {
    padding: 0 0 0 10px
}

.new-row {
    text-align: left !important;
    margin: 0 auto
}

.new-row .description {
    border: 1px solid #c41425;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 5px 0;
    text-align: center
}

.blockUI.blockMsg {
    z-index: 9999 !important
}

.dis-blk {
    display: block;
    overflow: hidden
}

.filed-heading {
    color: #999;
    font: 18px Arial;
    margin: 0;
    padding: 0;
    text-indent: 4px;
    margin-bottom: 20px
}

.footer h4,
.footer p {
    text-align: center;
    color: #000;
    font-size: 14px
}

.footer p {
    color: #555;
    font-size: 12px;
    text-align: justify
}

.copy-rights {
    text-align: center;
    padding: 10px 0
}

.acont-heading {
    border-bottom: 1px solid #000;
    font-size: 20px;
    margin: 40px 0 0 20px;
    text-align: left
}

form#ForgotPasswordForm {
    padding: 40px 0
}

.index_heading {
    font-size: 18px
}

.acont-li {
    list-style: none
}

.inner-wapper-popup h1 {
    font-size: 22px
}

.review-content {
    background: #eee none repeat scroll 0 0;
    border-radius: 4px;
    padding: 10px 20px
}

.box-review {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px
}

.acont-li a {
    background: rgba(0, 0, 0, 0) url(../images/arrow_green.gif) no-repeat scroll left center;
    color: #000;
    font-size: 12px;
    outline: medium none;
    padding-left: 30px;
    text-decoration: none
}

.acont-li a:hover {
    color: #c41425;
    text-decoration: none
}

.aling-center {
    text-align: center
}

.inner-box {
    display: inline-block;
    width: 100%
}

.clearfix {
    clear: both
}

.vew-edit {
    font-size: 12px;
    cursor: pointer;
    text-decoration: underline;
    color: #fff
}

.cart {
    font-size: 14px;
    font-weight: 700
}

.eidt-info {
    margin-top: 20px
}

.back-btun {
    text-align: right
}

.back-butn {
    background: url(../images/back.gif) no-repeat left center
}

.refresh {
    background: url(../images/icon-resfresh.png) no-repeat left center
}

.add-icon {
    background: rgba(0, 0, 0, 0) url(../images/add-icon.png) no-repeat scroll left center;
    padding-left: 22px
}

.home-icon {
    background: url(../images/home.png) no-repeat scroll left center
}

.pay-pal-icon {
    background: url(/shop/images/paypal.gif) no-repeat scroll right center
}

.mesg {
    background: rgba(0, 0, 0, 0) url(../images/masg-outline.png) no-repeat scroll left center
}

.print {
    background: rgba(0, 0, 0, 0) url(../images/print-icon.png) no-repeat scroll left center
}

.mobile-view {
    display: none
}

.mobi-menu {
    display: none
}

.video-box {
    min-height: 200px
}

.video-section {
    display: block;
    overflow: hidden;
    clear: both;
    width: 100%
}

.footer {
    display: inline-block;
    overflow: inherit;
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-top: 10px
}

.req-strt {
    color: red
}

.required-text {
    display: block;
    overflow: hidden;
    text-align: right;
    width: 100%;
    margin-bottom: 10px;
    color: red
}

.box-adrs-book {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 10px 10px 0;
    margin-bottom: 10px
}

.box-adrs-book h5 {
    font-weight: 700;
    word-wrap: break-word;
}

.box-adrs-book p {
    margin: 0
}

.box-adrs-book p:last-child {
    margin-bottom: 15px
}

.butn-adr-bok {
    display: block;
    margin: 10px 0;
    overflow: hidden;
    text-align: center
}

.eidt-adrs-butn {
    background: rgba(0, 0, 0, 0) url(images/refresh.png) no-repeat scroll left center;
    padding-left: 25px
}

.delete-adrs-butn {
    background: url(images/cross.png) no-repeat scroll left center;
    padding-left: 25px
}

.page-recods {
    font-size: 20px;
    color: #000;
    padding-left: 5px;
    font-weight: 800
}

.page-recods .prev {
    font-weight: 700;
    margin-right: 4px;
    text-decoration: underline
}

.page-recods .next {
    font-weight: 700;
    margin-left: 4px;
    text-decoration: underline
}

.desp-main {
    margin-top: 15px;
    margin-bottom: 10px
}

.desp-main .desp-text {
    font-size: 12px;
    margin: 0;
    text-align: right
}

.butn-style {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(90deg, #efefef, #fff, #fff, #fff) repeat scroll 0 0;
    border: 1px solid #bebebe;
    border-radius: 6px;
    color: #666;
    display: inline-block;
    font-family: Verdana, Geneva, sans-serif
}

.cart-info {
    text-align: right;
    font-size: 12px
}

.cart-info a {
    color: #333
}

.cart-info a:hover {
    text-decoration: none;
    color: #c41425
}

.cart-info .glyphicon.glyphicon-envelope {
    color: #c41425
}

.cart-info>p {
    margin: 5px 0
}

.shoppingcart-screen .cart-info>p {
    margin: 0;
}

.heading-cart h2,
.heading_delivery_information {
    font-size: 20px;
    font-weight: lighter
}

.cart-box,
.inner-box-cart,
.inner-wapper-cart {
    display: block;
    overflow: hidden;
    width: 100%;
    clear: both
}

.cart-remove {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(90deg, #f7d6d7, #fbe9e9, #f4d5d6) repeat scroll 0 0;
    border: 1px solid #eb9495;
    border-radius: 5px;
    color: #d02326;
    font-size: 16px;
    font-weight: 700;
    padding: 0 5px
}

.cart-remove:hover {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(90deg, #f7e6e7, #fff, #f7e6e7) repeat scroll 0 0;
    color: #ff0004;
    text-decoration: none
}

.cart-prodts {
    text-align: center
}

.heading-cart-table h3 {
    font: 14px Arial, Helvetica, sans-serif;
    padding-bottom: 4px;
    padding-top: 8px;
    white-space: nowrap;
    text-align: center
}

.headr-oder-pro .heading-cart-table:nth-child(2) h3 {
    text-align: left
}

.heading-cart-table {
    border-bottom: 1px solid #666
}

.cart-box {
    padding: 20px 0
}

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

.enter-img.text-right>img {
    width: 65%
}

.inner-ups-cart {
    display: block;
    overflow: hidden;
    width: 100%
}

.inner-ups-cart:hover {
    background: #c41425;
    color: #fff
}

.sub-total {
    display: block;
    padding: 20px 0
}

.change-shiping>h3 {
    font-size: 20px;
    margin: 0;
    text-align: center
}

.change-shiping .enter-img.text-right>img {
    width: 40%
}

.change-addrs {
    padding: 10px
}

.info-about-pro {
    overflow: hidden;
    display: block
}

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

.created-heading {
    font-size: 20px
}

.inner-desp-created p {
    color: #555;
    font-size: 12px
}

.history-table td,
.history-table th {
    text-align: center
}

.detail-add {
    border-radius: 50%;
    color: #c41425;
    font-size: 20px;
    font-weight: 700;
    height: 36px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    width: 36px
}

.inner-pagination-text {
    display: block;
    overflow: hidden;
    width: 100%
}

.under-line-heading {
    border-bottom: 1px solid #000;
    padding-bottom: 6px;
    margin-bottom: 0
}

.under-heading-text {
    color: #555;
    font-size: 11px;
    font-style: italic
}

.main-shiping-details {
    border: 1px solid #ccc;
    display: block;
    overflow: hidden;
    padding: 10px 0
}

.detail-shipng a,
.detail-shipng p {
    margin: 0;
    color: #555
}

#no-more-tables {
    display: block;
    overflow: hidden;
    width: 100%
}

.order-pro {
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 0 20px
}

.inner-detail {
    display: block;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 5px 0
}

.inner-detail-raets {
    display: block;
    overflow: hidden;
    width: 100%
}

.inner-detail-raets .pull-right p {
    margin: 0
}

.sub-total-shiping {
    display: block;
    overflow: hidden;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-top: 5px
}

.sub-shiping-cart-total {
    padding: 20px 0
}

.sub-total-shiping,
.sub-total-shiping-last {
    display: flex;
    justify-content: space-between
}

.videos-box-head {
    min-height: 40px
}

.inner-print-view .secton-3 .form-control {
    width: 40%
}

.secton-1,
.secton-2,
.secton-3,
.secton-4 {
    margin-bottom: 10px;
    display: block;
    overflow: hidden
}

.heading-cart-table h3 {
    font-weight: 700
}

.additional_information,
.afi-shipin-bill,
.afi-t-id,
.afi_order_information,
.info-afi-usa,
.print-butn-pay {
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%
}

.afi-shipin-bill span,
.afi_order_information span,
.info-afi-usa span,
.info-afi-usa strong {
    display: block;
    overflow: hidden
}

.info-afi-usa img {
    vertical-align: top;
    width: 50%
}

.afi-t-id {
    background: #a9a9a9 none repeat scroll 0 0;
    border-radius: 4px;
    padding: 20px
}

.additional_information,
.afi-shipin-bill,
.afi_order_information {
    border-bottom: 1px solid #000;
    padding-bottom: 15px
}

.waper-scrol {
    display: block;
    height: 350px;
    overflow: auto;
    width: 100%
}

.waper-scrol .table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #f8f8f8
}

.fist-tr-m td {
    float: left;
    font-size: 11px;
    text-align: center;
    width: 6.692%
}

.th-head-m td {
    width: 7.692%
}

.fist-tr-m td:nth-child(2),
.th-head-m td:nth-child(2) {
    text-align: left;
    width: 16.692%
}

.th-head-m th:last-child {
    text-align: left
}

.fist-tr-m td:nth-child(3) {
    text-align: left;
    width: 8.6%
}

.fist-tr-m td:nth-child(4) {
    text-align: left
}

.th-head-m th:nth-child(5) {
    width: 9%
}

.fist-tr-m td:nth-child(7n) {
    width: 7.7%
}

.fist-tr-m td:nth-child(5),
.fist-tr-m td:nth-child(6),
.fist-tr-m td:nth-child(7) {
    text-align: center
}

.th-head-m th:nth-child(2) {
    text-align: left;
    width: 14.692%
}

.btn-xs,
.waper-scrol .btn-group-xs>.btn {
    font-size: 12px
}

.th-head-m th {
    text-align: center;
    width: 6.692%;
    font-size: 12px
}

.cridt-cards {
    list-style: none
}

.cridt-cards li {
    display: inline-block
}

.cards-info {
    border-right: 1px solid #ccc
}

.pay-pal-icon {
    padding-right: 70px
}

.re-set-total {
    clear: both;
    display: block;
    overflow: hidden
}

.total-cart {
    clear: both;
    display: block;
    overflow: hidden
}

.promo-cart.re-set-total {
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px
}
.promo-code-sec.row {
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
b.Order-Total span {
    font-weight: 400;
}

.promo-code-sec.row {
    align-items: center;
    margin-bottom: 20px;
}

.promo-cart.re-set-total .cart-buttons-row {
    display: flex;
    width: 50%
}

.promo-cart.re-set-total .subtotal-content {
    width: 50%;
    text-align: right
}

.promo-cart.re-set-total .discount-content {
    width: 100%;
    text-align: right;
    font-size: 18px;
}

.porducat-popup .logo-popup>img {
    width: 100%
}

.porducat-popup .logo-popup {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 100%
}

.product-name {
    float: left;
    font-weight: 700;
    width: 40%
}

.product-spec {
    border: 1px solid #c41425;
    display: block;
    float: right;
    margin-bottom: 2px;
    padding: 2px 0;
    text-align: center;
    width: 58%
}

.product-detail,
.product-detail li {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.caption {
    border: 1px solid #c41425;
    display: block;
    font-weight: 700;
    margin-top: 5px;
    padding: 5px 0;
    text-align: center
}

.description {
    border: 1px solid #c41425;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 5px;
    text-align: center
}

.description>p {
    margin: 0;
    font-weight: 700
}

.result-outer>p {
    font-weight: 700;
    margin: 2px 0
}

.result-outer {
    border: 1px solid #c41425;
    text-align: center
}

.popup-cart-butn {
    margin: 0 auto;
    padding: 12px 5px;
    text-align: center;
    text-transform: uppercase
}

.butn-row {
    margin-top: 10px;
    text-align: center
}

.quan {
    color: #c41425;
    margin-bottom: 10px;
    text-decoration: underline;
    display: block
}

.cart-show-button {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.custom-style .custom-padding:first-child {
    text-align: right;
    width: 15%
}

.custom-style .custom-padding {
    padding: 0 5px;
    width: 14%
}

.dis-blok {
    display: block
}

.customer-review>a {
    color: #c41425
}

.biling-info-log-in {
    color: #c41425 !important
}

.text-underline {
    text-decoration: underline
}

.bg-one {
    background: url(../images/menubg.png) repeat center center
}

.footer.bg-one .row .col-lg-12 p {
    color: #fff;
    font-size: 12px;
    text-align: justify;
    padding: 0 10px
}

.footer.bg-one h4 {
    color: #fff;
    font-weight: 700
}

.bg-one .copy-rights>a {
    color: tan
}

.footer.bg-two {
    background: url(../images/mobile-butn-bg.png) repeat center center
}

.footer.bg-two h4 {
    color: #fff;
    font-weight: 700
}

.bg-two .copy-rights {
    color: #fff
}

.bg-two .copy-rights>a {
    color: tan
}

.footer.bg-two .row .col-lg-12 p {
    color: #fff;
    font-size: 12px;
    text-align: justify;
    padding: 0 10px
}

.sr_detail {
    color: #c41425
}

.alert.alert-danger.sr_detail {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2
}

.footer.bg-three {
    background: url(../images/header_bg.jpg) repeat center center
}

.footer.bg-three .row .col-lg-12 p {
    padding: 0 10px
}

.red-test {
    color: red;
    font-weight: 700
}

.lg-page {
    color: #333
}

.lg-page:hover {
    color: red;
    text-decoration: none
}

.blockUI img {
    max-width: 100%
}

.blockUI.blockMsg {
    background: 0 0 !important;
    border: none !important
}

.shippingcalculation {
    display: block;
    width: 100%;
    overflow: hidden
}

.ordersdetailstr>td {
    padding: 0
}

.ups-text {
    text-align: left
}

.ups-option {
    text-align: left
}

.ups-logo>img {
    height: 50px;
    width: 50px
}

.ups-submit-butn {
    text-align: center
}

.has-feedback .form-control {
    padding-right: 0
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.shoping-cart-checkout {
    text-align: right
}

.margin-top-30 {
    margin-top: 30px !important
}

.navbar-default {
    box-shadow: none !important
}

.map-image>img {
    width: 100%
}

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

.info-cont {
    text-align: center
}

.upper.heading {
    border-bottom: 1px solid #eee;
    display: block;
    overflow: hidden;
    margin: 0 0 10px 0
}

.info-ct-butn {
    text-align: right
}

.job-apply-butn {
    border: 1px solid #c41425;
    color: #fff;
    background: #c41425
}

.old-style-butn .popup-cart-butn {
    background: #e6e6e6 none repeat scroll 0 0;
    color: #555;
    font-weight: 700;
    margin: 0 auto;
    padding: 12px 5px;
    text-align: center;
    text-transform: uppercase
}

.old-style-butn .butn-style {
    background: #e6e6e6 none repeat scroll 0 0;
    border: 1px solid #bebebe;
    color: #555;
    display: inline-block;
    /* font-family: Verdana, Geneva, sans-serif */
}

.old-style-butn .butn-style:hover {
    border: 1px solid #c41425
}

.fist-tr-m td:nth-child(10) button,
.fist-tr-m td:nth-child(11) button,
.fist-tr-m td:nth-child(12) button,
.fist-tr-m td:nth-child(13) button,
.fist-tr-m td:nth-child(8) button,
.fist-tr-m td:nth-child(9) button {
    height: 24px;
    width: 60px
}

.pdf-ifra button {
    font-weight: 700;
    height: 38px;
    width: 60px;
    font-size: 18px;
    font-family: "Bebas Neue Pro" !important;
    margin-bottom: 5px
}

.form-radio-flex {
    display: flex;
    gap: 5px;
}
.form-radio-flex .form-radio-field {
    display: flex;
    align-items: center;
    height: max-content;
}
.form-radio-flex .form-radio-field label {
    font-size: 22px;
}
.form-radio-flex .form-radio-field:first-child {
    margin-right: 5px;
}
.form-radio-flex .form-radio-field input {
    height: 18px;
    width: 18px;
    margin-right: 5px;
}

.Linkin .account_personal:hover,
.fb .account_personal:hover,
.tw .account_personal:hover {
    text-decoration: none
}

.Linkin .account_personal,
.fb .account_personal,
.tw .account_personal {
    color: #555;
    display: block;
    overflow: hidden;
    padding-left: 100px;
    padding-top: 5px
}

.fb .account_personal {
    background: url(images/icon_facebook.png) no-repeat left center
}

.tw .account_personal {
    background: url(images/icon_twitter.png) no-repeat left center
}

.Linkin .account_personal {
    background: url(images/icon_linkedin.png) no-repeat left center
}

#no-more-tables .orderDetails_inner {
    padding-left: 5px
}

.product_category {
    word-wrap: break-word
}

.back-for-details .input-group {
    text-align: right
}

.first-time-form {
    background-color: #d3d3d3;
    border: 1px solid #333;
    font-size: 20px;
    padding: 10px 4px;
    text-align: center
}

.fragrance-detail-wrap {
    margin: 40px auto 0;
    width: 696px;
    border: 1px solid #c41425;
    padding: 10px;
    box-sizing: border-box
}

.order-search {
    display: block;
    margin-bottom: 20px;
    overflow: hidden
}

.glyphicon.glyphicon-chevron-right {
    border: 1px solid silver;
    border-radius: 50%;
    color: #c31327;
    font-size: 12px;
    height: 24px;
    background-color: #fff;
    line-height: 20px;
    vertical-align: middle;
    width: 24px
}

.glyphicon.glyphicon-chevron-right:focus,
.glyphicon.glyphicon-chevron-right:hover {
    text-decoration: none
}

#old-history-tbl .left-order-tbl,
#old-history-tbl .right-order-tbl {
    padding: 0
}

#view-dtl>span {
    color: #c51426;
    font-weight: 700;
    margin-right: 6px;
    vertical-align: middle
}

.left-order-tbl {
    vertical-align: top
}

#old-history-tbl th {
    border: 1px solid #ccc;
    border-collapse: collapse
}

.old-history-td {
    font-size: 13px;
    text-align: center;
    width: 20%
}

.old-history-td-1 {
    font-size: 13px;
    text-align: center;
    width: 20%
}

.old-history-td-body {
    font-size: 13px;
    width: 20%
}

.old-history-td-2 {
    width: 20%;
    font-size: 13px
}

.table-striped.table-condensed.cf.history-table {
    width: 100%
}

.cf.history-table td {
    border: 1px solid #ccc;
    border-collapse: collapse;
    height: 60px
}

#rights-tbl .detail-shipng h3 {
    font-size: 20px;
    margin-top: 5px
}

#rights-tbl .detail-shipng p {
    font-size: 13px;
    line-height: 20px
}

.cart-deatils.text-left.commercial-name-th,
.text-center.LBS-th,
.text-center.category-th,
.text-center.price-point-th {
    color: #555
}

#rights-tbl .order-pro>h3 {
    font-size: 22px;
    text-align: center;
    margin: 15px 0 0
}

.desp-main .col-md-8 {
    padding: 0
}

#rights-tbl .desp-main .btn.btn-default.sing-btn {
    float: left;
    font-size: 15px;
    margin-left: 0;
    margin-right: 5px;
    margin-top: 0
}

.btn.btn-default.sing-btn.pull-right {
    margin-right: 0
}

.hover-arrow {
    height: 100%;
    width: 100%
}

.view-dtl-hover.active .hover-arrow::after {
    border-color: transparent transparent transparent #c51426;
    border-style: solid;
    border-width: 13px 0 13px 13px;
    content: "";
    float: right;
    height: 0;
    position: absolute;
    right: -13px;
    top: 15px;
    z-index: 2147483647
}

.view-dtl-hover.active .hover-arrow>span {
    color: #fff
}

.view-dtl-hover {
    position: relative;
    cursor: pointer
}

.view-dtl-hover.active {
    border-color: #c51426;
    background-color: #c51426
}

.hover-arrow>span {
    line-height: 47px;
    margin-right: 5px
}

#rights-tbl {
    display: inline-block;
    vertical-align: top;
    width: 51%;
    float: left
}

.left-order-history {
    display: inline-block;
    overflow: inherit;
    float: left;
    width: 48%
}

.empty-border {
    border: 1px solid #ccc;
    height: 31px
}

.old-history-ship-box .cart-box.border-bottom {
    padding: 8px 0
}

.cards-info-right {
    text-align: center
}

.cards-info-right h3.filed-heading {
    text-align: left
}

.ui-widget-header {
    background: 0 0
}

#ContentTotalQtyAlert .sing-btn {
    font-family: Verdana, Geneva, sans-serif
}

#ContentTotalQtyAlert>div {
    font-family: Verdana, Geneva, sans-serif
}

#BlackBackgroundPopup .simpleltkmodal-overlay {
    width: 100% !important
}

.reorder_product .table thead th,
.table.inner-ship-box.table_head th {
    text-align: center
}

.reorder_product .table thead th.fist-child,
.table.inner-ship-box.table_head th.fist-child {
    text-align: left
}

.inner-ship-box .shoping-cart-checkout.text-right {
    clear: both;
    margin-top: 15px;
}

.table.inner-ship-box.table_head {
    background-color: #fff;
    position: absolute;
    top: 0;
    width: 95.8%;
    z-index: 99
}

.dic-cell5 {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 10px
}

.dic-row5 button {
    float: right
}

.dic-row5 {
    max-width: 600px;
    display: block;
    width: 100%
}

.dic-cell5 ul p {
    font-weight: 700;
    font-size: 13px
}

.dic-cell5 ul {
    list-style-type: none;
    margin: 0;
    padding-left: 32%
}

.dic-title {
    text-align: center;
    font-size: 20px;
    margin: 9px 0;
    background-color: #000;
    color: #fff;
    padding: 8px
}

.dic-cell5 h3 {
    font-size: 20px;
    margin: 0 0 10px 0
}

.dic-cell5>p {
    font-weight: 700;
    font-size: 12px;
    margin: 8px 0
}

.webaddress input {
    font-size: 12px !important;
    padding: 2px 5px
}

.inline {
    display: inline-block;
    margin-bottom: 5px
}

.hide-input {
    display: none
}

.inline.webaddress {
    margin-bottom: 0
}

.free-btn {
    white-space: normal;
    line-height: 24px;
    text-align: center
}

div#ContentTotalQtyAlertt p {
    font-size: 20px;
    padding-top: 20px
}

.ui-draggable .ui-dialog-titlebar {
    border-radius: 0
}

.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png) !important
}

.company-banr {
    background-color: #c32027;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto;
    padding: 8px;
    text-align: left;
    width: 84%
}

.inner-apply-terms {
    background: #c32027;
    border: 1px solid #00f;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin: 0 auto;
    padding: 0 0;
    text-align: center
}

.btn.btn-default.sing-btn.amzon-custom-btn {
    background-image: url(images/amazon.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    display: inline-block;
    max-width: 228px;
    min-height: 45px;
    width: 100%
}

.amazon-text-blue {
    color: #4b4e93;
    display: block;
    font-weight: 700;
    text-align: center;
    width: 93%
}

.company-banner-main {
    text-align: center
}

.apply-terms-btn-main {
    margin-top: 12px;
    text-align: center
}

.not-qualify-box.only-qulify {
    background-color: #e0edd6;
    color: #496a3e
}

.not-qualify-box {
    border: 4px solid red;
    color: #000;
    display: block;
    padding: 25px;
    text-align: center;
    width: 100%
}

.not-qualify-box.only-qulify {
    background: none repeat scroll 0 0 #fff;
    border-color: green;
    height: auto;
    text-align: center
}

div#ContentTotalQtyAlertt .not-qualify-box p {
    font-size: 45px;
    font-family: Futura-Bold;
    font-weight: 700;
    line-height: 58px;
    padding: 0;
    margin: 0
}

.company-banr-icon {
    display: inline-block;
    width: 27%;
    text-align: center;
    vertical-align: top;
    font-size: 160px;
    line-height: 125px;
    font-family: Futura-Bold
}

.company-banr-text {
    display: inline-block;
    width: 70%;
    font-size: 20px;
    font-family: Futura-Bold;
    font-weight: 700
}

.sucs-btn {
    background-color: rgba(24, 191, 24, .6);
    color: #fff;
    border: 1px solid transparent
}

.btn-default.sucs-btn:hover {
    background-color: transparent;
    color: rgba(24, 191, 24, .6);
    border: 1px solid rgba(24, 191, 24, .6)
}

.sorrypopup1 {
    padding: 0;
    border: none
}

.sorrypopup1 div#ContentTotalQtyAlertt {
    padding: 0
}

img#OffAmazonPaymentsWidgets0 {
    margin-top: 23px;
    margin-left: 19px
}

div#widgetrow {
    margin-bottom: 29px;
    margin-top: 40px
}

hr#amazon_widget_hr {
    margin-left: 1%;
    margin-right: 0;
    margin-top: 29px
}

div#addressBookWidgetDiv {
    width: 434px;
    height: 244px;
    margin-left: 1%;
    display: inline-block
}

div#walletWidgetDiv {
    width: 434px;
    height: 244px;
    display: inline-block
}

form#amazonCheckOut {
    display: inline-block
}

button#amazonClickOrder {
    margin-left: 46%;
    margin-top: 128px;
    margin-bottom: 5px;
    display: inline-block
}

.borderd-form {
    border: 1px solid #ccc;
    padding: 0 0 20px 0;
    max-width: 1135px;
    margin-top: 20px
}

.marginb-60 {
    margin-bottom: 60px
}

.form-control.control-checkbox {
    border: none;
    box-shadow: none;
    padding-left: 0
}

.borderd-form>center {
    margin-bottom: 30px;
    background-color: #f8f8f8;
    padding: 30px 15px
}

.borderd-form>center h2 {
    margin: 0
}

.borderd-form h3 {
    margin: 25px 0 22px 0;
    font-size: 20px;
    text-decoration: underline;
    font-weight: 500
}

.product-detail.grid-four li .product-name {
    display: inline-block;
    text-align: left;
    width: 100%;
    font-size: 15px;
    font-weight: 600
}

.product-detail.grid-four li {
    width: 25%;
    float: left;
    margin: 0 0 20px 0;
    display: inline-block
}

.product-detail.grid-four li .product-spec {
    border: 0;
    text-align: left;
    float: left;
    padding-left: 5px;
    margin-top: 2px;
    color: #717171
}

.detail-section .img-thumbnail {
    padding: 0 12px;
    border: none
}

.detail-section .img-thumbnail .caption {
    border: 0;
    font-size: 18px;
    padding: 12px 0
}

.detail-section .butn-row.butn-section {
    max-width: 300px;
    margin: 20px auto 0 auto
}

.detail-section {
    margin-top: 20px
}

.detail-section .row.review-section {
    border-top: 1px solid #e0e0e0;
    margin-top: 40px;
    padding: 15px 10px 0
}

.detail-section .new-row .description {
    border: 0
}

.detail-section .description.customer>.star-rating,
.detail-section .description.customer>span,
.detail-section .new-row div.dis-blk>span.add-review,
.detail-section .new-row div.dis-blk>span.description.review {
    display: inline-block;
    float: right
}

.detail-section .description.customer>span {
    font-size: 23px;
    line-height: 46px;
    padding-right: 10px
}

.detail-section .new-row div.dis-blk>span {
    display: inline-block
}

.detail-section .new-row div.dis-blk>span.add-review a {
    border: 1px solid #c31d2c;
    display: inline-block;
    background-color: #c31d2c;
    color: #fff;
    padding: 8px 21px;
    border-radius: 4px;
    font-size: 18px;
    text-decoration: none
}

.detail-section .new-row div.dis-blk>span.description.review a {
    margin-top: 5px;
    color: #575757;
    display: inline-block;
    padding: 6px 15px;
    font-size: 18px
}

.detail-section .custom-style .quan {
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 8px
}

.detail-section .custom-style .bunt-popup .btn {
    border-radius: 4px;
    padding: 4px 6px
}

.detail-section .custom-style {
    margin-top: 37px
}

.detail-section .custom-style .cart-show-button {
    font-size: 18px;
    text-align: left;
    display: inline-block
}

.detail-section .title-section {
    border-width: 1px 0 1px 0;
    text-align: left;
    border-color: #e0e0e0;
    padding: 10px 0;
    font-size: 15px;
    margin-bottom: 25px
}

.detail-section .title-section span {
    color: #c41425
}

.padding-l-30 {
    padding-left: 30px
}

.detail-section .detail-col {
    text-align: center;
    margin-bottom: 30px
}

.codeView {
    border: 1px solid #ddd;
    margin: 14px 0;
    padding: 0 0 15px;
    text-align: center
}

.codeView .row.butn-row.old-style-butn.butn-section {
    margin-top: 15px
}

.row.space-top-bottom {
    margin: 13px 0 0;
    border: 1px solid #ddd;
    padding: 8px 0
}

.row.space-top-bottom input[type=text] {
    border: none;
    font-weight: 600;
    text-align: center;
    font-size: 17px
}

a#caption-name {
    color: #000
}

.videos-row.inner-vedios {
    justify-content: center
}

.videos-row .videos-box img {
    width: 100%;
    object-fit: contain;
    object-position: 0;
    height: 100%
}

.videos-row .videos-box {
    margin: 0
}

.td-video iframe,
.td-video img,
.td-video video {
    width: 70px;
    height: auto;
    margin: 7px
}

.Video-modal iframe {
    width: 100% !important;
    height: 400px !important;
    border: 0
}

.Video-modal h1 {
    margin: 0
}

.new-ItemsDetail-title h2 {
    color: #c41425;
    font-family: Bebas;
    font-size: 34px;
    word-spacing: 7px;
    margin-top: 0
}

.product-notes li span {
    color: #555 !important;
    font-weight: 700;
    min-width: 85px;
    display: inline-block
}

.h4-title {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
    font-family: Bebas
}

.red-line {
    border-bottom: 2px solid #c41425;
    display: inline-block;
    padding: 0 20px 4px 0
}

.red-btn:hover {
    text-decoration: none;
    background-color: #fff;
    color: #c41425
}

.red-btn {
    display: inline-block;
    background-color: #c41425;
    border-radius: 4px;
    width: 85%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 8px 5px;
    font-size: 16px;
    border: 1px solid #c41425;
    font-family: 'Open Sans';
    font-weight: 700
}

.product-detail.grid-five li {
    width: 16.5%;
    float: left;
    margin: 0 0 20px 0;
    display: inline-block
}

.line-title span {
    background-color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 8px 0 0
}

.line-title::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #c41425;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0
}

.line-title {
    position: relative;
    margin: 25px 0
}

.new-ItemsDetail-title h2 span {
    font-family: 'open sans';
    color: #1a1919;
    font-size: 22px;
    margin-left: 18px;
    font-weight: 300;
    word-spacing: 0
}

.row.new-detail-row .description p {
    margin: 0;
    font-weight: 400;
    color: #1a1919;
    font-family: open sens;
    font-size: 18px;
    line-height: 24px
}

.description-block {
    display: inline-block;
    width: 100%;
    height: auto;
    min-height: 130px
}

.row.new-detail-row .title-section {
    border: 0;
    margin-top: 0;
    padding-top: 0
}

.product-notes li span {
    font-weight: 600;
    text-transform: capitalize;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.product-notes li {
    padding: 5px 0
}

.product-notes {
    list-style-type: none;
    padding: 0
}

.product-notes li {
    padding: 5px 0;
    font-family: open sens;
    font-size: 16px
}

.line-title span {
    text-transform: uppercase;
    font-size: 20px;
    font-family: Bebas;
    font-weight: 400
}

.shop-butn-list li p {
    font-family: open sens;
    text-align: center;
    font-weight: 700;
    font-size: 16px
}

.shop-butn-list li {
    text-align: center
}

.product-detail.grid-five.shop-butn-list {
    width: 100%
}

.shop-moreinfo-list li label {
    min-width: 110px
}

.row.reviews-row .butn-row.new-row {
    margin: 0
}

.row.reviews-row .butn-row.new-row .description.dis-blk.customer {
    margin: 0;
    padding: 0
}

.row.reviews-row .rating-container.rating-gly-star {
    font-size: 45px;
    color: #050505
}

.item-review .review-title {
    margin-top: 0;
    font-weight: 400;
    text-transform: capitalize;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    border-bottom: 2px solid;
    padding-bottom: 5px
}

.review-detail {
    min-height: 140px
}

.review-detail p {
    margin: 0;
    font-weight: 400;
    color: #1a1919;
    font-family: open sens;
    font-size: 18px;
    line-height: 24px
}

.review-more {
    margin: 0;
    font-weight: 400;
    color: #1a1919;
    font-family: open sens;
    font-size: 18px;
    line-height: 24px;
    border: 1px solid;
    padding: 3px 10px;
    text-align: center;
    color: #050505
}

.review-more:hover {
    text-decoration: none;
    background-color: #050505;
    color: #fff
}

.videos-row .videos-box p {
    margin-top: 0;
    font-weight: 400;
    text-transform: capitalize;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin: 0;
    padding-top: 5px
}

.product-detail.grid-four.shop-moreinfo-list li {
    width: 50%
}

.product-detail.grid-four.shop-moreinfo-list {
    padding-left: 10px
}

.add-rewie .caption {
    display: none !important
}

.review-more.add_review {
    margin-left: 10px
}

.flex-row {
    display: flex
}

.flex-row .col-left {
    width: 270px;
    flex: 270px;
    padding-left: 15px;
    min-width: 270px;
    max-width: 270px
}

.flex-row .col-right {
    flex: auto
}

.modal-body.porducat-popup.reSkin {
    padding-left: 0
}

.redBox h2 {
    font-family: Bebas;
    margin: 0;
    line-height: 38px
}

.redBox {
    padding: 20px 24px 16px 24px;
    background-color: #c41425;
    background-image: url(images/afiLogo.png);
    background-repeat: no-repeat;
    background-position: 90% bottom;
    background-size: 70px
}

.redBox h5 {
    font-family: Bebas;
    font-size: 14px;
    margin: 10px 0 20px 0
}

.redBox p {
    margin: 0;
    color: #050000;
    font-size: 30px;
    line-height: 34px
}

.col-right h2 {
    font-family: Bebas;
    font-size: 44px;
    font-weight: 400;
    letter-spacing: -1px
}

.col-right,
.col-right p {
    font-family: Futura-Bold;
    font-size: 22px
}

.top-box {
    min-height: 205px
}

.top-box p strong {
    min-width: 72px;
    display: inline-block;
    font-family: Bebas;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    top: 4px
}

.top-box p {
    margin: 0;
    display: flex
}

.top-box .note {
    margin-left: 0;
    letter-spacing: -1px
}

.botm-box p {
    margin: 0
}

.newSectionIfra strong {
    font-family: Bebas;
    font-weight: 400;
    font-size: 22px
}

.newSectionIfra p span.float-right {
    margin-left: auto
}

.newSectionIfra p {
    display: flex
}

.col-right h2 span {
    font-size: 24px;
    color: #c41425;
    font-family: Futura-Bold;
    margin-left: 5px
}

.reSkin hr.bold {
    border-width: 1.5px
}

.botm-box p.th-margin strong {
    font-size: 22px
}

.botm-box p.th-margin {
    margin: -4px 0 10px 0
}

.redBox h1 {
    margin: 5px 0 !important;
    line-height: 48px
}

.reSkin hr.bold {
    margin-bottom: 10px
}

a.morelink.btn.btn-xs1 {
    margin: 0 0 0 10px
}

.footer>.row {
    margin: 0
}

.botm-left-img {
    background-size: 955px;
    background-position: 0 bottom;
    background-repeat: no-repeat
}

.botm-right-img {
    background-size: 1112px;
    background-position: 100% bottom;
    background-repeat: no-repeat
}

.botm-box {
    max-width: 300px
}

.top-box hr.bold {
    max-width: 300px;
    margin: 0 0 20px 0
}

tr.histry-row-box a.red-btn {
    font-size: 14px
}

.cus-tabl-outr input.btn-export {
    margin-bottom: 14px
}

button.red-btn.btn-sm {
    width: 40px;
    height: 40px;
    font-size: 14px
}

.row.borderd-row {
    border: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 2px;
    margin: 0 0 16px 0
}

.borderd-row ul.cridt-cards {
    padding: 0
}

.borderd-row li img {
    max-width: 31px
}

.borderd-row ul.cridt-cards {
    padding: 0;
    text-align: right
}

.row.borderd-row h3.filed-heading {
    margin-bottom: 8px
}

.filed-heading.full-heading {
    display: inline-block;
    width: 100%;
    margin: 30px 0
}

ul.cards-list {
    padding: 0;
    list-style-type: none;
    margin: 16px 0 0 0
}

ul.cards-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px
}

ul.cards-list li p {
    margin: 0;
    font-size: 13px
}

ul.cards-list li img {
    margin: 0 10px
}

ul.cards-list li .card-action {
    margin-left: auto
}

.order-search .order-hloder .col-lg-6 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.order-search .order-hloder .col-lg-6.first p {
    width: 30%
}

.order-search .order-hloder .col-lg-6 p {
    margin: 0
}

.order-search .order-hloder .col-lg-6.second p {
    width: 50%
}

.order-search .col-lg-9 .order-hloder p.under-heading-text {
    position: absolute;
    top: -12px;
    margin: 0;
    font-size: 15px;
    font-style: normal;
    background: #fff;
    z-index: 9;
    padding: 0 5px;
    left: 6px;
    font-weight: 700
}

.order-search .col-lg-9 {
    padding: 0;
    width: 70%
}

.order-search .col-lg-9 .order-hloder {
    border: 1px solid #000;
    margin-top: 20px;
    padding: 20px 15px 5px;
    position: relative;
    width: 100%
}

.order-search {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.order-search .col-lg-9 .sec-bottom {
    padding-bottom: 15px
}

.order-search .row a {
    text-decoration: underline;
    font-weight: 400
}

.order-search .col-lg-3 {
    border: 1px solid #000;
    width: 28%;
    margin-top: 20px;
    padding: 20px 15px;
    position: relative
}

.order-search .col-lg-3 .search-holder .row {
    margin: 0 0 10px
}

.order-search .col-lg-3 .search-holder p.under-heading-text {
    position: absolute;
    top: -12px;
    margin: 0;
    font-size: 15px;
    font-style: normal;
    background: #fff;
    z-index: 9;
    padding: 0 5px;
    left: 6px;
    font-weight: 700
}

.order-hloder.order-box .row .col-lg-6 {
    display: inherit
}

.order-search .col-lg-9 .order-hloder.order-box {
    padding-bottom: 20px
}

.order-search .col-lg-9 .order-hloder.order-box .row .address {
    display: flex
}

.brand {
    float: left;
    line-height: 70px;
    text-transform: uppercase;
    font-size: 1.4em
}

a,
a:hover {
    text-decoration: none !important
}

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.brand a,
.brand a:visited {
    color: #fff;
    text-decoration: none
}

.contact-button a {
    display: inline-block;
    padding: .5em 1.5em .5em;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #d81c03;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 400;
    border-bottom: 4px solid #b2b2b2;
    transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    margin: 0 0 .5em;
    border-radius: 0;
    font-size: 16px;
    font-family: Oswald-Regular, sans-serif !important
}

.contact-button a:hover {
    background-color: #141414
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.header-holder .nav-holder {
    text-align: right;
    width: 82%
}

.header-holder .img-holder {
    margin-left: 14px
}

.nav-holder .nav-details .coloms .colom .email i {
    padding-right: 6px
}

.header-holder .nav-holder nav.navbar {
    width: 100%;
    justify-content: flex-end;
    padding: 0 0 0;
    margin: 0
}

header.navigation {
    position: relative;
    width: 100%;
    background: #fff;
    z-index: 999;
    transition: all .5s;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .08)
}

header.navigation .fix-telnum {
    display: none
}

.nav-holder .nav-details .coloms {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.nav-holder .nav-details .coloms .colom {
    text-align: center;
    position: relative;
    padding: 0 20px
}

.nav-holder .nav-details .coloms .colom:last-child {
    padding-right: 0
}

.nav-holder .nav-details .coloms .colom:after {
    content: '';
    position: absolute;
    right: 0;
    height: 24px;
    width: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #000
}

.header-holder .nav-holder .nav-details {
    margin-top: 5px
}

.nav-holder .nav-details .coloms .colom.day-time {
    line-height: 50px
}

.nav-holder .nav-details .coloms .colom:last-child:after {
    display: none
}

.nav-holder .nav-details .coloms .colom ul {
    display: flex;
    padding: 0 8px 0 0;
    margin: 0;
    list-style: none
}

.nav-holder .nav-details .coloms .colom ul li {
    text-align: center;
    padding: 0 6px
}

.header-holder .top-holder {
    position: relative
}

.header-holder nav ul li {
    float: right;
    position: relative
}

.header-holder nav ul li a,
.header-holder nav ul li a:visited,
html .nav-holder .nav-details .coloms .colom a {
    display: block;
    line-height: 22px;
    color: #141414;
    font-family: Oswald-Regular, sans-serif !important;
    letter-spacing: 1px;
    padding-left: 19px;
    padding-right: 19px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 50px;
    white-space: nowrap
}

html .nav-holder .nav-details .coloms .colom.tel-num a {
    padding-right: 0;
    color: #d81c03;
    font-size: 24px;
    font-weight: 600
}

.nav-holder .nav-details .coloms .colom.social-icon ul li i {
    font-size: 20px
}

.header-holder .brand img {
    width: 100%;
    display: inline-block;
    height: auto
}

.header-holder .nav-holder nav.navbar .dropdown-menu {
    border: 0;
    border-radius: 0;
    background: #d81c03;
    min-width: 250px
}

.header-holder .nav-holder nav.navbar .dropdown-menu a {
    color: #fff
}

.header-holder nav ul li a:hover,
.header-holder nav ul li a:visited:hover {
    outline: 0;
    text-decoration: none
}

.header-holder .nav-holder nav.navbar ul.nav-list .dropdown button::before {
    padding-left: 4px;
    content: "\f078";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.header-holder .nav-holder nav.navbar ul.nav-list .dropdown button::after {
    display: none
}

.header-holder nav ul li ul li {
    min-width: 190px;
    text-align: left
}

.header-holder .top-holder .img-holder img {
    padding: 10px
}

.header-holder .nav-holder nav.navbar ul.nav-list .dropdown button {
    background: 0 0;
    border: 0;
    padding: 0 10px 0 0
}

.dropdown:hover>.dropdown-menu {
    display: block
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none
}

.header-holder nav ul li ul li a {
    padding: 15px;
    line-height: 20px
}

.header-holder .nav-dropdown {
    position: absolute;
    display: none;
    z-index: 1;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .15)
}

.header-holder .nav-mobile {
    display: none;
    position: static;
    top: -120px;
    right: 0;
    background: #fff;
    height: 70px;
    width: 70px
}

.header-holder .nav-holder nav.navbar ul.nav-list {
    width: 100%
}

.header-holder #nav-toggle {
    position: absolute;
    left: -20px;
    top: 22px;
    cursor: pointer;
    padding: 10px 35px 16px 0
}

.header-holder #nav-toggle span,
.header-holder #nav-toggle span:after,
.header-holder #nav-toggle span:before {
    cursor: pointer;
    border-radius: 1px;
    height: 4px;
    width: 29px;
    background: #d82b2a;
    position: absolute;
    display: block;
    content: "";
    transition: all .3s ease-in-out
}

.header-holder #nav-toggle span:before {
    top: -8px
}

.header-holder #nav-toggle span:after {
    bottom: -8px
}

.header-holder #nav-toggle.active span {
    background-color: transparent
}

#nav-toggle.active span:after,
.header-holder #nav-toggle.active span:before {
    top: 0
}

.header-holder #nav-toggle.active span:before {
    transform: rotate(45deg)
}

.header-holder #nav-toggle.active span:after {
    transform: rotate(-45deg)
}

footer#footer .footer-holder {
    padding: 30px 0;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: block
}

footer#footer .footer-holder .social-icon ul {
    display: flex;
    justify-content: center;
    align-items: center
}

footer#footer .footer-holder .social-icon ul li {
    padding: 0 5px
}

footer#footer .footer-holder .footer-logo,
footer#footer .footer-holder .social-icon {
    margin-bottom: 30px
}

.footer-nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.footer-nav ul li {
    padding: 0 10px
}

.footer-nav ul li a {
    color: #d92c2a;
    font-size: 15px;
    text-transform: uppercase
}

.foot-navholder ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.foot-navholder {
    padding-top: 25px
}

.foot-navholder ul li {
    position: relative;
    padding: 0 13px
}

.foot-navholder ul li:after {
    position: absolute;
    right: 0;
    content: '';
    width: 1px;
    height: 20px;
    background: #000;
    top: 3px
}

.foot-navholder ul li:last-child:after {
    display: none
}

.foot-navholder ul li a {
    color: #141414;
    font-size: 16.8px
}

.bottom-footer {
    background: #141414;
    overflow: hidden;
    color: #fff;
    padding: 20px 0
}

.bottom-footer a {
    color: #fff
}

.bottom-footer p {
    margin: 0
}

a,
a:hover {
    text-decoration: none
}

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.top-holder .col-lg-12.d-flex,
header.navigation .header-holder .row {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header-holder .top-holder ul.nav-list li {
    float: none
}

.header-holder .top-holder ul.nav-list {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header-holder .top-holder ul.nav-list li:last-child a {
    padding-right: 0
}

.nav-holder .nav-details .coloms .colom {
    text-align: center;
    position: relative;
    padding: 0 20px;
    color: #d82b2a
}

.nav-holder .nav-details .coloms .colom.social-icon {
    padding: 0
}

.nav-holder .nav-details .coloms .colom.social-icon a {
    padding: 0;
    width: 34px;
    height: 46px;
    color: #d81c03
}

.nav-holder .nav-details .coloms .colom.social-icon li {
    padding: 0
}

.nav-holder .nav-details .coloms .colom.day-time .text-value {
    font-size: 17px;
    text-transform: uppercase;
    line-height: 38px
}

.nav-holder .nav-details .coloms .colom a {
    padding: 0 !important
}

.header-holder .nav-holder nav.navbar .dropdown-menu a:hover {
    background-color: #000
}

.header-holder nav ul li a.active,
.header-holder nav ul li a:hover {
    color: #d81c03
}

.navigation.fixed .header-holder {
    display: flex;
    align-content: center;
    justify-content: space-between
}

.navigation.fixed .header-holder img {
    max-width: 96px;
    margin-right: 26px
}

header.navigation.fixed .top-holder {
    align-content: center;
    display: flex
}

section.full-wrap-main {
    /* background-color: #f1f1f1; */
    background-color: #fff;
    padding: 60px 16px 80px;
    min-height: calc(100vh - 368px);
    margin-top: 20px;
}

.shadow-container {
    box-shadow: 0px 0px 35px 0px #00000026;
    background-color: #fff;
}

section.full-wrap-main .container.main-banner {
    background-color: #fff;
    padding: 20px;
    border-radius: 4px
}

header.navigation.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.w-socials-item .w-socials-item-link-hover {
    background: 0 0 !important
}

.header-holder {
    display: flex;
    align-items: center;
    justify-content: space-between
}

header.navigation.fixed+.spacer {
    height: 100px;
    display: inline-block;
    width: 100%
}

footer#footer .footer-holder .social-icon ul li a {
    color: #d82b2a;
    font-size: 19px
}

div.porducat-modal .modal-header {
    border: #dcdcdc;
    padding: 0
}

div.porducat-modal .description {
    margin-bottom: 12px
}

div.porducat-modal button.close.marg-top-up {
    position: absolute;
    right: 16px;
    top: 23px;
    color: #000;
    opacity: .8;
    font-weight: 400;
    font-family: Times New Roman;
    font-size: 18px
}

.porducat-modal p.main_des {
    max-width: 424px;
    margin: 0 auto;
    line-height: 22px;
    font-size: 14px;
    color: #000
}

.porducat-modal h2 {
    color: #000;
    margin-bottom: 28px;
    margin-top: 28px
}

.footer-nav ul li a.active {
    font-weight: 700;
    color: #141414
}

.pl-0 {
    padding-left: 0
}

.vidos-holder .sep-line-sp .videos-box-inner {
    width: 100%
}
.shoppingcart-screen .text-right.pdf-ifra {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    /* flex-wrap: wrap; */
} 

@media (min-width:1600px) {
    .header-holder .brand {
        min-width: 302px
    }

    header.navigation .header-holder .brand {
        min-width: 0
    }

    .header-holder .top-holder .col-lg-12.d-flex {
        padding-right: 28px
    }
}

@media (min-width:1199px) {

    header.navigation.fixed .contact-button,
    header.navigation.fixed .nav-details {
        display: none
    }

    header.navigation .img-holder img {
        transition: all .5s
    }

    header.navigation.fixed .img-holder img {
        height: 0 !important;
        max-width: 0
    }

    header.navigation.fixed .img-holder {
        margin: 0
    }

    header.navigation.fixed .header-holder .col-lg-2 {
        width: 30% !important
    }

    header.navigation.fixed .nav-holder {
        width: 100%
    }

    header.navigation.fixed .fix-telnum {
        display: block
    }

    header.navigation.fixed .sticky-logo {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    header.navigation.fixed .fix-telnum a i {
        font-size: 20px;
        padding-right: 5px;
        padding-top: 5px
    }

    header.navigation.fixed .fix-telnum a {
        color: #000;
        font-size: 17px
    }

    header.navigation.fixed nav ul li {
        float: right;
        position: relative
    }

    header.navigation.fixed {
        padding: 15px 0
    }

    header.navigation.fixed .header-holder .row {
        align-items: center
    }

    header.navigation.fixed .header-holder .row .brand img {
        max-width: 150px;
        min-width: 150px;
        height: auto
    }

    header.navigation.fixed nav ul li a:visited {
        padding: 0 13px
    }
}

@media screen and (min-width:899px) {
    .nav-list {
        display: flex !important
    }
}

@media (max-width:1600px) {
    .header-holder .brand img {
        max-width: 180px
    }
}

.header-holder nav ul li a,
.header-holder nav ul li a:visited,
html .nav-holder .nav-details .coloms .colom a {
    text-decoration: none
}

@media (max-width:1450px) {

    .header-holder nav ul li a,
    .header-holder nav ul li a:visited,
    html .nav-holder .nav-details .coloms .colom a {
        font-size: 14px;
        padding-left: 9px;
        padding-right: 9px;
        text-decoration: none
    }

    .header-holder .nav-holder nav.navbar ul.nav-list .dropdown button::before {
        right: 6px
    }

    html .nav-holder .nav-details .coloms .colom.tel-num a {
        font-size: 18px
    }

    .nav-holder .nav-details .coloms .colom {
        padding: 0 22px
    }

    .nav-holder .nav-details .coloms .colom.day-time .text-value {
        font-size: 13px
    }

    .header-holder .top-holder .col-lg-12.d-flex {
        padding-right: 0
    }

    .nav-holder .nav-details .coloms .colom.social-icon {
        padding-right: 5px
    }

    .footer-nav ul li {
        padding: 0 5px
    }
}

@media (max-width:1440px) {
    .header-holder .top-holder .img-holder img {
        max-width: 226px;
        max-height: 190px;
        padding: 0 0 0 10px;
        width: auto
    }

    .header-holder .nav-holder {
        margin: 24px -22px 0 0
    }

    .navigation.fixed .header-holder .nav-holder {
        margin: 0
    }

    header.navigation.fixed {
        padding: 6px 0
    }

    header.navigation.fixed .fix-telnum a {
        font-size: 19px;
        letter-spacing: 1.33px
    }

    .header-holder .nav-holder nav.navbar .dropdown-menu a {
        line-height: 37px
    }

    .nav-holder .nav-details .coloms .colom.social-icon a {
        width: 28px
    }

    .nav-holder .nav-details .coloms .colom.social-icon ul li i {
        font-size: 22px
    }
}
@media (max-width: 1366px) {
    section.full-wrap-main {
        min-height: calc(100vh - 338px);
    }
}
@media (max-width:1357px) {
    .header-holder .nav-holder {
        width: 84%
    }

    .nav-holder .nav-details .coloms .colom {
        padding: 0 15px
    }

    nav ul li a,
    nav ul li a:visited {
        padding: 0 8px;
        font-size: 14px
    }

    .header-holder nav ul li a,
    .header-holder nav ul li a:visited {
        padding: 0 10px;
        font-size: 13px
    }
}

@media screen and (max-width:1200px) {
    .custmor-section {
        border-bottom: 1px solid #eee;
        padding-bottom: 40px
    }

    header.navigation .header-holder .row .col-lg-2 {
        width: 21%
    }

    .login-section {
        border-left: medium none
    }

    .bg-red {
        padding: 4px 0 0 10px
    }

    .rest-btns {
        margin-bottom: 10px
    }

    #cartactualtext {
        text-align: center
    }

    .bg-frm .col-lg-3 {
        padding: inherit
    }

    .menu-secound-bar .frm-check-box .checkbox {
        width: auto;
        text-align: left
    }

    .menu-secound-bar .frm-check-box>input {
        font-size: 13px;
        width: 100px
    }

    .menu-secound-bar .frm-check-box {
        padding: 2px 6px
    }

    .bg-frm.menu-secound-bar {
        overflow: hidden
    }
}

@media screen and (max-width:1199px) {
    .bg-frm {
        border-radius: 6px 6px 0 0
    }

    .container.main-banner {
        padding-top: 165px
    }

    header.navigation {
        padding: 20px 0
    }

    .brand img {
        height: auto
    }

    .bg-red {
        border-radius: 0 0 4px 4px
    }

    .col-right,
    .col-right p {
        font-size: 16px
    }

    .col-right h2 {
        font-size: 34px
    }

    .row.reviews-row .rating-container.rating-gly-star {
        font-size: 28px
    }

    .red-btn {
        font-size: 14px
    }

    a.morelink.btn.btn-xs1 {
        margin: 0 0 0 3px
    }

    .botm-right-img {
        background-size: 812px;
        background-position: 110% bottom
    }

    .top-box p strong {
        font-size: 14px
    }

    .col-right,
    .col-right p {
        font-family: Georgia;
        font-weight: 300
    }

    .header-holder .nav-holder {
        width: 100%
    }

    .contact-button,
    .header-holder .nav-holder .nav-details,
    .header-holder .top-holder .img-holder {
        display: none
    }

    header.navigation .header-holder .row {
        align-items: center
    }

    section.full-wrap-main {
        /* background-color: #f1f1f1; */
        padding: 40px 16px 80px
    }

    .vidos-holder .sep-line-sp .col-md-3 {
        width: 33%
    }

    .setting-form .col-lg-2.ip-0 {
        width: -webkit-fill-available
    }

    .cf.history-table tr.ordersdetailstr.closealldivs td .red-btn {
        font-size: 12px
    }

    .cf.history-table tr.ordersdetailstr.closealldivs td .sing-btn,
    .new-cus-btn {
        font-size: 17px
    }
}

@media (max-width:1023px) {

    .header-holder nav ul li a,
    .header-holder nav ul li a:visited {
        padding: 0 6px;
        font-size: 12px
    }

    .vidos-holder .sep-line-sp h2 {
        width: 100%
    }

    .sep-line-sp {
        display: flex;
        flex-wrap: wrap
    }

    .vidos-holder .sep-line-sp .col-md-3 {
        width: 50%
    }
}

@media (max-width:1199px) and (min-width:600px) {
    header.navigation {
        padding: 20px
    }
}

@media screen and (max-width:992px) {
    #no-more-tables .mob-padding-no {
        padding: 0
    }
    .mb-modal-dialog-right {
        margin-top: 0 !important;
    }
    ul.head-nav-list li a:hover:before {
        bottom: 1px;
    }

    #no-more-tables .for-more-details {
        text-align: center
    }

    .recomend-table td a {
        width: max-content;
        display: block
    }

    .fist-tr-m td {
        word-break: inherit
    }

    .filed-heading.full-heading {
        margin: 14px 0
    }

    .cf.history-table tr.ordersdetailstr.closealldivs td {
        height: auto
    }

    .cf.history-table tr.ordersdetailstr.closealldivs td .red-btn {
        width: 100%;
        margin: 0 auto 10px
    }

    .cf.history-table tr.ordersdetailstr.closealldivs td .back-for-details .input-group {
        margin: 0 auto;
        text-align: center
    }

    .cf.history-table tr.ordersdetailstr.closealldivs td .text-right.total-th {
        margin-top: 15px
    }

    .cf.history-table tr.ordersdetailstr.closealldivs td .desp-main .btn.sing-btn {
        margin: 5px
    }

    .cf.history-table tr.ordersdetailstr.closealldivs td .back-for-details {
        clear: both;
        margin-top: 25px
    }

    .cf.history-table tr.ordersdetailstr.closealldivs td .cart-details-total {
        overflow: auto
    }
}

@media screen and (max-width:991px) {
    section.full-wrap-main {
        min-height: calc(100vh - 278px);
    }
    .cart-box .text-center,
    .cart-box .text-left {
        text-align: right
    }

    .form-radio-flex .form-radio-field label {
        font-size: 20px;
    }

    section.full-wrap-main {
        padding: 40px 16px
    }

    .heading-cart-table,
    .table.inner-ship-box.table_head {
        display: none
    }

    .LBS-th,
    .category-th,
    .code-th,
    .commercial-name-th,
    .price-point-th,
    .reorder-th,
    .total-th {
        position: relative;
        padding-left: 140px
    }

    .code-th::after {
        content: "Name";
        font-weight: 700;
        left: 0;
        position: absolute
    }

    .commercial-name-th:after {
        content: "Description";
        font-weight: 700;
        left: 0;
        position: absolute;
        top: 0
    }

    .cart-deatils.text-left.commercial-name-th,
    .text-center.LBS-th,
    .text-center.category-th,
    .text-center.price-point-th {
        color: #333
    }

    .price-point-th:after {
        content: "Price Point";
        font-weight: 700;
        top: 0;
        left: 0;
        position: absolute
    }

    .category-th:after {
        content: "Category";
        font-weight: 700;
        top: 0;
        left: 0;
        position: absolute
    }

    .LBS-th:after {
        content: "LBS";
        font-weight: 700;
        top: 0;
        left: 0;
        position: absolute
    }

    .reorder-th:after {
        content: "Category";
        font-weight: 700;
        left: 0;
        top: 0;
        position: absolute
    }

    .total-th:after {
        content: "Total";
        font-weight: 700;
        top: 0;
        left: 0;
        position: absolute
    }

    .item-w-th::after {
        content: "item #";
        font-weight: 700;
        top: 0;
        left: 0;
        position: absolute;
        padding: 0 16px
    }

    .qty-w-th:after {
        content: "Qty";
        font-weight: 700;
        top: 0;
        left: 0;
        position: absolute;
        padding: 0 16px
    }

    .price-w-th:after {
        content: "Price";
        font-weight: 700;
        top: 0;
        left: 0;
        position: absolute;
        padding: 0 16px
    }

    .date-w-th:after {
        content: "Date";
        font-weight: 700;
        top: 0;
        left: 0;
        position: absolute;
        padding: 0 16px
    }

    .card-th:after {
        content: "Add-to-Cart";
        font-weight: 700;
        top: 0;
        left: 0;
        position: absolute;
        padding: 0 16px
    }

    .card-th-p:after {
        content: "OrderNum";
        font-weight: 700;
        top: 0;
        left: 0;
        position: absolute;
        padding: 0 16px
    }

    .code-th-p:after {
        content: "Date";
        font-weight: 700;
        top: 0;
        left: 0;
        position: absolute;
        padding: 0 16px
    }

    .code-th,
    .commercial-name-th,
    .item-w-th,
    .reorder-th {
        margin-bottom: 10px
    }

    .back-for-details {
        clear: both
    }

    .back-for-details .input-group {
        text-align: left
    }

    .desp-main .btn.sing-btn {
        margin-left: 0
    }

    .desp-main .col-md-6 {
        padding-left: 0
    }

    .vidos-holder .col-md-2 {
        float: left;
        width: 25%
    }

    .page-links,
    .page-links:hover {
        font-size: 16px
    }

    .collapse.navbar-collapse {
        padding: 0
    }

    .main-nav .nav.navbar-nav a {
        font-size: 14px;
        padding: 15px 8px
    }

    .botm-right-img .botm-box,
    .top-box hr.bold {
        max-width: 100%
    }

    .top-box {
        min-height: 100px
    }

    .botm-right-img {
        background-size: 572px;
        background-position: 89% bottom
    }

    .botm-left-img {
        background-size: 600px
    }

    .row.reviews-row .butn-row.new-row {
        margin: 0 0 15px 0
    }

    .review-detail {
        min-height: 60px
    }

    .col-right h2 {
        font-size: 28px
    }

    .top-box p strong {
        display: block;
        width: 100%;
        margin: 0 0 5px
    }

    .top-box p {
        margin: 0 0 8px 0;
        display: flex;
        flex-wrap: wrap
    }

    a.morelink.btn.btn-xs1 {
        margin: 0 0 0 8px
    }

    .setting-form .form-text.search {
        max-width: 100%
    }

    .setting-form .form-text.search .input-group {
        width: 100%
    }

    .setting-form .form-text {
        max-width: 100%;
        margin: 10px auto;
        display: inline-block;
        width: 23%;
        vertical-align: middle
    }

    .setting-form .form-fields {
        display: block;
        align-items: flex-end;
        justify-content: unset
    }

    .setting-form .menu-secound-bar .frm-check-box .checkbox {
        width: auto;
        text-align: left
    }

    div.setting-form .input-group-btn .btn.btn-default {
        width: 100%;
        margin-top: 25px
    }

    .menu-secound-bar .frm-check-box {
        padding: 0
    }
}

@media screen and (max-width:980px) {

    .page-links,
    .page-links:hover {
        font-size: 16px
    }

    .main-nav .nav.navbar-nav a {
        line-height: 20px
    }

    .navbar.main-nav {
        background: rgba(0, 0, 0, 0) url(../images/header_bg_topcurve.png) no-repeat scroll center top/100% 100%;
        border: medium none
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: 0 !important
    }

    .bg-red {
        width: 100%
    }

    .fist-tr-m td {
        width: auto
    }

    .th-head-m td {
        width: auto
    }

    .fist-tr-m td:nth-child(2),
    .th-head-m td:nth-child(2) {
        width: auto
    }

    .waper-scrol {
        height: auto
    }

    .shoping-cart-checkout {
        text-align: right !important
    }
}

@media only screen and (max-width:992px) {

    /* #no-more-tables table,
    #no-more-tables tbody,
    #no-more-tables td,
    #no-more-tables th,
    #no-more-tables thead,
    #no-more-tables tr {
        display: block
    } */

    /* #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    } */

    /* #no-more-tables tr {
        border: 1px solid #ccc
    } */

    /* #no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left
    } */

    .invoice-table td {
        min-height: 30px;
        word-wrap: break-word
    }

    /* #no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 700
    } */

    /* #no-more-tables td:before {
        content: attr(data-title)
    } */

    .table-bordered {
        padding: 0
    }

    .fist-tr-m td {
        float: none;
        width: auto
    }

    .fist-tr-m td:nth-child(2),
    .th-head-m td:nth-child(2) {
        width: auto
    }

    .fist-tr-m td:nth-child(3) {
        width: auto
    }

    #no-more-tables .reorder_product .table.inner-ship-box tr {
        display: inline-table;
        width: 100%;
        border: none
    }

    #no-more-tables .reorder_product .table td {
        display: table-cell;
        padding-left: 7px;
        position: static
    }
}

#ltkmodal-container {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin-left: 0 !important;
    display: block !important
}

#ltkmodal-content,
ltkmodal-form {
    position: absolute !important;
    width: 100% !important;
    top: 0 !important;
    bottom: 0 !important
}

#ltkmodal-container input:focus,
#ltkmodal-contentarea .checkbox input[type=checkbox]:focus+label:before {
    outline-style: solid;
    outline-width: 2px;
    opacity: 1;
    outline-color: #a6c8ff;
    -webkit-transition: color .2s ease-in, text-shadow .2s ease-in;
    transition: all .2s ease-in, text-shadow .2s ease-in
}

.WCAG-hidden {
    border: 0 none !important;
    height: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 0 !important
}

#ltkmodal-wrapper :focus {
    outline: 0
}

.ltkmodal-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    padding: 30px;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important
}

.ltkmodal-footer a {
    color: #fff !important
}

#ltkmodal-surround,
#ltkmodal-thanks {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0
}

#ltkmodal-wrapper {
    position: absolute;
    width: 588px;
    height: 360px;
    top: 45%;
    margin-top: -180px;
    left: 50%;
    margin-left: -294px
}

-#ltkmodal-overlay {
    z-index: 10001 !important
}

--->#ltkmodal-container {
    z-index: 10002 !important
}

-#ltkmodal-overlay {
    background-color: #000 !important;
    width: 100% !important
}

--->#ltkmodal-container .simpleltkmodal-wrap {
    height: auto !important
}

#ltkmodal-contentarea {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #fff;
    text-align: center;
    background: 0 0;
    border-radius: 0
}

#ltkmodal-contentarea #contentInformation {
    padding: 0;
    margin: 0
}

#ltkmodal-contentarea .float-left {
    width: 100%
}

#ltkmodal-contentarea .clear {
    clear: both
}

#ltkmodal-contentarea .sticker {
    margin: 20px 0;
    float: right
}

#close-button {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0
}

.close-button {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 30px;
    line-height: 18px;
    color: #000;
    text-decoration: none;
    text-align: center;
    background-color: #fff;
    padding: 5px;
    border-radius: 0;
    display: block;
    cursor: pointer;
    vertical-align: middle;
    width: 50%;
    float: right
}

.close-button img {
    width: 60px;
    height: 60px
}

#ltkmodal-contentarea h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 52px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    padding: 0 0 5px
}

#ltkmodal-contentarea p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    padding: 10px 0 0
}

#ltkmodal-contentarea p.small {
    font-size: 11px;
    line-height: 16px;
    padding: 15px 0 5px
}

#ltkmodal-contentarea a {
    color: #929292;
    cursor: pointer;
    text-decoration: none;
    font-weight: 700
}

#ltkmodal-contentarea a:hover {
    text-decoration: none
}

#ltkmodal-contentarea .form {
    clear: both;
    margin: 40px 0 10px
}

#ltkmodal-contentarea .field {
    margin: 10px 0 25px
}

#ltkmodal-contentarea input.textbox {
    width: 100% !important;
    color: #fff;
    background-color: transparent;
    font-size: 18px;
    font-weight: 400;
    width: 65%;
    border: 2px solid #fff;
    border-radius: 0;
    padding: 15px;
    vertical-align: middle;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    float: left;
    display: inline-block;
    height: 60px
}

.new-product-label {
    margin-top: 5px;
    margin-bottom: 10px
}

#ltkmodal-contentarea select.dropdown {
    color: #666;
    display: block;
    width: 60%;
    border: 1px solid #aaa;
    border-radius: 3px;
    margin-top: 5px;
    padding: 7px 8px 7px 6px;
    vertical-align: middle
}

#ltkmodal-contentarea .select-wrapper {
    text-align: left
}

#ltkmodal-contentarea .checkbox input[type=checkbox] {
    opacity: 0 !important
}

#ltkmodal-contentarea .checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 35px;
    margin-right: 15px;
    font-size: 16px
}

#ltkmodal-contentarea .checkbox label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: -1px;
    border: 2px solid #fff;
    background-color: transparent
}

#ltkmodal-contentarea .checkbox input[type=checkbox]:checked+label:before {
    content: "\2713";
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 20px
}

#ltkmodal-contentarea .select-wrapper span {
    line-height: 21px
}

#ltkmodal-contentarea .select-wrapper.radio label {
    padding: 0 5px
}

#ltkmodal-contentarea .buttons {
    margin-top: 20px
}

#ltkmodal-contentarea .ltkmodal-subscribe {
    background-color: #fff;
    border-radius: 0;
    cursor: pointer;
    border: none;
    color: #211a1b;
    font-size: 24px;
    font-weight: 700;
    padding: 10px 25px;
    text-decoration: none;
    vertical-align: middle;
    -webkit-appearance: none !important;
    background-image: none !important;
    width: 35%;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    display: inline-block;
    height: 60px
}

#ltkmodal-contentarea .ltkmodal-no-thanks {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 15px;
    padding: 10px
}

.sep-line-sp {
    border-bottom: 1px solid #000;
    padding-bottom: 30px
}

.padding-l-30 {
    padding-left: 15px
}

#backgroundImage {
    background-image: url(../images/F20003-ALOEVERA1.png);
    background-color: #ccc;
    height: 500px;
    background-position: center;
    background-repeat: no-repeat
}

#newDesign {
    width: 230px;
    min-height: 294px;
    margin: 0;
    color: #fff;
    background-color: #c41425
}

h1 {
    font-size: 40px
}

#newH3 {
    font-size: 14px;
    font-weight: 700
}

#newH2 {
    font-weight: 700;
    font-size: 32px
}

#newH5 {
    font-weight: 700
}

#newP {
    font-size: 30px;
    color: #000;
    margin-left: 30px;
    width: 200
}

#desciption {
    font-weight: bolder;
    margin-bottom: 0
}

#notes {
    font-weight: bolder;
    margin-bottom: 0
}

#ifra {
    font-weight: bolder;
    margin-top: 70px;
    margin-bottom: 0
}

#essentialOils {
    font-weight: bolder;
    margin-top: 70px;
    margin-bottom: 0
}

#col-md-desc {
    width: 38%
}

#col-md-notes {
    width: 38%
}

.item-detail-hr {
    margin-top: 0;
    border: 1px solid #c41425
}

.level {
    color: gray
}

.set_width {
    width: 100%
}

.note {
    margin-left: 20px;
    text-decoration: none;
    word-wrap: break-word
}

.new-cart-box p.ne-reorder-th {
    word-wrap: break-word
}

.newSectionIfra {
    margin-top: 25px
}

.newSectionIfra strong {
    color: #c41425
}

.float-right {
    float: right
}

#insideImg1 {
    margin-top: 100px
}

#insideImg2 {
    margin-top: 50px
}
#ContentTotalQtyAlert .modal-body {
    text-align: center;
}


/***
Salesforce signup popup design 
**/

.sf-modal-user {
    background-color: rgba(6, 6, 6, 0.83);
}

.sf-modal-form {
    background-image: url('images/Salesforce-signup-popup.png');
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 450px;
    min-width: 200px;
    max-width: 1000px;
    border-radius: 0px;
    border-style: solid;
    border-width: 15px;
    border-color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding: 60px 35px;
    flex: 1 1 0%;
}
.sf-modal-form .form-group input {
    box-shadow: none;
}
.sf-modal-form .form-group input::placeholder {
    color: #000 !important;
}
.sf-modal-form .form-group input:hover {
    border-color: rgba(255, 0, 0, 1) !important;
}
.sf-modal-form .form-group input:focus-visible {
    outline-width: 2px;
    outline-style: auto;
    outline-color: rgba(255, 0, 0, 1);
    outline-offset: 0;
}
.sf-modal-form .form-group .custom-control {
    display: flex;
    align-items: center;
    padding-bottom: 8px;
}
.sf-modal-form .form-group .custom-control input {
    height: 20px;
    width: 20px;
    min-width: 20px;
    margin-right: 8px;
    cursor: pointer;
}
.sf-modal-form .form-group .custom-control label {
    padding-bottom: 0;
    margin-right: 8px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
}

.sf-modal-form .title-bar-user{
    font-size: 28px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 400;
    color: rgb(255, 255, 255);       
} 

.sf-modal-form .title-bar-user span{
    color: rgb(255, 255, 255);
    font-size: 28px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: bold;
}

.body-content-user .form-group {
    padding: 10px 6px;
}

.body-content-user .form-group label{
    color: rgb(255, 255, 255);
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0px;
    padding-bottom: 6px;
}

.body-content-user .form-group input{
    box-sizing: border-box;
    border-radius: 2px;
    padding: 0px 0px 0px 16px;
    height: 38px;
    text-align: left;
    color: rgb(0, 0, 0);
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(158, 137, 137);
    
} 

.sf-modal-user .modal-dialog{
   max-width: 450px!important;
}

.sf-modal-user .sf-user-submit{
    text-align: center;
}

.sf-modal-user .sf-user-submit button{ 
    background: rgb(202, 35, 35);
    border-radius: 0px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.56);
    border-width: 1px;
    color: rgb(255, 255, 255);
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 1;
    white-space: normal;
    padding-top: 11px;
    padding-bottom: 11px;
    text-align: center;
    word-break: break-word;
    align-self: flex-end;
    cursor: pointer;
    pointer-events: auto;
    height: auto;
    width: 100%;
}

@media only screen and (max-width:600px) {
    #ltkmodal-container {
        width: 100% !important;
        box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important
    }

    .invoice-table td {
        text-align: right !important
    }

    #ltkmodal-wrapper {
        width: 100% !important;
        position: absolute !important;
        margin-left: 0;
        left: 0;
        padding: 25px;
        top: 8%;
        margin-top: 0;
        box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important
    }

    #ltkmodal-contentarea {
        text-align: center
    }

    #ltkmodal-contentarea #contentInformation {
        padding: 0;
        margin: 0
    }

    #ltkmodal-contentarea .float-left {
        width: 100%
    }

    #ltkmodal-wrapper .mobileHide {
        display: none
    }

    #ltkmodal-contentarea .sticker {
        float: none;
        margin-bottom: 8px;
        margin-top: -5px;
        width: 100px;
        height: auto
    }

    #ltkmodal-wrapper #close-button {
        margin: 0
    }

    .close-button img {
        width: 30px;
        height: 30px
    }

    #ltkmodal-contentarea h1 {
        font-size: 28px
    }

    #ltkmodal-contentarea p {
        font-size: 13px;
        line-height: 21px
    }

    .ltkmodal-footer {
        font-weight: 400;
        font-size: 9px;
        line-height: 16px;
        padding: 10px
    }

    #ltkmodal-contentarea .form {
        margin: 20px 0 10px
    }

    #ltkmodal-contentarea input.textbox {
        font-size: 14px;
        text-align: center;
        font-weight: 400;
        width: 100%;
        border: 2px solid #fff;
        padding: 8px 15px;
        box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        float: none;
        display: inline-block;
        height: 42px
    }

    #ltkmodal-contentarea .buttons {
        margin-top: 0
    }

    #ltkmodal-contentarea .ltkmodal-subscribe {
        font-size: 18px;
        padding: 8px 25px;
        -webkit-appearance: none !important;
        background-image: none !important;
        width: 100%;
        box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        display: inline-block;
        height: 42px;
        margin-top: 15px;
        margin-left: 0
    }

    #ltkmodal-contentarea .checkbox label {
        font-size: 13px
    }

    #ltkmodal-contentarea .checkbox label:before {
        bottom: -4px
    }

    #ltkmodal-contentarea .ltkmodal-no-thanks {
        margin-top: 10px
    }

    #no-more-tables .reorder_product .table.inner-ship-box {
        display: block;
        max-width: 600px;
        width: 600px;
        padding: 0 10px;
    }

    .reorder_product .table.inner-ship-box td {
        font-size: 16px;
    }

    .cf.history-table tr.ordersdetailstr.closealldivs td .order-pro {
        text-align: center;
        padding: 0 0
    }

    .cf.history-table tr.ordersdetailstr.closealldivs td .detail-shipng-td-left {
        text-align: center
    }

    .order-search .input-group .form-control {
        padding: 10px
    }
    .new-main-table-box table.table tr th {
        padding: 15px 10px 5px;
    }
}

@media only screen and (min-width:899px) {
    .nav-list .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        display: block;
        transform-origin: 50% 0;
        transform: scaleY(0) translateZ(0);
        opacity: 0;
        transition: transform .3s, opacity .3s
    }

    .header-holder .nav-holder nav.navbar ul.nav-list .dropdown:hover .dropdown-menu {
        transform: scaleY(1) translateZ(0);
        opacity: 1
    }

    .customer-web-view {
        width: 20% !important
    }

    .customer-web-store {
        width: 80% !important
    }
}

@media only screen and (max-width:899px) {
    .header-holder .nav-mobile {
        display: block;
        top: -75px
    }

    .header-holder .nav-holder nav.navbar .dropdown-menu a:hover {
        background-color: transparent
    }

    .header-holder nav ul li a:hover {
        color: #000 !important
    }

    .header-holder nav ul li a.active {
        color: #d82b2a !important
    }

    .w-nav .menu-item:not(.level_1).current-menu-ancestor>a,
    .w-nav .menu-item:not(.level_1).current-menu-item>a,
    .w-nav .menu-item:not(.level_1).current-page-ancestor>a {
        background: 0 0 !important;
        color: #d93130 !important
    }

    .header-holder .nav-holder nav.navbar .dropdown-menu {
        background: 0 0;
        box-shadow: none;
        margin-bottom: 0;
        margin: 0;
        padding: 0
    }

    .header-holder .nav-holder nav.navbar .dropdown-menu a {
        color: #000;
        padding: 0 15px
    }

    .header-holder .top-holder ul.nav-list li .dropdown button {
        padding: 0
    }

    .dropdown.expanded .dropdown-menu {
        display: none
    }

    .header-holder .nav-holder nav.navbar ul.nav-list .dropdown button::before {
        right: 10px;
        font-size: 19px !important;
        font-weight: 700
    }

    .header-holder .nav-holder nav.navbar {
        padding: 0;
        margin: 0;
        min-height: auto
    }

    header.navigation .header-holder .row .col-lg-10 {
        padding: 0
    }

    .header-holder .top-holder .col-lg-12.d-flex {
        display: inherit !important;
        width: 100%
    }

    .brand img {
        min-width: 150px;
        max-width: 150px
    }

    header.navigation {
        padding: 15px 0
    }

    header.navigation {
        position: inherit
    }

    .container.main-banner {
        padding-top: 0
    }

    .header-holder .nav-holder {
        text-align: left
    }

    header.navigation .header-holder .row {
        align-items: inherit;
        flex-wrap: wrap
    }

    header.navigation .header-holder .col-lg-10,
    header.navigation .header-holder .row .col-lg-2 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    .header-holder .nav-holder nav {
        width: 100%;
        padding: 70px 0 15px
    }

    .header-holder .nav-holder nav.navbar ul.nav-list {
        display: none;
        position: fixed;
        left: 0;
        right: 0;
        top: 125px;
        height: auto !important;
        background: #fff;
        z-index: 999;
        max-width: 100vw
    }

    .header-holder .top-holder ul.nav-list li {
        float: none;
        display: inline-block;
        width: 100%
    }

    .header-holder .nav-holder nav ul li {
        float: none
    }

    .header-holder .nav-holder nav ul li a {
        padding: 15px;
        line-height: 20px
    }

    .header-holder .nav-holder nav ul li ul li a {
        padding-left: 30px
    }

    .nav-dropdown {
        position: static
    }

    .header-holder .nav-holder nav.navbar .dropdown-menu {
        position: static;
        width: 100%;
        margin-bottom: 10px
    }
}

@media screen and (max-width:768px) {
    .desk-view {
        display: none
    }

    .mobile-view {
        display: block
    }

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

    .navbar.main-nav {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: rgba(0, 0, 0, 0);
        background-image: url(../images/mobile-butn-bg.png);
        background-origin: padding-box;
        background-repeat: repeat;
        background-size: cover;
        border: medium none
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: transparent
    }

    .navbar-header .mobi-menu {
        color: #fff;
        font-family: Georgia, "Times New Roman", Times, serif;
        display: block;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase
    }

    .navbar-header .mobi-menu:hover {
        color: #fff
    }

    .margin-top-60 {
        display: block;
        margin-top: 20px;
        overflow: hidden;
        margin-bottom: 10px
    }

    .margin-top-30 {
        display: block;
        overflow: hidden
    }

    .mobi-menu {
        display: block
    }

    .footer p {
        text-align: center
    }

    .frm-check-box label {
        margin-left: 15px;
        width: 100%
    }

    .inner-box-cart {
        display: none
    }

    .text-right.pdf-ifra {
        text-align: center
    }

    .cart-remove {
        float: none;
        margin-bottom: 10px
    }

    .cart-div {
        text-align: end
    }

    .header .searchbar .searching-field .inpt-btn-search input {
        font-size: 24px !important;
        padding-bottom: 0 !important;
        padding: 0 15px !important
    }

    .change-shiping .enter-img.text-right {
        display: none
    }

    .navbar-brand.mobi-menu {
        display: none
    }

    .main-nav .nav.navbar-nav a {
        font-size: 14px;
        padding: 15px 6px
    }

    .mobile-view .col-sm-4.margin-top-30 {
        margin: 20px 0 0 !important
    }

    .navbar.main-nav {
        padding: 0
    }

    .logo {
        margin-bottom: 10px
    }

    .form-control {
        padding: 6px !important
    }

    .fragrance-detail-wrap {
        margin: 20px auto 0;
        width: 100%
    }

    .menu-secound-bar .frm-check-box .checkbox {
        text-align: left;
        width: 46%
    }

    .menu-secound-bar .frm-check-box label {
        margin-left: 0
    }

    .vidos-holder .col-md-2 {
        width: 50%
    }

    .videos-box-inner {
        margin: 20px auto 0;
        width: 158px
    }

    .videos-box-head {
        min-height: inherit
    }

    .menu-secound-bar .frm-check-box .checkbox {
        margin-right: 20px;
        width: auto
    }

    div.setting-form input.form-control {
        padding: 10px
    }
}

@media screen and (max-width:767px) {
    .navbar-brand.mobi-menu {
        display: block
    }
    section.full-wrap-main {
        min-height: calc(100vh - 258px);
    }
    .required-text {
        text-align: left;
    }
    .vidos-holder .sep-line-sp .col-md-3 {
        width: 100%
    }

    .vidos-holder .sep-line-sp .videos-box .videos-box-head h2 {
        min-height: auto;
        font-size: 15px;
        margin-bottom: 7px
    }

    .videos-box-inner img {
        height: auto;
        width: 100%
    }

    .footer-nav ul li {
        padding: 0 10px 10px;
        width: 100%
    }

    .foot-navholder ul li:after {
        display: none
    }

    .foot-navholder ul li {
        width: 100%
    }

    .order-search .col-lg-3,
    .order-search .col-lg-9 {
        width: 100%
    }

    .order-search .col-lg-9 .order-hloder.order-box .row .col-lg-6 p {
        display: block;
        width: 100%
    }

    .order-search .col-lg-9 .order-hloder.order-box .row .address {
        flex-wrap: wrap
    }

    .order-search .order-hloder .col-lg-6.first p {
        width: 50%
    }

    .result-outer {
        margin-bottom: 10px
    }

    .fb,
    .tw {
        border-bottom: 1px solid #eee;
        padding: 10px 0
    }

    .Linkin {
        padding: 10px 0
    }

    .custom-style .custom-padding:first-child {
        text-align: inherit;
        width: inherit
    }

    .custom-style .custom-padding {
        width: inherit
    }

    .quan {
        display: block
    }

    .detail-section .custom-style .custom-padding:first-child {
        text-align: left;
        width: 100%;
        margin-bottom: 15px
    }

    .product-detail.grid-four li {
        padding: 5px;
        width: 25%
    }

    .product-detail.grid-four li .red-btn {
        width: 100%
    }

    .flex-row .col-left.botm-left-img {
        width: 100%;
        flex: 100%;
        padding-left: 0;
        min-width: 100%;
        max-width: 100%
    }

    .flex-row.new-detail-row {
        flex-wrap: wrap
    }

    #newDesign {
        width: 100%;
        min-height: 180px;
        margin: 0;
        text-align: center
    }

    .modal-body.porducat-popup.reSkin {
        padding-left: 0;
        padding-right: 0
    }

    .botm-left-img {
        background: 0 0 !important
    }

    .top-box .note {
        letter-spacing: 0
    }

    .inner-vedios .videos-box .videos-box-inner {
        margin: 20px auto;
        width: 100%
    }

    .videos-row .videos-box img {
        width: 100%;
        object-fit: inherit;
        height: auto
    }

    .navbar-nav {
        margin: 0
    }

    .main-nav .nav.navbar-nav a {
        font-size: 14px;
        padding: 8px 17px
    }

    .botm-right-img {
        background-size: 100%;
        background-position: 0 bottom;
        padding-bottom: 200px
    }

    .top-box p strong {
        display: inline-block;
        width: auto;
        margin: 0 0 5px
    }

    .top-box p {
        flex-wrap: unset
    }

    .newSectionIfra strong {
        font-size: 16px
    }

    section.full-wrap-main {
        padding: 30px 16px 55px
    }

    .setting-form .menu-secound-bar .frm-check-box .checkbox {
        width: 30%;
        text-align: left
    }

    div.setting-form input.form-control {
        padding: 10px
    }

    .res-pad-0 {
        padding: 0
    }
    .inner-wapper.paymentInfo .inner-box .table-responsive .history-table {
        min-width: 410px;
    }
    /* ----- MOBILE RESPONSIVE ----- */
    .shoppingcart-screen .cart-table {
        min-width: 100%;
    }
  .cart-table thead {
    display: none; /* hide table header */
  }

  .cart-row {
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    border-radius: 8px;
    background: #fff;
  }

  .shoppingcart-screen .cart-row td {
    border: none;
    padding: 10px !important;
  }

    .column-1 p.text-center {
        text-align: center !important;
    }

    /* Add labels before each row item */
    .cart-row td::before {
        content: attr(data-label);
        font-weight: bold;
        display: block;
        font-size: 18px;
        color: #fff;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
        background-color: #C31122;
        padding: 10px;
        display: none;
    }

        .cart-row .column-5 {
            text-align: center;
        } 

    /* Fix select width */
    .cart-row select.form-control {
        width: 100%;
    }

    .column-1 .cart-remove {
        justify-content: center !important;
    }
    .shoppingcart-screen .cart-table .btn-box {
        margin: auto;
    }
    .column-2 {
            max-width: 220px;
            /* margin: auto; */
        }
        .shoppingcart-screen .cart-table .cart-deatils label {
            max-width: auto;
        }
        .shoppingcart-screen .cart-row {
            border: 1px solid #e0e0e0 !important;
            position: relative;
        }
        .shoppingcart-screen .cart-row td:last-child {
            vertical-align: top;
            position: absolute;
            top: 0px;
            width: max-content;
            right: 15px;
        }
        .shoppingcart-screen .cart-row td .combine-column {
            justify-content: center !important;
        }
        .shoppingcart-screen .cart-row {
            position: relative;
        }
        .product-content-box .product-content-title h2 {
            font-size: 30px !important;
            line-height: normal !important;
        }
        .pt-5.detail-s-row {
            padding-top: 2rem !important;
        }
        form .form-group.coupoun {
            margin-top: 15px !important;
        }
        .new-cus-btn, .sing-btn, .shoppingcart-screen .cart-table .cart-deatils label {
            font-size: 18px;
        }
        .shoppingcart-screen .text-right.pdf-ifra {
            justify-content: center;
            flex-wrap: wrap;
            row-gap: 5px;
        }
}

@media screen and (max-width: 650px) {
    .cart-table,
    .cart-table tbody,
    .cart-table tr,
    .cart-table td {
        display: block;
        width: 100%;
    }
    .shoppingcart-screen .cart-row td {
        padding: 10px 0 0 !important;
    }
    .form-radio-flex .form-radio-field label {
        font-size: 18px;
    }
    .new-shop-screens .box-adrs-book .d-flex label {
        margin-right: 0px;
    } 
    .new-shop-screens .box-adrs-book .d-flex {
        flex-wrap: wrap;
        gap: 10px;
    }
    .new-shop-screens .box-adrs-book .d-flex .form-group {
        width: 100%;
        justify-content: flex-end !important;
    }
    .new-shop-screens .box-adrs-book button.action-btn {
        height: 35px;
        width: 35px;
        min-width: 35px;
        font-size: 12px;
    }
}

@media screen and (max-width:574.98px) {
    .change-shiping>h3 {
        margin: 0 0 10px;
    }
}

@media screen and (max-width:538px) {
    .frm-check-box .checkbox {
        display: inline-block;
        text-align: left;
        width: 30%
    }

    .acont-li {
        list-style: outside none none;
        padding: 0
    }

    .menu-secound-bar .frm-check-box .checkbox {
        width: 100% !important
    }

    .frm-check-box .checkbox:nth-child(2n) {
        width: 40%
    }

    .frm-check-box .checkbox:nth-child(3n) {
        width: 22%
    }

    .frm-check-box .checkbox:nth-child(4n) {
        width: 28%
    }

    .product-detail.grid-four li {
        width: 49%;
        margin-bottom: 10px;
        vertical-align: top;
        float: none
    }

    .product-detail.grid-four li .product-name,
    .product-detail.grid-four li .product-spec {
        text-align: center;
        display: inline-block;
        width: 100%
    }

    .detail-section .row.review-section {
        margin-top: 10px;
        padding: 0 10px 0
    }

    .setting-form .form-text {
        width: 100%
    }

    div.setting-form .input-group-btn .btn.btn-default {
        margin-top: 10px
    }

    div.setting-form input.form-control {
        padding: 10px
    }

    .menu-secound-bar .frm-check-box {
        padding: 0
    }
}

@media only screen and (max-width:480px) and (min-width:480px) {
    #ltkmodal-contentarea .form {
        margin: 0 0 10px
    }

    #ltkmodal-contentarea p {
        padding-top: 0
    }

    #ltkmodal-contentarea .select-wrapper {
        margin: 0
    }

    #ltkmodal-contentarea .field {
        margin: 10px 0
    }
}

@media screen and (max-width:480px) {
    .bg-frm label {
        font-size: 12px
    }
    .new-shop-screens .box-adrs-book p {
        width: 100% !important;
    }
    .frm-check-box .checkbox:nth-child(3n) {
        width: 25%
    }

    .copy-rights {
        padding: 10px
    }

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

    .logo img {
        height: 80px;
        width: 160px
    }

    .LBS-th,
    .category-th,
    .code-th,
    .commercial-name-th,
    .date-w-th,
    .item-w-th,
    .price-point-th,
    .price-w-th,
    .qty-w-th,
    .reorder-th,
    .total-th {
        padding-left: 0;
        padding-top: 20px;
        border-bottom: 1px solid #000;
        padding-bottom: 10px
    }

    .card-th,
    .card-th-p,
    .code-th-p {
        padding-left: 0;
        padding-top: 20px;
        border-bottom: 1px solid #000;
        padding-bottom: 10px
    }

    .total-th {
        margin-top: 10px
    }

    .reorder-th .form-control {
        margin-top: 10px
    }

    .back-for-details .sing-btn {
        font-size: 12px
    }

    .vidos-holder .col-md-2 {
        width: 100%
    }

    .detail-section .title-section {
        text-align: left;
        font-size: 13px
    }

    .detail-section .custom-style .custom-padding {
        width: inherit;
        margin-bottom: 10px
    }

    .product-detail.grid-five li {
        width: 33.33%;
        margin: 0 0 20px 0
    }

    .product-detail.grid-four.shop-moreinfo-list {
        padding-left: 0
    }

    .redBox h1 {
        font-size: 32px
    }

    .redBox p {
        font-size: 22px;
        line-height: 24px
    }

    #newDesign {
        min-height: 235px;
        background-position: center bottom
    }

    .botm-right-img {
        padding-bottom: 120px
    }
    .new-afi-pages .new-sample-btn-box.filter-text-buttons a.btn.outline-button {
        min-width: 100%;
    }
}

@media screen and (max-width:479px) {
    .for-more-details .heading-cart-table {
        display: block;
        overflow: hidden;
        width: 100%
    }

    .for-more-details .heading-cart-table h3 {
        text-align: center
    }

    .for-more-details .cart-box div {
        display: block;
        text-align: center;
        width: 100%
    }

    .for-more-details .cart-box div p {
        text-align: center
    }
    .column-2 {
        max-width: 120px !important;
        /* margin: auto; */
    } 
    .shoppingcart-screen .cart-table .column-2 select {
        min-width: 120px !important;
    }
}

@media screen and (max-width:447px) {
    .frm-check-box .checkbox {
        display: inline-block;
        text-align: left;
        width: 33%
    }

    .page-links,
    .page-links:hover {
        font-size: 14px
    }

    .for-more-details .order-pro {
        padding: 0 5px
    }

    .for-more-details .back-for-details {
        display: block;
        overflow: hidden;
        padding: 0;
        text-align: center;
        width: 100%
    }

    #no-more-tables td {
        padding-left: 55%
    }

    .detail-section .description.customer>span {
        font-size: 15px;
        line-height: 30px;
        padding-right: 10px
    }

    .detail-section .description.customer>.star-rating {
        font-size: 18px
    }

    .detail-section .new-row div.dis-blk>span.add-review a {
        padding: 6px 12px;
        font-size: 17px
    }

    .detail-section .new-row div.dis-blk>span.description.review a {
        margin-top: 2px;
        font-size: 16px
    }

    .product-detail.grid-four li .product-name {
        font-size: 13px
    }

    .header .searchbar .searching-field .inpt-btn-search input {
        width: 86% !important
    }
    .new-afi-pages .new-sample-btn-box {
        justify-content: center;
        padding: 0 10px;
    }
    .new-afi-pages .new-sample-btn-box a.btn.outline-button.color {
        width: 100%;
    }
    .new-afi-pages .new-sample-btn-box a.btn.outline-button.color span.sample-text {
        font-size: 24px !important;
    }
}

@media screen and (max-width:414px) {

    .cf.history-table tr.ordersdetailstr.closealldivs td .sing-btn,
    .new-cus-btn {
        font-size: 13px
    }

    .product-detail.grid-four li {
        width: 100%;
        margin-bottom: 0
    }
}

.btn-xs1 {
    background-color: #c41425;
    display: inline;
    color: #fff;
    line-height: none;
    padding: 0 3px
}

.btn-xs1:hover {
    color: #fff
}

.btn-xs1:visited {
    color: #fff
}

.logout-button a {
    float: right;
    margin: 2rem 0 0;
    color: #d81c03
}

.cart-counter {
    padding: 0 4px;
    height: 20px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e0e3ed;
    position: absolute;
    top: 0;
    left: 81%;
    transform: translate(0, -50%);
    font-size: 14px;
    font-weight: 700;
    font-family: sans-serif
}

.coupoun {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 15px;
    padding: 0 30px
}

.shoppingcart-screen .coupoun {
    justify-content: flex-start;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

li,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

a {
    text-decoration: none
}

.header {
    font-family: 'Bebas Neue Pro'
}

.header .top-head {
    background: #c41425;
    padding: 10px 125px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header .top-head .brand-logo img {
    max-width: 135px
}

.header .searchbar {
    width: 100%;
    max-width: 765px;
    margin: 0 20px
}

.header .searchbar .searching-field #suggesstion-box {
    z-index: 999;
    position: absolute;
    background-color: #fff;
    padding: 10px 20px;
    width: 100%;
    border-radius: 5px
}

.header .searchbar .searching-field #suggesstion-box li {
    padding: 5px;
    font-size: 16px;
    cursor: pointer
}

.header .searchbar .searching-field #suggesstion-box li:hover {
    background-color: #928e8b;
    color: #fff
}

.header .searchbar .searching-field {
    position: relative
}

.header .searchbar .inpt-btn-search {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #fff;
    border-radius: 20px;
    border: 3px solid #000
}

.header .searchbar .searching-field .inpt-btn-search input {
    width: 90%;
    border: 0;
    outline: 0;
    padding: 0 25px;
    height: 45px;
    border-radius: 20px;
    font-size: 28px;
    padding-bottom: 5px
}

.header .searchbar .searching-field .inpt-btn-search input::placeholder {
    font-size: 28px;
    color: #c0bebc
}

.header .searchbar .searching-field .inpt-btn-search .btn {
    width: 10%;
    padding: 0;
    height: 45px;
    box-shadow: none;
    outline: 0
}

.header .searchbar .searching-field .inpt-btn-search .btn img {
    width: 100%;
    max-width: 30px
}

.header .account-list ul {
    display: flex;
    align-items: center
}

.header .account-list ul span img {
    max-width: 45px;
    height: 35px
}

.header .account-list ul li {
    margin-left: 15px
}

.header .account-list ul li .account {
    color: #fff;
    margin-left: 10px;
    font-size: 24px;
    line-height: 1.1
}

.header .account-list ul li:nth-child(1) .account {
    width: 90px
}

.header .account-list ul li .account:hover {
    color: #928e8b
}

.header .account-list ul li a {
    display: flex;
    align-items: center
}

.header .navbar {
    background: #928e8b;
    padding: 5px 125px;
    box-shadow: rgb(0 0 0 / 28%) 0 8px 15px;
    margin-bottom: 16px
}

.header .navbar ul {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%
}

.header .navbar ul li {
    padding: 0 20px
}

.header .navbar ul li a {
    font-size: 30px;
    color: #fff;
    text-transform: capitalize
}

.header .navbar ul li a:hover {
    color: #c41425
}

.account-section {
    padding: 100px 0 80px
}

.account-section .account-container {
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 15px
}

.arrow-left,
.letf-arrow-sign {
    background-image: url(images/arrow-img.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 40px
}

.account-btn {
    background-color: #fff;
    border: 1px solid #bebebe;
    border-radius: 6px;
    color: #666;
    display: inline-block;
    font-size: 19px;
    font-weight: lighter;
    line-height: 22px;
    margin: 10px 0 0;
    padding: 8px 10px;
    text-align: right
}

.account-content h3 {
    font-weight: 300;
    color: #636363;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 15px
}

.account-form .forget-link a {
    color: #ff9b37
}

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

.account-form .form-group label {
    font-weight: 700;
    margin-bottom: 4px
}

.account-form .form-group .form-control {
    background-color: #fff;
    border: 1px solid #c3c3c3;
    height: 45px;
    color: grey;
    border-radius: 5px
}

.account-form .form-group .form-control::placeholder {
    color: grey
}

.account-content p {
    color: #000;
    font-weight: 500
}

.account-btn:hover {
    background: #636363;
    color: #fff
}

.account-columns .account-rightside {
    border-left: 1px solid #919191;
    padding-left: 20px
}

.account-content {
    padding-top: 30px
}

.bg-frm {
    background-color: #000;
    border-radius: 6px 0 0 6px;
    padding: 15px
}

.store-inner-form .form-fields {
    display: flex;
    align-items: flex-end
}

.store-inner-form .form-text.search {
    max-width: 170px
}

.store-inner-form .form-text {
    max-width: 145px;
    margin: 0 auto 0 5px
}

.store-inner-form .bg-frm label {
    font-weight: 100
}

.bg-frm label {
    color: #fff
}

.store-inner-form .input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.store-inner-form input.form-control {
    border-radius: 6px !important;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc
}

.store-inner-form .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle
}

.store-inner-form .input-group-btn .btn.btn-default {
    background: #c42625;
    border: 0;
    border-radius: 6px;
    color: #fff;
    margin-left: -1px;
    height: 34px
}

.store-inner-form .btn.btn-default.rest-btns {
    background: #c42625;
    border: 0;
    border-radius: 6px;
    color: #fff;
    width: auto;
    float: left;
    font-size: 12px;
    font-weight: 700;
    padding: 5px
}

.menu-secound-bar .frm-check-box {
    display: flex;
    margin: 20px 0 15px
}

.menu-secound-bar .frm-check-box .checkbox {
    margin: 0 15px 0 0;
    text-align: center;
    width: auto
}

.bg-red {
    background-image: url(images/menubg.png);
    color: #fff;
    border-radius: 0 4px 4px 0;
    display: inline-block
}

.bg-red .cart-column {
    display: block;
    float: left;
    padding: 12.5px 0;
    width: 100%
}

.bg-red .cart-column .cart-wrap {
    min-height: 99px;
    text-align: center;
    width: 100%
}

.bg-red .cart-column .cart-wrap p {
    width: 40px;
    height: 40px;
    text-align: center;
    background: #fff;
    color: #000;
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 10px
}

.bg-red .cart-column .cart-wrap .cart {
    font-size: 25px;
    font-weight: 700;
    font-family: 'Bebas Neue Pro';
    line-height: 1
}

.bg-red .cart-column .cart-wrap .vew-edit {
    font-size: 18px;
    font-family: 'Bebas Neue Pro';
    color: #fff
}

.store-section .store-list {
    padding: 24px 0;
    background: #c41425;
    margin: 18px 0
}

.store-section .store-list ul {
    display: flex;
    align-items: center;
    justify-content: center
}

.store-section .store-list ul li {
    padding: 0 50px
}

.store-section .store-list ul a {
    font-family: 'Bebas Neue Pro';
    color: #fff;
    font-weight: 700;
    font-size: 30px
}

.page-recods {
    font-size: 12px
}

.desp-main {
    margin-top: 15px;
    margin-bottom: 10px
}

.desp-main .desp-text {
    font-size: 12px;
    margin: 0;
    text-align: right
}

.tow-column-section .container {
    max-width: 1500px
}

.tow-column-section .row {
    align-items: center
}

.tow-column-section .tow-column-content h2 {
    color: #000;
    font-size: 50px;
    font-weight: 700;
    padding-left: 36px
}

.tow-column-section .tow-column-content h4,
.tow-column-section .tow-column-content p {
    color: #000;
    font-size: 30px;
    line-height: 1.2
}

.tow-column-section .tow-column-content p {
    margin-bottom: 0
}

.tow-column-section .tow-column-content h4 {
    font-weight: 700;
    padding-left: 25px
}

.tow-column-section .tow-column-content {
    max-width: 820px;
    padding-left: 95px
}

.tow-column-section .tow-column-content .learn-btn {
    text-decoration: none;
    color: #fff;
    background-color: #c41425;
    padding: 10px 45px;
    line-height: 1;
    font-size: 30px;
    font-weight: 500;
    border-radius: 16px;
    margin-left: 60px;
    cursor: pointer;
    display: inline-block;
    margin-top: 35px
}

.tow-column-last-section iframe {
    width: 100%;
    height: 100%
}

.tow-column-last-video {
    width: 100%;
    height: 450px;
    border: 6px solid #c41425;
    border-radius: 5px
}

.tow-column-section .tow-column-video {
    width: 100%;
    height: 300px;
    border: 4px solid #c41425
}

.tow-column-section .tow-column-video iframe {
    width: 100%;
    height: 100%
}

.tow-column-last-section .container {
    max-width: 1750px
}

.tow-column-last-video-content {
    margin-right: 20px
}

.tow-column-last-video-content h1 {
    font-size: 100px;
    margin-left: 70px;
    color: #c41425;
    font-weight: 700;
    text-shadow: -8px 6px #000
}

.tow-column-last-video-content p {
    color: #fff;
    -webkit-text-stroke: 2px #c41425;
    font-size: 46px;
    font-weight: 600;
    line-height: 1;
    margin-top: 30px;
    max-width: 75%
}

.tow-column-last-section {
    background-color: #918d8a;
    padding: 40px 0 70px 0
}

.tow-column-last-section .tow-column-last-video-content .learn-btn {
    text-decoration: none;
    color: #fff;
    background-color: #c41425;
    padding: 10px 45px;
    line-height: 1;
    font-size: 30px;
    font-weight: 500;
    border-radius: 16px;
    cursor: pointer;
    display: inline-block;
    margin-top: 40px
}

.resourse-wrapper {
    font-family: 'Bebas Neue Pro'
}

.tow-column-section {
    background: #e2e0de;
    padding: 60px 0
}

.tow-column-section.white-bg {
    background: #fff
}

.right-side-bottom {
    padding: 0 80px !important
}

.right-side-bottom a {
    margin-left: 0 !important
}

.top-right-side p {
    margin-bottom: 0 !important
}

.section-3 {
    background-color: #918d8a
}

.afi-video-div {
    background-color: #202020;
    margin-left: 130px
}

.afi-title-section {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.afi-title-section {
    padding: 20px 20px 10px
}

.afi-video-title h3 {
    font-size: 35px;
    font-weight: 700;
    color: #fff
}

.afi-video-title p {
    color: #fff;
    font-size: 26px;
    margin-bottom: 0
}

.afi-video-title p>span {
    color: #bababa;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 3px
}

.afi-title-icon i {
    font-size: 38px;
    color: #fff;
    font-weight: 600;
    cursor: pointer
}

.afi-video-div .afi-video-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    margin-bottom: 15px
}

.afi-load-icons span {
    margin-right: 10px
}

.afi-load-icons span a {
    text-decoration: none
}

.afi-load-icons span a i {
    font-size: 38px;
    color: #fff;
    font-weight: 600;
    cursor: pointer
}

.afi-option-icons span a {
    text-decoration: none
}

.afi-option-icon {
    padding: 0 8px
}

.afi-option-icon span a i {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    cursor: pointer
}

.afi-video-list {
    padding: 0 20px;
    max-height: 765px;
    overflow-y: auto
}

.afi-video-list .video-list-details {
    display: flex;
    margin-bottom: 20px
}

.afi-video-list .video-list-details .video-section {
    width: 30%;
    margin-right: 15px
}

.afi-video-list .video-list-details .video-section img {
    width: 100%
}

.video-description {
    width: 68%
}

.video-description h3 {
    color: #fff;
    margin-bottom: 0 0 5px;
    text-transform: capitalize
}

.video-description p {
    color: #b7b7b7;
    font-size: 21px
}

.store-items-section {
    padding: 0 0 100px
}

.store-items-section .container {
    max-width: 1750px
}

.store-items-section .store-items {
    font-family: 'Bebas Neue Pro';
    display: flex;
    flex-wrap: wrap;
    padding: 0 6px;
    justify-content: flex-start;
    margin-left: 40px
}

.store-items-section .store-items .inner-wapper {
    width: 100%
}

.store-items .card .card-body {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.store-items .card .card-body a {
    color: #000
}

.store-items .card .card-body a:hover {
    color: #23527c
}

.store-items .card {
    margin: 15px 18px 25px;
    width: 28.8rem
}

.store-items .card {
    border: none
}

.store-items .card .card-img-top {
    max-width: 95%;
    height: auto;
    cursor: pointer;
    transition: transform .5s
}

.store-items .card .card-img-top:hover {
    transform: scale(1.02) perspective(0)
}

.store-items .card .card-body .card-text {
    font-size: 23px;
    font-weight: 700;
    line-height: 1.1
}

.store-items .card .card-body .card-btn-icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 5px
}

.store-items .card .card-body .card-btn-icons .card-icons {
    display: flex;
    align-items: center;
    padding-right: 10px
}

.store-items .card .card-body .card-btn-icons .card-icons span {
    font-size: 22px;
    font-weight: 700;
    padding-right: 5px
}

.store-items .card .card-body .card-btn-icons .card-icons i {
    font-size: 34px;
    color: #d81c03
}

.store-items .card .card-body .btn {
    color: #000;
    background-color: #c0bebc;
    border-radius: 15px;
    border-color: #c0bebc;
    font-size: 22px;
    font-weight: 700;
    padding: 10px 20px;
    line-height: 1
}

.discalimer-section {
    padding: 0 0 10px 0;
    background-color: #fff
}

.discalimer-section .container {
    max-width: 1750px
}

.discalimer-section .disclaimer-text {
    font-family: 'Bebas Neue Pro';
    text-align: center;
    padding: 0 36px
}

.discalimer-section .disclaimer-text h4 {
    text-transform: uppercase;
    margin-top: 0 !important;
    color: #000 !important
}

.discalimer-section .disclaimer-text p {
    font-size: 19px;
    color: #000
}

.produc-details-section {
    padding: 10px 0;
    background-color: #fff;
    font-family: 'Bebas Neue Pro'
}

.produc-details-section .container {
    max-width: 1800px
}

.produc-details-section .two-column-img {
    max-width: 90%
}

.produc-details-section .two-column-img img {
    height: 490px;
    width: 100%
}

.produc-details-section .two-column-content {
    max-width: 100%
}

.produc-details-section .two-column-content h2 {
    font-size: 49px;
    font-weight: 600;
    max-width: 85%
}

.produc-details-section .two-column-content .two-column-top-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0
}

.produc-details-section .two-column-content .two-column-top-content h3 {
    font-size: 46px;
    font-weight: 500;
    margin: 0
}

.produc-details-section .two-column-content .two-column-top-content h3.code-text {
    color: #c41425
}

.produc-details-section .two-column-content .two-column-top-content .code-details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 0;
    max-width: 70%
}

.produc-details-section .two-column-content .two-column-top-content .code-details h4 {
    font-size: 30px;
    padding-left: 20px;
    color: #c41425 !important;
    line-height: 1.1;
    margin-bottom: 0;
    margin-top: 0
}

.produc-details-section .two-column-content .two-column-top-content .code-details i {
    font-size: 30px;
    color: #c41425;
    padding-left: 9px
}

.two-column-center-content {
    padding-right: 100px
}

.two-column-center-content p {
    font-size: 43px;
    line-height: 1.1;
    margin-bottom: 0
}

.two-column-bottom-content {
    display: flex;
    color: #ffe184;
    align-items: center
}

.two-column-bottom-content i {
    font-size: 25px
}

.two-column-bottom-content p {
    margin-bottom: 0;
    font-size: 38px;
    font-weight: 400;
    padding-left: 10px
}

.two-column-bottom-buttons {
    display: flex;
    flex-direction: column;
    padding: 0 44px
}

.two-column-bottom-buttons a {
    font-size: 26px;
    font-weight: 600;
    margin: 10px 0;
    text-decoration: none;
    color: #fff;
    background-color: #c41425;
    text-align: center;
    padding: 10px 20px;
    border-radius: 10px;
    line-height: 1.2;
    cursor: pointer;
    border: none;
    border: 1px solid #c41425
}

.two-column-bottom-buttons a:focus {
    color: #fff;
    background-color: #c41425
}

.two-column-bottom-buttons a:hover {
    color: #fff;
    background-color: #c41425
}

.two-column-bottom-buttons button {
    font-size: 26px;
    font-weight: 600;
    margin: 10px 0;
    text-decoration: none;
    color: #fff;
    background-color: #c41425;
    text-align: center;
    padding: 10px 20px;
    border-radius: 10px;
    line-height: 1.2;
    cursor: pointer;
    border: none;
    border: 1px solid #c41425
}

.two-column-bottom-buttons button:hover {
    color: #fff;
    background-color: #c41425;
    border: 1px solid #c41425
}

.two-column-bottom-buttons button:focus {
    color: #fff;
    background-color: #c41425
}

.safe-more-oil-section {
    padding: 20px 0 100px 0;
    background-color: #fff;
    font-family: 'Bebas Neue Pro'
}

.safe-more-oil-section .container {
    max-width: 1800px
}

.safe-more-oil-section .heading-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%
}

.heading-info .info-value {
    max-width: 60px;
    min-width: 60px
}

.safe-oil-center .heading-info .info-value {
    text-align: right
}

.safe-more-oil-section .heading-info p {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0;
    color: #000
}

.modal-content .modal-header-popup {
    background-color: #c41425
}

.modal-content .modal-header-popup button,
h4 {
    color: #fff !important;
    opacity: 1
}

.safe-more-oil-section .heading-text {
    max-width: 175px;
    border-bottom: 3px solid #c41425
}

.safe-more-oil-section .heading-text h3 {
    font-size: 40px;
    font-weight: 600;
    width: 100%
}

.safe-more-oil-section .info-sec {
    width: 25%
}

.safe-more-oil-section .info-season-sec {
    width: 50%;
    padding: 10px 0 0 50px
}

.new-info-name {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 1.2
}

.safe-oil-center {
    display: flex;
    padding: 0;
    justify-content: center
}

.safe-oil-center .info-season-sec .text-content h3.h3-span {
    font-weight: 600;
    font-size: 40px;
    color: #c41425;
    line-height: 1.2;
    margin-bottom: 0;
    width: 110px
}

.safe-oil-center .info-season-sec .text-content h3 {
    font-weight: 600;
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 20px
}

.safe-oil-center .info-season-sec p span {
    color: #000;
    padding-left: 20px
}

.essential-sec {
    text-align: left;
    margin-left: 0
}

.heading-contents {
    max-width: 100%
}

.heading-contents p {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 0
}

.info-season-sec .text-content {
    display: flex;
    align-items: center
}

.store-product-sec .pagination {
    justify-content: center;
    display: flex
}

.pagination li a {
    border: none !important;
    color: #c0bebc !important;
    font-size: 32px;
    font-weight: 400;
    font-family: 'Bebas Neue Pro';
    line-height: 1 !important;
    margin-left: 0 !important
}

.page-link:hover {
    z-index: 2;
    color: #0a58ca !important;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.footer {
    padding: 25px 200px 35px;
    font-family: 'Bebas Neue Pro';
    border-top: 1px solid #000
}

.footer .footer-columns {
    align-items: center
}

.footer .connect-socialicon {
    max-width: 190px;
    text-align: center
}

.footer .connect-socialicon ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.footer .connect-socialicon ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.footer .connect-socialicon ul li {
    padding-right: 15px
}

.footer .connect-socialicon ul li:last-child {
    padding-right: 0
}

.footer .connect-socialicon ul li a {
    color: #d81c03;
    font-size: 25px
}

.footer .footer-logo {
    text-align: center
}

.footer .footer-logo img {
    max-width: 240px
}

.footer .detail-content {
    display: flex;
    justify-content: flex-end;
    position: relative
}

.footer .content-discription p {
    margin: 0 0 4px;
    line-height: 1;
    font-size: 27px;
    font-weight: 700;
    color: #000
}

.footer .content-discription {
    text-align: right;
    padding-right: 160px
}

.footer .content-discription p a {
    color: #d81c03
}

.footer .content-user img {
    max-width: 150px
}

.content-user {
    position: absolute;
    bottom: 0
}

.my-icon {
    position: relative
}

.wrap-pagination {
    flex-wrap: wrap
}

.setting-form .bg-frm {
    padding-top: 17px !important
}

.th-head-m td {
    text-align: center !important
}

.th-head-m th {
    text-align: center !important
}

.th-head-m td:nth-child(2) {
    width: 7.692%;
    width: auto !important;
    text-align: center !important
}

.th-head-m th:nth-child(2) {
    width: 7.692% !important;
    text-align: center !important
}

.th-head-m td.numeric img {
    width: 60px;
    height: 60px;
    margin-bottom: 5px
}

.numeric-modal-header {
    background-color: #c41425;
    color: #fff
}

.numeric-modal-header button {
    opacity: 1;
    color: #fff
}

.code-details h5 {
    text-align: center;
    font-weight: 600
}

.store-section .store-list ul li {
    cursor: pointer
}

.store-section .store-list ul li a:hover {
    color: #c0bebc !important
}

.store-section .store-list ul li a:target {
    color: #c0bebc !important
}

.two-column-bottom-buttons a:hover {
    background-color: #fff !important;
    color: #c41425 !important
}

.two-column-bottom-buttons button:hover {
    background-color: #fff !important;
    color: #c41425 !important
}

.two-column-bottom-buttons button:focus {
    outline: 0
}

.two-column-bottom-buttons button:active {
    outline: 0
}

.form-text select {
    padding: 10px;
    line-height: 1
}

.header .navbar {
    border-radius: 0
}

.new-upper-dsep-page-nation div p.page-recods b {
    font-weight: 800 !important
}

.new-upper-dsep-page-nation div p.page-recods b a {
    font-weight: 800 !important
}

div.setting-form .menu-secound-bar .frm-check-box .checkbox {
    margin: 5px 15px 5px 0 !important
}

.new-upper-dsep-page-nation {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.extra-index-uper-footer-pagenation {
    display: none
}

header .top-head .brand-logo {
    width: 231px;
    display: flex;
    justify-content: end
}

.new-shop-butn-list {
    display: flex;
    flex-wrap: wrap
}

.new-shop-butn-list li {
    width: 33% !important;
    margin-bottom: 20px
}

.new-shop-butn-list li p {
    font-weight: 800;
    font-size: 20px
}

.shop-content-select-btn {
    text-align: center
}

.shop-content-select-btn .heading-text h3 {
    font-size: 40px;
    font-weight: 600;
    width: 100%
}

.shop-content-select-btn .heading-text {
    border-bottom: 3px solid #c41425;
    display: inline-block;
    max-width: 105px;
    min-width: 105px
}

.note-sec .heading-text {
    border-bottom: 3px solid #c41425;
    max-width: 150px;
    min-width: 130px
}

.note-sec .heading-text h3 {
    font-size: 40px;
    font-weight: 600;
    width: 100%
}

.shop-content-select-btn p {
    font-size: 20px;
    color: #000;
    font-weight: 400
}

.new-shop-butn-list li a {
    font-size: 20px
}

.store-items .card .card-body .card-btn-icons .card-icons i.fa-star-half-alt path {
    stroke: #b4aead;
    stroke-width: 30px
}

header .mobile-view {
    display: none !important
}

header .web-view {
    display: flex !important
}

.filter-sec {
    display: block
}

.filter-sec .filter-content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.filter-content .searchbar .searching-field {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    border: 3px solid #c0bebc
}

.filter-content .searchbar .searching-field input {
    width: 90%;
    border: 0;
    outline: 0;
    padding: 0 25px;
    height: 40px;
    font-size: 24px;
    background: 0 0
}

.filter-content .searchbar .searching-field .btn {
    width: 10%;
    padding: 0;
    height: 40px;
    box-shadow: none
}

.filter-content .searchbar .searching-field .btn img {
    width: 100%;
    max-width: 26px
}

.filter-content .filter-btn {
    border-radius: 10px;
    border: 3px solid #c0bebc;
    color: #c0bebc;
    width: 100%
}

.filter-content .filter-btn i {
    color: #c0bebc
}

.new-inner-header {
    display: none
}

header.header {
    position: sticky;
    top: 0;
    z-index: 99
}

.ModalHeaderBg {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse
}

.modal-header .close {
    margin-top: 0 !important
}

.marg-top-up {
    margin-top: 0 !important
}

.modal-body .row {
    margin-left: 0 !important;
    margin-right: 0 !important
}

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

.account-columns {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.news-label {
    padding-top: 0 !important
}

.new-sing-btn {
    margin-left: 0 !important;
    margin-top: 0 !important
}

.input-group-sec {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.input-group-sec .reset-btn {
    margin-left: 5px;
    background-color: #c41425;
    color: #fff
}

.acont-heading {
    margin-left: 0 !important
}

.new-full-wrap-main {
    padding-bottom: 80px !important
}

.old-modal-title {
    color: #000 !important
}

.ignore-row {
    display: block !important
}

.porducat-popup .table-bordered>thead>tr>th {
    padding: 4px
}

.porducat-popup .table-bordered>tbody>tr>td {
    padding: 4px
}

.store-section {
    position: relative
}

.drop-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 88px;
    z-index: 9;
    left: 0;
    right: 0
}

.drop-down-header {
    background-color: #c41425;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 4px 6px;
    cursor: pointer
}

.drop-down-header span {
    color: #fff;
    margin-right: 5px
}

.drop-down-header i {
    font-size: 20px;
    color: #fff
}

.h4-modal-title {
    color: #000 !important
}

.store-items-section-container {
    max-width: 1770px;
    margin: auto
}

.store-list ul .searchbar .searching-field {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #fff;
    border-radius: 20px;
    border: 3px solid #000;
    font-family: Bebas
}

.store-list ul .searchbar .searching-field input {
    width: 90%;
    border: 0;
    outline: 0;
    padding: 0 25px;
    height: 45px;
    border-radius: 20px;
    font-size: 28px;
    font-family: 'Bebas Neue Pro'
}

.store-list ul .searchbar .searching-field input::placeholder {
    color: #c0bebc !important
}

.new-store-section .store-list ul li {
    padding: 0 15px !important
}

.new-searching-field input::placeholder {
    color: #000 !important
}

.store-list ul .searchbar .searching-field .btn {
    width: 10%;
    padding: 0;
    height: 45px;
    box-shadow: none
}

.store-list ul .searchbar .searching-field .btn img {
    width: 100%;
    max-width: 30px
}

.store-list ul .searchbar {
    width: 100%;
    max-width: 685px;
    margin: 0 20px
}

.left-index-sec {
    margin: 15px 18px 25px;
    font-family: 'Bebas Neue Pro'
}

.cutomer-review-sec .review-star {
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    line-height: 1
}

.cutomer-review-sec .review-star .star-text {
    padding-left: 10px !important
}

.star-text {
    padding-left: 10px !important
}

.star-text p {
    margin-bottom: 0;
    font-size: 26px;
    font-weight: 600
}

.star-text-review {
    display: flex;
    align-items: center
}

.cutomer-review-sec .review-star .star-text p {
    margin-bottom: 0;
    font-size: 26px;
    font-weight: 600
}

.cutomer-review-sec .review-star .star-sec i {
    font-size: 22px;
    color: #ffe184
}

.cutomer-review-sec h3 {
    font-size: 32px;
    font-weight: 600;
    color: #000
}

.cutomer-review-sec {
    padding: 0 0 15px
}

.check-review .checkbox {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-top: 0
}

.check-review .checkbox label {
    font-size: 26px;
    font-weight: 400;
    padding-left: 40px;
    color: #000
}

.check-review .checkbox label:hover {
    color: #c41425
}

.checkbox input[type=checkbox] {
    margin-top: 0 !important
}

.new-check-review-box .checkbox label {
    padding-left: 20px
}

.check-review .checkbox input {
    margin-left: 0 !important;
    height: 20px;
    width: 20px;
    margin-top: 0;
    cursor: pointer
}

.price-btn-sec .price-btns .pr-btn {
    color: #000;
    padding: 6px 10px;
    border: 1px solid #000;
    border-radius: 5px;
    font-size: 22px;
    cursor: pointer;
    width: 85px
}

.price-btn-sec .price-btns .pr-btn::placeholder {
    color: #000;
    opacity: 1 !important
}

.price-btn-sec .price-btns .pr-btn:hover {
    border-color: #c41425;
    box-shadow: rgb(0 0 0 / 10%) 0 4px 6px -1px, rgb(0 0 0 / 6%) 0 2px 4px -1px
}

.price-btn-sec .price-btns .pr-btn::placeholder {
    color: #000
}

.price-btn-sec .price-btns .pr-btn:nth-child(2) {
    margin-left: 5px
}

.price-item p {
    font-size: 26px;
    margin-bottom: 0;
    color: #000
}

.price-btn-sec .go-btn {
    font-size: 20px;
    color: #000;
    padding: 10px 15px;
    margin-left: 10px;
    border-radius: 8px;
    box-shadow: rgb(60 64 67 / 30%) 0 1px 2px 0, rgb(60 64 67 / 15%) 0 2px 6px 2px;
    line-height: 1;
    cursor: pointer;
    border: none;
    background-color: #fff
}

.price-btn-sec .go-btn:hover {
    background-color: #c41425;
    color: #fff
}

.new-price-btn-sec .go-btn {
    color: #fff !important;
    background-color: #c41425 !important
}

.customer-web-view .new-price-btn-sec .go-btn {
    color: #fff !important;
    background-color: #c41425 !important;
    width: 95%;
    text-align: center;
    border: 1px solid #c41425
}

.customer-web-view .new-price-btn-sec .go-btn:hover {
    color: #c41425 !important;
    background-color: #fff !important;
    border: 1px solid #c41425
}

.customer-web-view .cutomer-review-sec .reset-h3 {
    display: none
}

.price-btn-sec {
    display: flex;
    align-items: center;
    margin-top: 10px;
    flex-wrap: wrap
}

.new-price-btn-sec {
    margin-top: 20px
}

.new-check-review .checkbox label {
    font-size: 26px !important;
    font-weight: 500 !important
}

.flash-btn-sec {
    display: flex;
    align-items: center;
    margin-top: 10px;
    flex-wrap: wrap
}

.flash-review .flash-btn-sec input {
    height: 40px;
    width: 150px;
    line-height: 1.42857143;
    background-color: #fff;
    padding: 6px;
    border: 1px solid #000;
    color: #000;
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 22px;
    cursor: pointer
}

.flash-review .flash-btn-sec input:hover {
    border-color: #c41425;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 6px -1px, rgba(0, 0, 0, .06) 0 2px 4px -1px
}

.flash-review .flash-btn-sec input::placeholder {
    color: #000
}

.flash-review .flash-btn-sec .go-btn {
    font-size: 20px;
    color: #000;
    padding: 10px 15px;
    margin-left: 10px;
    border-radius: 8px;
    box-shadow: rgb(60 64 67 / 30%) 0 1px 2px 0, rgb(60 64 67 / 15%) 0 2px 6px 2px;
    line-height: 1;
    cursor: pointer;
    background-color: #fff;
    border: none
}

.flash-review .flash-btn-sec .go-btn:hover {
    background-color: #c41425;
    color: #fff
}

.order-review select {
    height: 40px;
    width: 150px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 22px;
    cursor: pointer
}

.order-review select:hover {
    border-color: #c41425;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 6px -1px, rgba(0, 0, 0, .06) 0 2px 4px -1px
}

.customer-web-view {
    display: block;
    padding-right: 0 !important
}

.customer-mobile-view {
    display: none
}

.store-section .store-list ul li a:active {
    color: #c0bebc
}

.store-section .store-list ul li a:target {
    color: #c0bebc
}

.store-section .store-list ul li a:focus {
    color: #c0bebc
}

.customer-web-view .left-index-sec .cutomer-review-sec .price-item .price-btn-sec .price-btns {
    display: flex
}

.filter-btn.active.focus,
.filter-btn.active:focus,
.filter-btn.focus,
.filter-btn:active.focus,
.filter-btn:active:focus,
.filter-btn:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
    box-shadow: none !important
}

.filter-btn:focus,
.filter-btn:hover {
    color: #c0bebc !important
}

.filter-btn {
    color: #c0bebc
}

.productions-btns-sec {
    display: flex;
    align-items: center;
    justify-content: center
}

.productions-btn {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 80%;
    margin-top: 30px
}

.b-btn {
    width: 100% !important
}

.customer-web-view {
    position: sticky !important;
    top: 165px;
    max-height: 76vh;
    overflow-y: auto
}

#customer-web-view-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5
}

#customer-web-view-scroll::-webkit-scrollbar {
    width: 8px;
    background-color: #f5f5f5
}

#customer-web-view-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #c41425
}

input[type=radio] {
    accent-color: #c41425
}

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

.new-inner-ship-box thead {
    display: revert !important
}

.new-inner-ship-box thead tr {
    display: revert !important
}

.new-inner-ship-box thead tr th {
    display: revert !important
}

.new-inner-ship-box tbody {
    display: revert !important
}

.new-inner-ship-box tbody tr {
    display: revert !important
}

.new-inner-ship-box tbody tr td {
    display: revert !important
}

.contactform.inqry-form h3.contact_head {
    font-weight: 600 !important
}

.new-numeric-modal-header h5 {
    width: 80px
}

.new-numeric-modal-header h5:nth-child(2) {
    text-align: center !important
}

.new-numeric-modal-header button {
    width: 80px;
    text-align: end
}

.footer .connect-socialicon ul li a:hover {
    color: #928e8b
}

.footer .content-discription p a:hover {
    color: #928e8b
}

.footer .footer-logo img {
    transition: transform .5s
}

.footer .footer-logo img:hover {
    transform: scale(1.02) perspective(0)
}

.header .searchbar .inpt-btn-search {
    transition: transform .5s
}

.header .searchbar .inpt-btn-search:hover {
    transform: scale(1.01) perspective(0);
    box-shadow: rgb(0 0 0 / 10%) 0 4px 6px -1px, rgb(0 0 0 / 6%) 0 2px 4px -1px
}

.store-list ul .searchbar .searching-field {
    transition: transform .5s
}

.store-list ul .searchbar .searching-field:hover {
    transform: scale(1.01) perspective(0);
    box-shadow: rgb(0 0 0 / 10%) 0 4px 6px -1px, rgb(0 0 0 / 6%) 0 2px 4px -1px
}

.filter-content .searchbar .searching-field {
    transition: transform .5s
}

.filter-content .searchbar .searching-field:hover {
    transform: scale(1.01) perspective(0);
    box-shadow: rgb(0 0 0 / 10%) 0 4px 6px -1px, rgb(0 0 0 / 6%) 0 2px 4px -1px
}

.modal-header .close:hover {
    color: #928e8b !important
}

.modal-header .close:focus {
    color: #928e8b !important
}

.modal-header .close i {
    font-size: 16px
}

.store-items-section .store-items.production-sample {
    justify-content: center
}
.column-3 button.btn.btn-default.btn-xs.butn-style:hover {
    background: #c41425 !important;
    border-color: #c41425 !important;
    color: #fff;
}

.new-shop-screens p {
    font-size: 18px;
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 600px
    }
}

@media (min-width:1500px) {
    .new-discalimer-section .container {
        width: 1480px
    }

    .new-produc-details-section .container {
        width: 1480px
    }

    .shop-product-section .container {
        width: 1480px
    }

    .new-safe-more-oil-section .container {
        width: 1480px
    }
}

@media (min-width:1800px) {
    .new-discalimer-section .container {
        width: 1740px
    }

    .new-produc-details-section .container {
        width: 1740px
    }

    .shop-product-section .container {
        width: 1740px
    }

    .new-safe-more-oil-section .container {
        width: 1740px
    }
}

@media (max-width:1920px) {
    .store-section .store-list ul li {
        padding: 0 40px
    }

    .store-list ul .searchbar {
        max-width: 530px
    }

    .store-section .store-list ul a {
        font-size: 28px
    }
}

@media (max-width:1820px) {
    .store-section .store-list ul a {
        font-size: 24px
    }

    .store-items .card {
        width: 25.8rem
    }

    .store-items.production-sample .card {
        width: 29rem
    }
}

@media (max-width:1620px) {
    .store-section .store-list ul li {
        padding: 0 40px
    }

    .store-list ul .searchbar {
        max-width: 500px
    }

    .store-items .card {
        width: 23.8rem
    }

    .store-items.production-sample .card {
        width: 25rem
    }
}

@media (max-width:1520px) {
    .store-section .store-list ul li {
        padding: 0 30px
    }

    .safe-oil-center {
        justify-content: space-around
    }

    .safe-more-oil-section .info-sec {
        width: 30%;
        margin-left: 20px
    }

    .safe-more-oil-section .info-season-sec {
        padding: 0;
        width: 55%
    }

    .detail-rows {
        justify-content: space-between
    }

    .detail-rows::before {
        display: none !important
    }

    .detail-rows::after {
        display: none !important
    }

    .detail-rows .two-column-bottom-buttons {
        padding: 0
    }

    .store-list ul .searchbar {
        max-width: 480px
    }

    .store-section .store-list ul a {
        font-size: 22px
    }

    .new-store-section .store-list ul li {
        padding: 0 10px !important
    }

    .left-index-sec {
        margin: 15px 0 25px 10px
    }

    .store-items .card {
        width: 21.8rem
    }
}

@media (max-width:1380px) {
    .store-section .store-list ul a {
        font-size: 24px
    }

    .drop-sec {
        top: 77px
    }

    .store-list ul .searchbar {
        max-width: 373px
    }

    .store-list ul .searchbar {
        margin: 0
    }

    .store-items .card {
        width: 19.2rem
    }

    .store-items.production-sample .card {
        width: 23.6rem
    }

    .check-review .checkbox label {
        font-size: 23px !important
    }

    .price-item p {
        font-size: 23px
    }

    .price-btn-sec {
        flex-direction: column
    }

    .flash-btn-sec {
        flex-direction: column
    }

    .price-btn-sec .go-btn {
        width: 95%;
        margin-top: 10px;
        margin-left: 0;
        margin-right: auto
    }

    .flash-review .flash-btn-sec .go-btn {
        width: 95%;
        margin-top: 10px;
        margin-left: 0;
        margin-right: auto
    }

    .flash-review .flash-btn-sec input {
        width: 95%;
        margin-right: auto
    }

    .order-review select {
        width: 95%;
        margin-right: auto
    }

    .price-btn-sec .price-btns .pr-btn {
        width: 46%
    }
}

@media (max-width:1250px) {
    .left-index-sec {
        margin: 15px 0 25px 0
    }

    .store-items .card {
        width: 16.8rem
    }

    .store-items .card .card-body .btn {
        padding: 10px 15px
    }
}

@media (max-width:1200px) {
    .new-inner-header {
        flex-direction: column
    }

    .produc-details-section .two-column-content h2 {
        font-size: 40px
    }

    .produc-details-section .two-column-content .two-column-top-content {
        flex-direction: column;
        align-items: flex-start
    }

    .produc-details-section .two-column-content .two-column-top-content .code-details {
        padding-right: 0;
        max-width: 100%
    }

    .two-column-bottom-buttons {
        padding: 0
    }

    .two-column-bottom-buttons a {
        font-size: 22px
    }

    .two-column-bottom-buttons button {
        font-size: 22px
    }

    .two-column-center-content {
        padding-right: 0
    }

    .produc-details-section .two-column-img img {
        height: 425px
    }

    .safe-oil-center .info-season-sec .text-content h3 {
        font-size: 38px
    }

    .safe-oil-center .info-season-sec .text-content h3.h3-span {
        font-size: 38px
    }

    .safe-more-oil-section .heading-text h3 {
        font-size: 38px
    }

    .store-section .store-list ul a {
        font-size: 22px !important
    }

    .produc-details-section .two-column-content .two-column-top-content .code-details .code-number {
        position: absolute;
        top: 19px;
        left: 140px
    }

    .produc-details-section .two-column-content .two-column-top-content .code-details h4 {
        padding-left: 0
    }

    .two-column-bottom-content .two-column-bottom-content-icons .get-rating .jq-star {
        width: 30px !important
    }

    .check-review .checkbox label {
        font-size: 21px !important
    }

    .price-item p {
        font-size: 21px
    }
}

@media (max-width:1220px) {
    .store-list ul .searchbar {
        max-width: 313px
    }

    .header .navbar {
        padding: 5px 60px
    }

    .header .navbar ul li {
        padding: 0 10px
    }

    .store-section .store-list ul a {
        font-size: 24px
    }

    .store-section .store-list ul li {
        padding: 0 15px
    }

    .container.main-banner {
        padding: 0
    }

    .footer {
        padding: 25px 35px 35px
    }

    .container.main-banner {
        padding-top: 0 !important
    }

    .invoice-banner {
        padding-top: 20px !important
    }

    .videos-box-inner {
        height: 240px
    }
}

@media (max-width:1150px) {
    .store-items .card {
        width: 15.8rem
    }

    .store-items.production-sample .card {
        width: 21rem
    }

    .store-items .card .card-body .btn {
        padding: 10px
    }

    .price-btn-sec .price-btns .pr-btn {
        width: 95%;
        margin-right: auto !important
    }

    .price-btn-sec .price-btns .pr-btn:nth-child(2) {
        margin-top: 10px !important;
        margin-right: auto !important;
        margin-left: 0 !important
    }

    .customer-web-view .left-index-sec .cutomer-review-sec .price-item .price-btn-sec .price-btns {
        flex-direction: column
    }
}

@media (max-width:1110px) {
    .header .navbar ul {
        flex-wrap: wrap
    }

    .store-section .store-list ul {
        flex-wrap: wrap
    }

    .menu-secound-bar .frm-check-box {
        flex-wrap: wrap
    }

    .footer-columns {
        flex-wrap: wrap
    }

    .header .top-head {
        padding: 10px 60px
    }

    .store-items .card {
        margin: 15px 10px 25px
    }

    .check-review .checkbox label {
        font-size: 20px;
        padding-left: 25px
    }

    .cutomer-review-sec h3 {
        font-size: 28px
    }

    .check-review .checkbox label {
        font-size: 20px !important
    }
}

@media (max-width:992px) {
    table tbody .th-head-m {
        height: 118px;
        overflow-y: auto;
        padding: 10px 15px
    }

    #no-more-tables table.new-table-condensed tbody .th-head-m td{
        display: table-cell;
    }

    table.new-table-condensed tbody .th-head-m td {
        display: flex;
        flex-direction: column;
        align-items: end
    }

    .m-table,
    .m-table tbody,
    .m-table td,
    .m-table th,
    .m-table thead,
    .m-table tr {
        display: revert !important
    }

    .m-table thead tr {
        position: revert !important
    }

    .m-table tbody td {
        padding-left: 0 !important;
        text-align: center !important
    }

    .m-table tbody tr td::before {
        display: none !important
    }

    .new-table-condensed tbody tr td::before {
        color: #000 !important;
        width: 85% !important;
        text-align: center !important
    }

    .store-items-section .store-items {
        justify-content: center;
        margin-left: 0;
        margin-top: 10px
    }

    .produc-details-section .two-column-img {
        max-width: 100% !important
    }

    .productions-btn {
        justify-content: space-between;
        width: 100%;
        margin-top: 0
    }

    .new-account-section {
        padding: 0 0 60px !important
    }

    .store-items .card {
        width: 23.8rem;
        margin: 15px 18px 25px
    }

    .store-items.production-sample .card {
        width: 23.8rem
    }

    .store-items .card .card-body .btn {
        padding: 10px 20px
    }

    .flash-btn-sec {
        align-items: end
    }

    .flash-review .flash-btn-sec .go-btn {
        margin-right: 0
    }

    .order-review select {
        width: 100%
    }

    .flash-review .flash-btn-sec input {
        width: 100%
    }

    .price-btn-sec .price-btns .pr-btn {
        width: 100%
    }

    .new-price-btn-sec {
        margin-top: 0
    }

    .filter-sec .filter-content .col-sm-9 {
        padding: 0
    }

    .filter-sec .filter-content .col-sm-3 {
        padding-left: 10px;
        padding-right: 0
    }

    .new-inner-ship-box thead tr {
        position: inherit !important
    }

    .new-inner-ship-box tbody tr td {
        text-align: center !important
    }

    .new-inner-ship-box tbody tr td select {
        width: 100% !important
    }

    .videos-box-inner {
        height: 180px
    }
}

@media (max-width:991px) {
    .new-heading-cart-table {
        display: block !important
    }
    
    .new-inner-ship-box tbody tr td select {
        min-width: 80px;
        min-height: 30px;
    }

    .new-heading-cart-table p.text-center {
        text-align: center !important
    }

    .change-address-btn {
        padding: 0 !important
    }

    .change-address-btn {
        margin: 0 !important
    }

    .new-inner-ship-box {
        overflow-x: auto
    }

    .new-headr-oder-pro {
        display: flex
    }

    .new-cart-box {
        display: flex;
        overflow: initial
    }

    .responsive-new-cart-box {
        display: block !important
    }

    p.text-center {
        text-align: right !important
    }

    .b-btn {
        margin-bottom: 10px;
        width: 100%
    }

    .new-c-order-search {
        display: block
    }

    .header .account-list ul li a {
        margin-bottom: 0 !important
    }

    .produc-details-section .two-column-img img {
        height: auto
    }

    .left-index-sec {
        display: none
    }

    .check-review .checkbox {
        margin-top: 0 !important
    }

    .header .navbar {
        padding: 5px 15px
    }

    .header .navbar ul li {
        padding: 0 5px
    }

    .header .navbar ul li a {
        font-size: 26px
    }

    .store-section .store-list {
        padding: 15px 0
    }

    .footer .content-discription p {
        font-size: 20px
    }

    .footer .content-user img {
        max-width: 110px
    }

    .footer .footer-logo img {
        max-width: 150px
    }

    .header .top-head {
        padding: 10px 30px
    }

    .header .navbar {
        padding: 5px 60px
    }

    .produc-details-section .two-column-content .two-column-top-content .code-details i {
        padding-left: 20px
    }

    .safe-oil-center {
        justify-content: space-between
    }

    .safe-more-oil-section .info-season-sec {
        width: auto;
        padding: 10px 0 0 10px
    }

    .safe-more-oil-section .info-sec {
        width: 50%
    }

    .safe-more-oil-section .info-sec {
        margin-left: 0
    }

    #no-more-tables .new-table-condensed tbody tr{
        display: table-row !important;
    }

    .new-table-condensed tbody tr {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        height: auto;
        padding: 5px
    }

    .new-table-condensed tbody tr td {
        padding: 5px !important;
        align-items: center;
        width: auto
    }

    .new-table-condensed tbody tr td::before {
        color: #337ab7;
        font-size: 12px;
        left: 12px !important
    }

    .new-table-condensed tbody tr .new-numeric::before {
        color: #000 !important
    }

    /* .new-table-condensed tbody tr td img {
        margin-top: 25px
    } */

    .new-modal-body {
        height: 205px !important
    }

    .account-section {
        padding: 0 0 80px
    }

    .account-columns .account-rightside {
        border-left: none
    }

    .account-content h3 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .drop-sec {
        top: 92px
    }

    .customer-web-view {
        display: none
    }

    .customer-mobile-view {
        display: block
    }

    .mobile-cutomer-review-sec {
        display: flex
    }

    .mobile-price-btns {
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        align-items: end
    }

    .mobile-price-btns input,
    a {
        margin-bottom: 8px
    }

    .mobile-price-btn-sec {
        align-items: flex-start;
        margin-top: 5px;
        width: 50%
    }

    .store-list ul .searchbar {
        display: none
    }

    .mobile-container {
        max-width: 910px;
        margin: auto
    }

    .mobil-filter-sec {
        border: 10px solid #c41425;
        border-radius: 25px;
        padding: 20px 30px
    }

    .cutomer-review-sec h3 {
        font-size: 26px
    }

    .reset-h3 {
        display: none
    }

    .check-review .checkbox label {
        font-size: 18px
    }

    .price-item p {
        font-size: 20px
    }

    .new-check-review .checkbox label {
        font-size: 20px !important
    }

    .mobile-cutomer-review-sec {
        justify-content: space-between
    }

    .flash-review .flash-btn-sec .go-btn {
        margin-left: 0;
        width: auto
    }

    .price-btn-sec .price-btns .pr-btn {
        font-size: 20px
    }

    .mobile-check-review {
        margin-top: 59px
    }

    .check-review .checkbox {
        padding-left: 0
    }

    .customer-web-store {
        width: 100% !important
    }

    .check-review .checkbox label {
        font-size: 21px
    }

    .new-price-btn-sec .go-btn {
        width: 100% !important;
        text-align: center
    }

    .price-btn-sec .go-btn {
        width: auto;
        margin-right: 0
    }
}

@media (max-width:768px) {
    .store-items .card {
        width: 27.8rem
    }

    .store-items.production-sample .card {
        width: 27.8rem
    }

    .header .navbar {
        padding: 5px 35px
    }

    .store-items .card .card-img-top {
        max-width: 100%
    }

    .mobil-filter-sec {
        border: 7px solid #c41425
    }

    footer .footer-columns {
        flex-direction: column-reverse
    }

    .footer .detail-content {
        justify-content: space-between
    }

    .content-user {
        right: 0
    }

    .footer .content-discription {
        padding-right: 0
    }

    .footer .connect-socialicon {
        margin: auto
    }

    table.new-inner-ship-box {
        display: block;
        max-width: 650px;
        width: 650px
    }

    .videos-box-inner {
        height: auto
    }
}

@media (max-width:767px) {
    .new-heading-cart-table {
        width: 100px !important;
        min-width: 100px !important
    }
    #exampleModal .custom-modal-width {
        width: 90% !important;
    }
    .new-heading-cart-table:nth-child(2) {
        width: 150px !important;
        min-width: 150px !important
    }

    .change-address-btn {
        padding: 0 15px !important
    }

    .txt {
        text-align: right !important
    }

    p.txt {
        text-align: right !important
    }

    header .mobile-view {
        display: flex !important
    }

    header .web-view {
        display: none !important
    }

    .header .navbar {
        padding: 5px 10px;
        margin-bottom: 0;
        box-shadow: none
    }

    .store-section {
        margin-top: 15px
    }

    .store-section .store-list {
        margin-top: 0;
        display: none
    }

    .header .searchbar {
        position: absolute;
        top: 85px;
        left: 0;
        width: 100%;
        right: 0;
        margin: 0
    }

    header .top-head .brand-logo {
        justify-content: flex-start;
        width: auto
    }

    .header .top-head {
        position: relative;
        padding: 5px 60px 75px;
        align-items: flex-end;
        box-shadow: rgb(0 0 0 / 23%) 0 8px 14px;
        z-index: 9
    }

    .store-section .store-list ul li {
        padding: 0 10px
    }

    .store-section .store-list ul a {
        font-size: 18px
    }

    .header .searchbar .searching-field {
        width: 85%;
        margin: auto;
        border-radius: 10px
    }

    .header .account-list ul li {
        margin-left: 0
    }

    .footer .connect-socialicon {
        max-width: max-content
    }

    .footer .content-user img {
        max-width: 115px
    }

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

    .header .account-list ul span img {
        max-width: 55px
    }

    .header .account-list ul li .account {
        font-size: 20px;
        display: none
    }

    .header .searchbar .searching-field .inpt-btn-search input {
        height: 40px;
        padding-bottom: 7px
    }

    .header .searchbar .searching-field .inpt-btn-search input::placeholder {
        color: #c0bebc
    }

    .filter-content .searchbar .searching-field input::placeholder {
        color: #c0bebc
    }

    .header .searchbar .searching-field .inpt-btn-search .btn {
        height: 30px
    }

    .modal-dialog {
        margin: 30px auto !important;
        max-width: 600px !important;
        width: 90%;
    }

    .modal.show .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 16px;
    }

    .code-details h5 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .modal-title {
        text-align: left !important
    }

    .new-discalimer-section {
        padding-top: 10px
    }

    .discalimer-section .disclaimer-text {
        padding: 0 10px
    }

    .new-shop-butn-list li a {
        font-size: 14px
    }

    .drop-sec {
        top: -14px;
        z-index: 99
    }

    .drop-down-header {
        background-color: #928e8b;
        padding: 4px 6px 2px;
        position: fixed
    }

    .filter-sec {
        display: block
    }

    .filter-sec .filter-content {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .filter-content .searchbar .searching-field {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        background: #fff;
        border-radius: 10px;
        border: 3px solid #c0bebc
    }

    .filter-content .searchbar .searching-field input {
        width: 90%;
        border: 0;
        outline: 0;
        padding: 0 25px;
        height: 40px;
        font-size: 24px;
        background: 0 0
    }

    .filter-content .searchbar .searching-field .btn {
        width: 10%;
        padding: 0;
        height: 40px;
        box-shadow: none
    }

    .filter-content .searchbar .searching-field .btn img {
        width: 100%;
        max-width: 26px
    }

    .filter-content .filter-btn {
        border-radius: 10px;
        border: 3px solid #c0bebc;
        color: #c0bebc
    }

    .filter-content .filter-btn i {
        color: #c0bebc
    }

    .store-items .card .card-body .card-text {
        font-size: 31px
    }

    .account-content h3 {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .sing-btn {
        font-size: 14px !important
    }

    .pag-form-btns {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .total-cart {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .mobil-filter-sec {
        padding: 20px 10px
    }

    .left-index-sec .row .col-lg-4:nth-child(odd) {
        width: 50%
    }

    .mobile-check-review {
        margin-top: 39px
    }

    .cutomer-review-sec h3 {
        margin-top: 0
    }
}

@media (max-width:680px) {
    .store-items .card {
        width: 22.8rem
    }

    .store-items.production-sample .card {
        width: 22.8rem
    }
}
@media (max-width: 641px) {
    section.full-wrap-main {
        min-height: calc(100vh - 435px);
    }
}
@media (max-width:576px) {
    .mobile-check-review {
        margin-top: 0
    }
    .code-details h5 {
        font-size: 16px;
    }
    .filter-content .row div .searchbar {
        margin-bottom: 10px
    }

    .cutomer-review-sec .review-star {
        padding-bottom: 10px
    }

    .mobile-price-btn-sec {
        align-items: flex-end
    }

    .new-shop-screens button.red-btn, .new-shop-screens button.black-btn {
        box-shadow: 0px 0px 10px 0px #00000026 !important;
    }
}

@media (max-width:570px) {
    .store-items .card {
        width: 18.8rem
    }

    .store-items.production-sample .card {
        width: 18.8rem
    }

    .store-items .card .card-body .card-text {
        font-size: 26px
    }

    .desp-main .desp-text {
        text-align: left !important
    }

    .left-index-sec .row .col-lg-4:nth-child(odd) {
        width: 100%
    }

    .mobil-filter-sec {
        border: 4px solid #c41425;
        padding: 5px;
        border-radius: 15px
    }

    .col-xs-6 {
        width: 100% !important
    }

    .mobile-cutomer-review-sec {
        flex-wrap: wrap
    }

    .mobile-price-btn-sec {
        width: 100%
    }

    .mobile-price-btns {
        margin-top: 0;
        width: 100%
    }
    .billing-screen.new-shop-screens .form-group .form-buttons {
        justify-content: center;
    }
}

@media (max-width:500px) {
    .filter-content .searchbar .searching-field input {
        font-size: 14px;
        height: 35px;
        padding-bottom: 0
    }

    .filter-content .searchbar .searching-field .btn img {
        max-width: 22px
    }

    .filter-content .searchbar .searching-field .btn {
        height: 35px
    }

    .pagination>li>a,
    .pagination>li>span {
        padding: 6px !important;
        font-size: 25px
    }

    .header .searchbar .searching-field .inpt-btn-search .btn img {
        max-width: 22px
    }

    .header .searchbar .searching-field .inpt-btn-search input::placeholder {
        font-size: 22px
    }

    .header .searchbar .searching-field .inpt-btn-search input {
        padding: 0 17px;
        padding-bottom: 6px
    }

    .produc-details-section .two-column-content h2 {
        font-size: 35px
    }

    .produc-details-section .two-column-content .two-column-top-content h3 {
        font-size: 32px
    }

    .produc-details-section .two-column-content .two-column-top-content .code-details h4 {
        font-size: 28px;
        padding-left: 0
    }

    .produc-details-section .two-column-content .two-column-top-content .code-details i {
        padding-left: 4px
    }

    .safe-oil-center {
        flex-direction: column
    }

    .safe-more-oil-section .info-sec {
        width: 100%
    }

    .safe-more-oil-section .info-season-sec {
        width: 100%;
        padding: 10px 0 0 0
    }

    .safe-more-oil-section .heading-info p {
        font-size: 20px
    }

    .produc-details-section .two-column-content .two-column-top-content .code-details i {
        font-size: 35px
    }

    .header .navbar ul li a {
        font-size: 19px;
        padding: 3px
    }

    .new-info-name {
        font-size: 24px
    }

    .header .top-head {
        position: relative;
        padding: 5px 40px 75px
    }

    .store-items .card {
        width: 15.3rem
    }

    .store-items.production-sample .card {
        width: 15.3rem
    }

    .store-items .card .card-body .card-text {
        font-size: 22px
    }

    .store-items .card .card-body .btn {
        border-radius: 10px;
        font-size: 18px;
        padding: 7px 11px
    }

    .store-items .card .card-img-top {
        height: auto
    }

    .store-items-section {
        padding: 0 0 50px
    }

    .account-content h3 {
        font-size: 25px
    }

    .account-btn {
        font-size: 14px;
        padding: 5px
    }

    .total-cart {
        flex-direction: column
    }

    .Order-Total {
        width: 100%;
        text-align: center;
        display: block;
        margin-top: 10px
    }

    .filter-content .row div {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .two-column-bottom-content .two-column-bottom-content-icons .get-rating .jq-star {
        width: 30px !important;
        height: auto !important
    }

    .last-col {
        width: 100% !important
    }
}

@media (max-width:425px) {
    .header .account-list ul span img {
        max-width: 35px
    }

    .cart-deatils.text-left span a {
        width: 75%;
        display: block;
        margin-left: auto
    }

    .header .searchbar {
        top: 63px
    }

    .header .top-head {
        position: relative;
        padding: 5px 40px 62px
    }

    .footer .content-user img {
        max-width: 100px
    }

    .two-column-center-content p {
        font-size: 30px
    }
    .new-shop-screens .form-horizontal .form-group {
        margin-left: -10px !important;
        margin-right: -10px !important;
        margin-bottom: 1rem !important;
    }
    .two-column-bottom-content p {
        font-size: 30px
    }

    .header .account-list ul li {
        margin-left: 0
    }

    .header .top-head .brand-logo img {
        max-width: 100px
    }

    .two-column-bottom-content i {
        font-size: 20px
    }

    .safe-more-oil-section .heading-text h3 {
        font-size: 35px
    }

    .safe-oil-center .info-season-sec .text-content h3.h3-span {
        font-size: 35px
    }

    .safe-oil-center .info-season-sec .text-content h3 {
        font-size: 35px
    }

    .note-sec .heading-text h3 {
        font-size: 35px
    }

    .shop-content-select-btn .heading-text h3 {
        font-size: 35px
    }

    .filter-content .filter-btn {
        padding: 3px
    }

    .filter-content .searchbar .searching-field input {
        padding: 0 0 0 2px
    }

    .store-items .card {
        margin: 8px;
        width: 14.8rem
    }

    .store-items.production-sample .card {
        width: 14.8rem
    }

    .store-items .card .card-body .card-btn-icons .card-icons i {
        font-size: 22px
    }

    .store-items .card .card-body .btn {
        font-size: 16px;
        padding: 6px 6px
    }

    .store-items .card .card-body .card-btn-icons .card-icons span {
        font-size: 20px
    }

    .store-product-sec .pagination {
        margin: 10px 0
    }

    .account-content h3 {
        font-size: 22px
    }

    .pag-form-btns div {
        padding: 0 10px !important
    }

    .logout-button a {
        margin-top: 4px !important
    }

    .promo-cart.re-set-total .cart-buttons-row {
        flex-direction: column;
        width: 100% !important;
        margin-bottom: 10px
    }

    .form-horizontal .form-group {
        margin: 0 !important;
        padding: 0 !important
    }

    /* .form-horizontal .form-group div input {
        padding: 6px 3px !important;
        font-size: 12px !important
    } */

    .promo-cart.re-set-total .discount-content {
        text-align: center !important
    }

    .drop-down-header span {
        font-size: 12px
    }

    .drop-down-header i {
        font-size: 14px
    }

    .filter-content .col-md-10 {
        padding: 1px
    }

    .filter-content .col-md-2 {
        padding: 1px
    }

    .filter-content .searchbar .searching-field .btn {
        width: 13%
    }

    #no-more-tables {
        overflow-x: auto
    }

    section.full-wrap-main {
        padding: 30px 16px
    }
}

@media (max-width:375px) {
    .two-column-bottom-content i {
        font-size: 16px
    }

    .pn-btns a {
        font-size: 11px !important
    }

    .safe-oil-center .info-season-sec .text-content h3 {
        font-size: 30px
    }

    .safe-oil-center .info-season-sec .text-content h3.h3-span {
        font-size: 30px
    }

    .filter-content .searchbar .searching-field {
        width: 95%
    }

    .store-items .card {
        width: 11.8rem
    }

    .store-items.production-sample .card {
        width: 11.8rem
    }

    .two-column-bottom-content .two-column-bottom-content-icons .get-rating .jq-star {
        width: 26px !important
    }

    .two-column-bottom-content p {
        font-size: 22px
    }

    .produc-details-section .two-column-content h2 {
        font-size: 30px;
        max-width: 95%
    }

    .filter-sec .filter-content .col-sm-3 {
        padding-left: 0
    }

    .new-upper-dsep-page-nation div p.page-recods b {
        font-size: 10px
    }
}

.fa-star,
.fa-star-o {
    color: orange;
    cursor: pointer
}

#loader {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px 50px;
    border-radius: 10px;
    z-index: 9999;
    color: #c41425;
    box-shadow: rgb(100 100 111 / 20%) 0 7px 29px 0
}

#loader i {
    font-size: 80px;
    margin-right: 10px
}

#loader p {
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600
}

.page-index {
    font-size: 12px;
    color: #000;
    padding-left: 5px;
    font-weight: 300
}

#next-btn:hover {
    cursor: pointer
}

#prev-btn:hover {
    cursor: pointer
}

.row::after,
.row::before {
    display: none !important
}

.category-dropdown {
    position: relative
}

.category-dropdown i {
    position: absolute;
    top: 11px;
    right: 22px;
    color: #555
}

.back-butn {
    background-image: url(images/back.png) !important
}

.recomend-table .fist-tr-m td:nth-child(2),
.recomend-table .th-head-m th:nth-child(2) {
    text-align: left;
    width: 16.692% !important
}

.reorder-th {
    word-break: break-word
}

@media (max-width:1200px) and (min-width:992px) {
    .new-order-pro {
        width: 1200px;
        overflow: auto
    }
}

.sample-table {
    overflow: auto
}

.sample-table table tbody tr {
    white-space: nowrap
}

.sample-table table tbody td {
    white-space: nowrap
}

.signin-btn {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
}

.signin-btn button {
    margin-top: 0 !important
}

.or-container {
    align-items: center;
    color: #ccc;
    display: flex;
    margin: 8px 0
}

.or-container .line-separator {
    background-color: #ccc;
    flex-grow: 5;
    height: 1px
}

.or-container .or-label {
    flex-grow: 1;
    margin: 0 15px;
    text-align: center
}

.icons-center {
    text-align: center
}

.icons-center .icons-wrap {
    display: block
}

.icons-center .icons-wrap .social-icons {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 20px;
    justify-content: center
}

.icons-center .icons-wrap .social-icons a.social-icon {
    margin: .5rem;
    border: 1px solid;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #f8f9fa;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    cursor: pointer
}

.icons-center .icons-wrap .social-icons a.social-icon i {
    font-size: 20px
}

.icons-center .icons-wrap .social-icons a.social-icon i.google {
    color: transparent !important;
    background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
    -webkit-background-clip: text;
    background-clip: text
}

.icons-center .icons-wrap .social-icons a.social-icon:hover {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.cm-note {
    word-break: break-all
}

@media (max-width:500px) {
    .icons-center .icons-wrap .social-icons a.social-icon {
        width: 35px;
        height: 35px
    }

    .icons-center .icons-wrap .social-icons a.social-icon i {
        font-size: 16px
    }

    .icons-center .icons-wrap .social-icons {
        flex-direction: column-reverse
    }
}

.order-pro .inner-ship-box .cart-deatils span {
    white-space: nowrap
}

.dec-col {
    padding: 0 !important
}

.new-img-select .img-item {
    border: 1px solid #ddd;
    margin: 0 !important;
    background-color: #f8f8f8;
    padding: 4px
}

.new-img-select .img-item .shop-imga {
    display: flex;
    flex-direction: column;
    align-items: center
}

.new-img-select .img-item .shop-imga img {
    height: auto
}

@media (max-width:992px) {
    .dec-col {
        padding: 0 15px !important
    }

    .track-group2 {
        text-align: right !important
    }

    .track-group1 {
        text-align: left !important
    }
}

@media (max-width:767px) {
    .track-group2 {
        text-align: center !important
    }

    .track-group1 {
        text-align: center !important
    }

    .track-md1 {
        padding: 0 !important
    }

    .order-col {
        width: 100% !important
    }
}

@media (max-width:600px) {
    .dec-col {
        padding: 0 15px !important
    }

    .recomend-table td a {
        width: min-content
    }
}

.new-table-condensed td,
.new-table-condensed th {
    border: 1px solid #ddd
}

.recommeded-customer-web-store {
    width: 100% !important
}

.recomedded-store-items {
    margin-left: 0 !important;
    justify-content: center !important
}

.h-red-icon-span:hover {
    background-color: #c41425
}

.h-red-icon-span:hover .cart-counter {
    color: #fff
}

.h-red-icon-span:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(0) hue-rotate(93deg) brightness(103%) contrast(103%)
}

.new-afi-pages button.btn.outline-button span {
    display: inline-block;
    width: 100%;
    border: 3px solid #c41425;
    border-radius: 30px;
    padding: 6px 10px;
    color: #c41425;
    text-align: center;
    margin-bottom: 0
}

.new-afi-pages button.btn.outline-button {
    background-color: #fff;
    border-radius: 30px;
    padding: 2px;
    color: #c41425;
    font-size: 29px;
    letter-spacing: 2px;
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
    font-weight: 600;
    /* min-width: 140px */
}

.new-afi-pages button.btn.outline-button:hover span {
    background-color: #c41425;
    color: #fff;
    transition: .5s ease
}

.w-socials-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 2px
}

.w-socials-item .w-socials-item-link {
    width: 58px;
    height: 58px;
    min-width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #c41425;
    margin: 0 5px;
    border-radius: 50%
}

.w-socials-item.instagram .w-socials-item-link:hover {
    background: radial-gradient(circle farthest-corner at 35% 100%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 10% 140%, #feda7e, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e42e66 50%, #fa5332 70%, #ffdc80 100%)
}

.w-socials-item.facebook .w-socials-item-link:hover {
    background: #3b5998
}

.w-socials-item.youtube .w-socials-item-link:hover {
    background: red
}

.w-socials-item.tiktok .w-socials-item-link:hover {
    background: #000
}

.w-socials-item.linkedin .w-socials-item-link:hover {
    background: #0a66c2
}

.w-socials-item.pinterest .w-socials-item-link:hover {
    background: #e60023
}

.w-socials-item.custom .w-socials-item-link:hover {
    background: #c41425
}

.w-socials-item .w-socials-item-link i {
    font-size: 35px;
    color: #fff;
    line-height: initial;
    display: block
}

.w-socials-item .w-socials-item-link img {
    height: 35px;
    width: 35px
}

.new-afi-pages span.total-fragrances {
    width: 90% !important;
    padding: 8px 5px !important;
    letter-spacing: 1px
}

.new-invoice-btn {
    position: absolute;
    top: -5%;
    right: 0;
    min-width: 140px;
    background-color: #fff;
    border-radius: 15px;
    padding: 2px;
    color: #c41425;
    font-size: 29px;
    letter-spacing: 2px;
    font-family: 'Bebas Neue Pro' !important;
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
    cursor: pointer;
    font-weight: 600;
    border: 1px solid transparent;
    background-color: #fff
}

.new-invoice-btn:hover .new-btn-export {
    background-color: #c41425;
    color: #fff;
    transition: .5s ease
}

.new-invoice-btn .new-btn-export {
    font-size: 22px;
    line-height: 25px;
    font-family: 'Bebas Neue Pro' !important;
    display: inline-block;
    width: 100%;
    border: 3px solid #c41425;
    border-radius: 15px;
    padding: 14px 20px;
    color: #c41425;
    background-color: #fff;
    box-shadow: none;
    outline: 0
}

.shadow-content {
    background-color: #fff !important;
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px !important
}

.new-afi-pages table tbody tr.back-gray:nth-child(even) {
    background-color: #fff !important
}

#orderTable .tr-white {
    background-color: #eaeaea !important
}

#orderTable .tr-white td {
    background-color: #eaeaea !important
}

.new-check-container .category-box input:checked+.badge {
    background-color: red;
    color: #fff
}

.new-check-container .category-box input[type=checkbox]:checked+.badge {
    background-color: #c41425;
    color: #fff
}

.new-afi-pages .frag-category-box input[type=radio]+.badge {
    background-color: #d3d3d3 !important;
    color: #6f6f6f !important
}

.new-check-container .category-box input[type=checkbox] {
    display: none
}

.show-frag-category-box .badge {
    background-color: #c41425 !important;
    color: #fff !important
}

.footer-column.left-social-icon .social-icon {
    justify-content: center
}

ul.head-nav-list li a {
    width: max-content !important
}

.new-afi-pages .invoice-export-btn {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.detail-s-row p,
.detail-s-row span {
    font-size: 28px !important
}

.review-box p {
    margin-bottom: 0;
    line-height: 28px !important
}

@media (max-width:1300px) {

    .detail-s-row p,
    .detail-s-row span {
        font-size: 22px !important;
        line-height: 38px
    }
}

@media (max-width:1199px) {
    .w-socials-item .w-socials-item-link {
        width: 40px;
        height: 40px;
        margin: 0 4px;
        display: flex !important
    }

    .w-socials-item .w-socials-item-link i {
        font-size: 25px !important
    }

    .w-socials-item .w-socials-item-link img {
        height: 25px !important;
        width: 25px !important
    }
}

@media (max-width:767px) {
    .w-socials-item .w-socials-item-link {
        width: 30px !important;
        height: 30px !important;
    }

    .w-socials-item .w-socials-item-link i {
        font-size: 16px !important; 
    }

    .w-socials-item .w-socials-item-link img {
        height: 16px !important;
        width: 16px !important;
    }
}

@media (max-width:550px) {
    .new-afi-pages .invoice-export-btn .invoice-btn input.btn-export {
        padding: 5px 14px !important;
        font-size: 18px !important;
        border-radius: 10px !important
    }

    .new-afi-pages .invoice-export-btn .invoice-btn {
        border-radius: 10px !important
    }
}

.inner-policy-content-section .red-card-box {
    width: 100%;
    background-color: #c41425;
    text-align: center;
    padding: 20px
}

.inner-policy-content-section .policy-top-box .red-card-box {
    margin: -80px auto 80px auto;
    padding: 25px 20px
}

.inner-policy-content-section .policy-top-box .red-card-box {
    margin: -80px auto 20px auto
}

.inner-policy-content-section .policy-top-box .red-card-box {
    width: 73%
}

.inner-policy-content-section .policy-top-box .red-card-box h1 {
    margin-bottom: 30px;
    font-size: 60px;
    word-spacing: 10px;
    color: #fff
}

.full-wrap-main.content-section {
    padding: 110px 0;
    padding-bottom: 45px
}

.search-by-order-container {
    width: 50%;
    padding: 0 0 30px 0;
    margin: auto
}

span.input-group-btn a.reset-btn,
span.input-group-btn button.btn.btn-default {
    background-color: #c41425;
    border-radius: 0;
    color: #fff
}

.new-inner-ship-box tbody tr:nth-child(even) {
    background-color: #eaeaea
}

.new-inner-ship-box tbody tr td {
    color: #9b9b9b;
    text-align: center !important
}

.new-inner-ship-box tbody tr td a {
    color: #9b9b9b
}

.new-inner-ship-box tbody tr td a:hover {
    color: #0d6efd
}

.new-inner-ship-box thead tr th {
    color: #9b9b9b;
    text-align: center !important
}

.new-inner-ship-box thead tr th a {
    color: #9b9b9b
}

.new-inner-ship-box tbody tr td select {
    color: #9b9b9b
}

a.new-buy {
    background-color: #c41425;
    border-color: #c41425;
    color: #fff !important
}

a.new-buy:hover {
    background-color: #fff !important;
    border-color: #c41425 !important;
    color: #c41425 !important
}

.input-group-btn a:hover,
.input-group-btn button:hover {
    background-color: #fff !important;
    border-color: #c41425;
    color: #c41425 !important
}

.new-under-heading-text {
    font-size: 18px;
    line-height: 38px
}

.border-table tbody tr {
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6
}

.border-table thead tr {
    border-bottom: 1px solid #9b9b9b
}

.border-table tr td,
.border-table tr th {
    border: none
}

.new-corner-inner-table tbody tr td {
    text-transform: uppercase
}

.desp-main label {
    font-size: 18px;
    line-height: 25px;
    color: #555
}

.search-bar-box {
    z-index: 1
}

.searching-field {
    position: relative
}

.suggesstion-box {
    border: 1px solid #c41425;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, .25) 0 2px 3px;
    position: absolute;
    width: 100%;
    z-index: 99;
    background-color: #fff
}

.suggesstion-box li {
    padding: 5px;
    cursor: pointer;
    position: relative;
    z-index: 99;
}

.suggesstion-box li:hover {
    background-color: #c41425;
    color: #fff
}

.qty-span {
    width: 70%;
    display: block
}

.hide-div {
    display: none
}

.header-main-page {
    box-shadow: 0 5px 13px rgb(0 0 0 / 50%)
}

.header-main-page.sticky-header {
    position: sticky;
    top: -1px;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0 5px 13px rgb(0 0 0 / 50%)
}

.header-main-page .sticky-right-head-contact-info {
    transition: .5s;
    transform: scale(1);
    height: auto;
    visibility: visible
}

.header-main-page.sticky-header .sticky-right-head-contact-info {
    transform: scale(0);
    transition: .5s;
    transform-origin: right;
    height: 0;
    visibility: hidden;
    width: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.header-main-page .sticky-right-head-contact-info ul {
    text-align: center
}

.header-main-page .sticky-right-head-contact-info ul li a {
    letter-spacing: 1px;
    font-size: 20px;
    line-height: 1.5;
    white-space: nowrap
}

.header-main-page .sticky-right-head-contact-info ul li:nth-child(2) a {
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.header-main-page .sticky-right-head-contact-info ul li a i {
    margin-right: .4em;
    font-size: 23px;
    letter-spacing: 1px
}

.header-main-page .sticky-right-head-contact-info ul li a i.fa-envelope {
    font-size: 15px
}

.header-main-page .sticky-right-head-contact-info ul li a i.fa-phone {
    transform: rotate(-20deg);
    font-size: 18px;
    margin-right: 10px
}

.header-main-page .sticky-right-head-contact-info ul li a i.fa-shopping-cart {
    width: 30px;
    height: 23px;
    display: inline-block;
    position: relative
}

.fa-user:before {
    content: "\f2bd" !important
}

ul.contact-list li:nth-child(1) {
    line-height: 36px
}

ul.contact-list li:nth-child(1) a:nth-child(1) {
    margin: 0 8px 0 0 !important
}

ul.contact-list li:nth-child(1) a:nth-child(1) i {
    margin-right: 9px
}

ul.contact-list li:nth-child(1) i.fa-shopping-cart::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(images/cart-icon-image.png) no-repeat;
    background-size: contain;
    left: 2px;
    top: 8px;
    bottom: 0;
    margin: auto
}

ul.contact-list li a {
    white-space: nowrap
}

ul.contact-list li a .fa-user-circle-o::before {
    content: "\f2bd"
}

.header-main-page .sticky-right-head-contact-info ul li a.bold-icon {
    font-size: 28px;
    display: flex;
    align-items: center;
    margin-left: 5px
}

.header-main-page .sticky-call {
    display: none
}

.header-main-page.sticky-header .sticky-left-logo {
    display: flex;
    align-items: center
}

.header-main-page.sticky-header .sticky-call {
    display: block;
    white-space: nowrap;
    margin: 0;
    line-height: 1.5
}

.header-main-page.sticky-header .sticky-call a.w-text-h {
    /* font-family: 'Bebas Neue'; */
    font-family: "Bebas Neue Pro" !important;
    font-weight: bold;
    font-size: 24px;
    margin-left: 40px;
    position: relative;
    bottom: -5px;
    color: #141414
}

.header-main-page.sticky-header .sticky-call a.w-text-h:hover {
    color: #c41425
}

.header-main-page.sticky-header .sticky-call a.w-text-h i {
    margin-right: .4em;
    display: inline-block;
    vertical-align: top;
    line-height: inherit
}

.header-main-page.sticky-header .sticky-center-nav {
    width: 100%
}

.header-main-page .sticky-center-nav ul {
    margin-left: -10px
}

.header-main-page .sticky-center-nav ul li {
    margin: 0;
    line-height: 42.5px
}

.header-main-page .sticky-center-nav ul li a::after {
    line-height: 42.5px !important
}

.header-main-page .sticky-center-nav ul li a {
    height: auto;
    line-height: inherit;
    color: #000;
    /* font-family: 'Bebas Neue'; */
    font-family: "Bebas Neue Pro" !important;
    font-size: 28px;
    letter-spacing: 3px;
    padding: 0;
    margin: 0 20px;
    width: auto;
    display: block;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 0;
    font-weight: bold;
}

.header-main-page.sticky-header .sticky-center-nav ul li a {
    margin: 0 20px
}

.header-main-page.sticky-header .sticky-center-nav ul {
    justify-content: flex-end;
    margin: 0 .7rem
}

.header-main-page.sticky-header .header-logo {
    max-width: 120px
}

.review-box .rating-cards {
    display: flex;
    width: 100%
}

.review-box .rating-cards .rate-card {
    width: auto;
    display: flex;
    height: auto
}

.new-afi-pages .review-box .rating-cards .rate:not(:checked)>label {
    color: #d3d2d2 !important
}

.footer-column.center-logo {
    width: 33.33%;
    text-align: center;
    padding-right: 1.5rem
}

.sbtn-close {
    position: absolute;
    font-size: 21px;
    top: 15px;
    right: 15px;
    color: inherit
}

.w-toplink.scrolactive {
    transform: translate3d(0, 0, 0) !important
}

.w-toplink.pos_right {
    right: 13px
}

.w-toplink.pos_right span::after {
    content: '\f106';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 1.6em
}

.w-toplink {
    background: rgba(0, 0, 0, .58) !important;
    border-radius: 50% !important;
    position: fixed !important;
    z-index: 99;
    bottom: 75px;
    margin: 15px
}

.w-toplink:not(.w-btn) {
    text-align: center;
    border-radius: .3rem;
    color: #fff !important;
    line-height: 55px;
    height: 50px;
    width: 50px
}

.new-red-icon-span a {
    line-height: 28px !important;
    color: #c41425 !important;
    font-weight: 600;
    letter-spacing: 1px
}

.new-red-icon-span:hover a {
    color: #fff !important
}

select option {
    color: #c41425 !important
}

select option:hover {
    color: #fff !important;
    background-color: #c41425 !important
}

select:focus>option:hover {
    color: #fff !important;
    background-color: #c41425 !important
}

.new-main-table-box table.table tr th {
    color: #9b9b9b;
    font-family: 'Bebas Neue Pro';
    font-size: 30px;
    border-bottom: none;
    text-align: center
}

.new-main-table-box table.table tr {
    border-top: none !important;
    border-bottom: none !important
}

.new-main-table-box table.table tr td {
    border: 3px solid #abaaa6;
    border-bottom: none;
    border-top: none;
    text-align: center;
    font-size: 24px;
    padding: 18px 10px;
    color: #9c9c9c;
    font-family: 'Bebas Neue Pro'
}

.new-main-table-box table.table tr td a.new-buy {
    padding: 10px 25px;
    background-color: #c41425;
    border: 1px solid #c41425;
    color: #fff;
    border-radius: 15px;
    font-size: 18px
}

button.add-cart-btn {
    border: none;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 42px
}

button.add-cart-btn span.h-red-icon-span {
    min-width: 50px;
    background-color: #c41425;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    height: 42px
}

button.add-cart-btn:hover span.h-red-icon-span {
    background-color: transparent
}

button.add-cart-btn:hover span.h-red-icon-span img {
    filter: brightness(0) saturate(100%) invert(23%) sepia(84%) saturate(4455%) hue-rotate(343deg) brightness(76%) contrast(104%)
}

button.add-cart-btn span.h-red-icon-span .cart-counter {
    color: #fff
}

button.add-cart-btn:hover span.h-red-icon-span .cart-counter {
    color: #c41425
}

button.add-cart-btn span.h-red-icon-span img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0) saturate(7464%) hue-rotate(30deg) brightness(111%) contrast(99%)
}

button.add-cart-btn .cart-text {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: transparent;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center
}

button.add-cart-btn:hover .cart-text {
    background-color: #c41425
}

button.add-cart-btn:hover .cart-text span.cart-name {
    color: #fff
}

button.add-cart-btn .cart-text span.cart-name {
    white-space: nowrap;
    text-transform: uppercase;
    padding: 0 10px;
    color: #c41425;
    font-weight: 600
}

.new-btn-label {
    border-radius: 15px !important;
    border: none !important
}

.new-btn-label span.button {
    border-radius: 15px
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}

.table-order-pro .form-group {
    margin: 0 0 15px 0 !important;
    position: relative;
    display: inline-block;
    width: 100%
}

.table-order-pro .cards-info-right h3.h3-m {
    margin-top: 20px;
    margin-bottom: 10px
}

.table-order-pro span {
    white-space: pre-wrap !important
}

.main-billing-shipping-box span {
    white-space: normal;
    word-wrap: break-word
}

.b-15 {
    border-radius: 15px !important
}

table.table.hide-tr-inner-table tr.back-red td {
    background-color: #c41425
}

.mobile-cart i {
    font-size: 18px;
    color: #c41425
}

.mobile-cart i .cart-counter {
    top: 5px;
    left: 50px;
    font-size: 10px
}

.label-order-pro .form-group .control-label {
    font-weight: 700;
    margin: 0
}

.invoice_table tbody tr:nth-child(odd) {
    background-color: #eaeaea
}

.invoice_table tbody tr:nth-child(odd) td {
    background-color: #eaeaea;
    border-radius: 0 !important
}

.ui-draggable .ui-dialog-titlebar {
    background-color: #c41425
}

.ui-draggable .ui-dialog-titlebar button.ui-button {
    background: 0 0;
    border: none
}

.ui-draggable .ui-dialog-titlebar button.ui-button .ui-icon {
    filter: brightness(0) invert(1)
}

.ui-draggable .ui-dialog-titlebar button.ui-state-hover .ui-icon {
    filter: brightness(0) invert(1) !important
}

.sugeshide {
    display: none !important
}



/* ############################   New Screens Start  ############################ */

.new-shop-screens .container {
    /* max-width: 1600px !important; */
    margin: auto;
}
.new-shop-screens .card-box {
    width: 100%;
    display: block;
    box-shadow: 0px 0px 35px 0px #00000026;
    text-align: center;
    padding: 30px;
    font-family: "Bebas Neue Pro" !important;
}
.new-shop-screens .card-box .logo-icon {
    display: none;
}
.new-shop-screens .card-box .title {
    max-width: 800px;
    margin: auto;
    padding: 0 20px;
}
.new-shop-screens .card-box .title h2 {
    color: #C41425;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
    margin-bottom: 0.5rem;
}
.new-shop-screens .card-box .title p {
    color: #212529;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: normal;
    margin-bottom: 0.5rem;
}
.new-shop-screens .card-box .small-container {
    /* max-width: 1380px; */
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0 !important;
}
.new-shop-screens .card-box .accordion .accordion-item {
    box-shadow: 0px 0px 6px 0px #00000040;
    border: 1px solid #A2A7A1;
    border-radius: 5px;
    margin-bottom: 0.5rem;
}
.new-shop-screens .card-box .accordion .accordion-item .accordion-header {
    border-radius: 5px;
    background-color: #fff !important;
    box-shadow: none !important;
}
.new-shop-screens .card-box .accordion .accordion-item .accordion-header .accordion-button.collapsed {
    border-radius: 5px !important;
    color: #212529 !important;
    background-color: #fff !important;
    box-shadow: none !important;
    border-bottom: none !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    /* border-bottom: 1px solid #A2A7A1 !important; */
}
.new-shop-screens .card-box .accordion .accordion-item .accordion-header .accordion-button.collapsed::after {
    filter: invert(0%) sepia(0%) saturate(13%) hue-rotate(200deg) brightness(106%) contrast(101%);
}
.new-shop-screens .card-box .accordion .accordion-item .accordion-header .accordion-button::after {
    color: #fff !important;
    filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(268deg) brightness(107%) contrast(101%);
}
.new-shop-screens .card-box .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 22px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #C41425 !important;
    max-width: 100% !important;
    color: #fff !important;
    box-shadow: none !important;
    border-radius: 0;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    padding: 10px 15px !important;
    min-height: 50px;
}
.new-shop-screens .box-adrs-book button.action-btn {
    padding: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    min-width: 40px;
    color: #fff;
    border: 1px solid #C41425;
    background-color: #C41425;
    font-size: 14px;
    font-weight: 600;
}
.new-shop-screens .box-adrs-book button.action-btn.edit-btn {
    background-color: #28a745;
    border-color: #28a745;
}
.new-shop-screens .box-adrs-book button.action-btn.edit-btn:hover {
    background-color: #1faf40;
    border-color: #1faf40;
}
.new-shop-screens .box-adrs-book button.action-btn.view-btn {
    background-color: #007bff;
    border-color: #007bff;
}
.new-shop-screens .box-adrs-book button.action-btn.view-btn:hover {
    background-color: #4396ef;
    border-color: #4396ef;
}
.new-shop-screens .box-adrs-book button.action-btn.trash-btn {
    background-color: #C41425;
    border-color: #C41425;
}
.new-shop-screens .box-adrs-book button.action-btn.trash-btn:hover {
    background-color: #dd061b;
    border-color: #dd061b;
}
.new-shop-screens .box-adrs-book .d-flex label {
    margin-right: 10px;
}
.new-shop-screens .card-box .accordion .accordion-item .accordion-body {
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: #212529;
}
.new-shop-screens .card-box .accordion .accordion-item .accordion-body h6{
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: #212529;
}
.new-shop-screens .card-box .accordion .accordion-item .accordion-body ul li a {
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: #212529 !important;
}

.new-shop-screens .card-box .accordion .accordion-item .accordion-body ul li a:hover {
    color: #c41425 !important;
}

.new-shop-screens a {
    color: #C41425 !important;
}

.new-shop-screens .form-group {
    margin-left: -10px !important;
    margin-right: -10px !important;
    margin-bottom: 1rem;
    display: flex;
    /* align-items: center; */
    justify-content: flex-start !important;
    gap: 10px;
}
.new-shop-screens .form-group .form-title {
    min-width: 165px;
    padding: 0 10px;
    position: relative;
}
.new-shop-screens .form-group .form-title label {
    font-size: 20px;
    line-height: normal;
    font-weight: 400;
}
.new-shop-screens .form-group .form-field {
    width: 100%;
    position: relative;
    padding: 0 10px;
    text-align: left;
}
.new-shop-screens .form-group .form-title span.required {
    position: absolute;
    top: -5px;
    right: 0;
    font-size: 22px;
    font-weight: 400;
    color: #C41425;
}
.new-shop-screens .form-group .form-field input.form-control {
    box-shadow: 0px 0px 6px 0px #00000040;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 15px !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    height: 50px;
    border-radius: 5px !important;
    /* text-transform: uppercase; */
    border: 1px solid #A2A7A1 !important;
    color: #c41425 !important;
}
.new-shop-screens .form-group .form-field select {
    color: #c41425 !important;
}
.new-shop-screens input[type=text], .new-shop-screens input[type=email], .new-shop-screens input[type=number], .new-shop-screens select {
    box-shadow: 0px 0px 6px 0px #00000040;
    width: 100% !important;
    max-width: 100%;
    padding: 10px 15px !important;
    font-size: 22px !important;
    font-weight: 500;
    height: 50px;
    border-radius: 5px !important;
    border: 1px solid #A2A7A1 !important;
    appearance: auto;
}
.new-shop-screens input::placeholder {
    color: #AFAFAF !important;
}
.new-shop-screens .form-group .form-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.shippingcalculation-top.inner-box .ups-logo {
    margin-bottom: 1rem;
}
.shippingcalculation-top.inner-box .ups-logo>img {
    height: 80px;
    width: 80px;
}
.new-shop-screens .ups-submit-butn, .new-shop-screens .ups-submit-butn div {
    text-align: right;
        display: flex;
    align-items: center;
    justify-content: end;
}
.new-shop-screens .col-md-12.submit-btn {
    display: flex;
    align-items: center;
    justify-content: end;
}
.new-shop-screens button.black-btn, .new-shop-screens button.red-btn {
    max-width: max-content;
    min-width: 180px;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
    border-radius: 15px;
    padding: 7px;
    text-align: center;
    margin: 0;
    background-color: #fff !important;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: normal !important;
    text-transform: uppercase;
    font-family: "Bebas Neue Pro" !important;
    letter-spacing: 2px;
}
.new-shop-screens button.black-btn span, .new-shop-screens button.red-btn span {
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    text-transform: uppercase;
    display: inline-block;
    padding: 8px 16px;
    text-align: center;
    border-radius: 15px;
    background-color: #fff;
    width: 100%;
    font-family: "Bebas Neue Pro" !important;
}
.new-shop-screens .verifyBtn {
    height: 45px;
    font-size: 20px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-shop-screens button.black-btn span {
    border: 3px solid #000;
    color: #000;
}
.new-shop-screens button.black-btn:hover span {
    background-color: #000;
    color: #fff;
    transition: 0.5s ease;
}
.new-shop-screens button.red-btn span {
    border: 3px solid #C41425;
    color: #C41425;
}
.new-shop-screens button.red-btn:hover span {
    background-color: #c41425;
    color: #fff;
    transition: 0.5s ease;
}
.new-shop-screens table {
    box-shadow: 0px 0px 15px 0px #00000040;
}
.new-shop-screens table thead th {
    background: #C41425;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    min-width: max-content;
    white-space: nowrap;
    text-transform: uppercase;
}
.new-shop-screens table tbody td {
    background: #fff;
    color: #000;
    font-size: 20px;
    font-weight: 400;
}
.new-shop-screens table th, .new-shop-screens table td {
    padding: 10px 16px;
    text-align: left;
    border: 1px solid #AFAFAF !important;
}
.new-shop-screens .eidt-info {
    text-align: left;
}
.new-shop-screens .eidt-info p {
    font-size: 22px !important;
    font-weight: 400;
    margin-bottom: 0.5rem;
}
.new-shop-screens .eidt-info label {
    font-size: 22px !important;
    font-weight: 700;
}
.new-shop-screens .eidt-info .form-check label {
    font-weight: 700;
    font-size: 18px !important;
    margin: 0;
}
.new-shop-screens .form-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    flex-wrap: wrap;
    margin: 20px 0;
}
.new-shop-screens .eidt-info label span {
    font-size: 22px;
    font-weight: 400;
}
.billing-screen.new-shop-screens .form-group .form-title {
    min-width: 225px;
    max-width: 225px;
    padding-top: 12px;
}
.billing-screen.new-shop-screens .form-group .form-title label {
    font-size: 22px !important;
    font-weight: 700 !important;
    display: block;
    text-align: left;
    /* width: max-content; */
}
.billing-screen.new-shop-screens .form-group .form-buttons {
    justify-content: flex-end;
    gap: 20px;
    width: 100%;
    margin-top: 1.2rem;
}
.billing-screen.new-shop-screens .form-group .form-buttons button.black-btn, .billing-screen.new-shop-screens .form-group .form-buttons button.red-btn {
    min-width: 180px;
    max-width: max-content;
}
.billing-screen.new-shop-screens h3.filed-heading {
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 1.5rem;
    color: #C41425;
    text-align: left;
    font-family: "Bebas Neue Pro" !important;
}
.billing-screen.new-shop-screens span.required-text {
    font-size: 24px;
    font-weight: 500;
    color: #C41425;
    text-align: left;
    margin-bottom: 1rem;
    text-transform: uppercase;
}
.billing-screen.new-shop-screens p.help-block {
    margin-top: 1rem;
    text-align: left;
    font-size: 22px !important;
    font-weight: 400;
}
.billing-screen.new-shop-screens input {
    text-transform: none !important;
}
.billing-screen.new-shop-screens h4.filed-heading {
    font-size: 25px;
    font-weight: 700;
    color: #212529 !important;
    text-align: center;
    font-family: "Bebas Neue Pro" !important;
    text-transform: capitalize;
    margin-bottom: 0.5rem;
}
.billing-screen.new-shop-screens .card-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.billing-screen.new-shop-screens .card-box .title {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.billing-screen.new-shop-screens .form-box {
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-bottom: 20px;
    padding-top: 20px;
}
.billing-screen.new-shop-screens .form-box:not(:last-child) {
    border-bottom: 1px solid #F1F1F1;
}
.change-address-screen .box-adrs-book {
    border: 1px solid #A2A7A1;
    box-shadow: 0px 0px 15px 0px #00000040;
    padding: 16px 20px;
    border-radius: 3px;
    text-align: left;
    margin-bottom: 0.5rem;
}
.change-address-screen .box-adrs-book input {
    margin-right: 8px;
    height: 16px;
    width: 16px;
}
.change-address-screen .box-adrs-book label {
    color: #212529;
    font-size: 22px;
    font-weight: 400;
    text-align: left;
    display: flex;
    align-items: center;
    line-height: normal;
}
.change-address-screen .continue_checkout_pr {
    text-align: left;
    font-size: 24px;
    margin-top: 1rem;
    color: #212529;
    font-weight: 600;
}
.new-shop-screens .checkbox-wrapper {
    display: flex;
    align-items: center;
    margin: 10px 0;
    cursor: pointer;
}

.new-shop-screens .checkbox-wrapper input[type="checkbox"] {
    display: none;
}

.new-shop-screens .custom-checkbox {
    width: 24px;
    height: 24px;
    border: 2px solid #ccc;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    position: relative;
    transition: all 0.3s ease;
}

.new-shop-screens .custom-checkbox::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 6px;
    width: 7px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.new-shop-screens .checkbox-wrapper input[type="checkbox"]:checked + .custom-checkbox {
    background: #c8102e; /* red */
    border-color: #c8102e;
}

.new-shop-screens .checkbox-wrapper input[type="checkbox"]:checked + .custom-checkbox::after {
    opacity: 1;
}

.new-shop-screens .price-label {
    font-size: 20px;
    font-weight: bold;
    color: black;
}

.new-shop-screens .checkbox-wrapper input[type="checkbox"]:checked ~ .price-label {
    color: #c8102e;
}
.new-shop-screens .alert {
    border: 1px solid #FFCDD2 !important;
    border-radius: 5px;
    width: 100%;
    padding: 16px 20px;
    text-align: left;
}
.new-shop-screens .alert.alert-danger {
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    color: #C31122;
}
.new-shop-screens p.inner-dsp {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    color: #212529;
    margin-bottom: 0;
}
.new-shop-screens .box-adrs-book {
    box-shadow: 0px 0px 6px 0px #00000040;
    border: 1px solid #A2A7A1;
    border-radius: 5px;
    background-color: #fff;
    width: 100%;
    padding: 10px 15px;
    text-align: left;
    min-height: 50px;
    /* display: flex;
    flex-wrap: wrap;
    column-gap: 10px; */
}
/* .new-shop-screens .box-adrs-book p:first-child {
    width: 100% !important;
} */
.new-shop-screens .box-adrs-book p {
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0.5rem;
    color: #212529;
    /* width: 48%; */
}
.new-shop-screens .box-adrs-book p b {
    margin-right: 5px;
    font-size: 24px;
    font-weight: 700;
}

.new-shop-screens .inner-box h3.filed-heading {
    font-size: 35px;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin-bottom: 1rem;
}
.new-shop-screens .inner-box ul.acont-li li a {
    background: #C31122 !important;
    border-radius: 5px;
    padding: 10px 20px;
    display: block;
    text-align: center;
    width: auto;
    max-width: max-content;
    line-height: normal;
    font-size: 20px;
    font-weight: 700;
    color: #fff !important;
    border: 1px solid #C31122;
}
.new-shop-screens .inner-box ul.acont-li li a:hover {
    background: #fff !important;
    color: #C31122 !important;
}
.new-shop-screens .shippingcalculation {
    overflow: inherit;
}
.new-shop-screens .deliveryInformation .inner-box, .new-shop-screens .shippingcalculation-top.inner-box .inner-ups-cart {
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.new-shop-screens .shippingcalculation-top.inner-box .inner-ups-cart {
    border: 1px solid #FFCDD2;
    padding: 10px 20px;
    background-color: #FFFAFB;
    margin-bottom: 0.5rem;
    border-radius: 5px;
    cursor: pointer;
}
.new-shop-screens .shippingcalculation-top.inner-box .inner-ups-cart:hover {
    background-color: #C31122;
    border-color: #C31122;
}
.new-shop-screens .shippingcalculation-top.inner-box .inner-ups-cart:hover p, .new-shop-screens .shippingcalculation-top.inner-box .inner-ups-cart:hover span {
    color: #fff;
}
.new-shop-screens .shippingcalculation-top.inner-box .inner-ups-cart p {
    color: #212529;
    margin: 0;
    font-size: 22px;
    font-weight: 400;
    line-height: normal;
}
.new-shop-screens .shippingcalculation-top.inner-box .inner-ups-cart span {
    color: #212529;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: normal;
}
.new-shop-screens .shippingcalculation-top.inner-box .inner-ups-cart .radio-btn-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-direction: row-reverse;
}
.new-shop-screens .shippingcalculation-top.inner-box .inner-ups-cart .radio-btn-wrapper input {
    height: 18px;
    width: 18px;
}
.new-shop-screens .inner-box, .new-shop-screens .inner-box p {
    text-align: left !important;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}
.change-address-screen.new-shop-screens .form-group {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.billing-screen.new-shop-screens.change-address-screen .card-box {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.billing-screen.new-shop-screens.change-address-screen .card-box .title {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.new-shop-screens .form-group.col-group .form-title {
    min-width: 330px;
} 
.new-shop-screens .mb-5 {
    margin-bottom: 1rem !important;
}
.new-shop-screens .mt-5 {
    margin-top: 1rem !important;
}
.new-shop-screens .container.mb-5 {
    margin-bottom: 4rem !important;
}
.new-shop-screens .container.mt-5 {
    margin-top: 3rem !important;
}
html .position-relative .related-fragrances-products + .swiper-button-next, html .position-relative .related-fragrances-products + .swiper-button-next + .swiper-button-prev,
html .position-relative .related-products + .swiper-button-next, html .position-relative .related-products + .swiper-button-next + .swiper-button-prev {
    top: 50% !important;
    transform: translateY(-150%) !important;
} 
html .main-product-section .product-row .swiper + .swiper-button-next, html .main-product-section .product-row .swiper + .swiper-button-next + .swiper-button-prev {
    top: 50% !important;
    transform: translateY(-150%) !important;
} 
.new-afi-pages .main-card-row {
    position: relative;
}
.new-afi-pages .search-btn a.btn.outline-button {
    font-size: 24px;
}
.new-afi-pages .production-sample-btn-box a#readyToShip.btn.outline-button.color.production-samples span {
    min-width: max-content;
}
.new-afi-pages .production-sample-btn-box #restbtn span {
    font-size: 18px !important;
}
.new-shop-screens .form-group .form-field input.form-control:focus {
    border-color: #c41425 !important;
}

/* ############################   New Screens End  ############################ */



@media (max-width:1800px) {
    .header-main-page .sticky-center-nav ul li a {
        margin: 0 10px
    }
}

@media (max-width:1600px) {
    .header-main-page .sticky-center-nav ul li a {
        margin: 0 5px;
        font-size: 25px
    }

    .header-main-page.sticky-header .sticky-center-nav ul li a {
        margin: 0 5px
    }

    .header-main-page .sticky-right-head-contact-info ul li a i {
        margin-right: .3em
    }

    .header-main-page .sticky-right-head-contact-info ul li a {
        font-size: 20px
    }

    .w-socials-item .w-socials-item-link {
        width: 50px;
        height: 50px;
        margin: 0 4px
    }

    .w-socials-item .w-socials-item-link i {
        font-size: 30px
    }
}

@media (max-width:1650px) {
    span.input-group-btn {
        font-size: 18px;
        line-height: 25px
    }
}

@media (max-width:1440px) {
    .inner-policy-content-section .policy-top-box .red-card-box h1 {
        font-size: 50px
    }

    .new-main-table-box table.table tr td {
        font-size: 20px;
        padding: 16px 6px
    }

    .new-main-table-box table.table tr th {
        font-size: 24px
    }
}

@media (max-width:1300px) {
    .full-wrap-main.content-section {
        padding: 60px 0
    }

    .inner-policy-content-section .policy-top-box .red-card-box {
        margin: -60px auto 20px auto
    }
}

@media (min-width:1400px) {
    .w-socials-item.facebook .w-socials-item-link i {
        font-size: 38px;
        margin-bottom: -2px
    }
}

@media (min-width:1200px) {
    .w-socials-item.facebook .w-socials-item-link {
        align-items: flex-end
    }
}

@media (max-width:1250px) {
    .inner-policy-content-section .policy-top-box .red-card-box h1 {
        font-size: 40px
    }
}

@media (max-width:1023.98px) {
    .full-wrap-main.content-section {
        padding: 40px 0
    }

    .new-main-table-box table.table tr td {
        white-space: nowrap;
        padding: 16px 12px
    }

    .new-main-table-box table.table tr th {
        white-space: nowrap;
        padding: 16px 12px
    }
}

@media (max-width:992px) {
    .qty-span {
        width: 100%
    }

    .label-order-pro .form-group .control-label {
        text-align: left
    }

    .label-order-pro .col-sm-4,
    .label-order-pro .col-sm-8 {
        width: 100%
    }

    .label-order-pro .back-btun {
        text-align: left
    }
}

@media (max-width:991px) {
    .inner-policy-content-section .policy-top-box .red-card-box h1 {
        font-size: 25px
    }
    ul.head-nav-list li a.active:before {
        bottom: 0px !important;
    }
    .new-shop-screens .form-row {
        justify-content: center;
        row-gap: 10px;
        column-gap: 15px;
    }
    /* .new-shop-screens .row {
        overflow: auto;
    } */

    html body .modal-body.new-modal-body {
        height: auto !important;
    }
    .billing-screen.new-shop-screens .form-group .form-title label {
        font-size: 20px !important;
    }
}

@media (min-width:992px) {

    .table-order-pro .col-lg-1,
    .table-order-pro .col-lg-10,
    .table-order-pro .col-lg-11,
    .table-order-pro .col-lg-12,
    .table-order-pro .col-lg-2,
    .table-order-pro .col-lg-3,
    .table-order-pro .col-lg-4,
    .table-order-pro .col-lg-5,
    .table-order-pro .col-lg-6,
    .table-order-pro .col-lg-7,
    .table-order-pro .col-lg-8,
    .table-order-pro .col-lg-9,
    .table-order-pro .col-md-1,
    .table-order-pro .col-md-10,
    .table-order-pro .col-md-11,
    .table-order-pro .col-md-12,
    .table-order-pro .col-md-2,
    .table-order-pro .col-md-3,
    .table-order-pro .col-md-4,
    .table-order-pro .col-md-5,
    .table-order-pro .col-md-6,
    .table-order-pro .col-md-7,
    .table-order-pro .col-md-8,
    .table-order-pro .col-md-9,
    .table-order-pro .col-sm-1,
    .table-order-pro .col-sm-10,
    .table-order-pro .col-sm-11,
    .table-order-pro .col-sm-12,
    .table-order-pro .col-sm-2,
    .table-order-pro .col-sm-3,
    .table-order-pro .col-sm-4,
    .table-order-pro .col-sm-5,
    .table-order-pro .col-sm-6,
    .table-order-pro .col-sm-7,
    .table-order-pro .col-sm-8,
    .table-order-pro .col-sm-9 {
        float: left;
        padding: 0 15px
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .f-left {
        float: right !important
    }
}

@media (max-width:992px) and (min-width:768px) {
    .table-order-pro .col-sm-12 {
        width: 100%
    }
}

@media (max-width:1200px) and (min-width:768px) {
    .table-order-pro .col-sm-6 {
        width: 50%;
        float: left
    }
}

@media (min-width: 768px) {
    .new-afi-pages .detail-s-row .card-inner-cont .fragrance-title span:first-child,
    .new-afi-pages .card-inner-cont .fragrance-title span:first-child {
        font-size: 18px !important;
        line-height: 25px;
    }
    .new-afi-pages  .detail-s-row .images-badges-row .f-code .f-code-text,
    .new-afi-pages .images-badges-row .f-code .f-code-text {
        font-size: 22px !important;
        line-height: 25px;
    }
    .new-afi-pages  .detail-s-row .fragrance-title span.scnt-price,
    .new-afi-pages .fragrance-title span.scnt-price { 
        font-size: 18px !important; 
    }
   
}

@media (max-width:767px) {
    .inner-policy-content-section .policy-top-box .red-card-box {
        width: 100%;
        padding: 20px 20px
    }
    .new-afi-pages div#welcome-home-modal .modal-dialog.cus-modal-dialog,
    .new-afi-pages div#sign-in-modal .modal-dialog.cus-modal-dialog {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .sing-btn.paypal-btn .paypal-btn-span img {
        max-width: 120px;
    }
    .sezzle-btn .sezzle-btn-span a img {
        max-width: 120px;
    }
    .billing-screen.new-shop-screens span.required-text {
        font-size: 20px;
    }
    .billing-screen.new-shop-screens .form-group .form-title label {
        font-size: 20px;
    }
    .new-afi-pages .corner-table-main-box .invoice-export-btn {
        padding-bottom: 10px
    }

    .invoice-modal .p-main-table-box {
        overflow: auto;
        padding: 75px 10px 10px !important
    }

    html .invoice-modal .view-invoice-row {
        margin: 0 !important;
        padding: 0 5px
    }

    .new-invoice-btn {
        top: -4%
    }

    .table-order-pro .cards-info,
    .table-order-pro .cards-info-right {
        width: 100%
    }

    .inner-policy-content-section .policy-top-box .red-card-box h1 {
        font-size: 20px
    }

    .search-by-order-container {
        width: 100%;
        padding: 0;
        margin: auto
    }
    .billing-screen.new-shop-screens h3.filed-heading {
        font-size: 32px;
    }
    .new-shop-screens table thead th {
        font-size: 20px;
    }
    .new-shop-screens table th, .new-shop-screens table td {
        padding: 14px 20px;
    }
    .new-shop-screens .eidt-info label {
        font-size: 20px !important;
    }

        html .swiper-button-next, html .swiper-button-prev {
        top: 50%;
        transform: translateY(-150%);
    }  
    .swiper-button-next, .swiper-button-prev {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 14px;
    }
    .new-inner-ship-box tbody tr td a {
        color: #555555;
    }
     .new-shop-screens .card-box .title h2 br {
        display: none;
    }
     .new-shop-screens .card-box .title h2 {
        font-size: 35px;
    }
    .new-shop-screens .form-group.col-group .form-title {
        min-width: 268px !important;
    }
    .new-shop-screens button.black-btn span, .new-shop-screens button.red-btn span {
        font-size: 20px !important;
        padding: 10px 16px;
    }
    .new-shop-screens button.black-btn, .new-shop-screens button.red-btn {
        font-size: 24px !important;
    }
    .change-address-screen .box-adrs-book label {
        display: block;
    }
    .change-address-screen .box-adrs-book input {
        margin-right: 8px;
        height: 15px;
        width: 15px;
    }
    .new-shop-screens input[type=text], .new-shop-screens input[type=email], .new-shop-screens input[type=number], .new-shop-screens select {
        height: 50px;
    }
    .new-shop-screens .form-group .form-field input.form-control {
        height: 50px;
    }
    .new-shop-screens .verifyBtn {
        height: 50px;
    }
    .new-shop-screens .container.mt-5 {
        margin-top: 2rem !important;
    }
    .new-shop-screens .container.mb-5 {
        margin-bottom: 2rem !important;
    }
    .billing-screen.new-shop-screens .form-group .form-title {
        min-width: 180px;
        max-width: 180px;
    }
}
@media (max-width:650px) {
    .new-shop-screens .form-group {
        flex-wrap: wrap;
    }
    .billing-screen.new-shop-screens .form-group .form-title {
        min-width: 100%;
        max-width: 100%;
    }
    .new-shop-screens .form-group {
        gap: 2px;
        margin-bottom: 1rem;
    }
    .billing-screen.new-shop-screens .form-box {
        padding-top: 10px !important;
    }
    .billing-screen.new-shop-screens .form-group .form-buttons {
        justify-content: center;
    }
    .new-shop-screens .form-group {
        gap: 6px;
    }
    .billing-screen.new-shop-screens.change-address-screen .form-group .form-buttons {
        justify-content: center !important;
    }
    .new-shop-screens .form-group .form-title {
        width: 100% !important;
        padding-top: 0 !important;
    }
    .change-address-screen .box-adrs-book label {
        font-size: 20px;
    }
    .new-shop-screens button.black-btn, .new-shop-screens button.red-btn {
        min-width: 175px;
    }
}
@media (max-width:600px) {
    .new-inner-ship-box tbody tr td select {
        font-size: 11px;
        padding: 2px 5px !important
    }
    .billing-screen.new-shop-screens .form-group .form-title label {
        font-size: 18px !important;
    }
     .billing-screen.new-shop-screens h3.filed-heading {
        font-size: 28px;
    }
    .new-shop-screens .card-box .small-container {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .new-shop-screens input[type=text], .new-shop-screens input[type=email], .new-shop-screens input[type=number], .new-shop-screens select {
        font-size: 20px !important;
    }
    .new-shop-screens .form-group .form-field input.form-control {
        font-size: 20px !important;
    }
    .new-shop-screens .box-adrs-book p {
        font-size: 20px;
    }
    .new-shop-screens .box-adrs-book p b {
        font-size: 22px;
    }
    .new-shop-screens .shippingcalculation-top.inner-box .inner-ups-cart p {
        font-size: 20px;
    }
    .new-shop-screens .shippingcalculation-top.inner-box .inner-ups-cart span {
        font-size: 20px;
    }
    .new-shop-screens table tbody td {
        font-size: 20px;
    }
    .new-shop-screens .eidt-info p {
        font-size: 20px !important;
    }
    .new-shop-screens .eidt-info label {
        font-size: 22px !important;
    }
    .new-shop-screens .eidt-info label span {
        font-size: 20px;
    }
}

@media (max-width:550px) {
    .new-afi-pages .main-table-box {
        padding-top: 0 !important
    }

    .invoice-modal .p-main-table-box {
        overflow: auto;
        padding: 50px 10px 10px !important
    }

    .new-invoice-btn .new-btn-export {
        padding: 5px 14px !important;
        font-size: 18px !important;
        border-radius: 10px !important
    }

    .new-invoice-btn {
        min-width: auto
    }
    .billing-screen.new-shop-screens .form-box {
        padding-left: 20px !important;
        padding-right: 20px !important;
        padding-bottom: 0px;
        padding-top: 0px;
    }
     .new-shop-screens .card-box .title h2 {
        font-size: 30px;
    }
    .new-shop-screens .card-box {
        padding: 40px 20px;
    }
    .new-shop-screens .card-box .title {
        padding: 0;
    }
    .new-shop-screens input[type=text], .new-shop-screens input[type=email], .new-shop-screens input[type=number], .new-shop-screens select {
        box-shadow: 0px 0px 8px 0px #00000040;
    }
    .new-shop-screens table, .new-shop-screens .form-group .form-field input.form-control, .new-shop-screens .box-adrs-book {
        box-shadow: 0px 0px 8px 0px #00000040;
    }
    .new-shop-screens .custom-checkbox {
        width: 24px;
        height: 24px;
    }
    .new-shop-screens .custom-checkbox::after {
        top: 1px;
        left: 6px;
    }

.cart-deatils.text-center .box-adrs-book { 
    max-width: 360px;
    margin-bottom: 0px;
}
html .swiper-button-next, html .swiper-button-prev {
    top: 171px;
}   
html .position-relative .related-fragrances-products + .swiper-button-next, html .position-relative .related-fragrances-products + .swiper-button-next + .swiper-button-prev,
html .position-relative .related-products + .swiper-button-next, html .position-relative .related-products + .swiper-button-next + .swiper-button-prev {
    top: 50% !important;
}  
html .main-product-section .product-row .swiper + .swiper-button-next, html .main-product-section .product-row .swiper + .swiper-button-next + .swiper-button-prev {
    top: 50% !important;
}  
.new-afi-pages .main-card-row { 
    position: relative;
}
.cart-deatils.text-center>p {
    display: flex;
    justify-content: center;
    column-gap: 10px;
    flex-wrap: wrap;    
    align-items: center;
}
.table-condensed.new-table-condensed.cf .numeric.new-numeric br {
   display: none;
}
.new-afi-pages .modal-content,
.new-afi-pages .modal-content a {
    font-family: var(--bs-body-font-family) !important;
}
.new-afi-pages .modal-content .code-details h5#namedif { 
    font-weight: 600;
    color: #212529;
}
}

@media (max-width: 520px) {
    .form-check {
        display: block;
        width: 100%;
    }
    .new-shop-screens .form-row {
        justify-content: flex-start;
        row-gap: 0px;
    }
    .new-shop-screens .eidt-info .form-check label {
        margin: 4px 0;
    }
}