/** Shopify CDN: Minification failed

Line 1729:4 Expected identifier but found "<!--"
Line 1729:35 Expected identifier but found "-->"
Line 1934:1 Expected "}" to go with "{"

**/
/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
    .boxx-btn {
        padding: 10px 20px;
    }
    .sec-4-title-para p {
        margin-bottom: 55px;
    }
    .prism-area .custm-padding {
        padding-left: 0;
        padding-right: 0;
    }
    .common-content.prism-content {
        right: -140px;
    }
    .prism-img img {
        max-width: 660px;
        width: 100%;
    }
    .prism-trans-img {
        right: -140px;
        max-width: 360px !important;
        bottom: -40px;
    }
    .verticle-imgs {
        left: -80px;
    }
    .prism-img {
        max-width: 620px;
    }

}


@media (min-width: 1366px) and (max-width: 1500px) {
    .prism-img {
        max-width: 785px;
    }
}

/* Normal desktop :992px. */
@media (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) {

 .boxx-btn.infusion-potrait-img {
        display:none !important;
    }
  
  
  .boxx-btn.infusion-landscape-img {
        display:block !important;
    }
  
  .boxx-btn.infusion-landscape-img.display {
    color: #fff;
    border-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
  }}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  
   .single-lisptick-animation {position:absolute; top:40px;right:120px; width:160px;}
  
   .banner-overlay {
   height: 32%;
  width: 64%;
  display: none;
  position: fixed;
  z-index: 98;
  top: 28%;
  left: 18%;
  background:url(skintone-bg.png) no-repeat #fff;
  background-position: bottom right;
  background-size: 30%;
}
  
  
  .boxx-btn.infusion-potrait-img {
        display:block !important;
    }
  
  
  .boxx-btn.infusion-landscape-img {
        display:none !important;
    }
  
  .boxx-btn.infusion-potrait-img.display {
    color: #fff;
    border-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
}
  
  .template-index .section.sec-2 {background-size:60% !important; background-position: left center !important;}
    .sec-three-m-img.right {
        top: -160px;
    }
    .all-btns-g-wrap {
        grid-template-columns: 1fr 1fr 1fr;
        grid-row-gap: 30px;
        grid-column-gap: 30px;
    }
    .custm-padding {
        padding-left: 150px;
        padding-right: 150px;
    }
    .sec-4-title-para p {
        margin-bottom: 45px;
    }
    .footer-men-wrap {
        padding-left: 50px;
        padding-right: 35px;
    }
    .sec-three-m-img.left {
        position: absolute;
        left: -130px;
        top: -98px;
    }
    .sec-three-m-img {
        max-width: 230px;
    }
    .sec-three-m-img.right {
        right: -132px;
    }
    .section-tag-title {
        left: -39px;
    }
    .sec-4 .custm-padding {
        padding-left: 100px;
        padding-right: 100px;
    }
    .boxx-btn {
        padding: 10px 20px;
    }
    .sec-4-title-para p {
        margin-bottom: 55px;
    }
    .all-btns-g-wrap {
        padding-bottom: 65px;
        grid-gap: 15px;
    }
    .prism-area .custm-padding {
        padding-left: 0;
        padding-right: 0;
    }
    .prism-trans-img {
        display: none;
    }
    .prism-img img {
        max-width: 500px;
    }
    .common-content.prism-content {
        right: -77px;
    }
  
  .prism-area.single-pd .common-content.prism-content span {margin-bottom:5px;}
  .prism-area.single-pd .common-content.prism-content h2 {
    line-height: 21px;
    font-size:18px; margin-bottom:10px;
}
  
  .prism-area.single-pd .common-content.prism-content p {margin-bottom:4px;}
  
    .verticle-imgs {
        left: -76px;
    }
    .quantity-coutner-wrap {
        grid-template-columns: auto;
        grid-row-gap: 14px;
    }
    .section.sec-5.producg-pge .section-tag-title {
        left: -65px;
    }
    .section.live-area .section-tag-title {
        left: 30px;
    }
   .menu-image img {max-width:100%;}
}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991.98px) {
  
   .single-lisptick-animation {position:absolute; top:40px;right:120px; width:160px;}
  
   .banner-overlay {
   height: 45%;
  width: 76%;
  display: none;
  position: fixed;
  z-index: 98;
  top: 25%;
  left: 12%;
  background:url(skintone-bg.png) no-repeat #fff;
  background-position: bottom right;
  background-size: 30%;
}
  
  .boxx-btn.infusion-potrait-img {
        display:block !important;
    }
  
  
  .boxx-btn.infusion-landscape-img {
        display:none !important;
    }
  
   .template-product .pd-show-area .container-fluid.custm-padding .col-lg-6 {width:49% !important;}
  
  .section.sec-4  .mobile-img {
        display:block !important;
    }
	
	.section.sec-4  .desktop-img {
        display:none !important;
    }
  
   
   .color-story-area {
  min-height:600px !important;
  }
  
  .common-content.in-live {
    padding: 20px;
}

.color-story-area img {
  top: 80px !important;
  left: 50% !important;
  } 
  
  
  .template-index .section.sec-2 {background-size:60% !important; background-position: left center !important;}
  .section.sec-2.fp-section .sec-two-right-content {padding-right:30px;}
  
  #fp-nav {display:none !important;}
    .custm-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
    .arrow-common-design .slick-next.slick-arrow {
        left: auto;
        right: 25px;
    }
    .arrow-common-design .slick-arrow {
        left: 25px;
    }
    .sec-three-m-img.left {
        position: absolute;
        left: -80px;
        top: -98px;
    }
    .sec-three-m-img {
        max-width: 195px;
    }
    .sec-three-m-img.right {
        right: -75px;
        top: -130px;
    }
    .section-tag-title {
       left: -39px;
    }
    .sec-two-img-wrap {
        padding-left: 65px;
    }
    .section.sec-2::after {
        height: 335px;
    }
    .pic-trans {
        font-size: 30px;
        top: -20px;
    }
    .sec-three-m-img.left .pic-trans {
        top: auto;
        bottom: -20px;
    }
    .sec-three-m-img.right .pic-trans {
        top: auto;
        bottom: -20px;
    }
    .all-btns-g-wrap {
        grid-template-columns: 1fr 1fr 1fr;
        grid-row-gap: 20px;
        grid-column-gap: 20px;
        padding-bottom: 70px;
    }
    .sec-4-title-para p {
        margin-bottom: 35px;
    }
    .sec-4 .section-tag-title {
       
    }
    .sec-6 .section-tag-title {
        display: none;
    }
    .footer-men-wrap {
        padding-left: 0;
    }
    .follow-wrap {
        display: grid;
        grid-row-gap: 7px;
    }
    .social-lnk li:first-child a {
        margin-left: 0;
    }
    .input-inside input {
        font-size: 13px;
        height: 35px;
    }
    .footer-g-wrap {
        grid-template-columns: calc(43% - 30px) 57%;
    }
    .boxx-btn {
        padding: 8px 20px;
    }
    .prism-area .custm-padding {
        padding-left: 0;
        padding-right: 0;
    }
    .prism-trans-img {
        display: none;
    }
    .prism-img img {
        max-width: 415px;
    }
    .common-content.prism-content {
        right: 35px;
    }
  
  .prism-area.single-pd .common-content.prism-content {top: 290px;
    width: 38%;}
  
  .prism-area.single-pd .common-content.prism-content span {font-size: 12px;
    line-height: 15px;
    margin-bottom: 8px;}
  
  .prism-area.single-pd .common-content.prism-content h2 {font-size: 18px;line-height: 20px; margin-bottom: 10px;}
  
  .prism-area.single-pd .common-content.prism-content p {    font-size: 12px;
    line-height: 16px;}
  
    .pd-show-g-wrapper {
        grid-template-columns: auto;
    }
    .pd-show-area::after {
        width: 100%;
      margin-left:0px;
    }
    .verticle-imgs {
        left: 0;
    }
    .pd-show-area > .section-tag-title {
        display: none;
    }
    .trans-base-wrap > h2 {
        left: -146px;
        bottom: -157px;
    }
    .live-in-img {
        max-width: 575px;
    }
    .color-story-area::after {
        width: 100%;
          margin-left: 0;
    }
    .section-tag-title {
        position: absolute;
        top: 40px;
        transform: rotateZ(0deg) translateX(-50%);
        letter-spacing: 4px;
        left: 50% !important;
    }
    .section.live-area .section-tag-title {
        left: 50%;
        top: 40px;
        z-index: 1;
    }
    .section.live-area {
        padding-bottom: 80px;
        padding-top: 100px;
    }
    section.sec-5 {
        padding-top: 75px;
    }
 .menu-image img {max-width:100%;}
}


