.avtopage {
    justify-items: center;
    background-color: #F9FAFB;
    width: 100%;
    padding: 80px 20px 80px 20px;
    text-align: center;
}
.avtointpage {
    width: 100%;
    margin: 30px 0 70px 0;
}
.carspage {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px 1fr 50px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 50px;
    text-align: start;
    justify-items: center;
    max-width: 1720px;
    margin: 0 auto;
}
.carpage {
    border-radius: 15px;
    border: solid 1px #E5E5E5;
    padding: 20px 0 0 0;
    max-width: 540px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background-color: white;
    width: 100%;
}
.carpage:hover {
    -webkit-box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
            box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}
.carspage .carpage:last-child{
    -ms-grid-column: 2;
    grid-column: 2;
}
.imgpos {
    -ms-grid-column-align: center;
        justify-self: center;
}
.carimgpage {
    max-height: 240px;
}
.carnamepage {
    margin: 20px 20px 0 20px;
}
.carpricepage {
    padding: 20px;
    font-size: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.pricepage {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    width: 100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.carbuttonpage {
    font-size: 20px;
    color: white;
    background-color: #cf892e;
    padding: 5px 20px 0 20px;
    border-radius: 10px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.carbuttonpage:hover {
    background-color: #A65F00;
}
@media (max-width: 1760px) {
    .carspage {
        max-width: 1480px;
    }
    .carpage {
        max-width: 460px;
    }
    .carimgpage {
        max-height: 200px;
    }
    .pricepage{
        font-size: 25px;
    }
    .carbuttonpage {
        font-size: 17px;
    }
}
@media (max-width: 1550px) {
    .carspage {
        gap: 30px;
    }
}
@media (max-width: 1500px) {
    .carspage {
        max-width: 1320px;
    }
    .carpage {
        max-width: 420px;
    }
    .carimgpage {
        max-height: 180px;
    }
}
@media (max-width: 1380px) {
    .carspage {
        -ms-grid-columns: 1fr 70px 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 50px 70px;
        max-width: 990px;
    }
    .carpage {
        max-width: 460px;
    }
    .carimgpage {
        max-height: 200px;
    }
}
@media (max-width: 1060px) {
    .carspage {
        gap: 40px;
    }
}
@media (max-width: 1000px) {
    .carpage {
        max-width: 420px;
    }
    .carimgpage {
        max-height: 180px;
    }
}
@media (max-width: 935px) {
    .carspage {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .carpage {
        max-width: 540px;
    }
    .carimgpage {
        max-height: 250px;
    }
    .carspage .carpage:last-child{
        -ms-grid-column: 1;
        grid-column: 1;
    }
}
@media (max-width: 640px) {
    .carpage {
        max-width: 480px;
    }
    .carimgpage {
        max-height: 220px;
    }
}
@media (max-width: 540px) {
    .carpage {
        max-width: 420px;
    }
    .carimgpage {
        max-height: 190px;
    }
    .pricepage{
        font-size: 22px;
    }
    .carbuttonpage {
        font-size: 15px;
        padding-top: 3px;
    }
}
@media (max-width: 470px) {
    .carpage {
        max-width: 380px;
    }
    .carimgpage {
        max-height: 160px;
    }
}
@media (max-width: 425px) {
    .carpage {
        max-width: 300px;
    }
    .carimgpage {
        height: 130px;
    }
    .pricepage{
        font-size: 20px;
    }
    .carbuttonpage {
        font-size: 15px;
        padding-top: 3px;
    }
}