/** Shopify CDN: Minification failed

Line 61:53 Unexpected "("
Line 72:53 Unexpected "("

**/
/* Modal Styles */
.modal {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 1001;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-content {
  background-color: #fff;
  margin: 10% auto;
  padding: 20px;
  border-radius: 8px;
  width: 80%;
  max-width: 400px;
  position: relative;
  animation: fadeIn 0.3s ease-in-out;
}

.close-btn {
  color: #aaa;
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
}

.close-btn:hover {
  color: #000;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
#shopify-section-landing-page-section-1 .sec-bg {
      background-size: 100% 100%;
    background-repeat: no-repeat;
}
#shopify-section-landing-page-video .sec-bg .img-cls (
      width: auto !important;
  )
}

/* For 1280px to 1440px screens */
@media (min-width: 1280px) and (max-width: 1440px) {
#shopify-section-landing-page-section-1 .sec-bg {
      background-size: 100% 100%;
    background-repeat: no-repeat;
}
#shopify-section-landing-page-video .sec-bg .img-cls (
      width: auto !important;
  )
}

/* new CSS */

/* 
.desktop {
    display: block;
}

.mobile {
    display: none;
}

.tablet {
    display: none;
}

@media (min-width: 749px) and (max-width: 1024px) {
    .desktop {
        display: none;
    }
    
    .mobile {
        display: none;
    }
    
    .tablet {
        display: block;
    }
}

@media screen and (max-width: 749px) {
    .desktop {
        display: none;
    }
    
    .mobile {
        display: block;
    }
    
    .tablet {
        display: none;
    }
} */