@media (max-width:420px) {
    .navbar-default .navbar-collapse.collapse.in{width: 100vw;}
}

@media (max-width:540px) {
    .header-haut .container{padding: 0 20px;}
    .header-haut .logo{max-width: 230px;}
    .header-haut .logo h1{font-size: 18px;}
    .header-haut .logo h1 a{white-space: wrap;}
    body .liste-occasions .liste-occasions__items .liste-occasions__item,
    body .page-gamme .page-gamme__liste-vehicules .page-gamme__vignette,
    .page-gamme__vignette .page-gamme__vignette-url,
    .page-gamme__vignette-url .page-gamme__vignette-img,
    .page-gamme__vignette-url .page-gamme__vignette-img img{width: 100%;}
    .header-gamme{flex-direction: column; gap: 0;}
    .header-gamme .logo-header-gamme{justify-content: center; width: 100%;}
    .page-fiche > .container > .row{gap: 20px 0;}
    .image-actualite .image-fiche{height: 200px;}
    .image-actualite .image-fiche .row,
    .image-actualite .image-fiche .row .col-sm-12{height: 100%;}
    .titre-actualite a{display: flex; font-size: 20px; line-height: 24px;}
    .bloc-fiche .row, .head-fiche .row{flex-direction: column; text-align: center;}
    .titre-prix{text-align: center;}
    body .head-fiche.gamme-fiche-header .logo-header-gamme{justify-content: center;}
    .page-fiche-contact .page-contact .bloc-contact{min-width: inherit;}
    .page-accueil .section-intro__header .section-intro__title{width:100%;}
    .section-intro__contact .section-intro__multi-contact{right: inherit;}
    .bloc-map__magasin .image-map{flex-direction: row; align-items: center; width: 89%; justify-content: space-between;}
    .section-services__photos-gammes a{width: 100%; max-height: 180px;}
    .section-services__photos-gammes a img{object-fit: cover;}
    .cta-gammes-4-marques.section-services__detail-gammes .section-services__arrow{min-height: 60px;}
    .cta-gammes-4-marques .section-services__liste-gammes h2{margin-bottom:0;}
    .cta-gammes-4-marques .section-services__liste-gammes ul{display:none;}
    .section-services__photos-gammes.gammes-4-marques a .mobile-title{display:block;}
    .section-services__photos-gammes{gap: 0; margin-bottom: 30px;}
    .section-services__photos-gammes a:hover img{opacity: 0.7;}
    .section-services__photos-gammes a{display:none;}
    .section-services__photos-gammes.gammes-aprilia-mg a:nth-child(1),
    .section-services__photos-gammes.gammes-aprilia-mg a:nth-child(3),
    .section-services__photos-gammes.gammes-4-marques a,
    .section-services__photos-gammes.gammes-aprilia a:first-child,
    .section-services__photos-gammes.gammes-moto-guzzi a:first-child,
    .section-services__photos-gammes.gammes-scooter-only a:last-child{display: flex;}
}

@media (max-width:650px) {
    .page-accueil .section-intro__footer{flex-wrap: wrap;}
    .actualites-accueil{display: flex;  flex-direction: column;}
    .pagination-liste .row .col-sm-6,
    body .autres-actualites .autres-actualites__item{width: 100%;}
    .actualites-accueil__item .actualites-accueil__titre a{font-size: 15px;}
    .actualites-accueil__article1.actualites-accueil__item .actualites-accueil__titre {bottom: 0; top: inherit;}
    .page-accueil .bloc-titre{flex-direction: column; align-items: flex-start; gap: 10px;}
    body .section-services .section-services__detail ul li{width: 100%; height: 200px;}
    .section-services__liste-gammes ul{flex-wrap: wrap;}
    .section-services__detail-gammes{align-items: stretch;}
    .section-services__detail-gammes .section-services__arrow{height: auto;}
    .pagination-liste .row{flex-wrap: wrap; justify-content: center; text-align: center;}
    .filtre__criteres .panel-default .panel-collapse{margin-left: -55px;}
    .page-template-accesoires .filtre,
    .page-template-occasions .filtre{margin-bottom: 30px;}
    .page-gamme .page-gamme__liste-vehicules .page-gamme__vignette {width: 47%;}
    .bloc-actualite {padding: 50px 0 112px;}
    .titre-accueil span{font-size: 20px;}
}

