/* HOMEPAGE */
.banner .col-12 {
    position: relative;
}
.find-product-con,
.banner .find-product-con {
    max-width: 100%;
    display: flex;
    padding: 15px 20px;
    border-radius: 2px;
    background: #1D349A;
    cursor: pointer;
    width: 100%;
}
.banner .find-product-con h5{
    padding:0;
    color:black !important;
}
.banner .find-product-con .left-img{
    margin-top:0;
}
.banner .find-product-con{
    z-index:2;
    max-width: 495px;
    padding: 10px 12px;
    border: 1px solid rgba(50, 50, 50, .13);@
    border-radius: 10px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 7px 20px rgba(34, 31, 28, .09);
    align-items:center;
    height:auto;
    margin-top:15px;
}
.find-product-con img{
    height: auto !important;
    position: relative !important;
    width: auto !important;
    left: 0 !important;
    top: 0 !important;
}
.find-product-con .left-img{
      width: 35px;
    margin-right: 16px;
    height: 35px;
    border-radius: 100%;
    background: #f5eee8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
        margin-top: 8px;

}

.find-product-con p,
.find-product-con h5 {
    color:white;
}
nav .find-product-con p {
    color:white !important;
}
.find-product-con h5 {
    padding:0 0 5px;
    display: block;
    font-size: 13px;
    line-height: 1.25;
}
.find-product-con p {
    display: block;
    color: #72777a !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}
.banner .find-product-con h5,
.banner .find-product-con p {
    color:white;
}
.banner .find-product-con p.btn {
    background:#1D349A;
    color: white !important;
    border-color: #1D349A;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 12px;
    margin-left:10px;
    margin-top:0;
}
.banner .find-product-con p.btn:before{
    border-radius:0;
    background:white;
}
.banner .find-product-con p.btn:hover{
    color:#1D349A !important
}
.find-product-con p{
    font-size:12px;
    padding:0;
}
.find-product-con .btn {
    border-radius:2px !important;
    padding:5px 10px;
    background:white;
    color:#1D349A;
    width: 160px;
    font-size: 14px;
    margin-top:10px;
}
.find-product-con .btn span {
    font-size:12px !important;
}
.find-product-con .btn img {
    width:24px !important;
}
.hero {
    margin: 0 auto;
}
.hero-banner {
    position: relative;
    width: 100%;
    border-radius: 18px;
    overflow: hidden;
    background-image: url(../images/banner.jpg);
    background-size: cover;
    background-position: center right;
    background-color: #ffffff;
}
.hero-banner .texture {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255,0.8) 0%, rgba(255, 255, 255, .85) 22%, rgba(255, 255, 255, 0) 46%);
}
.hero-copy {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding:3.4% 0 5.1% 4%;
    max-width: 560px;
    color: #24150f;
}
.hero-copy .label {
    font-size:16px;
    padding:0;
    color: rgba(0,0,0,0.6);
}
.hero-copy h2 {
    font-size: 54px;
    color: #000000;
}
.hero-copy p {
    line-height: 25px;
    color: rgba(0,0,0,0.6);
}
.hero-copy ul {
    padding:15px 0 0;
    margin:0  0;
    font-size:15px;
    display:flex;
}
.hero-copy ul li {
    display:flex;
    align-items:center;
    font-size:14px;
    font-weight:500;
}
.hero-copy ul li svg{
        width: 30px;
    height: 30px;
    stroke: #1D349A;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.hero-copy ul li:before{
    content:"|";
    padding:0 14px
}
.hero-copy ul li:first-child:before{
    display:none
}
.hero .btn-bg {
    width: 185px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;   
    background: #000000;
    border:1px solid #000000;
    color:white;
    border-radius: 2px;
    margin-right:10px;
}
.hero .btn-bg:hover {
    color:#000000;
}
.hero .btn-bg:before{
    background:white;
}
.hero .btn-bg1 {
    background:none;
    color:#000000;
}
.hero .btn-bg1:hover {
    color:white;
}
.hero .btn-bg1:before{
    background:#000000;
}

.slider .item{
    margin: 28px 0;
    border-radius: 15px;
    overflow: hidden;
    width:100%;
}
.mm-navbar__title{
    display: none;
}
.banner .owl-carousel .owl-dots{
    bottom: 50px;
    position:absolute;
    left:0;
    width:100%;
    display:flex;
    justify-content:center;
}
.rituals {
    padding:35px 0 65px;
}
.rituals .item{
    width:100%;
}
.cat-card.sale .ring {
    background: #B23B24;
    color:white !important;
}
.rituals .cat-card{
    display:block;
    margin:10px 2px 0;
    background:none;
}
.rituals .cat-card:hover {
    transform: translateY(-4px);
}
.cat-card .ring {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    margin: 0 auto 14px;
    background: #F0EFEF;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cat-card span {
    font-size: 14px;
    font-weight: 500;
    display:block;
    text-align:center;
    color:#000000 !important;
}
.hme-tbs {
    padding: 65px 0;
}
.hme-tabs .tab-nav{
    justify-content: flex-end;
    background:#F0EFEF;
    width: 262px;
    gap:5px;
    padding:5px;
    float: right;
    border-radius:40px;
}

.hme-tabs .tab-nav li {
    padding: 0;
    background: none;
    margin-left: 0;
}
.hme-tabs .tab-nav li.active {
    color:black;
}
.hme-tabs .tab-nav li:before{
    border-radius:20px;
    background: #000000;
    
}
.hme-tabs .tab-nav li span{
    line-height: 18px;
    padding:10px 20px;
    display:block;
    font-weight:600;
    color:#7e7e7e !important;
}
.hme-tabs .tab-nav li:hover span,
.hme-tabs .tab-nav li.active span{
    color: white !important;
}
.hme-tabs .head{
    margin-top: -32px;
    display: block;
}
.hme-tabs .head h3 {
    line-height: normal;
    padding: 0;
}
.hme-tabs .head p{
    font-size:14px;
}
.category-listing{
    padding-bottom: 25px;
    display:none;
}
.category-listing .head{
    text-align: center;
    display: block;
    padding-bottom: 25px;
}
.category-listing .head h2 em{
    font-family: "Playfair Display", serif;
}
.category-listing .head .item p {
    margin: 15px 0 25px;
    padding: 13px 7px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font-size: 15px;
    font-weight: 500;
    border-radius: 40px;
    border:1px solid rgba(229,229,229,1);
}
.category-listing .head .item p i {
    margin-right:5px;
}

.category-listing .head .item p:hover span{
    color: white;
}
.category-listing .row .row{
    margin: -5px;
}
.category-listing .col-lg-4,
.category-listing .col-lg-8{
    padding: 0;
}
.category-listing .col-lg-8 {
    padding-left: 10px;
}
.category-listing .col-xl-3 {
    padding: 0 5px;
}
.category-listing .prom-con {
    border-radius: 15px;
    overflow: hidden;
}
.category-listing .con{
    background: #F8F9FA;
    text-align: center;
    padding:0 0 15px;
    margin: 5px 0;
    border-radius: 15px;
    overflow: hidden;
}
.category-listing .con p {
    font-size: 17px;
    padding-top: 15px;
}
.category-listing .con span{
    overflow: hidden;
    display: block;
}
.promo-banner {
    padding:15px 0 25px;
    display:none;
}
.promo-banner .con {
    background:#F1F0EB;
    padding:35px 55px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.promo-banner h3 {
    color:#000000
}
.promo-banner h6 {
    font-style: italic;
}
.promo-banner p {
    color: #666666 !important;
}
.promo-banner a{
    width: 138px;
    height: 48px;
    align-items: center;
    justify-content: center;
    display: flex;
    background: #000000;
    border: 1px solid #000000;
    border-radius: 30px;
    color: white;
}
.promo-banner a:before{
    background: white;
}
.promo-banner a:hover{
    color:#000000
}
.trending {
    background: #E9ECEF;
    padding: 45px 0;
    margin: 0 0 45px;
}
.trending .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.trending .prod-list .con-wrap {
    margin:10px 0;
}
/*.trending .trending-bg{*/
/*    background-image: url(../images/trending-bg.jpg);*/
/*    background-size: cover;*/
/*    background-position: center;*/
/*    background-attachment: fixed;*/
/*    border-radius: 20px;*/
/*    padding: 40px 40px 46px;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/
/*.trending .trending-bg:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    background: linear-gradient(180deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .72)), radial-gradient(circle at 90% 0%, rgba(0, 0, 0, .28), transparent 50%);*/
/*}*/
.trending .trending-bg .head {
    position:relative;
}
/*.trending .trending-bg .head h3 small,*/
/*.trending .trending-bg .head h3 {*/
/*    color:white;*/
/*}*/
.brands-list .owl-nav,
.trending .owl-nav{
    position:absolute;    
    right: 0;
    top: -60px;
    display:flex;
    align-items:center;
    gap:8px;
}
.owl-carousel .owl-nav button {
    background: rgba(255, 255, 255, .12) !important;
    border-color: rgba(255, 255, 255, .3) !important;
    backdrop-filter: blur(4px) !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(229,229,229,1) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color:black !important;
    
}
.brands-list.owl-carousel .owl-nav button,
.trending .owl-carousel .owl-nav button {
    position:relative;
    left:0;
    right:0;
}
.trending ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.trending li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F8F9FA;
    margin: 5px;
    width:32.71355%;
    padding: 25px;
    border-radius: 15px;
}
.trending li .left-con{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.trending li img{
    width: 80px;
    margin-right: 15px;
}
.trending li p {
    padding: 0;
}
.trending li h6 {
    font-size: 17px;
    padding: 2px 0;
}
.trending li p a{
    color: #666666;
}
.trending li h6 a {
    font-weight: 600;
    font-family: 'Figtree', sans-serif;
}
.trending li p strong{
    color: #465E67;
    font-weight: 600;
}
.reviews {
    padding: 55px 0;
}
.reviews .head{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.reviews h3 {
    line-height: normal;
    color: #000000;
}
.reviews h3 span{
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
  padding-left: 25px;
  color:#000000 !important;
}
.reviews h3 span i {
    font-size:11px;
    color:#fd9d24;
}
.reviews .head h3 small{
    display:block;
    font-size: 13px;
    padding-bottom:12px;
    text-transform: uppercase;
}
.reviews .rev-list .item{
    padding: 25px 35px;
    background: white;
    width:100%;
    border-radius: 2px;
    margin: 10px 0;
     display: inline-block;
}
.owl-carousel .owl-item,
.owl-carousel .owl-stage{
    display:flex;
}

.reviews .item{
    border: 1px solid rgba(229,229,229,1);
    border-radius: 16px;
    padding: 26px;
}
.reviews .item p{
    color: #000000;
}
.reviews .item i {
    font-size:11px;
    color:#fd9d24;
}
.reviews .reivew-head{
    display: flex;
    align-items: center;
}
.reviews .reivew-head img {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 15px;
}
.reviews .reivew-head h6 {
    line-height: 26px;
}
.reviews .reivew-head h6 small{
    display: block;
    font-size: 14px;
    color:#666666;
}
.reviews p{
    font-size: 16px;
    color:#666666;
}
.reviews p.btn-link a{
    display: flex;
    align-items: center;
    font-size: 14px;
}
.reviews p.btn-link img {
    width: 40px;
    height: 40px;
    border:1px solid rgba(229,229,229,1);
    border-radius: 100%;
    margin-right: 10px;
    object-fit: cover;
}
.reviews p.btn-link span{
    text-decoration: none;
}
.trending-now {    
    margin-bottom: 45px;
    display:none;
}
div.head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 15px;
}

div.head h3{
    line-height:normal;
    color:#000000;
}
div.head h3 span{
    color: #1D349A;
}
div.head a{
    font-size:15px;
}
div.head small {
    font-size:14px;
    color: #000000;
    padding-bottom:12px;
    display: block;
    text-transform: uppercase;
}
.trending-now .item .con{
    background: #F8F9FA;
    border-radius: 15px;
    overflow: hidden;
}
.trending-now .item .con .img{
    overflow: hidden;
}
.trending-now .item .con img {
    width: 100%;
}
.trending-now .item h5 {
    padding: 20px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: normal;
}

.brand {
    padding: 45px 0 55px;
}

.brand .item{
    margin:0 1px;
    border:1px solid rgba(229,229,229,1);
    
    padding: 26px 14px;
    width:100%;
}
.brand .item:hover {
    border-color: #1D349A;
}
.brand .item img {
    max-width: 100%;
    max-height: 48px;
    object-fit: contain;
}
.brands-list .owl-nav{
    right:0;
}
.owl-carousel .owl-nav button {
    color:#000000 !important;
}
.owl-carousel .owl-nav button:hover {
   border-color: #000000 !important;
    background: #F0EFEF !important;
}
.faq .row{
    justify-content: center;
}
.faq [class*="col-lg-"]{
    display:flex;
}
.faq-bg {
    padding:25px 35px;    
    border: 1px solid #f3e2d8;
    border-radius: 2px;
    background-size:cover !important;
    width:100%;
}
.faq-bg-acc {
    background:url(../images/faq1.jpg) no-repeat right center;
}
.faq-con-bg {
    background:url(../images/faq-con1.jpg) no-repeat left center;
    padding: 25px 25px 0 420px;
}
.faq-con-bg p {
    padding-top:20px;
    font-size:15px;
}
.faq img{
    border-radiuS:4px;
}
.faq .accordion {
    width:65%;
}
.faq h3 {
    line-height:normal;
    padding:0;
    font-size:24px;
    font-weight:600;
}
.faq .btn-bg {
    padding: 10px 20px;
    margin: 20px 0 0;
    display: inline-flex;
    background:#1D349A;
    color:white;
}
.faq .btn-bg:before{
    background:black;
}
.faq li {
    font-size: 15px;
    color: #000000;
    line-height: 27px;
    list-style: none;
    list-style:none;
    padding-left:15px;
    position:relative;
}
.faq li:before{
    content:"";
    position:absolute;
    left:0;
    top:11px;
    width:8px;
    height:8px;
    border-radius:100%;
    background:#1D349A;
    
}
.trust-grid {
    padding:18px;
    border-radius: 2px;
    background: #F5F5F5;
    border:1px solid rgba(229,229,229,1);
}
.trust-card {
   display:flex;
   align-items:center;
}
.trust-grid .owl-item {
    display:flex;
    justify-content:center;
   border-left:2px solid #ececec;
}
.trust-grid .owl-item:first-child {
    border-left:none;
}
.trust-card .ring {
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:100%;
    margin-right:15px;
    border:1px solid #f3e2d8;
    background:white;
}
.trust-card svg {
    width: 30px;
    height: 30px;
    stroke: #1D349A;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.trust-card h3 {
    font-size: 15px;
    line-height: 9px;
    padding: 5px 0;
    font-weight:700;
}
.trust-card p {
    font-size: 13px;
    line-height: 1.6;
    color: #A9A9A9;
    font-weight:500;
}
.trust-card .fa-star{
    color:#fd9d24;
    font-size:12px
}
.cols4 {
    padding: 35px 0 0;
}
.cols4 .con {
    text-align: center;
}
.cols4 p {
    padding: 0;
    color:rgba(0,0,0,0.6);
    font-size: 14px;
}
.cols2 [class*="col-lg-"]{
    display:flex;
}
.cols2 h6 {
    padding:0;
    line-height:normal;
    font-size: 16px;
    color:rgba(0,0,0,0.6);
}
.cols2 .con-big {
    background:url(../images/elevate-professional-care.jpg) no-repeat right top;
    background-size:cover;
    border-radius:4px;
    border: 1px solid #f3e2d8;
    padding: 47px 35px;
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.cols2 h3 {
    line-height:normal;
    width:340px;
}
.cols2 .btn-bg {
    padding: 8px 15px;
    margin: 20px 0 0;
    display: inline-flex;
    background: #000000;
    color: white;
}
.cols2 .btn-bg:before {
    background:#1D349A;
    
}
.cols2 .con-small {
    padding: 25px;
    background: #F6F6F6;
    border-radius: 2px;
    border: 1px solid rgba(229, 229, 229, 1);
    width:100%;
}
.cols2 li {
    display:flex;
    padding:12px 0;
}
.cols2 li strong{
    display:block;
}
.cols2 li svg{
   width: 48px;
   margin-right:10px;
    height: 48px;
    stroke: #1D349A;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.blogs {
    padding: 55px 0;
}
.blogs .item{
    border: 1px solid rgba(229,229,229,1);
    border-radius: 2px;
    overflow: hidden;
}
.blogs .img{
    height:305px;
    overflow:hidden;
}
.blogs .img img{
    height:305px;
    object-fit:cover;
}
.blogs .con{
    padding: 20px 22px 24px;
}
.blogs h4 {
    font-size: 18px;
    line-height:normal;
}
.blogs h4 a{
    color: black !important;
    font-weight: 500;

}
.blogs a.link {
    padding-top:5px;
    display:inline-flex;
    font-size:14px;
    color: #1D349A;
}
.blogs p{
    color:#666666;
    padding:0;
    font-size: 14px;
}
.sort{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.sort select {
    border:1px solid rgba(229,229,229,1);
    width: 140px;
    height: 44px;
    padding: 0 20px 0 15px;
    margin-left: 25px;
    border-radius:4px;
    background-position: right 20px center;
}
.sort label {
    display: flex;
    font-size: 15px;
    font-weight: 600;
    align-items: center;
}
.sort label button {
    padding: 0;
    margin: 0 0 0 15px;
    color: #000000;
    font-size:23px;
    position:relative ;
    background:none;
    border:none;
}
.sort label button:before{
    display:none;
}
.sort label button.active,
.sort label button:hover {
    color: #1D349A;
    background:none;
}
.sort label button i {
    margin: 0;
    position: relative;
    z-index: 5;
}
.selection ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.selection ul li {
    margin: 5px 10px 5px 0;
    background: #EDEDED;
    padding:5px 10px;
    overflow: hidden;
    font-size: 13px;
    position: relative;
    cursor: pointer;
}
.selection ul li:before{
    content:"";
    background: #000000;
    width: 0;
    height: 100%;
    
    position: absolute;
    left: 0;
    top: 0;
}
.selection ul li i {
    font-size: 13px;
}
.selection ul li span{
    position: relative;
    z-index: 5;
}
.selection ul li:hover:before{
    width: 100%;
}
.selection ul li:last-child {
    background: none;
}
.selection ul li:last-child:before{
    display: none;
}
.selection ul li:hover{
    color: white;
}
.prod-listing {
    padding: 45px 0 0;
}
.prod-listing .search-wrap{
       width: 70%;
    position:relative;
}
.prod-list.list .col-lg-4 {
    width: 100%;
}
.prod-list .badge{
    position: absolute;
    left: 15px;
    border-radius: 15px;
    top: 15px;
    padding: 5px 10px;
    z-index: 1;
}
.carousel .owl-stage, .carousel  .item,
.carousel .owl-stage .owl-item{
    display:flex;
}
.prod-list.list .con-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 15px 0;
    background: white;
}
.prod-list.list .img {
    width: 165px;
    height:165px;
    border-right:1px solid rgba(229,229,229,1);
}
.prod-list.list .img .actions a {
    margin:0;
}
.prod-list.list .add-cart{
    height:30px;
}
.myaccount-nav__con .con .add-cart,
.prod-list.grid .con .add-cart {
    display: none;
}
.prod-list.list .con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 86%;
}
.prod-list.list .con-left{
    width: 85%;
}
.prod-list.list .con .add-cart {
    width: 200px;
}
.prod-list .row {
    margin: 0 -10px;
}
.prod-list .col-lg-4 {
    padding: 3px;
    display:flex;
}
.prod-list .con-wrap {
    background:#F6F6F6;
    border-radius: 2px;
    border:1px solid rgba(229,229,229,1);
    margin: 10px;
    overflow: hidden;
    width:100%
}
.prod-list .con-wrap:hover{
    box-shadow: 0 20px 36px -22px rgba(0, 0, 0, .35);
    border-color: #1D349A;
}
.prod-list .img {
    height: 295px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    background: white;
    position: relative;
}
.prod-list .img .actions {
    position: absolute;
    right: -15px;
    opacity: 0;
    visibility: hidden;
    top: 15px;
}
.prod-list .img .actions a{
    display: block;
    width: 38px;
    background: #F8F9FA;
    margin: 10px 0;
    height: 38px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}
.prod-list .img .actions a i {
    position: relative;
    z-index: 1;
}
.prod-list .img .actions a:hover i{
    color: white !important;
}
.prod-list .con-wrap:hover .actions {
    opacity: 1;
    right: 15px;
    visibility:visible
}
.prod-list .con-wrap:hover .img .add-cart {
    opacity: 1;
    visibility: visible;
    bottom: 15px;
}
.prod-list .add-cart{
    margin:auto;
    width: 80%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:#1D349A;
    font-size:14px;
    border:1px solid #1D349A;
    overflow: hidden;
    color: white;
    position: relative;
}
.prod-list .add-cart:before{
    background:#F7F6F4;
}
.prod-list .add-cart:hover {
    color:#1D349A !important;
}
.prod-list .img .add-cart {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -45px;
    opacity: 0;
    visibility: hidden;
}

.prod-list .img .actions a:before{
    border-radius: 100%;
}
.prod-list .add-cart span{
    position: relative;
    z-index: 5;
}
.alert-info li a:hover:before,
.prod-list .img .actions a:hover:before,
.prod-list .add-cart:hover:before {
    width: 100%;
}
.prod-list .add-cart:hover{
    color: white;
}
/*.prod-list .img img {*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*}*/
.category-listing .con:hover img,
.category-listing .prom-con:hover img, .blogs .item:hover img,
.trending-now .item:hover .con  img,
.prod-list .con-wrap:hover .img img {
    transform: scale(1.1);
}
.prod-list .con {
    padding: 25px;
}
.prod-list h6 {
    padding: 0 0 8px;
    font-size: 12px !important;
    font-weight: 600;
    line-height: normal;
    color: rgba(0,0,0,0.6) !important;
}
.prod-list h5 {
    line-height: normal;
    padding: 3px 0;
    font-size:15px;
}
.prod-list h5 a{
    font-weight:600;
}
.prod-list p {
    padding: 0;
    font-size: 14px;
    color: #1D349A;
    font-weight:500;
}
.prod-list p a{
    color: #1D349A;
    font-weight: 700;
    
}
.prod-list .no-products p {
    color:#000000;
}
/* FILTER */
/*.sidebar{*/
/*    position: sticky;*/
/*    top: 20px;*/

/*}*/
.sidebar .scroll1 {
    height:95vh;
}
.sidebar .filter-list-con{
    margin-right:25px;
    
}
.filter-list-con{
    border-top: 1px solid rgba(229,229,229,1);
    padding: 15px 0;
}
.gift-page .filter-list-con {
    border-top:none;
}
.filter-list-con .scroll {
    height: 210px;
}   
.filter-list-con.first{
    border: none;
    padding-top: 0;
}
.filter-list-con h6 {
    font-size: 14px;
    line-height: normal;
    font-weight: 700;
}
.filter-list li label {
    width: 100%;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    padding: 9px 0 0 30px;
    font-size:14px;
}
.filter-list li label span{
    color:#000000 !important;
}
.filter-list input[type="checkbox"]:checked+label span{
    color:#1D349A !important;
}
.filter-list input[type="checkbox"]:checked+label:before {
    background:#1D349A !important;;
    
}
.filter-list li .accordion label {
    width:90%;
}
.filter-list li .accordion .accordion-title {
    border:none;
    padding:0;
}
.filter-list li .accordion .accordion-title:after {
    top:3px;
}
.filter-list li .accordion ul {
    padding:0;
}
.filter-list li .accordion ul li{
    list-style:none;
}
.filter-list li .accordion .accordion-content {
    padding:0;
}
.filter-list li .accordion .checkbox.active ~ + .accordion-content {
    display:block;
}
.filter-list li label small{
    font-size: 12px;
    display: block;
    padding: 3px 11px;
    border-radius: 20px;
    color: rgba(0,0,0,0.5);
}
.filter-list .pack-list li {
    padding:5px 0;
}
/* PRODUCT DETAILS */
.prod-details{
    padding: 15px 0;
}
.prod-details .tabs-nav{
    border-bottom:1px solid rgba(0,0,0,0.15)
}
.prod-details .tab-nav {
    padding-left:0 !important;
}
.prod-details .tab-nav li {
    text-transform:uppercase;
}
.prod-details .container {
    max-width: 1585px;
}
.prod-details .breadcrumb {
    margin-bottom:25px;
}
.breadcrumb li {
    font-size:13px;
}
.breadcrumb li:before {
    content:"\f105";
    padding: 0 7px;
    font-family: "Font Awesome 7 Pro";
    font-weight:700;
    color:rgba(7,40,53,0.5)
}
.breadcrumb li:first-child:before{
    display: none;
}
.prod-details .badge{
    position: absolute;
      left: 165px;
    top: 35px;
    z-index: 15;
}
.prod-details1 .badge {
    left:20px;
}
.prod-details1 .right-con h6 {
    font-size:14px;
    color:#B23B24;
}
.prod-details1 .prod-shrt + h6 {
    font-size:14px;
}
.prod-details .col-lg-5 {
    padding-left: 45px;
}
.prod-details a{
    position: relative;
}

.prod-details a.wishlist {
    display: block;
    font-size:14px;
    position:absolute;
    right:15px;
    top:15px;
    z-index:15;
}
.prod-details a.wishlist:hover svg{
    fill:#1D349A;
    stroke:#1D349A
}
.prod-details .vendor {
    font-size: 16px;
    padding-bottom: 0;
}
.quick-view .main-slide .item,
.gallery .item{
    height: 450px;
    margin:2px;
    overflow: hidden;
}
.quick-view .img img,
 .gallery .item img {
    height: 100%;
    object-fit: cover;
    width: auto;
    margin: 0 auto;
}
.works-best {
    padding:25px 0 0;
}
.works-best h6 {
    text-align:center;
    padding: 0;
    font-size:16px;
    margin-bottom:-10px;
    font-weight:700;
}
.works-best .product-clip {
    border:1px solid rgba(229,229,229,1);
    padding:15px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    margin:15px 0;
}
.works-best .product-clip:hover{
    border-color: #1D349A;
}
.product-clip__image a {
    display:flex;
    align-items:center
}
.product-clip__image a img{
    width:90px;
}
.product-clip__image a h5 {
    color:black;
    font-size:16px;
}
.works-best .product-clip:hover h5 {
    color: #1D349A;
}
.product-clip-right p {
    text-align:right;
    font-size:15px;
    font-weight:600;
}
.works-best .product-clip a.btn-bg{
    padding:8px 15px;
    background:#000000;
    border:1px solid #000000;
    font-size:13px;
}
.works-best .product-clip a.btn-bg span{
    color:white;
    background:none;
}
.works-best .product-clip a.btn-bg:before{
    background:white;
}
.works-best .product-clip a.btn-bg:hover span{
    color:#000000
}
.accordion-item{
    border: none;
    background: none;
}
.accordion-title {
  padding: 15px 0;
  background: none;
  cursor: pointer;
    font-weight:500;
  position: relative;
  border-bottom: 1px solid white;
}
.accordion-title:after {
    content:"+";
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 24px;
}
#quickviewModal .scroll {
    height:83vh!important;
}
#quickviewModal .scroll .mCSB_container{
    padding-right:45px;
}
#quickviewModal .scroll h2.head a {
    margin-bottom:12px;
    display:block;
}
#quickviewModal .product-detail__desc p {
  font-size: 15px;
    padding: 5px 0; 
    color: #666666;
    line-height: 27px;
}
#quickviewModal .btn-wrap {
    margin:0;
}

 #quickviewModal .qty-wrap .add-to-cart {
    width: 65%;
    justify-content: center;
    background: #1D349A;
    border-radius: 2px;
}
#quickviewModal .qty-wrap .add-to-cart:hover{
    background:#182b80;
}
.accordion-content {
  display: none;
  padding: 15px 0 0     ;
  border: none !important;
}