@media (min-width: 768px) and (max-width: 991.98px) and (orientation: landscape) {
  
     .sec-4 .section-tag-title {
        display: block;
    }
    .sec-6 .section-tag-title {
        display: block;
    }
  
   .sec-three-m-img.left {
        position: absolute;
        left: 0px;
        top: -98px;
    }
    .sec-three-m-img {
        max-width: 220px;
    }
    .sec-three-m-img.right {
        right: 0px;
        top: -130px;
    }
  
  .sec-three-outer-wrp {
    grid-template-columns: 1fr 1fr 1fr !important;
}
  
      .live-in-img {
        max-width: 65%;
    }
  
  .common-content.in-live {
    right: -165px;
    top: 55%;
    max-width: 250px;
}

  .filter-content-wap.style-2 {
    width: 60%;
}
  
  .wish-outer-div {
    padding-bottom: 100px;}
  
  .template-product .section.sec-5 .container-fluid {
    padding-bottom: 20px;
}
  
  .section.sec-7.catlog-pge {
    padding-top: 35px;
    padding-bottom: 30px;
}
  
  .template-index .section.sec-2 {background-size:70% !important;
  padding-top: 100px;
    background-position: 0 80px !important;
    padding-bottom:70px;
  }
  
  .template-index .section.sec-2 .align-items-center {display:block !important;}
  .template-index .section.sec-2 .align-items-center .common-content {width: 50%;float: right;display: block;margin-right: 50px;}
 
  .template-index .section.sec-3 {padding-top:80px;}
  .sec-three-outer-wrp {grid-template-columns: 1fr 1fr 1fr !important; }
  .sec-three-outer-wrp {max-width: 95%;}
   .template-index .section.sec-4 {padding-top:80px;}
  .template-index .section.sec-5 {padding-top:80px;}
  .check-search-wrap {margin-bottom:0;}
  .check-search-wrap .checkbx-wrapper .checkmark {top: 3px; height: 16px;
    width: 16px;}
  .check-search-wrap .checkbx-wrapper .ckBox {font-size: 18px;}
  .header-area.no-skintone {
    padding-top: 16px;
    padding-bottom: 20px;
}
  
  .template-index .all-btns-g-wrap {
    padding-bottom: 45px;
}
  
  .template-index .section.sec-5 .container-fluid {
    padding-bottom: 50px;
    border-bottom: 1px solid #000;
}
  .template-index .section.sec-7 {
    padding-top: 20px;
}
  .social-links {
    padding-top: 30px; padding-bottom: 30px;
}
  
  .footer-newsletter-widget {
    padding-bottom: 80px;
}
  
  .offCanvasMenu {
    top: 55px;}
  
  .mobileMenu {
    padding-top: 30px; width: 50%;
}
  .mobileMenu li ul.ingredients-menu li {
    width: 49%;}
  
  .menu-image {
    padding-top: 35px;
}
  
  .trans-heading {
    top: -55px;}
  
  .about-heading {
    top: -55px;}
  
  .section.sec-1 .slick-slide img {
    max-width: 95%;
}
  #Collection .twin-title-wrap {
    display: flex;}
  
  #Collection .keywrod-wt-heading {
    grid-column: 1;
}
  
  #Collection .filter-key-wrap {
    grid-column: 1;
    }
  
  .product-g-wrap .single-pd:nth-child(2n) {
    margin-top: 30px !important;
}
  #cart-popup-wrap .cart-popup-inner {
    margin-bottom: 30px;
}
  
  .cart-popup-inner .pd-show-content a.fullpage-link {
    margin-bottom: 0px;
    margin-top: 5px;
    }
  
  .template-product .pd-show-area .container-fluid.custm-padding .col-lg-6 {width:49% !important;}
  
 .template-collection .product-show-img-outer .pd-show-img.zoom {
    margin: 0 0 0 0;
    width: 80%;
}
  
   .color-story-area {
  min-height:540px !important;
  }

