/* ==========================================================================
   PRADHAN SNACKS — RESPONSIVE MEDIA QUERIES
   Last Updated : 28 July 2026 | Version : 1.2.0
   Only responsive overrides — no design/colour/layout changes.
   ========================================================================== */


/* --------------------------------------------------------------------------
   GLOBAL FLUID TYPOGRAPHY — applies at every viewport width.
   Uses clamp(min, preferred-vw, max) so text scales smoothly between
   breakpoints instead of jumping. The vw "preferred" value matches the
   original design's vw figure, so desktop appearance is unchanged — only
   the very-small and very-large extremes are now bounded sensibly.
   Breakpoint rules further below still win at their ranges (loaded later
   in this same file), so nothing here conflicts with the tuned mobile
   sizes already set per breakpoint.
   -------------------------------------------------------------------------- */

.hdr_marquee {
    font-size: clamp(11px, 0.95vw, 16px);
}
.hdr_top_desc {
    font-size: clamp(11px, 1.15vw, 15px);
}
.hdr_top_desc span {
    font-size: clamp(10px, 0.85vw, 14px);
}
.hdr_logo img {
    width: clamp(42px, 10vw, 110px);
}
.abt_txt_lck {
    font-size: clamp(14px, calc(0.8vw + 1vh), 22px);
}
.product_range_section h3 {
    font-size: clamp(20px, 2vw, 34px);
}
.pr_product h4 {
    font-size: clamp(15px, 2vw, 26px);
}
.pr_product p {
    font-size: clamp(11px, 1.1vw, 16px);
}
.social_media_section h3 {
    font-size: clamp(20px, 2vw, 34px);
}
.distributor_form_section h3 {
    font-size: clamp(18px, 2vw, 30px);
}
.product_box h5 {
    font-size: clamp(15px, 1.35vw, 21px);
    line-height: 1.25;
}
.product_box p {
    font-size: clamp(13px, 1vw, 16px);
}
.product_filter_bar label,
.product_filter_input,
.product_filter_actions .btn,
.product_filter_reset {
    font-size: clamp(13px, 1vw, 16px);
}



/* 1350px — Large desktops */
@media (max-width: 1350px) {
    .hdr_nav_section .navbar { width: 70%; }
    .sec4_cont h3 { padding-left: 0%; }
    .sec4_cont h2 { padding-left: 0%; }
    .sec3_heading { width: 100%; }
    .sec6_heading { width: 100%; }
}


/* 1200px — Standard desktop / large laptops */
@media (max-width: 1200px) {
    .hdr_nav_section .navbar { width: 80%; font-size: 12px; }
    .sec5_txt_head_cnt { padding: 0; }
    .sec5_txt1 { padding: 0; }
    .product_range_section { padding: 0 10%; }
    .pr_product h4 { font-size: 1.6vw; }
    .pr_product p  { font-size: 1vw; }
}


/* 992px — Tablets / small laptops */
@media (max-width: 992px) {
    .hdr_marquee { font-size: calc(1vw + 0.4vh); }
    body { font-size: 16px; line-height: 1.65; }
    .about_section_lck { padding: 5% 8%; }
    .abt_txt_lck { font-size: calc(1.1vw + 1.4vh); }
    .sec5_txt_head { font-size: 13px; }
    .product_range_section { padding: 0 8%; }
    .pr_product { width: 88%; margin-left: auto; margin-right: auto; }
    .pr_product h4 { font-size: 2.2vw; }
    .pr_product p  { font-size: 1.3vw; }
    .social_media_section h3 { font-size: 3vw; }
    .mission_vision_section h3 { font-size: 5vw; }
    .mission_vision_section p  { font-size: 1.5vw; }
    .distributor_form_section { width: 90%; }
    .distributor_form_section h3 { font-size: 2.8vw; }
    .about_bnrbg, .products_bnrbg, .cont_bannerbg {
        padding: 18% 0% 14% 0%;
        background-size: cover;
    }
    .abt_txt2,
    .contact_sec1 p,
    .mission_vision_section p,
    .wt_sec2_txt p,
    .wt_sec2_txt ul {
        font-size: 16px;
        line-height: 1.7;
    }
}


/* Desktop: hide mobile menu */
@media (min-width: 769px) {
    .mob_menu_dropdown { display: none !important; }
}


