.drawer-menu-item.show-dropdown {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.drawer-menu li a {
    font-family: "Marmelad", sans-serif;
}

@media screen and (min-width:1025px) {
    .side-menu button {
        display: none;
    }
}

@media screen and (max-width:1024px) {

    .navbar-toggler,
    #navbarSupportedContent {
        display: none !important;
    }

    .drawer-menu-item {
        padding: 8px 20px;
        font-size: 17px;
    }

    .drawer-menu-item:hover {
        color: #9c5420;
    }

    .drawer-dropdown-menu-item {
        line-height: 28px;
    }
}

@media screen and (min-width: 600px) {
    .mission-sec.mobile-sec {
        display: none;
    }
}

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

@media screen and (max-width: 600px) {
    p {
        font-size: 15px !important;
    }

    .top-bar {
        display: none;
    }

    .header {
        padding: 0 10px;
    }

    .side-menu a {
        display: none;
    }

    .inner-banner {
        padding: 32px 20px;
    }

    .inner-banner .ban-content h2 {
        font-size: 28px;
    }

    .hero-banner .banner-content h1 {
        font-size: 32px;
    }

    .inner-banner .breadcrumb ul {
        padding: 0;
    }

    .inner-banner .breadcrumb ul li a {
        font-size: 12px;
    }

    .hero-banner {
        padding: 55px 10px;
        height: 50vh;
    }

    .hero-banner::before {
        background: linear-gradient(72deg, rgb(0 0 0 / 60%) 100%, rgba(255, 255, 255, 0) 55%);
    }

    .after-banner {
        padding: 0px 10px;
    }

    .after-banner .inner {
        flex-wrap: wrap;
        margin-top: -50px;
    }

    .after-banner .inner .icon-box {
        width: 50%;
    }

    .after-banner .inner .icon-box:nth-child(2)::after {
        width: 0;
    }

    .after-banner .icon-box img {
        width: 50px;
    }

    .product-sec {
        padding: 30px 10px;
    }

    .heading span {
        font-size: 22px;
    }

    .heading h2 {
        font-size: 24px;
    }

    .product-sec .inner-product h3 a {
        font-size: 16px;
    }

    .mission-sec.desktop {
        display: none;
    }

    .mission-sec.mobile-sec {
        padding: 30px 10px;
    }

    .mission-sec.mobile-sec .inner-colum h4 {
        font-size: 32px;
    }

    .about {
        padding: 30px 10px;
    }
    .md-sec {
        margin: 0;
    }

    .video-sec {
        padding: 30px 10px;
    }

    .presence {
        padding: 30px 10px;
    }

    .client {
        padding: 30px 10px;
    }

    .section-1,
    .section-3,
    .why {
        padding: 30px 20px;
    }

    .why .inner-why img {
        width: 48px;
    }

    .why .inner-why .content {
        padding-left: 55px;
    }

    .brands, .single-product, .recipes, .cont-info, .contact-sec {
        padding: 30px 10px;
    }

    .brands .inner-brand h5, .recipes .inner-recipes h5 {
        font-size: 13px;
    }

    .breadcrumb {
        margin-top: 20px;
    }
    

    .footer hr {
        width: 100%;
    }

    .footer {
        padding: 20px 10px;
    }

    .footer .footer-logo img {
        width: 210px;
    }

    .footer-links ul {
        flex-wrap: wrap;
    }

    .footer-links ul li {
        padding-right: calc(20px / 2);
        padding-left: calc(20px / 2);
    }

    .footer-links ul li a {
        font-size: 12px;
    }

    #chat-icon {
        font-size: 25px;
        width: 38px;
        height: 38px;
        line-height: 38px;
    }

    .gallery-sec {
        padding: 30px 10px;
    }

}

@media screen and (max-width:375px) {}