.accordion-title.active {
    border-bottom-color:black
}
.accordion-title.active:after{
    content:"-"
}
.accordion p {
    font-size: 15px;
    line-height: 25px;
    font-weight:500;
}
.accordion ul {
    padding-left: 20px;
}
.accordion li {
    font-size: 15px;
    padding: 3px 0;
    list-style:disc;
}
.pay-info {
    background:#F7F6F4;
    padding: 25px;
    margin-top: 35px;
}
.pay-info h5 {
    line-height:normal;
    font-size: 20px;
    padding: 0 0 35px;
    font-weight: 600;
}
.pay-info ul {
    list-style:none;
    display: flex;
    padding: 0;
}
.pay-info ul li {
    padding: 0 5px;
    list-style: none;
}

h2.head {
    line-height: normal;
    font-size: 36px;
    color:#000000;
    font-weight: 600;
    padding-bottom: 0;
    line-height: normal;
}
h2.head small {
    display: block;
    font-size: 13px;
    padding: 0;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    color: #1D349A;
}
.right-con h4 {
    font-size: 23px;
    font-weight: 700;
    font-family: 'Figtree', sans-serif;
    line-height:normal;
}
.right-con .flex {
    display: block;
}
.right-con .flex h4 {
    padding-bottom: 0;
}
.right-con .flex p {
    display: flex;
    align-items: center;
    font-size: 13px;
    padding-top: 0;
}
.right-con p {
    font-size: 16px;
    color: #666666;
    line-height: 27px;
}
.right-con p.per-mod{
    font-size:15px;
    color:#1D349A;
}
.right-con p.per-mod a{
    color:#1D349A;
        background-position-x: var(--transform-origin-start);
    background-position-y: bottom;
    background-size: 100% var(--reversed-link-gap);
}
.right-con p.per-mod a:hover{
        background-position-x: var(--transform-origin-end);
    background-size: 0% var(--reversed-link-gap);
}
#quickviewModal .product-detail__desc,
.right-con .prod-shrt{
    padding: 15px 0;
    font-size:15px;
        color: #666666;
    line-height: 27px;
}
#quickviewModal .product-detail__desc{
     display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom:5px;
  padding-bottom:0;
}
#quickviewModal .addition-info {
    border-top:1px solid rgba(229,229,229,1);
    padding-top:25px;
    margin-top:25px;
}
#quickviewModal .thumb-slider {
    width:100%
}
/*#quickviewModal .thumb-slider .owl-stage-outer{*/
/*    display: flex;*/
/*    justify-content:center;*/
/*}*/
.tab-con ul  li,
.product-detail__desc ul li,
.right-con .prod-shrt ul li {
    margin-left: 0;
}
.right-con .prod-shrt p {
    font-size: 15px;
    padding: 5px 0;
}
.tab-con ul,
.right-con .prod-shrt ul {
    padding-left: 0 !important;
}
.prod-details .tab-con ul,
.prod-details .right-con .prod-shrt ul {
    padding-left: 15px !important;
}
.tab-con ul  li,
.product-detail__desc ul li,
.right-con .prod-shrt li {
    font-size: 15px;
    color: #666666;
    line-height: 27px;
    list-style: none;
    list-style:none;
    padding-left:15px;
    position:relative;
}
.tab-con ul  li:before,
.product-detail__desc ul li:before,
.right-con .prod-shrt li:before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:8px;
    height:8px;
    border-radius:100%;
    background:#1D349A;
    
}
.tab-con ul  li {
    color:black;
}
.tab-con ul{
    padding-bottom:10px;
}
.tab-con h5 {
    font-size:17px;
    line-height:normal;
    font-weight:600;
}
.tab-con p{
    padding:0 0 15px;
}
.prod-details .tab-con p,
.prod-details .tab-con li{
    color:#666666;
    font-size:15px;
}
.right-con .size {
    font-size: 16px;
    padding:0;
}
.tab-pane  iframe {
    width: 400px;
    height: 300px;
    margin: 15px 0;
}
 .qty-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin:15px 0
}
 .qty {
    border: 1px solid rgba(229,229,229,1);
    width: 130px;
    padding: 9px 10px;
    height: 40px;   
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
 .qty input {
    text-align: center;
    width: 50%;
    padding:0;
    border-radius: 0 !important;
    background: none !important;
    border: none !important;
}
 .qty button {
    background: none;
    padding: 0;
    border: none;
    color: #000000;
}
 .qty-wrap button {
    height: 40px;
    display: flex;
    align-items: center;
    margin:0 0 0 15px;
    border-radius: 2px;
}
.gift-price {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    margin:10px 0;
}
.gift-price label{
    width:100%;
}
.gift-price select,
.gift-price input[type="text"] {
    width:190px;
    margin-right:10px;
    border-radius:0;
}
.gift-price button,
 .prod-details .qty-wrap .add-to-cart {
    width: 74%;
    justify-content: center;
    background:#1D349A;
    border-radius: 2px;
}
.gift-price button {
    width:65%;
}
.gift-price button:hover,
 .prod-details .qty-wrap .add-to-cart:hover{
    background:black;
}
.btn-wrap button {
    border: 1px solid #000000;
    color: #000000;
    padding: 10px 19px;
    background: none;
    font-size: 14px;
    border-radius: 2px;
    margin-right: 15px;
}
.btn-wrap button:hover,
.btn-wrap button.active{
    background: #1D349A;
    border-color: #1D349A;
    color: white;
}
.info {
    padding: 15px 0;
    border-top: 1px solid #E6E9EB;
    margin-top: 25px;
}
.info li {
        padding: 4px 0;
    font-size: 15px;
}
.info li i {
    
    color: #1D349A;
    margin-right: 10px;
}

.gallery-wrapper {
    margin: 0 auto;
}
.main-slide .owl-item div{
    width:100%;
}
.main-slide{
    position:relative;
}
.gallery-wrapper .star{
    position:absolute;
    right:15px;
    background:#F8F9FA;
    border-radius:3px;
    padding:3px 8px;
    top: 60px;
    z-index:15;
    border:1px solid #DEE2E6;
    font-size: 12px;
    border-radius: 15px;
}
.gallery-wrapper .star li {
    display: flex;
    padding:0;
    align-items: center;
    color:#000000 !important;
    font-size: 12px;
    
}
.gallery-wrapper .star img{
    display:none;
    margin-right:10px;
    width:12px;
}
.gallery-wrapper .star img:first-child{
    display:block;
}
.main-slide img {
    height: 650px;
    width:auto !important;
    object-fit: cover;
    width: auto;
    margin: 0 auto;
}
.gallery-main1,
.main-slide .owl-item div {
    border: 1px solid #E6E9EB;
    margin:2px 5px;
    
}
.main-slide .owl-item div {
    position:relative;
}
.main-slide .owl-item div span{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 25px;
    width: 130px;
    text-align: center;
    background: rgb(255 255 255 / 80%);
    padding: 8px 15px;
     border: 1px solid #1D349A; 
    border-radius: 4px;
    color: #1D349A;
        backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.gallery-main1 {
    width:100%;
    display:flex;
    justify-content:center;
}
.quick-view .main-slide img{
    height: auto;
}
.main-slide1 {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    border:1px solid rgba(229,229,229,1);
}
.gallery-wrapper .slick-arrow{
    position: absolute;
    top: 0;
    bottom: 0;
    background: none !important;
    margin: auto;
    padding: 0;
    width: 29px;
    height: 29px;
    z-index: 15;
}
.gallery-wrapper .slick-arrow:before{
    font-size: 29px;
}
.gallery-wrapper .slick-next{
    right: 25px;
}
.gallery-wrapper .slick-prev{
    left: 25px;
}
.quick-view .gallery-wrapper {
    width: 450px;
}

.prod-details .thumb-slider .item {
    cursor: pointer;
    height: 70px;
    margin:0 10px
}
.prod-details .thumb-slider .item {
    height: 400px !important;
}

.thumb-slider img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border: 1px solid rgba(229,229,229,1);
    transition: 0.3s;
    border-radius: 5px;
    margin:1px;
}

.thumb-slider .current img {
    border-color: #000000;
}
.thumb-slider{
    width: 300px;
    margin: 15px auto 0;
}

.prod-details .gallery-wrapper{
    display: flex;
    flex-wrap: wrap;
    position: sticky;
    top: 80px;
}
.prod-details .thumb-slider{
    width: 84px;
}
.prod-details .thumb-slider .owl-item>div{
    margin:2px;
    
}
.prod-details .thumb-slider img {
    width: 84px;
    height: 84px;
}
.quick-view-bg .alert-info,
.prod-details .alert-info {
    background: none;
    border: none;
    padding: 0;
    border-radius: 0;
}
.quick-view-bg .alert-info li,
.prod-details .alert-info li{
    background: none;
    border: 1px solid #E6E9EB;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:10px 15px;
}
.quick-view-bg .alert-info li span,
.prod-details .alert-info li span {
    display: flex;
    align-items: center;
}
.quick-view-bg .alert-info li p,
.prod-details .alert-info li p {
    font-size: 14px;
    line-height: 22px;
    color:#666666;
}
.quick-view-bg .alert-info li p strong,
.prod-details .alert-info li p strong{
    display: block;
}
.quick-view-bg .alert-info li span i,
.prod-details .alert-info li span i {
    font-size: 28px;
    color: #1D349A;
    margin-right: 15px;
}
.trending-now .item .btn-bg,
.trending li .btn-bg,
.alert-info li a{
    width: 32px;
    height: 32px;
    border: 1px solid rgba(229,229,229,1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    overflow: hidden;
}
.trending-now .item .btn-bg i,
.trending li .btn-bg i,
.alert-info li a i {
    position: relative;
    z-index: 5;
}
.trending-now .item:hover .btn-bg,
.trending li .btn-bg:hover, .trending li:hover .btn-bg,
.alert-info li a:hover {
    color:white;
}
.prod-details .alert-info li a:after{
    display: none;
}
.related-product{
    margin: 25px 0;
}
.related-product .item{
    background: #F8F9FA;
    padding:15px;
    width:100%;
    height: auto;
}
.related-product .item h6 {
    padding: 0;
    font-size: 17px;
}
.related-product .item p {
    padding: 0 0 15px;
    font-size: 15px;
    font-weight: 600;
}
.related-product .item .img{
    height: 195px;
    background: white;
    margin-bottom: 15px;
    overflow: hidden;
}
.related-product .item img{
    height: 195px;
    object-fit: cover;
}
.related-product .item a:after{
    display: none;
}
.related-product .item .con a.add-cart{
    width: 130px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
    border-radius: 40px;
    border: 1px solid #000000;
    color:white;
    overflow: hidden;
}
.related-product .item .con a.add-cart span{
    position: relative;
    z-index: 5;
}
.related-product .item .con a.add-cart:before{
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: white;
    border-radius: 40px;
}
.related-product .item .con a.add-cart:hover:before{
    width: 100%;
}
.related-product .item .con a.add-cart:hover{
    color:#000000
}
.additional-info{
    padding: 25px 0;
}
.quick-view .additional-info{
    padding-top: 0;
}
.additional-info h6 {
    padding: 0;
    font-size: 15px;
}
.additional-info p {
    padding: 0;
    font-size: 14px;
}
.prod-spec {
    padding-top:55px;
}
/*.prod-spec .container {*/
/*    border-top: 1px solid rgba(229,229,229,1);*/
/*}*/
.prod-spec .row{
    justify-content: center;
}
.prod-spec .prod-tab-con .row{
    padding: 0 0 55px;
}
.prod-spec .tab-content {
    padding-top:15px;
}
.tab-nav {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0 0 0 15px;
}

.tab-nav li {
    padding: 10px 20px;
    background: #F8F9FA;
    cursor: pointer;
    position: relative;
    font-size:15px;
    overflow: hidden;
}
.tab-nav li span{
    position: relative;
    z-index: 5;
}
.tab-nav li:hover,
.tab-nav li.active {
    color: #fff;
}
.tab-nav li:before {
    background:#1D349A;
}
.tab-con video {
    width:100%;
}

.alert-danger{
    font-size:12px;
    padding:10px;
    display:flex;
    
}
.alert-danger i {
    margin-right:5px;
    margin-top:5px;
}
.alert-danger label {
    background:none !important;
    color:black;
}
.alert-danger .checkbox label:before {
    border-color:black;
}
.product-detail .btn-wrap{
    margin:0;
}
.tab-pane {
    display: none;
    padding: 0;
}
.tab-pane .carousel .item{
    transform: translateY(20px);
}

.tab-pane.active {
    display: block;
}
.tab-pane.active .carousel .item{
    transform: translateY(0);
}
.review-list {
  text-align: left;
}

.review-list > .review-item:last-child {
  border-bottom: 0;
}

.review-item {
  padding: 25px 0 15px 45px;
  position: relative;
  border-bottom: 0.1rem solid #e1e1e1;
}

.review-item__fletter {
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #929397;
  top: 25px;
  left: 0;
  color: #ffffff;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  z-index: 5;
  text-transform: uppercase;
}

.review-item__name {
  font-size: 18px;
  line-height: normal;
  color: #929397;
  font-weight: 500;
  padding: 0;
}

.review-item > h5 {
    font-size: 16px;
    line-height: normal;
    padding: 8px 0 0;
    color: #333;
}


.review-rating {
  margin-bottom: 1rem;
}
#reviews .btn {
  width: 170px;
    margin: 25px auto 0;
    float: none;
    display: block;
}
#reviews .btn a {
    position: relative;
    z-index: 5;
    color: white;
}
#reviews .btn:hover a{
    color: #000000;
}
.thumb-slider .slick-track{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.quick-view .thumb-slider .slick-track{
    gap: 0;
}
.owl-carousel .owl-nav button {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 31px !important;
}
.owl-carousel .owl-nav .owl-next{
    right: -5px;
}
.owl-carousel .owl-nav .owl-prev{
    left: -5px;
}
/* CART */
.cart {
    padding:55px 0 35px;
}
.checkout .goal,
.cart .goal {
  margin-top: 22px;
  border: 1px solid #f3e2d8;
  background: #FAF7F5;
  border-radius: 10px;
  padding: 18px;
  width:100%;
}
.checkout .goal-top,
.cart .goal-top {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
.checkout .goal strong,
.cart .goal strong {
  color: black;
}
.cart .goal strong {
  color: #1DB137;
}
.checkout .goal .bar,
.cart .bar {
  height: 8px;
  background: #e7ebed;
  border-radius: 9px;
  margin-top: 12px;
  overflow: hidden;
}
.checkout .goal .bar span,
.cart .bar span {
  display: block;
  height: 100%;
  width: 53%;
  background: #1DB137;
}
.checkout .container,
.cart .container {
    max-width: 1320px;
}
.res-list {
    justify-content:space-between;
}
.res-list li {
    font-size:16px;
    padding:15px;
    background:white;
    width:31.333%;
    border:1px solid rgba(229,229,229,1);
}
.res-list li i {
    font-size:15px;
    margin-bottom:10px;
}
.res-list li strong{
    display:block;
}


.cart-grid .col-lg-8 {
    padding-right:25px;
}
.cart-grid .con {
    width:100%;
}
.cart table{
    border: none;
    border-bottom: 1px solid #e1e1e1;
}
.cart td img{
    margin-right: 15px;
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.cart h5 {
    padding: 0;
}
.cart .related-products {
    padding-top:25px;
    border-top:1px solid #e1e1e1;
    margin-top:25px;
    width:100%
}
.cart .related-products h5 {
        line-height: normal;
    color: #1D349A;
    font-weight: 600;
    padding: 5px 0;
}
.cart .related-products>h5 {
    padding:0;
}
.cart table h5 span {
    font-size:13px;
    font-weight: 400;
    color: #6c777d;
    padding-left:10px;
}
.cart table h5  {
    font-size: 16px;
    line-height:20px;
    padding:0;
}
.cart table p {
    font-size:14px;
    padding:0;
}
.cart h6 {
    padding: 0;
    font-size: 16px;
    color:black;
}
.cart h5 a{
    font-size: 15px;
    margin-left: 0;
}
.cart .qty {
    background: white;
}
.cart td {
    padding:10px 0;
}
.cart td.t-top {
    vertical-align: top;
}
.cart .radio-btn{
    margin: 0;
}
.cart .radio-btn label {
    padding: 6px 20px 6px 30px;
}
.cart .radio-btn label:before {
    top: 5px;
}
.cart .radio-btn label:after{
    top: 10px;
}
.cart tr:nth-child(even),
.cart tr:hover:nth-child(even),
.cart tr:hover {
	background: none !important
}
.side-cart{
    background: #F8F9FA;
    padding: 25px;
    border-radius: 20px;
    margin-top: 45px;
    width:100%;
}
.side-cart label {
    background: none  !important;
    padding: 10px 0;
    font-size: 16px;
}
.side-cart button.btn-bg:before {
    background: #1D349A;
}
button.btn-bg {
    margin-top: 15px;
    border: 1px solid #000000;
}
button.btn-bg:hover {
    color: white;
    background:black
}
.side-cart ul {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    padding:25px 0 0;
}
.side-cart li {
    font-size:13px;
    text-align:center;
}
.side-cart li i {
    display:block;
    color: #1D349A;
    margin:0 auto 15px;
    font-size:16px;
}
.side-cart h5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    padding: 10px 0;
    line-height: 22px;
}
.side-cart h5 span small {
    width: 100%;
}
/* .side-cart h5.discount {
    color: #07bd07;
} */
.side-cart h4 span:first-child,
.side-cart h5 span:first-child{
    width:71%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.side-cart h4 {
        color: #1D349A;
    font-weight: 700;
    font-size: 19px;
}
.side-cart h5.total {
    margin-top:15px;
    font-weight: 700;
    border-top: 1px solid rgba(229,229,229,1) !important;
    font-size: 16px;
    color: #B23B24;
}
.side-cart h5 span:first-child{
    flex-direction:column;
}
.display-shipping select{
        padding: 5px 10px;
        height:auto;
        border:1px solid #e1e1e1;
    font-size: 11px;
}
.checkout .btn-bg,
.side-cart .btn-bg1 {
    width: 100%;
    background: #000000;
    border-color: #1D349A;
}
.checkout .btn-bg {
    background: #1D349A !important;
    border-color: #1D349A;
}
.checkout .btn-bg:before {
    background: black;
}
.side-cart p.link{
    padding: 15px 0 0;
    text-align: center;
    font-size: 13px;
}
.cart .related-product{
    margin-top: 85px;
    padding-top: 35px;
    border-top: 1px solid #e1e1e1;
}
.cart p .btn-bg{
    width: 280px;
    height: 40px;
    padding: 0 25px;
     border:1px solid #B23B24;
    background: #FFE4E8;
    font-size:14px;
    color:#B23B24;
    display: flex;
    align-items: center;
    margin-top: 25px;
}
.cart p .btn-bg:before{
    background:#B23B24;
}
.side-cart .btn-bg1, .side-cart .btn-bg1:before, .side-cart, .checkout .btn-bg, .checkout .btn-bg:before,
.cart p .btn-bg, .cart .qty, .cart select, .checkout select, .checkout .input,
.checkout input[type="text"],
.cart p .btn-bg:before{
    border-radius: 2px;
}
.cart p .btn-bg span{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.cart p .btn-bg span span {
    display:block;
}
.cart p .btn-bg:hover {
    color: WHITE;
}
/* CHECKOUT */
.checkout {
    position: relative;
}
.checkout-address {
    border:1px solid rgba(0,0,0,0.1);
    border-radius:4px;
    padding:5px 25px 15px;
}
.checkout-address h5 {
    display:flex;
    align-items:center;
    font-weight:600;
    font-size:16px;
    line-height:normal;
    justify-content:space-between;
}
.checkout-address h5 a{
    font-size:13px;
    color:#1D349A;
}
.checkout-address .tab-nav{
    padding:0;
    width:100%;
}
.checkout-address .tab-nav li {
    background:none;
    padding:0;
    border:none;
    border-radius:0;
}
.checkout-address  label{   
    background:none;
    padding:15px 10px 15px 36px;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:4px;
    width:100%;
    color:#787575;
}
.checkout-address  label strong{
    color:black;
}
.checkout-address .radio-btn label:before {
    left:10px;
    top:14px;
}
.checkout-address .radio-btn label:after {
    left:15px;
    top:19px;
}
.checkout-address input[type="radio"]:checked+label {
    border-color:#1D349A;
    background:#f7f9ff !important;
}
.checkout-address .radio-btn label strong{
    display:block;
}
.checkout-address  label h6 {
    padding:0;
    line-height:normal;
    display: flex;
    font-size:15px;
    align-items: center;
    justify-content: space-between;
}
.checkout-address  label h6 a{
    color:#1D349A;
    font-size:12px;
}
.checkout-address label p{
    padding:0;
    font-size:13px;
    line-height:22px;
}
.checkout-address .tab-content {
    padding:15px 0 0;
}
.checkout:before {
    content:"";
    position: absolute;
    right: 0;
    top: 0;
    width: 42%;
    height: 100%;    
    background: #F8F9FA;
}
.checkout h4{
    padding-bottom: 0;
    font-weight: 600;
}
.checkout h4.flex {
    justify-content: space-between;
}
.checkout h4.flex a{
    font-size: 15px;
    color: #B23B24 !important;
    font-family: 'Figtree', sans-serif;
}
.checkout .container{
    z-index: 10;
    position: relative;
    padding: 55px 15px;
}
.checkout .row{
    justify-content: center;
}
.checkout select,
.checkout input[type="text"] {
    margin: 10px 0;
}
.checkout .flex {
    justify-content: space-between;
}
.checkout .flex select,
.checkout .flex input[type="text"] {
    width:48%
}
.checkout .flex1 select,
.checkout .flex1 input[type="text"] {
    width:32.333%
}

.checkout .input input[type="text"]{
    border:none;
    margin: 0;
    width: 100%;
}
.checkout .flex .input {
    width: 48%;
}
.checkout .col-lg-4 {
    padding-left: 35px;
}
.checkout .side-cart-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.checkout .side-cart-info h6 {
    display: flex;
    line-height: normal;
    font-size: 15px;
    font-weight: 600;
    align-items: center;
}
.checkout .side-cart-info img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    margin-right: 15px;
}
.checkout .side-cart-info h6 small{
    font-size: 13px;
    font-weight: 400;
}
.checkout .side-cart-info p {
    font-size: 15px;
    font-weight: 500;
}
.checkout .total {
    margin-top: 15px;
}
.checkout .total h5,
.checkout .total h6 {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
}
.checkout .total h6 {
    font-size: 15px;
}
.checkout .side-cart {
    position: sticky;
    top: 80px;
    padding: 0 25px;
    margin-top: 0;
    background: none;
}
.checkout .side-cart h3 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
}
.checkout .side-cart h4 {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 15px;
}
.checkout .pick-info li{
    border: 1px solid #e4dcf8;
    padding: 15px;
    border-radius: 20px;
}
.checkout .pick-info h6 {
    display: flex;
    font-size: 16px;
    padding: 5px 0 0;
    justify-content: space-between;
}
.checkout .pick-info small{
    font-size: 13px;
    
}
.checkout .pick-info small i {
    margin-right: 5px;
}
.checkout .alert {
     border: 1px solid #e1e1e1;
     margin-top: 15px;
     background: #E9ECEF;
}
.checkout .alert ul {
    padding-left: 25px;
}
.checkout .alert li {
    padding: 5px;
    list-style-type: disc;
    font-size: 13px;
}
.breadcrumb li:first-child:before{
    display: none;
}

/* MY ACCOUNT */
/* PAGE TITLE */
.page-title {
    position: relative;
    overflow: hidden;
    height: 180px;
    width: 100%;
    display: flex;
    background:#F7F6F4 !important;
    justify-content:center;
    text-align:center;
    align-items: center;
    margin: 0 auto 35px;
    border-radius: 0;
}
.page-title .container{
	position: relative;
	z-index: 10;
}
.page-title h2 {
	font-weight: 500;
	font-size: 48px;
	position: relative;
	padding-bottom:0; 
}
.page-title h3:before{
	content:"";
	position: absolute;
	left: -75px;
	top: 0;
	margin: auto;
	bottom: 0;
	background: white;
	width: 45px;
	height: 1px;
}
.page-title h6 {
	color: white;
	font-weight: 400;
}
.page-title ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content:center;
}
.page-title ul li {
	padding-left: 44px;
	position: relative;
}
.page-title ul li:before {
	content: '';
	position: absolute;
	left: 12px;
	top: 11px;
	width: 20px;
	height: 1px;
	background-color: #0e283c;
}
.product-details .bredcrumb li:before{
    background-color: #0e283c;
}
.page-title ul li:first-child {
	padding-left: 0;
}
.page-title ul li:first-child:before {
	display: none;
}

.account-information{
    padding: 35px 0 ;
}
.chosen-container-single .chosen-single,
.field-wrap input[type="text"], 
.field-wrap input[type="tel"], 
.field-wrap select, 
.field-wrap input[type="email"], 
.field-wrap input[type="password"], 
.account-information input[type="email"], 
.account-information input[type="text"], 
.account-information input[type="password"], 
.account-information input[type="tel"], 
.account-information input[type="date"], 
.account-information select, 
.account-information textarea,
.account-information button {
    border-radius: 5px;
}
.account-information .field-wrap {
    padding: 15px 0;
}
.myaccount-nav {
	border: 1px solid rgba(229,229,229,1);
}

.shop-list .mobile-menu-close,
.myaccount-nav .mobile-menu-close {
	display: none;
}

.myaccount-nav__row {
	padding:15px 0 10px;
	border-bottom:  1px solid rgba(229,229,229,1);
}
.myaccount-nav__row h4 {
    font-size:15px;
    padding:0 15px 10px;
    text-transform:uppercase;
    color:#ADB5BD;
}
.myaccount-nav__row h4 svg{
    width:15px;
    margin-right:5px;
}
.myaccount-nav h6 {
	text-transform: uppercase;
	margin: 0;
	font-weight: 700;
	font-size: 17px;
	color: #333333;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.myaccount-nav h6 i {
	margin-right: 10px;
}

.myaccount-nav__list {
	list-style: none;
	margin: 0;
}

.myaccount-nav__list>li>a {
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	line-height: 22px;
	padding:7px 15px;
	display: block;
	border-left:4px solid transparent;
}

.myaccount-nav__list>li>a:hover,
.myaccount-nav__list>li>a:focus,
.myaccount-nav__list>li.active>a {
	color: #1D349A;
	border-left-color: #1D349A;
	background:#EEF8F8;
}

.logout {
	color: #B23B24;
	font-weight:600;
	text-decoration: none !important;
}

.myaccount-nav__con {
	padding:15px 25px;
	border:1px solid rgba(229,229,229,1);
	min-height:400px;
}

.myaccount-nav__con h4 {
    font-size: 25px;
    padding: 0;
    line-height: 24px;
}
.myaccount-nav__con h4 + p {
    font-size:15px;
}
.myaccount-nav__con table{
    max-width:100%;
}
.toggle.on {
    background: #000000;
}
.pref-row li {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 0;
    font-size:15px;
}
.pref-row li strong{
    display:block;
}
.toggle {
    width: 42px;
    height: 24px;
    border-radius: 99px;
    background: #cfd6d9;
    position: relative;
    flex: none;
}
.toggle.on:after {
    left: 21px;
}
.toggle:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    left: 3px;
    top: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
    transition: .2s;
}
.pass-form p {
    font-size:14px
}
.pass-form p a{
    color: #1D349A;
    font-weight:600;
}
.pass-form p a:hover{
    color:#000000;
}
.table thead tr th {
	background-color: #F8F9FA;
	font-size: 13px;
	padding: 15px;
	text-transform: capitalize;
}
.myaccount-nav__con table td{
	vertical-align: top;
}
.myaccount-nav__con .table thead tr th a.btn {
	border: 1px solid  #000000;
	padding: 5px 8px;
	border-radius: 0;
	margin-left: 10px;
	font-size: 13px;
}
.my_order .myorder-table__bottom td strong {
    width: 110px;
    display: inline-block;
}