/* 768px — Tablets portrait + mobile menu */
@media (max-width: 768px) {

    .hdr_nav_section, .hdr_cont { display: none; }
    .hdr_mob_menu_sec { display: block; }
    .hdr_top_desc { display: none; }
    .headerinner { margin-top: -1px; }

    .hdr_marquee {
/*        width: 100%; border-radius: 0;*/
        font-size: 10px;
/*         padding: 6px 10px;*/
    }

    #carouselExampleFade .carousel-item img {
        max-height: 55vw; object-fit: cover;
    }

    .home_category_bg .row { width: 96%; margin-top: -5%; margin-bottom: -5%; }
    .pcat_box { font-size: 30px; padding: 50px 0; border-radius: 24px; margin: 8px; }

    .cat_text_container { transform: rotate(3deg); width: 106%; margin-left: -3%; }
    .cat_text_container h4 { font-size: 14vw; line-height: 1; }

    /* Hide floating spice images - cause overflow on small screens */
    .home_garlic_img1,
    .home_bp_img1, .home_bp_img2, .home_bp_img3,
    .home_bp_img4, .home_bp_img5, .home_bp_img6, .home_bp_img7,
    .dtrbtr_garlic_img1,
    .dtrbtr_bp_img1, .dtrbtr_bp_img2, .dtrbtr_bp_img3, .dtrbtr_bp_img4 {
        display: none;
    }

    .form_text_container { transform: rotate(-3deg); width: 106%; margin-left: -3%; }
    .form_text_container h4 { font-size: 14vw; line-height: 1; }

    .product_range_section { padding: 0 4%; }
    .product_range_section h3 { font-size: 30px; padding-top: 20px; }
    .pr_product { width: 92%; margin-left: auto; margin-right: auto; margin-top: 60px; border-radius: 24px 24px 10px 10px; }
    .pr_product img { 
/*        width: 90%; */
        margin-top: -60px; 
    }
    .pr_product h4 { font-size: 24px; }
    .pr_product p  { font-size: 17px; }

    .about_section_lck { padding: 8% 5%; }
    .abt_txt_lck { font-size: 18px; padding-bottom: 6%; text-align: left; }
    .abt_bg1 { padding: 30% 0; background-size: cover; }

    .social_media_section h3 { font-size: 30px; }
    .social_media_section .blog-track { padding: 30px calc(50% - 140px); }
    .social_media_section .blog-card { flex-basis: 280px; }
    .social_media_section .blog-card.is-active { transform: scale(1.03); }
    .social_media_section .blog-prev { left: 4px; }
    .social_media_section .blog-next { right: 4px; }

    .distributor_form_section { width: 96%; border-radius: 24px; padding: 5% 4%; margin: 0 auto; }
    .distributor_form_section h3 { font-size: 26px; }
    .distributor_form_section .form-control { border-radius: 30px; margin: 2% 0; }

    .mission_vision_section h3 { font-size: 34px; text-align: left; }
    .mission_vision_section p  { font-size: 17px; line-height: 1.7; text-align: left; }

    .products_section { padding: 5% 4%; }
    .product_box { width: 94%; margin: 5% auto; padding: 16px; }
    .product_box h5 { font-size: 21px; }
    .product_box p { font-size: 17px; }
    .product_box .btn { font-size: 16px; padding: 8px 14px; }
    .product_filter_bar { padding: 18px; margin-bottom: 24px; }
    .product_filter_bar .col-md-5,
    .product_filter_bar .col-md-2 {
        width: 100%; flex: 0 0 100%; max-width: 100%;
        margin-bottom: 14px;
    }
    .product_filter_bar label { font-size: 16px; }
    .product_filter_input { font-size: 16px; min-height: 48px; }
    .product_filter_actions { align-items: center; }
    .product_filter_actions .btn { width: auto; }
    .product_filter_cat_btn { font-size: 13px; padding: 7px 14px; min-height: 36px; }
    .product_filter_search_input { max-width: 220px; }
    .product_results_summary { text-align: center; font-size: 16px; }
    .product_page_link { min-width: 44px; min-height: 44px; font-size: 16px; }

    .about_bnrbg, .products_bnrbg, .cont_bannerbg {
        padding: 16% 0 12% 0; background-size: cover; background-position: center top;
    }

    .about_pg_section { padding: 6% 5%; }
    .abt_txt2 { font-size: 18px; padding: 3% 3%; text-align: left; }
    .abt_bg2 { padding: 30% 0; margin-top: 4%; }

    .contact_sec1 { padding: 8% 4%; }
    .contact_sec1 h3 { font-size: 30px; }
    .contact_sec1 p { font-size: 17px; line-height: 1.65; }
    .cont1 { padding: 8% 5%; }
    .cont1 h3 { font-size: 34px; text-align: left; }
    .cont1 h4 { font-size: 21px; text-align: left; }
    .map1 { min-height: 300px; }
    .map1 iframe { min-height: 300px; }

    .footer_section { padding: 8% 5%; }
    .footer_logo { width: 40%; margin-bottom: 16px; }
    .ftr_address { font-size: 16px; width: 100%; line-height: 1.65; }
    .footer_navigation,
    .footer_social { text-align: center; }
    .footer_navigation ul li { font-size: 17px; }
    .footer_social a { font-size: 28px; }

    .sec3_post_cont { margin-bottom: 5%; }
    .sec5_cont2 { flex-direction: column-reverse; }
    .sec5_txt_head { font-size: 15px; }
    .sec6_post_cont { width: 70%; margin-bottom: 5%; }
    .sec6_post_text p { font-size: 18px; }
    .sec10_post_cont { width: 70%; margin: auto; margin-bottom: 5%; }
    .cont7_text { padding-bottom: 10%; }
}


