/* ==========================================
   TABLET RESPONSIVE
   SSG Foods Private Limited
   Width : 768px - 992px
========================================== */

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

/* ================= HEADER ================= */

.top-announcement{
    height:55px;
}

.main-header{
    top:45px;
    min-height:120px;
}

.header-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:130px;
    padding:0 15px;
}

.header-left{
    flex:0 0 auto;
    display:flex;
    align-items:center;
}

.logo1 img{
    width:120px;
    height:120px;
    display:block;

    transform: translateY(8px);
}

.header-right{
    margin-left:auto !important;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:20px;

    flex-wrap:nowrap;
    white-space:nowrap;

    width:auto;
    flex:0 0 auto;

    transform:none !important;

    padding-right:12px !important;
    position:relative;
    right:-25px;
}

.advance-payment-btn img,
.order-btn img{
    width:100px;
    height:auto;
    display:block;
}

.menu-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    background:none;
    border:none;
    color:#980000;
    font-size:32px;
    flex-shrink:0;
}

nav{
    display:none;
}

.main-content{
    padding-top:145px;
}

.mega-order-menu{
    top:145px;
}
#mainNav{
    display:none;
    position:absolute;
    top:95px;
    right:15px;
    width:220px;
    background:#fff;
    border-radius:10px;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    transition:.3s;
    z-index:9999;
}

#mainNav.show{
    display:block !important;
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

#mainNav ul{
    display:flex;
    flex-direction:column;
    padding:10px 0;
    margin:0;
    list-style:none;
}

#mainNav ul li a{
    display:block;
    padding:14px 18px;
    color:#980000;
    text-decoration:none;
    font-size:16px;
    font-weight:600;
}

}
/* ================= HERO ================= */

.hero{
    width:100%;
}

.hero img{
    width:100%;
    height:auto;
    display:block;
    transform: translateY(45px);
}
/* ================= PRODUCTS ================= */

.products{
    padding:50px 20px;
}

.section-title h2{
    font-size:42px;
}

.section-title p{
    font-size:18px;
}

.product-filter{
    gap:15px;
    flex-wrap:wrap;
}

.product-filter button{
    padding:12px 25px;
    font-size:16px;
}

.product-grid{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
}

.product-card{
    width:100%;
    max-width:220px;
}

.product-card h3{
    font-size:20px;
}

.product-card p{
    font-size:15px;
    line-height:24px;
}

.product-btn{
    padding:10px 20px;
    font-size:15px;
}
/* ================= TABLET WHY CHOOSE OVERRIDE ================= */

.why-choose{
    display:flex !important;
    flex-direction:column !important;
    gap:20px;
    padding:40px 20px;
}
.feature-box{
    width:100%;
    max-width:650px;
    margin:0 auto;
    display:block !important;
}
.feature-content{
    display:flex !important;
    flex-direction:row !important;
    align-items:center;
    gap:25px;   /* 18px ki jagah */
}

.feature-icon{
    width:110px;
    height:110px;
    min-width:110px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 !important;
    flex-shrink:0;
}
.feature-icon i{
    font-size:70px;
}
.feature-icon span{
    font-size:70px;
    font-weight:700;
    line-height:1;
}

.feature-text{
    display:block !important;
    align-items:flex-start !important;
    text-align:left !important;
    margin-top:0 !important;
    margin-left:18px;
}

.feature-text h3{
    text-align:left !important;
    margin-bottom:10px;
    font-size:30px;
    font-weight:700;
    line-height:1.2;
    color:#8B0000;
}

.feature-text p{
    text-align:left !important;
    white-space:normal !important;
    font-size:22px;
    line-height:1.5;
    color:#222;
}
.feature-box:nth-child(4) .feature-text p{
    margin-left:-3px;
}
/* ================= ABOUT US - TABLET ================= */

.about{
    padding:50px 25px;
}

.about-container{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:30px;
}

.about-image{
    width:100%;
    max-width:420px;
}

.about-image img{
    width:100%;
    height:auto;
}

.about-content{
    width:100%;
    max-width:700px;
}

.about-content h2{
    font-size:42px;
    margin-bottom:20px;
}

.about-content p{
    font-size:22px;
    line-height:1.8;
    text-align:justify;
}

.about-btn{
    margin-top:25px;
    padding:14px 30px;
    font-size:18px;
}
/* ================= ABOUT FEATURES - TABLET ================= */

.about-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px 20px;
    justify-items:center;
    align-items:center;
    margin-top:40px;
}

