@media (max-width: 768px) {


    .menu-toggle {
        display: flex !important;
    }

    .nav-links {
        display: none !important;
        position: absolute;
        top: 60px;
        right: 0;
        background: white;
        width: 100%;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        z-index: 1000;
    }

    .nav-links.active {
        display: flex !important;
        flex-direction: column !important;
        align-items: center;
        padding: 15px;
        gap: 1rem;
    }

    .nav-links ul {
        flex-direction: column;
        width: 90%;
    }
    .header-right ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        padding: 0;
        padding: 0;
    }
    .body .base{
        height: auto !important;
        flex-direction: column !important;
        padding: 25px !important;
        z-index: 1;

    }
    .base-left{
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .first-line p {
        font-size: 1.6rem !important;
        font-weight: bold;
        color: #333;
        margin: 0;
        line-height: 1;
    }

.base-right img {
    height: auto !important;
}

.header-right ul {

    width: auto;
}
.header-right ul li {
    font-size: 0.8rem;
}
.header-right ul .selected {
    font-size: 0.9rem !important;
}
.second-line span{
    font-size: 1.2rem !important;
}
.what-we-offer h1 {
    font-size: 1.5rem !important;
}
.what-we-offer-content {
    flex-direction: column !important;
}

.what-we-offer-content .product-card {

    width: -webkit-fill-available !important;
}
.header .logo {
    height: 35px !important;
}
.our-story-texts h1, .cooking-ideas h1 {
    font-size: 1.5rem !important;

}
.cooking-ideas-content {
    display: flex !important;
    flex-direction: column !important;
}

.cooking-idea-card {
    margin-bottom: 0rem !important;

}
.follow-us p {
    flex-direction: column !important;
}
.our-story-content {
    display: flex !important;
    flex-direction: column !important;
}
.our-story, .cooking-ideas {
    width: 95% !important;
}
.our-story-texts p {
    font-size: 0.9rem !important;

}
.video-section div {
    display: flex;
    gap: 5px;
    flex-direction: column !important;
}
.sunny-gosyo-con img {
    height: fit-content !important;
    width: 90% !important;
}
.gosyo-con {
    display: flex;
    align-items: center !important;

    flex-direction: column !important;
}
.gosyo-con {

    gap: 1rem !important;
}

    .sunny-texts h2 {
        font-size: 1.2rem !important;
    }
.sunny-texts p {
    font-size: 1rem !important;
}
.header-right .nav-links{
    flex-direction: column !important;
    gap: 1rem;
}
.header-right .contact-us {

    width: max-content !important;
}

.header-right .nav-links {
    align-items: center !important;
    gap: 2px !important;
    padding: 5px !important;
}
.our-story-content {

    gap: 1rem !important;
}

.our-story, .cooking-ideas {

   padding: 1rem !important;
}

.video-section h2 {

    margin-top: 1rem;
}
.carousel-wrapper {
    height: 360px !important;
}

.carousel-container {
    height: calc(100% - 28px);
}

.carousel-container .hero-image {
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.sunny-texts a {

    font-size: 0.9rem;
}

}