/* Responsive */

@media (max-width:768px) {

    body{
        overflow-x:hidden;
    }

    header{
        padding:15px 20px;
        flex-direction:column;
        gap:15px;
    }

    .logo h2{
        font-size:32px;
    }

    nav{
        width:100%;
    }

    nav ul{
        flex-wrap:wrap;
        justify-content:center;
        gap:15px;
        margin:0;
    }

    nav ul li{
        margin:0;
    }

    .icons{
        width:100%;
        justify-content:center;
        flex-wrap:wrap;
        gap:15px;
    }

    .search-box{
        width:100%;
        margin-right:0;
    }

    .search-box input{
        width:100%;
    }

    .categories{
        padding:40px 20px;
    }

    .categories h2{
        font-size:32px;
        margin-bottom:30px;
    }

    .category-container{
        grid-template-columns:repeat(2,1fr);
        gap:20px;
    }

    .category{
        padding:20px;
    }

    .category img{
        width:80px;
        height:80px;
    }

    .category h3{
        font-size:18px;
    }

    footer{
        padding:40px 20px;
    }

    .footer-container{
        grid-template-columns:1fr;
        text-align:center;
        gap:30px;
    }
}

@media (max-width:480px){

    .category-container{
        grid-template-columns:1fr;
    }

    .logo h2{
        font-size:28px;
    }

    .categories h2{
        font-size:28px;
    }
}