@media only screen and (max-width: 767px) {
    /* Default CSS */
    :root {
      --fontSize: 15px;
    }
    body {
      font-size: var(--fontSize);
    }
    .ptb-100 {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .pt-100 {
      padding-top: 50px;
    }
    .ptb-70 {
      padding-top: 50px;
      padding-bottom: 20px;
    }
    .pb-100 {
      padding-bottom: 50px !important;
    }
    .pt-70 {
      padding-top: 50px;
    }
    .pb-70 {
      padding-bottom: 20px;
    }
    .pt-45 {
      padding-top: 30px;
    }
    .pb-10 {
      padding-bottom: 0;
    }
    .pl-20 {
      padding-left: 0;
    }
    .pr-20 {
      padding-right: 0;
    }
    .mb-45 {
      margin-bottom: 30px;
    }
    .ml-20 {
      margin-left: 0;
    }
    .default-btn {
      padding: 8px  20px;
      font-size: 14px;
    }
    .section-title .section-subtitle {
      margin-bottom: 10px;
    }
    .section-title .section-subtitle img {
      margin-right: 3px;
      /* max-width: 35px; */
    }
    .section-title .section-subtitle span {
      font-size: 14px;
    }
    .section-title h2 {
      font-size: 26px;
    }
    .section-title p {
      padding-top: 10px;
    }
    .ps-2 {
      padding-left: 0 !important;
    }
    .ps-3 {
      padding-left: 0 !important;
    }
    .ps-5 {
      padding-left: 0 !important;
    }
    .ps-0 {
      padding-left: 15px !important;
    }
    .pe-0 {
      padding-right: 15px !important;
    }
    .p-0 {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    h3 {
      font-size: 21px;
    }
    .text-end {
      text-align: left !important;
    }
    /* Banner Area CSS */
    .banner-area {
      padding: 50px 0;
    }
    .banner-img {
      margin-bottom: 30px;
    }
    .banner-img .images img {
      max-width: 100%;
    }
    .banner-img .banner-img-bg {
      left: -15px;
    }
    .banner-img .banner-img-bg img {
      max-width: 100%;
    }
    .banner-content span {
      font-size: 16px;
      margin-bottom: 7px;
    }
    .banner-content h1 {
      font-size: 30px;
      margin-bottom: 15px;
    }
    .banner-content p {
      max-width: 100%;
      margin-bottom: 18px;
    }
    .banner-shape {
      display: none;
    }
    .banner-area-two {
      padding: 50px 0;
    }
    .banner-content-two {
      margin-bottom: 30px;
    }
    .banner-content-two span {
      font-size: 16px;
      margin-bottom: 7px;
    }
    .banner-content-two h1 {
      font-size: 30px;
    }
    .banner-content-two p {
      max-width: 100%;
      margin-bottom: 18px;
    }
    .banner-img-two {
      padding-bottom: 30px;
    }
    .banner-img-two::before {
      top: 0;
      width: 70%;
      border-radius: 50%;
    }
    .banner-img-two .tag-title {
      top: 0;
      left: 70px;
      padding: 23px 9px 22px;
    }
    .banner-img-two .tag-title h3 {
      margin-bottom: 0;
      font-size: 15px;
    }
    .banner-img-two .tag-title span {
      font-size: 13px;
    }
    .banner-two-shape .shape1 {
      display: none;
    }
    .banner-two-shape .shape2 {
      position: absolute;
      top: 6%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      left: 50%;
      z-index: -1;
    }
    .banner-two-shape .shape3 {
      display: none;
    }
    .banner-three-area {
      padding: 50px 0 40px;
    }
    .banner-content-three {
      padding: 0;
    }
    .banner-content-three span {
      font-size: 16px;
      margin-bottom: 7px;
    }
    .banner-content-three h1 {
      font-size: 30px;
    }
    .banner-content-three p {
      margin-bottom: 20px;
    }
    .banner-img-area .images1 {
      display: none;
    }
    .banner-img-area .images2 {
      position: inherit;
      top: unset;
      right: unset;
      text-align: center;
    }
    .banner-img-area .images2 img {
      max-width: 100%;
      margin: 0 auto;
    }
    /* Inner Banner CSS */
    .inner-banner {
      position: relative;
      z-index: 1;
    }
    .inner-banner::before {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--titleColor);
      opacity: 0.7;
    }
    .inner-banner .inner-title {
      padding-top: 70px;
      padding-bottom: 70px;
    }
    .inner-banner .inner-title h3 {
      font-size: 35px;
      margin-bottom: 10px;
      color: var(--whiteColor);
    }
    .inner-banner .inner-title ul li {
      font-size: 18px;
      color: var(--whiteColor);
    }
    .inner-banner .inner-title ul li::before {
      color: var(--whiteColor);
    }
    .inner-banner .inner-title ul li a {
      color: #fff;
    }
    .inner-banner .inner-title ul li a:hover {
      color: var(--whiteColor);
    }
    /* About Area CSS */
    .about-content {
      margin-bottom: 30px;
    }
    .about-content .section-title {
      margin-bottom: 20px;
    }
    .about-content ul li {
      margin-bottom: 20px;
      padding-left: 40px;
    }
    .about-content ul li i {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 18px;
    }
    .about-content ul li .content h3 {
      margin-bottom: 7px;
    }
    .about-img img {
      border-radius: 0;
    }
    .about-shape {
      display: none;
    }
    .about-img2 {
      padding: 15px;
      max-width: 100%;
    }
    .about-img3 {
      padding-bottom: 20px;
      margin-bottom: 20px;
    }
    .about-img3 img {
      max-width: 100%;
      border-radius: 20px;
    }
    .about-img3 .about-sub-img {
      bottom: 0;
      right: 0;
      left: 0;
      width: 150px;
      margin: 0 auto;
      padding: 7px;
    }
    .about-img3 .about-sub-img img {
      max-width: 140px;
    }
    .about-content-two .section-title {
      margin-bottom: 20px;
    }
    .about-content-two .about-list li {
      display: block;
      position: relative;
      margin-bottom: 25px;
      padding-left: 40px;
    }
    .about-content-two .about-list li i {
      width: 28px;
      height: 28px;
      line-height: 28px;
      font-size: 18px;
    }
    .about-content-two .about-list li h3 {
      font-size: 18px;
    }
    .feature-card {
      padding: 30px 20px;
    }
    .feature-card .feature-top i {
      font-size: 35px;
      margin-right: 10px;
    }
    .best-seller-img img {
      width: 100%;
    }
    /* New Collection Area CSS */
    .new-collection-area .new-collection-max {
      margin: 0 auto !important;
    }
    .new-collection-content {
      max-width: 100%;
      margin: 0 auto 30px;
    }
    .new-collection-content .section-title {
      margin-bottom: 20px;
    }
    .new-collection-content .content img {
      max-width: 85px;
      margin-right: 10px;
    }
    .new-collection-content .content .content-text h3 {
      margin-bottom: 5px;
      font-size: 18px;
    }
    .new-collection-item {
      position: relative;
      margin-bottom: 30px;
      border-radius: 5px;
    }
    .new-collection-item img {
      border-radius: 5px;
      height: 150px;
    }
    .new-collection-item::before {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      right: 0;
      height: 50%;
      opacity: 0.30%;
      -webkit-transition-delay: .1s;
              transition-delay: .1s;
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out;
      -webkit-transition-duration: .5s;
              transition-duration: .5s;
      -webkit-transition-property: all;
      transition-property: all;
      -webkit-transform-origin: top;
              transform-origin: top;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
      background-color: var(--titleColor);
    }
    .new-collection-item::after {
      position: absolute;
      content: "";
      bottom: 0;
      left: 0;
      right: 0;
      height: 50%;
      opacity: 0.30%;
      background-color: var(--titleColor);
      -webkit-transition-delay: .1s;
              transition-delay: .1s;
      -webkit-transition-timing-function: ease-in-out;
              transition-timing-function: ease-in-out;
      -webkit-transition-duration: .5s;
              transition-duration: .5s;
      -webkit-transition-property: all;
      transition-property: all;
      -webkit-transform-origin: bottom;
              transform-origin: bottom;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
    }
    .new-collection-item .new-collection-btn {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      left: 0;
      right: 0;
      text-align: center;
      opacity: 0;
      -webkit-transition: var(--transition);
      transition: var(--transition);
      z-index: 5;
    }
    .new-collection-item .new-collection-btn i {
      width: 55px;
      height: 55px;
      line-height: 55px;
      font-size: 24px;
      background-color: var(--whiteColor);
      color: #ca0000;
      border-radius: 50px;
    }
    .new-collection-item:hover::before {
      opacity: 0.80;
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
    }
    .new-collection-item:hover::after {
      opacity: 0.80;
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
    }
    .new-collection-item:hover .new-collection-btn {
      opacity: 1;
    }
    .new-collection-shape {
      display: none;
    }
    /* Beauty Area CSS */
    .beauty-img {
      margin-right: 0;
    }
    .beauty-img .sub-img {
      right: 20px;
    }
    .beauty-img .sub-img img {
      max-width: 100px;
    }
    .beauty-content .section-title {
      margin-bottom: 20px;
    }
    .beauty-shape {
      display: none;
    }
    .beauty-img2 {
      padding-bottom: 20px;
    }
    .beauty-img2 img {
      max-width: 100%;
    }
    .beauty-img2 .sub-img {
      bottom: -7px;
      padding: 7px;
      max-width: 115px;
      margin: 0 auto;
      left: 0;
      right: 0;
    }
    .beauty-img2 .sub-img img {
      max-width: 100px;
    }
    .beauty-img2 .beauty-img-shape {
      display: none;
    }
    .protection-content {
      max-width: 450px;
    }
    .protection-content .section-title {
      margin-bottom: 13px;
    }
    .protection-content .price-text {
      margin-bottom: 15px;
    }
    /* Video Area CSS */
    .video-area {
      padding: 50px 0 45px;
    }
    .video-content {
      max-width: 100%;
    }
    .video-content .play-btn {
      display: inline-block;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: var(--whiteColor);
      margin-bottom: 20px;
    }
    .video-content .play-btn i {
      width: 60px;
      height: 60px;
      line-height: 60px;
      font-size: 20px;
      border-radius: 50px;
      margin: 0 auto;
      padding-left: 3px;
      padding-top: 0px;
    }
    .video-content .play-btn span {
      margin-left: 5px;
    }
    .video-content h2 {
      font-size: 26px;
      margin-bottom: 20px;
    }
    /* Product Banner Area CSS */
    .product-banner-item {
      padding: 50px 20px;
    }
    .product-banner-item .content {
      float: right;
    }
    .product-banner-item .content h2 {
      font-size: 26px;
      margin-bottom: 15px;
    }
    .product-banner-item-two {
      padding: 50px 20px;
    }
    .product-banner-item-two .content span {
      font-size: 16px;
    }
    .product-banner-item-two .content h2 {
      font-size: 26px;
      max-width: 185px;
    }
    .product-banner-item-two:hover::before {
      -webkit-transform: scale(1.07);
              transform: scale(1.07);
    }
    .product-banner-card {
      padding: 35px 25px;
    }
    .product-banner-card img {
      margin-bottom: 15px;
    }
    .product-banner-card-two {
      padding: 20px 20px;
    }
    .product-banner-card-two .content {
      margin-right: 15px;
    }
    .product-banner-card-three {
      padding: 30px 20px;
    }
    .product-banner-card-three .content span {
      color: #ca0000;
      display: block;
      margin-bottom: 7px;
    }
    .product-banner-card-three .content h3 {
      margin-bottom: 15px;
    }
    .product-banner-card-three .product-banner-card-img {
      padding-right: 20px;
    }
    .top-branded-card .content .top-title {
      display: block;
      -webkit-box-pack: unset;
          -ms-flex-pack: unset;
              justify-content: unset;
      margin-bottom: 7px;
    }
    .top-branded-card .content .top-title h3 {
      margin-bottom: 7px;
    }
    .product-topper .product-title {
      margin-bottom: 15px;
    }
    .product-topper-search-widget {
      margin-bottom: 15px;
    }
    /* Product Details Area CSS */
    .product-desc h3 {
      margin-bottom: 10px;
      font-size: 22px;
    }
    .product-desc .product-review {
      margin-bottom: 10px;
    }
    .product-desc .price {
      margin-bottom: 10px;
      font-size: 16px;
    }
    .product-desc .price .old-price {
      margin-right: 5px;
    }
    .product-desc p {
      margin-bottom: 15px;
    }
    .product-desc .product-category-list {
      margin: 0 0 15px;
    }
    .product-desc .input-counter {
      height: 40px;
    }
    .product-desc .input-counter span {
      height: 32px;
      line-height: 32px;
    }
    .product-desc .input-counter input {
      height: 35px;
      font-size: 15px;
    }
    .product-desc .product-add-btn .default-btn {
      margin-right: 10px;
    }
    .product-desc .product-share ul li span {
      font-size: 15px;
    }
    .product-desc .product-share ul li a i {
      color: var(--bodyColor);
      font-size: 16px;
    }
    .shop-detls-tab .tabs {
      padding: 0 0 5px;
    }
    .shop-detls-tab .tabs li {
      margin-right: 10px;
      margin-bottom: 10px;
      font-size: 17px;
    }
    .shop-detls-tab .tabs li::before {
      display: none;
    }
    .shop-detls-tab .tabs li:last-child {
      margin-right: 0;
      margin-bottom: 0;
    }
    .shop-detls-tab-content h3 {
      font-size: 22px;
      margin-bottom: 0;
    }
    .shop-detls-tab-content p {
      margin-bottom: 15px;
    }
    .shop-detls-tab-content .shop-review-form .review-title .btn-right {
      position: inherit;
      right: 0;
      bottom: 0;
    }
    .shop-detls-tab-content .shop-review-form .review-comments {
      margin-top: 25px;
    }
    .shop-detls-tab-content .shop-review-form .review-comments .review-item {
      padding-right: 0;
    }
    .shop-detls-tab-content .shop-review-form .review-comments .review-item .content {
      padding: 0;
    }
    .shop-detls-tab-content .shop-review-form .review-comments .review-item .content img {
      position: inherit;
      margin-bottom: 15px;
    }
    .shop-detls-tab-content .shop-review-form .review-comments .review-item .review-report-link {
      margin-top: 8px;
      position: inherit;
      top: 0;
    }
    /* Cart Wraps Area */
    .cart-wraps-area .cart-table {
      text-align: center;
    }
    .cart-wraps-area .cart-table table thead tr th {
      padding: 10px 40px;
      white-space: nowrap;
      font-size: 16px;
    }
    .cart-wraps-area .cart-table table thead tr th:first-child {
      text-align: left;
      padding-left: 0;
    }
    .cart-wraps-area .cart-table table thead tr td {
      white-space: nowrap;
    }
    .cart-wraps-area .cart-table table thead tr td:first-child {
      text-align: left;
      padding-left: 0;
    }
    .cart-wraps-area .cart-table table tbody {
      border-top: none;
    }
    .cart-wraps-area .cart-table table tbody tr {
      border-top: none;
    }
    .cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter {
      height: 40px;
    }
    .cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter span {
      height: 32px;
      line-height: 32px;
    }
    .cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter input {
      height: 40px;
      font-size: 16px;
    }
    .cart-wraps-area .cart-buttons .cart-widget-form-area {
      max-width: 100%;
      margin-bottom: 20px;
    }
    .cart-wraps-area .cart-buttons .cart-widget-form-area .cart-widget-form {
      position: relative;
    }
    .cart-wraps-area .cart-buttons .cart-widget-form-area .cart-widget-form .form-control {
      height: 50px;
      line-height: 50px;
      padding: 0 15px;
    }
    .cart-wraps-area .cart-buttons .cart-widget-form-area .cart-widget-form .subscribe-btn {
      right: 2.5px;
      top: 2.5px;
      height: 45px;
      line-height: 47px;
      padding: 0 15px;
      border: 0;
      font-size: 14px;
    }
    .cart-totals {
      padding: 30px 20px;
      margin-left: 0;
    }
    .payment-box {
      padding: 25px 20px;
    }
    .payment-box .payment-method h3 {
      margin-bottom: 15px;
    }
    /* Cosmetic Area CSS */
    .cosmetic-shape {
      display: none;
    }
    .cosmetic-content .section-title {
      margin-bottom: 20px;
    }
    .cosmetic-img {
      margin-bottom: 30px;
    }
    .cosmetic-img .circle {
      width: 85%;
      height: 100%;
    }
    .testimonials-area .owl-nav {
      margin-top: 0;
      overflow: hidden;
    }
    .testimonials-area .owl-nav .owl-prev {
      position: inherit;
      top: 0;
      -webkit-transform: translateY(0%);
              transform: translateY(0%);
      left: 0;
      font-size: 21px !important;
      width: 30px;
      height: 30px;
      line-height: 30px !important;
    }
    .testimonials-area .owl-nav .owl-next {
      position: inherit;
      top: 0;
      -webkit-transform: translateY(0%);
              transform: translateY(0%);
      right: 0;
      font-size: 21px !important;
      width: 30px;
      height: 30px;
      line-height: 30px !important;
    }
    .testimonials-item {
      margin-bottom: 25px;
    }
    .testimonials-item .section-title {
      margin-bottom: 20px;
    }
    .testimonials-item i {
      width: 45px;
      height: 45px;
      line-height: 45px;
      font-size: 24px;
      margin: 0 auto 17px;
    }
    .testimonials-item p {
      margin-bottom: 15px;
      font-size: 16px;
    }
    /* Facility Area CSS */
    .facility-item {
      margin-bottom: 30px;
    }
    .facility-item .content {
      margin-bottom: 15px;
    }
    .facility-item .content i {
      width: 50px;
      height: 50px;
      line-height: 58px;
      font-size: 22px;
      border-radius: 5px;
      margin-right: 10px;
    }
    .facility-item .content h3 {
      margin-bottom: 0;
    }
    .facility-item p {
      max-width: 380px;
    }
    /* Blog Area CSS */
    .blog-item .content {
      padding: 25px 15px 30px;
    }
    .blog-item .content h3 {
      padding-bottom: 15px;
      margin-bottom: 15px;
    }
    .blog-item .content ul {
      margin: 0 0 10px;
    }
    .blog-item .content ul li {
      margin-right: 25px;
    }
    .blog-item .content ul li i {
      font-size: 15px;
    }
    .blog-item .content ul li::before {
      top: 7px;
      right: -15px;
      width: 1px;
      height: 12px;
    }
    .blog-item .content p {
      margin-bottom: 13px;
    }
    .blog-item .content .read-btn {
      padding: 9px 20px 7px;
      color: #ca0000;
      font-size: 14px;
    }
    .blog-card a {
      display: block;
    }
    .blog-card a img {
      border-radius: 5px;
    }
    .blog-card .content {
      padding: 25px 20px 30px;
    }
    .blog-card .content ul {
      margin: 0 0 10px;
    }
    .blog-card .content ul li {
      margin-right: 25px;
    }
    .blog-card .content ul li i {
      font-size: 15px;
    }
    .blog-card .content ul li::before {
      top: 7px;
      right: -15px;
      width: 1px;
      height: 12px;
    }
    .blog-card .content ul li:last-child {
      margin-right: 0;
    }
    .blog-card .content p {
      margin-bottom: 13px;
    }
    .blog-item-two {
      display: block;
    }
    .blog-item-two .blog-img {
      margin-right: 0;
      margin-bottom: 15px;
    }
    .blog-item-two .blog-img img {
      max-width: 100%;
      height: auto;
    }
    .blog-item-two .content ul {
      margin: 0 0 10px;
    }
    .blog-item-two .content ul li {
      margin-right: 25px;
    }
    .blog-item-two .content ul li:last-child {
      margin-right: 0;
    }
    .blog-item-two .content ul li i {
      font-size: 15px;
    }
    .blog-item-two .content ul li::before {
      top: 7px;
      right: -15px;
      width: 1px;
      height: 12px;
    }
    /* Blog Details Area CSS */
    .blog-details-content h1 {
      font-size: 28px;
    }
    .blog-details-content h2 {
      font-size: 26px;
    }
    .blog-details-content h3 {
      font-size: 23px;
    }
    .blog-details-content h4 {
      font-size: 21px;
    }
    .blog-details-content h5 {
      font-size: 20px;
    }
    .blog-details-content .tag-list li {
      font-size: 14px;
      margin-right: 30px;
    }
    .blog-details-content .tag-list li::before {
      right: -17px;
    }
    .blog-details-content .tag-list li i {
      font-size: 16px;
    }
    .blog-details-content .blockquote {
      padding: 25px 30px 20px;
      margin-bottom: 25px;
    }
    .blog-details-content .blockquote p {
      font-size: 16px;
    }
    .blog-details-content .blockquote i {
      bottom: 15px;
      right: 20px;
      font-size: 28px;
    }
    .blog-details-content .blog-article-content {
      margin-bottom: 20px;
    }
    .blog-details-content .blog-article-content ul li {
      font-size: 15px;
    }
    .blog-details-content .article-share {
      padding: 20px;
      margin-top: 0;
    }
    .blog-details-content .article-share .article-tag {
      margin-bottom: 10px;
    }
    .blog-details-content .article-share .article-social-icon {
      float: none;
    }
    .blog-details-content .comments-form .contact-form h4 {
      margin-bottom: 20px;
    }
    .side-bar-widget {
      padding: 20px 10px;
    }
    .side-bar-widget .title {
      margin-bottom: 17px;
    }
    .side-bar-widget .widget-popular-post .item .thumb {
      margin-right: 10px;
    }
    .side-bar-widget .widget-popular-post .item .thumb .full-image {
      width: 75px;
      height: 75px;
    }
    .side-bar-widget .widget-popular-post .item .info .title-text {
      font-size: 16px;
    }
    /* Contact Area CSS */
    .contact-form .agree-label label a.forget {
      position: inherit;
      right: auto;
      left: 0;
    }
    .contact-info-card {
      padding: 25px 25px 25px 100px;
    }
    .contact-info-card i {
      top: 25px;
      left: 25px;
      width: 60px;
      height: 60px;
      line-height: 60px;
      font-size: 26px;
    }
    .user-all-form .contact-form {
      padding: 30px 20px;
    }
    .user-all-form .contact-form .user-title {
      margin-bottom: 20px;
    }
    /* Newsletter Area Widget CSS */
    .newsletter-area .newsletter-form .form-control {
      height: 50px;
      line-height: 50px;
      margin: 0;
      border: none;
      padding: 0 15px;
    }
    .newsletter-area .newsletter-form .subscribe-btn {
      right: 2.5px;
      top: 2.5px;
      height: 45px;
      line-height: 47px;
      padding: 0 20px;
    }
    /* Pricing Plane Area */
    .pricing-plane-card {
      padding: 30px;
    }
    .pricing-plane-card .title h2 {
      font-size: 23px;
    }
    .pricing-plane-card ul {
      margin: 0 0 20px;
    }
    .pricing-plane-card .price-btn {
      padding: 10px 26px 8px;
    }
    /* Faq Area */
    .faq-accordion {
      max-width: 610px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 30px;
    }
    .faq-accordion .accordion {
      list-style-type: none;
      padding-left: 0;
      margin-bottom: 0;
    }
    .faq-accordion .accordion .accordion-item {
      border-radius: 15px;
      display: block;
      background-color: #ffffff;
      margin-bottom: 20px;
      border: none;
    }
    .faq-accordion .accordion .accordion-item:last-child {
      margin-bottom: 0;
    }
    .faq-accordion .accordion .accordion-title {
      font-size: 16px;
      padding: 10px 40px 7px 12px;
    }
    .faq-accordion .accordion .accordion-title .number {
      margin-right: 10px;
      display: inline-block;
      width: unset;
      height: 30px;
      line-height: 30px;
      text-align: center;
      background-color: transparent;
      color: var(--titleColor);
    }
    .faq-accordion .accordion .accordion-title i {
      right: 10px;
      font-size: 20px;
    }
    .faq-accordion .accordion .accordion-title.active .number {
      color: var(--whiteColor);
    }
    .faq-img {
      position: relative;
      padding-bottom: 10px;
      margin-bottom: 30px;
    }
    .faq-img .images {
      max-width: 100%;
      border-radius: 5px;
    }
    .faq-img .play-btn {
      width: 110px;
      height: 110px;
    }
    .faq-img .play-btn .play-icon {
      padding: 15px;
      width: 80px;
    }
    /* Error Area */
    .error-area .error-content h1 {
      font-size: 70px;
    }
    .error-area .error-content h3 {
      margin-top: 20px;
      font-size: 26px;
    }
    .error-area .error-content p {
      font-size: 15px;
      margin-top: 10px;
      padding: 0 15px;
    }
    /* Coming Soon Area */
    .coming-soon-area .coming-soon-content {
      padding-top: 30px;
      padding-bottom: 20px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 0;
      -webkit-animation: none;
              animation: none;
    }
    .coming-soon-area .coming-soon-content h1 {
      font-size: 30px;
      line-height: 1.1;
      margin-top: 0;
    }
    .coming-soon-area .coming-soon-content p {
      font-size: 14px;
      margin-top: 15px;
    }
    .coming-soon-area .coming-soon-content #timer {
      margin-top: 30px;
    }
    .coming-soon-area .coming-soon-content #timer div {
      font-size: 30px;
      margin-left: 5px;
      margin-right: 5px;
      margin-bottom: 15px;
    }
    .coming-soon-area .coming-soon-content #timer div span {
      font-size: 14px;
      margin-top: -5px;
    }
    .coming-soon-area .coming-soon-content #timer div::before {
      display: none;
    }
    .coming-soon-area .coming-soon-content .newsletter-form {
      margin-top: 20px;
      margin-bottom: 20px;
    }
    .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
      height: 55px;
      padding-left: 13px;
      font-size: 15px;
    }
    .coming-soon-area .coming-soon-content .newsletter-form .default-btn {
      position: relative;
      font-size: 14px;
      margin-top: 15px;
      width: 100%;
      height: 50px;
    }
    /* Footer Area CSS */
    .footer-widget {
      margin-bottom: 30px;
    }
    .footer-widget .footer-logo {
      margin-bottom: 15px;
    }
    .footer-widget h3 {
      font-size: 21px;
      margin-bottom: 20px;
    }
    .footer-widget p {
      margin-bottom: 18px;
    }
    .footer-widget .footer-list li {
      margin-bottom: 10px;
    }
  }
  
  @media only screen and (max-width: 520px) {
    .col-6 {
      width: 100%;
    }
    .newsletter-modal {
      width: 90%;
    }
    .newsletter-item .newsletter-item-text h3 {
      font-size: 22px;
    }
  }
  
  @media only screen and (min-width: 521px) and (max-width: 991px) {
    .mobile-nav .mobile-other .optional-item {
      margin-right: 15px;
    }
    .mobile-nav .mobile-other .optional-item .default-btn {
      font-size: 14px;
      border-bottom: 1px solid --titleColor;
    }
    .mobile-nav .mobile-other .optional-item .topheader-btn {
      top: 1px;
      font-size: 22px;
      color: #ca0000;
      display: inline-block;
      width: 30px;
      height: 30px;
      line-height: 35px;
    }
  }
  
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    .container-fluid {
      max-width: 540px !important;
      margin: 0 auto !important;
    }
    .blog-item-two {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    .blog-item-two .blog-img {
      margin-right: 20px;
      margin-bottom: 0;
    }
    .blog-item-two .blog-img img {
      max-width: 160px;
    }
  }
  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    /* Default CSS */
    body {
      font-size: 15px;
    }
    .ptb-100 {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .pt-100 {
      padding-top: 50px;
    }
    .ptb-70 {
      padding-top: 50px;
      padding-bottom: 20px;
    }
    .pb-100 {
      padding-bottom: 50px !important;
    }
    .pt-70 {
      padding-top: 50px;
    }
    .pb-70 {
      padding-bottom: 20px;
    }
    .pt-45 {
      padding-top: 30px;
    }
    .pb-10 {
      padding-bottom: 0;
    }
    .pl-20 {
      padding-left: 0;
    }
    .pr-20 {
      padding-right: 0;
    }
    .mb-45 {
      margin-bottom: 30px;
    }
    .ml-20 {
      margin-left: 0;
    }
    .default-btn {
      padding: 8px  20px;
      font-size: 14px;
    }
    .section-title .section-subtitle {
      margin-bottom: 10px;
    }
    .section-title .section-subtitle img {
      margin-right: 3px;
      max-width: 35px;
    }
    .section-title .section-subtitle span {
      font-size: 14px;
    }
    .section-title h2 {
      font-size: 26px;
    }
    .section-title p {
      padding-top: 10px;
    }
    .ps-2 {
      padding-left: 0 !important;
    }
    .ps-3 {
      padding-left: 0 !important;
    }
    .ps-5 {
      padding-left: 0 !important;
    }
    .ps-0 {
      padding-left: 15px !important;
    }
    .pe-0 {
      padding-right: 15px !important;
    }
    .p-0 {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    h3 {
      font-size: 21px;
    }
    .container-fluid {
      max-width: 720px !important;
      margin: 0 auto !important;
    }
    /* Banner Area CSS */
    .banner-area {
      padding: 50px 0;
    }
    .banner-img {
      margin-bottom: 30px;
    }
    .banner-img .images img {
      max-width: 100%;
    }
    .banner-img .banner-img-bg {
      left: -15px;
    }
    .banner-img .banner-img-bg img {
      max-width: 100%;
    }
    .banner-content span {
      font-size: 16px;
      margin-bottom: 7px;
    }
    .banner-content h1 {
      font-size: 30px;
      margin-bottom: 15px;
    }
    .banner-content p {
      max-width: 100%;
      margin-bottom: 18px;
    }
    .banner-shape {
      display: none;
    }
    .banner-area-two {
      padding: 50px 0;
    }
    .banner-content-two {
      margin-bottom: 30px;
    }
    .banner-content-two span {
      font-size: 16px;
      margin-bottom: 7px;
    }
    .banner-content-two h1 {
      font-size: 30px;
    }
    .banner-content-two p {
      max-width: 100%;
      margin-bottom: 18px;
    }
    .banner-img-two {
      padding-bottom: 30px;
    }
    .banner-img-two::before {
      top: 0;
      width: 70%;
      border-radius: 50%;
    }
    .banner-img-two .tag-title {
      top: 0;
      padding: 23px 9px 22px;
    }
    .banner-img-two .tag-title h3 {
      margin-bottom: 0;
      font-size: 15px;
    }
    .banner-img-two .tag-title span {
      font-size: 13px;
    }
    .banner-two-shape .shape1 {
      display: none;
    }
    .banner-two-shape .shape2 {
      position: absolute;
      top: 6%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      left: 50%;
      z-index: -1;
    }
    .banner-two-shape .shape3 {
      display: none;
    }
    .banner-three-area {
      padding: 50px 0 40px;
    }
    .banner-content-three {
      padding: 0;
    }
    .banner-content-three span {
      font-size: 16px;
      margin-bottom: 7px;
    }
    .banner-content-three h1 {
      font-size: 30px;
    }
    .banner-content-three p {
      margin-bottom: 20px;
    }
    .banner-img-area .images1 {
      display: none;
    }
    .banner-img-area .images2 {
      position: inherit;
      top: unset;
      right: unset;
      text-align: center;
    }
    .banner-img-area .images2 img {
      max-width: 100%;
      margin: 0 auto;
    }
    /* Inner Banner CSS */
    .inner-banner {
      position: relative;
      z-index: 1;
    }
    .inner-banner::before {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--titleColor);
      opacity: 0.7;
    }
    .inner-banner .inner-title {
      padding-top: 70px;
      padding-bottom: 70px;
    }
    .inner-banner .inner-title h3 {
      font-size: 35px;
      margin-bottom: 10px;
      color: var(--whiteColor);
    }
    .inner-banner .inner-title ul li {
      font-size: 18px;
      color: var(--whiteColor);
    }
    .inner-banner .inner-title ul li::before {
      color: var(--whiteColor);
    }
    .inner-banner .inner-title ul li a {
      color: #ca0000;
    }
    .inner-banner .inner-title ul li a:hover {
      color: var(--whiteColor);
    }
    /* About Area CSS */
    .about-content {
      margin-bottom: 30px;
    }
    .about-content .section-title {
      margin-bottom: 20px;
    }
    .about-content ul li {
      margin-bottom: 20px;
      padding-left: 40px;
    }
    .about-content ul li i {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 18px;
    }
    .about-content ul li .content h3 {
      margin-bottom: 7px;
    }
    .about-img img {
      border-radius: 0;
    }
    .about-shape {
      display: none;
    }
    .about-img {
      margin-bottom: 30px;
      text-align: center;
    }
    .about-img2 {
      padding: 20px;
      max-width: 100%;
    }
    .about-img3 {
      padding-bottom: 20px;
      margin-bottom: 20px;
    }
    .about-img3 img {
      max-width: 100%;
      border-radius: 20px;
    }
    .about-img3 .about-sub-img {
      bottom: 0;
      right: 0;
      left: 0;
      width: 150px;
      margin: 0 auto;
      padding: 7px;
    }
    .about-img3 .about-sub-img img {
      max-width: 140px;
    }
    .about-content-two .section-title {
      margin-bottom: 20px;
    }
    .about-content-two .about-list li {
      display: block;
      position: relative;
      margin-bottom: 25px;
      padding-left: 40px;
    }
    .about-content-two .about-list li i {
      width: 28px;
      height: 28px;
      line-height: 28px;
      font-size: 18px;
    }
    .about-content-two .about-list li h3 {
      font-size: 18px;
    }
    .best-seller-img img {
      width: 100%;
    }
    .feature-card {
      padding: 30px 20px;
    }
    .feature-card .feature-top i {
      font-size: 35px;
      margin-right: 10px;
    }
    /* New Collection Area CSS */
    .new-collection-area .new-collection-max {
      margin: 0 auto !important;
    }
    .new-collection-content {
      max-width: 100%;
      margin: 0 auto 30px;
    }
    .new-collection-content .section-title {
      margin-bottom: 20px;
    }
    .new-collection-content .content img {
      max-width: 85px;
      margin-right: 10px;
    }
    .new-collection-content .content .content-text h3 {
      margin-bottom: 5px;
      font-size: 18px;
    }
    .new-collection-shape {
      display: none;
    }
    /* Video Area CSS */
    .video-area {
      padding: 50px 0 45px;
    }
    .video-content {
      max-width: 100%;
    }
    .video-content .play-btn {
      display: inline-block;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: var(--whiteColor);
      margin-bottom: 20px;
    }
    .video-content .play-btn i {
      width: 60px;
      height: 60px;
      line-height: 60px;
      font-size: 20px;
      border-radius: 50px;
      margin: 0 auto;
      padding-left: 3px;
      padding-top: 0px;
    }
    .video-content .play-btn span {
      margin-left: 5px;
    }
    .video-content h2 {
      font-size: 26px;
      margin-bottom: 20px;
    }
    /* Product Banner Area CSS */
    .product-banner-item {
      padding: 50px 40px;
    }
    .product-banner-item .content {
      float: right;
    }
    .product-banner-item .content h2 {
      font-size: 26px;
      margin-bottom: 15px;
    }
    .product-banner-item-two {
      padding: 50px 20px;
    }
    .product-banner-item-two .content span {
      font-size: 16px;
    }
    .product-banner-item-two .content h2 {
      font-size: 26px;
      max-width: 185px;
    }
    .product-banner-card {
      padding: 51px 25px;
    }
    .product-banner-card img {
      margin-bottom: 15px;
    }
    .product-banner-card-two {
      padding: 20px 20px 20px 40px;
    }
    .product-banner-card-two .content {
      margin-right: 15px;
    }
    .product-banner-card-two .product-banner-card-img img {
      max-width: 137px;
    }
    .product-banner-card-three {
      padding: 30px 20px;
    }
    .product-banner-card-three .content span {
      color: #ca0000;
      display: block;
      margin-bottom: 7px;
    }
    .product-banner-card-three .content h3 {
      margin-bottom: 15px;
    }
    .product-banner-card-three .product-banner-card-img {
      padding-right: 20px;
    }
    .product-banner-card-three .product-banner-card-img img {
      max-width: 135px;
    }
    .product-topper .product-title {
      margin-bottom: 15px;
    }
    /* Product Details Area CSS */
    .product-desc h3 {
      margin-bottom: 10px;
      font-size: 22px;
    }
    .product-desc .product-review {
      margin-bottom: 10px;
    }
    .product-desc .price {
      margin-bottom: 10px;
      font-size: 16px;
    }
    .product-desc .price .old-price {
      margin-right: 5px;
    }
    .product-desc p {
      margin-bottom: 15px;
    }
    .product-desc .product-category-list {
      margin: 0 0 15px;
    }
    .product-desc .input-counter {
      height: 40px;
    }
    .product-desc .input-counter span {
      height: 32px;
      line-height: 32px;
    }
    .product-desc .input-counter input {
      height: 35px;
      font-size: 15px;
    }
    .product-desc .product-add-btn .default-btn {
      margin-right: 10px;
    }
    .product-desc .product-share ul li span {
      font-size: 15px;
    }
    .product-desc .product-share ul li a i {
      color: var(--bodyColor);
      font-size: 16px;
    }
    /* Cart Wraps Area */
    .cart-wraps-area .cart-table {
      text-align: center;
    }
    .cart-wraps-area .cart-table table thead tr th {
      padding: 10px 40px;
      white-space: nowrap;
      font-size: 16px;
    }
    .cart-wraps-area .cart-table table thead tr th:first-child {
      text-align: left;
      padding-left: 0;
    }
    .cart-wraps-area .cart-table table thead tr td {
      white-space: nowrap;
    }
    .cart-wraps-area .cart-table table thead tr td:first-child {
      text-align: left;
      padding-left: 0;
    }
    .cart-wraps-area .cart-table table tbody {
      border-top: none;
    }
    .cart-wraps-area .cart-table table tbody tr {
      border-top: none;
    }
    .cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter {
      height: 40px;
    }
    .cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter span {
      height: 32px;
      line-height: 32px;
    }
    .cart-wraps-area .cart-table table tbody tr td.product-quantity .input-counter input {
      height: 40px;
      font-size: 16px;
    }
    .cart-wraps-area .cart-buttons .cart-widget-form-area {
      max-width: 100%;
      margin-bottom: 20px;
    }
    .cart-wraps-area .cart-buttons .cart-widget-form-area .cart-widget-form {
      position: relative;
    }
    .cart-wraps-area .cart-buttons .cart-widget-form-area .cart-widget-form .form-control {
      height: 50px;
      line-height: 50px;
      padding: 0 15px;
    }
    .cart-wraps-area .cart-buttons .cart-widget-form-area .cart-widget-form .subscribe-btn {
      right: 2.5px;
      top: 2.5px;
      height: 45px;
      line-height: 47px;
      padding: 0 15px;
      border: 0;
      font-size: 14px;
    }
    .cart-totals {
      padding: 30px 20px;
      margin-left: 0;
    }
    /* Beauty Area CSS */
    .beauty-img {
      margin-right: 0;
    }
    .beauty-content .section-title {
      margin-bottom: 20px;
    }
    .beauty-shape {
      display: none;
    }
    .beauty-img2 {
      padding-bottom: 20px;
    }
    .beauty-img2 img {
      max-width: 100%;
    }
    .beauty-img2 .sub-img {
      bottom: -7px;
      padding: 7px;
      max-width: 115px;
      margin: 0 auto;
      left: 0;
      right: 0;
    }
    .beauty-img2 .sub-img img {
      max-width: 100px;
    }
    .beauty-img2 .beauty-img-shape {
      display: none;
    }
    /* Facility Area CSS */
    .facility-item {
      margin-bottom: 30px;
    }
    .facility-item .content {
      margin-bottom: 15px;
    }
    .facility-item .content i {
      width: 50px;
      height: 50px;
      line-height: 58px;
      font-size: 22px;
      border-radius: 5px;
      margin-right: 10px;
    }
    .facility-item .content h3 {
      margin-bottom: 0;
    }
    .facility-item p {
      max-width: 380px;
    }
    /* Testimonials Area CSS */
    .testimonials-area .owl-nav {
      margin-top: 0;
      overflow: hidden;
    }
    .testimonials-area .owl-nav .owl-prev {
      position: inherit;
      top: 0;
      -webkit-transform: translateY(0%);
              transform: translateY(0%);
      left: 0;
      font-size: 21px !important;
      width: 30px;
      height: 30px;
      line-height: 30px !important;
    }
    .testimonials-area .owl-nav .owl-next {
      position: inherit;
      top: 0;
      -webkit-transform: translateY(0%);
              transform: translateY(0%);
      right: 0;
      font-size: 21px !important;
      width: 30px;
      height: 30px;
      line-height: 30px !important;
    }
    .testimonials-item {
      margin-bottom: 25px;
    }
    .testimonials-item .section-title {
      margin-bottom: 20px;
    }
    .testimonials-item i {
      width: 45px;
      height: 45px;
      line-height: 45px;
      font-size: 24px;
      margin: 0 auto 17px;
    }
    .testimonials-item p {
      margin-bottom: 15px;
      font-size: 16px;
    }
    /* Cosmetic Banner Area CSS */
    .cosmetic-shape {
      display: none;
    }
    .cosmetic-content .section-title {
      margin-bottom: 20px;
    }
    .cosmetic-img {
      margin-bottom: 30px;
    }
    .cosmetic-img .circle {
      width: 75%;
      height: 97%;
    }
    /* Blog Area CSS */
    .blog-item .content {
      padding: 25px 15px 30px;
    }
    .blog-item .content h3 {
      padding-bottom: 15px;
      margin-bottom: 15px;
    }
    .blog-item .content ul {
      margin: 0 0 10px;
    }
    .blog-item .content ul li {
      margin-right: 25px;
    }
    .blog-item .content ul li i {
      font-size: 15px;
    }
    .blog-item .content ul li::before {
      top: 7px;
      right: -15px;
      width: 1px;
      height: 12px;
    }
    .blog-item .content p {
      margin-bottom: 13px;
    }
    .blog-item .content .read-btn {
      padding: 9px 20px 7px;
      color: #ca0000;
      font-size: 14px;
    }
    .blog-card a {
      display: block;
    }
    .blog-card a img {
      border-radius: 5px;
    }
    .blog-card .content {
      padding: 25px 20px 30px;
    }
    .blog-card .content ul {
      margin: 0 0 10px;
    }
    .blog-card .content ul li {
      margin-right: 25px;
    }
    .blog-card .content ul li i {
      font-size: 15px;
    }
    .blog-card .content ul li::before {
      top: 7px;
      right: -15px;
      width: 1px;
      height: 12px;
    }
    .blog-card .content ul li:last-child {
      margin-right: 0;
    }
    .blog-card .content p {
      margin-bottom: 13px;
    }
    /* Blog Details Area CSS */
    .blog-details-content h1 {
      font-size: 28px;
    }
    .blog-details-content h2 {
      font-size: 26px;
    }
    .blog-details-content h3 {
      font-size: 23px;
    }
    .blog-details-content h4 {
      font-size: 21px;
    }
    .blog-details-content h5 {
      font-size: 20px;
    }
    .blog-details-content .tag-list li {
      font-size: 14px;
      margin-right: 30px;
    }
    .blog-details-content .tag-list li::before {
      right: -17px;
    }
    .blog-details-content .tag-list li i {
      font-size: 16px;
    }
    .blog-details-content .blockquote {
      padding: 25px 30px 20px;
      margin-bottom: 25px;
    }
    .blog-details-content .blockquote p {
      font-size: 16px;
    }
    .blog-details-content .blockquote i {
      bottom: 15px;
      right: 20px;
      font-size: 28px;
    }
    .blog-details-content .blog-article-content {
      margin-bottom: 20px;
    }
    .blog-details-content .blog-article-content ul li {
      font-size: 15px;
    }
    .blog-details-content .comments-form .contact-form h4 {
      margin-bottom: 20px;
    }
    /* Newsletter Area Widget CSS */
    .newsletter-area .newsletter-form .form-control {
      height: 50px;
      line-height: 50px;
      margin: 0;
      border: none;
      padding: 0 15px;
    }
    .newsletter-area .newsletter-form .subscribe-btn {
      right: 2.5px;
      top: 2.5px;
      height: 45px;
      line-height: 47px;
      padding: 0 20px;
    }
    /* Error Area */
    .error-area .error-content h1 {
      font-size: 120px;
    }
    .error-area .error-content h3 {
      margin-top: 20px;
      font-size: 30px;
    }
    .error-area .error-content p {
      font-size: 15px;
      margin-top: 10px;
      padding: 0 15px;
    }
    /* Coming Soon Area */
    .coming-soon-area .coming-soon-content {
      padding-top: 30px;
      padding-bottom: 50px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 0;
      -webkit-animation: none;
              animation: none;
    }
    .coming-soon-area .coming-soon-content h1 {
      font-size: 45px;
      line-height: 1.1;
      margin-top: 0;
    }
    .coming-soon-area .coming-soon-content p {
      font-size: 16px;
      margin-top: 15px;
    }
    /* Footer Area CSS */
    .footer-widget {
      margin-bottom: 30px;
    }
    .footer-widget .footer-logo {
      margin-bottom: 15px;
    }
    .footer-widget h3 {
      font-size: 21px;
      margin-bottom: 20px;
    }
    .footer-widget p {
      margin-bottom: 18px;
    }
    .footer-widget .footer-list li {
      margin-bottom: 10px;
    }
  }
  
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title h2 {
      font-size: 33px;
    }
    h3 {
      font-size: 21px;
    }
    .desktop-nav-two .navbar .navbar-nav {
      margin-left: 55px;
      margin-right: auto;
    }
    .desktop-nav-two .navbar .navbar-nav .nav-item a {
      margin-right: 10px;
      margin-left: 10px;
    }
    /* Banner Area CSS */
    .banner-img .images img {
      max-width: 500px;
    }
    .banner-img .banner-img-bg {
      left: -35px;
    }
    .banner-img .banner-img-bg img {
      max-width: 520px;
    }
    .banner-content h1 {
      font-size: 50px;
    }
    .banner-content-two span {
      font-size: 17px;
    }
    .banner-content-two h1 {
      font-size: 50px;
    }
    .banner-img-two {
      padding-bottom: 30px;
    }
    .banner-img-two::before {
      top: 30px;
      width: 70%;
    }
    .banner-img-two .tag-title {
      top: 45px;
      left: 80px;
      padding: 26px 10px 23px;
    }
    .banner-img-two .tag-title h3 {
      margin-bottom: 0;
      font-size: 15px;
    }
    .banner-img-two .tag-title span {
      font-size: 13px;
    }
    .banner-content-three {
      max-width: 410px;
      padding: 45px 0;
    }
    .banner-content-three h1 {
      font-size: 38px;
    }
    .banner-img-area .images1 img {
      max-width: 325px;
    }
    .banner-img-area .images2 img {
      max-width: 310px;
    }
    .about-img3 img {
      max-width: 400px;
    }
    .about-img3 .about-sub-img img {
      max-width: 140px;
    }
    .feature-card {
      padding: 30px 20px;
    }
    /* New Collection Area CSS */
    .new-collection-content {
      max-width: 510px;
    }
    /* Product Banner Area CSS */
    .product-banner-item .content h2 {
      font-size: 33px;
    }
    .product-banner-card-two {
      padding: 13px 20px 13px 60px;
    }
    .product-banner-card-two .product-banner-card-img img {
      max-width: 183px;
    }
    .product-banner-card-three .product-banner-card-img img {
      max-width: 183px;
    }
    /* Best Sellers Area CSS */
    .best-sellers-item .content {
      padding: 20px 0 0;
    }
    /* Beauty Area CSS */
    .beauty-img {
      margin-right: 15px;
    }
    .beauty-img .sub-img img {
      max-width: 140px;
    }
    .beauty-img2 {
      padding-bottom: 20px;
    }
    .beauty-img2 img {
      max-width: 385px;
    }
    .beauty-img2 .sub-img img {
      max-width: 160px;
    }
    .beauty-img2 .beauty-img-shape {
      right: -10px;
    }
    .beauty-img2 .beauty-img-shape .shape1 img {
      max-width: 180px;
    }
    .testimonials-item p {
      max-width: 765px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px;
      font-size: 16px;
    }
    /* Cosmetic Area CSS */
    .cosmetic-img .circle {
      width: 85%;
      height: 100%;
    }
    /* Product Banner Area CSS */
    .product-banner-item-two {
      padding: 90px 40px;
    }
    .product-banner-item-two .content h2 {
      font-size: 33px;
      max-width: 235px;
    }
    /* Blog Area CSS */
    .blog-item .content {
      padding: 28px 20px 35px;
    }
    .blog-item .content ul li {
      margin-right: 25px;
    }
    .blog-item .content ul li:last-child {
      margin-right: 0;
    }
    .blog-item .content ul li i {
      font-size: 15px;
    }
    .blog-item .content ul li::before {
      top: 7px;
      right: -15px;
      width: 1px;
      height: 12px;
    }
    .blog-card .content {
      padding: 25px 20px 30px;
    }
    .blog-card .content ul {
      margin: 0 0 10px;
    }
    .blog-card .content ul li {
      margin-right: 25px;
    }
    .blog-card .content ul li i {
      font-size: 15px;
    }
    .blog-card .content ul li::before {
      top: 7px;
      right: -15px;
      width: 1px;
      height: 12px;
    }
    .blog-card .content ul li:last-child {
      margin-right: 0;
    }
    .blog-item-two {
      padding: 10px 15px;
    }
    .blog-item-two .blog-img {
      margin-right: 15px;
    }
    .blog-item-two .blog-img img {
      max-width: 160px;
    }
    .blog-item-two .content ul {
      margin: 0 0 10px;
    }
    .blog-item-two .content ul li {
      margin-right: 25px;
    }
    .blog-item-two .content ul li:last-child {
      margin-right: 0;
    }
    .blog-item-two .content ul li i {
      font-size: 15px;
    }
    .blog-item-two .content ul li::before {
      top: 7px;
      right: -15px;
      width: 1px;
      height: 12px;
    }
    .blog-item-two .content h3 {
      font-size: 19px;
      margin-bottom: 7px;
    }
  }
  
  @media only screen and (min-width: 1200px) and (max-width: 1299px) {
    .new-collection-content {
      max-width: 620px;
    }
    .banner-content-two span {
      font-size: 17px;
    }
    .banner-content-two h1 {
      font-size: 60px;
    }
    .banner-content-two p {
      font-size: 15.5px;
    }
    .banner-img-two {
      padding-bottom: 30px;
    }
    .banner-img-two::before {
      top: 30px;
      width: 70%;
    }
    .banner-img-two .tag-title {
      top: 45px;
      left: 140px;
      padding: 30px 15px 26px;
    }
    .banner-img-two .tag-title h3 {
      margin-bottom: 0;
      font-size: 15px;
    }
    .banner-img-two .tag-title span {
      font-size: 13px;
    }
    .banner-content-three {
      max-width: 560px;
      padding: 62px 0;
    }
    .banner-content-three h1 {
      font-size: 50px;
    }
    .banner-img-area .images1 img {
      max-width: 320px;
    }
    .banner-img-area .images2 img {
      max-width: 340px;
    }
    .about-img3 img {
      max-width: 450px;
    }
    .about-img3 .about-sub-img img {
      max-width: 200px;
    }
    .product-banner-card {
      padding: 99px 60px;
    }
    .product-banner-card-two {
      padding: 10px 20px 10px 60px;
    }
    .product-banner-card-three {
      padding: 25px 60px;
    }
    .beauty-img2 .sub-img img {
      max-width: 160px;
    }
    .beauty-img2 .beauty-img-shape .shape1 {
      right: -20px;
    }
    .beauty-img2 .beauty-img-shape .shape1 img {
      max-width: 180px;
    }
    .blog-card .content {
      padding: 25px 20px 30px;
    }
    .blog-card .content ul {
      margin: 0 0 10px;
    }
    .blog-card .content ul li {
      margin-right: 25px;
    }
    .blog-card .content ul li i {
      font-size: 15px;
    }
    .blog-card .content ul li::before {
      top: 7px;
      right: -15px;
      width: 1px;
      height: 12px;
    }
    .blog-card .content ul li:last-child {
      margin-right: 0;
    }
    .blog-item-two {
      padding: 10px 15px;
    }
    .blog-item-two .blog-img {
      margin-right: 15px;
    }
    .blog-item-two .blog-img img {
      max-width: 190px;
    }
    .blog-item-two .content ul {
      margin: 0 0 10px;
    }
    .blog-item-two .content ul li {
      margin-right: 25px;
    }
    .blog-item-two .content ul li:last-child {
      margin-right: 0;
    }
    .blog-item-two .content ul li i {
      font-size: 15px;
    }
    .blog-item-two .content ul li::before {
      top: 7px;
      right: -15px;
      width: 1px;
      height: 12px;
    }
  }
  
  @media only screen and (min-width: 1300px) {
    /* .container {
      max-width: 1320px !important;
    } */
    .new-collection-area .container-fluid {
      max-width: 100% !important;
    }
    .user-area .container {
      max-width: 1140px !important;
    }
  }
  
  @media only screen and (min-width: 1300px) and (max-width: 1350px) {
    .banner-content-two h1 {
      font-size: 65px;
    }
    .banner-content-three {
      max-width: 560px;
      padding: 62px 0;
    }
    .banner-content-three h1 {
      font-size: 50px;
    }
    .banner-img-area .images1 img {
      max-width: 320px;
    }
    .banner-img-area .images2 img {
      max-width: 340px;
    }
  }
  
  @media only screen and (min-width: 1350px) and (max-width: 1469px) {
    .container-fluid {
      max-width: 1360px !important;
    }
  }
  
  @media only screen and (min-width: 1470px) and (max-width: 1799px) {
    .container-fluid {
      max-width: 1460px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
  }
  
  @media only screen and (min-width: 1800px) {
    .container-fluid {
      max-width: 1640px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .banner-img .images img {
      max-width: 750px;
    }
    .banner-img .banner-img-bg img {
      max-width: 790px;
    }
    .banner-two-shape .shape3 {
      right: 10%;
    }
    .banner-content-three {
      max-width: 720px;
      padding: 208px 0;
    }
    .banner-content-three h1 {
      font-size: 65px;
    }
    .banner-img-area .images1 img {
      max-width: 100%;
    }
    .banner-img-area .images2 {
      top: 20px;
    }
    .banner-img-area .images2 img {
      max-width: 100%;
    }
    .best-sellers-product-area .owl-nav .owl-prev, .featured-products-area .owl-nav .owl-prev {
      left: -100px;
      opacity: 1;
    }
    .best-sellers-product-area .owl-nav .owl-next, .featured-products-area .owl-nav .owl-next {
      right: -100px;
      opacity: 1;
    }
    .beauty-img2 .beauty-img-shape .shape2 {
      left: -150px;
    }
  }
  
  @media only screen and (min-width: 2500px) {
    .banner-img-area {
      max-width: 2500px;
    }
  }
  
  @media only screen and (max-width: 991px) {
    .top-header {
      display: none;
    }
    .nav-sidebar {
      display: none;
    }
    .mobile-nav {
      display: inline-block;
    }
    .optional-item-cart {
      font-size: 18px;
      padding-right: 5px;
    }
    .optional-item-cart span {
      padding: 0px 4px;
      font-size: 8px;
    }
    .search-btn a i {
      font-size: 18px;
    }
    .navbar-area {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .navbar-area.is-sticky {
      padding-top: 20px;
      padding-bottom: 20px;
    }
    .mobile-responsive-nav {
      display: block;
    }
    .mobile-responsive-nav .mobile-responsive-menu {
      position: relative;
    }
    .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav {
      margin-top: 50px;
      background-color: #ffffff;
    }
    .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul {
      font-size: 15px;
      border: none !important;
    }
    .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a {
      color: #000000;
      border-top-color: #DBEEFD;
      text-transform: capitalize;
    }
    .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a i {
      display: none;
    }
    .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.mean-expand {
      width: 50%;
      height: 28px;
      text-align: right;
      padding: 11px !important;
      background: transparent !important;
      border-left: none !important;
      border-bottom: none !important;
    }
    .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.active {
      color: #ca0000;
    }
    .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li li a {
      font-size: 15px;
    }
    .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav {
      /* max-height: 50vh; */
      overflow-y: scroll;
      -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
      /* width */
      /* Track */
      /* Handle */
      /* Handle on hover */
    }
    .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar {
      width: 7px;
    }
    .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-track {
      background: #f1f1f1;
    }
    .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb {
      background: #888;
    }
    .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb:hover {
      background: #555;
    }
    .mobile-responsive-nav .mean-container a.meanmenu-reveal {
      top: 0;
      padding: 0;
      width: 35px;
      height: 30px;
      padding-top: 6px;
      color: #ca0000;
    }
    .mobile-responsive-nav .mean-container a.meanmenu-reveal span {
      background: #ca0000;
      height: 4px;
      margin-top: -6px;
      border-radius: 0;
      position: relative;
      top: 8px;
    }
    .mobile-responsive-nav .mean-container .mean-bar {
      background: transparent;
      position: absolute;
      z-index: 999;
      padding: 0;
    }
    .mobile-responsive-nav .others-options {
      display: none !important;
    }
    .mobile-responsive-nav .logo {
      position: relative;
      width: 70px;
      z-index: 999;
    }
    .desktop-nav {
      display: none;
    }
    .navbar-brand-logo {
      display: none;
    }
    .best-seller-shape {
      display: none;
    }
    /* .best-seller-card {
      margin-bottom: 25px;
    } */
    .newsletter-shape {
      display: none;
    }
    .go-top {
      font-size: 18px;
      width: 35px;
      height: 35px;
      line-height: 33px;
    }
    /* Customer Services Content */
    .customer-services-content {
      max-width: 1024px;
      margin-left: auto;
      margin-right: auto;
    }
    .customer-services-content .customer-services-img {
      margin-bottom: 30px;
      border: 1px solid rgba(107, 146, 70, 0.2);
    }
    .customer-services-content .customer-services-contact span {
      font-size: 14px;
      color: #ca0000;
    }
    .customer-services-content .customer-services-contact h2 {
      font-size: 22px;
      margin-bottom: 10px;
    }
    .customer-services-content .customer-services-contact p {
      margin-bottom: 15px;
    }
    .customer-services-content .single-customer-services h2 {
      font-size: 22px;
      margin-bottom: 10px;
    }
    /* Single Content */
    .single-content h1 {
      font-size: 28px;
    }
    .single-content h2 {
      font-size: 26px;
    }
    .single-content h3 {
      font-size: 23px;
    }
    .single-content h4 {
      font-size: 21px;
    }
    .single-content h5 {
      font-size: 20px;
    }
    .footer-widget .social-link {
      margin: 0 0 5px;
    }
  }
  /*# sourceMappingURL=responsive.css.map */