@media screen and (min-width:1800px) {

   .container {

      max-width: 1600px;

   }

}



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

   .section-margin-top {

      margin-top: 4.5rem;

   }



   .section-margin-bottom {

      margin-bottom: 4.5rem;

   }



   .section-margin {

      margin: 4.5rem 0;

   }



   .section-padding-top {

      padding-top: 4.5rem;

   }



   .section-padding-bottom {

      padding-bottom: 4.5rem;

   }



   .section-padding {

      padding: 4.5rem 0;

   }



   .section-header {

      gap: 0.5rem;

      margin-bottom: 2rem;

   }



   .section-header h2 {

      font-size: 1.75rem;

   }



   .section-header p {

      font-size: 15px !important;

   }



   .primary-btn {

      padding: 8px 24px;

      font-size: 14px;

   }



   .secondary-btn {

      padding: 7px 24px;

      font-size: 14px;

   }



   .rest-banner-container {

      height: 325px;

   }



   .rest-content span {

      font-size: 2.5rem;

   }



   .scroll-to-top {

      height: 40px;

      width: 40px;

   }



   .scroll-to-top i {

      font-size: 1.75rem;

   }



   p {

      font-size: 14px !important;

   }



   .edge-padding {

      padding: 0 2rem;

   }



   .top-bar {

      padding: 12px 0;

   }



   .top-bar-info a img {

      width: 17px;

   }



   .top-bar-info a p {

      font-size: 14px !important;

   }



   .top-bar-menu a img {

      width: 17px;

   }



   .top-bar-menu a p {

      font-size: 14px !important;

   }



   .top-bar-menu a {

      padding: 0 20px;

   }



   .top-bar-title {

      font-size: 17px;

   }



   .cart-badge span {

      font-size: 10px !important;

      padding: 3px;

   }



   .navigation {

      height: 70px;

      background-color: var(--dark-bg);

      border-radius: 10px;

      padding: 0 0.5rem;

      z-index: 999;

   }
   
   .logo {
        height: 65px;
        width: 65px;
    }



   .logo img {

      width: 55px;

      height: 100%;

      object-fit: contain;

      /*mix-blend-mode: exclusion;*/

   }



   .navigation-menu {

      display: flex;

      align-items: center;

      height: 100%;

      gap: 0.5rem;

   }



   .navigation-menu li {

      height: 100%;

   }



   .navigation-menu li a {

      color: var(--text-white);

      padding: 0 28px;

      height: 100%;

      display: flex;

      align-items: center;

      justify-content: center;

   }



   .navigation-menu li .nav-link:hover {

      background-color: var(--primary);

      color: var(--text-black) !important;

      font-weight: 500;

   }



   .navigation-menu li a.active {

      background-color: var(--primary);

      color: var(--text-black);

      font-weight: 500;

   }



   .search-form {

      height: 100%;

      padding: 0.6rem 0;

      max-width: 400px;

      width: 100%;

      position: relative;

   }



   .search-form input {

      width: 100%;

      height: 100%;

      margin: 0 !important;

      padding-left: 2.75rem;

   }



   .search-form i {

      position: absolute;

      top: 50%;

      transform: translateY(-50%);

      left: 1rem;

      font-size: 1.25rem;

      color: var(--text-light);

   }



   .search-form input::placeholder {

      color: var(--text-light);

      font-size: 14px;

   }



   .navigation {

      height: 65px;

   }



   /*.logo img {*/

   /*   width: 80px;*/

   /*}*/



   .navigation-menu {

      gap: 0.25rem;

   }



   .navigation-menu li a {

      padding: 0 24px;

      font-size: 14px;

   }



   .search-form {

      max-width: 300px;

   }



   .search-form input {

      padding-left: 2.5rem;

   }



   .search-form i {

      font-size: 1rem;

   }



   .search-form input::placeholder {

      font-size: 13px;

   }



   .nav-sticky {

      position: sticky;

      top: -1px;

      padding: 0;

      z-index: 999999;

   }



   .nav-sticky .navigation {

      border-radius: 0;

      padding: 0 2rem;

   }



   .navigation-menu .dropdown .nav-link,

   .navigation-menu .dropdown-item {

      padding: 10px 24px;

   }



   .dropdown .dropdown-menu {

      top: 65px;

   }



   .hero {

      margin-top: 18px;

   }



   .hero-card {

      height: 450px;

   }



   .hero-card::after {

      border-radius: 15px;

   }



   .hero-card img {

      border-radius: 15px;

   }



   .hero-card-content {

      left: 100px;

      gap: 1rem;

   }



   .hero-card-content h6 {

      padding: 6px 18px;

      font-size: 14px;

   }



   .hero-card-content span {

      font-size: 48px;

   }



   .hero-card-content .primary-btn {

      padding: 9px 28px;

      font-size: 14px;

      margin-top: 0.5rem;

   }



   .hero-slider-btn {

      height: 30px;

      width: 30px;

   }



   .hero-slider-btn i {

      font-size: 1.5rem;

      color: var(--text-yellow);

   }



   .hero-btn-left {

      left: 1.25rem;

   }





   .hero-btn-right {

      right: 1.25rem;

   }



   .category-card {

      gap: 2rem;

   }



   .category-card img {

      width: 36px;

   }



   .category-card-content {

      gap: 0.5rem;

   }



   .category-card-content h6 {

      font-size: 15px;

   }



   .category-card-content p {

      font-size: 14px !important;

   }



   .product-card {

      gap: 0.75rem;

      padding: 0.65rem 1.25rem 1.5em 1.25rem;

   }



   .product-card-header button {

      font-size: 10px;

   }



   .product-card-header i {

      font-size: 1.35rem;

   }



   /* .product-img {

      margin-top: -0.75rem;

   } */



   .product-img img {

      height: 160px;

   }



   .product-description {

      gap: 0.2rem;

   }



   .product-category {

      font-size: 12px;

   }



   .product-description h6 {

      font-size: 15px;

   }



   .product-price-info {

      margin: 0.35rem 0 0.35rem 0;

   }



   .product-price-info span {

      font-size: 1rem;

   }



   .product-price-info span i {

      font-size: 1.1rem;

   }



   .product-rating {

      gap: 3px;

   }



   .product-rating i {

      font-size: 13px;

   }



   .product-btn-container a {

      font-size: 13px;

      padding: 7px 24px;

   }



   .product-btn-container a img {

      width: 14px;

   }



   .product-slider-btn {

      height: 30px;

      width: 30px;

   }



   .product-slider-btn i {

      font-size: 1.5rem;

      color: var(--text-black);

   }



   .product-btn-left {

      left: -55px;

   }



   .product-btn-right {

      right: -55px;

   }



   .top-seller-btn-left {

      left: -55px;

   }



   .top-seller-btn-right {

      right: -55px;

   }





   .offer-card-left {

      height: 400px;

   }



   .offer-card-left-content {

      padding: 1.5rem 2rem;

      gap: 2.5rem;

      margin-top: 2rem;

   }



   .offer-card-left-content h2 {

      font-size: 2rem;

   }



   .offer-card-left-content h6 {

      font-size: 1.15rem;

   }



   .offer-card-left-content h6 span i {

      font-size: 1.25rem;

      margin-right: -2px;

   }



   .offer-card-left-content a {

      padding: 8px 32px;

      font-size: 13px;

   }



   .offer-card-right {

      height: 400px;

   }



   .offer-card-right-content {

      top: 1.5rem;

      left: 1.5rem;

      right: 1.5rem;

      padding: 1.25rem;

   }



   .offer-card-right-content h2 {

      font-size: 1.25rem;

   }



   .offer-card-right-content a {

      gap: 8px;

   }



   .offer-card-right-content a {

      font-size: 14px;

   }



   .offer-card-right-content a i {

      font-size: 1.75rem;

   }



   .deals-card {

      height: 350px;

   }



   .deals-card-content {

      gap: 1.25rem;

      max-width: 450px;

      padding: 1.5rem;

   }



   .deals-card-content h4 {

      font-size: 1.5rem;

   }



   .deals-slider-btn {

      height: 32px;

      width: 32px;

   }



   .deals-slider-btn i {

      font-size: 1.5rem;

   }



   .deals-btn-left {

      left: 1.5rem;

   }





   .deals-btn-right {

      right: 1.5rem;

   }



   .point-card {

      padding: 1.75rem 1.5rem;

      gap: 1.25rem;

   }



   .point-card-img {

      width: 70px;

      height: 70px;

   }



   .point-card-img img {

      width: 30px;

   }



   .point-card h6 {

      font-size: 15px;

   }



   .newsletter {

      padding: 1.25rem;

   }



   .newsletter h6 {

      font-size: 1.25rem;

   }



   .newsletter-col {

      padding-left: 1.25rem;

   }



   .newsletter-col p {

      font-size: 14px !important;

   }



   .newsletter-input-box {

      gap: 8px;

   }



   .newsletter-input-box input {

      padding: 10px 14px;

   }



   .newsletter-btn {

      height: 44px;

      width: 50px;

   }



   .newsletter-btn img {

      width: 20px;

   }



   .footer-col {

      gap: 1.5rem;

   }



   .footer-col h6 {

      font-size: 1.25rem;

   }



   .footer-info {

      gap: 1.25rem;

   }



   .footer-info a {

      font-size: 14px;

   }



   .quick-links {

      gap: 14px;

   }



   .quick-links li a {

      font-size: 14px;

   }



   .footer-col img {

      width: 175px;

   }



   .social-links {

      gap: 1.5rem;

      margin-bottom: 1.25rem;

   }



   .social-links a i {

      font-size: 1rem;

   }



   .footer-bottom-box {

      padding: 1rem;

      margin-top: 2.5rem;

   }



   .footer-bottom-box p {

      font-size: 13px !important;

   }



   .newsletter-input-box input {

      font-size: 14px;

   }



   .about-img {

      width: 95%;

      gap: 20px;

   }



   .abt-opt {

      gap: 1.5rem;

   }



   .abt-opt-card {

      gap: 1.25rem;

   }



   .abt-opt-card img {

      width: 40px;

   }



   .abt-opt-card h6 {

      font-size: 1rem;

   }



   .value-card:not(:last-child) {

      padding-bottom: 1.5rem;

      margin-bottom: 1.5rem;

   }



   .value-card {

      display: flex;

      align-items: flex-start;

      gap: 1.5rem;

   }



   .value-card-icon {

      padding: 1rem;

      width: 60px;

      height: 60px;

   }



   .value-card-icon img {

      width: 30px;

   }



   .value-card-content h6 {

      font-size: 1.25rem;

   }



   .value-img-container {

      height: 100%;

      display: flex;

      align-items: center;

      justify-content: flex-start;

      gap: 1rem;

      width: 100%;

   }



   .value-card-content p {

      font-size: 14px !important;

   }



   .value-img-container h6 {

      font-size: 2.75rem;

   }



   .contact-info-box:not(:first-child) {

      margin-top: 2.5rem;

   }



   .contact-info-icon {

      height: 42px;

      width: 42px;

      border-radius: 5px;

   }



   .contact-info-icon i {

      font-size: 1.5rem;

   }



   .contact-info-text h6 {

      font-size: 1.35rem;

   }



   .contact-info-text p {

      margin: 0.2rem 0 0.2rem 0 !important;

      font-size: 15px !important;

   }



   .contact-info-text a {

      font-size: 15px !important;

   }



   .contact-form {

      padding: 2.75rem;

   }



   .contact-form h4 {

      font-size: 1.75rem;

   }



   .contact-form label {

      font-size: 14px;

   }



   .contact-form input,

   .contact-form textarea {

      padding: 10px 14px;

   }



   .contact-info-box:not(:first-child) {

      margin-top: 2rem;

   }



   .contact-info-icon {

      height: 40px;

      width: 40px;

   }



   .contact-info-icon i {

      font-size: 1.45rem;

   }



   .contact-info-text h6 {

      font-size: 1.15rem;

   }



   .contact-info-text p {

      margin: 0.35rem 0 0.2rem 0 !important;

      font-size: 14px !important;

   }



   .contact-info-text a {

      font-size: 14px !important;

   }



   .contact-form {

      padding: 2.5rem;

   }



   .contact-form h4 {

      font-size: 1.35rem;

      margin-bottom: 1.25rem !important;

   }



   .contact-form label {

      font-size: 14px;

   }



   .contact-form input,

   .contact-form textarea {

      padding: 9px 14px;

   }



   .iframe iframe {

      height: 375px;

   }



   .blog-card {

      border-radius: 20px;

   }



   .blog-card img {

      height: 200px;

      border-radius: 15px;

   }



   .blog-card-content {

      margin-top: 1rem;

      row-gap: 0.75rem;

      padding: 1.25rem 1rem;

      border-radius: 15px;

   }



   .blog-card-content h6 {

      font-size: 1rem;

   }



   .blog-card-content p {

      font-size: 13px !important;

   }



   .blog-card-content a {

      font-size: 13px;

      padding-bottom: 4px;

   }



   .blog-detail-img img {

      max-height: 350px;

   }



   .blog-content {

      gap: 0.75rem;

   }



   .blog-content h5 {

      font-weight: 600;

      font-size: 1.25rem;

   }



   .blog-content p,

   .blog-content strong,

   .blog-content ul li {

      font-size: 14px !important;

   }



   .faq-container {

      max-width: 900px;

   }



   .small-container {

      max-width: 900px;

   }



   .faq-accordion .accordion-button {

      font-size: 1.15rem;

      padding: 1.15rem 0;

   }



   .faq-accordion .accordion-button span {

      font-size: 13px;

      margin-right: 1rem;

   }



   .faq-accordion .accordion-body {

      padding: 0 2.25rem 1.25rem 2.25rem;

   }



   .faq-accordion .accordion-body p {

      font-size: 13px;

   }



   .faq-accordion .accordion-button::after {

      height: 24px;

      width: 24px;

   }



   .auth-form-bg-content h2 {

      font-size: 1.75rem;

   }



   .auth-form-bg-content p {

      font-size: 15px;

   }



   .auth-form-bg-content .secondary-btn {

      padding: 10px 32px;

      font-size: 14px;

   }



   .auth-form {

      padding: 3rem 3rem 3rem 1.5rem;

   }



   .auth-form input {

      padding: 10px 14px;

      font-size: 14px;

   }



   .auth-form-btn-container button {

      padding: 10px 32px;

   }



   .auth-form h2 {

      font-size: 2rem !important;

   }



   .cart-product-info {

      max-width: 350px;

   }



   .cart-product-img img {

      width: 100px;

      height: 100px;

   }



   .cart-product h6 {

      font-size: 15px;

   }



   .cart-product-info-content p {

      font-size: 13px !important;

   }



   .cart-product-remove-btn {

      padding: 0 8px;

      font-size: 12px;

      margin-top: 8px;

   }



   .product-each {

      gap: 14px;

   }



   .product-each p {

      font-size: 15px;

   }



   .product-each p i {

      font-size: 1rem !important;

   }



   .subtotal-value h6 i {

      font-size: 1rem !important;

   }



   .product-each .product-increment-btn {

      height: 38px;

   }



   .product-each .product-increment-btn-item i {

      font-size: 1.15rem;

   }



   .product-each .product-increment-btn span {

      font-size: 1rem;

   }



   .subtotal-value h6 {

      font-size: 15px;

   }



   .subtotal-value h6 i {

      font-size: 12px;

   }



   .cart-checkout-container {

      padding-left: 3rem;

   }



   .promo-code-form input {

      height: 45px;

      font-size: 14px;

   }



   .shipping-details-box p {

      font-size: 14px;

   }



   .shipping-details-box p i {

      font-size: 15px;

   }



   .shipping-details-box h5 {

      font-size: 1rem;

   }



   .shipping-details-box h5 i {

      font-size: 1rem;

   }



   .free-shipping-text {

      font-size: 14px;

   }



   .free-shipping-text span {

      color: #ff5050;

      gap: 2px;

   }



   .free-shipping-text span i {

      font-size: 12px;

   }



   .cart-checkout-container {

      padding-left: 3rem;

   }



   .product-increment-btn {

      height: 45px;

   }



   .product-increment-btn-item {

      width: 35px;

   }



   .product-increment-btn i {

      font-size: 1.35rem;

   }



   .product-increment-btn i {

      font-size: 1.25rem;

   }



   .product-increment-btn span {

      font-size: 1.25rem;

   }



   .product-each .product-increment-btn {

      height: 38px;

   }



   .product-each .product-increment-btn-item i {

      font-size: 1.15rem;

   }



   .product-each .product-increment-btn span {

      font-size: 1rem;

   }



   .promo-btn {

      height: 45px !important;

   }



   .cart-checkout-container .checkout-btn i {

      margin-bottom: 2px;

   }



   .product-listing-grid {

      gap: 1.5rem;

   }



   .product-detail {

      gap: 2rem;

   }



   .product-images .swiper-slide {

      font-size: 15px;

   }



   .product-images .swiper-slide img {

      width: 85%;

      height: 85%;

   }



   .product-img-slider-2 {

      height: 475px;

   }



   .product-img-slider {

      padding: 8px 0;

      height: 475px;

   }



   .product-info {

      padding-bottom: 16px;

   }



   .product-images .swiper-button-next:after,

   .product-images .swiper-button-prev:after {

      font-size: 2rem;

   }



   .product-info h1 {

      font-size: 1.5rem;

      margin-bottom: 8px !important;

   }



   .product-rating {

      margin-bottom: 0.35rem;

      gap: 3px;

   }



   .product-rating-star {

      margin-top: 0;

   }



   .product-rating-star i {

      font-size: 15px;

   }



   .product-rating span {

      font-size: 13px;

      margin-right: 3px;

   }



   .product-rating h6 {

      font-size: 13px;

   }



   .price {

      font-size: 24px !important;

   }



   /* .price-outer-container {

      margin-bottom: 10px !important;

   } */



   .original-price {

      margin-top: -5px;

   }



   /*.price-container span {*/

   /*   font-size: 1rem;*/

   /*}*/



   .options {

      margin-bottom: 18px;

      /* padding-bottom: 18px; */

   }



   /*.product-check {*/

   /*   height: 34px;*/

   /*   width: 34px;*/

   /*}*/



   .product-check label {

      font-size: 13px;

   }



   .product-color-check input {

      height: 28px !important;

      width: 28px !important;

   }



   .product-color-check .form-check-input:checked[type=radio]::after {

      top: -4px;

      left: -4px;

      right: -4px;

      bottom: -4px;

   }



   .quantity-section button,

   .quantity-section input {

      padding: 8px 14px;

   }



   .quantity-input {

      padding: 8px 14px;

   }



   .actions {

      margin-top: 1.5rem;

   }



   .actions button {

      width: 150px;

   }



   .additional-info {

      margin-top: 1.25rem;

      gap: 2px;

   }



   .additional-info p {

      font-size: 13px !important;

   }



   .desc-tab .nav-link {

      font-size: 15px !important;

   }



   .desc-tab .tab-pane p {

      font-size: 14px !important;

   }



   .specs-table {

      display: grid;

      grid-column-gap: 8px;

      grid-template-columns: repeat(2, 1fr);

      width: 100%;

   }



   .testimonial-card {

      padding: 1.75rem 1.25rem;

   }



   .testimonial-card h6 {

      font-size: 1.25rem;

   }



   .testimonial-card span {

      color: var(--text-grey);

      font-size: 12px;

   }



   .testimonial-rating {

      margin: 0.25rem 0;

   }



   .testimonial-rating i {

      font-size: 14px;

   }



   .testimonial-card p {

      font-size: 13px !important;

   }



   .testimonial-slider {

      padding-bottom: 3.5rem !important;

   }



   .product-zoom-div {

      height: 475px;

   }



   .product-images-sticky {

      top: 80px;

   }



   .product-zoom-sticky {

      top: 80px;

      margin-bottom: -475px;

   }



   /*.product-modal-img {*/

   /*   height: 450px;*/

   /*}*/

   

   .product-img-slider .swiper-slide {

        height: 45px !important;

    }

    

    .product_listing_top {

        padding-top: 2rem !important;

    }

    

    .short-desc ul li {

        font-size: 14px;

    }

    

    .image_price {

        width: 70px !important;

    }

    

    .img_price_container {

        min-height: 56px !important;

    }

    

    .image_price img {

        height: 38px;

    }

    

    .image_price span {

        font-size: 12px;

    }

    

    .image_price span:last-child {

        font-size: 10px !important;

    }

    

    .image_price span:last-child i {

        margin-bottom: 2px;

    }

    

    .short-desc h6 {

        font-size: 1.35rem;

        margin-bottom: 10px !important;

    }

    

    .product-points {

        row-gap: 1.25rem;

    }

    

    .product-point-icon {

        height: 36px;

        width: 36px;

    }

    

    .product-point-icon i {

        font-size: 15px;

    }

    

    .product-point-card h6 {

        font-size: 11px;

    }

    

    .product-point-icon {

        height: 38px;

        width: 38px;

    }

    

    .product-info-grid {

        gap: 20px;

    }

    

    .product-points {

        row-gap: 1.25rem;

        padding: 1.25rem 1rem;

        margin-top: 0.5rem;

    }

    

    .product-point-icon i {

        font-size: 17px;

    }

    

    .product-point-card h6 {

        font-size: 12px;

    }
    
    .page-margin-top {
       margin-top: 18px;
    }

}



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

   .section-margin-top {

      margin-top: 4rem;

   }



   .section-margin-bottom {

      margin-bottom: 4rem;

   }



   .section-margin {

      margin: 4rem 0;

   }



   .section-padding-top {

      padding-top: 4rem;

   }



   .section-padding-bottom {

      padding-bottom: 4rem;

   }



   .section-padding {

      padding: 4rem 0;

   }



   .section-header {

      gap: 0.5rem;

      margin-bottom: 1.5rem;

   }



   .section-header h2 {

      font-size: 1.5rem;

   }



   .primary-btn {

      padding: 7px 20px;

   }



   .secondary-btn {

      padding: 6px 24px;

   }



   .rest-banner-container {

      height: 300px;

   }



   .rest-content span {

      font-size: 2.25rem;

   }



   .edge-padding {

      padding: 0 1rem;

   }



   .nav-sticky {

      position: sticky;

      top: -1px;

      padding: 0;

      z-index: 999999;

   }



   .nav-sticky .navigation {

      border-radius: 0;

      padding: 0 2rem;

   }



   .top-bar {

      padding: 10px 0;

   }



   .hero-card {

      height: 400px;

   }



   .hero-card-content {

      left: 95px;

   }



   .hero-card-content span {

      font-size: 40px;

   }



   .hero-card-content .primary-btn {

      padding: 8px 28px;

   }



   .hero-slider-btn {

      height: 28px;

      width: 28px;

   }



   .hero-slider-btn i {

      font-size: 1.45rem;

   }



   .hero-btn-left {

      left: 1rem;

   }



   .hero-btn-right {

      right: 1rem;

   }



   .category-card {

      gap: 1.5rem;

   }



   .category-card img {

      width: 30px;

   }



   .category-card-content {

      gap: 0.45rem;

   }



   .category-card-content h6 {

      font-size: 14px;

   }



   .category-card-content p {

      font-size: 13px !important;

   }



   .product-card {

      gap: 0.5rem;

      padding: 0.65rem 1rem 1rem 1rem;

   }



   .product-card-header i {

      font-size: 1.25rem;

   }



   .product-img img {

      height: 150px;

   }



   .product-description {

      gap: 0.2rem;

   }



   .product-category {

      font-size: 11px;

   }



   .product-description h6 {

      font-size: 14px;

   }



   .product-price-info span {

      font-size: 15px;

   }



   .product-price-info span i {

      font-size: 1rem;

   }



   .product-rating {

      gap: 2px;

   }



   .product-rating i {

      font-size: 12px;

   }



   .product-btn-container a {

      font-size: 12px;

   }



   .product-btn-container a img {

      width: 13px;

   }



   .product-slider-btn {

      display: none;

   }



   .product-slider,

   .top-sller-slider {

      padding-bottom: 3rem !important;

   }



   .offer-card-left {

      height: 350px;

   }



   .offer-card-left-content {

      padding: 1.5rem 2rem;

      gap: 2rem;

      margin-top: 1.5rem;

   }



   .offer-card-left-content h2 {

      font-size: 1.75rem;

   }



   .offer-card-left-content h6 {

      font-size: 1rem;

   }



   .offer-card-left-content h6 span i {

      font-size: 1rem;

   }



   .offer-card-right {

      height: 350px;

   }



   .offer-card-right-content {

      top: 1.25rem;

      left: 1.25rem;

      right: 1.25rem;

      padding: 1.25rem;

   }



   .offer-card-right-content h2 {

      font-size: 1.15rem;

   }



   .offer-card-right-content a {

      gap: 5px;

   }



   .offer-card-right-content a i {

      font-size: 1.65rem;

   }



   .deals-card {

      height: 300px;

   }



   .deals-card-content {

      gap: 1.25rem;

      max-width: 400px;

   }



   .deals-card-content h4 {

      font-size: 1.25rem;

   }



   .deals-slider-btn {

      height: 30px;

      width: 30px;

   }



   .deals-slider-btn i {

      font-size: 1.35rem;

   }



   .deals-btn-left {

      left: 1.25rem;

   }





   .deals-btn-right {

      right: 1.25rem;

   }



   .point-card {

      padding: 1.5rem;

      gap: 1rem;

   }



   .point-card-img {

      width: 65px;

      height: 65px;

   }



   .point-card-img img {

      width: 28px;

   }



   .value-card {

      gap: 1.25rem;

   }



   .contact-info-col {

      gap: 2rem;

   }



   .contact-info-icon {

      height: 38px;

      width: 38px;

   }



   .contact-info-icon i {

      font-size: 1.25rem;

   }



   .contact-info-text h6 {

      font-size: 1.1rem;

   }



   .contact-info-text p {

      margin: 0.35rem 0 0.2rem 0 !important;

      font-size: 14px !important;

   }



   .contact-info-text a {

      font-size: 14px !important;

   }



   .contact-form {

      padding: 2.5rem;

   }



   .contact-form h4 {

      font-size: 1.35rem;

      margin-bottom: 1.25rem !important;

   }



   .contact-form label {

      font-size: 14px;

   }



   .contact-form input,

   .contact-form textarea {

      padding: 9px 14px;

   }



   .value-img-container h6 {

      font-size: 2.5rem;

   }



   .iframe iframe {

      height: 350px;

   }



   .blog-card img {

      height: 180px;

   }



   .blog-card-content {

      row-gap: 0.7rem;

   }



   .blog-card-content h6 {

      font-size: 15px;

   }



   .blog-detail-img img {

      max-height: 300px;

   }



   .blog-content p,

   .blog-content strong,

   .blog-content ul li {

      font-size: 13px !important;

   }



   .faq-container {

      max-width: 800px;

   }



   .small-container {

      max-width: 800px;

   }



   .faq-accordion .accordion-button {

      font-size: 1rem;

      padding: 1rem 0;

   }



   .faq-accordion .accordion-button span {

      font-size: 13px;

      margin-right: 0.8rem;

   }



   .faq-accordion .accordion-button::after {

      height: 20px;

      width: 20px;

   }



   .auth-form-bg-content h2 {

      font-size: 1.5rem;

   }



   .auth-form-bg-content p {

      font-size: 14px;

   }



   .auth-form {

      padding: 2rem 2rem 2rem 0.5rem;

   }



   .auth-form input {

      padding: 10px 14px;

   }



   .auth-form h2 {

      font-size: 1.75rem !important;

   }



   .product-increment-btn {

      height: 40px;

   }



   .product-increment-btn span {

      font-size: 1.15rem;

   }



   .cart-product-info {

      max-width: 300px;

   }



   .cart-product-img img {

      width: 85px;

      height: 85px;

   }



   .cart-product h6 {

      font-size: 14px;

   }



   .cart-product-info-content {

      gap: 5px;

   }



   .cart-product-info-content p {

      font-size: 12px !important;

   }



   .cart-product-remove-btn {

      padding: 0 6px;

      font-size: 11px;

      margin-top: 5px;

   }



   .product-each {

      gap: 12px;

   }



   .product-each p {

      font-size: 14px;

   }



   .product-each p i {

      font-size: 16px !important;

   }



   .subtotal-value h6 i {

      font-size: 14px !important;

   }



   .product-each .product-increment-btn {

      height: 35px;

   }



   .product-each .product-increment-btn-item i {

      font-size: 1.15rem;

   }



   .product-each .product-increment-btn span {

      font-size: 15px;

   }



   .subtotal-value h6 {

      font-size: 14px;

   }



   .subtotal-value h6 i {

      font-size: 12px;

   }



   .cart-checkout-container {

      padding-left: 0rem;

   }



   .promo-code-form input {

      height: 40px;

      font-size: 14px;

   }



   .shipping-details-box p {

      font-size: 13px;

   }



   /* .shipping-details-box p i {

      font-size: 14px;

   } */



   .shipping-details-box h5 {

      font-size: 15px;

   }



   /* .shipping-details-box h5 i {

      font-size: 15px;

   } */



   .free-shipping-text {

      font-size: 13px;

   }



   .free-shipping-text span {

      color: #ff5050;

      gap: 2px;

   }



   .free-shipping-text span i {

      font-size: 10px;

   }



   .promo-btn {

      height: 40px !important;

   }



   .product-img-slider-2 {

      height: 400px;

   }



   .product-img-slider {

      height: 400px;

      width: 45px !important;

   }



   .testimonial-card {

      padding: 1.5rem 1.25rem;

   }



   .testimonial-card h6 {

      font-size: 1.15rem;

   }



   .product-zoom-div {

      height: 400px;

   }



   .product-zoom-sticky {

      margin-bottom: -400px;

   }

}



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

   .section-margin-top {

      margin-top: 3.5rem;

   }



   .section-margin-bottom {

      margin-bottom: 3.5rem;

   }



   .section-margin {

      margin: 3.5rem 0;

   }



   .section-padding-top {

      padding-top: 3.5rem;

   }



   .section-padding-bottom {

      padding-bottom: 3.5rem;

   }



   .section-padding {

      padding: 3.5rem 0;

   }



   .section-header p {

      width: 100%;

      font-size: 14px !important;

   }



   .navigation {

      position: fixed;

      top: 0;

      left: 0;

      right: 0;

      bottom: 0;

      border-radius: 0;

      padding: 0 1rem;

   }



   .menu-btn {

      display: flex;

      align-items: center;

      justify-content: center;

      cursor: pointer;

   }



   .menu-btn img {

      width: 24px;

   }



   .navigation-menu {

      display: none;

   }



   .search-form {

      position: fixed;

      top: 65px;

      left: 0;

      right: 0;

      background-color: var(--white-bg);

      height: 76px;

      width: auto;

      max-width: 100%;

      padding: 15px 10px;

      /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */

   }



   .search-form input {

      width: 100%;

      border-radius: 50px;

      height: 100%;

   }



   .search-form i {

      left: 1.5rem;

   }



   .mobile-menu-icons a img {

      width: 24px;

   }



   .nav-sticky {

      position: static;

   }



   .nav-sticky .navigation {

      padding: 0 1rem;

   }



   .hero {

      margin-top: 96px;

   }



   .hero-card-content {

      width: 100%;

      align-items: center;

      text-align: center;

      left: 0;

   }



   .hero-card-content span {

      font-size: 2rem;

   }



   .hero-card {

      height: 350px;

   }



   .offer-card-left {

      height: 300px;

   }



   .offer-card-left-content {

      padding: 1.25rem 1.75rem;

      gap: 1.75rem;

      margin-top: 1rem;

   }



   .offer-card-left-content h2 {

      font-size: 1.5rem;

   }



   .offer-card-left-content h6 {

      font-size: 15px;

   }



   .offer-card-left-content h6 span i {

      font-size: 1rem;

   }



   .offer-card-right {

      height: 250px;

   }



   .newsletter-col:first-child {

      border-right: none;

   }



   .newsletter-col {

      text-align: center;

   }



   .newsletter-col h6 {

      text-align: center;

   }



   .footer-col-container {

      justify-content: flex-start;

   }



   .page-margin-top {

      margin-top: 86px;

   }



   .rest-banner-container {

      height: 250px;

   }



   .iframe iframe {

      height: 300px;

   }



   .auth-margin {

      margin-top: 2rem;

   }



   .small-container .auth-form {

      padding: 2rem 1.5rem;

   }



   .product-listing-grid {

      gap: 0;

      grid-template-columns: none;

   }



   .filter-container {

      position: fixed;

      top: 0;

      left: -100%;

      bottom: 0;

      width: 100%;

      background-color: var(--white-bg);

      padding: 2rem 1.5rem;

      z-index: 9999;

      overflow: scroll;

      gap: 1.25rem;

      transition: 500ms ease;

   }



   .filter-box h6 {

      font-size: 1.1rem;

   }



   .filter-header {

      display: flex;

      align-items: center;

      margin-bottom: 0.5rem;

      justify-content: space-between;

   }



   .close-filter-btn {

      height: 30px;

      width: 30px;

      display: flex;

      align-items: center;

      justify-content: center;

      border-radius: 100%;

      border: 1px solid rgba(0, 0, 0, 0.12);

   }



   .close-filter-btn i {

      font-size: 1.5rem;

      color: var(--text-yellow);

   }



   .product-listing-header {

      justify-content: space-between;

      gap: 1rem;

      margin-bottom: 1.25rem;

   }



   .listing-filter-text {

      display: flex;

      align-items: center;

      gap: 5px;

   }



   .listing-sort select {

      font-size: 14px;

   }



   .listing-filter-text i {

      font-size: 1.5rem;

      margin-bottom: 1px;

   }



   .product-detail {

      grid-template-columns: none;

      gap: 1.5rem;

   }



   .specs-table {

      grid-template-columns: 1fr;

   }



   .product-img-slider-2 {

      height: 450px;

   }



   .product-img-slider {

      height: 450px;

   }



   .testimonial-slider {

      padding-bottom: 3rem !important;

   }



   .product-zoom-sticky {

      position: static;

      top: 0;

      margin-bottom: 0;

   }



   .product-zoom-div,

   .drift-zoom-pane {

      display: none !important;

   }



   .product-modal-img {

      height: 100%;

   }



   .product-images-sticky {

      position: static;

      top: 0;

   }
   
   /*.logo {*/
   /*     height: 78px;*/
   /*     width: 78px;*/
   /*     z-index: 11;*/
   /* }*/
    
   /* .logo img {*/
   /*     width: 55px;*/
   /* }*/
   
   .product-modal-img {
       height: 350px;
   }
   
   .mobile-menu-icons .rounded-pill {
       display: none;
   }

}



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

   .section-margin-top {

      margin-top: 3rem;

   }



   .section-margin-bottom {

      margin-bottom: 3rem;

   }



   .section-margin {

      margin: 3rem 0;

   }



   .section-padding-top {

      padding-top: 3rem;

   }



   .section-padding-bottom {

      padding-bottom: 3rem;

   }



   .section-padding {

      padding: 3rem 0;

   }



   .section-header h2 {

      font-size: 1.35rem;

   }



   .rest-banner-container {

      height: 225px;

      position: relative;

   }



   .rest-banner {

      position: absolute;

      top: 0;

      left: 0;

      right: 0;

      bottom: 0;

      border-radius: 0;

   }



   .rest-banner img,

   .rest-banner::after {

      border-radius: 0;

   }



   .hero {

      padding: 0;

   }



   .rest-content span {

      font-size: 1.75rem;

   }



   .hero-card-content span {

      font-size: 1.5rem;

   }



   .hero-card {

      height: 325px;

   }



   .hero-card img {

      border-radius: 0;

   }



   .hero-card::after {

      border-radius: 0;

   }



   .hero-card-content {

      padding: 1rem;

   }



   .hero-card-content .primary-btn {

      margin-top: 0.25rem;

   }



   .hero-slider-btn {

      display: none;

   }



   .offer-card-left-content {

      width: auto;

      /* align-items: center;

      text-align: center; */

      /* justify-content: center; */

      background-color: rgba(217, 217, 217, 0.8);

      padding: 1.25rem 1.25rem 1.5rem 1.25rem;

      top: 1.25rem;

      left: 1.25rem;

      right: 1.25rem;

      /* bottom: 1rem; */

      margin: 0;

      height: max-content;

      gap: 1.5rem;

   }



   .deals-card {

      height: 300px;

   }



   .deals-card-content {

      gap: 1.25rem;

      max-width: 350px;

   }



   .deals-slider-btn {

      display: none;

   }



   .value-img-container h6 {

      font-size: 2.25rem;

   }



   .contact-form {

      padding: 2rem 1.5rem;

   }



   .product-increment-btn {

      height: 40px;

   }



   .product-increment-btn span {

      font-size: 1.15rem;

   }



   .product-img-slider-2 {

      height: 400px;

   }



   .product-img-slider {

      height: 400px;

      width: 45px !important;

   }

   

   .product-img-slider .swiper-slide {

        height: 40px !important;

    }

    

    .product-info-grid {

        grid-template-columns: 1fr;

        gap: 0;

    }

    

    .product-points {

        grid-template-columns: repeat(4, 1fr);

        column-gap: 1rem;

        row-gap: 1rem;

        margin-top: 1.5rem;

    }
    
    .product-info h1 {

      font-size: 1.25rem;
      font-weight: 600;

   }
   
   .price-container span {
       font-size: 1.75rem;
   }

}



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

   .rest-banner-container {

      height: 200px;

   }



   .rest-content span {

      font-size: 1.65rem;

   }



   .hero-card {

      height: 100%;

   }



   .product-card {

      gap: 0.2rem;

      padding: 0.5rem 0.75rem 1rem 0.75rem;

   }



   .product-card-header i {

      font-size: 1.15rem;

   }



   /* .product-img {

      margin: -0.25rem 0 0 0;

   } */



   .product-img img {

      height: 110px;

   }



   .product-description {

      gap: 0.2rem;

   }



   .product-price-info {

      margin: 0.25rem 0 0.35rem 0;

   }



   .product-category {

      font-size: 11px;

   }



   .product-description h6 {

      font-size: 14px;

   }



   .product-rating {

      display: none;

   }



   .product-btn-container {

      gap: 0.5rem;

   }



   .product-category {

      margin-bottom: -0.1rem;

   }



   .product-btn-container a {

      padding: 6px 20px;

   }



   .product-slider,

   .top-sller-slider {

      padding-bottom: 2.75rem !important;

   }



   .deals-card-content {

      max-width: 100%;

      width: 93%;

   }



   .abt-opt {

      flex-direction: column;

      align-items: flex-start;

      gap: 1.25rem;

   }



   .value-img-container h6 {

      font-size: 2rem;

   }



   .blog-detail-img img {

      max-height: 250px;

   }



   .auth-form-bg img {

      max-height: 300px;

   }



   .auth-margin {

      margin-top: 1rem;

   }



   .auth-form {

      padding: 2rem 1rem;

   }



   .auth-form-bg-content {

      row-gap: 0.75rem;

   }



   .product-img-slider-2 {

      height: 350px;

   }



   .product-img-slider {

      height: 350px;

   }



   .product-img-slider {

      width: 50px !important;

   }
   
   #productDetailModal {
       display: none !important;
   }
   
   .product-modal-mobile {
        /*display: block !important;*/
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        overflow: auto;
        background-color: #fff;
        z-index: 99999;
        padding: 2.5rem 1.25rem 1.25rem 1.25rem;
    }
    
    .product-modal-mobile-close {
        position: absolute;
        right: 1.25rem;
        top: 1.25rem;
        height: 38px;
        width: 38px;
        border-radius: 100%;
        border: 1px solid rgba(0, 0, 0, 0.12);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        font-weight: 600;
        color: var(--text-black);
        cursor: pointer;
    }
    
    .product-modal-mobile-content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
    
    .product-modal-mobile-content .product-modal-img-mobile {
        height: 450px;
    }
    
    .product-modal-img-mobile img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    
    .product-modal-tn-single-mobile {
        border: 1px solid rgba(0, 0, 0, 0.12);
        width: 70px;
    }
    
    .product-modal-tn-single-mobile.active-mobile-tn {
        border: 1px solid red;
    }

    .product-modal-mobile.show {
      display: block !important;
    }
}



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

   .about-img {

      grid-template-columns: 1fr;

      width: 100%;

      gap: 0;

      row-gap: 20px;

   }



   .about-img img:nth-child(1) {

      height: 100%;

      grid-row: 1/2;

   }



   .about-img img:nth-child(2) {

      grid-row: 2/3;

   }



   .about-img img:nth-child(2) {

      grid-row: 3/4;

   }



   .about-img img {

      height: 250px !important;

   }



   .value-img-container {

      gap: 10px;

   }



   .value-img-container h6 {

      font-size: 1.81rem;

   }



   .product-img-slider-2 {

      height: 300px;

   }



   .product-img-slider {

      height: 300px;

   }



   .product-img-slider {

      width: 45px !important;

   }

}



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