@media (min-width: 1025px) {
 .padding-75 { padding: 4.688rem 0; }
}

@media (min-width: 768px) {
 .tw-grid { gap: 2rem; } 
 .md\:tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
 .lg\:tw-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}


@media only screen and (max-width: 1024px) {
footer .main-footer .top-footer .footer-top-col{flex-wrap: wrap;}
.wrapper { padding: 0 25px; max-width: 100%; }
footer .main-footer .top-footer .footer-top-col{flex-wrap: wrap;}
footer .main-footer .top-footer .footer-top-col .footer-col-two{width: 100%;    margin-top: 30px;}
footer .main-footer .top-footer .footer-top-col .footer-col-one{width: 65%;}
.categroy-list-image { width: 80%; margin: 0 auto; }
.padding-75 { padding: 60px 0px; } 
.category-list-section .main-categroy-list .categroy-list-item { width: 50%; } 
.product-image img { max-width: 65% !important } 
.category-list-section .main-categroy-list .categroy-list-item { padding: 20px; } 
.btn-accent { padding: 1rem 2rem !important; } .hero-cta-box { flex-direction: column; } 
footer .main-footer .top-footer h3 { font-size: 20px; }
}


@media (max-width: 960px) {
.main-navigation ul,
.gen-sidebar-nav,
.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav>ul,
.has-inline-mobile-toggle #site-navigation .inside-navigation>*:not(.navigation-search):not(.main-nav) { display: block; } 
.menu-toggle { display: flex; align-items: end; justify-content: center; } 
.main-navigation { position: fixed; top: 0; right: -100%; width: 320px; max-width: 90%; height: 100vh; background: #fff; padding: 90px 25px 30px; display: block; overflow-y: auto; box-shadow: -8px 0 20px rgba(0, 0, 0, 0.12); transition: right 0.35s ease; z-index: 10000; } 
.main-navigation.active { right: 0; } .nav-menu { flex-direction: column; align-items: flex-start; gap: 0; width: 100%; } 
.nav-menu li { width: 100%; } 
.nav-menu li a { width: 100%; padding: 16px 0; font-size: 18px; }

/* Optional dropdown support */
.nav-menu .sub-menu { list-style: none; padding-left: 15px; margin: 0; } 
.nav-menu .sub-menu li { border-bottom: none; } 
.nav-menu .sub-menu li a { font-size: 16px; padding: 12px 0; }
}

@media only screen and (max-width: 767px) {
br{display: none;}
.hero-section ul li{padding: 10px 12px;}
footer .main-footer .top-footer .footer-top-col .footer-col-one  , footer .main-footer .top-footer .footer-top-col .footer-col-two{width: 100%;}
.categroy-list-image { width: 100%; margin: 0 auto; max-width: 320px; }
.footer-col-two{flex-wrap: wrap;}
footer .main-footer .top-footer .footer-top-col { flex-wrap: wrap; }
footer .main-footer .top-footer .footer-col { width: 100%; }
footer .main-footer .top-footer .footer-top-col{text-align: center;}
footer .footer-social-icons{ width: 100%; margin: 0 auto; max-width: 320px; }
footer .main-footer .top-footer .footer-col .footer-logo { margin: 0 auto; } 
.product-image img { max-width: 300px !important; } 
.btn-accent { padding: 1rem 1rem !important; } 
.product-link-button { margin-top: 1rem; } 
.single-meta { flex-wrap: wrap; } 
.single-hero-header { padding: 25px 20px; } 
.product-link { margin: 0 auto; } 
.btn-accent { padding: 10px 20px; font-size: 16px; } 
.padding-75 { padding: 40px 0px; }

.category-list-section .main-categroy-list .categroy-list-item { width: 100%; }
.product-item { flex-wrap: wrap; gap: 25 px; margin-bottom: 25px;text-align: center; }
.product-item .product-left-item { width: 100%; }

.wrapper { padding: 0px 20px; } 
.product-item .product-right-item { width: 100%; } 
.categroy-list-text h3 { font-size: 1.5rem; } 
.categroy-list-text { padding: 20px 0; } 
.header-inner { padding: 14px 16px; } 
.logo-link img { max-width: 145px; } 
.main-navigation { width: 100%; max-width: 100%; padding: 85px 20px 25px; } 
.nav-menu li a { font-size: 17px; }
}


/* =========================
   SMALL MOBILE <= 480px
========================= */
@media (max-width: 480px) {
.logo-link img { max-width: 130px; } 
.menu-toggle { width: 42px; height: 42px; } 
.menu-toggle span { width: 24px; } 
footer .bottom-footer .bottom-footer-text p { font-size: 12px; }
.hero-banner .button{ font-size: 14px;padding: 10px 15px;}
}