@media screen and (max-width:500px ) {
    .item {
        width: 100%;
        height: 450px;
    }

    .wrap {
        width: 100%;
    }
}

@media (min-width:500px) and (max-width:700px ) {
    .item {
        width: 50%;
    }

    .masa {
        width: 50%;
    }
}

@media (min-width:100px) and (max-width:920px ) {

    .logo-box,
    .login {
        width: 100%;
    }

    input .btn-sm {
        height: 50px;
        color: red;
    }

    .mySidebarnav {
        display: inline;
    }

    .navbar-buyuk {
        display: none;
    }
}

@media (min-width:920px) and (max-width:1280px ) {

    .logo-box,
    .login {
        width: 80%;
    }

    .login {
        margin-top: 20px;
    }

    input .btn-sm {
        height: 50px;
        color: red;
    }

    #mySidebarnav {
        display: none;
    }

    .navbar-buyuk {
        display: inline;
    }
}

@media (min-width:700px) and (max-width:920px ) {
    .item {
        width: 50%;
        height: 430px;
    }
}

@media (min-width:920px) and (max-width:1070px ) {
    .item {
        width: 33.3%;
        height: 380px;
    }
}

@media (min-width:1070px) and (max-width:2000px ) {
    .item {
        width: 25%;
    }

    #mySidebarnav {
        display: none;
    }

    .navbar-buyuk {
        display: inline;
    }
}




@media (max-width:530px ) {


    .giris {
        width: 100%;
    }

    .w3-container menu w3-padding-32 w3-white {
        color: black;
    }
}



@media (min-width:530px) and (max-width:780px ) {


    .giris {
        width: 50%;
    }
}


@media (min-width:780px) and (max-width:1030px ) {


    .giris {
        width: 33.3%;
    }
}




@media (min-width:1030px) and (max-width:1280px ) {


    .giris {
        width: 25%;
    }
}


@media (min-width:1280px) and (max-width:2000px ) {


    .giris {
        width: 20%;
    }
}








@media (min-width:768px) and (max-width:920px ) {


    li .kategori {
        width: 25%;
    }
}




/*   GİRİS CSS    */