@import "icon-font.css";
@import "../Webfonts-Riffic/Web-Fonts/riffic-style.css";
.login-btn.links-nav a,.main-nav a{align-items:center;position:relative}
.main-nav li.aware,.main-nav li.clip-box{clip-path:polygon(13px 1%,100% 0,calc(100% - 13px) 100%,0% 100%)}
.help-btn,.help-btn a,.login-btn.links-nav a,.main-nav a,.main-nav li{position:relative}
.login-btn.links-nav a{background-color:#bf2025;color:#fff;display:inline-flex;font-size:14px;height:40px;line-height:40px;padding:0 15px;border-radius:4px;transition:.4s}
.links-nav a img{margin-right:5px}
.bottomheader{background-color:var(--clr-pri);display:flex;padding-inline:24px}
.main-header .container{max-width:1240px;margin:0 auto;display:flex;justify-content:center}
.main-nav{list-style:none;display:flex;padding:0;justify-content:space-between!important;width:100%}
.main-nav.desktop-main-nav-asdasd li.dropdown{padding:0 15px 0 0}
.main-nav a{color:var(--clr-light);text-decoration:none;font-size:16px;padding:0 3px;display:block;height:44px;line-height:15px;display:flex;font-weight:500}
.main-nav li.dropdown a::after{content:"";position:absolute;display:inline-block;vertical-align:middle;width:8px;height:8px;border-left:1px solid var(--clr-light);border-bottom:1px solid var(--clr-light);transform:rotate(-45deg);top:15px;right:-10px;pointer-events:none;transition:transform .3s,top .3s}
.main-nav li.dropdown :hover a:after,.main-nav li.dropdown:hover a.desktop-menu::after{transform:rotate(135deg);top:20px}
.bordr-right::after{border-right:none;bottom:0;content:"";position:absolute;right:-25px;top:0}
.inner-block-help:after,.inner-block-help:before{content:"";position:absolute;right:80px;border-left:10px solid transparent;border-right:10px solid transparent}
.main-nav li.clip-box{background-color:var(--clr-sec)}
.main-nav li.aware{background-color:var(--clr-dark)}
.main-nav li.aware a{display:flex;align-items:center;gap:3px;padding:0 20px;text-align:right}
.main-nav li.aware a span.diff-clr b{color:#fcff00}
.main-nav li.clip-box a{padding-inline:15px;color:var(--clr-light)}
.main-nav li:hover .dropdown-menu,ul.cat-list-nav>li:hover .dropdown{display:block}
.dropdown-menu{display:none;position:absolute;top:43px;left:4px;width:260px;background-color:#000;transition:.4s;padding:0;border-radius:0}
.cat-list-nav.brandlist-navmenu ul li.shopall-brands a::before,.hamburger-cs,.list-none a::before,.main-nav li.dropdown .dropdown-menu li a::after,body .mob-menu li.menusub.open ul li.nav-newarival a::before,ul.cat-list-nav.brandlist-navmenu>li ul li:hover a::before,ul.cust-pro-list li a::before,ul.dropdown-menu>li.nav-newarival>a::before{display:none}
body .mob-menu li.menusub.open ul li.nav-newarival a,ul.dropdown-menu>li.nav-newarival>a{background-color:#fff000;color:#bf2025;font-weight:500}
ul.dropdown-menu>li.nav-newarival>a:hover{background:#ddd108}
.bottomheader .dropdown-menu a{color:var(--clr-light);font-size:15px!important;padding:10px;display:inline-block;width:100%;position:relative;transition:.4s;height:42px;line-height:22px;font-weight:400}
.bottomheader .dropdown-menu a::before,ul.cat-list-nav>li.inner-menu-drop>a:before{content:"";width:10px;height:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;position:absolute;right:13px;top:0;bottom:0;margin:auto;transform:rotate(-45deg);opacity:.7}
.cat-list-nav .dropdown{display:none;position:absolute;left:100%;top:0;width:calc(100vw - 650px);min-height:100%;background-color:#fff;box-shadow:0 4px 7px 4px rgb(0 0 0 / 10%)}
.cat-list-nav.brandlist-navmenu{width:600px;background:#fff;box-shadow:0 0 5px #ddd;max-width:1000px;max-height:calc(100vh - 120px);overflow:auto}
ul.cat-list-nav.brandlist-navmenu>li,ul.cat-list-nav.promo-nav .promo-products-divider .custom-nav:last-of-type{border:none}
ul.cat-list-nav.brandlist-navmenu>li ul li:hover a:not(.shopall-brands a){background:#fff}
.cat-list-nav.brandlist-navmenu ul{display:flex;flex-wrap:wrap}
.cat-list-nav.brandlist-navmenu ul li{width:20%;border:none}
.cat-list-nav.brandlist-navmenu ul li a{display:flex;align-items:center;justify-content:center;width:100%;height:80px;border-bottom:1px solid #ddd;padding:10px;border-right:1px solid #ddd}
.cat-list-nav.brandlist-navmenu ul li a img{object-fit:contain;max-width:100%;max-height:60px;height: 100%;}
.dropdown-content{background:#fff;height:auto}
ul.cat-list-nav.promo-nav .promo-products-divider,ul.custom-nav{display:flex}
ul.cat-list-nav.promo-nav .CommonWidth-menu .dropdown{width:calc(100% - -250px)}
ul.cat-list-nav.promo-nav .CommonWidth-menu-350 .dropdown{width:calc(100% - -320px)}
ul.custom-nav li{padding:5px 6px;border-right:1px solid #f1f1f1;transition:.4s;border-bottom:none!important;flex: 1;}
ul.custom-nav li a{padding:8px;width:100%}
.dropdown ul li a,.dropdown ul.custom-nav li a{padding:0 10px;color:#7a7a7a;text-transform:none;vertical-align:middle;font-weight:400}
.dropdown ul.custom-nav li a{font-size:11.5px;line-height:16px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%}
.dropdown ul.custom-nav li a::before {content: unset;}
.dropdown ul li a{font-size:14px;line-height:44px;display:inline-block;text-transform:capitalize}
.dropdown-content .custom-nav figure{margin-bottom:12px;height: 135px;display: block;}
.dropdown-content .custom-nav img{width:100%!important;height:100%;object-fit: contain;max-height:100%;display:block}
.custom-nav>li>a figcaption{display:table-cell;float:left;height:30px;text-align:center;vertical-align:middle;width:100%}
.dropdown-content .custom-nav figcaption h4{font-size:18px;font-weight:400;color:#000;margin:0}
.product-list-name{padding-bottom:0;padding-inline:11px;padding-top:12px;border-top:1px solid #f1f1f1}
.main-drop-head{padding-bottom:10px}
.product-list-name h3{color:#333;float:left;font-weight:700;font-size:22px;letter-spacing:2px;margin:0;text-align:center;text-transform:uppercase;width:100%}
.cat-list-nav.brandlist-navmenu ul li.shopall-brands{width:100%}
.cat-list-nav.brandlist-navmenu ul li.shopall-brands a{width:100%;height:auto;padding:10px;background:#000;color:#fff;font-weight:500}
.cust-pro-list{margin:0;padding:0;text-align:left}
ul.cust-pro-list li{margin-bottom:6px;border-bottom:none!important}
ul.cust-pro-list li.custom-product a{font-weight:400!important;font-size:17px!important;padding:3px 7px!important;display:inline-block!important;width:100%;line-height:16px!important;color:#7a7a7a!important;background:0 0;height:100%!important}
ul.cust-pro-list li a:hover,ul.custom-nav li:hover a{background-color:transparent!important}
ul.cust-pro-list li a:hover{color:var(--clr-dark)!important}
.no-arrow-li a::before,ul.custom-nav li:hover a::before{display:none!important}
.bottomheader .dropdown-menu li:hover>a{background-color:#2f2f2f}
.bottomheader .dropdown-menu li{border-bottom:1px solid #3c3c3c}
.rich_logo{background:#d00f2a;width:100%;display:block;padding:6px 0;cursor:pointer}
.rich_logo a img{max-width:100%;max-height:38px}
.rich_logo a{padding:0 15px!important}
.rich_logo:hover>a{background:#d00f2a!important}
.bottomheader .dropdown-menu li:last-child{border-bottom:none;border-right:none}
.dropdown-menu a:hover{background-color:#f1f1f1}
.main-nav li.dropdown a span{margin-left:5px;font-size:12px;color:#fff;display:none}
.right-header,.right-header li a span.item-text.support-text{margin-inline-start:8px}
.right-header li a span.item-text{color:#1d1d1d;font-size:14px;line-height:40px}
.help-btn a{display:inline-flex;align-items:center;color:#1d1d1d;font-size:14px;transition:.4s}
.head-cart a,.help-btn a{padding:5px 15px;border-radius:4px}
.block-help-content{position:absolute;display:block;z-index:22;width:416px;right:-75px;top:35px;padding-top:24px;transition:.2s ease-out}
.inner-block-help{background:#fff;box-shadow:1px 1.732px 6px 0 rgb(0 0 0 / 36%);padding:30px 18px 12px;text-align:center;position:relative;border-radius:3px}
.inner-block-help:before{top:-10px;border-bottom:10px solid #c7c7c7}
.inner-block-help .head-help span{color:#000;font-size:17px;font-weight:700;margin-bottom:2px;display:inline-block;width:100%;letter-spacing:.2px;text-transform:uppercase}
.inner-block-help .no-help{display:flex;flex-wrap:wrap;align-items:flex-start;padding:10px 24px 5px}
.inner-block-help .no-help figure{width:15%}
.inner-block-help .no-help p{width:85%;text-align:left;line-height:1;padding-left:20px}
.inner-block-help .no-help p a{color:#bf2025;font-size:20px!important;font-weight:400;padding:0!important;display:block}
.help-disc-info{margin-bottom:20px}
.help-disc-info label{color:#000;font-size:14px;display:block;margin-bottom:0;font-weight:600}
.help-disc-info span{display:block;font-size:13px;color:#656565;font-style:italic}
.nav-help-bottom{background:#efefef;margin:0 -18px -13px;display:flex;flex-wrap:wrap;padding:7px 0}
.inner-block-help .nav-help-bottom a{position:relative;padding:0 10px;color:#000;font-weight:700;font-size:15px;display:block}
.inner-block-help .nav-help-bottom a figure{max-width:30px;max-height:30px;text-align:center;display:block;width:100%;margin:0 auto 5px}
.inner-block-help .nav-help-bottom a img{display:inline-block;object-fit:contain;height:29px}
.inner-block-help .nav-help-bottom a:after{content:"";width:1px;height:90%;background:#ccc;top:5px;position:absolute;right:0}
.inner-block-help:after{top:-9px;border-bottom:10px solid #fff}
.inner-block-help figure img{filter:brightness(0) saturate(100%) invert(15%) sepia(68%) saturate(3796%) hue-rotate(346deg) brightness(95%) contrast(95%)}
.topheader .toplogo{padding:0}
.overlay-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:0 0;z-index:-1}
.main-nav li.breastcancer strong, .main-nav li.aware a span.diff-clr b {font-size: 15px;}
.main-nav li.breastcancer small, .main-nav li.aware a span.diff-clr {display: block;font-size: 13px;}
/* Media query started */
@media only screen and (max-width: 1600px) {
    .main-nav a {font-size: 15px;}
    .main-nav li.breastcancer strong, .main-nav li.aware a span.diff-clr b {font-size: 14px;}
    .main-nav li.breastcancer small, .main-nav li.aware a span.diff-clr {display: block;font-size: 12px;}
    .bottomheader {padding-inline: 15px;}
}
@media only screen and (max-width: 1500px) {
    .main-nav a {font-size: 14px;}
}
@media only screen and (max-width: 1400px) {
    ul.cat-list-nav.promo-nav .CommonWidth-menu-350 .dropdown {width: calc(100% - -250px);}
    .main-nav a, .main-nav li.breastcancer strong, .main-nav li.aware a span.diff-clr b {font-size: 13px;}
    .main-nav li.breastcancer small, .main-nav li.aware a span.diff-clr {display: block;font-size: 12px;}
    .bottomheader {padding-inline: 10px;}
}
@media only screen and (max-width: 1300px) {
    ul.cat-list-nav.promo-nav .CommonWidth-menu .dropdown {width: calc(100% - -190px);}
    ul.cat-list-nav.promo-nav .CommonWidth-menu-350 .dropdown {width: calc(100% - -180px);}
    .cat-list-nav .dropdown {width: calc(100vw - 550px);}
    .dropdown-content .custom-nav figcaption h4 {font-size: 13px;}
    ul.cust-pro-list li.custom-product a {font-size: 12px !important;}
    .main-nav li.aware a img {max-width: 30px;}
    .main-nav li.breastcancer img {max-height: 20px;}
}
@media only screen and (max-width: 1200px) {
    .main-nav li.dropdown a::after {width: 5px;height: 5px;top: 17px;}
    .main-nav.desktop-main-nav-asdasd li.dropdown {padding: 0 11px 0 0;}
    ul.cat-list-nav.promo-nav .promo-products-divider{flex-wrap:wrap}
    .CommonWidth-menu-350 .promo-products-divider{flex-wrap:nowrap!important}
    ul.cat-list-nav.promo-nav .CommonWidth-menu .dropdown{width:100%}
    ul.cat-list-nav.promo-nav .CommonWidth-menu-350 .dropdown{width:calc(100% - -100px)}
    .main-nav a, .main-nav li.breastcancer strong, .main-nav li.aware a span.diff-clr b {font-size: 12px;}
    .main-nav li.breastcancer small, .main-nav li.aware a span.diff-clr {display: block;font-size: 11px;}
}
@media only screen and (max-width: 1100px) {
    .main-nav a, .main-nav li.breastcancer strong, .main-nav li.aware a span.diff-clr b {font-size: 11px;}
    .main-nav li.breastcancer small, .main-nav li.aware a span.diff-clr {display: block;font-size: 10px;}
    .main-nav li.aware a {padding: 0 15px;}
    .bottomheader {padding-inline: 5px;}
}
@media only screen and (max-width: 991px) {
    .main-nav li.aware,.main-nav li.clip-box{clip-path:none}
    .bottomheader,.main-nav li.dropdown .dropdown-menu li a::after,.main-nav li:hover .dropdown-menu{display:none}
    .topheader li{border-right:1px solid var(--clr-light)}
    .header-flex.head-tabhide li:first-child{display:block}
    .main-nav{flex-direction:column;transition:.4s}
    .main-nav li a{padding:13px 25px;font-weight:600;font-size:14px;color:#1c1c1c;gap:18px;height: auto;}
    .main-nav li a .mob_icon{display:flex!important;width:38px;height:100%;align-items:center;justify-content:center;margin:0!important}
    .cat-list-nav.brandlist-navmenu{width:100%;height:100%;overflow:inherit;top:54px;left:1px}
    .main-nav li.dropdown a::after{border-left:1px solid var(--clr-dark);border-bottom:1px solid var(--clr-dark);right:15px}
    .main-nav li:hover{background:#ebebeb}
    .main-nav li.aware,.main-nav li:hover .dropdown-menu li a:hover{background-color:transparent}
    .main-nav li a span.menu-text{display:block!important;color:#1c1c1c!important;font-size:14px!important;margin-left:0!important}
    .main-nav li a.show span.menu-text{position:absolute;margin-left:0!important;top:50%;transform:translateY(-50%);left:80px}
    .main-nav li a.show+.dropdown-menu{display:block;background:#f1f1f1;box-shadow:0 0 6px rgba(0,0,0,.05);border:none;left:0;width:100%;position:relative;top:0}
    .help-btn a,ul.cat-list-nav.brandlist-navmenu>li{padding:0}
    .cat-list-nav.brandlist-navmenu ul li{padding:0;background:var(--clr-light);width:33.33%}
    ul.cat-list-nav.brandlist-navmenu>li ul li:hover a{background:var(--clr-light)}
    .main-nav li:hover .dropdown-menu li:hover{background-color:transparent;cursor:pointer}
    .main-nav li.clip-box:hover a{color:var(--clr-sec)}
    .dropdown-menu li{padding-block:0;margin-inline-start:78px;border-block-end:1px solid #d8d8d8}
    .shopby_brand ul li{margin-inline-start:0!important}
    .dropdown-menu li a{font-weight:400;font-size:14px;padding:0!important}
    .dropdown ul li a{color:#555;}
    .dropdown ul li:last-child{background-color:#fff000}
    .dropdown ul li:last-child a{padding:0 15px!important;font-weight:500}
    .main-nav>li>a:hover{background-color:transparent!important;color:var(--clr-dark)!important}
    .topheader .searchbar input{border-bottom:1px solid var(--clr-light)}
    .hamburger-cs{display:block;width:40px;height:30px;border:none;background:0 0;padding:0 8px;flex:0 0 40px}
    .hamburger-cs span{height:2px;background:#000;display:block;margin:5px 0;overflow:hidden;text-indent:-999px}
    .main-nav li.dropdown a.show::after{transform:rotate(135deg);top:20px}
    ul.dropdown-menu>li.nav-newarival>a{width:100%;padding-inline-start:10px!important}
    ul.dropdown-menu>li.nav-newarival>a:hover{background:#ddd108!important}
    .main-nav li.aware a{gap:20px;text-align:start;padding:15px 25px;height: auto;}
    .main-nav li.aware a span.diff-clr{text-align:start;color:#bc2024;font-size:14px;line-height:18px}
    .main-nav li.aware a span span{color:#1c1c1c;font-size:11px}
    .main-nav li.breastcancer strong, .main-nav li.breastcancer span {font-size: inherit;}
    .main-nav li {border-bottom: 1px solid #ddd;}
    .cat-list-nav.brandlist-navmenu ul li a {height: auto;min-height: 70px;padding: 10px 5px !important;}
    .cat-list-nav.brandlist-navmenu ul li a img {max-height: 40px;}
    .cat-list-nav.brandlist-navmenu ul li.shopall-brands a {min-height: unset;height: unset;}
}
@media only screen and (max-width: 575px) {
    .block-help-content {width: 280px;}
    .inner-block-help .head-help span {font-size: 14px;}
    .inner-block-help figure img {width: 20px;}
    .inner-block-help .no-help p a {font-size: 14px !important;}
    .inner-block-help .nav-help-bottom a {font-size: 12px;padding: 0px 5px;}
    .dropdown ul li a {font-size: 13px;}
}