.color-story-area img {
  top: 60px !important;
  left: 50% !important;
  }
  
  .prism-area.single-pd {margin-top:0;  margin-bottom: 0px;}
  
  .prism-area.single-pd .common-content.prism-content {
    left: 0px;
    bottom: 0;
    top:350px;
        width: 160px; margin:0;
}
  
  close-over-content i {
    font-size: 18px;
}
}  


 
/* small mobile :320px. */
@media (min-width: 320px) and (max-width: 767.98px) {
  
  .single-pd:hover .s-trans-content {display:none;}
  
  
#free-shipping {position:fixed; bottom:20px; left:6%;}
#free-shipping img {max-width:70px; height:auto;}
  
   .boxx-btn.infusion-potrait-img {
        display:block !important;
    }
  
  
  .boxx-btn.infusion-landscape-img {
        display:none !important;
    }
  
  .boxx-btn.infusion-potrait-img.display {
    color: #fff;
    border-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
}
  
  .logo a {font-size:10px;letter-spacing:1px;}
  
  .row.pd-active {
	margin-bottom: 0px;
}

  .menu-image img {max-width:100%;}
  
  .dropdown-content {background:#fff;}
  
  .mobileMenu {width:100%; margin-left:5px; padding-top: 40px;}
  .mobileMenu > li {
    margin-bottom: 12px;
}
  
    .custm-padding {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
  
  .common-content.in-live p {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;}
  
  .section.sec-5.producg-pge {
    margin-bottom: 40px;
    padding-top: 60px;
}
    
 
    
    .arrow-common-design .slick-next.slick-arrow {
        left: auto;
        right: 25px;
    }
    .arrow-common-design .slick-arrow {
        left: 25px;
    }
    .pic-trans {
        font-size: 30px;
        top: -20px;
      z-index:9;
    }
    .sec-three-m-img.left .pic-trans {
        top: auto;
        bottom: -27px;
      z-index:9;
    }
    .sec-three-m-img.right .pic-trans {
        top: auto;
        bottom: -27px;
      z-index:9;
    }
    .trans-heading {
        font-size: 28px;
        position: absolute;
        top: -55px;
        line-height: 30px;
        left: -30px;
        margin: 0;
    }
  
  
  .about-heading {
        font-size: 28px;
        position: absolute;
        top: -16px;
        line-height: 30px;
        left: -30px;
        margin: 0;
    }
  
  .about-welcome-trans-img {width: 48% !important;}
    .section.sec-2::after,
    .section.sec-2::before {
        content: none;
    }
    .section-tag-title {
        top: 30px;
        left: 50% !important;
        transform: rotateZ(0) translateX(-50%);
        width: 100%;
        text-align: center;
        font-size: 24px;
    }
    .section.sec-6 .section-tag-title {
        left: 50% !important;
        top: 30px;
    }
    .common-content h2 {
        font-size: 14px;
        margin-bottom: 8px;
      line-height: 18px;
    }
  
  
  .about-page h2 {    font-size: 24px;
    margin-bottom: 2px;
    line-height: 28px;}
  
  
  .common-content.about-welcome-content {
    position: absolute;
    right: -5%;
    bottom: 0px;
    max-width: 200px;
    padding: 20px 10px;
}
    .sec-two-img-wrap {
        margin-bottom: 14px;
        text-align: center;
    }
    .sec-three-m-img.left {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: 40px;
    }
    .sec-three-m-img.right {
        position: relative;
        top: auto;
        right: auto;
    }
    .sec-three-m-img {
        margin-bottom: 40px;
    }
    .pic-trans {
        font-size: 30px;
        top: auto;
        bottom: -25px;
    }
    .all-btns-g-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }
    .boxx-btn {
        border: 1px solid #000;
        text-align: center;
        padding: 10px 12px;
        color: #000;
        font-weight: 600;
        font-size: 14px;
        display: inline-block;
        transition: .3s;
    }
    .brand-g-wrap {

        grid-template-columns: 1fr 1fr 1fr;

        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
    .footer-g-wrap {
        grid-template-columns: auto;
    }
    .footer-men-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-left: 0;
        grid-gap: 15px;
    }
    .follow-wrap {
        display: grid;
        grid-row-gap: 7px;
    }
    .social-lnk li:first-child a {
        margin-left: 0;
    }
    .logo img {
        /*width: 80px;*/
    }
    .mobile-menu img {
        max-width: 28px;
    }
    .sec-4-title-para p {
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 18px;
    }
    .section.sec-2 {
      background: #fff;
    }
    .sec-two-img-wrap img {
        max-width: 100%;
        width: auto;
    }
    .sec-three-m-img.right {
        display: block;
    }
    .sec-three-outer-wrp {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px;
    }
    .all-btns-g-wrap {
        grid-row-gap: 10px;
        grid-column-gap: 10px;
        padding-bottom: 90px;
    }
    .boxx-btn {
        padding: 5px 12px;
        font-size: 12px;
    }
    .ft-links li {
        margin-bottom: 0px;
    }
    .ft-links li a {
        font-size: 13px;
    }
    .footer-widget h3 {
        font-size: 17px;
        margin-bottom: 5px;
    }
    .footer-men-wrap {
        grid-gap: 5px;
    }
    .s-pd-img img {
        max-width: 100%;
        width: 100%;
        object-fit: cover;
    }
    .common-content p {
        font-size: 14px;
        margin-bottom: 12px;
        line-height: 18px;
    }
    .sec-2 .section-tag-title {
        display: block;
        top: 30px;
        left: 50%;
        transform: translate(-50%);
        font-size: 22px;
    }
    .offCanvasMenu {
        width: 100%;
        left: -100%;
    }
    .drop-content p {
        font-size: 11px;
        line-height: 14px;
    }
    .drop-content {
        padding: 5px 10px;
    }
    .check-search-wrap {
        display: grid;
        padding-right: 0px;
    }
    .user-part li a img {
       
    }
    .user-part li {
        margin-left: 10px;
    }
    .prism-area .custm-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .prism-trans-img {
        display: none;
    }
    .product-g-wrap {
        display: grid;
        grid-column-gap: 15px;
        margin-bottom: 50px;
        grid-row-gap: 5px;
    }
  
  .product-area {
   padding-top: 0px;
}
  
  .keywrod-wt-heading h2 {
    font-size: 30px;}
  
  .product-g-wrap .single-pd:nth-child(2n) {
    margin-top: 24px;
}
    .common-content.prism-content {
        position: absolute;
        right: 22px;
        top: auto;
        bottom: 50%;
        transform: translateY(50%);
        left: auto;
        margin: auto;
    }
    .prism-area {
        margin-bottom: 60px;
        margin-top: 50px;
    }
  
  .s-trans-inner h4 {
    font-size: 16px !important; line-height: 20px !important;
}
  
  .trans-price {
    font-size: 18px;
}
  
    .single-pd.pd-item.style-2 {
        margin-top: 0;
    }
    .twin-title-wrap {
        display: grid;
        grid-row-gap: 20px;
        grid-template-columns: auto;
    }
    .keywrod-wt-heading {
        display: grid;
        grid-row-gap: 15px;
        grid-column: 1/3;
    }
    .filter-key-wrap {
        position: relative;
        grid-column: 1/3;
        text-align: right;
    }
    .filter-content-wap {
        width: 100%;
        text-align: left;
    }
    .chuns-outer-wrap {
        padding: 10px;
    }
    .chuns-wrap {
        border-bottom: 1px solid #000;
        overflow: hidden;
        padding-bottom: 10px;
        margin-bottom: 20px;
        padding-left: 0;
        padding-right: 0;
    }
    .twin-pop-btn a {
        border: 1px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
      font-size: 11px;
    padding: 8px 2px;
    }
    .pd-show-g-wrapper {
        grid-template-columns: auto;
    }
    .pd-show-area::after {
        width: 100%;
      margin-left: 0%;
    }
    .verticle-imgs {
        left: 0;
        max-width: 60px;
        top: 100px;
    }
    .pd-show-area > .section-tag-title {
        display: none;
    }
    .trans-base-wrap > h2 {
        left: 0;
        bottom: auto;
        top: -186px;
        font-size: 28px;
    }
    .live-in-img {
        max-width: 575px;
    }
    .quantity-coutner-wrap {
        grid-template-columns: auto;
        grid-row-gap: 14px;
    }
    .trans-im-four {
        position: absolute;
        left: 50%;
        max-width: 135px;
        z-index: -1;
        top: -16px;
    }
    .trans-im-three {
        position: absolute;
        bottom: 25px;
        max-width: 100px;
        left: 0;
        z-index: -1;
    }
    .trans-im-two {
        position: absolute;
        right: 100%;
        max-width: 120px;
        top: -50px;
        left: -60px;
    }
    .trans-im-one {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        max-width: 190px;
    }
    .trans-base-wrap {
        margin-top: 235px;
        margin-bottom: 190px;
    }
    .common-content.in-live {
        position: absolute;
        right: -108px;
        top: 75%;
        max-width: 150px;
        transform: translateY(-50%);
    }
   
    .filter-content-wap.style-2 {
        width: 100%;
    }
    .single-wish-product {
       /* grid-template-columns: auto; */
    }
    .wish-inner-div {
        padding: 15px 15px;
    }
    .cart-popup-inner {
        height: auto;
    }
    .wish-inner-div {
        height: auto;
    }
    .checkout-form {
       width: 100%;
    padding: 20px 10px 0px 10px;
    }
    .wish-outer-div {
        overflow-y: scroll;
        padding: 10px;
        padding-bottom: 120px;
      background: #fff;
    }
    .nav-link-wrap a {
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: 20px; 
    }
  .nav-link-wrap a.active{
      font-size: 13px;
    line-height: 17px;
  }
    .tb-content-wrap p {
        font-size: 14px;
        line-height: 1.4;
    }
  
  .pd-show-content-inner p {
    font-size: 14px;
        line-height: 1.4;
}
  
  .title-p span {
    font-size: 14px;
    line-height: 1.4;
}
  
    .color-story-area::after {
        width: 100%;
    }
    .color-story-area::after {
        width: 100%;
      margin-left: 0%;
    }
    .section-tag-title {
        position: absolute;
        transform: rotateZ(0deg) translateX(-50%);
        letter-spacing: 4px;
        left: 50% !important;
    }
    .section.live-area .section-tag-title {
        left: 50%;
        top: 40px;
        z-index: 1;
    }
    .section.live-area {
        padding-bottom: 80px;
        padding-top: 100px;
    }
   
    .twin-pop-btn.product-pge.in-pop {
        padding-left: 0px;
        padding-right: 0px;
    }
    .sec-three-outer-wrp {
        margin-top: 0;
    }
    .slick-slide img {
        max-width: 100%;
    }
    .pd-show-area .product-show-img-outer h4 {
        margin-left: 10px;
        margin-bottom: 20px;
    }
    .product-show-img-outer.in-pop {
        margin-bottom: 50px;
    }
    .search-box input {
        width: 220px;
    }
    .twin-pop-btn.product-pge.in-pop {
        padding-bottom: 0px;
    }
    #cart-popup-wrap .cart-popup-inner {
        margin-bottom: 140px;
    }
  

}
 
