@media (min-width: 1200px) and (max-width:1600px) {
    .sidebar .filters.fixed{
        left: calc((100vw - 1170px) /2 + 7px);
    }
}
@media (min-width: 992px) and (max-width:1199px) {
    .sidebar .filters{
        left: calc((100vw - 970px) /2 + 7px);
        max-height: 100vh;
        overflow-y: auto;
    }
    .sidebar .filters.fixed{
        left: 0;
    }
    header .logo{
        width: 250px;
    }
    header .main-menu{
        width: calc(100% - 260px);
        margin-top: 55px;
    }
    .main-menu li{
        margin: 0 10px;
    }
    header{
        height:90px;
    }
    .home-banners .banner.big{
        height: 450px;
    }
    .home-banners .banner.small, .about-us .banner.small{
        height: 215px;
    }
    #home .services-home article:last-of-type{
        display: none;
    }
    footer .second ul{
        padding-left: 15px;
    }
    .about-us aside{
        padding: 30px 15px;
    }
    .results article .button-redirect{
        top: auto;
        bottom: 0;
    }
    .car-detail .details-item .container-video iframe{
        height: 300px;
    }
   .container-tabs-car ul li{
        width: 100%;
        border-right: 1px solid var(--border_color)!important;
        border-bottom: none;
    }
    .container-tabs-car ul li a{
        min-height: 0;
        padding: 10px 5px 8px
    }
    .container-tabs-car ul li.selected{
        background-color: var(--red);
        color:#fff;
        border: none;
    }
    .container-tabs-car ul li.selected a{
        color:#fff;        
    }
    .car-detail .details-item form .checkbox-container.gdpr p,
    #contacts-form .checkbox-container.gdpr p{
        width: calc(100% - 30px);
        float: left;
    }
    .container-tabs-car .content-tabs .tab-item#serie .dotations-list li,
    .container-tabs-car .content-tabs .tab-item#optional .dotations-list li{
        border-right: none!important;    
    }
    footer ul li form input[type="email"]{
        width: 100%;
        border-right: 1px solid #fff;
        margin-bottom: 10px;
    }
    footer ul li form input[type="submit"]{
        width: 50%;
    }
    #contacts-form input[type="submit"]{
        margin-top: 20px;
    }
}
@media (min-width: 800px) and (max-width:991px) {
    .sidebar .filters{
        left: calc((100vw - 750px) /2 + 7px);
        max-height: 100vh;
        overflow-y: auto;
    }
    .sidebar .filters.fixed{
        left: 0;
    }
   a.for-menu-mobile{
        position: absolute;
        right: calc((100vw - 750px)/2 + 5px);
        top:20px;
        color:#fff;
        z-index: 2;
        display: block;
    }
    .main-menu{
        display: none;
    }
    header{
        height: 130px;
        margin-bottom: 80px;
    }
    header .logo{
        width: 250px;
        display: inline-block;
        float: none;
    }
    header .with-menu-separator{
        text-align: center;
    }
    .home-banners .banner.big{
        height: 400px;
        margin-bottom: 21px;
    }
    .home-banners .banner.small{
        height: 300px;
        margin-left: 0;
        width: 100%;
        float: left;
    }
    .home-banners .left,
    .home-banners .right{
        padding: 0;
    }
    #home #contacts-form{
        margin-bottom: 30px;
    }
    footer .second ul{
        padding-left: 0;
    }
    footer ul li.title{
        padding-left: 0;
    }
    footer .grid>div{
        margin-bottom: 40px;
    }
    .filter-item li.title{
        font-size: 0.85rem;
    }
    .filter-item li.title > p, .filter-item li.title p > #amount-price, 
    .filter-item li.title p > #amount-km{
        margin-bottom: 5px;    
    }
    .results article .image{
        width: 30%;
        position: relative;
    }
    .results article .image:before{
        content: '';
        position: relative;
        display: block;
        padding-top: 100%;
    }
    .results article .car-info{
        width: 70%;
    }
    .results article{
        height: auto;
    }
    .results article .button-redirect{
        position: relative;
        float: right;
        top:0;
    }
    .results article .car-info{
        padding-left: 35px;
    }
    .about-us aside{
        padding: 30px 15px;
    }
    .about-us .banner .item .content-item h3{
        font-size: 1.6rem;
        line-height: 1.6rem;
    }
    .filter-item li.title .left,
    .filter-item li.title .right{
        width: 100%;
        margin-bottom: 10px;
    }
    .filter-item li.title .right input{
        float: right;
    }
    .car-detail .details-item .container-video iframe{
        height: 200px;
    }
        .container-tabs-car ul li{
        width: 100%;
        border-right: 1px solid var(--border_color)!important;
        border-bottom: none;
    }
    .container-tabs-car ul li a{
        min-height: 0;
        padding: 10px 5px 8px
    }
    .container-tabs-car ul li.selected{
        background-color: var(--red);
        color:#fff;
        border: none;
    }
    .container-tabs-car ul li.selected a{
        color:#fff;        
    }
    .car-detail .details-item form .checkbox-container.gdpr p,
    #contacts-form .checkbox-container.gdpr p{
        width: calc(100% - 30px);
        float: left;
    }
    .car-detail .g-recaptcha>div{
        transform: scale(0.75);
        margin-left: -38px;
    }
    .container-tabs-car .content-tabs .tab-item#serie .dotations-list li,
    .container-tabs-car .content-tabs .tab-item#optional .dotations-list li{
        border-right: none!important;    
    }
    .car-detail .details-item .content ul li{
        width: 100%;
    }
    footer ul li form input[type="email"]{
        width: 100%;
        border-right: 1px solid #fff;
        margin-bottom: 10px;
    }
    footer ul li form input[type="submit"]{
        width: 50%;
    }
    #contacts-form input[type="submit"]{
        margin-top: 20px;
    }
}
@media (max-width:800px) {
    .user-action-form{
        width: calc(100% - 30px);
        left: 15px;
    }
    header ul li a.for-login, header ul li a.user-logged{
        margin-top: -10px;
    }
    header{
        height: 150px;
    }
    header ul{
        float: left;
    }
    header ul.user-actions{
        text-align: left;
        width: auto;
    }
    header ul.user-actions,
    header ul.hours{
        margin-top: 15px;
    }
    header ul.user-actions li{
        float: none;
        display: inline-block;
    }
    header ul.user-actions li.last{
        float: right;
        margin-top: -10px;
        margin-right: 0
    }
    header .redirect-shop{
        position: relative;
        padding: 10px 15px;
        margin-top: 0;
        right: 0
    }
    header .redirect-shop:hover{
        color:#fff!important;
    }
    .container-fluid{
        width: 100%;
        margin-left: 0px;
    }
    
    #newsletterForm{
        margin-bottom: 0
    }    
    a.for-menu-mobile{
        position: absolute;
        right: 15px;
        top:20px;
        color:#fff;
        z-index: 2;
        display: block;
    }
    .main-menu{
        display: none;
    }
    header{
        height: 130px;
        margin-bottom: 55px;
    }
    header .logo{
        width: 180px;
        display: inline-block;
        float: none;
    }
    header .with-menu-separator{
        text-align: center;
    }
    
    #home #contacts-form{
        margin-bottom: 30px;
    }
    footer .second ul{
        padding-left: 0;
    }
    footer ul li.title{
        padding-left: 0;
    }
    footer .grid>div{
        margin-bottom: 20px;
        padding-bottom: 20px;
        position: relative
    }
    footer .grid>div:after{
        content: '';
        display: block;
        width: calc(100% - 30px);
        position: absolute;
        height: 1px;
        background-color: #fff;
        bottom: 0;
        left: 15px;
    }
    #newsletterFormFooter input[type="email"]{
        width: 100%;
        border-right: 1px solid #fff;
    }
    #newsletterFormFooter input[type="submit"]{
        margin-top: 10px;
        width: 50%;
    }
    .results aside{
        margin-bottom: 30px;
    }
    .home-banners .banner.big{
        height: 400px;
        margin-bottom: 21px;
        width: 100%;
    }
    .home-banners .banner.small{
        height: 300px;
        margin-left: 0;
        width: 100%;
        float: left;
    }
    .home-banners .left,
    .home-banners .right{
        padding: 0;
    }
    .about-us .banner .item .content-item h3, 
    .home-banners .banner .item .content-item h3, 
    .horizontal-banner .banner .item .content-item h3, 
    .horizontal-banner .banner .item .content-item h1, 
    .horizontal-banner .banner .item .content-item h2, 
    .home-car-rental .banner .item .content-item h3{
        font-size: 1.6rem;
        line-height: 1.6rem;
    }
    #home #contacts-form{
        margin-bottom: 30px;
    }
    .section-title{
        font-size: 2rem;
    }
    .show-filters{
        width: 100%;
        text-align: left;
        padding: 15px 20px 12px;
        text-transform: uppercase;
        background-color: var(--background_section);
        margin-top: 15px;
    }
    .show-filters i{
        display: inline-block;
        margin-right: 5px;
    }
    .sidebar .filters{
        margin-top: 0;
        display: none;
    }
    .sidebar .filters{
        padding: 15px 20px;
    }
    .products article{
        margin-top: 0;
        margin-bottom: 30px;
    }
    .about-us aside{
        padding: 30px 0px;
        margin-top: 30px;
    }
    .car-detail .details-item{
        padding-left: 0;
    }
    .container-tabs-car ul li{
        width: 100%;
        border-right: 1px solid var(--border_color)!important;
        border-bottom: none;
    }
    .container-tabs-car ul li a{
        min-height: 0;
        padding: 10px 5px 8px
    }
    .container-tabs-car ul li.selected{
        background-color: var(--red);
        color:#fff;
        border: none;
    }
    .container-tabs-car ul li.selected a{
        color:#fff;        
    }
    .container-tabs-car .content-tabs .tab-item#serie .dotations-list li,
    .container-tabs-car .content-tabs .tab-item#optional .dotations-list li{
        border-right: none!important;    
    }
    .car-detail .details-item form .checkbox-container.gdpr p,
    #contacts-form .checkbox-container.gdpr p{
        width: 50%;
        float: left;
    }
    .cookie-bar>a{
        margin-bottom: 30px;
    }
}
@media (max-width:500px) {

    header ul.hours{
        display: none;
    }
    header ul.contacts-header li{
        width: 100%;
        margin-bottom: 5px;
        position: relative;
        z-index: 2
    }
    header ul.contacts-header li a{
        display: inline-block
    }
    header ul.contacts-header li:last-of-type{
        margin-bottom: 0;
        width: 50%;
        top:15px;
    }
    header ul.user-actions{
        margin-top: 0;
    }
    header .less-top-25{
        margin-top: -25px;
    }
    header ul li a.for-login, header ul li a.user-logged{
        margin-top: 10px;
    }
    .results article{
        height: auto;
    }
    .results article .image{
        width: 300px;
        height: 300px;
    }
    .results article .car-info{
        width: 100%;
        padding-left: 0;
    }
    .results article .car-info h2{
        margin-top: 0;
    }
    .results article .button-redirect{
        position: relative;
        top: 0;
    }
    .car-detail .social{
        width: 100%;
        margin-top: 15px;
        text-align: right;
    }
    .car-detail hgroup.title-car{
        width: 100%;
        margin-top: 30px;
    }
    .car-detail .car-price{
        width: 100%;
        text-align: left;
        margin-top: 15px;
    }
    .services-home.services-list article .minor-title,
    .services-home.services-list article .description{
        padding-left: 20px;
        padding-right: 0;
    }
    .car-detail .g-recaptcha>div{
        transform: scale(0.75);
        margin-left: -38px;
    }
    .car-detail .details-item form .checkbox-container.gdpr p,
    #contacts-form .checkbox-container.gdpr p{
        width: calc(100% - 30px);
        float: left;
    }
    .car-detail .details-item .content ul li{
        width: 100%;
    }
    .cookie-bar>a{
        margin-bottom: 50px;
    }
}
   
@media (max-width:400px) {
 
}
@media (max-width:350px) {
 
}