.myaccount-nav__con .table thead tr th a.btn:hover i,
.myaccount-nav__con .table thead tr th a.btn:hover {
	color:#000000;
}
.myaccount-nav__con tbody tr:hover,
.myaccount-nav__con tbody tr:nth-child(even) {
    background: none !important;
}
.myaccount-nav__con tbody td,
.myaccount-nav__con tbody {
	border: none !important;
	background: none !important;
}

.myaccount-nav__con .img{
   border: 1px solid #eee;
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden;
}
.myaccount-nav__con .prod-list .img {
    border:none;
    width:auto;
    height:auto;
}
.myaccount-nav__con .img img{
    border: none;
    object-fit: cover;
    width: auto;
    height: 100%;
    max-width: max-content;
    display: block;
    margin: 0 auto;
}
.myaccount-nav__con .prod-list .img img {
    max-width:100%;
}
.myaccount-nav__con .prod-list .package-item__action a.btn {
    width:100%;
    padding:8px 25px;
 }
.myaccount-nav__con .prod-list .package-item__action a.btn-light{
    border: 1px solid #6C757D !important;
    background:white;
    color:#6C757D;
}
.myaccount-nav__con .prod-list .package-item__action a.btn-light:before{
    background:#6C757D;
}
.myaccount-nav__con .prod-list .package-item__action a.btn-light:hover {
    color:white;
}
.table-head tbody td {
	vertical-align: top !important;
}
.table-head table table{
	padding: 15px;
	border: none;
}
.myaccount-nav__con .table-head td:nth-child(3){
	text-align: left !important;
}
.myaccount-nav__con .table-head table td  {
	padding: 5px 10px !important;
}
.myaccount-nav__con tbody td {
	vertical-align: middle;
}

.myaccount-nav__con tbody .myorder-table__bottom td {
	border-top: 1px solid #eee !important;
	text-align: right;
	padding: 10px 11px !important;
	font-size: 15px;
}

.mreview-item,
.mwishlist-item,
.mycoupon-col,
.sb-manage-address {
	border: 0.1rem solid #ececec;
	padding: 25px;
	margin-bottom: 25px;
	position: relative;
}

.sb-manage-address__row h6 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sb-manage-address h6 {
	font-weight: 500;
}

.sb-manage-address__row h6 a {
	font-size: 14px;
	color: #929397;
}

.mreview-item h6,
.sb-manage-address__row h6 a:hover {
	color: #B23B24;
}
.sb-add-address,
.sb-edit-address {
	position: fixed;
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	background: rgba(7, 40, 53, 0.4);
	z-index: 15;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
}
.sb-add-address.show,
.sb-edit-address.show{
	opacity: 1;
	visibility: visible;
}
.sb-edit-address-wrap {
	background: white;
	max-width:630px;
	border-radius: 20px;
	padding:25px;
	position: relative;
	overflow: hidden;
}
.sb-edit-address-wrap .fa-times{
    position: absolute;
    right: 35px;
    top: 35px;
    font-size: 18px;
    opacity: 0.5;
    cursor: pointer;
}
.show .sb-manage-address__row {
	display: none;
}

.sb-edit-address-wrap .btn-outline {
	margin-right: 15px;
}
 a.cancel {
    background:none;
    border-radius: 5px;
    border:1px solid rgba(0, 0, 0, 0.2);
}
a.cancel:hover {
    background:rgba(0, 0, 0, 0.1);
    color: #0e283c;
    border-color:transparent !important;
}
.mwishlist-item .remove {
	    right: 1rem !important;
    top: 0;
    color: #333333;
    position: absolute;
    opacity: 0.3;
    bottom: 0;
    margin: auto;
    height: 15px;
}
.mwishlist-item__detail{
    display:flex;
    align-items: center;
    justify-content: space-between;
    width: 83%;
}
.mwishlist-item__img a{
    display:block;
	width: 80px;
	height:80px;
}
.mwishlist-item__img img{
     width: auto;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}