/* Large Mobile :480px. */
@media (min-width: 576px) and (max-width: 767.98px) {
  
  
  .collection-Face .verticle-imgs img {
    margin-bottom: 5px;
    max-width: 62px;
}
  
    .live-in-img {
        max-width: 65%;
    }
  
  .common-content.in-live {
    right: -125px;
    top: 55%;
    max-width: 180px;
}

  .filter-content-wap.style-2 {
    width: 60%;
}
  
  .wish-outer-div {
    padding-bottom: 100px;}
  
  .template-product .section.sec-5 .container-fluid {
    padding-bottom: 20px;
}
  
  .section.sec-7.catlog-pge {
    padding-top: 35px;
    padding-bottom: 30px;
}
  
  .template-index .section.sec-2 {background-size:55% !important;
  padding-top: 100px;
    background-position: 0 80px !important;
    padding-bottom:70px;
  }
  
  .template-index .section.sec-2 .align-items-center {display:block !important;}
  .template-index .section.sec-2 .align-items-center .common-content {width: 50%;float: right;display: block;}
 
  .template-index .section.sec-3 {padding-top:80px;}
  .sec-three-outer-wrp {grid-template-columns: 1fr 1fr 1fr !important; }
  .sec-three-outer-wrp {max-width: 95%;}
   .template-index .section.sec-4 {padding-top:80px;}
  .template-index .section.sec-5 {padding-top:80px;}
  .check-search-wrap {margin-bottom:0;}
  .check-search-wrap .checkbx-wrapper .checkmark {top: 3px; height: 16px;
    width: 16px;}
  .check-search-wrap .checkbx-wrapper .ckBox {font-size: 18px;}
  .header-area.no-skintone {
    padding-top: 16px;
    padding-bottom: 20px;
}
  
  .template-index .all-btns-g-wrap {
    padding-bottom: 45px;
}
  
  .template-index .section.sec-5 .container-fluid {
    padding-bottom: 50px;
    border-bottom: 1px solid #000;
}
  .template-index .section.sec-7 {
    padding-top: 20px;
}
  .social-links {
    padding-top: 30px; padding-bottom: 30px;
}
  
  .footer-newsletter-widget {
    padding-bottom: 80px;
}
  
  .offCanvasMenu {
    top: 55px;}
  
  .mobileMenu {
    padding-top: 30px; width: 50%;
}
  .mobileMenu li ul.ingredients-menu li {
    width: 49%;}
  
  .menu-image {
    padding-top: 35px;
}
  
  .trans-heading {
    top: -30px;}
  
  .about-heading {
    top: -30px;}
  
  .section.sec-1 .slick-slide img {
    max-width: 95%;
}
  #Collection .twin-title-wrap {
    display: flex;}
  
  #Collection .keywrod-wt-heading {
    grid-column: 1;
}
  
  #Collection .filter-key-wrap {
    grid-column: 1;
    }
  
  .product-g-wrap .single-pd:nth-child(2n) {
    margin-top: 30px !important;
}
  #cart-popup-wrap .cart-popup-inner {
    margin-bottom: 30px;
}
  
  .cart-popup-inner .pd-show-content a.fullpage-link {
    margin-bottom: 0px;
    margin-top: 5px;
    }
  
  .template-product .pd-show-area .container-fluid.custm-padding .col-lg-6 {width:49% !important;}
  
  .product-show-img-outer .pd-show-img.zoom {
    margin: 0 0 0 auto;
    width: 80%;
}
  
   .color-story-area {
  min-height:540px !important;
  }

