.navbar-toggler {
    box-shadow: unset !important;
}
.icecraem img {
    height: 200px;
}

@media (max-width: 1200px) {
    .hero-sec {
        min-height: 560px;
    }

    .hero-sec h2 {
        font-size: 42px;
    }

    .about-left h2,
    section.products-sec h2,
    section.why-choose h2,
    section.wedding h2,
    section.delivery h2,
    section.testimonials-sec h2,
    section.selling h2 {
        font-size: 36px;
    }

    .icecraem {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    #header {
        padding: 16px 20px;
    }

    .navbar-collapse {
        justify-content: flex-start;
    }

    .hero-sec {
        padding: 60px 20px;
        min-height: 520px;
    }

    .hero-buttons {
        justify-content: flex-start;
    }

    .testimonials-sec {
        padding: 70px 20px;
    }

    .about-sec,
    section.products-sec,
    section.why-choose,
    .counter-section,
    section.wedding,
    section.delivery,
    section.testimonials-sec,
    section.cta-section,
    section.contact-section,
    section.accordion-sec,
    section.selling {
        padding: 50px 20px;
    }

    .feature-item {
        min-width: 220px;
    }

    .delivery-right {
        max-width: 100%;
    }

    .col-md-6.about-left {
    text-align: left;
}

}

@media (max-width: 768px) {
    .hero-sec {
        padding: 50px 18px;
        min-height: 460px;
    }

    .hero-sec h2 {
        font-size: 32px;
    }

    .hero-sec p {
        font-size: 15px;
    }

    .about-left h2,
    section.products-sec h2,
    section.why-choose h2,
    section.wedding h2,
    section.delivery h2,
    section.testimonials-sec h2,
    section.selling h2 {
        font-size: 30px;
    }

    .about-right,
    .about-left,
    .delivery-left,
    .delivery-right,
    .contact-box {
        width: 100%;
    }

    .testi-card {
        min-height: unset;
    }

    .about-right {
        text-align: center;
    }

    .about-left {
        text-align: left;
    }

    .about-left span {
        display: inline-block;
        margin-bottom: 18px;
    }

    .about-left ul {
        margin-left: 0;
        padding-left: 20px;
    }

    .about-left h2,
    .about-left p,
    .about-left ul {
        text-align: left;
    }

    .testimonials-sec .row {
        gap: 24px;
    }

    .about-left h2 {
        margin-top: 20px;
    }

    .about-right .bottom {
        left: 16px;
        bottom: 16px;
    }

    .about-left span {
        margin-bottom: 18px;
    }

    .product-box img {
        height: 240px;
    }

    .feature-item {
        flex: 1 1 100%;
    }

    .why-card,
    .wedding-box,
    .testi-card,
    .contact-box {
        padding: 22px;
    }

   .icecraem {
    grid-template-columns: 1fr 1fr !important;
}
    

    .counter-box,
    .counter-box1 {
        min-height: auto;
    }

    .col-md-6.about-left {
    text-align: left;
}

    .right-info {
        flex-direction: column;
        align-items: flex-start;
    }

    .counter-box {
    margin-bottom: 25px;
}

}

@media (max-width: 576px) {
    #header {
        padding: 12px 16px;
    }

    button.theme-btn {
    margin-bottom: 20px;
}
    .navbar-nav .nav-link {
        padding: 0.5rem 0;
    }

    .hero-sec {
        padding: 40px 16px;
        min-height: 420px;
    }

    .hero-buttons {
        justify-content: center;
    }

    .hero-sec h2 {
        font-size: 28px;
    }

    .hero-sec p,
    .delivery-right p,
    .contact-section p {
        font-size: 14px;
    }

    .contact-box {
        min-height: 240px;
        padding: 20px;
    }

    .feature-item,
    .product-box,
    .why-card,
    .wedding-box,
    .testi-card,
    .counter-box,
    .counter-box1 {
        border-radius: 22px;
    }

    .right-info {
        padding: 16px;
    }

    .icecraem img {
        height: 220px;
    }
    .counter-box1 {
    margin-bottom: 15px;
    
}
   .icecraem {
    grid-template-columns: 1fr !important;
}

.counter-box1 {
    margin-bottom: 15px;
}
.counter-box {
    margin-bottom: 15px;
}

.right-info {
    margin-bottom: 15px !important;
}
.contact-box {
    margin-bottom: 15px;
}
.col-md-6.about-left {
    text-align: left;
}

}

@media (max-width: 426px){
.contact-box {
    margin-bottom: 20px !important;
}

.about-left span {
    margin-top: 40px;
}

a.icons p {
    display: none !important;
}
.icons {
    border-radius: 10px !important;
padding: 7px 10px !important;
}
}

@media (max-width: 376px){


.navbar-toggler:focus {
    box-shadow: unset !important;
}
button.theme-btn {
    margin-bottom: 20px;
}

button.navbar-toggler {
    height: 32px !important;
    width: 50px !important;
}
.bg-body-tertiary {
    background-color: unset !important;
    padding: unset !important;
}
.navbar-toggler-icon {
    width: 1.1em !important;
    height: 1.1em !important;
}
a.navbar-brand img {
    max-width: 51px !important; 
}
#header {
    padding: 0px 5px !important;
}
.hero-sec h2 {
    font-size: 25px !important;
    font-weight: 700 !important;
}

.hero-sec {
    padding: 0px 15px !important;
    height: 350px !important;
}
.hero-sec p {
    font-size: 14px !important;
    max-width: 492px;
    padding: unset !important; 
}


