@media only screen and (max-width:979px) {
    #VehicleListPaging {
        width: auto;
        float: none;
        margin-left: 3%;
    }

    div#PageTitleAndCompare {
        margin-left: 5%;
        margin-right: 5%;
        width: auto;
        background: 0 0;
    }

    div#VehicleListHead > div.Right {
        width: 40%;
    }

    div#VehicleListW {
        width: 100%;
        border: none;
        background: #fff;
        box-shadow: none;
        margin: 0;
    }

    div#VehicleListHead div.Right div.Right {
        margin-top: 20px;
    }

    div#VehicleListed {
        font-size: 12px;
        right: 16px;
        top: 40px;
    }

    div#Vehicles {
        width: 100%;
    }

    div.VehiclesRankingTitles {
        margin: 0 2.6% 0 2.6%;
    }

    div.VehicleListDiv div.ContentDiv, div.AracOzeti, div#VehicleListHead {
        margin-left: 2.6%;
        margin-right: 2.6%;
        width: 94.8%;
    }

        div.AracOzeti > table {
            width: auto;
        }

    a#AllVehicle {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    #ListeCode {
        display: none !important;
    }

    div#PageTitleAndCompare {
        height: 125px;
    }

    div#Vehicles {
        min-height: 550px;
    }

    div#PageTitleAndCompare h1 {
        padding-top: 10px;
    }

    div#CompareList, div.PlaceHolder, span.VehicleListCompareBtn, a.ContentA span.Content.AltKategoriAdi {
        display: none !important;
    }

    div#VehicleListHead div.Right div.Right {
        display: none;
    }

    div#VehicleListHead > div.Right {
        width: 100%;
    }

    div#VehicleListHead {
        height: 44px;
    }

    div#VehicleListed {
        right: 0;
        margin-right: 0;
        width: 20%;
        top: 25px;
        line-height: 17px;
        font-size: 13px;
    }

    div.VehicleListDiv div.ContentDiv {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    div.AracOzeti, div.ContentDiv span.DetayAcKapa {
        display: none !important;
    }

    a.ContentA span.Content {
        height: 19px;
        line-height: 19px;
        float: none;
        position: absolute;
        width: 33% !important;
        padding-left: 0;
        text-align: left;
    }

    a.ContentA span.FirstPhoto {
        height: auto;
        left: 0;
        top: 0;
        width: 140px !important;
    }

    a.ContentA span.Content.FirstPhoto img {
        max-width: 138px;
        max-height: 92px;
        margin-top: 29px;
    }

    a.ContentA span.Content.KategoriAdi {
        left: 144px;
        top: 28px;
    }

    a.ContentA span.Content.DetayAdi {
        left: 144px;
        top: 50px;
        display: block;
        line-height: 19px;
        height: 41px;
        overflow: hidden;
    }

    a.ContentA span.Content.YakitTipiAdi {
        left: 144px;
        top: 76px;
        width: 125px;
    }

    a.ContentA span.Content.VitesTipiAdi {
        left: 144px;
        top: 98px;
        width: 125px;
    }

    a.ContentA span.Content.Km {
        top: 28px;
    }

    a.ContentA span.Content.ModelYili {
        top: 50px;
    }

    div.ContentDiv span.EskiFiyati {
        bottom: auto;
        right: 0;
        top: 76px;
        width: 33%;
    }

    a.ContentA span.Content.Km, a.ContentA span.Content.ModelYili, a.ContentA span.Content.SatisFiyati, div.ContentDiv span.EskiFiyati {
        text-align: right;
        width: 28%;
        right: 5%;
    }

    a.ContentA span.Content.SatisFiyati {
        right: 3%;
        width: 30%;
        top: 98px;
        font-size: 22px;
    }

    div.ContentDiv span.SatildiDurumu {
        top: 29px;
    }

    div#Paging {
        height: 25px;
        margin-right: 3%;
    }

        div#Paging a {
            line-height: 25px;
            padding: 0 2px;
            margin: 0 7px;
            font-size: 16px;
        }
}

@media only screen and (max-width:639px) {
    div.ContentDivPhoto {
        width: 50% !important;
    }

    div#VehicleListed {
        padding-left: 3px;
    }

    a.ContentA span.Content.SatisFiyati {
        font-size: 15px;
    }
}

@media only screen and (max-width:479px) {
    div#VehicleListed {
        right: auto;
        left: 0;
        width: 220px;
        top: 85px;
        line-height: 17px;
        font-size: 17px;
    }

    div#VehicleListHead {
        height: 90px;
    }

    div.ContentDiv span.LocationName {
        margin-left: 10px;
        float: left;
        margin-top: 5px;
    }
}

@media only screen and (max-width:444px) {
    div#VehicleListed {
        top: 80px;
    }
}

@media only screen and (max-width:430px) {
    a.ContentA span.Content.SatisFiyati {
        font-size: 18px;
    }
}

@media only screen and (max-width:420px) {
    div.ContentDivPhoto {
        width: 100% !important;
    }
}