.mwishlist-item__detail h6 {
	padding-bottom: 0;
    line-height: normal;
	font-size: 17px;
    width: 50%;
}
.mwishlist-item__detail button {
    padding: 9px 20px;
    font-size: 14px;
}
.mwishlist-item__detail h6 small{
    display: block;
	font-size: 13px;
    padding-top: 5px;
    opacity: 0.5;
}
.mwishlist-item__detail p {
	font-size: 13px;
}
.bday .d-flex,
.register .d-flex {
    justify-content: space-between;
}
.bday .d-flex>div,
.register .d-flex>div{
    width: 48.5%;
}
.regi-wrap {
    margin: 50px auto;
    max-width: 950px;
    text-align: center;
}
.text-success {
    color: #1db137 !important;
        font-size: 26px;
    font-weight: 600;
}
.thankyou {
    max-width: 1100px;
    margin: 0 auto;
}
.address_details .con {
    text-align: left;
}
.address_details1 .con{
	background: #e3eeff;
    padding: 25px;
    margin: 15px 0;
    height: 155px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.thankyou td a{
    margin: 0;
}
.thankyou td h6 {
    line-height: 24px;
}
.thankyou td h6 a{
    font-size: 16px;
}
.thankyou td h6 a:first-child{
    font-size: 18px;
}
.thankyou .cart_totals th:first-child,
.thankyou .cart td:first-child {
	text-align: left;
    background: none;
    border-bottom: 1px solid #e1e1e1;
}
.thankyou .cart th {
    background: #F7F6F4;
}
.thankyou .cart th:first-child {
	text-align: left;
    border-bottom: 1px solid #e1e1e1;
}
.thankyou .cart td {
    border-top: none;
    border-bottom: 1px solid #e1e1e1;
}
.thankyou .cart td img{
	margin-right: 5px;
}
.thankyou .cart-collaterals-wrap {
	margin:25px 0;
	border-top: none;
}
.cart_totals table {
    margin: 0;
}
.address_details .con,
.thankyou .cart_totals{
	border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0;
}
.thankyou .cart_totals {
    border-bottom: none;
}
.address_details .con{
    padding: 15px;
    margin: 25px 0;
}

.address_details .con h6 {
    font-size: 22px;
    font-weight: 600;
}
.thankyou .justify-content-end {
	margin: 0;
}
.brands-section .title {
    text-align: center;
}
.brands-section .title h4 {
    font-size: 32px;
    padding: 0;
}
.brands-section {
    padding: 0 0 35px;
}
.brands-section ul{
    flex-wrap:wrap;
    width:80%;
    margin:0 auto;
    justify-content:center;
}
.brands-section li{
    border:1px solid #e2e5e8 !important;
    margin:15px;
    padding:15px;
    width:14.3333%;
    position:relative;
    text-align:center;
}
.errorMsg {T
    margin: 25px 0 0;
    max-width: 500px;
}
.alert-heading {
     color: inherit;
    font-weight: 700 !important;
    font-size: 13px;
    margin: 0;
    padding: 0;
}
.searchProducts{
    position: absolute !important;
    left: 0;
    top: 50px;
    z-index: 100;
    background: rgba(255,255,255,0.95);
    width: 100%;
}
.searchProducts .no-products {
    border:1px solid rgba(229,229,229,1);
    padding:25px;
    text-align:center;
    
}
.searchProducts .no-products p {
    font-weight:600;
}
.searchProducts tbody tr:nth-child(even) {
    background:none !important;
}
.searchProducts td{
    box-shadow:none !important;
    vertical-align: top;
}
.searchProducts td:first-child {
    width:90px
}
.searchProducts td span.label-new {
    display:none;
}
.searchProducts td a {
    display:block;
}
.searchProducts td a#viewAllResults {
    text-align:center;
    font-size:15px;
    font-weight:600;
}
.searchProducts td .product-item__price{
    color: #1D349A;
}
.searchProducts .product-item__img {
    width:70px;
    height:70px;
    display: block;
    overflow:hidden;
    border:1px solid #e2e5e8 !important;;
}
.searchProducts h4 {
    line-height:normal;
    padding:0;
    font-size: 15px;
    font-weight:600;
}
.searchProducts h4 + span{
   font-size: 14px;
   font-weight: 500;
   opacity:0.5;
}
.prod-listing .justify-content-between p {
    padding:0;
    font-size:14px;
}

.page-tit-top {
    border-bottom:1px solid rgba(229,229,229,1);
    padding-bottom:25px;
    margin-bottom:35px;
}
.page-tit-top h3 {
    padding-top:0;
    line-height:normal;
}
.infinite-scroll{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
}
.infinite-scroll a:before{
    display:none;
}
.fa-spin{
    animation-duration: var(--fa-animation-duration, 0.75s);
}
.fad::before, .fa-duotone::before{
    color:white;
}
.addition-info li {
    display:flex;
    align-items:center;
    padding:4px 0;
    font-size:14px;
}
.addition-info li strong{
    width:80px;
}
.sharethis-inline-share-buttons {
    z-index:5 !important;
}
.hair-cols .hair-cols-wrap {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    display: flex;
    padding:45px 0 0;
    justify-content:space-between;
}
.hair-cols h4 {
    font-size:20px;
    padding:0;
    line-height:normal;
    font-weight:600;
}
.hair-cols h4 span{
    color: #1D349A;
}
.hair-cols p {
    font-size:14px;
    font-weight:500;
    line-height:normal;
}
.hair-cols p i,
.hair-cols p a{
    color: #1D349A;
}
.hair-cols .item {
    text-align: center;
    padding:15px 25px;
  background: #F6F6F6;
    border-radius: 2px;
    border: 1px solid rgba(229, 229, 229, 1);
    width: 100%;
    height: 130px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin:10px 5px;
}
.hair-cols .item:hover {
    transform:translateY(-5px);
    box-shadow:0 20px 36px -22px rgba(0, 0, 0, .35);
    border-color: #1D349A;
}
.hair-cols .item  h5 {
    font-size:16px;
    padding:10px 0 0;
    line-height:normal;
}
.hair-cols .item:hover h5 {
    color: #1D349A;
}
.hair-cols .item:hover svg{
    stroke:#1D349A;
    
}
.hair-cols .item img{
    width:auto;
   height: 48px;
    display:block;
    margin:0 auto;
}
.find-popup{
        position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background: rgba(7, 40, 53, 0.4);
    z-index: 15;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
}
.find-popup.show{
    opacity:1;
    visibility:visible
}
.find-popup .grid {
    display: grid;
    grid-template-columns: 52% 48%;
    height: 730px;
    background: white;
    width:1000px;
    border-radius: 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.find-popup .fa-times {
    position: absolute;
    right: 35px;
    top: 35px;
    font-size: 18px;
    opacity: 0.5;
    z-index:5;
    cursor: pointer;
}
.find-popup .left {
  padding: 15px 30px 22px;
}
.find-popup .tab-pane{
    padding:0
}
.find-popup .eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 700;
}
.find-popup .eyebrow .ico {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #FAF7F5;
    display: flex;
    align-items: center;
    font-size: 23px;
    justify-content: center;
}
.find-popup h3 {
  font-size: 32px;
  line-height: 1.06;
  font-weight: 700;
  text-align:left;
}
.find-popup .intro {
  font-size: 14px;
  line-height: 1.5;
  color: #6f655f;
  max-width: 520px;
  padding:0;
  text-align:left;
}
.find-popup .tabs {
  display: flex;
  border-bottom: 1px solid rgba(229,229,229,1);
  margin-top: 18px;
}
.find-popup .tab {
  flex: 1;
  padding: 15px 10px;
  border: 0;
  background: transparent;
  font-weight: 700;
  letter-spacing: 1px;
  color: #6e625b;
  cursor: pointer;
}
.find-popup .tab.active {
  color: #24150f;
  border-bottom: 2px solid #1D349A;
}
.find-popup  .upload {
  border: 2px dashed #dfcfc3;
  border-radius: 14px;
  padding: 0 18px 15px;
  text-align: center;
  margin-top: 24px;
  background: #fff;
}
.find-popup .upload-icon {
  font-size: 46px;
  opacity:0.5;
  padding-top:15px;
}
.find-popup .upload p {
  color: #4d443f;
  padding:5px 0;
}
.find-popup button {
  border: 0;
  background: #000000;
  color: white;
  border:1px solid #000000;
  border-radius: 4px !important;
  padding: 10px 30px;
  font-weight: 700;
  letter-spacing: 0.5px;
  cursor: pointer;
  font-size:13px;
}
.find-popup .privacy {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  color: #6f655f;
  font-size: 13px;
  line-height: 1.5;
  margin:15px 4px 14px;
  text-align:left;
}
.find-popup .privacy a{
    color: #1D349A;
}
.find-popup .privacy a:hover{
    color:#6f655f;
}
.find-popup .tips {
  border-top: 1px solid #ececec;
  padding:15px 0 0;
}
.find-popup .tips h5 {
  font-size: 13px;
  letter-spacing: 2px;
}
.find-popup .tip-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.find-popup .tip {
  text-align: center;
  font-size: 12px;
  color: #5f5751;
  line-height: 1.45;
}
.find-popup .tip .round {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #f3e8df;
  display: grid;
  place-items: center;
  margin: 0 auto 8px;
  font-size: 23px;
}
.find-popup .right {
  position: relative;
  height: 730px;
  background: #F5F5F5;
}
.find-popup .photo {
  position: absolute;
  inset: 0;
  
  transition: 0.25s;
}
.find-popup .right-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.26),
    rgba(0, 0, 0, 0) 45%
  );
  pointer-events: none;
}
.find-popup .placeholder-card {
  position: absolute;
  left: 24px;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.96);
  border-radius: 18px;
  padding: 28px;
  text-align: center;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.16);
}
.find-popup .placeholder-card h2 {
  font-weight: 500;
  font-size: 28px;
  margin: 8px 0;
  line-height:normal;
}
.find-popup .placeholder-card p {
  margin: 0;
  color: #6f655f;
  line-height: 1.55;
}
.find-popup .processing {
  display: none;
  position: absolute;
  left: 24px;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.97);
  border-radius: 18px;
  padding: 28px;
  text-align: center;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.16);
}
.find-popup .spinner {
  width: 42px;
  height: 42px;
  border: 4px solid #eadfd7;
  border-top-color: #1D349A;
  border-radius: 50%;
  margin: 0 auto 14px;
  animation: spin 0.9s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.find-popup .processing h2 {
  font-weight: 500;
  margin: 0 0 8px;
}
.find-popup .processing p {
  margin: 0;
  color: #6f655f;
}
.find-popup .result {
  display: none;
  position: absolute;
  left: 24px;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.97);
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.18);
}
.find-popup .result-head {
  display: flex;
  gap: 16px;
  align-items: center;
}
.find-popup .result-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #f3e8df;
  display: flex;
  align-items: center;
  justify-content:center;
  font-size: 28px;
}
.find-popup .kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
}
.find-popup .result h2 {
  font-size: 27px;
  margin: 4px 0 0;
  font-weight: 500;
}
.find-popup .result p {
  color: #665e59;
  line-height: 1.55;
}
.find-popup .concerns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #ececec;
  margin-top: 16px;
}
.find-popup .concern {
  text-align: center;
  font-size: 12px;
}
.find-popup .concern span {
  display: block;
  font-size: 24px;
  margin-bottom: 6px;
}
.find-popup .cta {
  width: 100%;
  margin-top: 18px;
}
#cameraPane .cta,
.find-popup .upload .cta {
    width:auto;
    border-color:#1D349A;
    background:#1D349A;
}
#cameraPane .cta:hover,
.find-popup .upload .cta:hover{
    color:#1D349A;
}
.find-popup .bottom {
  text-align: center;
  padding: 12px 20px;
  background: #f8efe8;
}
.find-popup .bottom a {
  display: block;
  color: #1D349A;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  margin-top: 7px;
  text-decoration: none;
}
.find-popup #cameraPane {
  display: none;
}
.find-popup  video {
  width: 100%;
  background: #111;
  margin-top: 18px;
  max-height: 300px;
  object-fit: cover;
}

.conc-title{
  background: #DFEFE5;
  overflow: hidden;
    background-size: cover;
    padding:0 0 0 25px;
    max-width: 1635px;
    margin: 25px auto 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 355px;
}
.conc-title-copy {
  padding: 66px 35px;
}
.conc-title h2 {
  font-size:48px;
  line-height:32px;
}
.conc-title h4 {
  font-size: 22px;
  padding:12px 0 0;
}
.conc-title p {
  max-width: 470px;
  color: #504945;
  line-height: 1.55;
}
.conc-title-benefits {
  display: flex;
  gap: 28px;
  margin-top: 28px;
}
.conc-title-benefit img {
    width:40px;
    margin-right:10px;
}
.conc-title-benefit {
  display: flex;
  font-size:24px;
  gap: 10px;
  align-items: center;
}
.conc-title-benefit div{
    font-size:16px;
}
.conc-title-benefit div b {
  display: block;
  font-size: 17px;
}
.conc-title-image {
  background: url("../images/shop-by-concern-banner.jpg")
    center/cover no-repeat;
}

.conc-content .section {
  padding: 38px 0;
}
.conc-content .section-head {
  text-align: center;
  margin-bottom: 24px;
}
.conc-content .section-head h2 {
    line-height:32px;
}
.conc-content .section-head p {
    padding:0;
    font-size:14px;
}
.conc-content .rule {
  width: 32px;
  height: 2px;
  margin: 12px auto;
}
.conc-content .section-head p {
  color: #5f5853;
}
.conc-grid .col-lg-3 {
    display:flex;
}
.conc-content .concern-card {
  border: 1px solid rgba(229,229,229,1);
  padding: 22px 28px;
  text-align: center;
  min-height: 220px;
  margin:15px 0;
  width:100%;
}
.conc-content .concern-card:hover{
    transform:translateY(-5px);
    box-shadow:0 20px 36px -22px rgba(0, 0, 0, .35);
    border-color: #1D349A;
}
.conc-content .concern-card:hover h3 {
    color: #1D349A;
}
.conc-content .icon {
  width: 72px;
  height: 72px;
  background:#f8eee8;
  display: grid;
  border-radius:100%;
  place-items: center;
  padding:15px;
  margin: 0 auto 14px;
}
.conc-content .concern-card h3 {
  font-size: 20px;
  padding-bottom:0;
  font-weight:600;
  line-height:normal;
}
.conc-content .concern-card p {
  font-size: 15px;
  line-height: 1.55;
  min-height: 58px;
}
.conc-content .concern-card a {
  font-size: 13px;
  color: #1D349A !important;
  font-weight: 700;
}
.conc-content .concern-card a:hover{
    color:#000000 !important;
}
.conc-content .quiz {
  margin: 12px 0 26px;
  display: grid;
  grid-template-columns: 38% 62%;
  min-height: 220px;
  background: #fcf7f0;
  border-radius: 6px;
  overflow: hidden;
  border:1px solid #f3e2d8;
}
.conc-content .quiz-copy {
  padding:38px 0 38px 42px;
}
.conc-content .quiz-copy h3 {
      font-size: 33px;
      font-weight:600;
      line-height:32px;
}
.conc-content .quiz-copy p {
  font-size: 14px;
  line-height: 1.55;
  color: #5d554f;
  padding:0;
}
.conc-content .btn {
  display: inline-block;
  margin-top: 12px;
  background: #000000;
  border:1px solid #000000;
  color: #fff;
  padding: 13px 18px;
  font-weight: 700;
  font-size: 13px;
}
.conc-content .btn:hover{
    color:#000000;
}
.conc-content .quiz-img {
  background: url("../images/concern-start.png")
    center/cover no-repeat;
}
.conc-cols .cols4{
    padding:0 0 35px;
}