/* 576px — Small phones */
@media (max-width: 576px) {

    .hdr_marquee { 
    	font-size: 10px; 
/*    	padding: 5px 8px; */
    }

    #carouselExampleFade .carousel-item img { max-height: 65vw; }

    /* Category: force full-width stacking */
    .home_category_bg .row > .col-sm-8,
    .home_category_bg .row > .col-sm-4 {
        width: 100%; flex: 0 0 100%; max-width: 100%;
    }
    .pcat_box { font-size: 28px; padding: 40px 0; border-radius: 18px; margin: 6px; }

    .product_range_section { padding: 0 2%; }
    .product_range_section h3 { font-size: 28px; }

    /* Products on home: 1 per row */
    .product_range_section .col-sm-4 {
        width: 100%; flex: 0 0 100%; max-width: 100%;
    }
    .pr_product { width: 85%; margin: 50px auto 30px auto; }
    .pr_product img { 
/*        width: 85%; */
        margin-top: -50px; 
    }
    .pr_product h4 { font-size: 23px; }
    .pr_product p  { font-size: 16px; }

    .abt_txt_lck { font-size: 17px; }

    .social_media_section { padding: 6% 1%; }
    .social_media_section h3 { font-size: 28px; }
    .social_media_section .blog-card { flex-basis: 260px; }
    .social_media_section .blog-track { padding: 24px calc(50% - 130px); }

    .cat_text_container h4, .form_text_container h4 { font-size: 10vw; }

    .distributor_form_section { width: 100%; border-radius: 16px; padding: 6% 4%; }
    .distributor_form_section h3 { font-size: 25px; }

    .mission_vision_section h3 { font-size: 32px; }
    .mission_vision_section p  { font-size: 17px; }

    .about_bnrbg, .products_bnrbg, .cont_bannerbg { padding: 12% 0 10% 0; }

    .contact_sec1 h3 { font-size: 28px; }
    .cont1 h3 { font-size: 32px; }
    .frm_input { padding: 14px; font-size: 16px; }

    .footer_section { padding: 10% 4%; }
    .footer_logo { width: 50%; }
    .ftr_address { font-size: 16px; }

    /* Products page: 2 per row */
    .products_section .col-sm-4,
    .products_section .product_grid_col {
        width: 50%; flex: 0 0 50%; max-width: 50%;
    }
    .product_box { width: 95%; padding: 16px; border-radius: 12px; }
    .product_box img { width: 90%; }
    .product_box h5  { font-size: 20px; }
    .product_box p   { font-size: 16px; }
    .product_box .btn { font-size: 15px; padding: 7px 12px; }
    .product_filter_bar { border-radius: 12px; }
    .product_filter_input { min-height: 44px; }
    .product_filter_search_input { max-width: 180px; }
    .product_filter_categories { gap: 6px; }
    .product_filter_cat_btn { font-size: 13px; padding: 6px 12px; }

    .section2 img { width: 90%; }
    .footer_navigation { padding-left: 0; }
    .sec3_post_cont { margin: 10px 0; }
    .sec9_text { margin-bottom: 0; }
    .footer_section form { padding-bottom: 35px; }
    .footer_section form input,
    .footer_section form button { width: 100%; }
}


