@charset "UTF-8";

/* Sale Block ------------------*/
.saleBlc .txt{
font-size:160%;
margin:8% 0 0;
}

/* New List ------------------*/
.newList{
margin:12% 0 0;
}

.newList dt{
color:#b71212;
font-size:210%;
width:20%;
float:left;
clear:left;
}

.newList dd{
font-size:120%;
color:#000;
width:78%;
padding-left:22%;
}

/* Cars List ------------------*/
.carsList{
padding:7% 0 24%;
margin:5% 0 0;
}

.carsList li{
width:48%;
float:left;
position:relative;
}

.carsList li:nth-child(even){
float:right;
}

.carsList .ttl{
font-size:180%;
position:relative;
z-index:2;
}

.carsList li:nth-child(even) .ttl{
text-align:right;
}

.carsList .img{
width:120%;
position:absolute;
top:-150%;
left:-20%;
}

.carsList li:nth-child(even) .img{
right:-20%;
left:0;
}

/* Partners Block ------------------*/
.partnersBlc{
background-color:#f8f8f8;
max-width:780px;
padding:12px;
margin:0 0 7%;
float:right;
position:relative;
z-index:3;
}

.partnersBlc .ttl{
font-size:110%;
color:#b71212;
margin:0 0 10px;
}

.partnersList li{
width:23.5%;
margin:0 2% 2% 0;
float:left;
}

.partnersList li:nth-child(4n+4){
margin:0 0 2%;
}

@media screen and (max-width: 1450px) {
/* Cars List ------------------*/
.carsList{
padding:7% 0;
}

.carsList .img{
width:100%;
position:static;
top:0;
left:0;
}

.carsList li:nth-child(even) .img{
right:0;
}
}

@media screen and (max-width: 768px) {
.saleBlc .txt{
font-size:140%;
}

/* New List ------------------*/
.newList dt{
font-size:180%;
width:100%;
margin:0 0 20px;
float:none;
}

.newList dd{
font-size:100%;
width:100%;
padding-left:0;
}

/* Cars List ------------------*/
.carsList .ttl{
font-size:140%;
}
}

@media screen and (max-width: 480px) {
.saleBlc .txt{
font-size:120%;
}

/* Partners Block ------------------*/
.partnersList li{
width:49%;
}

.partnersList li:nth-child(4n+4){
margin:0 0 2%;
}

.partnersList li:nth-child(2n+2){
margin:0 0 2%;
}
}