section.top-features {
    padding: 5px 0px !important;
    font-size: 13px !important;
}


/* about-sec */



.about-sec {
    padding: 30px 15px !important;
}

.bottom {
    padding: 0px 8px  !important;
    font-size: 14px !important;
    width: 107px !important;
    bottom: -32px !important;
}
.about-left span {
    /* display: inline-block;
    margin-bottom: 18px; */
    margin-top: 40px;
}
.bottom img {
    max-width: 25px !important;
}

.about-left span {
    font-size: 12px !important;
}
.about-left h2 {
    font-size: 25px !important;
    font-weight: 600 !important;
    margin-top: 8px !important;
}
.about-left p {
    font-size: 14px !important;
}
.col-md-6.about-left {
    text-align: left;
}

.about-left li {
    font-size: 13px !important;
    padding-bottom: 5px !important;
}

/* Products section */

section.products-sec {
    padding: 30px 15px !important;
}

section.products-sec h2 {
    font-size: 25px !important;
}
section.products-sec p {
    font-size: 14px !important;
}
.product-box img {
    height: 220px !important;
}


/* WhatsApp: show icon only at 376px width, with 5px padding and 10px radius */
@media (max-width: 376px) {
    /* Targets elements with class or id containing "whatsapp", and a common class fallback */
    [class*="whatsapp"],
    [id*="whatsapp"],
    .whatsapp-button {
        padding: 5px !important;
        border-radius: 10px !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        background: transparent;
    }

    /* Hide any textual label inside the whatsapp element, keep icons/images */
    [class*="whatsapp"] .whatsapp-text,
    [class*="whatsapp"] .text,
    [class*="whatsapp"] span:not(.icon),
    [id*="whatsapp"] .whatsapp-text,
    .whatsapp-button .whatsapp-text,
    .whatsapp-button .text {
        display: none !important;
    }

    /* Ensure the icon/image remains visible and sized appropriately */
    [class*="whatsapp"] img,
    [class*="whatsapp"] .icon,
    [id*="whatsapp"] img,
    .whatsapp-button img,
    .whatsapp-button .icon {
        width: 28px !important;
        height: 28px !important;
        display: block !important;
    }
}
.price h5 ,
 .price h4{
    font-size: 18px !important;
}
.price {
    padding-top: 10px !important;
}
.product-box p {
    font-size: 16px !important;
    margin-bottom: 5px !important;
}

/* why-choose */



section.why-choose {
    padding: 30px 15px !important;
}
section.why-choose h2 {
    font-size: 25px !important;
}

h6 {
    font-size: 16px !important;
    padding-bottom: 3px !important;
}
.why-card {
    margin-bottom: 20px !important;
}
.why-card h3 {
    font-size: 19px !important;
    margin-top: 10px !important;
}
.why-card p {
    font-size: 14px !important;
}

/* counter-section  */

.counter-section {
    padding: 30px 15px !important;
}
.counter-box {
    border-left:unset !important;
}



/* section.wedding */

section.wedding {
    padding: 30px 15px !important;
}
section.wedding h2 {
    font-size: 25px !important;
}
.wedding-box h3 {
    font-size: 19px !important;
    margin-top: 10px !important;
    font-weight: 600 !important;
}



/* section.delivery  */


section.delivery {
    padding: 30px 15px !important;
}
section.delivery h2 {
    font-size: 25px !important;
}
.delivery-right p {
    font-size: 14px !important;
     margin-bottom: 10px !important; 
}
.right-info {
    margin-bottom: unset !important;
}
.delivery-left img {
    height: 248px !important;
    margin-top: 10px !important;
}

/* Testimonials section */

.testimonials-sec {
    padding: 30px 10px !important;
}
section.testimonials-sec h2 {
    font-size: 25px !important;
}

section.testimonials-sec p {
    font-size: 14px !important;
}
.user-info {
    margin-bottom: 10px !important;
}



/* cta-section  */

.cta-section {
    padding: 30px 15px !important;
}
.cta-section h2 {
    font-size: 25px !important;
    font-weight: 600 !important;
}
.cta-section p {
    font-size: 14px !important;
}


.contact-section {
    padding: 30px 15px !important;
}



.right-info {
    margin-bottom: 15px !important;
}
.contact-box {
    margin-bottom: 15px;
}

a.icons p {
    display: none !important;
}
.icons {
    border-radius: 10px !important;
    padding: 5px 5px !important;
}

}

@media (max-width: 320px) {

    div#navbarSupportedContent {
   margin-bottom: 10px;
}
.hero-buttons a {
    padding: 10px 26px;
}
.feature-item {
    height: 40px;
    border-radius: 10px;
}
.feature-item {
    margin-left: unset !important;
    max-width: 280px;
    margin: auto !important;
}
.bottom {
    left: 13px !important;
}
.about-left ul {
    text-align: left;
}
.col-md-6.about-left {
    text-align: left;
}

.counter-box1 {
    margin-bottom: 15px;
}
.counter-box {
    margin-bottom: 15px;
}

.right-info {
    margin-bottom: 15px !important;
}
.contact-box {
    margin-bottom: 15px;
}
section.why-choose h2, section.wedding h2, section.delivery h2, section.testimonials-sec h2, section.accordion-sec h1, section.selling h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 18px;
}
a.icons p {
    display: none;
}
.icons {
    border-radius: 10px !important;
    padding: 5px 10px !important;
}
}