.color-story-area img {
  top: 60px !important;
  left: 50% !important;
  }
  
  .prism-area.single-pd {margin-top:0;  margin-bottom: 0px;}
  
  .prism-area.single-pd .common-content.prism-content {
    left: 0px;
    bottom: 0;
    top:110px;
        width: 160px; margin:0;
}
}

@media (max-width: 575px) {
  
  .mobile-coupon-exp {display:block;}
  .coupon-exp {display:none;}
 #Discount #div-details li.coupon-desc {
    width: 40%;
    padding-left:15px !important;
}
  
 #Discount #div-details li.coupon-code {
    width: 60%;
    text-align: right !important;
    padding-right:15px !important;
}
  
.header-right ul li {margin-left: 0px;}
  
.col-12 .diwali-pop .diwali-offer {position:absolute; top:45px; left:15px; max-width:400px;}
.col-12 .diwali-pop h3 {font-size:30px; line-height:33px;}
.col-12 .diwali-pop .diwali-offer .offer-subheading {font-size:18px; padding-top:2px;}
.col-12 .diwali-pop .diwali-desc {font-size:18px; line-height:21px;padding-top:10px;}
.col-12 .diwali-pop .offer-condition {font-size:16px; padding-top:10px;}
.diwali-offer .mobile-img {display:block; width:100%; max-width:85%; margin:0 auto;}
  .diwali-offer .mobile-img img {width:100% !important; padding-top:110px;}
  .diwali-offer .desktop-img {display:none;}  
  
  
