
/* Header Responsive */
@media(max-width:991px){

    .hm-header-inner{
        grid-template-columns:1fr;
        gap:20px;
        padding:15px 0;
    }

    .hm-nav-left{
        justify-self:center;
    }

    .hm-header-right{
        justify-self:center;
    }

    .hm-menu{
        flex-wrap:wrap;
        justify-content:center;
        gap:15px;
    }

}
/* Hero Section Responsive */
@media(max-width:991px){

    .hm-hero-content{
        flex-direction:column;
    }

    .hm-hero-text{
        text-align:center;
    }

    .hm-hero-text h1{
        font-size:40px;
    }

    .hm-hero-buttons{
        justify-content:center;
    }

}

@media(max-width:576px){

    .hm-hero-text h1{
        font-size:32px;
    }

    .hm-hero-buttons{
        flex-direction:column;
    }

}
/*category page responsive*/
@media(max-width:991px){

    .hm-category-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:576px){

    .hm-category-grid{
        grid-template-columns:1fr;
    }

}
@media(max-width:991px){

    .hm-product-image img{
        height:280px;
    }

}

@media(max-width:767px){

    .hm-product-tabs-section{
        padding:70px 0;
    }

    .hm-product-image img{
        height:240px;
    }

    .hm-product-content{
        padding:15px;
    }

    .hm-product-content h3{
        font-size:16px;
        min-height:45px;
    }

    .hm-price{
        font-size:18px;
    }

}
@media(max-width:991px){

    .hm-why-grid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .hm-why-content{
        text-align:center;
    }

    .hm-features{
        grid-template-columns:1fr;
    }

}

@media(max-width:767px){

    .hm-why-section{
        padding:80px 0;
    }

    .hm-why-content h2{
        font-size:34px;
    }

}
@media(max-width:991px){

    .hm-kids-grid{
        grid-template-columns:1fr;
    }

    .hm-kids-content{
        text-align:center;
    }

}