@media(width > 35rem){
    section{
        padding-inline: 20% !important;
        padding-block: 3rem !important;
    }
    .hero-mobile{
        margin-top: -5rem;
        height: 80vh;
        background-image: url(https://sherohomefood.in/wp-content/uploads/2021/05/SHF_home-slide-1.jpg);
    }
    .menu-toggle{
        display: none !important;
    }
    .menu{
        border-radius: .25rem;
        display: block !important;
        width: unset;
        position: unset;
        padding: .5rem;
        background-color: unset;
        ul{
            display: flex;
            padding: .25rem;
            a{
                color: var(--text-color);
            }
            li {
                position: relative;
            }

            li:hover{
                background-color: unset;
            }

            li::after {
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                height: 4px;
                width: 0;
                background-color: var(--primary-color);
                transition: width 0.3s ease;
                border-radius: 0;
            }

            li:hover::after {
                width: 100%;
            }

        }
    }
    nav{
        display: flex !important;
        justify-content: space-between;
    }
    
}

@media (min-width: 768px) and (max-width: 1024px) {
  .special-foods > div {
    grid-template-columns: repeat(2, 1fr);
  }
}