@media screen and (max-width:1000px) {
    nav{
        flex-direction: column;
    }

    nav ul{
        justify-content: center;
        height: 34px;
    }

    .logo{
        justify-content: center;
        margin: 12px 0px;
    }

    .search{
        justify-content: center;
        top: 0;
        right: 0;
    }
    
    .search input{
        margin: 12px 16px;
    }
    .btn{
        display: none;
    }

    .slider{
        height: 23vh;
    }

    .card-item img{
        width: 140px;
    }
}