.feature-item{
    width:100%;
    max-width:250px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.about-feature-text{
    margin-top:12px;
    font-size:20px;
    font-weight:600;
    line-height:1.4;
}

.about-features .feature-icon{
    width:110px;
    height:110px;
    min-width:110px;
    font-size:70px;
}
/* ================= BULK ORDER - TABLET ================= */

.bulk-container{
    width:90%;
    max-width:700px;
    padding:30px;
}

.bulk-container h2{
    font-size:30px;
}

.bulk-container p{
    font-size:18px;
}

.bulk-container input,
.bulk-container select,
.bulk-container textarea{
    font-size:18px;
    padding:14px;
}

.bulk-container label{
    font-size:16px;
    white-space:nowrap;
}

.product-checkboxes{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px 25px;
    margin-top:15px;
}
.product-checkboxes label{
    display:flex;
    align-items:flex-start;
    gap:8px;
    font-size:16px;
    line-height:1.4;
}

.product-checkboxes input{
    margin-top:3px;
}

.submit-btn{
    width:100%;
    font-size:20px;
    padding:16px;
}
/* ================= FOOTER - TABLET ================= */
.footer-logo{
    width:250px;
    height:250px;
}

.footer-container{
    display:grid !important;

    grid-template-columns:1fr 1.3fr 1.2fr;

    grid-template-areas:
        "company company company"
        "quick contact whatsapp";

    gap:30px;
}

.company{
    grid-area:company;
    width:100%;
    text-align:center;
}

.company-content{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.company-details{
    margin-top:-50px;
    text-align:center;
}

.company-details p{
    max-width:400px;
    margin:10px auto;
    text-align:center;
    font-size:80px;
    line-height:1.8;
}

.social-icons{
    display:flex;
    justify-content:center;
    gap:22px;
    margin-top:25px;
}

.social-icons a{
    width:80px;
    height:80px;
    font-size:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
}

/* ===== Equal 3 Columns ===== */

.quick-links,
.contact-us,
.whatsapp{
    width:100%;
    box-sizing:border-box;
    padding:0 18px;
}

/* Divider */

.quick-links{
    border-right:0px solid #ddd;
}

.contact-us{
    border-right:0px solid #ddd;
    border-left:none;
    padding:0 10px;
    
}

.contact-us h3,
.contact-us .contact-item{
    margin-left:20px;
}

.whatsapp{
    border-left:none;
    border-right:none;

    padding-left:5;
    padding-right:8px;

    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
.whatsapp h3,
.whatsapp p,
.whatsapp .whatsapp-btn,
.whatsapp .whatsapp-number{
    margin-left:-35px;
}

/* Heading */

.quick-links h3,
.contact-us h3,
.whatsapp h3{
    font-size:20px;
    white-space:nowrap;
    margin-bottom:16px;
}

/* Content */

.quick-links ul,
.contact-us,
.whatsapp{
    text-align:left;
}

/* Prevent wrapping */

.contact-item,
.contact-item span,
.whatsapp p,
.whatsapp-number,
.quick-links ul li a{
    white-space:nowrap;
}

.footer-box h3{
    white-space:nowrap;
    font-size:25px;
    margin-bottom:18px;
    line-height:1;
}

.footer-box li,
.footer-box p,
.contact-item span{
    font-size:20px;
    line-height:1.8;
}

.footer-box ul li a,
.contact-item span,
.whatsapp p{
    font-size:20px;
    line-height:1.8;
}

.whatsapp-number{
    font-size:20px;
    font-weight:700;
}

.whatsapp-btn{
    width:100%;
    margin:10px 0 6px 0;   /* pehle 15px auto hoga */
}

.whatsapp-number{
    margin-top:10px !important;   /* gap kam ho jayega */
    font-size:24px;
    font-weight:700;
    text-align:left;
}
/* ===== Remove unwanted divider lines ===== */

.company{
    border-right:none !important;
}

.company-content{
    border-right:none !important;
}

.company-details{
    border-right:none !important;
}
/* ================= COPYRIGHT - TABLET ================= */

.copyright{
    padding:18px 25px !important;
}

.copyright-content{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    width:100% !important;
}

.designer-name{
    position:relative !important;
    left:auto !important;
    margin:0 !important;
}

.copyright-text{
    margin:0 !important;
    text-align:center !important;

    position:relative;
    left:0px;
}

.designer-name{
    flex:1;
}

.designer-name strong,
.copyright-text strong{
    white-space:nowrap;
}