.cat-pg-hero {
    background:url("../images/shop-by-category-banner.png") no-repeat center;
  overflow: hidden;
      background-size: cover;
      padding:25px;max-width: 1635px;
      margin:25px auto 0;
      border-radius:15px;
}
.cat-pg-hero-copy {
  padding:66px 0
}
.cat-pg-split .kicker {
  font-size: 14px;
  letter-spacing: 1.7px;
  font-weight: 700;
  color: #1D349A;
}
.cat-pg-hero h2 {
  font-size: 54px;
  font-weight:600;
  line-height:32px;
  padding-top:14px;
}
.cat-pg-hero p {
  font-size: 15px;
  line-height: 1.6;
  color: #514a46;
  max-width:400px;
}
.cat-pg-hero p br {
    display:none;
}
.cat-pg-hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top:15px;
}
.cat-pg-hero-actions .btn {
  padding: 13px 18px;
  font-weight: 700;
  background:#000000;
  border:1px solid #000000;
}
.cat-pg-hero-actions .btn-light{
  background: none;
  color: #000000;
}
.cat-pg-hero-actions .btn-light:before{
    background:#000000;
}
.cat-pg-hero-actions .btn-light:hover{
    color:white
}
.brush {
  position: absolute;
  bottom: 36px;
  left: 50%;
  width: 40px;
  height: 250px;
  border-radius: 20px;
  background: #171717;
  transform: rotate(7deg);
}
.cat-pg-section {
  padding: 54px 0;
}
.cat-pg-ai, .conc-cols .container, .conc-content .container,
.cat-pg-split .container, .bd-logos .container, .subpage-wrapper .container,
.cat-pg-section .container {
    max-width: 1180px;
}
.bd-logos .section-head,
.cat-pg-section .section-head {
  text-align: center;
  margin-bottom: 24px;
}
.bd-logos .section-head h2,
.cat-pg-section .section-head h2 {
  padding: 0 0 8px;
  font-size:35px;
  line-height:normal;
}
.bd-logos .section-head p,
.cat-pg-section .section-head p {
  padding: 0;
  font-size:14px;
}
.cat-pg-section .card {
  border-radius: 4px;
  border:1px solid rgba(229,229,229,1);
  overflow: hidden;
  margin:10px 0;
  width:100%
}
.cat-pg-section .card:hover{
    border-color: #1D349A;
    box-shadow:0 20px 36px -22px rgba(0, 0, 0, .35);
    transform:translateY(-10px);
}
.cat-pg-section .card:hover h3 {
    color: #1D349A;
}
.cat-pg-section.visual {
  height: 185px;
  position: relative;
  background: linear-gradient(145deg, #f5ece6, #dec6b4);
}
.cat-pg-section .card-copy {
  padding: 18px;
}
.cat-pg-section .card-copy h3 {
  font-size: 22px;
  line-height:normal;
  padding-bottom:0;
}
.cat-pg-section .card-copy p {
  line-height: 1.5;
  font-size:14px;
}
.cat-pg-section  a {
    font-size: 15px;
    color: #1D349A !important;
    font-weight: 700;
}

.cat-pg-section a:hover {
    color: #000000 !important;
}

.cat-pg-split .panel {;
  border-radius: 4px;
  padding: 28px;
  background:#DBE1FF;
  border:1px solid #b4bce5;
}
.cat-pg-split .panel h2 {
  padding:8px 0 5px;
  font-size:28px;
  line-height:32px;
}
.cat-pg-split .panel p {
    padding-top:5px;
    font-size:14px;
}
.cat-pg-split .links {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.cat-pg-split .links a {
  padding: 8px 0 5px;
  font-size: 14px;
  color: #000000 !important;
}
.cat-pg-split .links a:hover {
    color: #1D349A !important;
}
.cat-pg-section .col-lg-3 {
    display:flex;
}
.cat-pg-section .more {
  border-radius: 4px;
  padding: 15px;
  width:100%;
  border:1px solid rgba(229,229,229,1);
  text-align: center;
}
.cat-pg-section .more:hover {
    transform:translateY(-10px);
    box-shadow:0 20px 36px -22px rgba(0, 0, 0, .35);
    border-color:#1D349A !important;
}
.cat-pg-section .more:hover h4 {
    color:#1D349A !important;
}
.cat-pg-section .more p {
    color:#6C757D;
    font-size:14px;
}
.cat-pg-section .more-icon {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin: 0 auto ;
  font-size: 48px;
}
.cat-pg-section .more-icon img {
    height:48px;
    width:auto;
}
.cat-pg-section .more h4 {
    padding-bottom:0;
    font-size:21px;
}
.cat-pg-section .more p{
    padding:0;
}
.cat-pg-concern {
  margin: 0 auto 28px;
  background:#F4E2E2;
  padding: 38px 42px;
  text-align:center;
}
.cat-pg-concern h2 {
  line-height:32px;
  padding-top:12px;
}
.cat-pg-concern p{
    font-size:15px;
    padding-top:5px
}
.cat-pg-concern .btn {
    background: #000000;
    border: 1px solid #000000;
}
.cat-pg-ai {
  margin: 28px auto;
  background: #1D349A;
  color: #fff;
  border-radius: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 30px 38px;
}
.cat-pg-ai h2 {
  padding:8px 0;
  color:white;
  line-height:32px;
}
.cat-pg-ai p {
  padding-top:5px;
  color: #a1aff1;
  font-size:15px
}
.cat-pg-ai .btn {
  background: #fff;
  color: #000000;
}
.cat-pg-ai .btn:before{
    background:#000000;
}
.cat-pg-ai .btn:hover{
    color:white;
}
.cat-pg-trust {
  max-width: 1180px;
  margin: 0 auto 34px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-radius: 8px;
}
.cat-pg-trust > div {
  padding: 18px 20px;
  display: flex;
  gap: 12px;
  align-items: center;
}
.cat-pg-trust > div:last-child {
  border-right: 0;
}
.cat-pg-trust strong {
  display: block;
  font-size: 14px;
}
.cat-pg-trust span {
  font-size: 12px;
}



.bd-pg-hero {
  max-width: 1635px;
  margin: 28px auto;
  border-radius: 18px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 44% 56%;
  min-height: 380px;
  background: #DFEFE5;
}
.bd-pg-hero-copy {
  padding: 56px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bd-pg-kicker {
  font-size: 12px;
  letter-spacing: 1.8px;
  font-weight: 700;
  color:rgba(0,0,0,0.6);
}
.bd-pg-hero h2 {
  font-size:54px;
  font-weight:500;
  line-height:32px;
  padding-top:15px;
}
.bd-pg-hero p {
  font-size: 14px;
  line-height: 1.6;
  color: #524b46;
  max-width: 470px;
}
.bd-pg-hero .hero-art {
    background:url(../images/shop-by-brands-banner-new.png) no-repeat center;
    background-size:cover;
}

.bd-pg-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.bd-pg-actions .btn {
  padding: 13px 18px;
  font-weight: 700;
  background:#000000;
  border:1px solid #000000;
}
.bd-pg-actions .btn-light{
  background: none;
  color: #000000;
}
.bd-pg-actions .btn-light:before{
    background:#000000;
}
.bd-pg-actions .btn-light:hover{
    color:white
}
.bd-pg-lg {
    text-align:center;
}
.bd-pg-lg .card {
    padding-bottom:20px;
}
.bd-pg-lg img {
    height:70px;
    display:block;
    margin:25px auto 0;
}
.bd-pg-lg p {
    font-weight:600;
    font-size:14px;
}
.bd-logos{
    padding:0 0 35px;
}
.bd-logos ul {
    display:flex;
    flex-wrap:wrap;
}
.bd-logos li {
    width:20%;
    padding:15px;
}
.bd-logos li a{
    display: flex;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    align-items: center;
    justify-content: center;
    height: 100px;
}
.bd-logos li a:hover{
    box-shadow:0 20px 36px -22px rgba(0, 0, 0, .35);
    transform: translateY(-10px);
    border-color: #1D349A;
}
.bd-logos li a img{
       display: block;
    height: 70px;
    margin: 0 auto;
    width: 140px;
    /*object-fit: cover;*/
}
.pers-mod form h3 {
    color: #1D349A;
    padding:0;
}
.pers-mod form button {
    background:#1D349A;
}
.pers-mod form button:hover{
    color:white;
}
.formAlert{
    margin-top:15px;
}
@media (max-width: 800px) {
  .find-popup .grid {
    grid-template-columns: 1fr;
    overflow-y:scroll;
    height:100vh;
    border-radius:0;
    width:100%;
  }
  .find-popup {
      right:-100%;
      left:auto;
  }
  .find-popup.show {
      right:0;
  }
  .find-popup .fa-times{
          right: 15px;
        top: 25px;
  }
  .find-popup .right {
    height: 530px;
  }
  .find-popup .left {
    padding: 25px 24px 25px;
  }
  .find-popup h1 {
    font-size: 40px;
  }
  .find-popup .concerns {
    grid-template-columns: repeat(2, 1fr);
  }
  .find-popup .right-footer {
      bottom: 30px !important;
  }
  .find-popup .right .placeholder-card{
          bottom: 162px !important;
  }
  .find-popup h3 {
      font-size: 24px;
  }
}

.find-popup .browse-own {
  position: absolute;
  top: 28px;
  left: 24px;
  right: 24px;
  z-index: 4;
  text-align: center;
  color: #24150f;
  font-size: 15px;
}
.find-popup .browse-own span {
  display: block;
  margin-bottom: 7px;
}
.find-popup .browse-own a {
  color: #1D349A;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration: none;
}

/* v3 layout corrections */
.find-popup .left {
  padding-bottom: 0 !important;
}

.find-popup .tip-grid {
  padding-bottom: 10px;
}
.find-popup .right {
  padding-bottom: 86px;
  overflow: hidden;
}
.find-popup .photo {
  position: absolute !important;
  inset: 0 0 76px 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position:relative;
}
.find-popup .photo:before{
  background: #FAF7F5 !important;
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  opacity:0.8;
    
}
.find-popup .photo.has-image {
  background-size: cover !important;
  background-position: center !important;
}
.find-popup .photo-placeholder {
  width: 78%;
  max-width: 330px;
  text-align: center;
  color: #756a63;
}
.find-popup .photo-placeholder strong {
  display: block;
  font-size: 24px;
  font-weight: 500;
  color: #392820;
  margin-top: 14px;
}
.find-popup .photo-placeholder span {
  display: block;
  font-size: 13px;
  margin-top: 7px;
}
.find-popup .placeholder-visual {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #eaded4;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.find-popup .placeholder-visual .head {
  position: absolute;
  width: 48px;
  height: 58px;
  border-radius: 48% 48% 45% 45%;
  background: #c9b2a2;
  left: 51px;
  top: 34px;
  z-index: 2;
}
.find-popup .placeholder-visual .hair {
  position: absolute;
  width: 55px;
  height: 88px;
  background: #a88a78;
  top: 25px;
  border-radius: 55% 55% 45% 45%;
}
.find-popup .placeholder-visual .hair-left {
  left: 29px;
  transform: rotate(10deg);
}
.find-popup .placeholder-visual .hair-right {
  right: 29px;
  transform: rotate(-10deg);
}
.find-popup .placeholder-visual .shoulders {
  position: absolute;
  width: 110px;
  height: 55px;
  border-radius: 55px 55px 0 0;
  background: #d8c6ba;
  left: 20px;
  bottom: -15px;
}
.find-popup .right-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 76px;
  z-index: 8;
  background: #F5F5F5;
  border-top: 1px solid #ececec;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.find-popup .right-footer span {
  font-size: 14px;
  margin-bottom: 5px;
}
.find-popup .right-footer a {
  color: #1D349A;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 1px;
  text-decoration: none;
}
.find-popup .right-footer a:hover{
    color:black;
}
.find-popup .placeholder-card {
  z-index: 3;
  top: auto !important;
  bottom: 102px !important;
  transform: none !important;
}
.find-popup  .processing {
  z-index: 4;
  top: auto !important;
  bottom: 102px !important;
  transform: none !important;
}
.find-popup .result {
  z-index: 5;
  top: auto !important;
  bottom: 102px !important;
  transform: none !important;
}
.login-wrap .container {
    max-width: 1120px;
}
.login-wrap {
    padding:35px 0;
}
.login-wrap .col-lg-6 {
    display:flex;
    flex-wrap:wrap;
}
.login-wrap .con-left{
    width:100%;
    padding:35px;
    border:1px solid rgba(229,229,229,1);
    border-radius:10px;
}
.login-wrap .con-left button {
       background: #000000;
    border:1px solid #1D349A !important;
    width: 100%;
    margin-top: 10px;
}
.login-wrap .con-left button:focus,
.login-wrap .con-left button:hover{
    color:#1D349A !important;
}
.login-wrap .con-left .form-group{
    padding:5px 0;   
}
.login-wrap .con-left .forgot-pwd{
    color: #1D349A;
    font-size:13px;
}
.login-wrap .con-left .forgot-pwd:hover{
    color:black;
}
.login-wrap .con-left .secure {
    display:flex;
    flex-wrap:wrap;
    padding-top:20px;
    margin-top:25px;
    border-top:1px solid rgba(0,0,0,0.2);
}
.login-wrap .con-left .secure p {
    padding: 0 0 0 10px;
    font-size: 13px;
    line-height: 17px;
}
.login-wrap h2 {
    padding:0;
}
.login-wrap label{
    font-size:14px;
    font-weight:500;
    text-align:left;
}
.login-wrap .form-control {
    margin:5px 0;
}
.login-wrap .con-left.d-flex {
    padding:15px;
    margin-top:15px;
}
.login-wrap .con-left.d-flex p {
    font-size:13px;
    line-height:normal;
}
.login-wrap .con-left.d-flex a {
     color: #1D349A;
    font-size:13px;
}
.login-wrap .con-left.d-flex a:hover{
    color:#000000;
}
.login-wrap .con-left.d-flex strong{
    display:block;
}
.login-wrap .con-right{
    padding:45px;
        border: 1px solid #f3e2d8;
    border-radius: 10px;
    width:100%;
    background: #FAF7F5;
    overflow:hidden;
}
.login-wrap .con-right h6{
    font-size: 11px;
    padding:0;
    letter-spacing: 1.5px;
    font-weight: 700;
}
.login-wrap .con-right h2{
    font-size: 32px;
    padding:0;
    line-height: normal;
    font-weight: 500;
}
.login-wrap .con-right  p {
    font-size: 13px;
    line-height: 1.55;
}
.login-wrap .con-right .btn {
    margin-top:15px;
    background: #000000;
    border-color: #000000;
    padding:10px 20px;
}
.login-wrap .con-right .btn:hover{
    color: #000000;;
}
.login-wrap.register h5 {
    color: #000000;
    padding:0;
}
.login-wrap.register h5 .req{
      font-size: 11px;
    height: auto;
    display: block;
    top: 0;
}
.login-wrap.register .rules {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 16px;
    background:#f7f9fa;
    padding:15px;
}
.login-wrap.register .rules li{
    font-size: 12px;
    color: #687279;
}
.login-wrap.register .reg-con-wrap{
    position:relative;
}
.login-wrap.register .con-right {
    padding:0;
}
.login-wrap.register .con-right .reg-con {
        position: absolute;
    left: 0;
    bottom: 0;
    padding: 25px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
}
.login-wrap.register .con-right .reg-con h3,
.login-wrap.register .con-right .reg-con p {
    color:white;
}
.login-wrap.register .reg-con h3{
    padding:0;
    line-height:normal;
}
.login-wrap.register .perk {
    display:flex;
    flex-wrap:wrap;
    padding:25px;
    margin-bottom:0;
    justify-content:space-between;
}
.login-wrap.register .perk li {
    width:48%;
    border:1px solid rgba(229,229,229,1);
    background:white;
    font-size:12px;
    margin:10px 0;
    padding:15px;
}
.login-wrap.register .perk li i,
.login-wrap.register .perk li strong {
    display:block;
    font-size:14px;
}
.login-wrap.register .perk li i {
    color:#1D349A !important;
    margin-bottom:10px;
}
.login-wrap.register .con-right .con {
    border:1px solid rgba(229,229,229,1);
    background:white;
    font-size:12px;
    margin:0 25px;
    padding:15px;
}
.login-wrap.register .con-right .con h4 {
    font-size:18px;
    line-height:normal;
    padding:0;
}
.login-wrap.register .con-right .con ul {
    padding-top:10px;
}
.login-wrap.register .con-right .con li {
    padding:6px 0 6px 15px;
    position:relative;
}
.login-wrap.register .con-right .con li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: #000000;
}
.myaccount-page {
    padding:35px 0
}
.myaccount-page .container {
    max-width:1305px;
}
.myaccount-page h2 {
    padding:0;
}
.myaccount-nav__avatar {
    padding: 18px;
    background: #F4E2E2;
}
.myaccount-nav__avatar .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #f3e2d8;
    display: grid;
    place-items: center;
    font-weight: 700;
}
.myaccount-nav__avatar h6 {
    display:block;
    text-transform:capitalize;
    line-height:normal;
}

.myaccount-nav__avatar h6 small{
    display:block;
    font-weight:300;
        text-transform: lowercase;
}
.myaccount-nav__con h6 {
    padding-bottom:0;
}
.myaccount-nav__con label{
    padding:10px 0;
}
.myaccount-nav__con .checkbox {
    padding-right:35px;

}
.myaccount-nav__con .checkbox label {
    padding:10px 0 6px 30px;
}
.myaccount-nav__con .btn {
        background: #000000;
    border:1px solid #1D349A !important;
    margin-top:10px;
}
.myaccount-nav__con hr {
    margin:10px 0;
}
.myaccount-nav__con .d-flex p{
    font-size:14px;
}
.myaccount-nav__con .d-flex .btn {
    padding:10px 20px;
    margin-left:10px;
}
.myaccount-nav__con .d-flex .btn:hover{
    color: #1D349A;
}
.myaccount-nav__con .d-flex .btn-light{
    border: 1px solid #6C757D !important;
    background:white;
    color:#6C757D;
}
.myaccount-nav__con .d-flex .btn-light:before{
    background:#6C757D;
}
.myaccount-nav__con .d-flex .btn-light:hover {
    color:white;
}
.myaccount-nav__con .summary-grid {
    margin:15px 0;
}
.myaccount-nav__con .summary-grid .con {
    border:1px solid #f3e2d8;
    padding:10px 15px;
        background: #FAF7F5;
}
.myaccount-nav__con .summary-grid .con h6 {
    line-height:normal;
    color:#787575;
}
.myaccount-nav__con .summary-grid .con h6 span {
   display: block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color:black;
}
.order-item-img {
    margin-right:15px;
}
.order-item-img img {
    width:60px;
}
.myaccount-nav__con td h6 a{
    font-weight:700;
}
.myaccount-nav__con td h6 {
    line-height:normal
}
.myaccount-nav__con td .d-flex p {
    font-size: 12px;
    line-height: normal;
}
.myaccount-nav__con .myorder--table th {
    width:20%;
}
.myaccount-nav__con  th .status{
        display: inline-block;
    padding: 5px 9px;
    border-radius: 99px;
    font-size: 10px;
    font-weight: 700;
}
.myaccount-nav__con  th .status.approved {
    background:#eaf7ef;
    color:#2e7d54;
}
.myaccount-nav__con th .status.processing {
    background:#fff5de;
    color:#a06a18;
}
.myaccount-nav__con th .status.cancelled {
    background:#fdecec;
    color:#a54242;
}
.myaccount-nav__con tbody .myorder-table__bottom td:first-child {
    text-align:left;
}
.sb-manage-address {
    margin-top:25px;
}
.myorder-table__bottom td a{
    color: #1D349A;
    font-weight:700;
    margin-right:15px;
}
.sb-manage-address h6 {
    padding:0;
    font-weight:700;
    font-size: 14px;
    line-height:normal;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.checkout-address label h6 .badge,
.sb-manage-address h6 span{
    display: inline-block;
    padding: 5px 9px;
    border-radius: 99px;
    font-size: 10px !important;
    font-weight: 700;
    background:#dff5e7;
    color:#2e7d54 !important;
    text-transform:uppercase;
}
.sb-manage-address p {
    font-size:13px;
}
.sb-manage-address .btn-wrap {
    margin:0;
}
.sb-manage-address .btn-wrap a {
    padding:0;
    margin-right:15px;
    font-size:12px;
    color: #1D349A;
    font-weight:700;
}
.sb-manage-address .btn-wrap a.remove{
    color:#B23B24;
}
.sb-edit-address-wrap h4 {
    padding:0;
    font-size:27px;
}
.sb-edit-address-wrap p  {
    padding:0;
    font-size: 12px;
}
.sb-edit-address-wrap .form-group{
    padding:10px 0 0;
}

.sb-edit-address-wrap .btn {
    padding:7px 20px;
    border-color: #1D349A;
    background:#1D349A;
    font-size:15px;
    margin-left:10px;
}
.sb-edit-address-wrap .btn:hover{
    color: #1D349A;
}
.sb-edit-address-wrap .btn-light{
    border: 1px solid #6C757D !important;
    background:white;
    color:#6C757D;
}
.sb-edit-address-wrap .btn-light:before{
    background:#6C757D;
}
.sb-edit-address-wrap .btn-light:hover {
    color:white;
}
.cart-error{
    min-height:450px;
}
.cart-error p {
    font-size:15px;
}
.cart-error .btn {
    margin:0 10px;
    padding:9px 20px;
    border-color: #1D349A;
    background:#1D349A;
    font-size:14px;
}
.cart-error .btn:hover{
    color: #1D349A;
}
.cart-error .btn-light{
    border: 1px solid #000000 !important;
    background:white;
    color:#000000;
}
.cart-error .btn-light:before{
    background:#000000;
}
.cart-error .btn-light:hover{
    color:white
}
.modal-body {
    padding:15px 35px 25px;
}


.order-modal{
	position: fixed;
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	background: rgba(7, 40, 53, 0.4);
	z-index: 15;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
}
.order-modal.show{
	opacity: 1;
	visibility: visible;
}
.order-modal .order-wrap {
	background: white;
	max-width:860px;
	border-radius: 20px;
	position: relative;
    padding:25px;
	overflow: hidden;
}
.order-modal .order-wrap .fa-times {
    position:absolute;
    right:25px;
    top:25px;
    cursor:pointer;
}
.order-modal .order-wrap h3 {
    font-size:27px;
    line-height:32px;
    padding:0;
}
.order-modal .order-wrap h3 + p{
    font-size:15px;
    padding:0 0 10px;
}
.order-modal .order-list {
    border:1px solid rgba(0,0,0,0.15);
    padding:15px;
    border-radius:4px;
    margin:10px 0;
}
.order-modal .order-wrap .row {
    margin:0 -5px;
}
.order-modal .order-wrap .col-lg-3 {
    display:flex;
    padding:0 5px;
}
.order-modal .order-wrap .con {
    background: #F8F9FA;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding:15px;
    width:100%;
    margin:10px 0;
}
.order-modal .order-wrap .con h6 {
    padding:0;
    font-size:17px;
    line-height:normal;
    color: #1D349A;
}

.order-modal .order-wrap .con p {
    font-size:13px;
    line-height:18px;
}
.order-modal .order-wrap .con li {
    padding:3px 0;
    font-size:12px;
    display:flex;
}
.order-modal .order-wrap .con li strong{
    width:180px;
}
.order-modal .order-list ul {
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.order-modal .order-list li:first-child {
    display:flex;
    align-items:center;
}
.order-modal .order-list img {
    width:100px;
}
.order-modal .order-list li{
    font-size:15px;
}
.order-modal .order-list li h6 {
    font-size:12px;
    line-height: 19px;
    padding-left:15px;
}
.order-modal .order-list li h6 a {
    font-size:16px;
    display:block;
    margin-bottom:5px;
    font-weight:600;
}
.subpage-wrapper {
    padding:25px 0 65px;
}

.subpage-wrapper .title h3 {
    line-height:normal;
    padding-bottom:0;
}
.subpage-wrapper .title h3 span {
    display:block;
    color:#1D349A;
    font-size:14px;
    padding:0;
}
.subpage-wrapper .title p {
    font-size:14px;
}
.subpage-wrapper .col-lg-8,
.subpage-wrapper .col-lg-4{
    display:flex;
}
.subpage-wrapper .con {
    border:1px solid rgba(0,0,0,0.1);
    padding:20px;
    border-radius:4px;
    margin:15px 0 0;
    width:100%;
}
.subpage-wrapper .col-lg-4 .con {
    background:#F6F6F6;
}
.subpage-wrapper .con h4 {
    padding:0;
}
.subpage-wrapper .con p {
    padding:0;
    font-size:14px;
}
.subpage-wrapper .con form {
    padding:15px 0;
}
.subpage-wrapper .con form [class*="col-"] label {
    padding:10px 0;
}
.subpage-wrapper .con form .d-flex{
    padding-top:5px;
}
.subpage-wrapper .con form .checkbox label {
    font-size:12px;
    color: #818181;
}
.subpage-wrapper .con form p {
    font-size:13px;
    line-height:24px;
    padding:15px 0 0;
}
.cnt-info {
    margin:15px 0 0;
}
.cnt-info li {
    border-top:1px solid rgba(0,0,0,0.15);
    padding:20px 0;
    display:flex;
    font-size:15px
}
.cnt-info li:first-child {
    border-top:none;
}
.cnt-info li i {
    margin-right:10px;
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:100%;
     border:1px solid #d0d5e2;
     color:#1D349A;
    background:#f7f9ff ;
}
.cnt-info li strong {
    display:block;   
}
.hours {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 25px;
}
.hour-card {
    border: 1px solid #d0d5e2;
    border-radius: 7px;
    padding: 13px;
    font-size:13px;
}
.hour-card strong{
    display:block;
    font-size:14px;
}


/* ---------- Hero ---------- */
.about-banner .hero{
  position:relative;
  min-height:470px;
  border-radius:20px;
  overflow:hidden;
  display:grid;
  grid-template-columns:1.02fr .98fr;
  background:#D4E5DC;
}
.about-banner .hero-copy{
  padding:0 62px;
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.about-banner .eyebrow{
    font-size: 12px;
    letter-spacing: 1.8px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.6);
}
.about-banner .hero h2{
     font-size: 54px;
    font-weight: 500;
    line-height: 55px;
    padding-top: 15px;
}
.about-banner .hero p {
    font-size: 15px;
    line-height: 1.6;
    color: #524b46;
    width: 450px;
}
.about-banner .hero-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:28px;
}

.about-banner .btn {
  padding: 13px 18px;
  font-weight: 700;
  background:#000000;
  border:1px solid #000000;
}
.about-banner .btn-light{
  background: none;
  color: #000000;
}
.about-banner .btn-light:before{
    background:#000000;
}
.about-banner .btn-light:hover{
    color:white
}
.about-banner .hero-visual {
    position: relative;
    overflow: hidden;
}
.about-banner .hero-visual img {
    height: 470px;
    object-fit: cover;
}
.about-banner .quote-card{
  position:absolute;
  left:4%;
  bottom:7%;
  width:270px;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.75);
  border-radius:12px;
  padding:17px 18px;
  z-index:4;
}
.about-banner .quote-card strong{
  display:block;
  font:500 20px Georgia,serif;
  margin-bottom:5px;
}
.about-banner .quote-card span{
  font-size:11px;
  color:#6c7479;
  line-height:1.45;
}


/* ---------- Intro ---------- */
.about-banner .intro{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:70px;
  padding:86px 10px 45px;
  align-items:start;
}
.about-banner .intro h2{
  font-size:45px;
}
.about-banner .intro-copy{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
}
.about-banner .intro-copy p{
  margin:0;
  color:#616b70;
  font-size:15px;
  line-height:1.78;
}



