@media (min-width: 1200px){ 
    .upper-footer .container{
        
    }
    .header-lower .header-menu .top-menu.notmobile{display: none !important;}
    .header-lower .header-menu{ display: flex;flex-direction:column; align-items: flex-end; }
    .header-lower .header-menu .menu-toggle {border-radius: 6px;max-width: 55px;background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="%23fff" d="M96 160C96 142.3 110.3 128 128 128L512 128C529.7 128 544 142.3 544 160C544 177.7 529.7 192 512 192L128 192C110.3 192 96 177.7 96 160zM96 320C96 302.3 110.3 288 128 288L512 288C529.7 288 544 302.3 544 320C544 337.7 529.7 352 512 352L128 352C110.3 352 96 337.7 96 320zM544 480C544 497.7 529.7 512 512 512L128 512C110.3 512 96 497.7 96 480C96 462.3 110.3 448 128 448L512 448C529.7 448 544 462.3 544 480z"/></svg>');font-size: 0;background-color: transparent;} 
    .header-lower .header-menu .top-menu.mobile {position: absolute;padding: 0;border-radius: 10px;min-width: 150px;border-radius: 4px;}
    .header-lower .header-menu .top-menu.mobile li{}
    .header-lower .header-menu .top-menu.mobile li a{ text-align: left; display: block; }
    .login-page .customer-blocks{flex-wrap: wrap;}
    .login-page .new-wrapper .text{text-align: left;}
    .dropzone{white-space: break-spaces;}
    .header-links-wrapper {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;background: var(--color-primary);right: 0;max-width: 100%;padding: 9px;}
    .header-links li{ /* flex: 1; */ text-align: center; display: flex; align-items: center; justify-content: center; }
    #topcartlink{ }
    .header-links{}
    span.cart-qty{ position: absolute; background: var(--color-accent); /* right: 20%; */ }
    .header-links ul{ justify-content: space-between; padding: 0px 5%; }
    .header-lower .search-box{ position: fixed; top: auto; z-index: 999; bottom: 60px; z-index: 999; left: 0; right: 0; width: 100%; max-width: 100%; /* height: 50px; */ }
    .header-lower .search-box form input.search-box-text{width: 160px;}
    .header-links a:hover, .header-links a:focus { color: #fff; }
    .user-dropdown-wrap{ top: auto; bottom: 51px; }
    .user-dropdown-wrap ul li{justify-content: left;}

    .banner-container{}
    .header-lower .header-menu .top-menu.mobile{left: 0;min-width: 190px;}
    .cart td.quantity,
    .cart td.subtotal{background-color: transparent;}
    .section .title{text-align: center;}
    .order-details-page .data-table tr{margin-top: 0;}
    .section.products{margin-top: 40px;}
    .registration-result-page .result{padding: 0 20px;}

    
}
@media (max-width: 1200px) {
    
    /* 21/jan/2026 css */
    

}

@media (max-width: 992px) {
    .html-login-page .login-page .customer-blocks{ flex-direction: column-reverse;}
   .login-page .new-wrapper .text{text-align: left;}
   .reg-title-wrapper{flex-wrap: wrap; flex-direction: column-reverse; align-items: flex-end;gap: 20px;}
   .html-venue-registration-page .page-title{width: 100%;}
}

@media (max-width: 768px) {
    .html-venue-list-page .filter-wrapper .filter p{display: none;}
    .html-payment-info-page .checkout-page .button-1.payment-stripe-next-step-button{font-size: 16px;}
    .html-venue-list-page .venue-name span{text-align: left;}

    /* 21/jan/2026 css */
    /* search page css */
    .search-page .location-wrapper .find-me-btn{ display: inline-block;padding: 5px 12px; }
    .search-page .location-wrapper .find-me-btn .location-icon{ display: block;font-size: 24px; }
    .location-wrapper .search-button { display: flex;align-items: center;justify-content: center; padding: 5px 12px;min-width: unset;}
    .location-wrapper .search-button span{ display: none; }
    .location-wrapper .search-button .search-icon{ display: inline-block;  }

    /* venue-detail css */ 
    .html-venue-detail-page .card-header.founder{margin-bottom: 40px;}
    .html-venue-detail-page .card-header { padding: 0px; }
    .html-venue-detail-page .card-header .card-header-wrapper{ padding-bottom: 60px; }
    .html-venue-detail-page .venue-name{max-width: 70%;margin: 0 auto;} 
    .venue-detail-card .half-circle-badge{  width: 50px;height: 80px;background-size: 25%;background-position: 35% 35%;  } 
    .venue-detail-card .founder-stamp-span{ width: 150px;height: 100px;  left: 50%;right: auto; transform: translate(-50%, 55%); }
    .venue-detail-card .founder-stamp{ width: 140px;height: 90px;  }

}

@media (max-width: 767px) {
    .newsletter{padding-top: 40px;padding-bottom: 40px;}
    .newsletter-detail p{font-size: 16px;}
    .newsletter .title{font-size: 32px;}
    .region-header h3{font-size: 32px;} 
    .hero-section{height: 100%;}
    .hero-section .container{padding-top: 50px;padding-bottom: 50px;}
    .product-grid .title strong{font-size: 32px;}
    .html-venue-list-page .filter-wrapper h1{font-size: 24pt;}
    .order-item ul.info li{text-align: left;}
    .html-payment-info-page .page-body.checkout-data{flex-direction: column-reverse;gap: 20px;}
    .html-payment-info-page .checkout-page .section{width: 100%;}
    .html-venue-detail-page .opening-hours{flex-direction: column;}
    .html-venue-detail-page .venue-name{padding-top: 20px;}
    .order-details-page .data-table td{font-size: 16px;}
    .registration-result-page .result{font-size: 16px;}
    .customer-photo,
    .customer-photo-wrapper a img,
    .qr-code{width: 150px;height: 150px;}

}

@media (max-width: 600px) {
    .product-grid .title{line-height: 0.8em;}
    .item-box{padding: 0 20px;}
    #product-details-form{padding: 0 20px;}
    .breadcrumb ul{padding: 0;margin: 0;}
    .html-venue-list-page .filter-wrapper{flex-wrap: wrap;}
    .form-fields-row{flex-wrap: wrap;}
    .banner-box h1{font-size: 28px;}
    .feature-pub-banner .region-header h5{font-size: 32px;text-align: center;}
    .html-venue-registration-page .dropzone .dz-message{font-size: 14px; white-space: break-spaces;}
    
}
@media (max-width: 480px){
    .pass-card { width: 90%; padding: 20px 15px; }

    .customer-photo,
    .customer-photo-wrapper a img,
    .qr-code { width: 90px; height: 90px; }

    .customer-name { font-size: 1.2rem; }

    .html-venue-registration-page .page-title h1{font-size: 32px;}
}

@media (max-width: 475px) {
    .checkbox-header{flex-wrap: wrap;}
    .features-label{font-size: 20px !important;}
    .basic-search .text-danger{font-size: 18px;}
    .html-search-page .location-parent label{white-space: break-spaces;}

    .message-card{width: 90%;max-width: 100%;}
    .message-body p{font-size: 0.95rem;}
    .form-fields-row{flex-direction: column-reverse;}

    .hero-overlay{padding: 30px;}
    .hero-content h1{font-size: 28px;line-height: 38px;}

    .html-venue-registration-page .checkbox-header h3{order: 1;width: 200px;font-size: 16px;}
    .html-venue-registration-page .toggle-all{position: relative;right: 0;order: 2;}
    .html-venue-registration-page .accordion-arrow{order: 3;}

    .open-all-wrapper .title-label { font-size: 26px !important; }
    .banner-box h1{font-size: 24px;line-height: normal;}
    .hero-buttons{}
    .hero-section a.btn{width: 100%;justify-content: center;}
}

@media (max-width: 450px) {

    .html-venue-registration-page .checkbox-header h3{ width: 150px; white-space: break-spaces;}
    .header-lower .header-logo a img {max-width: 200px;}
    
}

@media (max-width: 350px) {
    .checkbox-header{gap: 10px;}
}