/* 480px — Small phones (extra fixes) */
@media (max-width: 480px) {

    .tear_top_section     { margin-top: -3%; }
    .tear_bottom_section  { margin-bottom: -3%; }
    .tear_bottom_section2 { margin-bottom: -3%; }

    .pcat_box { font-size: 7vw; }

    /* Distributor form: stack 2-col inputs */
    .distributor_form_section .col-sm-6 {
        width: 100%; flex: 0 0 100%; max-width: 100%;
    }

    /* Products page: 1 per row */
    .products_section .col-sm-4,
    .products_section .product_grid_col {
        width: 100%; flex: 0 0 100%; max-width: 100%;
    }
    .product_box { width: 92%; }
    .product_box h5  { font-size: 21px; }
    .product_box p   { font-size: 17px; }
    .product_box .btn { font-size: 16px; padding: 8px 14px; }
    .product_filter_actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        text-align: center;
    }
    .product_filter_actions .btn { width: 100%; }
    .product_filter_reset { padding-bottom: 0; }
    .product_filter_search_input { max-width: 100%; }

    .social_media_section .blog-card { flex-basis: 90vw; }
    .social_media_section .blog-track { padding: 20px 5vw; }

    /* Footer: stack all columns */
    .footer_section .col-sm-4 {
        width: 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 12px;
    }
    .footer_logo { width: 45%; }

    /* Contact: stack country/state/city dropdowns */
    .col-md-4.col-sm-4 {
        width: 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 8px;
    }

    .wt_bnr_txt {
        font-size: 20px; right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        width: max-content;
    }
    .banner_txt {
        font-size: 20px; right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        width: max-content;
    }
}


/* 360px — Very small phones */
@media (max-width: 360px) {

    .tear_top_section     { margin-top: -4%; }
    .tear_bottom_section  { margin-bottom: -4%; }
    .tear_bottom_section2 { margin-bottom: -4%; }


    .pcat_box { font-size: 26px; padding: 32px 0; }

    .product_range_section h3 { font-size: 26px; }
    .pr_product h4 { font-size: 21px; }

    .mission_vision_section h3 { font-size: 30px; }
    .mission_vision_section p  { font-size: 16px; }

    .social_media_section h3 { font-size: 26px; }
    .distributor_form_section h3 { font-size: 23px; }

    .footer_logo { width: 55%; }
}