/* ---------- Values ---------- */
.about-banner .values{
  border-top:1px solid #e6e9eb;
  border-bottom:1px solid #e6e9eb;
  padding:54px 0;
}
.about-banner .values-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:30px;
  margin-bottom:28px;
}
.about-banner .values-head h2{
  font-size:36px;
}
.about-banner .values-head p{
  max-width:520px;
  margin:0;
  font-size:14px;
  line-height:1.6;
}
.value-grid .col-lg-3 {
    display:flex
}
.about-banner .value{
  border:1px solid rgba(229,229,229,1);
  border-radius:10px;
  padding:22px;
  width:100%;
  background:#fff;
}
.about-banner .value-icon{
  width:42px;height:42px;
  border-radius:50%;
  background:#F8EEE8;
  display:grid;
  place-items:center;
  font-size:23px;
}
.about-banner .value h3{
  font-size:20px;
  line-height:normal;
  padding-bottom:0;
}
.about-banner .value p{
  margin:0;
  color:#6b7479;
  font-size:14px;
  line-height:1.6;
}

/* ---------- Split story ---------- */
.about-banner .story{
  margin:72px 0;
  border-radius:16px;
  overflow:hidden;
  background:#f8f5f2;
}
.about-banner .story-visual{
  position:relative;
  overflow:hidden;
}
.about-banner .story-copy{
  padding:40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.about-banner .story-copy h2{
  font-size:43px;
  line-height:normal;
}


.about-banner .bridge-main,
.about-banner .bridge-side{
  border-radius:14px;
  overflow:hidden;
  min-height:330px;
}
.about-banner .bridge-main{
  background:url(../images/depasquale-the-spa-to-your-home.png) no-repeat left top;
  background-size: cover;
  padding:42px;
  position:relative;
}
.about-banner .bridge-main h2{
  font-size:30px;
  line-height:normal;
}
.about-banner .bridge-main p{
  max-width:520px;
  font-size:14px;
  line-height:1.65;
}
.about-banner .bridge-side{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:#e6e9eb;
}
.about-banner .mini{
  background:#fff;
  padding:30px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.about-banner .mini small{
  font-size:10px;
  letter-spacing:.5px;
  text-transform:uppercase;
}
.about-banner .mini strong{
  font-size:21px;
  margin:6px 0;
}
.about-banner .mini span{
  color:#6b7479;
  font-size:11px;
  line-height:1.5;
}
.about-banner .mini a{
  color:#000000;
    
}
.about-banner .mini a:hover{
        color: #1D349A;
}
.static-content h3 {
    padding-bottom:0;
}
.static-content h4 {
    padding-bottom:0;
    line-height:normal;
    font-weight:600
}
.static-content p {
    padding:10px 0;
}
.static-content p a{
    color: #1D349A;
}
.faq-page .sidebar-list li {
    padding:5px 0;
}
.faq-page .sidebar-list li ul {
    padding-left:10px;
}
.faq-page .sidebar-list li a{
    color:black;
    font-size:14px;
}
.faq-page .sidebar-list li ul li a{
    color: #979696;
}
.faq-page  .sidebar-list > li > a:hover, 
.faq-page .sidebar-list > li > a:focus, 
.faq-page .sidebar-list > li > a.active, 
.faq-page .sidebar-list > li > ul > li > a.active {
    color: #1D349A;
}
.faq-page button {
    text-align:left !important;
    padding:10px 15px;
    background: #F5F5F5;
    color: #979696;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.faq-page .card-faq{
    margin:10px 0;
}
.faq-page .sidebar-list > li > ul > li > a:focus{
    color:#1D349A
}
.faq-page .card-faq > button:not(.collapsed):after {
    content: "\f106";
}
.card-faq > button:not(.collapsed) {
    background-color: #1D349A;
    color: #ffffff;
    border-color: #1D349A;
}
.faq-page .card-faq > button:after {
    content:"\f107";
    font-size: 15px;
    font-family: "Font Awesome 7 Pro";
    font-style: normal;
    font-weight: 300;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
}
.faq-page .card-body li,
.faq-page .card-body p {
    font-size:14px;
}
.faq-page .card-body li {
    color: #000000;
    list-style: none;
    padding: 5px 15px;
    position: relative;
}
.faq-page .card-body li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #1D349A;
}
.faq-section {
    display: none;
}
.faq-section.show {
    display: block;
}
.promo-code-success {
        padding-bottom: 25px;
    position:relative;
    margin:0;
    width:100%;
    background-color: #DFEFE5;
    border:none !important;
}
.promo-code-success .close {
    position:absolute;
    right:20px;
    top:20px;
    background:none;
    padding:0;
    color:black;
}
.promo-code-success p{
    padding:0;
}
.register-form .form-group>label:before,
.register-form .form-group>label:after{
    display:none;
}
.register-form .form-group .checkbox .form-group>label {
    padding:0;
}
.register-form .form-group .checkbox .form-group>label+br {
    display:none;
}
#reset_password {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    border: 0.1rem solid #e6e6e6;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border-radius: 0.3rem;
    padding:35px;
}
#reset_password h4 {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    background:none;
}
#reset_password  .pwd-rules p {
    font-size:13px;
    padding:5px 0;
}
#reset_password .form-group{
    padding:10px 0;
}
#product_html .no-products{
    padding:85px 0 0;
    text-align:center;
}
.quick-view-bg .addition-info li:last-child {
    display:none;
}
#mycoupon-sidebar .mcart-empty{
    text-align:center;
    padding:45px;
    border:1px solid rgba(0,0,0,0.1);
    margin:0 25px;
}
.blog-post__content h2 {
    font-size:24px;
    line-height: normal;
}
.blog-post__content h3 {
    font-size:18px;
    line-height:32px;
}
.blog-post__content p {
    padding:8px 0;
}
@media(min-width:1500px){
    .banner img{
        height:584px;
        object-fit:cover
    }
    .mcart-sidebar .scroll {
        height: 100%;
    }
    .pro-sidebar .scroll {
        height: 210px;
    }
}
@media(max-width:1400px){
    .find-popup .grid{
        overflow-y:scroll
    }
    .prod-details .col-lg-5 {
        padding-left: 25px;
    }
    .search-results-modal{
        padding: 0 25px;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
        padding: 0 25px;
    }
    .checkout:before{
        width: 41.5%;
    }
    .my_order th, .my_order td {
        padding: 11px !important;
    }

}
@media(min-width:1300px) and (max-width:1400px){
    .trending .prod-list .img {
        height: 255px;
    }
       .prod-listing .page-tit-top .col-xl-2 {
        width: 27.333333%;
    }
    .prod-listing .page-tit-top .col-xl-10 {
        width:72.666667%;
    }
    .selection ul li{
        padding:5px 7px;
    }
    .icon-sub li a strong, nav .mega-menu-icon li strong{
        font-size:13px
    }
    .icon-sub li a span, nav .mega-menu-icon li a span {
        font-size:11px;
    }
    nav .mega-menu-icon [class*="col-lg-"]{
        padding-left:0;
    }
    .gift-price button, .prod-details .qty-wrap .add-to-cart {
        width:74%;
    }
    .hero-copy{
        padding:2.0% 0 1.9% 4%;
    }
    .hero-copy h2{
        line-height:49px;
    }
    .hero-banner .texture {
        background:linear-gradient(90deg, rgba(255, 255, 255,0.8) 0%, rgba(255, 255, 255, .85) 22%, rgba(255, 255, 255, 0) 80%);
    }
    .banner .find-product-con{
        margin-top:5px;
    }
    .faq-con-bg{
        background-position:left -60px center !important;
        padding-left:330px;
    }
    .search-results-modal .col-lg-3{
        width: 20%;
    }
      .search-results-modal .col-lg-9{
        width: 80%;
    }
    .trending li{
        width: 32.588%;
    }
    
    .prod-details .main-slide {
        width: 670px !important;
    }
    .main-slide img {
        height: 590px;
    }
    .prod-list.list .con{
        width: 74%;
    }
}
@media(max-width:1299px){
    .my_order th {
		vertical-align: middle;
	}
	.my_order th .btn{
		width: 120px;
		margin: 5px 0;
	}
	.my_order th:last-child{
		width: 29%;
	}
	.display-shipping select.w-auto {
	    width:100% !important;
	    height:40px
	}
	.faq-con-bg {
	    padding-left:200px;
	}
}
@media(min-wwidth:1199px){
    .faq-bg {
        min-height:410px;
    }
    .cat-pg-ai, .conc-cols .container, .conc-content .container,
.cat-pg-split .container, .bd-logos .container,
.cat-pg-section .container {
    padding:0;
    
}
}
@media (min-width:1100px) and (max-width:1199px){
      .gift-price button, .prod-details .qty-wrap .add-to-cart {
        width:67%;
    }
    .hero-copy{
        padding:2.1% 0 1.9% 4%;
    }
    .hero-copy h2{
        line-height:49px;
    }
    .hero-banner .texture {
        background:linear-gradient(90deg, rgba(255, 255, 255,0.8) 0%, rgba(255, 255, 255, .85) 22%, rgba(255, 255, 255, 0) 80%);
    }
    .hero-copy ul{
        PADDING-TOP:10PX;
    }
    .gift-price button {
        width: 54%;
    }
    .trending li {
        width:32.469%;
    }
    .prod-details .main-slide {
        width: 53
        0px !important;
    }
    .main-slide img {
        height: 500px;
    }
    .search-results-modal{
        top: 135px;
    }
    .prod-list.list .con{
        width: 70%;
    }
    .checkout .col-lg-4{
        width: 45%;
    }
    .banner .slider img{
        object-fit:cover;
        object-position: -40px center;
        height:480px;
    }
    .hero-banner .texture{
        background: linear-gradient(90deg, rgba(255, 255, 255,0.8) 0%, rgba(255, 255, 255, .85) 22%, rgba(255, 255, 255, 0) 85%);
    }
    .faq-con-bg {
        background-position:left -130px center !important;
        padding-left:260px;
    }
    footer form {
        width:420px;
    }
    footer input[type="email"] {
        width:280px;
    }
}
@media(min-width:1100px){
    
    .myaccount-page .side-nav{
        width:22%;
    }
    .myaccount-page .col-lg-9{
        width:78%;
    }
    .gallery-main1 {
        height:480px;
        align-items:center;
    }
    .gallery-main1 img{
        height:350px;
    }
    .category-listing .left-col {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
    }
    .category-listing .prom-con {
        flex: 1;
    }

    .category-listing .prom-con img {
        height: 100%;
        object-fit: cover;
    }
    .prod-listing  .col-lg-2 {
        flex: 0 0 auto;
        width: 20%;
        padding-right:0;
    }
    .prod-listing .col-lg-10 {
        flex: 0 0 auto;
        width: 80%;
    }
}
@media(max-width:1099px) {
    .hour-card {
        margin:10px 0;
    }
    .cols4 p br,
    .trending li .btn-bg{
        display: none;
    }
    .filter-list li label {
        font-size: 14px;
    }
    footer form{
        width: 100%;
    }
    footer h6 strong {
        font-size: 14px;
    }
    .prod-listing{
        padding: 15px 0 45px;
    }
    .category-listing .prom-con {
        position: sticky;
        top: 80px;
    }
    .trending-now .item h5{
        font-size: 16px;
        line-height: normal;
    }
    .blogs h4{
        font-size: 22px;
    }
    .owl-carousel .owl-nav .owl-prev {
        left: 0;
    }
    .owl-carousel .owl-nav .owl-next {
        right: 0;
    }
    .prod-list.list .con{
        width: 65%;
    }
    .faq [class*="col-lg-"] {
        width:100%;
    }
    .faq-con-bg{
        width:100%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        text-align: left;
        padding:45px;
    }
    .faq-bg {
        margin:10px 0;
    }
    .faq .accordion,
  .faq-con-bg div {
      width:50%;
  }
  .prod-list .img{
      height:235px;
  }
  .bd-pg-hero{
    grid-template-columns: 55% 66%;
    margin:25px 15px;
  }
}
@media(min-width:992px) and (max-width:1199px){
    .about-banner .story-copy {
    padding: 20px 20px;
    }
     .selection {
        width: 82%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .selection ul {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 8px;

        width: max-content;
        min-width: 100%;

        margin: 0;
        padding: 0;
    }
        .selection ul li {
        flex: 0 0 auto;
        white-space: nowrap;
    }
    footer input[type="email"] {
        width:241px
    }
    footer button {
        width:144px
    }
   .prod-details .tab-nav li{
        padding:10px;
    }
    .prod-details .tab-nav li{
        font-size:14px
    }
    .sidebar .filter-list-con{
        margin-right:0 !important;
    }
    .conc-grid .col-lg-3{
        width: 33.333%;
    }
    .bd-logos li {
        width: 25%;
    }
    .conc-title-copy {
        padding: 66px 25px;
    }
    .conc-title-benefit div b{
        font-size:16px;
    }
    .conc-content .concern-card h3{
        font-size:18px;
    }
    .conc-content .quiz{
       grid-template-columns: 44% 56%; 
    }
    .icon-sub li a, nav .mega-menu-icon li a{
        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
        width: 100%;
    }
    nav .mega-menu-icon li{
        padding:10px 10px 10px 0;
    }
    .icon-sub li a strong, nav .mega-menu-icon li strong{
        font-size:13px
    }
    .icon-sub li a span, nav .mega-menu-icon li a span {
        padding-right:0;
    }
    .icon-sub li a, nav .mega-menu-icon li a {
        font-size:10px;
    }
    .cat-pg-ai {
        margin:0 15px 25px;
    }
    .hero-banner .texture {
        background:linear-gradient(90deg, rgba(255, 255, 255,0.8) 0%, rgba(255, 255, 255, .85) 35%, rgba(255, 255, 255, 0) 80%);
    }
    nav .mega-menu [class*="col-lg-"] {
        padding-left:15px;
    }
    nav .mega-menu h6{
        font-size:13px;
    }
    nav>ul>li {
        padding: 35px 7px;
    }
    header .navbar-toggler {
        margin-bottom:0;
    }
    .hero-copy{
        padding:2.3% 0 2.3% 4%;
    }
    .banner .owl-carousel .owl-dots {
        bottom:10px;
    }
    .banner .find-product-con{
        margin-top:5px;
    }
    .hero-copy ul{
        padding-top:5px;
    }
    .hero-copy h2 {
        line-height:47px;
        font-size:50px;
    }
    .my_order th:last-child{
        width: 21%;
    }
    .my_order th .btn {
        width: 150px;
    }
    .my_order th, .my_order td {
        padding: 8px !important;
    }
    .brands-section li{
        margin: 5px;
    }
    .trust-card{
        padding:15px;
    }
    .trust-card h3 {
        font-size: 16px;
    }
    .trust-card .fa-star{
        font-size:9px;
    }
    .hair-cols-wrap .hair-con {
        width: 32%;
    }
    .hair-cols .hairs-slider {
        width: 68%;
    }
    
}
@media(min-width:992px) and (max-width:1099px){
    footer button{
        width: 144px;
        padding:0;
    }
    .about-banner .intro h2{
        font-size: 39px;
    }
    .about-banner .value h3{
        font-size:16px;
    }
    .about-banner .value p{
        font-size:13px;
    }
    .about-banner .story-copy h2{
        font-size:40px;
    }
    .about-banner .mini strong{
        font-size:17px;
    }
    .hours {
        display:block;
    }
    .table thead tr th {
        padding:15px 7px;
    }
    .myaccount-nav__con tbody td,
    .myaccount-nav__con tbody .myorder-table__bottom td{
        padding:10px 7px !important;
    }
      .gift-price button, .prod-details .qty-wrap .add-to-cart {
        width:61%;
    }
    .gift-price button {
        width: 47%;
    }
    .cat-pg-ai{
        border-radius:0;
    }
    .cat-pg-hero p {
           max-width: 320px; 
    }
    .cat-pg-hero h2 {
    font-size: 44px;
    }
    nav>ul>li {
    padding: 35px 8px;
}
    .search-results-modal{
        top:125px
    }
    .trending li {
        width: 32.33432%;
    }
    .prod-details .main-slide {
        width: 460px;
    }
    .main-slide img {
        height: 430px;
    }
    .checkout .col-lg-4{
        width: 45%;
    }
    .banner .slider img{
        object-fit:cover;
        object-position: -40px center;
        height:464px;
    }
    nav>ul>li>a {
        font-size: 13px;
    }
    .hero-banner .texture{
        background: linear-gradient(90deg, rgba(255, 255, 255,0.8) 0%, rgba(255, 255, 255, .85) 22%, rgba(255, 255, 255, 0.5) 55%);
    }
    .prod-listing .col-xl-2 {
        width: 24.666667%;
    }
    .prod-listing .col-xl-10 {
        width:75.333333%;
    }
    .page-tit-top h3 {
        font-size:28px;
    }
    .prod-listing .page-tit-top .col-xl-2 {
        width: 33.33333333%;
    }
    .prod-listing .page-tit-top .col-xl-10 {
        width:66.66666667%;
    }
    .prod-listing .rituals{
        padding-bottom:0;
    }
    
    .prod-details .main-slide {
        width:450px !important;
    }
    .conc-content .concern-card{
        padding:20px;
    }
    .conc-title{
        grid-template-columns: 1.3fr 1fr;
    }
}
@media(min-width:992px){
       
    .page-tit-top .filt-btn,
    .prod-list-det .sort,
    .shop-page .col-lg-2 .sort,
    .shop-page .prod-list-det .sort,
    .cart-grid .grid-m {
        display:none;
    }
    .myaccount-page .side-nav{
        width:25%;
    }
    .myaccount-page .col-lg-9{
        width:75%;
    }
    .search1, .filt-btn, .sidebar select, .sidebar .close,  .sidebar h5, #menu1 img, #menu1 .btm-foot, .gift-page .filter-wrap .sort,
    .navbar-toggler1 {
        display: none !important;
    }
    .category-listing .head .catr-list{
        width: 980px;
        margin:0 auto
    }
    .trending-now .trending-list .item {
        width: 20%;
        padding: 0 5px;
    }
    footer .accordion-title{
        padding: 10px 0;
        border: none;
    }
    footer .accordion-title:after{
        display: none;
        border: none;
    }
    footer .accordion-content {
        display: block;
        padding: 0;
    }
    .prod-details .main-slide{
        width: 765px;
    }
    
    .prod-details .thumb-slider .owl-stage{
        display:flex;
        flex-direction:column;
        transform: translate3d(0, 0px, 0px) !important;
        width:100% !important;
    }
    .prod-details .thumb-slider .owl-stage .owl-item {
        width:100% !important;
    }
    
    .hair-cols-wrap .hair-con{
        width:24%;
        align-items: center;
        padding: 15px 25px 0 0;
    }
    .hair-cols .hairs-slider {
        width:76%;
    }
  
}
@media(max-width:991px){
    .gift-page .filter-wrap .col-12 {
        justify-content:space-between;
    }
    .gift-page .breadcrumb{
        margin-bottom:0;
    }
    .page-tit-top .sort{
        display:none;
    }
    .shop-page .col-lg-2 {
        display:flex;
        align-items:center;
        justify-content:space-between;
    }
    .prod-listing .search-wrap {
        width:100%;
    }
    
    
     .selection {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        margin-bottom:10px;
    }

    .selection ul {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        gap: 8px;

        width: max-content;
        min-width: 100%;

        margin: 0;
        padding: 0;
    }
        .selection ul li {
        flex: 0 0 auto;
        white-space: nowrap;
    }
    .shop-page .prod-list-det {
    flex-direction:row;
    align-items:center;
    justify-content:space-between !important;
    flex-wrap:wrap;
    padding-bottom:10px;
}
    .mm-navbar_has-btns {
        margin: 0;
    }
    nav li.active a span,
    nav li.active a{
        color:#1D349A !important;
    }
    .prod-details h2.head {
        font-size:28px;
    }
    .right-con .prod-shrtc{
        padding:10px 0;
    }
    .right-con h4{
        padding-top:0;
    }
    .prod-spec{
        padding-top:30px;
    }
    .info{
        margin-top:10px;
    }
   .filter-list-con .scroll {
        height: 210px;
    }   
    .filter-list-con{
        margin-right:0 !important;
    }
    .prod-list .img .actions{
        display:none;
    }
    .login-wrap.register .perk{
        padding:15px;
    }
    .login-wrap .con-left{
        padding:20px;
    }
    .cart {
        padding:15px 0
    }
    .cart .breadcrumb{
        margin-bottom:0;
    }
    .cart h2 {
        font-size:28px;
    }
    .cart p .btn-bg{
        margin-top:15px;
    }
   .cart-grid .grid-desk {
        display:none;
    }
    .side-cart {
        margin-top:15px;
    }
    .about-banner .hero-visual {
        min-height:400px;
    }
    .about-banner .values-head,
    .about-banner .intro,
    .about-banner .hero {
        display:block;
    }
    .about-banner .values,
    .about-banner .intro,
    .about-banner .hero {
        display:block;
        padding: 45px 10px 25px;
    }
    .about-banner .values-head p {
        max-width:100%;
    }
    .about-banner .story {
        margin:40px 0;
    }
    .about-banner .values-head {
        margin-bottom:0;
    }
    .about-banner .value {
        margin:10px 0;
    }
    .about-banner .hero-copy{
        padding:15px 25px;
        max-width:100%;
    }
    .about-banner .hero h2{
        font-size:42px;
        line-height:48px;
    }
    .about-banner .hero-actions {
        margin-top:10px;
    }
    .about-banner .hero p{
        width:100%;
    }
    .about-banner .story-copy h2,
    .about-banner .values-head h2 {
        font-size:30px;
        line-height: normal;
    }
    .about-banner .intro h2{
        font-size:33px;
        line-height:normal;
    }
    .about-banner .bridge-main, .about-banner .bridge-side{
        min-height:auto;
    }
    .subpage-wrapper .con form {
        padding-bottom:0;
    }
    .cnt-info li {
        padding:15px 0;
    }
    .cat-pg-section {
        padding:25px 0;
    }
    .table thead tr th {
        padding:15px 7px;
    }
    .myaccount-nav__con tbody .myorder-table__bottom td{
        padding:10px 6px !important;
    }
    .side-nav{
        display:none;
    }
    .chosen-container-single .chosen-single, input[type="email"], input[type="text"], input[type="password"], input[type="tel"], input[type="date"], select, textarea {
        font-size:12px;
    }
    .chosen-container-single .chosen-single, input[type="email"], input[type="text"], input[type="password"], input[type="tel"], input[type="date"], select{
        height:40px;
    }
    .myaccount-nav__con h6 {
        font-size:16px;
    }
    .checkbox label,
    .myaccount-nav__con h4 + p {
        font-size:13px;
    }
    .myaccount-nav__con h4 + p {
        line-height:normal;
    }
    .myaccount-nav__con h4 {
        font-size:25px;
    }
    footer h6 {
        font-size:14px;
    }
    .btn{
        padding:10px 25px;
        font-size:13px;
    }
    .myaccount-nav__row h4 {
        font-size:13px;
    }
    .myaccount-page h2 {
        font-size: 28px;
        line-height: normal;
    }
    .myaccount-page h2 + p {
        font-size:13px;
    }
    .myaccount-nav__list>li>a{
        font-size:13px;
    }
    .prod-details .col-lg-5 {
        padding-top:25px;
    }
    .cat-pg-section .more {
        margin:10px 0;
    }
    .bd-pg-hero .hero-art,
    .conc-content .quiz-img,
    .conc-title .conc-title-image {
                position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.1;
        FONT-WEIGHT: 500;
    }
    .bd-pg-hero,
    .conc-content .quiz,
    .conc-title{
        position:relative;
        display:block;
        padding:0 15px;
        min-height:auto;
    }
    .bd-pg-hero p,
    .conc-title p {
        margin:0 auto;
    }
    .bd-pg-actions,
    .conc-title-benefits{
        justify-content:center;
    }
    .bd-pg-hero-copy,
    .conc-content .quiz-copy,
.conc-title-copy{
    position:relative;
    z-index:5;
    text-align:center;
}
    .blogs {
        padding: 35px 0 25px;
    }
    .banner .find-product-con,
    nav li .img {
        display:none;
    }
      nav li span {
          font-size:14px
      }
      nav li span strong{
          display:block;
      }
    .mm-listview {
        margin:-20px -20px 55px !important;
    }
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
        -webkit-transform: translate(0, 0) !important;
        -ms-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important; 
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }
    .mm-navbars_top{
        border-top:1px solid #E9ECEF;
        padding-top:15px;
    }
    .mm-menu_offcanvas{
        z-index: 15 !important;
    }
    #menu1 img{
        position: absolute;
        left: 15px;
        top: 20px;
        z-index: 15;
        width: 120px;
    }
    
    .cat-pg-hero-copy {
        padding: 26px 0;
        text-align: center;
    }
    .cat-pg-section .card-copy {
        padding: 5px 15px 16px;
    }
    .cat-pg-section .card-copy h3 {
        font-size:19px;
    }
    .cat-pg-hero p{
        margin:0 auto;
        max-width:440px;
    }
    
    .cat-pg-hero-actions{
        justify-content:center;
    }
    #menu1 .btm-foot {
        position: absolute;
        left: 0;
        bottom: 0;
        padding:0 10px 0;
        z-index: 15;
        width: 100%;
        top: auto;
        display: flex !important;
        align-items:center;
        right: auto;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
         transform-origin: top left; 
         -webkit-transform: translate(0); 
        -ms-transform: translate(0); 
         transform: translate(0); 
         -webkit-transform: translate3d(0); 
         transform: translate3d(0); 
         box-shadow: 0 0 15px rgba(0, 0, 0, .1);
         border-top:1px solid #E9ECEF;
         background:#F8F9FA;
        
    }
    #menu1 .btm-foot a{
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 13px;
        padding: 10px 12px;
        border-top: 2px solid transparent;
        width: 33.333%;
    }
     #menu1 .btm-foot i {
        font-size: 18px;
        display: block;
        margin-bottom: 5px;
    }
    #menu1 .btm-foot a:hover{
          border-top-color: #1D349A;
        color: #1D349A;
    }
    .mm-menu{
        left: -100%;
        opacity: 0;
        visibility: hidden;
        display: flex !important;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .mm-menu_offcanvas.mm-menu_opened{
        left:0;
        opacity: 1;
        visibility: visible;
    }
    .mm-navbars_top{
        top: 75px;
    }
    .mm-menu_navbar_top-2 .mm-panels{
        top: 165px;
    }
    .mm-btn_close{
        position: absolute;
        right: 0;
        top: -115px; 
    }
    .mm-btn_clear:after, .mm-btn_clear:before, .mm-btn_close:after, .mm-btn_close:before{
        width: 10px;
        height: 10px;
    }
    .mm-btn_clear:after, .mm-btn_close:after{
        right: 33px;
    }
    .catr-list,
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
        padding: 0 15px;
    }
    nav li a{
        FONT-SIZE: 15px;
        font-weight: 600;
        letter-spacing: 0.04em;
        color:black !important;
    }
    #mm-5 .mm-listview li:after, .sort select,
    .navbar-toggler, header .col-lg-4 li span span, header .search,
    .hide-mobile{
        display: none;
    }
    .gift-page .sort select{
        display:block   ;
    }
    header .search.search1 {
        display: flex !important;
        margin: 0 auto;
        width: 90%;
    }
    .cols4 p br,
    .navbar-toggler1 {
        display: block;
    }
     .trending li .btn-bg {
        display: flex;
     }
    nav li.onsale a {
        padding: 10px 10px 10px 20px;
        background: none;
        color: #C4301C !important;
    }
    header h1 img {
        width: 120px;
    }
    header h1{
        padding-bottom: 15px;
    }

    header {
        position: sticky;
        top: 0;
        background: white;
        padding: 10px 0;
    }
    header.sticky{
        background:rgba(255,255,255,0.9);
    }
    .sidebar {
        position: fixed;
        left: -100%;
        width: 90%;
        background: white;
        height: 100vh;
        opacity: 0;
        top:0;
        z-index: 25;
        padding:10px 15px 0;
        max-width: 350px;
        visibility: hidden;
        overflow-y:scroll;
    }
    .sidebar .close {
        position: absolute;
        right: 30px;
        text-align: center;
        top: 10px;
        z-index:10;
    }
    .sidebar h5 {
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }
    .sidebar.active{
        left: 0;
        opacity: 1;
        visibility: visible
    }
    .filter-wrap {
        position: sticky;
        top: 80px;
        background: white;
        padding: 0;
        z-index: 10;
    }
    .prod-listing{
        padding-bottom:0;
    }
    .page-tit-top{
        padding-bottom: 15px;
        margin-bottom:15px;
    }
    .filter-wrap .row{
        align-items:center;
    }
    .sort label button {
        width: 38px;
        height: 38px;
        margin-left:10px
    }
     .filter-wrap p{
        font-size: 12px !important;
     }
     .filter-wrap .col-12{
        display: flex;
        align-items: center;
     }
     .filt-sort{
         display:flex;
         justify-content:space-between;
         align-items:center;
         padding:0 10px;
     }
     .filt-btn {
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        width: 100px;
        margin-left: 15px;
        border:1px solid #1D349A;
     }
     .filt-btn i{
        margin-right: 5px;
        color: #1D349A;
        font-size: 16px;
      }
     
      .hme-tabs {
        margin: 25px 0 0;
        padding: 35px 0 15px;
    }
    .category-listing{
        padding-bottom: 10px;
    }
    .category-listing .owl-carousel .owl-nav button{
        background: white !important;
        color: #000000 !important;
        top:-14px;
    }
    .category-listing .owl-carousel .owl-nav .owl-next{
        right: 0;
    }
   .category-listing  .owl-carousel .owl-nav .owl-prev{
        left: 0;
    }
    .promo-banner .con {
        flex-direction: column;
        justify-content: center;
    }
    .promo-banner h3 {
        padding: 0;
    }
    .promo-banner p {
        text-align: center;
    }
    .trending {
        margin-top:25px;
        padding-bottom: 55px;
    }
    .trending li{
        width:48.646%;
    }
    .blogs .img{
        margin: 0;
    }
    .blogs h4 {
        font-size: 16px;
    }
    .blogs p {
        padding: 0;
    }
    .brand{
        padding:25px 0 ;
    }
    .trending-now,
    .reviews {
        margin-bottom: 25px;
    }
    .reviews {
        padding-bottom:15px;
    }
    footer .menu .container{
        padding: 15px
    }
    footer .copy{
        margin: 15px 0 0;
    }
    .faq .accordion-title {
        border-bottom-color: 1px solid #d5d5d5;
    }
    .quick-view .con {
        padding: 0 15px;
    }
    .thumb-slider{
        width:100%
    }
    .prod-details .badge{
        left: 15px;
        right:auto;
    }
    .checkout:before,
    .checkout .col-lg-4:first-child .btn-bg {
        display: none;
    }
    .checkout .container {
        max-width: 600px;
        padding-top: 20px;
    }
    .checkout .col-lg-4{
        padding: 0 15px;
    }
    .checkout .side-cart{
        margin: 0;
        padding: 0;
    }
    .side-cart h4 span:first-child{
        justify-content: flex-start;
    }
    hr{
        margin: 10px 0;
    }
    .account-information{
        padding: 0 0 45px;
    }
    .account-information .sidebar{
        display: none;
    }
    .myaccount-nav__con{
        padding: 20px;
    }
    .brands-section li{
        margin: 5px;
    }
    .hero-banner .texture {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, .85) 22%, rgba(255, 255, 255,0.5) 106%);
    }
    
   .rituals {
       padding-bottom:35px;
   }
    .sidebar select{
        margin: 15px 0;
        border: 1px solid rgba(0, 0, 0, 0.08);
        border-radius: 30px;
        padding: 15px;
        height: auto;
        background-position: right  11px top 15px;
        width: 90%;
    }

    .prod-details .thumb-slider{
        order: 1;
        width: 100%;
    }
   

     .prod-details .main-slide img,
    .prod-details .thumb-slider .slick-list{
        height: auto !important;
        width:auto;
    }
    .owl-carousel .owl-stage-outer {
        width:100%;
    }
    .prod-details .thumb-slider .owl-stage-outer{
        display: flex;
        justify-content:center;
    }
    
    .hair-cols-wrap .hair-con {
        width: 100%;
        text-align: center;
        padding-bottom: 0;
    }
    .hair-cols .hairs-slider {
        width: 100%;
    }
    .cols2 .con-small{
        width:100%;
        margin-top:15px;
    }
    .find-popup .right {
        scroll-margin-top: 100px;
    }
    .find-popup .processing h2{
            font-size: 26px;
    }
    .find-popup .processing {
        bottom:160px !important;
    }
   .conc-title .container {
        grid-template-columns: 1fr;
    }
    .conc-title   .conc-title-image {
        min-height: 280px;
    }
    .conc-title-copy {
    padding: 25px 0;
}
  .conc-content .quiz {
    grid-template-columns: 1fr;
  }

    .cat-pg-hero {
        position:relative;
    }
    .cat-pg-hero-copy {
        position:relative;
        z-index:5;
    }
    .cat-pg-hero:before{
        background: linear-gradient(110deg, #fbf5f0, #e9d7c9);
        content:"";
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        opacity:0.9;
    }
    .bd-pg-hero-copy {
        padding: 25px 28px;
    }
    .bd-pg-hero{
        min-height:auto;
    }
    .bd-pg-hero h2{
        font-size:38px;
        padding-bottom:0;
    }
    .bd-pg-kicker {
        font-size:10px;
    }
    .bd-pg-hero p {
        font-size:14px;
    }
    .bd-pg-actions .btn {
        font-size:12px;
        padding:11px 13px;
    }
    .bd-pg-lg{
        padding-top:0;
    }
    .bd-logos .section-head, .cat-pg-section .section-head{
        margin-bottom:15px;
    }
    .cat-pg-ai {
        padding:25px 15px;
        border-radius:0;
        margin-top:0;
    }
}
@media(min-width:768px){ 
    .trending-now .trending-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -5px;
    }
    .category-listing .row{
        margin: 0;
    }
    .category-listing .col-lg-4,
    .category-listing .col-lg-8{
        padding: 0 5px;
    }
    .trending-now .item {
        padding: 5px;
    }
     .slider .item .mobile,
    .cart-item-row {
        display: none;
    }
    .quick-footer{
        display:none;
    }
    
}
@media(min-width:768px) and (max-width:991px){
    
    .bd-logos li {
        padding:10px;
        width: 25%;
    }
    .login-wrap .con-left .col-md-6{
       width: 100%; 
    }
    .login-wrap.register .rules{
        display:block;
    }
    .login-wrap.register .rules li {
        padding:5px 0;
    }
    .cat-pg-hero h2{
        font-size:43px
    }
    .myaccount-page .col-lg-9{
        width:100%;
    }
    .hero-copy{
        padding:7.7% 0 7.7% 4%;
    }
    .hero-copy p br {
        display:none
    }
    .hero-copy ul{
        padding:0;
    }
    .hero-copy h2 {
    font-size: 44px;
    }
    .gift-price select,
    .gift-price input[type="text"] {
    width: 100px;
    }
    .cat-pg-concern h2{
       font-size:30px;
    }
    .cat-pg-ai h2{
        Font-size:31px;
    }
    .cat-pg-split .panel h2{
        font-size:25px;
    }
    .trending-now .item{
        width: 33.3333%;
    }
    .find-popup .grid{
        width:65%;
    }
    .quick-view .main-slide img {
        height: 380px;
        margin: 0;
    }
    .main-slide img {
        height: 220px;
    }
    .my_order th:last-child {
        width: 22%;
    }
    .my_order th .btn{
        width:145px;
    }
    .faq img {
        height: 400px;
        object-fit: cover;
    }
    
    .banner .slider img{
        object-fit:cover;
        object-position: -40px center;
        height:416px;
    }
    
    .cart-card-overlay .scroll {
        height: auto;
    }
    .reviews h3{
        font-size:23px;
        padding:0;
    }
    .reviews .head{
        align-items:flex-end;
    }
    
      
    .cat-pg-ai div{
        width:70%
    }
}
@media(max-width:767px){
    .login-wrap button[type="submit"]{
        padding:8px 20px;
    }
     .checkout .side-cart-info p{
            font-size:12px;
        }
    .prod-listing .page-tit-top .col-xl-3 {
        text-align:center;
        width:100%;
    }
    .prod-details .breadcrumb,
     .prod-listing .page-tit-top .col-xl-3 .breadcrumb {
         justify-content:center;
     }
     .checkout-address{
         padding:15px;
     }
    .login-bg {
        right:-100%;
        left:auto;
    }
    .login-bg.show{
        right:0;
    }
    .login-bg .login-wrap {
        width:100%;
        height:100%;
        border-radius:0;
        position:relative;
        overflow-y:scroll;
    }
    .login-wrap .btm-con,
    .login-bg .login-wrap form {
        width:100%;
        position: relative;
        z-index: 5;
    }
    .cart-grid .col-lg-8{
        padding-right:calc(var(--bs-gutter-x) * .5);
    }
    .prod-listing .align-items-center .selection{
        width:100%;
    }
    .cat-pg-section .more h4{
        font-size:19px;
    }
    .cols2 .con-small{
        padding:13px;
    }
    .owl-carousel .owl-nav button{
        width: 30px !important;
        height: 30px !important;
    }
    .reviews .head h3 small{
        padding-bottom:5px;
    }
    .subpage-wrapper .con form .checkbox label {
        margin:10px 0;
    }
    .bd-logos .section-head p{
        padding:0 10px;
    }
    .bd-pg-lg img{
        height:50px;
    }
    .conc-content{
        padding:20px 0 0
    }
    .prod-spec .prod-tab-con .row{
        padding-bottom:15px;
    }
    .prod-details .tab-nav li{
        padding:10px;
    }
    .main-slide .owl-item div {
        border:none;
    }
    .bd-logos li{
        padding:10px;
    }
    .prod-list .con-wrap{
        margin:10px 5px;
    }
    .conc-title-benefits {
        display:none;
    }
    footer h5{
        font-size:15px;
    }
    .login-wrap.register .con-right .con{
        margin:0 15px 25px
    }
    .prod-list .con {
        padding:15px;
    }
    .about-banner .hero-copy {
        padding: 15px 15px;
    }
    .subpage-wrapper{
        padding-bottom:25px;
    }
    .about-banner .story-copy h2, .about-banner .values-head h2,
    .about-banner .intro h2{
        font-size:25px;
    }
    .about-banner .btn{
        padding:15px;
    }
    .about-banner .bridge-main,
    .about-banner .story-copy{
        padding:20px;
    }
    .about-banner .values, .about-banner .intro, .about-banner .hero {
        padding: 30px 0 0;
    }
    .about-banner .intro-copy {
        display:block;
    }
    .subpage-wrapper .title h3{
        font-size:25px;
    }
    .subpage-wrapper .title p{
        font-size:12px;
    }
    .subpage-wrapper .title p br{
        display:none;
    }
    .hme-tabs .head{
        margin-top:0;
    }
    .myaccount-nav__con h4 {
        font-size: 20px;
    }
    .pref-row li p {
        font-size:12px;
    }
    .pass-form p{
        font-size:12px;
    }
    .order-modal .order-wrap h3{
        font-size:21px;
    }
    .order-modal .order-wrap h3 + p {
        font-size:12px;
    }
    .myaccount-nav__con .summary-grid .con h6 span {
        font-size:12px;
    }
    .sb-edit-address-wrap,
    .order-modal .order-wrap {
        height:90vh;
        overflow-y:scroll;
        width:90%;
    }
    .sb-edit-address-wrap .justify-content-end{
        justify-content: center !important;
        padding: 25px 0 10px;
    }
    .myaccount-nav__con .d-flex p{
        font-size:12px;
    }
    .prod-listing .align-items-center {
        flex-directION: row;
        flex-wrap:wrap;
        justify-content: space-between !important;
    }
    .cat-pg-split .panel{
        margin:10px 0;
    }
    h4 {
        font-size: 18px;
    }
    .category-listing h2{
        font-size: 27px;
    }
    .head h3 + a{
        font-size: 14px;
    }
    header h1 img {
        display:block;
        margin-left:0;
    }
    .banner .container {
        padding:0;
    }
    .slider .item {
        margin: 0 0 15px;
        border-radius:0;
    }
    .prod-list .add-cart, .banner .hero, .slider .item a, .find-product-con .left-img,
    .trending-now .item .btn-bg, .prod-list .img .actions a.quick-btn{
        display: none;
    }

    .slider .item img{
        display: none;
    }
.slider .item .mobile img,
    .slider .item .mobile{
        display: block;
    }
    .category-listing .con p{
        font-size: 16px;
        font-weight: 600;
        padding:8px 0 0
    }
    .trending-now .item h5 {
        font-size: 15px;
        justify-content: center;
        padding: 10px 0;
    }
    .faq img{
        width: 100%;
    }
    .prod-list .img .actions a{
        width: 30px;
        height: 30px;
        font-size: 11px;
    }
    .prod-list .con-wrap .actions{
        top: 5px;
        opacity:1;
        visibility:visible;
        right:10px;
    }
    .prod-list .con-wrap:hover .actions{
        right: 10px;
    }
    .category-listing h2 {
        font-size: 32px;
        line-height: normal;
    }
    .category-listing .prom-con{
        top: 0;
        margin-bottom: 15px;
    }
    .trending li,
    .category-listing .prom-con img{
        width: 100%;
    }
    .category-listing .col-lg-4, .category-listing .col-lg-8{
        padding: 0 10px;
    }
    .category-listing .col-lg-8 .col-lg-4{
        padding: 0 5px;
    }
    .hme-tabs{
        margin-top: 0;
        padding-top:45px;
    }
    .cols4 {
        padding: 25px 0 0;
    }
    .promo-banner h3{
        line-height: normal;
    }
    .prod-list .img .add-cart{
        width: 63%;
        font-size: 12px;
        height: 30px;
    }
    
    .rev-list .item{
        display: block;
    }
    .faq{
        padding: 25px 0;
    }
    .selection ul li{
        padding: 5px 15px;
    }
    .selection ul {
        gap:0
    }
    .filter-wrap p, .selection ul li, .sort label{
        font-size: 12px;
    }
    .sort label button{
        width: 34px;
        height: 34px;
    }
    .category-listing .head .item p{
        font-size: 14px;
        padding: 8px 7px;
    }
    .prod-list .img {
        height: 185px;
    }
    .prod-list .img img{
        object-fit:cover;
                height: 100%;
        width: auto;
    }
    header .col-lg-4 li {
        padding: 0 7px;
    }
    .checkbox {
        margin: 0;
    }
    .main-slide img {
        height: 500px;
    }
    .thumb-slider .slick-track {
        gap: 0;
    }
    .thumb-slider .slick-list{
        height: auto !important;
    }
    .gallery-wrapper .slick-prev {
        left: 0;
    }
    .gallery-wrapper .slick-next {
        right: 0;
    }
    .thumb-slider .slick-prev {
       top:40px
    }
    .thumb-slider .slick-next {
        top:40px
    }
    .prod-details .thumb-slider .slick-slide, .prod-details .thumb-slider img {
        margin:0 auto
    }
    .prod-details .col-lg-5{
        padding: 20px 15px 0;
    }
    h2.head{
        font-size: 24px;
    }
    .right-con h4{
        font-size: 16px;
    }
    .prod-details .qty-wrap .add-to-cart {
        width: 200px;
    }
    .qty-wrap{
        margin-bottom: 0;
    }
    .prod-spec .row{
        padding: 25px 0 0;
    }
    .tab-pane iframe{
        width: 100%;
    }
    .related-product{
        margin: 0 0 35px;
    }
    .mcart-sidebar.show .cart-card{
        display:block;
        overflow-y: scroll;
        height: 100vh;
    }
    header .col-lg-4 i{
        font-size: 16px;
    }
    header .col-lg-4 a svg {
        width: 20px;
    }
    .brand{
        padding:25px 0;
    }
    .prod-list.list .img{
        width: 35%;
    }
    .main-slide img{
        border: none;
    }
    .prod-details .main-slide{
        border:1px solid rgba(229,229,229,1)
    }
    .cart{
        padding: 35px 0 !important;
    }
    .cart table{
        display: none;
    }
    .cart-item__top, .cart-item__bottom {
        display: flex;
        width: 100%;
        padding:10px 0
    }
    .cart-item__image {
        flex: 0 0 auto;
        width: 70px;
    }
    .cart-item__image img{
        margin: 0;
        width: auto;
        height: auto;
    }
    .cart-item__info {
        padding-left: 1rem;
    }
    .cart-item__sku {
        color: #a7a7a7;
        font-size: 12px;
        font-weight: 500;
    }
    .cart-item__name > a {
        color: #000000;
        font-size: 14px;
        font-weight: 600;
    }
    .cart-item__price > span {
        font-size: 13px;
        letter-spacing: 0.05rem;
        color: #929397;
    }
    .cart-item label{
        background: none !important;
        color: black !important;
        margin: 5px 0;
    }
    .cart .radio-btn label{
        padding: 3px 20px 3px 30px;
    }
    .cart-item .radio-btn label:before,
   .cart-item .radio-btn label:after{
        width: 15px;
        height: 15px;
    }
    .cart-item .radio-btn label:before{
        background: white;
    }
    .cart-item__bottom{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 0 0;
        border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
        margin-top: 15px;
    }
    .cart .radio-btn label:before{
        top: 4px;
    }
    .cart .radio-btn label:after {
        left: 0;
        top: 4px;
    }
    .cart-item__bottom .fa-times{
        position: relative;
        right: 0;
        top: 0;
    }
    .cart p .btn-bg {
        margin-top: 0;
    }
    .cart-item label{
        margin: 0;
    }
    .side-cart {
        margin-top: 25px;
        padding:15px;
    }
    .input,
    .checkout .flex select, .checkout .flex input[type="text"]{
        margin: 5px 0;
    }
    .input {
        padding: 0 5px;
    }
    .page-title {
        height: auto;
        padding: 25px 0 35px;
    }
    .page-title h2 {
        font-size: 37px;
    }
    .m-myorder--table th.text-left {
        text-align: left;
    }
    .m-myorder--table h5 {
        padding: 0;
    }
    .m-myorder--table p {
        padding-top: 5px;
    }
    .my_order th .btn{
        width: 150px;
    }
    .login-wrap  {
        margin: 0 auto 0;
    }
    .login-wrap .con-left{
        padding:20px;
    }
    .login-wrap h2{
        font-size:28px;
        line-height:normal;
    }
    
    .login-wrap .con-right {
        padding:25px;
    }
    .login-wrap .con-right p,
    .login-wrap .con-right h2{
        max-width:330px;
    }
    .login-wrap .con-right h2{
        font-size:27px;
    }
    .login-wrap .con-right p br,
    .login-wrap .con-right h2 br{
        display:none;
    }
  .login-wrap .con-left.d-flex {
      margin:15px 0;
  }
  .login-wrap.register .rules {
      display:block;
  }
  .login-wrap.register .rules li {
      padding:3px 0;
  }
    .register{
        margin-bottom: 30px;
    }
    .register h4 {
        font-size: 24px;
    }
    .register .col-lg-7{
        padding-bottom: 25px;
    }
    .register .col-lg-7 {
        order: 1;
    }
    .mwishlist-item__detail {
        width: 75%;
    }
    .address_details1 .con{
        height: auto;
        margin: 10px 0;
    }
   .thankyou .cart table {
        display: block;
        border: 1px solid rgba(0, 0, 0, 0.1);
   }
   .thankyou .cart table td{
        padding: 15px;
        font-size: 16px;
        width: 100%;
   }
   .thankyou .cart table td h5 {
        font-size: 25px;
        font-weight: 600;
   }
   .cart-collaterals-wrap   .cart_totals td {
    text-align: right;
   }
   .thankyou .cart_totals table {
    border: none;
   }
   .thankyou  .m-myorder--table td {
    border-bottom: none !important;
   }
   .hero-copy h2{
      font-size: 42px; 
   }
   .trending{
        margin:45px 0;
   }
   .reviews h2 {
        font-size: 42px;
   }   
   div.head h3 {
       font-size:25px;
   }
   #product_html .row{
       margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
   }
   
    .prod-spec {
        padding-top: 5px;
    }
    .hero-banner{
        padding-bottom: 65px;
    }
    .rituals {
        padding: 35px 0 0;
    }
    .tab-content .head p {
        font-size: 13px;
        padding-top:0;
    }
    .banner .row{
        margin:0;
    }
    .banner .col-12{
        padding:0;
    }
    .brands-list .owl-nav, .trending .owl-nav {
        right:0;
    }
    .quick-footer{
        position:fixed;
        left:0;
        bottom:0;
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-between;
        background:#F8F9FA;
        z-index:10;
        text-align:center;
        border-radius:4px 4px 0 0;
        box-shadow: 15px 0 36px -22px rgba(0, 0, 0, .85);
    }
    .quick-footer a{
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size:14px;
        padding:10px 12px;
        border-top:2px solid transparent;
        width:25%;
    }
    .quick-footer i {
        font-size:18px;
        display:block;
        margin-bottom:5px;
    }
    .quick-footer a:hover,
     .quick-footer a.active {
         border-top-color: #1D349A;
        color: #1D349A;
     }
    footer {
        padding:20px 0 75px;
    }
    footer .copy{
        border-top:none;
        margin:0;
        
    }
    .cart-card .title {
        margin-bottom:10px;
    }
    footer h3{
        font-size:20px;
        padding-bottom:0;
    }
    footer .menu p{
        padding-bottom:10px;
    }
    footer .menu form + p{
        border-bottom:1px solid #DEE2E6;
        margin-bottom:10px;
        padding-bottom:10px;
    }
    footer button,
    footer input[type="email"]{
        height: 40px;
    }
    footer .menu {
        margin:0 0 0;
        padding:15px 0;
        border-bottom:1px solid #DEE2E6;
    }
    footer .menu .container {
        padding: 0 15px 15px;
    }
    .prod-listing .col-lg-10 .row{
        margin:0 -5px;
    }
    .prod-listing .col-xl-3 {
        padding:0 5px;
    }
    footer h6 span{
        font-size:13px;
    }
    footer h6 span strong{
        font-size:15px;
        font-weight:600;
    }
    .thumb-slider .owl-stage{
        margin:0 auto;
    }
    
    .cart-item .cart-con h6{
        line-height:normal;
        padding-bottom:5px;
    }
    .cart-item .cart-con {
        width: 60%;
    }
    .display-shipping select.w-auto {
        width: 61% !important;
        font-size: 11px;
    }
    .side-cart h4 span:first-child, .side-cart h5 span:first-child {
        flex-direction: column;
        
    }
    .quick-view .con {
        height:auto
    }
    .cart-card-overlay .scroll {
        height: auto;
    }
    .cart h2 {
        font-size:28px;
    }
    .hair-cols .hair-cols-wrap{
        padding:25px 0 0;
    }
    .reviews h3{
        font-size: 25px !important;
        padding: 0;
        line-height: 28px !important;
    }
     .reviews h3 span{
         display:block;
         padding-left:0;
     }
      .reviews{
         margin:0;
         padding:45px 0 0;
     }
     .blogs{
         padding-top:0;
     }
     .conc-content .section-head{
         margin-bottom:0
     }
     .conc-content .section {
        padding: 18px 0;
    }
     .conc-title h2 {
    font-size: 38px;
}
   
    .conc-title h4 {
        font-size: 20px;
    }
    .conc-content .section-head h2 {
        font-size: 26px;
        padding:0
    }
    .conc-content .quiz-copy{
        padding:20px;
    }
    .conc-content .quiz-copy h3 {
    font-size: 28px;
    }
    .bd-pg-hero {
        grid-template-columns: 100% 66%;
    }
     .cat-pg-hero h2, .bd-pg-hero h2 {
        font-size: 31px;
        line-height: 17px;
    }
    .bd-pg-hero-copy {
        padding:25px 0;
    }
    .cat-pg-hero-copy{
        padding:0;
    }
    .cat-pg-section{
        padding:15px 0;
    }
    .bd-logos {
        padding: 10px 0;
    }
    .cat-pg-ai{
        flex-direction:column;
        text-align:center;
        gap: 0;
    }
    .cat-pg-ai h2{
        line-height:normal;
        font-size: 24px;
    }
}
@media(min-width:600px) and (max-width:767px){
    .myaccount-nav__con .prod-list .col-lg-4,
    .prod-listing .col-xl-3 {
        width:33.333%;
    }
    .login-wrap.register .reg-con-wrap img {
        width:100%
    }
    .mwishlist-item__detail button {
        padding: 9px 10px;
        font-size: 14px;
        margin-left: 10px;
    }
    
    .brands-section li{
        margin: 5px;
        width: 23%;
    }
    .faq-con-bg{
        background-position:left -125px center !important;
    }
    
    .bd-logos li {
        width:33.333%;
    }
    .bd-logos .section-head h2, .cat-pg-section .section-head h2,
    .cat-pg-concern h2 {
        font-size:25px;
    }
}
@media (max-width:599px){
    .myaccount-nav__con .summary-grid .con {
        margin:10px 0;
    }
    .my-account-title {
        flex-direction:column;
        text-align:center;
    }
    .myaccount-nav__con .d-flex .btn {
        padding: 8px 15px;
    }
    .display-shipping select.w-auto {
        width: 100% !important;
        font-size: 11px;
    }
    .cat-pg-concern{
        padding:35px 20px;
    }
    .find-product-con h5 {
        font-size:15px;
    }
    .find-product-con .btn{
        padding: 6px 10px;
    }
    html, body, form{
        font-size: 14px;
    }
    .bd-logos .section-head h2, .cat-pg-section .section-head h2{
        font-size:26px;
    }
    .cat-pg-concern h2{
        font-size:24px;
    }
    .cat-pg-split .panel h2{
        font-size:25px;
    }
    div.head{
        display:block !important;
    }
    h3 {
        line-height: normal;
    }
    
    .top-header .col-lg-8 {
        display: none;
    }
    .trending-now .item h5{
        padding: 15px;
        font-size:15px;
    }
    .top-header p{
        text-align: center;
        font-size: 13px;
    }
    .hme-tabs .head{
        margin:15PX 0 0;
        padding: 0;
        text-align: center;
    }
    .hme-tabs .tab-nav{
        gap: 8px;
        float:none;
        margin:0 auto !important;
    }
    .hme-tabs .tab-nav li{
        margin: 0;
        width: auto;
    }
    .prod-list .con{
        padding: 15px;
    }
    .category-listing h2 {
        font-size: 22px;
    }
    .category-listing .head .item p{
        margin: 15px 0;
        font-size: 13px;
        padding: 0;
    }
    .trending .head {
        flex-direction: column;
        align-items: flex-start;
    }
    .trending li h6{
        font-size: 16px;
        line-height: normal;
    }
    .trending li{
        padding: 18px;
    }
    .trending li img{
        width: 60px;
    }
    footer input[type="email"]{
        width: 215px;
    }
    footer h5{
        padding-top: 10px;
        font-size:16px;
        line-height: normal;
    }
    footer .copy{
        text-align: center;
    }
    footer .copy ul{
        padding-top: 15px;
        justify-content: center;
    }
    .sort{
        justify-content:center;
    }
    .tab-nav {
        flex-wrap: wrap;
    }
    .tab-nav li{
        width: 44%;
        text-align: center;
    }
    .cart-empty .cart-cat{
        width: 41%;
    }
    .cart-empty .cart-cat img{
        height: 130px;
        object-fit: cover;
        width: 100%;
    }
    .cart-empty .cart-cat h6{
        padding:10px;
    }
    .cart-empty .cart-cat-list{
        margin:10px 0;
    }
    footer input[type="email"] {
        margin-right: 5px;
    }
    .prod-list.list .con{
        flex-direction: column;
    }
    .prod-details .qty-wrap .add-to-cart{
        width: 55%;
        padding:0;
    }
    .tabs-nav{
        overflow-x: scroll;
    }
    .side-cart h5{
        padding: 5px 0;
    }
    .tab-nav{
        width: 590px;
       flex-wrap: nowrap;
    }
    .prod-details .tab-nav {
        width:640px;
        overflow-x:scroll
    }
    .bday .d-flex,
     .register .d-flex {
        flex-direction: column;
     }
     .bday .d-flex>div,
    .register .d-flex>div{
        width: 100%;
        padding: 5px 0;
    }
    .mwishlist-item__detail{
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }
    .mwishlist-item__detail h6{
        width: 100%;
    }
    .brands-section li{
        margin: 5px;
        width: 45%;
    }
    .hero-copy h2 {
        font-size: 35px;
        line-height: normal;
    }
    .reviews h2{
        justify-content:center;
    }
    .prod-list h6 {
        font-size:12px;
    }
    .prod-list h5 {
        font-size: 15px;
    }
    .cat-card .ring {
        width: 100px;
        height: 100px;
    }
    .blogs .head, .faq h3,
    .rituals .head{
        text-align:center;
    }
    .reviews .head h3 {
        text-align:center;
    }
    .faq h3 {
        padding-top:15px;
        font-size:27px;
    }
    .prod-list p {
        font-size:13px
    }
    .filter-wrap p {
        padding-left:5px;
    }
    .prod-details .alert-info li p{
        font-size:12px;
    }
    .info li {
        font-size:14px;
    }
    
    .cart-card-overlay .scroll {
        height: 48vh;
        overflow-y:scroll;
    }
    .reviews h3 {
        font-size: 21px !important;
       }
       .reviews .head {
           text-align:center;
       }
       .cols2 .con-big,
       .faq-bg {
           border: 1px solid #f3e2d8;
            border-radius: 2px;
            padding:25px !important;
            background: #FAF7F5 !important;
       }
       .faq .accordion, .faq-con-bg div{
           width:100%;
       }
      
    .bd-logos li {
        width:50%;
    }
    .conc-content .quiz-copy h3{
        font-size:24px;
    }
    .conc-title-benefit {
        padding:10px 0;
    }
    .gift-price select,
    .gift-price input[type="text"] {
    width: 100px;
    }
    .table thead tr th{
        font-size:10px
    }
    .myaccount-nav__con .table thead tr th a.btn {
        font-size:11px;
        padding:2px 8px;
    }
    .order-modal .order-list ul{
        flex-wrap:wrap;
    }
       .order-modal .order-list ul li:first-child {
           width:100%;
       }
     .order-modal .order-list ul li {
         padding:10px 0;
         font-size:13px;
     }
     .order-modal .order-list img {
         width:70px;
     }
     .order-modal .order-list li h6{
         font-size:11px;
     }
     .order-modal .order-list li h6 a{
         font-size:14px;
     }
     .sb-manage-address {
         margin-top:0
     }
     .subpage-wrapper .con form .d-flex{
         flex-wrap:wrap;
     }
     .hours{
             display:block;
     }
     .about-banner .hero h2 {
        font-size: 32px;
        line-height: normal;
    }
    .about-banner .mini {
        padding:20px
    }
    .about-banner .bridge-side {
        display:block;
    }
    .checkout-address h5{
        padding:15px 0;
    }
    .checkout .goal-top, .cart .goal-top{
        align-items:center;
    }
    .checkout .goal-top, .cart .goal-top,
    .checkout-address h5, .login-wrap .con-left.d-flex,
  .checkout-address .tab-nav {
      flex-direction:column;
  }
  .login-wrap .con-left.d-flex {
      text-align:center;
  }
    .checkout-address .tab-nav li {
        width:100%;
        text-align:left;
    }
    .login-wrap .con-left .secure p{
        font-size:11px;
    }
    nav .find-product-con p{
        font-size:10px !important;
    }
    .myaccount-nav__con .prod-list .col-lg-4,
    .prod-listing .col-xl-3{
        width:50%;
    }
    .prod-listing .page-tit-top .col-xl-3{
        width:100%;
    }
  footer button {
      width:120px !important;
      padding:0 !important
  }
  .prod-listing .search-wrap{
      width:80%;
  }
  .page-tit-top .d-flex {
      flex-wrap:wrap;
  }
  .prod-listing .search-wrap{
      margin-bottom:0;
  }
  
  header .col-lg-2 li a span.text{
      display:none;
  }
  .works-best .product-clip{
      flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
    .works-best .product-clip a.btn-bg{
        padding:8px 7px;
    }
    .product-clip__image a img {
        width:40px;
    }
    .conc-content .concern-card{
        padding:15px;
    }
    .conc-content .concern-card h3 {
        font-size:18px;
    }
    .conc-content .icon{
        width: 52px;
        height: 52px;
        margin-bottom:8px;
    }
    .conc-content .concern-card p{
        font-size:13px;
    }
    .shop-page .col-lg-2 {
        align-items:flex-start;
        flex-direction:column;
    }


.shop-page .prod-list-det .sort {
    width:auto;
}
      .cat-pg-section .more h4 {
          line-height:normal;
      }
      
      
::-webkit-input-placeholder {
	font-size: 12px;
}

:-moz-placeholder {
	font-size: 12px;
}

::-moz-placeholder {
	font-size: 12px;
}

:-ms-input-placeholder {
	font-size: 12px;
}
.cart p .btn-bg,
.coup-btn{
    width:100%;
}
.hme-tabs .tab-nav {
    width:264px;
}
.filt-btn span {
    display:none;
}
.filt-btn{
    width:50px;
}
.gift-page .filt-btn{
    width:auto;
}
    .login-bg .login-wrap:after{
        content:"";
        position:absolute;
        left:0;
        bottom:0;
        width:100%;
        background: #F8F9FA;
        height:30%;
    }
    .login-wrap p br {
        display:none;
    }
  }

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 630px;
    }
}