.col-12 .collection-img .diwali-offer {position:absolute; top:5px; left:15px; max-width:400px;}
.col-12 .collection-img h3 {font-size:30px; line-height:33px;}
.col-12 .collection-img .diwali-offer .offer-subheading {font-size:18px; padding-top:2px;}
.col-12 .collection-img .diwali-desc {font-size:18px; line-height:21px;padding-top:28px;padding-right:10px;}
.col-12 .collection-img .offer-condition {font-size:16px; padding-top:10px;}
  
  
  #shopify-section-article-template h1.article__title {font-size:18px; line-height:21px;}
  
  
  .m-product-options {display:block;}
  .d-product-options {display:none;}
  
  .quantity-coutner-wrap.m-product-options {width:50%; float:left;}
  .m-product-options.addto-wishlist {width:50%; float:left; margin-top: 5px;}
  .m-product-options.addto-wishlist .box-btn {width: 100%; text-align: center; background:#F2F2F2 ; color:#000; border: 1px solid #000;
    border-radius: 1px;
    padding: 7px 15px;}
  
  .twin-pop-btn.product-pge.m-product-options {margin-bottom:24px;}
  .twin-pop-btn.product-pge.m-product-options .box-btn.addtocart.action{background:#000; color:#fff;padding: 9px 2px; font-weight: bold;}
  
  .quantity-coutner-wrap.m-product-options {
    margin-bottom: 15px;
}
  
  .mobileMenu {
    padding-left: 10px;
    padding-top: 20px;
  }
    
    .mobile-menu {
    padding-left: 0px;
}
  
  .header-right {
    padding-right: 0px;
}
  
  .has-child:after {
    margin-top: 0px;
}
  
  .mobileMenu > li {
    border-bottom: 1px solid #000;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
  
  .mobileMenu li a {width:100%;padding-right:10px;}
  
  .sec-three-m-img {
    text-align: center;
    max-width: 320px;
    margin-left: 20px;
    margin-right: 20px;
}
  .sec-three-m-img img {
    max-width: 75%;
}
  
  .sec-three-m-img.left .mobile-hover {float:left; background-position: 0 0 !important;}
  
  .sec-three-content-wrapper img.mobile-img:hover {opacity:0; transition: .4s;}
  
  .mobile-padding {padding-left:0; padding-right:0;}
  .sec-three-m-img .pic-trans {
    left: 80%;}
  
  .sec-three-m-img.right .pic-trans {
    left: 20%;}
  
    .sec-three-m-img.left .pic-trans {
    left: 50%;}
  
  .mobile-img.mobile-hover.slideInRight,  .mobile-img.mobile-hover.slideInRight img {float:right; background-position: 100% 0 !important}
  
  
  
  .sec-three-m-img.left img {float:left;}
  .section.sec-5 .container-fluid {padding-bottom: 0px;}
  
  .section-tag-title {font-size:16px; line-height:20px;}
  
  .sec-2 .section-tag-title {
   font-size: 16px;}
  
  .section.sec-2 .container-fluid {
    margin-bottom: 40px;
}
  .sec-two-right-content .common-content h2 {
    font-size: 16px;
    line-height: 20px;
}
  .sec-two-right-content .common-content p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 18px;
}
  .product-g-wrap {
    grid-template-columns: 1fr;}
  
  .product-g-wrap .add-to-cart {margin-top: 8px; margin-bottom: 12px;}
  
  .section.sec-1 .trans-heading {
    font-size: 40px;line-height:44px;top: -40px;letter-spacing:0px; left:10px;}
  
  .section.sec-1 .about-heading {
    font-size: 40px;line-height:44px;top: -24px;letter-spacing:0px; left:10px;}
  
  .about-page p {
    padding-top: 16px;
    padding-bottom: 0px;
    }
  
  .about-page p.desc {font-weight:normal; padding-top: 0px;padding-bottom: 21px}
  
  .header-area.no-skintone {padding-top: 16px;padding-bottom: 15px;}
 body.template-index .section.sec-1, body.template-collection .section.sec-1, body.template-page .about-section{
    margin-top: 95px !important;
}
  
  body.template-index .section.sec-1.no-skintone-sections, body.template-collection .section.sec-1.no-skintone-sections {margin-top: 65px !important;}
  
  .fullpage-wrapper .collection-img {
    margin-bottom: 120px;
    margin-left:0
}
  .about-section .collection-img, #Collection .collection-img {
    margin-left: 0px; margin-bottom: 20px;}

  
  .check-search-wrap {display: inline-table;
    height: 27px;}
  
  .section.sec-1 {
    margin-top: 65px;
}
  .checkout-form {
    bottom: 0px; padding-bottom:10px;
  }
  
  .about-welcome-img img {width:70%; margin-left: 0px;}
  
   .live-in-img {
        max-width: 240px;
    }
  
  .live-area .custm-padding {
    margin-left: 0%;
    width: 100%;
}

  .common-content.in-live {
    right: -105px;
    top: 55%;
    max-width: 180px;
}
  
 .pd-active .slick-slide a {
    max-width: 70%;
    margin-left: 15%;
}
  
  

  .pd-active .slick-slide .best-seller-actions, .single-pd .best-seller-actions {margin-right:15%;width:145px;}
  
  .inner-catalog-wrapper .best-seller-actions {margin-right:0px !important; text-align: right;}
  
  .product-show-img-outer.in-pop {
    margin-top: 20px; margin-bottom:0px;
}
  
  .galley-wrapp .slick-list {
    padding-top: 30px;
    padding-bottom: 10px;
    }