/* v1.2.3 mobile refinement layer - intentionally placed last */
@media (max-width: 768px) {
    body {
        font-size: 17px;
        line-height: 1.7;
    }

    /*.headerinner {
        padding: 8px 14px;
        background: rgba(255, 255, 255, 0.92);
    }
    .hdr_logo {
        text-align: left;
    }
    .hdr_logo img {
        width: 72px;
        max-width: 100%;
    }*/
    .hdr_mob_menu .bar1,
    .hdr_mob_menu .bar2,
    .hdr_mob_menu .bar3 {
/*        background-color: #d71015;*/
        background-color: #fff;
    }
    .hdr_mob_menu .change .bar1,
    .hdr_mob_menu .change .bar2,
    .hdr_mob_menu .change .bar3 {
        background-color: #fff;
    }
    .mob_menu_link {
        font-size: 24px;
        padding: 14px 0;
    }

    .about_bnrbg,
    .products_bnrbg,
    .cont_bannerbg {
        padding: 95px 0 60px 0;
        background-size: cover;
        background-position: center top;
    }

    .products_section,
    .about_pg_section,
    .contact_sec1,
    .cont1,
    .about_section_lck,
    .social_media_section {
        padding-left: 18px;
        padding-right: 18px;
    }

    .product_filter_bar {
        padding: 18px;
        margin: 0 0 24px;
        border-radius: 14px;
    }
    .product_filter_bar .row {
        margin-left: 0;
        margin-right: 0;
        row-gap: 14px;
    }
    .product_filter_bar .row > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }
    .product_filter_bar label {
        font-size: 14px;
        margin-bottom: 7px;
    }
    .product_filter_input {
        min-height: 54px;
        font-size: 17px;
        border-radius: 11px;
    }
    .product_filter_actions {
        width: 100%;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
    }
    .product_filter_actions .btn {
        width: 100%;
        min-height: 54px;
        font-size: 17px;
        border-radius: 11px;
    }
    .product_filter_reset {
        min-height: 54px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 12px;
        border-radius: 11px;
        background: rgba(215, 16, 21, 0.08);
        font-size: 16px;
    }
    .product_filter_categories {
        gap: 8px;
        margin-bottom: 4px;
    }
    .product_filter_cat_btn {
        font-size: 14px;
        padding: 8px 16px;
        min-height: 38px;
    }
    .product_filter_search_input {
        max-width: 220px;
        min-height: 44px;
        font-size: 15px;
    }

    .product_results_summary {
        margin-bottom: 16px;
        text-align: left;
        font-size: 17px;
    }
    .product_results_row {
        row-gap: 20px;
    }
    .product_box {
        width: 100%;
        min-height: 100%;
        margin: 0 auto;
        padding: 18px 16px;
        border-radius: 16px;
        border-color: rgba(215, 16, 21, 0.12);
        box-shadow: 0 12px 26px rgba(109, 0, 1, 0.08);
    }
    .product_box img {
        width: 82%;
        max-height: 210px;
        object-fit: contain;
    }
    .product_box h5 {
        min-height: auto;
        margin: 12px 0 8px;
        font-size: 22px;
        line-height: 1.28;
    }
    .product_box p {
        margin-bottom: 12px;
        font-size: 18px;
    }
    .product_box .btn {
        width: 100%;
        min-height: 46px;
        border-radius: 10px;
        font-size: 16px;
    }
    .product_pagination {
        gap: 9px;
        margin-top: 28px;
    }
    .product_page_link {
        min-width: 46px;
        min-height: 46px;
        padding: 9px 14px;
        font-size: 16px;
    }

    .abt_txt_lck,
    .abt_txt2,
    .contact_sec1 p,
    .mission_vision_section p,
    .frm input,
    .frm textarea,
    .frm_input,
    .distributor_form_section .form-control,
    .ftr_address,
    .footer_navigation ul li {
        font-size: 17px;
        line-height: 1.7;
    }
    .abt_txt_lck,
    .abt_txt2,
    .mission_vision_section p {
        text-align: left;
    }
    .mission_box,
    .vision_box {
        padding: 28px 22px;
    }
    .footer_section {
        padding: 34px 18px;
        text-align: center;
    }
    .footer_logo {
        width: 150px;
        max-width: 60%;
    }
    .topbtn,
    .whatsapp {
        right: 14px;
    }
}

@media (max-width: 576px) {
    body {
        font-size: 18px;
    }
    .hdr_marquee {
/*        font-size: 15px;*/
/*        line-height: 1.45;*/
    }
    .products_section .product_grid_col {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .products_section {
        padding-top: 28px;
    }
    .product_filter_actions {
        grid-template-columns: 1fr;
    }
    .product_filter_reset {
        width: 100%;
    }
    .product_filter_search_input {
        max-width: 180px;
    }
    .product_filter_categories {
        gap: 6px;
    }
    .product_filter_cat_btn {
        font-size: 13px;
        padding: 6px 14px;
    }
    .product_box img {
        width: 76%;
        max-height: 230px;
    }
    .product_box h5 {
        font-size: 23px;
    }
    .product_box p {
        font-size: 18px;
    }
    .product_pagination {
        justify-content: center;
    }
    .product_page_link {
        min-width: 44px;
        min-height: 44px;
        padding: 8px 13px;
    }
    .pq-left {
        padding: 28px 22px 46px;
    }
    .pq-right {
        min-height: 260px;
        padding-top: 74px;
    }
    .pq-right img {
        max-width: 74%;
        max-height: 230px;
    }
    .pq-name {
        font-size: 30px;
    }
    .pq-text,
    .pq-price {
        font-size: 17px;
    }
}

@media (max-width: 390px) {
    .products_section,
    .about_pg_section,
    .contact_sec1,
    .cont1,
    .about_section_lck,
    .social_media_section {
        padding-left: 14px;
        padding-right: 14px;
    }
    .product_filter_bar {
        padding: 15px;
    }
    .product_box {
        padding: 16px 14px;
    }
    .product_box h5 {
        font-size: 21px;
    }
    .product_page_link {
        min-width: 42px;
        min-height: 42px;
        padding: 7px 11px;
    }
}