@media (max-width:768px) {
    .margin-top-70 {margin-top: 35px;}
    .g-recaptcha{transform: scale(0.9);}
    
    .bloc-image .carousel-control svg{
        filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .7));
        -webkit-filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .7));
    }
    .bloc-image .carousel-control.left{
        background: none;
        position: absolute;
        top: 100px;
        left: 10px;
    }
     .bloc-image .carousel-control.right{
        background: none;
        position: absolute;
        top: 100px;
        right: 55px;
    }
    .image-fiche {
        box-shadow: 0 1px 5px 0 rgba(46,56,67,.25);
        height: 250px;
        overflow: hidden;
    }
    
    .fiche-actualite .titre-actualite {font-size: 18px;}
    .numerotation{padding: 10px 22px;}
    
    .sepspe{height: 20px;}
    
    .nav-laterale,
    footer .container .logo{display: none;}
    
    .bloc-personnel {border: 1px solid #000;}
    
    textarea.form-contact{height: 120px;}
    .container-logo-home {display: flex;}
    .affichage-bloc-xs{display: block;}
    
    .image-partenaire {
        float: none;
        margin-left: 0;
        margin-bottom: 20px;
    }
    .image-partenaire img{margin: 0 auto;}
    .image-map {text-align: center;}
    .logo{white-space: normal;}
    .post-footer{position: relative;}
    
    .btn-map {left: calc(50% - 103px);}
    
    .visible-xs-f{
        display: block !important;
        visibility: visible !important;
    }
    .img-float-right {
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
    }
    
    .img-float-left {
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
    }
    
    .tel-concess-home {
        position: static;
        text-align: center;
    }
    
    .titre-accueil, .bloc-module h2 {
        font-size: 23px;
        padding-top: 5px;
        text-align: center;
        margin-top: 18px;
    }
    
    .bloc-titre .titre-accueil{text-align:left;}
    .text-footer{margin-bottom: 15px;}
    
    .liste-accessoire .formbutton{width: 93% !important;}
    
    .mod-search-wrapper .col-md-3{width: 50%;}
    
    .horaire-footer{
        padding: 15px 0;
        clear: both;
    }
    
    .voir-detail-occasion{display: none;}
    
    .cv-carousel-sans, .cv-carousel{margin-top: 10px;}
    
    .navbar-default .navbar-toggle .icon-bar{background-color: #d29b00;}
    
    .navbar-default .navbar-toggle{border-color: #fff;}
    
    .text-contact-noir {
        font-size: 10px;
        display: block;
    }
    .bloc-contact {
        margin-top: 30px;
        padding: 20px 10px;
    }
    
    .page-gamme .carousel-control{top: 46%;}
    
    .txt-header-gamme {
        font-size: 20px;
        line-height: 35px;
        padding: 10px 0;
    }
    
    .slider .carousel-control.left {left: 0px;}
    .slider .carousel-control.right {right: 50px;}
    
    .slider .carousel-control.right svg{transform: scale(0.7, 0.7);}
    .slider .carousel-control.left svg{transform: scale(-0.7, -0.7);}
    
    .tel-magasin-footer{margin-top: 0;}
    
    .mail-magasin-footer{margin-top: -5px;}
    
    .carousel-control {top: 46%;}
    
    .voir-plus-accueil {margin-bottom: 30px;}
    
    .voir-tout-accueil {bottom: 35px;}
    
    .logo-slider {padding: 4px;}
    
    .carousel-caption {
        font-size: 14px;
        top: 0px;
    }
    .filtre {margin-bottom: 25px;}
    
    .navbar-default .navbar-nav > li > a {
        text-align: right !important;
        margin-right: 15px;
    }
    
    .navbar-default .navbar-nav .open .dropdown-menu > li > a{
        color: #000;
        width: calc(100% - 15px);
        padding-left: 50px;
    }
    
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color: #d29b00;}
    .theme-aprilia .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{color: #ff0000;}
    
    .sticky .navbar-nav {float: none;}
    
    .navbar-default .navbar-brand {
        color: #fff;
        display: block;
        padding: 7px 15px;
        font-size: 20px;
    }
    
    .navbar-default .navbar-brand:hover{color: #fff;}
    
    .sticky .navbar-brand.logo {
        line-height: 36px;
        font-size: 17px;
    }
    .page-fiche,
    .page{padding: 50px 0 80px;}
    .carousel-indicators.hidden-xs{display: block !important; width: 80%;}
    #sliderCarousel .carousel-indicators li,
    #sliderCarousel .carousel-indicators li.active{width: 25px; height: 5px;}
    .carousel-indicators{bottom: -36px; translate: -50% 0; margin-left: 0;}
    .carousel-indicators li{background-color: #000; box-shadow: none;}
    .liste-occasions .liste-occasions__items .liste-occasions__item {width: 46%;}
    
    .bloc-fiche .row .col-sm-5,
    .bloc-fiche .row .col-sm-7,
    .head-fiche .row .col-sm-9,
    .head-fiche .row .col-sm-3{padding:0;}
    
    .bloc-fiche .row ,
    .head-fiche .row{justify-content: space-between; gap: 20px;}
    .bloc-fiche .row::before,
    .bloc-fiche .row::after,
    .head-fiche .row::before,
    .head-fiche .row::after{display:none;}
    .page-fiche.detail-annonce > .container > .row{gap: 20px 0; padding: 0;}
    .head-fiche .col-sm-9 .titre{font-size: 22px;}
    .bloc-image .image-fiche{height: auto; box-shadow: none;}
    .bloc-image .image-fiche > .row{flex-direction: column; margin: 0;}
    .bloc-image .image-fiche > .row .col-sm-9,
    .bloc-image .image-fiche > .row .col-sm-3{padding: 0; width: 100%;}
    .cv-carousel{height: auto !important;}
    .cv-carousel .cv-stage-outer{width: 100%;}
    .image-fiche .cv-carousel-sans,
    .cv-carousel .cv-stage{display: flex; gap: 10px; flex-wrap: wrap;}
    .cv-carousel.cv-drag .cv-item{max-height: 90px; width: 120px;}
    .cv-carousel .cv-nav{display:none;}
    .image-fiche .cv-carousel-sans .item{width: 120px;}
    .page-fiche-contact #contact.visible-xs{display:none !important;}
    .page-fiche-contact .page-contact .bloc-contact{margin-top:0; padding: 20px 25px 30px}
    .page-accueil .section-intro__header .section-intro__title{max-width: 100%; text-align:left; margin-right: 30px;}
    .page-fiche.detail-annonce > .container > .row > .col-sm-12{width: 100%; word-break: inherit;}
    .detail-annonce .bloc-fiche {padding: 15px 0;}
}


@media (max-width:960px) {
    .row{margin-left: 0; margin-right: 0;}
    .page-pva .slider{margin-top: 71px;}
    .page-pva.page-template .slider{margin-top: 0;}
    .les-marques ul{display:none;}
    .page-accueil .section-intro{padding: 80px 0; max-width: 600px; margin: 0 auto;}
    .page-accueil .section-intro .container{max-width: inherit;}
    .page-accueil .section-intro__footer{position: initial; width: 100%; justify-content: center; gap: 20px; padding: 0;}
    .page-accueil .CLArticle.no-img > div,
    .page-accueil .CLArticle .CLArticle__txt{padding-top: 20px; padding-bottom: 30px; width: 100%;}
    .page-accueil .section-intro__header{position: relative; padding: 0; margin-bottom: 20px; width: 100%; flex-wrap: wrap;}
    .page-accueil .CLArticle{flex-direction: column; gap: 10px;}
    .page-accueil .CLArticle img.img-responsive{width: 100%;}
    .carousel-inner > .item > a > img,
    .carousel-inner > .item > img{min-width: 100vh;}
    .autres-actualites{flex-wrap: wrap;}
    .autres-actualites .autres-actualites__item{width: calc(50% - 16px);}
    .liste-occasions .pagination-liste .row{gap:20px; justify-content: space-between;}
    .gamme-fiche-header .row{flex-wrap: wrap; justify-content: space-between;}
    .gamme-fiche-header .row::before,
    .gamme-fiche-header .row::after,
    .detail-occasion-accueil .row::before,
    .detail-occasion-accueil .row::after,
    .pagination-liste .row::before,
    .pagination-liste .row::after{display: none;}
    .fiche-gamme.bloc-fiche .bloc-image,
    .bloc-fiche .bloc-image .row,
    .fiche-gamme .row .col-sm-5,
    .gamme-fiche-header .row .col-sm-3,
    .gamme-fiche-header .row .col-sm-6,
    .detail-annonce .row .col-sm-12,
    .header-haut .row .col-sm-4,
    .header-haut .row .col-sm-8,
    .detail-occasion-accueil .row .col-xs-7,
    .detail-occasion-accueil .row .col-xs-5,
    .detail-occasion-accueil .row .col-xs-6,
    .pagination-liste .row .col-sm-6,
    .pagination-liste .row .col-sm-3{padding:0;}
    .gamme-fiche-header .row .col-sm-3:first-child{width: 100%;}
    .head-fiche.gamme-fiche-header .logo-header-gamme{justify-content: flex-start; margin-bottom: 20px;}
    .titre-page-occasion,
    .form-liste .col-sm-12{padding: 0 30px;}
    .page-liste-vehicules .titre-page-occasion{padding: 0 0 30px; margin-top: 0; font-size: 22px;}
    .page-template-accesoires .filtre,
    .page-template-occasions .filtre{padding: 20px 10px;}
    .filtre .filtre__criteres{flex-wrap: wrap; gap: 20px;}
    .filtre__criteres .panel-default{min-width: 150px;}
    .page-gamme__vignette-url .page-gamme__vignette-title{font-size: 16px;}
    .bloc-fiche .row,
    .head-fiche .row,
    .bloc-fiche .bloc-image{padding: 0 25px;}
    .bloc-fiche .head-fiche.description{padding: 30px 25px 10px;}
    .page-accueil .section-intro__header.display-top-left{padding:0;}
    .section-services__detail .section-services__nous-contacter .close-multi-contact{top: -40px; right: 0;}
    .section-services .section-services__detail .section-services__nous-contacter a{padding: 9px 12px; font-size: 14px;}
    .CLArticle.politique h1.magasin{font-size: 24px;}
    .demande .logo-slider {
        height: auto;
        width: 100%;
    }
    .demande .nav-tabs {
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .demande .nav-tabs > li > a{border-right: 1px solid #ddd;}
    .page-fiche-contact .CLArticle{overflow: hidden;}
    .page-location .location{overflow-x: scroll;}
    .page-location .location .bloc_liste{min-width: 900px;}
    .page-location .location .col-xs-12{padding:0;}
}

@media (max-width:1100px) {
    .section-services{flex-direction: column; max-width: 800px; margin: 0 auto; padding: 0 30px;}
    .section-services .section-services__gammes,
    .section-services .section-services__detail{width: 100%;}
    .section-services .section-services__detail ul li{height: 250px;}
    .liste-occasions .liste-occasions__items{gap: 30px;}
    .liste-occasions__items .liste-occasions__item {width: 30%;}
    .page-gamme__liste-vehicules .page-gamme__vignette{width: 30%;}
    .page-gamme .page-gamme__liste-vehicules{gap: 40px 30px; margin-top: 0;}
    .logo-header-gamme{width: 33%; min-width: 220px;}
    body .page-fiche.page-fiche-contact > .container > .row > .col-sm-8,
    body .page-fiche > .container > .row > .col-sm-8 {width: 100%; max-width: 800px; margin: 0 auto; padding: 0;}
    .page-fiche-contact > .container .row::before,
    .page-fiche-contact > .container .row::after,
    .page-fiche > .container > .row > .col-sm-4{display: none;}
    .titre-actualite-liste{font-size: 26px;}
    .section-criteres{gap: 12px 10px;}
    .head-fiche.description{padding: 30px 10px 10px;}
    body .page-fiche.page-fiche-contact > .container > .row > .col-sm-4.page-contact,
    .page-fiche > .container > .row > .col-sm-4.page-contact{display: block; width: 100%; max-width: 600px; padding: 0; margin: 30px auto;}
    .page-fiche-contact > .container > .row{flex-direction: column; max-width: 600px; margin: 0 auto;}
    .page-fiche-contact .page-contact{margin-bottom: 0;}
    .page-fiche-contact .header-title{margin-top: 0; padding: 20px 0;}
    .page-fiche-contact .header-title .row{margin: 0; flex-direction:column; align-items: flex-start; gap: 20px;}
    .page-fiche-contact .header-title .col-sm-8,
    .page-fiche-contact .header-title .col-sm-6{width: 100%; padding:0;}
    .page-fiche-contact .header-title .a-droite ul{display:flex; align-items: center; gap: 15px; margin:0; padding: 0;}
    .page-fiche-contact .header-title .a-droite ul li{margin-left: 0; margin-bottom: 0;}
    .page-fiche-contact .page-contact .corp-contact{padding-bottom: 20px;}
    .page-fiche-contact .page-contact .header-title.concession-RS{padding-bottom: 0;}
}

@media (max-width:1530px) {
    .container{padding: 0 30px;}
    .section-services .section-services__detail ul li{width: 47%;}
    .section-services__detail .section-services__nous-contacter a.section-services__concession-unique,
    .section-services__concession-unique .concession-unique__title strong,
    .section-services__detail .section-services__nous-contacter,
    .section-services .section-services__detail a{font-size: 22px;}
    .section-services .section-services__detail .section-services__subtitle{font-size: 17px;}
    .section-services__liste-gammes ul{gap: 12px;}
    .section-services__liste-gammes ul a{font-size: 16px;}
    .carousel-inner > .item > a > img,
    .carousel-inner > .item > img,
    .img-responsive, .thumbnail a > img,
    .thumbnail > img{width: 100%; min-height: 100%; object-fit: cover;}
    .bloc-contact .dernier-actualite{display: flex; flex-direction: column; gap: 20px; border-top: 1px solid #000; margin-top: 35px;}
    .bloc-contact .dernier-actualite .titre{margin: 25px 0 0; font-size: 22px; line-height: 28px;  text-align: center;}
    .bloc-contact .dernier-actualite .vignette{margin:0;}
    .page-fiche > .container > .row > .col-sm-8{width: 65%;}
}