.pd-show-gpop-wrapper .slick-list, .pd-show-gpop-wrapper .slick-track {
    min-height: 360px !important;
}
  
#Collection #cart-popup-wrap .cart-popup-inner {
    margin-bottom: 40px;
}

 #Collection .cart-popup-inner .pd-show-content a.fullpage-link {
    margin-bottom: 0px;
    margin-top: 0px;}
  
.pd-active .s-trans-content {
    max-width: 70%;
    margin-left: 15%;}
  
  .footer-links ul li a{text-align:center; color:#000; line-height: 26px; font-size: 12px; letter-spacing:2px;}
.footer-newsletter-widget {padding-bottom: 80px;}
.col-sm-6 .footer-newsletter-widget {padding-bottom: 10px; padding-top:20px}
.social-links {padding-top: 40px; padding-bottom:40px;}
.col-sm-6 .social-links {padding-top: 30px; padding-bottom:5px;}
  
  .common-content.about-welcome-content {
    right: -4%;
    bottom: 3%;
    max-width:180px;
    padding: 20px 15px 20px 0px;}
  
  .common-content.about-welcome-content h2 {font-size:14px; line-height:18px;}
  
  .good-for-you .left{
    padding-top: 0px;
    max-width: 100%;
    padding-left:0px;
}
  
  .about-effective .right {
    padding-top: 0px;
    max-width: 100%;
    padding-left:15px;
    padding-right: 12px;
}
  
  .about-footer p {
    margin: 0px 0 20px 0;
    padding: 8px;
}
  
  .about-effective {
    margin: 0px 0 50px 0;
}
  
  .about-btns-g-wrap {
    grid-template-columns: 1fr 1fr;  grid-row-gap: 20px;
    grid-column-gap: 20px;}
  
  .no-skintone-sections {margin-top:68px !important;}
   
  .show-ppp {
    margin-top: 10px;
    font-size: 14px;
    line-height: 16px;
}
  
  .good-for-you img, .about-effective img {width:100%; padding:0px;margin-top: 12px;}
  
  .about-main {
    padding: 12px 6px;
}
  
  .about-welcome-area {
    margin: 40px 0 40px 0;
}
  
  .header-chkbox {display:list-item;list-style: none;}
  
  .ckBox {
    padding-left: 40px;
  }
  
  .over-content {
    padding-top: 3px;
    padding-bottom: 2px;
}
  
  .search-box {
    top: 48%; left: 100px;}
  
  
  .checkmark {
    top: 2px;
    height: 26px;
    width: 26px;}
  
  #fp-nav {display:none;}
   
  .header-area .check-search-wrap p {font-size:14px;}
  
  .menu-image {width:100%; padding:10px 18px 105px 18px;}
  .menu-image img {max-width:100%;}
  .mt-90 {
    margin-top: 65px;
}
  
  .has-child:after {
    line-height: 23px;
}
  
  .slick-slide img.mobile-img {
        display:block;
    }
	
	.slick-slide img.desktop-img {
        display:none;
    }
	
	
	.sec-three-content-wrapper img.mobile-img, .mobile-img {
        display:block !important;
    }
	
	.sec-three-content-wrapper img.desktop-img, .desktop-img {
        display:none !important;
    }
  
  .sec-three-m-img, .sec-three-m-img.left {
        margin-bottom: 20px;
    }
  
  .header-area {padding-top:60px;}
  
  .sec-three-outer-wrp {
    display: block; margin-bottom: 45px;}
  
    .verticle-imgs img {
        max-width: 62px;
    }
  
  .collection-Face .verticle-imgs img {
    max-width: 52px;
}
  
  
    .collection-Face .verticle-imgs.in-right {
    max-width: 52px;
}
  
    .verticle-imgs.in-right {
        max-width: 60px;
    }
  
  .tabbable .nav-tabs li {
    padding: 20px 0px; width:25%;
}
  
  .tabbable .nav-tabs li:first-child {
    padding-left: 0px;
}
  
  .tabbable .nav-tabs li:last-child {
    padding-right: 0px;
}
  
 .tabbable .s-check-box {vertical-align:text-top;}
  
.myaccount.grid {margin-left:0px !important; padding-left: 0px !important;}
  
  
  #Address {width: 100%;}
  .address-action button {padding:0; text-align:right;}
  
  #wishContent .wishlist-account {
    grid-template-columns: 1fr;}
  
  #wishContent .wishlist-account {
    grid-gap: 10px !important;}
  
  #wishContent .wishlist-account .single-wish-product {
    grid-template-columns: 110px 120px !important;
}
  
  #wishContent .wish-pd img {
    max-width: 110px !important;
}
  
  .sort-f-wrap {
    float: right;
}
  
  .section.sec-2 {
    background: none !important;
}
  
  .section.sec-4 .fp-tableCell {vertical-align:top; padding-top:55px;}
  
  .color-story-area {
  min-height:320px !important;
  }

.color-story-area img {
  top: 60px !important;
  left: 50% !important;
  } 
  
  .prism-area.single-pd {margin-top:0;  margin-bottom: 20px;}
  
  .product-g-wrap .single-pd:nth-child(2n) {
    margin-top: 0px;    
}
  .prism-area.single-pd .common-content.prism-content {
    left: 0px;
    bottom: 0;
    top:155px;
        width: 39% !important; margin:0;
}
  
  .prism-area.single-pd .common-content.prism-content span {
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}
  
  .prism-area.single-pd .common-content.prism-content p
  {font-size: 12px;
    line-height: 15px;
}
  
