:root {
    --main-color: #ED1C24;
    --black-color: #231F20;
    --border: 0.1rem solid rgba(255,255,255,0.3) ;
    --gray: rgb(220, 217, 217) ;
}


@media (max-width: 3500px) {
    .urunler{
        width: 3500px;
    }
}
@media (max-width: 3400px) {
    .urunler{
        width: 3400px;
    }
}
@media (max-width: 3350px) {
    .urunler{
        width: 3350px;
    }
}
@media (max-width: 3250px) {
    .urunler{
        width: 3250px;
    }
}
@media (max-width: 3150px) {
    .urunler{
        width: 3150px;
    }
}
@media (max-width: 3050px) {
    .urunler{
        width: 3050px;
    }
}
@media (max-width: 2950px) {
    .urunler{
        width: 2950px;
    }
}
@media (max-width: 2850px) {
    .urunler{
        width: 2850px;
    }
}
@media (max-width: 2750px) {
    .urunler{
        width: 2750px;
    }
}
@media (max-width: 2650px) {
    .urunler{
        width: 2650px;
    }
}
@media (max-width: 2550px) {
    .urunler{
        width: 2550px;
    }
}
@media (max-width: 2450px) {
    .urunler{
        width: 2450px;
    }
}

@media (max-width: 2350px) {
    .urunler{
        width: 2350px;
    }
}

@media (max-width: 2250px) {
    .urunler{
        width: 2250px;
    }
}
@media (max-width: 2200px) {
    .urunler{
        width: 2200px;
    }
}
@media (max-width: 2100px) {
    .urunler{
        width: 2100px;
    }
}
@media (max-width: 2000px) {
    .urunler{
        width: 2000px;
    }
}
@media (max-width: 1500px) {
    .urunler{
        width: 1500px;
    }
}
@media (max-width: 1400px) {
    .urunler{
        width: 1400px;
    }
}
@media (max-width: 1300px) {
    .urunler{
        width: 1300px;
    }
}
@media (max-width: 1250px) {
    .urunler{
        width: 1250px;
    }
}
@media (max-width: 1200px) {
    .urunler{
        width: 1200px;
    }
}
@media (max-width: 1150px) {
    .urunler{
        width: 1150px;
    }
}
@media (max-width: 1100px) {
    .urunler{
        width: 1100px;
    }
}
@media (max-width: 1050px) {
    .urunler{
        width: 1050px;
    }
}
@media (max-width: 1000px) {
    .urunler{
        width: 1000px;
    }
}
@media (max-width: 950px) {
    .urunler{
        width: 950px;
    }
}

@media (max-width: 991px) {
    #seritf{
        margin-top: 50px;
    }

    .urunler{
        width: 1100px;
    }
}
@media (max-width: 930px) {
    .urunler{
        width: 930px;
    }
}
@media (max-width: 900px) {
    .urunler{
        width: 900px;
    }
}


@media (max-width: 840px) {
    .urunler{
        width: 840px;
    }
}



@media (max-width: 768px) {
    .urunler{
        width: 768px;
    }
}
@media (max-width: 730px) {
    .urunler{
        width: 730px;
    }
}
@media (max-width: 700px) {
    .urunler{
        width: 700px;
    }
}
@media (max-width: 680px) {
    .urunler{
        width: 680px;
    }
}
@media (max-width: 650px) {
    .urunler{
        width: 650px;
    }
}
@media (max-width: 620px) {
    .urunler{
        width: 620px;
    }
}
@media (max-width: 600px) {
    .urunler{
        width: 600px;
    }
}


@media (max-width: 576px){

    .urunler{
        width: 576px;
    }
    /* .footer{
        margin-top: 1600px !important;
    } */
}

@media (max-width: 530px){
    .urunler{
        width: 530px;
    }
}

@media (max-width: 450px){
    .urunler{
        width: 450px;
    }
}
@media (max-width: 420px){
    .urunler img{
        width: 420px;
    }
}
@media (max-width: 400px){
    .urunler{
        width: 400px;
    }
}
@media (max-width: 370px){
    .urunler{
        width: 370px;
    }
}
@media (max-width: 350px){
    .urunler{
        width: 350px;
    }
}
@media (max-width: 320px){
    .urunler{
        width: 320px;
    }
}
@media (max-width: 300px){
    .urunler img{
        width: 300px;
    }
}