.verticle-imgs {
    left: 12px;
    top: inherit;
    bottom:-75px;
    max-width:100% !important;
}
 
  .verticle-imgs .gallery-nav-item.slick-slide {
    width: 18%;
    max-width:65px;
    display: block; 
}
  
  .collection-Face .verticle-imgs .gallery-nav-item.slick-slide {
    max-width: 55px;
}
  
  .verticle-imgs .slick-list.draggable {height:90px !important; min-height:90px !important;}
  .pd-show-content {margin-top:85px;}
  

.template-collection .verticle-imgs {
    left: 10px !important;
    top: 32%; max-height: 100px;
}
  .template-collection .verticle-imgs img {
    max-width: 62px;
}
  
  .template-collection .verticle-imgs .gallery-nav-item.slick-slide {
    max-width: 72px;
  
}
  
  .template-collection .trans-pop-heading {
    bottom: -170px;
}
  .template-collection .pd-show-gpop-wrapper .slick-list, .pd-show-gpop-wrapper .slick-track {
    min-height: 0px !important;
}
  .template-collection .product-show-img-outer h4 {height:50px;}
  .checkout-form {
    <!--position: fixed !important;-->}
  
  .nice-select .current {font-size:14px;}
  #fp-nav {display:none !important;}
  
  .checkBox .checkmark::after {
    left: 3px;top: 0px;}
  
  .product-show-img-outer .pd-show-img.zoom {width:100%;margin-right: 0px;}
  .pd-show-area .product-show-img-outer h4 {
    margin-left: 0px;}
  
  .about-main p {
    padding: 0px 2%;}
  
  .about-footer {
    padding: 0 2%;
}
  
  .about-welcome-area .custm-padding {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
  
  .product-g-wrap .single-pd:nth-child(2n) .prism-img {margin-bottom: 0px;}
  
  .about-btns-g-wrap {
    padding-bottom: 20px; padding-top: 15px;}
  
  .prism-area.single-pd .common-content.prism-content h2 {
    line-height: 16px;
}
  
  .single-pd.pd-item .prism-content p {font-size:12px; line-height:14px;}
  
  .about-btns-g-wrap .boxx-btn {
    font-weight: 300;
}
  
  .chuns-scroll-div .twin-pop-btn a {
    padding: 12px 2px;
    }
  
  .checkout-form .box-btn.checkout {padding: 10px 15px;}
  
 .desktop-show {display:none;}
 .mobile-buy-actions {display:block;}
  
  .ticker-sep {padding: 0 11px; }
  
   .banner-overlay {
   height: 65%;
  width: 90%;
  display: none;
  position: fixed;
  z-index: 98;
  top: 21%;
  left: 5%;
  background:url(diwali-pop-bg.png) no-repeat #fff;
  background-position: top right;
  background-size: 30%,;
}
  
    .h-main-text{
    font-size:23px;
}
.h-main-text span {
     font-size:24px;
}
  
  .banner-overlay-content {
    margin-top: 20px;
    padding: 15px 24px;
}
  
  
  .banner-overlay-content span.st-collection {
    margin-top: 30px;
}
 
  .banner-overlay-content .checkbx-wrapper {
    height: 55px;
    padding: 0px 0px 20px 0px;
}
  
  .banner-product-animation {
    position: absolute;
    top: 70px;
    right: 10px;
    width: 240px;
}
  
  .single-lisptick-animation {position:absolute; top:85px;right:70px; width:130px;}
  
}

@media (min-width: 320px) and (max-width: 375px) {
  
    .diwali-offer .mobile-img img {width:100% !important; padding-top:60px !important;}
  
   
   .banner-overlay {
     height: 70%;}
  
  .single-lisptick-animation {position:absolute; top:80px;right:60px; width:120px;}
  
  .banner-product-animation {
    position: absolute;
    top: 60px;
    right: 10px;
    width: 210px;
}
  
  
  .checkmark {
    top: 0px;
    height: 26px;
    width: 26px;
}
  
  
  .ckBox {
    padding-left: 35px;
}
  
    .h-main-text{
    font-size:21px;
}
.h-main-text span {
     font-size:23px;
}
  
  .banner-overlay-content {
  top: 45%;
  margin-top: 30px;
}
  
   .banner-overlay {
 
}
  
  .ticker-sep {padding: 0 5px;}
  
  .prism-area.single-pd .common-content.prism-content span {
    margin-bottom: 5px;
}
  
  .prism-area.single-pd .common-content.prism-content h2 {
    line-height: 15px;
}
  
 .prism-area.single-pd .common-content.prism-content p {
    font-size: 12px;
    line-height: 14px;
}  
  
  .header-area {
    padding-top: 60px; padding-bottom: 10px;
}
  .all-btns-g-wrap {
    grid-row-gap: 5px;
    grid-column-gap: 5px;}
  
  .sec-4-title-para p {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 14px;
}
  
  .boxx-btn {
    padding: 2px 10px;
    font-size: 10px;
}
  
  .sec-two-right-content .common-content h2 {
    font-size: 14px;
    line-height: 18px;
}
  
  .sec-two-right-content .common-content p {
    font-size: 11px;
    margin-bottom: 10px;
    line-height: 14px;
}
  
  .drop-content {
    padding: 4px 5px;
}
  
  .drop-content p {
    font-size: 10px;
    line-height: 12px;
}
  .template-index .section.sec-1 .trans-heading {font-size: 30px;
    line-height: 34px;}
  
  .sec-three-m-img {width:250px;}
  
  .sec-three-outer-wrp {max-width:300px;}
  
}  

@media only screen and (max-width: 575px) and @supports (-webkit-touch-callout: none) {
 .twin-pop-btn {
    bottom: 150px;
}