/* -- CSS RESPONSIVE -- */
@media all and (min-width : 1800px) {
    main.default .container, .main-navigation .container, footer .container {
        width: 1600px;
        max-width: 1600px!important;
    }
    
/* Classified */
    /* CSS Page Classified */
    main.classified .vertical-sidebar {
        width: 420px;
    }

    main.classified div.dashboard.classified {
        width: 1180px;
    }

/* Showroom & showroom list */
    /* CSS Page Showroom list */
    main.showroom-list .vertical-sidebar-v2 {
        width: 405.211px;
    }
    
    main.showroom-list div.dashboard-showroom-list {
        width: 1194px;
    }
}

@media all and (max-width : 1800px) {
/* Classified */
    /* CSS Page Classified */
    .card-group.card-group-v2 .card .card-body h4.card-title, .card-group.card-group-v2 .card .card-body .card-price h4 {
        font-size: 28px;
    }
}

@media all and (max-width : 1799px) {
    /* CSS Filter Vertical */
    .filter-vertical-sidebar .filter-body .input-group.mileage .form-control {
        max-width: 47%;
    }

/* Home Page */
    /* CSS Page Home Page */
    #carouselSlidesHp .carousel-img {
        height: 802px;
    }

    #carouselSlidesHp .content-slide {
        padding-top: 550px;
    }

    section.serach-hp {
        position: absolute;
        top: 650px;
    }

    section.serach-hp .form-search .dropdown-toggle, section.serach-hp .form-search select, section.serach-hp .form-search input.input-style-2 {
        width: 156px;
        font-size: 14px;
    }

    section.serach-hp .form-search .dropdown-toggle.style-2, section.serach-hp .form-search input.input-style-2 {
        width: 128px;
    }

    section.serach-hp .form-search .input-group.price, section.serach-hp .form-search .input-group.mileage {
        width: 240px;
    }

    section.serach-hp .form-search .input-group.price span.input-group-text, 
    section.serach-hp .form-search .input-group.mileage span.input-group-text,
    section.serach-hp .form-search .input-group.price  .form-control,
    section.serach-hp .form-search .input-group.mileage .form-control {
        font-size: 14px;
    }

    .cars.card-group .cars.col-12 {
        padding-right: 20px!important;
    }

    .cars.card-group .card.card-cars-v1 {
        width: 100%;
    }

    .cars.card-group .card.card-cars-v1 .card-img {
        width: 100%;
    }

    /*
    main.home-page section.Featured .carousel-control-prev, main.home-page section.carousel .slick-prev {
        left: -17px;
    }

    main.home-page section.Featured .carousel-control-next,  main.home-page section.carousel .slick-next {
        right: -17px;
    }
    */

    main.home-page section.carousel .slick-item {
        max-width: 433.333px !important;
    }
 
    main.home-page section.our-blog .articles-vertical .article {
        min-height: auto;
        height: 212px;
        margin-bottom: 8px;
    }

    main.home-page section.our-blog .articles-vertical .article .article-body p {
        font-size: 14px;
    }

    main.home-page section.new-car .logo-cars img {
        max-width: 223px;
    }

/* Classified car details & Compare */
    /* CSS Page Classified car details */
    main.classified-specific-car .galerie-images a.link-galerie-left,
    main.classified-specific-car .galerie-images .galerie-left {
        min-width: 688px!important;
        height: 507px;
    }

    main.classified-specific-car .galerie-images .galerie-right-top {
        width: 652px!important;
        height: 255px;
    }

    main.classified-specific-car .galerie-images .galerie-right-bottom-left, main.classified-specific-car .galerie-images .galerie-right-bottom-right {
        width: 323.5px !important;
        height: 247px;
    }

    main.classified-specific-car .col-supercar-details {
        width: 996px;
    }    

    main.classified-specific-car .col-contact-agent {
        width: 325px;
    }

    main.classified-specific-car .col-contact-agent .btns-actions .btn {
        width: 95px;
    }

    main.classified-specific-car .col-contact-agent .btns-actions .btn {
        font-size: 12px;
    }   

    main.classified-specific-car .col-contact-agent .btns-actions .btn i:before {
        margin-right: 5px;
    }

    main.classified-specific-car section.carousel-cars .card.card-cars-v1 {
        width: 320px;
    }

    main.classified-specific-car section.carousel-cars .cars.card-group .card.card-cars-v1 .card-img {
        height: 191px;
    }

    main.classified-specific-car section.carousel-cars .slick-prev {
        left: -17px;
    }

    main.classified-specific-car section.carousel-cars .slick-next {
        right: -17px;
    }

/* BLOG */
    /* CSS Page Article */
    section.other-blogs .card.card-blog, section.related-event .card.card-event {
        width: 320px !important;
        height: auto;
    }

    section.other-blogs .card.card-blog .card-img, section.related-event .card.card-event .card-img {
        height: 294px;
    }

    section.other-blogs .card.card-blog .card-body, section.related-event .card.card-event .card-body {
        padding-bottom: 14px;
    }

    section.other-blogs .card.card-blog .card-body .btn.btn-primary {
        right: 4px;
        bottom: 8px;
    }

/* Showroom & showroom list */
    /* CSS Page Shworoom page specifique */
    main.showroom-specifique section.showroom-specifique-details .showroom-detail .showroom-btns .btn.btnCall {
        width: 250px;
    }

    section.filtre .form-filtre .form-group select, section.filtre .form-filtre .form-group input {
        width: 137px;
    }

    section.filtre .form-group #exampleSelectMarque, section.filtre .form-group #exampleSelectModel {
        width: 270px;
    }

    section.filtre .form-filtre .submitBtn {
        width: 200px;
    }

    /* CSS Page Shworoom List */
    main.showroom-list div.dashboard-showroom-list .card .card-body .list-group.first-list {
        width: 286px;
    }

/* CAR GROUP */
    /* CSS Page Otokee car group */
    .card-group.card-group-v1 .card .card-img, .card-group.card-group-v1 .card .card-body .col-info {
        width: 412.666px;
    }

    .card-group.card-group-v1 .card .card-img h3 {
        font-size: 28px;
        margin-left: 10px;
    }

    main.car-group section.groups-tabs .card-groups, main.event-details section.related-event .card-groups {
        width: 320px !important;
        height: auto;
    }

    main.car-group section.groups-tabs .card-groups .card-img, main.event-details section.related-event .card-groups .card-img {
        min-height: 257px;
    }

    main.car-group section.groups-tabs .card-groups .card-body, main.event-details section.related-event .card-groups .card-body {
        min-height: 127px;
    }

    /*
    main.car-group section.groups-tabs .slick-prev, main.event-details section.related-event .slick-prev {
        left: -17px;
    }

    main.car-group section.groups-tabs .slick-next, main.event-details section.related-event .slick-next {
        right: -17px;
    }
    */

    /* CSS Page Group */
    section.groups-tabs .row.groups.card-group {
        margin-right: -20px!important;
    }

    section.groups-tabs .row.groups.card-group .col-12 {
        padding-right: 20px!important;
    }

    section.groups-tabs .card-groups {
        width: 100%;
        height: 420px;
    }

    /* CSS Page Event details */
    main.event-details section.event-details .title-details-event h1 {
        width: 100%;
    }

    section.groups-tabs .card-groups .card-body .card-title, section.related-event .card-groups .card-title {
        font-size: 18px;
    }

    section.groups-tabs .card-groups .card-date, section.groups-tabs .card-groups .card-location, section.related-event .card-groups .card-date, section.related-event .card-groups .card-location {
        font-size: 14px;
    }
}

@media all and (max-width : 1799px) and (min-width : 1400px) {
    main.default .container, .main-navigation .container {
        width: 1380px;
        max-width: 1380px !important;
        padding: 0 20px !important;
    }

/* Classified */    
    /* CSS Page Classified */
    main.classified .vertical-sidebar {
        width: 360px;
    }

    main.classified div.dashboard.classified {
        width: 980px;
        padding: 0 0 0 20px;
    }

    .card-group.card-group-v2 .card .card-img {
        width: 316px !important;
    }

    .card-group.card-group-v2 .card .slick-card {
        width: 315.556px !important;
    }

    .card-group.card-group-v2 .card-body .column-1 {
        min-width: 285px;
    }

/* Classic cars */
    /* CSS Page Exotics */
    #carouselSlidesOnlyExotics .content-slide {
        width: 1340px;
    }

/* CAR GROUP */
    /* CSS Page Otokee car group */
    #carouselSlidesOnly .content-slide {
        width: 1340px;
    }
}

@media all and (max-width : 1600px) {
    /* -- CSS HEDER  -- */
    .navbar.navigation-v2 .nav span.separateur {
        padding: 0 10px;
    }
}

@media all and (max-width : 1399px) {
    /* -- CSS HEDER  -- */
    .navbar.main-navigation {
        padding: 20px 45px;
    }

    .navbar.main-navigation .navbar-brand img {
        margin-right: 16px;
        width: 100px;
    }

    .navbar.main-navigation .custom-select-country-header {
        font-size: 14px;
        padding: 0 26px 0 0;
        margin-right: 12px;
    }

    .navbar.main-navigation .form-select.select-lang {
        font-size: 14px;
        padding: 0 16px 0 0;
    }

    .navbar.main-navigation .nav .nav-item a.nav-link .btn {
        width: 161px;
        height: 40px;
        font-size: 14px;
    }

    .navbar.navigation-v2 .dropdown .user-name {
        margin-left: 10px;
    }

    .navbar.main-navigation .nav .nav-item a.nav-link, .navbar.navigation-v2 .dropdown .user-name, .navbar.navigation-v2 .dropdown .Language {
        font-size: 14px;
    }

    .navbar.navigation-v2 .dropdown-toggle i.dropdown-icone {
        margin-left: 10px;
    }

/* Home Page */
    /* CSS Page Home Page */
    #carouselSlidesHp .carousel-img {
        height: 600px;
    }

    #carouselSlidesHp .content-slide {
        padding-top: 360px;
    }

    section.serach-hp {
        position: absolute;
        top: 450px;
    } 

    section.serach-hp .form-search .dropdown-toggle, section.serach-hp .form-search select, section.serach-hp .form-search input.input-style-2 {
        width: 134px;
        font-size: 12px;
    }

    section.serach-hp .form-search .dropdown-toggle.style-2, section.serach-hp .form-search input.input-style-2 {
        width: 112px;
    }

    section.serach-hp .form-search .dropdown button img.flag {
        width: 20px;
    }

    section.serach-hp .form-search .input-group.price, section.serach-hp .form-search .input-group.mileage {
        width: 196px;
    }

    section.serach-hp .form-search .input-group.price span.input-group-text, 
    section.serach-hp .form-search .input-group.mileage span.input-group-text,
    section.serach-hp .form-search .input-group.price  .form-control,
    section.serach-hp .form-search .input-group.mileage .form-control {
        font-size: 12px;
        padding-left: 5px;
    }

    section.serach-hp .form-search .input-group.price span.input-group-text, 
    section.serach-hp .form-search .input-group.mileage span.input-group-text {
        width: 46px;
    }

    main.home-page section.classic-cars .content-classic-cars {
        padding: 26px 40px 26px 40px;
    }

    .cars.card-group .card.card-cars-v1 .card-img {
        height: 167px;
    }

    .cars.card-group .card.card-cars-v1 .favourite-icon i.icone-heart:before {
        width: 26px;
        height: 26px;
    }

    .cars.card-group .card.card-cars-v1 .card-body {
        padding: 14px;
    }

    .cars.card-group .card.card-cars-v1 .card-body .btn {
        bottom: 14px;
        right: 8px;
    }

    main.home-page section.carousel .slick-item {
        max-width: 373.333px !important;
        margin-right: 10px;
    }

    main.home-page section.our-blog .article.super-article {
        height: 490px;
    }

    main.home-page section.our-blog .articles-vertical .article {
        height: 158px;
    }

    main.home-page section.our-blog .articles-vertical .article .article-img {
        min-width: 178px;
    }

    main.home-page section.our-blog .articles-vertical .article .article-body {
        padding: 12px 20px 8px 20px;
    }

    main.home-page section.our-blog .articles-vertical .article .article-body h4.title {
        font-size: 18px;
    }

    main.home-page section.our-blog .articles-vertical .article .article-body p {
        font-size: 12px;
    }

    main.home-page section.our-blog .articles-vertical .article .article-body button.btn {
        right: 6.98px;
        bottom: 5.05px;
        width: 34.891px;
        height: 23.947px;
    }

    main.home-page section.new-car .logo-cars img {
        max-width: 190px;
    }

/* Classified */
    /* CSS Page Classified */
    main.classified .vertical-sidebar {
        width: 28%;
    }

    section.dashboard .filter-vertical-sidebar .filter-body form {
        padding: 20px 20px 22px 20px;
    }

    main.classified div.dashboard.classified {
        width: 72%;
        padding: 0 0 0 16px;
    }

    div.dashboard .dashboard-header h3 {
        font-size: 26px;
    }

    .card-group.card-group-v2 .card {
        height: 178px;
    }

    .card-group.card-group-v2 .card .slick-card {
        width: 214px !important;
        height: 176px;
    }

    .card-group.card-group-v2 .card .card-img {
        width: 215px !important;
        height: 178px;
    }

    .card-group.card-group-v2 .favourite-icon i.icone-heart:before {
        width: 26px;
        height: 26px;
    }

    .card-group.card-group-v2 .card-body {
        padding: 12px 12px 13px 20px;
        height: 176px;
    }

    .card-group.card-group-v2 .card-body .column-1 {
        min-width: 50%;
    }

    .card-group.card-group-v2 .card .card-body h4.card-title, .card-group.card-group-v2 .card .card-body h4.card-price {
        font-size: 18px;
        margin: 0;
        margin-bottom: 3.18px;
    }  

    .card-group.card-group-v2 .card .card-body .lists-groups {
        padding-top: 6px;
    }

    .card-group.card-group-v2 .card .card-body ul.list-group {
        font-size: 14px;
        padding: 0 10px;
    }

    .card-group.card-group-v2 .card .card-body ul.list-group li.list-group-item {
        padding-bottom: 10px;
        max-width: 220px;
    }

    .card-group.card-group-v2 .card .card-body ul.list-group li.list-group-item i {
        margin-right: 10px;
    }

/* Classified car details & Compare */
    /* CSS Page Classified car details */
    main.classified-specific-car .galerie-images a.link-galerie-left,
    main.classified-specific-car .galerie-images .galerie-left {
        min-width: 592px !important;
        height: 460px;
    }

    main.classified-specific-car .galerie-images .galerie-right-top {
        width: 543px !important;
        height: 212px;
    }

    main.classified-specific-car .galerie-images .galerie-right-bottom-left, main.classified-specific-car .galerie-images .galerie-right-bottom-right {
        width: 269px !important;
        height: 243px;
    }

    main.classified-specific-car .col-supercar-details {
        width: 805px;
    }

    main.classified-specific-car .supercar-details .vehicle-detail ul.list-group li {
        padding: 0 0 16px 7px;
    }

    main.classified-specific-car .supercar-details .vehicle-detail ul.list-group li i {
        margin-right: 7px;
    }

    main.classified-specific-car .supercar-details .vehicle-detail ul.list-group li i img {
        width: 18px;
    }

    main.classified-specific-car .supercar-details .vehicle-detail ul.list-group li, main.classified-specific-car .supercar-details .specifications .list-specification ul, main.classified-specific-car .supercar-details .description p {
        font-size: 12px;
    }

    main.classified-specific-car section.carousel-cars .card.card-cars-v1 {
        width: 277.5px;
        margin-right: 10px;
    }

    main.classified-specific-car section.carousel-cars .cars.card-group .card.card-cars-v1 .card-img {
        height: 165px;
    }

    main.classified-specific-car section.carousel-cars .slick-prev.slick-arrow, main.classified-specific-car section.carousel-cars .slick-next.slick-arrow {
        top: 148px;
    }

/* BLOG */
    /* CSS Page Blog */
    section.blogs .card.card-blog .card-body h3.title {
        font-size: 18px;
    }

    section.blogs .card.card-blog.large .card-img {
        height: 209px;
    }

    section.blogs .card.card-blog.small .card-img {
        height: 254px;
    }

    /* CSS Page Article */
    main.article section.article .title-article h1 {
        margin: 40px 130px 0 130px;
    }

    main.article section.article .photo-article div.photo-article {
        margin: 30px 130px;
    }

    main.article section.article .content-article {
        padding: 0 130px;
    }

    section.related-event .card.card-event {
        height: 330px;
    }

    section.other-blogs .card.card-blog, section.related-event .card.card-event {
        width: 270px !important;
    }
    
    section.other-blogs .card.card-blog .card-img, section.related-event .card.card-event .card-img {
        height: 204px;
    }

    section.other-blogs .card.card-blog .card-body .btn.btn-primary, section.related-event .card.card-event .card-body .btn.btn-primary {
        bottom: 4px;
        right: 7px;
    }

/* Classic cars */
    /* CSS Page Exotics */
    #carouselSlidesOnlyExotics .content-slide {
        width: 1140px;
    }

/* Showroom & showroom list */
    /* CSS Page Shworoom page specifique */
    section.filtre .form-filtre .form-group select, section.filtre .form-filtre .form-group input {
        width: 120px;
    }

    section.filtre .form-group #exampleSelectMarque, section.filtre .form-group #exampleSelectModel {
        width: 220px;
    }

    section.filtre .form-filtre .submitBtn {
        width: 170px;
    }

    .card.card-cars .card-img {
        height: 228px;
    }

    .card.card-cars .slick-card-shworoom .slick-prev.slick-arrow, .card.card-cars .slick-card-shworoom .slick-next.slick-arrow {
        top: 102px;
    }

    /* CSS Page Shworoom List */
    main.showroom-list div.dashboard-showroom-list .dashboard-header .input-group {
        width: 230px;
    }

    main.showroom-list div.dashboard-showroom-list .card .card-img img {
        max-width: 158px;
    }

/* CAR GROUP */
    /* CSS Page Otokee car group */
    #carouselSlidesOnly .content-slide {
        width: 1140px;
    }

    .card-group.card-group-v1 .card .card-img, .card-group.card-group-v1 .card .card-body .col-info {
        width: 346px;
    }

    .card-group.card-group-v1 .card .card-img h3 {
        font-size: 22px;
    }

    main.car-group section.groups-tabs .card-groups, main.event-details section.related-event .card-groups {
        width: 270px !important;
        margin-right: 20px;
    }

    main.car-group section.groups-tabs .card-groups .card-img, main.event-details section.related-event .card-groups .card-img {
        min-height: 194px;
    }

    main.car-group section.groups-tabs .card-groups .card-body, main.event-details section.related-event .card-groups .card-body {
        min-height: 142px;
    }
    
    /* CSS Page group */
    section.groups-details .groups-detail {
        padding-right: 20px!important;
    }

    section.groups-details .groups-detail .groups-btns .btn {
        padding: 0;
    }

    section.groups-tabs .card-groups{
        height: auto;
    }

    section.groups-tabs .card-groups .card-img {
        height: 265px;
    }

    section.groups-tabs .card-groups .card-body {
        padding: 14px 29px 14px 29px;
        height: 135px;
    }

    /* CSS Page Event details */
    main.event-details section.event-details .container {
        padding-left: 130px!important;
        padding-right: 130px!important;
    }

    /* CSS Page Contact us */
    main.contact-us section.contact-us form .text-field {
        width: 49%;
    }

    main.contact-us section.contact-us form input {
        width: 100%;
    }
}

@media all and (max-width : 1365px) {
    /* -- CSS FOOTER -- */
    footer .content-footer {
        height: auto;
        padding: 28px 24px 20px 24px;
    }
}

@media all and (max-width : 1023px) {
    /* -- CSS FOOTER -- */
    footer .content-footer {
        height: auto;
        padding: 38px 54px 20px 54px;
    }

    footer .logo-footer {
        width: 100%;
        padding-bottom: 20.5px;
    }

    footer .logo-footer img {
        width: auto;
    }

    footer .footer-subscribe {
        width: 100%;
        padding-top: 20.5px;
    }
}

@media all and (max-width : 1199px) {
    /* -- CSS HEDER  -- */
    .navbar.main-navigation {
        padding: 20px 0px;
    }

/* Home Page */
    /* CSS Page Home Page */
    #carouselSlidesHp .content-slide .title {
        font-size: 52px;
    }

    section.serach-hp .form-search {
        padding: 20px 10px 20px 10px !important;
    }

    section.serach-hp .form-search .dropdown-toggle::after {
        width: 14px;
        height: 6.094px;
        position: absolute;
        top: 22px;
        right: 5px;
    }

    section.serach-hp .form-search select {
        background-size: 14px 6.094px;
    }

    section.serach-hp .form-search .dropdown-toggle, section.serach-hp .form-search select, section.serach-hp .form-search input.input-style-2 {
        width: 112px;
        font-size: 12px;
        padding-left: 5px;
        padding-right: 3px;
        font-size: 10px;
    }

    section.serach-hp .form-search .dropdown-toggle.style-2, section.serach-hp .form-search input.input-style-2 {
        width: 95px;
    }

    section.serach-hp .form-search .btn-search {
        width: 50px;
    }

    section.serach-hp .form-search .input-group.price, section.serach-hp .form-search .input-group.mileage {
        width: 180px;
    }

    section.serach-hp .form-search .input-group.price span.input-group-text, section.serach-hp .form-search .input-group.mileage span.input-group-text, section.serach-hp .form-search .input-group.price .form-control, section.serach-hp .form-search .input-group.mileage .form-control {
        padding-right: 3px;
        font-size: 10px;
    }

    main.home-page h3 {
        font-size: 32px;
    }

    main.home-page section.classic-cars .content-classic-cars p {
        font-size: 18px;
    }

    main.home-page section.new-car .logo-cars img {
        max-width: 160px;
    }
   
    .cars.card-group .card.card-cars-v1 .card-img {
        height: 140px;
    }

    main.home-page section.carousel .slick-item {
        max-width: 313.333px !important;
    }

/* Classified */
    /* CSS Page Classified */
    section.blogs .card.card-blog.large .card-img {
        height: 159px;
    }

    .card-group.card-group-v2 .card-body {
        padding: 20px 5px 13px 8px;
    }

    .card-group.card-group-v2 .card .card-body ul.list-group {
        padding: 0 4px;
    }

    .card-group.card-group-v2 .card .card-body ul.list-group li.list-group-item {
        max-width: 100%;
    }

/* BLOG */
    /* CSS Page Blog */
    section.blogs .card.card-blog.large .card-img, section.blogs .card.card-blog.small .card-img {
        height: 204px;
    }

    section.blogs .card.card-blog.large .card-body {
        padding: 5px 10px 5.5px 20px;
        min-height: auto;
    }

    section.blogs .card.card-blog.small .card-body {
        padding: 12px 10px 11px 10px;
        min-height: auto;
    }

    section.blogs .card.card-blog .card-body h3.title {
        font-size: 16px;
    }

    section.blogs .card.card-blog .card-body p.description {
        font-size: 14px;
    }

    section.blogs .card.card-blog .card-body button.btn {
        width: 34.891px;
        height: 23.947px;
    }

    section.blogs .card-blog.card-instagram {
        padding: 118px 19px 19px 19px !important;
    }

    section.blogs .card-blog.card-instagram h3.title {
        font-size: 18px;
    }

/* Classified car details & Compare */
    /* CSS Page Classified car details */
    main.classified-specific-car .galerie-images a.link-galerie-left,
    main.classified-specific-car .galerie-images .galerie-left {
        min-width: 500px !important;
        height: 392px;
    }

    main.classified-specific-car .galerie-images .galerie-right-top {
        width: 455px !important;
        height: 178px;
    }

    main.classified-specific-car .galerie-images .galerie-right-bottom-left, main.classified-specific-car .galerie-images .galerie-right-bottom-right {
        width: 225px !important;
        height: 209px;
    }

    main.classified-specific-car .col-supercar-details {
        width: 650px;
    }

    main.classified-specific-car .supercar-details .supercar-details-header h3.title, main.classified-specific-car .supercar-details .supercar-details-header h3.price {
        font-size: 28px;
    }

    main.classified-specific-car .supercar-details .vehicle-details {
        margin-top: 20px;
        margin-bottom: 0;
    }

    main.classified-specific-car .supercar-details .vehicle-detail {
        width: 50%;
        margin-bottom: 21px;
    }

    main.classified-specific-car .col-contact-agent {
        width: 300px;
    }

    main.classified-specific-car .col-contact-agent .form-contact-agent h5.username {
        font-size: 16px;
    }

    main.classified-specific-car .col-contact-agent .form-contact-agent p.location, main.classified-specific-car .col-contact-agent .form-contact-agent form input:not(input[type=checkbox]), main.classified-specific-car .col-contact-agent .form-contact-agent form textarea {
        font-size: 14px;
    }

    main.classified-specific-car .supercar-details h4, main.classified-specific-car .form-contact-agent h4 {
        font-size: 18px;
    }

    main.classified-specific-car .col-contact-agent .btns-actions .btn {
        width: 90px;
    }

    main.classified-specific-car section.carousel-cars .card.card-cars-v1 {
        width: 232px;
    }

    main.classified-specific-car section.carousel-cars .cars.card-group .card.card-cars-v1 .card-img {
        height: 138px;
    }

/* BLOG */
    /* CSS Page Article */
    main.article section.article .title-article h1 {
        margin: 40px 70px 0 70px;
    }

    main.article section.article .photo-article div.photo-article {
        margin: 30px 70px;
    }

    main.article section.article .content-article {
        padding: 0 70px;
    }

    section.other-blogs .card.card-blog, section.related-event .card.card-event {
        width: 225px !important;
    }

    section.other-blogs .card.card-blog .card-img, section.related-event .card.card-event .card-img {
        height: 204px;
    }

    section.other-blogs .card.card-blog .card-body .btn.btn-primary, section.related-event .card.card-event .card-body .btn.btn-primary {
        bottom: 4px;
        right: 7px;
    }

/* Exotics */
    /* CSS Page Exotics */
    #carouselSlidesOnlyExotics .carousel-img {
        height: 587px;
    }

    #carouselSlidesOnlyExotics .content-slide {
        width: 960px;
    }

    #carouselSlidesOnlyExotics .content-slide .title {
        font-size: 44px;
    }

    main.classic-cars .card.card-cars .card-img {
        height: 188px!important;
    }

    main.classic-cars .pagination-bottom {
        margin-bottom: 10px;
    }

/* Showroom & showroom list */
    /* CSS Page Shworoom page specifique */
    main.showroom-specifique section.showroom-specifique-details .showroom-detail {
        padding-top: 49px;
    }

    main.showroom-specifique section.showroom-specifique-details .showroom-detail .showroom-btns .btn.btnContact {
        width: 180px;
    }

    main.showroom-specifique section.showroom-specifique-details .showroom-image .showroom-image {
        height: 456px;
    }

    section.filtre .form-group #exampleSelectMarque, section.filtre .form-group #exampleSelectModel {
        width: 180px;
    }

    section.filtre .form-filtre .form-group select, section.filtre .form-filtre .form-group input {
        width: 115px;
    }

    section.filtre .form-filtre .submitBtn {
        width: 118px;
    }
    
    .card.card-cars .card-img {
        height: 180px;
    }

    .card.card-cars .slick-card-shworoom .slick-prev.slick-arrow, .card.card-cars .slick-card-shworoom .slick-next.slick-arrow {
        top: 82px;
    }

    .card.card-cars .slick-card-shworoom ul.slick-dots {
        position: absolute;
        bottom: 12px;
    }

    .card.card-cars .showroom-logo img {
        max-width: 83px;
    }

    /* CSS Page Shworoom List */
    main.showroom-list div.dashboard-showroom-list {
        padding: 0 0 0 24.89px;
    }

    main.showroom-list div.dashboard-showroom-list .dashboard-header .input-group {
        margin-left: 5px;
    }

    main.showroom-list div.dashboard-showroom-list .card .card-body {
        padding: 10px;
    }

    main.showroom-list div.dashboard-showroom-list .card .card-body .list-group.first-list {
        width: 230px;
    }

    main.showroom-list div.dashboard-showroom-list .card .card-body ul.list-group {
        padding-left: 22px;
    }
    
/* CAR GROUP */
    /* CSS Page Otokee car group */
    #carouselSlidesOnly .carousel-img {
        height: 587px;
    }

    #carouselSlidesOnly .content-slide {
        width: 960px;
    }

    #carouselSlidesOnly .content-slide .title {
        font-size: 44px;
    }

    main.car-group .card-group.card-group-v1 .card .card-img, .card-group.card-group-v1 .card .card-body .col-info {
        width: 286px;
    }

    main.car-group .card-group.card-group-v1 .card .card-img h3 {
        font-size: 18px;
    }

    main.car-group section.groups-tabs .card-groups, main.event-details section.related-event .card-groups {
        width: 225px!important;
    }

    main.car-group section.groups-tabs .card-groups .card-img, main.event-details section.related-event .card-groups .card-img {
        min-height: 194px;
    }

    main.car-group section.groups-tabs .card-groups .card-body, main.event-details section.related-event .card-groups .card-body {
        padding: 14px 10px 14px 10px;
        min-height: 124px !important;
    }

    main.car-group section.groups-tabs .card-groups .card-body .card-title, main.event-details section.related-event .card-groups .card-title {
        font-size: 18px;
    }

    main.car-group section.groups-tabs .card-groups .card-date, 
    main.car-group section.groups-tabs .card-groups .card-location, 
    main.event-details section.related-event .card-groups .card-date, 
    main.event-details section.related-event .card-groups .card-location {
        font-size: 14px;
    }

    main.car-group section.groups-tabs .card-groups .btn, main.event-details section.related-event .card-groups .btn {
        right: 6.98px;
        bottom: 5.05px;
        width: 34.891px;
        height: 23.947px;
    }

    /* CSS Page Group */
    section.groups-tabs .card-groups .card-img {
        height: 212px;
    }

    /* CSS Page Event details */
    main.event-details section.event-details .container, main.upcomming-event section.upcomming-event .container {
        padding-left: 70px!important;
        padding-right: 70px!important;
    }
}

@media all and (max-width : 1199px) and  (min-width : 992px){
    /* -- CSS HEDER  -- */
    .navbar.main-navigation .navbar-toggler {
        margin-right: 10px;
    }

    .navbar.main-navigation .navbar-brand img {
        height: 23px;
    }

    .navbar.navigation-v2 input.nav-search {
        height: 35px;
        font-size: 12px;
    }

    .navbar.main-navigation .btn-nav-search {
        width: 33px;
        height: 33px;
    }

    .navbar.main-navigation .nav .nav-item a.nav-link .btn {
        width: 132px;
        height: 35px;
        font-size: 12px;
    }

    .navbar.main-navigation .nav .nav-item a.nav-link .btn i.icone-plus {
        width: 18px;
        height: 18px;
    }

    .navbar.navigation-v2 .dropdown {
        height: auto;
    }

    .navbar.main-navigation .nav .nav-item a.nav-link, .navbar.navigation-v2 .dropdown .user-name, .navbar.navigation-v2 .dropdown .Language {
        font-size: 14px;
    }

    /* CSS Page Home Page */
    .cars.card-group .card.card-cars-v1 .card-body h3.title {
        font-size: 18px;
    }
}

@media all and (max-width : 991px) {
    body {
        overflow-x: hidden;
    }

    main.default .container, .main-navigation .container {
        max-width: 100%;
        padding: 0 45px !important;

    }

    /* -- CSS HEDER -- */
    .navbar.main-navigation .col-left, .navbar.main-navigation .col-right {
        width: auto;
    }
    
    .navbar.main-navigation .col-center {
        width: auto;
    }

    .navbar-brand:not(.mobile) {
        display: none;
    }

    .navbar.navigation-v2 .dropdown ul.dropdown-menu {
        left: -170px;
    }

    /* CSS Sidebar */
    div.sidebar {
        width: 320px;
    }

    div.sidebar .sidebar-content {
        margin-left: 27px;
    }

    div.sidebar .sidebar-lang, div.sidebar .sidebar-footer {
        padding-left: 27px;
    }

    div.sidebar ul.nav-sidebar .nav-item .nav-link {
        font-size: 16px;
        width: 208px;
    }

    div.sidebar ul.nav-sidebar .nav-item .nav-link.active {
        padding: 14px 10px !important;
        height: 48px;
    }

    /* CSS FOOTER */
    footer .content-footer p.text-social-media {
        max-width: 102px;
    }

    footer .content-footer .bottom-footer .nav.nav-social-media .nav-item a.nav-link {
        margin-left: 10px;
    }

    footer .content-footer .bottom-footer .nav span.separateur {
        padding: 0 5px;
    }

    footer .content-footer .bottom-footer .nav .nav-item a.nav-link {
        font-size: 12px;
    }

    /* CSS Breadcrumb */
    section.section-breadcrumb ol.breadcrumb {
        padding-bottom: 13px;
    }

/* Home Page */
    /* CSS Page Home Page */
    #carouselSlidesHp {
        margin-top: -140.172px;
    }

    #carouselSlidesHp .carousel-img {
        height: 530px;
    }

    #carouselSlidesHp .content-slide {
        padding-top: 415px;
    }

    #carouselSlidesHp .content-slide .title {
        font-size: 42px;
    }
    
    main.home-page section.classic-cars .classic-cars {
        height: auto;
        margin-top: 0!important;
    }

    main.home-page section.classic-cars .content-classic-cars {
        min-width: 100%;
        order: 4;
    }

    main.home-page section.classic-cars .section-img {
        min-height: 400px!important;
        width: 33.33%;
    }

    main.home-page section.new-car {
        margin-top: 20px;
    }

    main.home-page section.new-car h3 {
        margin-bottom: 10px;
    }

    main.home-page section.new-car .logo-cars {
        margin-bottom: 11px;
    }

    main.home-page section.new-car .logo-cars img {
        max-width: 108px;
    }

    main.home-page section.new-car button.show-more {
        height: 50px;
        font-size: 16px;
    }

    main.home-page section.Featured h3 {
        margin-bottom: 10px;
    }

    main.home-page section.Featured .row.cars {
        margin-right: 0px !important;
    }

    main.home-page .cars.card-group .my-slick-featured button.slick-arrow {
        font-size: 0;
        position: absolute;
        top: 115px;
        width: 14.998px;
        height: 26.058px;
        background-size: cover;
        background-position: center;
        background-color: transparent;
        z-index: 999;
        border: none;
    }

    main.home-page .cars.card-group .my-slick-featured button.slick-prev {
        left: -32px;
        background-image: url('../images/Icones/carousel-control-prev.svg');
    }

    main.home-page .cars.card-group .my-slick-featured button.slick-next {
        right: -32px;
        background-image: url('../images/Icones/carousel-control-next.svg');
    }

    main.home-page .cars.card-group .card.card-cars-v1 {
        margin-bottom: 0px;
    }

    main.home-page .cars.card-group .card.card-cars-v1 {
        width: 225px;
        margin-right: 11px;
    }

    main.home-page .cars.card-group .card.card-cars-v1 .card-img {
        height: 136px;
    }

    main.home-page .cars.card-group .card.card-cars-v1 .card-body {
        padding: 14px 11px;
    }

    main.home-page section.Featured .cars.card-group h3 {
        padding-left: 0px;
        margin: 0;
        font-size: 16px !important;
    }

    .cars.card-group .card.card-cars-v1 .card-body {
        height: auto;
    }

    .cars.card-group .card.card-cars-v1 .card-body h3.title {
        font-size: 16px;
        font-weight: 600;
    }

    .cars.card-group .card.card-cars-v1 .card-body h3.price {
        font-size: 20px;
    }

    main.home-page section.Featured .explore-more {
        height: 50px;
        font-size: 16px;
        margin-top: 10px!important;
    }

    main.classified-specific-car .col-contact-agent .logo {
        max-width: 265px;
    }

    main.home-page section.carousel .slick-item .carousel-title {
        height: 64.722px;
        margin-top: -64.722px;
    }

    main.home-page section.carousel .slick-item .carousel-title h5 {
        font-size: 16px;
    }

    main.home-page section.our-blog .article.super-article {
        height: 370px;
        padding: 0 !important;
        margin-bottom: 8px;
    }

    main.home-page section.our-blog .article.super-article .background-filtre {
        background-position: bottom;
    }

    main.home-page section.our-blog .articles-vertical {
        padding: 0 !important;
    }

/* Classified */
    /* CSS Page Classified */
    main.classified {
        margin-top: 0px;
    }

    main.classified .vertical-sidebar {
        width: 100%;
    }

    main.classified div.dashboard.classified {
        padding: 0;
        width: 100%;
    }

    .card-group.card-group-v2 .card .number-pictures {
        bottom: 4px;
        left: 4px;
        width: 100px;
        height: 22px;
        font-size: 12px;
    }

/* Classified car details & Compare */
    /* CSS Page Classified car details */
    main.classified-specific-car .galerie-images a.link-galerie-left,
    main.classified-specific-car .galerie-images .galerie-left {
        min-width: 100% !important;
        height: 500px;
        border-radius: 10px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    main.classified-specific-car .galerie-images .number-pictures {
        width: 116.025px;
        height: 30px;
        bottom: 10px;
        left: 20px;
    }

    main.classified-specific-car .galerie-images .favourite-icon i.icone-heart:before {
        content: '';
        position: absolute;
        top: 10px;
        right: 19px;
        width: 26px;
        height: 26px;
        background-image: url('../images/Icones/Group 1834.svg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 9;
    }

    main.classified-specific-car .galerie-images .share-icon i.icone-share:before, main.classified-specific-car .galerie-images .bookmark-icon i.icone-bookmark:before {
        content: '';
        position: absolute;
        bottom: 10px;
        width: 30px;
        height: 30px;
        border-radius: 100%;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 9;
    }

    main.classified-specific-car .galerie-images .share-icon i.icone-share:before {
        right: 20px;
        background-image: url('../images/Icones/Group 2149.svg');
    }

    main.classified-specific-car .galerie-images .bookmark-icon i.icone-bookmark:before {
        right: 54px;
        background-image: url('../images/Icones/Group 2350.svg');
    }

    main.classified-specific-car .col-supercar-details {
        width: 100%;
    }

    main.classified-specific-car .supercar-details .vehicle-detail {
        min-width: 50%;
    }

    main.classified-specific-car .supercar-details .vehicle-detail ul.list-group li span {
        width: 100%;
    }

    main.classified-specific-car .supercar-details .vehicle-detail ul.list-group li, main.classified-specific-car .supercar-details .specifications .list-specification ul, main.classified-specific-car .supercar-details .description p {
        font-size: 14px;
    }

    main.classified-specific-car .col-contact-agent {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

    main.classified-specific-car .col-contact-agent .btns-actions .btn {
        width: 28%;
    }

    main.classified-specific-car section.carousel-cars .slick-prev.slick-arrow, main.classified-specific-car section.carousel-cars .slick-next.slick-arrow {
        display: none!important;
    }

/* BLOG */
    /* CSS Page Blog */
    main.blog .header-blog .filtre-blog .btn {
        width: 102px;
        height: 31px;
        font-size: 12px;
        line-height: 30px!important;
    }

    section.blogs .blogs-group {
        gap: 5px;
    }

    main.blog #more-blogs {
        margin-top: 5px;
    }

    section.blogs .card.card-blog.large {
        flex: 1 1 calc(50% - 2.5px);
        max-width: calc(50% - 2.5px);
    }

    section.blogs .card.card-blog.small {
        flex: 1 1 calc(25% - 5px);
        max-width: calc(25% - 5px);
    }
    section.blogs .card.card-blog.large .card-img, section.blogs .card.card-blog.small .card-img {
        height: 119px;
    }

    section.blogs .card.card-blog .card-body h3.title {
        margin-bottom: 2px;
    }

    section.blogs .card.card-blog .card-body p.description {
        margin-bottom: 7px;
    }

    section.blogs .card.card-blog .card-body button.btn {
        position: absolute;
        right: 10px;
        bottom: 5.5px;
    }

    section.blogs .card-blog.card-instagram {
        padding: 58px 5px 5px 5px !important;
    }
    /* CSS Page Article */
    main.article section.article .title-article h1 {
        margin: 40px 0 0 0;
    }

    main.article section.article .photo-article div.photo-article {
        margin: 30px 0px;
    }

    main.article section.article .content-article {
        padding: 0;
    }
    section.other-blogs .card.card-blog .card-body, section.related-event .card.card-event .card-body {
        padding-bottom: 0;
    }
    section.other-blogs .card.card-blog .card-body .card-title, section.related-event .card.card-event .card-body .card-title {
        font-size: 18px;
        margin-bottom: 14px;
    }


/* Classic cars */
    /* CSS Page Exotics */
    #carouselSlidesOnlyExotics .content-slide {
        width: 100%;
        padding-left: 45px;
        padding-right: 45px;
    }

    main.classic-cars .card.card-cars .card-img {
        height: 202px !important;
    }
 
/* Showroom & showroom list */
    /* CSS Page Shworoom page specifique */
    main.showroom-specifique section.showroom-specifique-details .showroom-detail {
        order: 2;
        padding: 10px 20px 0 20px!important;
    }

    main.showroom-specifique section.showroom-specifique-details .showroom-detail .content {
        padding: 0 12px;
    }

    main.showroom-specifique section.showroom-specifique-details .showroom-detail img {
        max-width: 144px;
    }

    main.showroom-specifique section.showroom-specifique-details .showroom-detail .title h1 {
        padding-top: 12px;
        font-size: 22px;
    }

    main.showroom-specifique section.showroom-specifique-details .showroom-detail p.txt {
        padding-top: 6px;
        font-size: 14px;
        line-height: 20px;
    }

    section.filtre .form-filtre {
        overflow-x: auto;
        padding-bottom: 10px;
    }

    section.filtre .form-filtre .invalid-tooltip {
        left: 0px;
        z-index: 999;
    }

    section.filtre .form-filtre::-webkit-scrollbar {
        height: 10px;
    }
    
    section.filtre .form-filtre::-webkit-scrollbar-track {
        background-color: rgba(217, 217, 217, 0.26);
        border-radius: 5px;
    }
    
    section.filtre .form-filtre::-webkit-scrollbar-thumb {
        background-color: #D9D9D9;
        border-radius: 5px;
    }
    
    section.filtre .form-filtre .form-group select, section.filtre .form-filtre .form-group input {
        width: 126px;
        margin-right: 5px;
    }

    section.filtre .form-filtre .submitBtn {
        min-width: 126px;
    }

    main.showroom-specifique .all-supercars {
        margin-bottom: 10px;
    }

    /* CSS Page Shworoom List */
    main.showroom-list div.dashboard-showroom-list {
        padding: 0px;
    }

    main.showroom-list div.dashboard-showroom-list .card .card-body {
        padding: 20px 10px;
    }

    main.showroom-list div.dashboard-showroom-list .card .card-body .list-group.first-list {
        width: 50%;
    }

/* CAR GROUP */
    /* CSS Page Otokee car group */
    #carouselSlidesOnly .content-slide {
        width: 100%;
        padding-left: 45px;
        padding-right: 45px;
    }

    main.car-group section.groups-tabs .card-groups, main.event-details section.related-event .card-groups {
        width: 219px!important;
    }

    main.car-group section.card-groups {
        margin-top: 10px;
    }

    main.car-group .card-group.card-group-v1 .card .card-img {
        width: 140px;
    }

    .card-group.card-group-v1 .card .card-img img {
        height: auto;
        max-width: 124px;
    }

    .card-group.card-group-v1 .card .card-body h3 {
        color: #333132;
        font-family: 'Lexend', Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding-bottom: 20px;
        margin-left: 11px;
    }

    .card-group.card-group-v1 .card .card-body .col-info {
        width: 50%;
        padding: 0 11px;
    }

    /* CSS Page group */
    section.groups-details .groups-detail {
        order: 2;
        padding-top: 20px!important;
        padding-right: 0px!important;
    }

    section.groups-tabs .card-groups .card-img {
        height: 160px;
    }

    section.groups-tabs .card-groups .card-body {
        padding: 8px 13px 0px 13px;
        height: 117px;
    }

    section.groups-tabs .card-groups .card-body .card-title {
        font-size: 17px;
    }

    section.groups-tabs .card-groups .card-date, 
    section.groups-tabs .card-groups .card-location {
        font-size: 12px;
    }

    section.groups-tabs .card-groups .btn {
        width: 34.891px;
        height: 23.947px;
        bottom: 10.5px;
        right: 7.11px;
    }

    /* CSS Page Event details */
    main.event-details section.event-details .container, main.upcomming-event section.upcomming-event .container {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
}

@media all and (max-width : 767px) {
    main.default .container, .main-navigation .container {
        padding: 0 35px !important;
    }

    /* -- CSS HEDER  -- */
    .navbar.main-navigation {
        padding: 7.5px 0px;
        height: 54px;
    }
    
    section.header-mobile {
        padding: 10px 35px 10px 35px;
    }

    /* CSS Breadcrumb */
    section.section-breadcrumb li.breadcrumb-item {
        font-size: 12px;
        line-height: 20px;
    }

    /* CSS Advertising Banner */
    .advertising-banner {
        height: 100px;
        border-radius: 0;
    }

    .advertising-banner img {
        height: 100px;
    }

    /* CSS Pagination */
    section ul.pagination .page-item a {
        width: 36.06px;
    }

    section ul.pagination .page-item a.previous-all i:after, section ul.pagination .page-item .next-all i:after {
        margin: 0 4.51px;
        width: 27.042px;
        height: 20px;
    }

    section ul.pagination .page-item a.previous i:after, section ul.pagination .page-item a.next i:after {
        margin: 0 9.01px;
        width: 18.028px;
        height: 20px;
    }

    /* CSS Dashboard */
    div.dashboard .dashboard-header h3 {
        font-size: 16px;
    }

    div.dashboard .dashboard-header p {
        font-size: 12px;
    }

    div.dashboard .dashboard-header .sort-by label {
        margin-right: 3px;
        margin-bottom: 0px;
        font-size: 12px;
    }

    div.dashboard .dashboard-header .sort-by select {
        height: 15px;
        width: auto;
        font-size: 12px;
        background-position: right 0.05rem center;
        background-size: 14.37px 12.721px;
    }

    div.dashboard .dashboard-header .btn#btnfilters {
        height: 43px;
    }

/* Home Page */
    /* CSS Page Home Page */
    #carouselSlidesHp .content-slide .title {
        font-size: 26px;
    }

    ul.nav-tabs.search-mobile {
        margin-top: 15.25px;
        margin-bottom: 0;
    }

    section.serach-hp ul.search .nav-item a.nav-link span, ul.search-mobile .nav-item a.nav-link span {
        font-size: 14px;
    }
 
    main.home-page section.new-car button.show-more {
        width: 100%;
    }

    main.home-page section.Featured {
        margin-top: 20px;
    }

    main.home-page section.Featured .container {
        padding: 0!important;
    }

    main.home-page section.Featured h3 {
        padding-left: 35px;
    }

    main.home-page section.Featured .explore-more {
        width: 100%;
        margin: 0 35px;
    }

    main.home-page section.carousel {
        margin-top: 30px;
    }

    main.home-page section.carousel .container {
        padding: 0!important;
    }

    main.home-page section.carousel .slick-item {
        max-width: 225px !important;
        height: 212.957px;
        margin-right: 9px;
    }

    main.home-page section.carousel .slick-item .background-filtre {
        height: 212.957px;
    }

    main.home-page section.our-blog {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    main.home-page section.our-blog .container h3 {
        margin-bottom: 12.13px;
    }

    main.home-page section.our-blog .article.super-article .article-body {
        padding: 20px 20.06px 9.1px 12.23px;
    }

    main.home-page section.our-blog .article.super-article .article-body h3.title {
        font-size: 32px;
    }

    main.home-page section.our-blog .article.super-article .article-body p {
        font-size: 18px;
    }

    main.home-page section.our-blog .articles-vertical .article {
        height: 93px;
        margin-bottom: 10px;
    }

    main.home-page section.our-blog .articles-vertical .article .article-img {
        min-width: 103.676px;
    }

    main.home-page section.our-blog .articles-vertical .article .article-body {
        padding: 15px 19.94px 8px 9.97px;
    }

/* Classified */    
    /* CSS Page Classified */
    main.classified {
        margin-top: 0px;
    }
    
    main.classified section.section-breadcrumb{
        margin-top: 0px;
    }
    
    main.classified section.dashboard.classified {
        margin-top: 10px;
    }

    main.classified div.dashboard.classified .dashboard-header {
        margin-bottom: 7.82px;
    }

    .card-group.card-group-v2 .card {
        height: 127px;
        margin-bottom: 6px;
    }

    .card-group.card-group-v2 .card .slick-card .slick-prev.slick-arrow, .card-group.card-group-v2 .card .slick-card .slick-next.slick-arrow {
        width: 10.855px;
        height: 10.855px;
        top: 58px;
    }

    .card-group.card-group-v2 .card .slick-card, .card-group.card-group-v2 .card .card-img {
        width: 128px!important;
        height: 125px;
    }

    .card-group.card-group-v2 .card .slick-card .slick-next.slick-arrow {
        left: 4px;
    }

    .card-group.card-group-v2 .card .slick-card .slick-prev.slick-arrow {
        right: 4px;
    }

    .card-group.card-group-v2 .favourite-icon i.icone-heart:before {
        top: 9px;
        right: 3px;
        width: 18px;
        height: 18px;
    }

    .card-group.card-group-v2 .card-body {
        padding: 6.82px 2px 13px 7px;
        height: 125px;
    }

    .card-group.card-group-v2 .card .card-body h4.card-title, .card-group.card-group-v2 .card .card-body h4.card-price {
        font-size: 14px;
    }

    .card-group.card-group-v2 .card .card-body h4.card-price {
        padding-left: 0;
        margin-bottom: 12px;
    }

    .card-group.card-group-v2 .card .card-body .lists-groups {
        padding-top: 0px;
    }

    .card-group.card-group-v2 .card .card-body ul.list-group {
        font-size: 10px!important;
        border-left: 1px solid #C9C9C9;
        padding: 0 9px;
    }

    .card-group.card-group-v2 .card .card-body ul.list-group.first-list {
        border-left: none;
        padding: 0;
    }

    .card-group.card-group-v2 .card .card-body ul.list-group.last-list {
        padding-left: 9px !important;
        padding-right: 0 !important;
    }

    .card-group.card-group-v2 .card .card-body ul.list-group li.list-group-item {
        padding-bottom: 3.94px;
    }

    .card-group.card-group-v2 .card .card-body ul.list-group li.list-group-item i {
        margin-right: 5px;
    }

    .card-group.card-group-v2 .card .card-body ul.list-group li.list-group-item i img {
        max-width: 15px;
    }

    section.dashboard.classified .pagination-bottom {
        margin-top: 8px;
    }

    .banner-classified {
        margin: 10px 0;
    }

/* Classified car details & Compare */
    /* CSS Page Classified car details */
    main.classified-specific-car, main.classified-specific-car .galerie-images {
        margin-top: 0px;
    }

    main.classified-specific-car .galerie-images .container {
        padding: 0!important;
    }

    main.classified-specific-car .galerie-images a.link-galerie-left,
    main.classified-specific-car .galerie-images .galerie-left {
        height: 360px;
        border-radius: 0px;
    }

    main.classified-specific-car .supercar-details {
        margin-top: 13px;
        margin-bottom: 10px;
    }

    main.classified-specific-car .supercar-details .supercar-details-header h3.title {
        font-size: 20px;
    }

    main.classified-specific-car .supercar-details .supercar-details-header h3.price {
        font-size: 18px;
    }

    main.classified-specific-car .supercar-details .supercar-details-header {
        padding-bottom: 10px;
        margin-bottom: 0;
    }

    main.classified-specific-car .supercar-details h4 {
        padding-top: 10px;
        font-size: 24px;
    }

    main.classified-specific-car .supercar-details .vehicle-details {
        margin-top: 10px;
    }

    main.classified-specific-car .supercar-details .vehicle-detail {
        width: 100%;
        padding-right: 0px;
        border-left: none;
    }

    main.classified-specific-car .supercar-details .vehicle-detail {
        margin-bottom: 0;
    }

    main.classified-specific-car .supercar-details .vehicle-detail ul.list-group {
        padding-bottom: 15px;
    }

    main.classified-specific-car .supercar-details .vehicle-detail ul.list-group li {
        font-size: 16px;
        padding-left: 0;
        padding-bottom: 15px;
    }

    main.classified-specific-car .supercar-details .vehicle-detail ul.list-group li i {
        margin-right: 10px;
    }

    main.classified-specific-car .supercar-details .vehicle-detail ul.list-group li i img {
        max-width: 23px;
    }

    main.classified-specific-car .supercar-details h4.title-equipments {
        padding-top: 0px;
        margin-top: -5px;
    }

    main.classified-specific-car .supercar-details .specifications {
        padding-top: 9px;
    }

    main.classified-specific-car .supercar-details .specifications .list-specification {
        width: 50%;
    }

    main.classified-specific-car .supercar-details .specifications .list-specification ul {
        padding-bottom: 16px;
    }

    main.classified-specific-car .supercar-details .specifications .list-specification ul li {
        padding-bottom: 4px;
    }

    main.classified-specific-car .supercar-details h4.title-description {
        margin: 10px 0;
        padding: 0;
    }

    main.classified-specific-car .supercar-details p.description {
        line-height: 20px;
    }

    main.classified-specific-car .col-contact-agent {
        margin-top: 10px;
    }

    main.classified-specific-car .col-contact-agent .form-contact-agent p.location {
        font-size: 16px;
    }

    main.classified-specific-car .col-contact-agent .form-contact-agent p.location i img {
        width: 22px;
    }

    main.classified-specific-car .col-contact-agent .form-contact-agent h4 {
        padding-top: 17px;
        font-size: 22px;
    }

    main.classified-specific-car .col-contact-agent .form-contact-agent p.location, main.classified-specific-car .col-contact-agent .form-contact-agent form input:not(input[type=checkbox]), main.classified-specific-car .col-contact-agent .form-contact-agent form textarea {
        font-size: 16px;
    }

    main.classified-specific-car .col-contact-agent .btns-actions .btn {
        width: 97.3px;
    }

    main.classified-specific-car section.carousel-cars {
        margin-top: 0px;
    }

    main.classified-specific-car section.carousel-cars .header-carousel-cars h3 {
        font-size: 24px;
        padding-bottom: 10px;
    }

/* BLOG */
    /* CSS Page Blog */
    main.blog {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    main.blog .header-blog {
        margin: 10px 0 10px 0;
    }

    main.blog .header-blog .header-title h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    main.blog .filtre-blog>div{
        overflow-x: auto;
        padding-bottom: 10px!important;
    }

    main.blog .filtre-blog>div::-webkit-scrollbar {
        height: 10px;
    }
    
    main.blog .filtre-blog>div::-webkit-scrollbar-track {
        background-color: rgba(217, 217, 217, 0.26);
        border-radius: 5px;
    }
    
    main.blog .filtre-blog>div::-webkit-scrollbar-thumb {
        background-color: #D9D9D9;
        border-radius: 5px;
    }

    main.blog .header-blog .filtre-blog .btn {
        min-width: 102px;
        margin-right: 7px;
    }


    section.blogs .card.card-blog.small {
        flex: 1 1 calc(50% - 2.5px)!important;
        max-width: calc(50% - 2.5px)!important;
    }

    main.blog #load-more-btn {
        margin-top: 10px;
        width: 318px;
        height: 50px;
        font-size: 16px;
    }

    /* CSS Page Article */
    main.article {
        margin-top: 0px;
    }

    main.article section.article {
        padding-bottom: 10px;
    }

    main.article section.article .header-article {
        margin-top: 10px !important;
    }

    main.article section.article .header-article p.blog-category {
        width: auto;
        height: 31px;
        font-size: 12px;
        padding: 8px 10px;
        line-height: normal;
    }

    main.article section.article .header-article .publication-date {
        margin-left: 6px;
        font-size: 12px;
    }

    main.article section.article .title-article h1 {
        margin:10px 0 0 0;
        font-size: 24px;
    }

    main.article section.article .photo-article div.photo-article {
        margin: 10px 0px;
        height: 360px;
        border-radius: 0;
    }

    main.article section.article .content-article h2 {
        font-size: 24px;
    }

    main.article section.article .share-post {
        margin-top: 10px;
    }

    main.article section.article .share-post .nav-social-media .nav-link {
        margin-right: 17px;
    }

    section.other-blogs {
        padding-bottom: 10px;
    }

    section.other-blogs h3 {
        font-size: 22px;
        padding-bottom: 10px;
    }

    section.other-blogs .card.card-blog, section.related-event .card.card-event {
        width: 225px;
        margin: 0 5px;
        height: auto;
    }

    section.other-blogs .card.card-blog .card-img {
        height: 146px;
    }

    section.related-event .card.card-event .card-img {
        height: 110px;
    }

    section.other-blogs .card.card-blog .card-body {
        height: 67px;
        padding: 14px 29px 0px 14px;
    }

    section.related-event .card.card-event .card-body {
        padding: 8px 13px 0px 13px;
    }

    section.other-blogs .card.card-blog .card-body .card-title {
        font-size: 14px;
    }

    section.related-event .card.card-event .card-body .card-title {
        font-size: 17px;
    }

    section.related-event .card.card-event .card-body .card-date, section.related-event .card.card-event .card-body .card-location {
        font-size: 12px;
        padding-top: 4px;
        padding-bottom: 10px;
    }

    section.other-blogs .card.card-blog .card-body .btn.btn-primary, section.related-event .card.card-event .card-body .btn.btn-primary {
        width: 34.891px;
        height: 23.947px;
        bottom: 10.05px;
        right: 7px;
        background-image: url('../images/Icones/Group 1241.svg');
    }
    
    .carousel-article .slick-prev.slick-arrow, .carousel-article .slick-next.slick-arrow, .carousel-related-event .slick-prev.slick-arrow, .carousel-related-event .slick-next.slick-arrow {
        display: none!important;
    }

/* Classic cars */
    /* CSS Page Exotics */
    #carouselSlidesOnlyExotics .carousel-img {
        height: 360px;
    }

    #carouselSlidesOnlyExotics .content-slide {
        width: 100%;
        padding-top: 249px;
        padding-left: 35px;
        padding-right: 35px;
    }

    #carouselSlidesOnlyExotics .content-slide .title {
        font-size: 36px;
    }

    #carouselSlidesOnlyExotics .content-slide p {
        font-size: 14px;
    }

    main.classic-cars {
        margin-top: 10px;
    }

    main.classic-cars section.filtre {
        margin: 10px 0;
    }

    main.classic-cars .card.card-cars .card-img {
        height: 137px !important;
    }

    main.classic-cars .card.card-cars .slick-card-shworoom ul.slick-dots {
        bottom: 6px;
    }

    .all-classic-cars .card.card-cars .card-body {
        height: auto;
        padding: 10px 7px 9px 8px;
    }

    .all-classic-cars .card.card-cars .card-body .card-title {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .all-classic-cars .card.card-cars .card-body .card-collection {
        font-size: 16px;
        margin-bottom: 1px;
    }

    .all-classic-cars .card.card-cars .card-body .owner p {
        font-size: 12px;
        line-height: normal;
    }

/* Showroom & showroom list */
    /* CSS Page Shworoom page specifique */
    main.showroom-specifique {
        margin-top: 0px;
    }

    main.showroom-specifique section.showroom-specifique-details {
        padding-top: 10px;
    }

    main.showroom-specifique section.showroom-specifique-details .container {
        padding: 0!important;
    }

    main.showroom-specifique section.showroom-specifique-details .showroom-detail .showroom-btns .showroom-btn1 {
        width: 100%;
        margin-right: 4px;
    }

    main.showroom-specifique section.showroom-specifique-details .showroom-detail .showroom-btns .btn.btnContact {
        width: 100%;
    }

    main.showroom-specifique section.showroom-specifique-details .showroom-detail .showroom-btns .btn.btnCall {
        width: 54px;
    }

    main.showroom-specifique section.showroom-specifique-details .showroom-detail .showroom-btns .btn.btnCall .icone-tel {
        margin-right: 0px;
    }

    main.showroom-specifique section.showroom-specifique-details .showroom-detail .showroom-btns {
        margin-top: 20px;
    }

    main.showroom-specifique section.showroom-specifique-details .showroom-detail .showroom-btns-mobile {
        margin-top: 16px;
    }

    main.showroom-specifique section.showroom-specifique-details .showroom-detail .showroom-btns .list-group {
        margin-top: 0px;
    }

    main.showroom-specifique section.showroom-specifique-details .showroom-btns .list-group .icone-localisation, section.showroom-specifique-details .showroom-btns .list-group .icone-clock {
        margin-top: 0;
        margin-right: 8px;
    }

    main.showroom-specifique section.showroom-specifique-details .showroom-btns .list-group p {
        font-size: 12px;
    }

    main.showroom-specifique section.showroom-specifique-details .social-media {
        padding-top: 10px;
    }

    main.showroom-specifique section.showroom-specifique-details .social-media .nav-social-media .nav-item a img {
        width: 17.639px;
        height: 17.639px;
    }

    main.showroom-specifique section.showroom-specifique-details .showroom-image .showroom-image {
        height: 360px;
    }

    main.showroom-specifique section.filtre {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    section.filtre .form-filtre .form-group select, section.filtre .form-filtre .form-group input {
        height: 31px;
        padding: 5px 8px;
        border-radius: 6px;
        font-size: 12px;
        line-height: normal;
    }

    section.filtre .form-filtre .submitBtn {
        height: 31px;
        font-size: 12px;
    }

    section.filtre .form-group #exampleSelectMarque, section.filtre .form-group #exampleSelectModel {
        width: 126px;
    }

    .card.card-cars {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }

    .card.card-cars .card-img {
        height: 262px;
    }

    .card.card-cars .slick-card-shworoom .slick-prev.slick-arrow, .card.card-cars .slick-card-shworoom .slick-next.slick-arrow {
        display: none!important;
    }

    .card.card-cars i.icone-heart:before {
        content: '';
        width: 26px;
        height: 26px;
        right: 7px;
        background-image: url('../images/Icones/Group 2069.svg');
    }

    .card.card-cars .card-body {
        width: 100%;
        height: auto;
        padding: 15px 8px;
    }

    .card.card-cars .card-body .card-title {
        margin-bottom: 12px;
    }

    .card.card-cars .card-body .card-price {
        font-size: 20px;
    }

    .card.card-cars .card-body .showroom-logo {
        bottom: 26px;
        right: 8px;
    }

    main.showroom-specifique .pagination-bottom {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    /* CSS Page Shworoom List */
    main.showroom-list {
        margin-top: 0px;
    }

    main.showroom-list .showroom-list {
        margin-top: 10px;
    }

    main.showroom-list div.dashboard-showroom-list .dashboard-header h1 {
        font-size: 16px;
        padding-bottom: 10px;
    }

    main.showroom-list div.dashboard-showroom-list .dashboard-header p {
        font-size: 12px;
        font-weight: 400;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    main.showroom-list div.dashboard-showroom-list .dashboard-header .sort-by {
        padding-top: 0px;
    }

    main.showroom-list div.dashboard-showroom-list .dashboard-header .col-dropdown , main.showroom-list div.dashboard-showroom-list .dashboard-header .col-sort-by {
        width: 100%;
    }

    main.showroom-list div.dashboard-showroom-list .dashboard-header .input-group {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 13px;
    }

    main.showroom-list div.dashboard-showroom-list .dashboard-header .sort-by select {
        width: 60px;
    }

    main.showroom-list div.dashboard-showroom-list .card-group.card-group-v2 .card {
        height: 85px;
        margin-bottom: 10px;
    }
    
    main.showroom-list div.dashboard-showroom-list .card-group.card-group-v2 .card .card-img {
        width: 93px!important;
        height: 83px;
    }

    main.showroom-list div.dashboard-showroom-list .card .card-img img {
        max-width: 83px;
        max-height: 55px;
    }

    main.showroom-list div.dashboard-showroom-list .card .card-body {
        padding: 13px 0 18px 9px;
    }

    main.showroom-list div.dashboard-showroom-list .card .card-body h4.card-title {
        margin-bottom: 7px;
    }

    main.showroom-list div.dashboard-showroom-list .card .card-body ul.list-group li.list-group-item {
        padding-bottom: 2px;
    }

    main.showroom-list div.dashboard-showroom-list .card .card-body ul.list-group {
        padding-left: 6px;
        padding-right: 0px;
    }

    main.showroom-list div.dashboard-showroom-list .pagination-bottom {
        margin-top: 10px;
    }

    main.showroom-list .advertising-banner {
        margin: 10px 0;
    }

/* CAR GROUP */
    /* CSS Page Otokee car group */
    #carouselSlidesOnly .carousel-img {
        height: 360px;
    }

    #carouselSlidesOnly .content-slide {
        width: 100%;
        height: 100%;
        padding-top: 198px;
        padding-left: 35px;
        padding-right: 35px;
    }

    #carouselSlidesOnly .content-slide .title {
        font-size: 36px;
    }

    #carouselSlidesOnly .content-slide p {
        font-size: 14px;
    }

    main.car-group {
        margin-top: 10px;
    }

    main.car-group .card-group.card-group-v1 .card {
        height: 85px;
        padding: 0px;
        margin-bottom: 10px;
    }

    main.car-group .card-group.card-group-v1 .card .card-img {
        width: 93px;
        height: 85px;
        border-right: 1px solid #C9C9C9;
    }

    main.car-group .card-group.card-group-v1 .card .card-img img {
        max-width: 78px;
        margin: auto;
    }

    main.car-group .card-group.card-group-v1 .card .card-body .col-info .list-group .list-group-item {
        font-size: 10px;
        margin-bottom: 2px;
    }

    main.car-group .card-group.card-group-v1 .card .card-body {
        max-height: 100%;
        height: 100%;
        padding: 13px 14px 18px 9px !important;
    }

    .card-group.card-group-v1 .card .card-body h3 {
        color: #333132;
        font-family: 'Lexend', Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        padding-bottom: 7px;
        margin-left: 0px;
    }

    main.car-group .card-group.card-group-v1 .card .card-body .col-info {
        padding-left: 6px;
        height: auto;
    }

    main.car-group .card-group.card-group-v1 .card .card-body .col-info:first-child {
        padding-left: 0px;
        border-left: none;
    }

    main.car-group section.groups-tabs .nav.groups-tabs .nav-item .nav-link {
        height: 31px;
        font-size: 12px;
        padding: 7px 1px;
        margin-right: 3px;
    }

    main.car-group section.groups-tabs .nav.groups-tabs .nav-item:nth-child(1) .nav-link {
        min-width: 95px;
    }

    main.car-group section.groups-tabs .nav.groups-tabs .nav-item:nth-child(2) .nav-link {
        min-width: 102px;
    }

    main.car-group section.groups-tabs .nav.groups-tabs .nav-item:nth-child(3) .nav-link {
        min-width: 124px;
    }

    main.car-group section.groups-tabs .card-groups, 
    main.event-details section.related-event .card-groups {
        width: 320px!important;
        min-height: 240px;
        margin-bottom: 0px;
    }

    main.car-group section.groups-tabs .card-groups .card-img,
    main.event-details section.related-event .card-groups .card-img {
        min-height: 197px;
    }

    main.car-group section.groups-tabs .card-groups .card-body, 
    main.event-details section.related-event .card-groups .card-body {
        padding: 8px 13px 8px 13px;
        min-height: 95px!important;
        height: 95px;
    }

    main.car-group section.groups-tabs .card-groups .card-body .card-title, 
    main.event-details section.related-event .card-groups .card-body .card-title {
        font-size: 17px;
        height: auto;
    }

    main.car-group section.groups-tabs .card-groups .card-body .card-date, 
    main.car-group section.groups-tabs .card-groups .card-body .card-location, 
    main.event-details section.related-event .card-groups .card-body .card-date, 
    main.event-details section.related-event .card-groups .card-body .card-location {
        font-size: 12px;
        padding-top: 4px;
    }

    main.car-group section.groups-tabs .card-groups .card-body .btn, 
    main.event-details section.related-event .card-groups .card-body .btn {
        width: 34.891px;
        height: 23.947px;
        bottom: 10.05px; 
        right: 7px;
        background-image: url('../images/Icones/Group 1241.svg');
    }

    main.car-group .advertising-banner {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /* CSS Page group */
    main.group {
        margin-top: 0px;
    }

    main.group section.groups-details {
        padding-top: 10px;
    }

    main.group .groups-details .container {
        padding: 0px!important;
    }

    main.group section.groups-details .groups-detail {
        padding: 10px 35px 0 35px!important;
    }

    main.group section.groups-details .groups-detail .logo-group img {
        max-width: 93px;
    }

    main.group section.groups-details .groups-detail .title-group h1 {
        padding-top: 10px;
        font-size: 24px;
    }

    main.group section.groups-details .groups-detail .content-group p {
        font-size: 14px;
        padding-top: 9px;
        padding-bottom: 10.21px;
    }

    main.group section.groups-details .groups-detail .groups-btns .btn.btnVisit {
        width: 100%;
        margin-right: 4px;
    }

    main.group section.groups-details .groups-detail .groups-btns .btn.btnCall {
        width: 54px;
    }

    main.group section.groups-details .groups-detail .groups-btns .btn.btnCall .icone-tel {
        margin-right: 0;
    }

    main.group section.groups-tabs .nav.groups-tabs {
        padding: 10px 0;
    }

    main.group section.groups-tabs .nav.groups-tabs .nav-item .nav-link {
        height: 31px;
        padding: 7px 1px;
        font-size: 12px;
        margin-right: 4px;
    }

    main.group section.groups-tabs .nav.groups-tabs .nav-item:nth-child(1) .nav-link {
        min-width: 95px;
    }

    main.group section.groups-tabs .nav.groups-tabs .nav-item:nth-child(2) .nav-link {
        min-width: 102px;
    }

    main.group section.groups-tabs .nav.groups-tabs .nav-item:nth-child(3) .nav-link {
        min-width: 122px;
        margin-right: 0px;
    }

    main.group section.groups-tabs .row.groups.card-group .col-12 {
        padding-right: 10px !important;
    }

    main.group section.groups-tabs .card-groups {
        margin-bottom: 10px;
    }

    main.group section.groups-tabs .advertising-banner {
        margin: 10px 0;
    }

    /* CSS Page Event details */
    main.event-details {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    main.event-details section.event-details .container {
        padding: 0 0 0 0!important;
    }

    main.event-details section.event-details .title-details-event h1 {
        font-size: 24px;
        padding: 0 20px;
        margin-bottom: 10px;
    }
    
    .carousel-details-event .photo-details-event {
        border-radius: 0;
        height: 360px;
    }

    .slider-nav-details-event .photo-details-event {
        height: 92px;
    }

    .slider-nav-details-event .slick-prev.slick-arrow, .slider-nav-details-event .slick-next.slick-arrow {
        display: none!important;
    }
    
    main.event-details section.event-details .info-details-event {
        padding: 10px 20px 11px 20px;
    }

    main.event-details section.event-details .info-details-event .btnDate {
        margin-bottom: 11px;
    }

    main.event-details section.event-details .content-details-event {
        padding: 0 20px;
    }

    main.event-details section.event-details .content p {
        font-size: 14px;
    }

    main.event-details section.event-details .share-post {
        margin-top: 10px;
    }

    main.event-details section.related-event {
        padding: 0 0 10px 0;
    }

    main.event-details section.related-event h3 {
        font-size: 22px;
        padding-bottom: 10px;
    }

    /* CSS Gallerie photo */
    main.gallerie-photo {
        margin-top: 0px;
    }

    main.gallerie-photo section.gallerie-header .header-content .btns-action .btnSave {
        margin-right: 9px;
    }

    main.gallerie-photo section.gallerie {
        margin-top: 10px;
    }
}

@media all and (max-width : 575px) {
    main.default .container, .main-navigation .container {
        padding: 0 20px!important;
    }

    /* -- CSS HEDER  -- */
    section.header-mobile {
        padding: 10px 20px 10px 20px;
    }

    /* CSS Sidebar */
    div.sidebar {
        width: 100%;
    }

    div.sidebar .sidebar-conten, div.sidebar .sidebar-lang, div.sidebar .sidebar-footer {
        padding-left: 27px;
    }

    div.sidebar ul.nav-sidebar .nav-item .nav-link {
        font-size: 16px;
        width: 208px;
    }

    div.sidebar ul.nav-sidebar .nav-item .nav-link.active {
        padding: 14px 10px !important;
        height: 48px;
    }

/* Home Page */
    /* CSS Page Home Page */
    #carouselSlidesHp .carousel-img {
        height: 360px;
    }

    #carouselSlidesHp .content-slide {
        padding-top: 245px;
    }

    #carouselSlidesHp .content-slide .title {
        max-width: 263px;
    }

    section.serach-hp ul.search .nav-item .nav-link, ul.search-mobile .nav-item .nav-link {
        padding: 0 6px;
    }

    section.serach-hp-mobile h4 {
        font-size: 16px;
        margin-bottom: 0px;
    }

    section.serach-hp-mobile h4.title-search {
        margin-bottom: 10px;
    }

    main.home-page h3 {
        font-size: 22px;
    }

    main.home-page section.classic-cars .container {
        padding: 0px !important;
    }

    main.home-page section.classic-cars .section-img {
        min-height: 234.209px !important;
    }

    main.home-page section.classic-cars .content-classic-cars {
        padding: 18.58px 20px 27.21px;
    }

    main.home-page section.classic-cars .content-classic-cars h3 {
        margin-bottom: 8px;
    }

    main.home-page section.classic-cars .content-classic-cars p {
        padding-bottom: 0;
    }

    main.home-page section.classic-cars .content-classic-cars a.btn {
        width: 100%;
        height: 50px;
        font-size: 16px;
        margin-top: 8px;
    }

    main.home-page section.new-car .logo-cars {
        margin-bottom: 10px;
    }

    main.home-page section.new-car .logo-cars img {
        max-width: 80px;
    }

    main.home-page section.Featured h3 {
        padding-left: 20px;
    }

    main.home-page section.Featured .explore-more {
        margin: 0 20px;
    }

    main.home-page section.our-blog .article.super-article {
        height: 152px;
        margin-bottom: 10px;
    }

    main.home-page section.our-blog .article.super-article .article-body h3.title {
        font-size: 16px;
    }
    main.home-page section.our-blog .article.super-article .article-body p {
        font-size: 12px;
    }

    main.home-page section.our-blog .articles-vertical .article .article-body h4.title {
        font-size: 14px;
    }

/* Classified */
    /* CSS Page Classified */
    .cars.card-group .card.card-cars-v1 {
        width: 100%;
        margin-bottom: 10px;
    }

    .cars.card-group .cars.col-12 {
        padding-right: 0px !important;
    }

    .cars.card-group .card.card-cars-v1 .card-img {
        height: 137px;
    }

    .cars.card-group .card.card-cars-v1 .favourite-icon i.icone-heart:before {
        right: 7px;
    }

    .cars.card-group .card.card-cars-v1 .card-body {
        padding: 15px 8px;
    }

    .cars.card-group .card.card-cars-v1 .card-body h3.price {
        margin-top: 12px;
    }

    .cars.card-group .card.card-cars-v1 .card-body .showroom-logo {
        top: 26px;
        right: 8px;
    }

/* Classified car details & Compare */
    /* CSS Page Classified car details */
    main.classified-specific-car section.carousel-cars .container {
        padding: 0!important;
    }

    main.classified-specific-car section.carousel-cars h3.title-carousel {
        padding-left: 20px;
    }

    main.classified-specific-car section.carousel-cars .card.card-cars-v1 {
        width: 225px;
    }

    main.classified-specific-car section.carousel-cars .cars.card-group .card.card-cars-v1 .card-img {
        height: 136px;
    }

    main.classified-specific-car section.carousel-cars .cars.card-group .card.card-cars-v1 .card-body {
        padding: 14px 11px;
    }

    main.classified-specific-car section.carousel-cars .cars.card-group .card.card-cars-v1 .card-body h3.price {
        margin-top: 0px;
        font-size: 16px;
        font-weight: 700;
    }

/* BLOG */
    /* CSS Page Blog */

    section.blogs .card.card-blog.large, section.blogs .card.card-blog.small {
        flex: 1 1 100%!important;
        max-width: 100%!important;
    }

    section.blogs .card.card-blog.small a {
        display: flex;
        flex-direction: row;
    }

    section.blogs .card.card-blog.large .card-img {
        height: 93px;
    }

    section.blogs .card.card-blog.small .card-img {
        min-width: 104px;
        width: 104px;
        height: 126px;
        border-radius: 10px 0 0 10px;
    }

    section.blogs .card.card-blog .card-img {
        background-position: center;
    }

    section.blogs .card.card-blog.large .card-body {
        min-height: 113px;
    }

    section.blogs .card.card-blog.large .card-body p.description {
        max-width: 90%;
    }

    section.blogs .card.card-blog.small .card-body p.description {
        margin-bottom: 3px;
    }

    section.blogs .card.card-blog.small .card-body button.btn {
        right: 10px;
        bottom: 11px;
    }

    section.blogs .card-blog.card-instagram {
        padding: 33px 21px 29px 21px !important;
    }

    section.blogs .card-blog.card-instagram i.icone-instagram {
        width: 40px;
        height: 40.735px;
    }   

    section.blogs .card-blog.card-instagram h3.title {
        margin-top: 6.5px;
    }

    section.blogs .card-blog.card-instagram h3.title img {
        position: absolute;
        top: 20px;
        right: 018px;
    }

/* Classic cars */
    /* CSS Page Exotics */
    main.classic-cars section.all-supercars .row.cars, main.showroom-specifique .all-supercars .row.cars {
        margin-right: 0px !important;
    }

/* Showroom & showroom list */
    /* CSS Page Shworoom page specifique */
    .card.card-cars .card-img {
        height: 137px;
    }

/* CAR GROUP */
    /* CSS Page Otokee car group */
    #carouselSlidesOnly .content-slide {
        width: 100%;
        padding-top: 198px;
        padding-left: 20px;
        padding-right: 20px;
    }

    section.groups .card-groups, section.related-event .card-groups {
        height: 183px;
    }

    main.car-group section.groups-tabs .card-groups .card-img, 
    main.event-details section.related-event .card-groups .card-img {
        min-height: 110px;
    }

    main.car-group section.groups-tabs .card-groups .card-body, 
    main.event-details section.related-event .card-groups .card-body {
        min-height: 75px!important;
        height: 75px;
    }

    main.car-group section.groups-tabs .card-groups .card-body .card-date, 
    main.car-group section.groups-tabs .card-groups .card-body .card-location, 
    main.event-details section.related-event .card-groups .card-body .card-date, 
    main.event-details section.related-event .card-groups .card-body .card-location {
        display: inline-block!important;
    }

    main.car-group section.groups-tabs .card-groups .card-date i.icone-calendar, 
    main.car-group section.groups-tabs .card-groups .card-location i.icone-location, 
    main.event-details section.related-event .card-date i.icone-calendar, 
    main.event-details section.related-event .card-groups .card-location i.icone-location {
        width: 14px;
        height: 14px;
        vertical-align: middle;
    }

    main.car-group section.groups-tabs .card-groups .card-date,
    main.event-details section.related-event .card-date {
        margin-right: 10px;
    }

    main.car-group section.groups-tabs .card-groups .card-location i.icone-location,
    main.event-details section.related-event .card-groups .card-location i.icone-location {
        margin-right: 0;
    }

    main.car-group section.groups-tabs .carousel-groups {
        margin: 0 -20px;
    }

    /* CSS Page Group */
    main.group section.groups-details .groups-detail {
        padding: 10px 20px 0 20px !important;
    }

    section.groups-tabs .card-groups {
        width: 100%;
    }

    section.groups-details .groups-image .group-image {
        max-height: 360px;
    }

    main.group section.groups-tabs .card-groups .card-body {
        height: 75px;
    }

    main.group section.groups-tabs .card-groups .card-date, main.group section.groups-tabs .card-groups .card-location {
        padding-top: 4px;
        display: inline-block!important;
    }

    main.group section.groups-tabs .card-groups .card-date {
        margin-right: 10px;
    }

    main.group section.groups-tabs .card-groups .card-date i.icone-calendar, main.group section.groups-tabs .card-groups .card-location i.icone-location {
        width: 14px;
        height: 14px;
        vertical-align: middle;
    }

    main.group section.groups-tabs .card-groups .card-location i.icone-location {
        margin-right: 0;
    }

    /* CSS Page Event details */
    main.event-details section.related-event .carousel-groups {
        margin: 0 -20px;
    }

    /* CSS Modal */
    .modal-dialog {
        width: 100%!important;
        max-width: 100%!important;
        margin: 0;
        display: flex;
        justify-content: center;
    }

    #contactGroupModal .modal-content, #shareModal .modal-content, #register-car .modal-content {
        max-width: 320px;
    }

    #deleteModal .modal-content, #promoteAdModal .modal-content,  #markSoldModal .modal-content, #promoteAdModal .modal-content, #delete-modify-event .modal-content {
        max-width: 320px;
        padding: 10px;
    }

    #deleteModal .modal-content .btn-close, #markSoldModal .modal-content .btn-close, #promoteAdModal .modal-content .btn-close, #delete-modify-event .modal-content .btn-close {
        top: 10px;
        right: 10px;
    }

    #deleteModal .modal-content .content-delete-model, #markSoldModal .modal-content .content-delete-model, #promoteAdModal .modal-content .content-delete-mode, #delete-modify-event .modal-content .content-delete-mode {
        padding-top: 12px;
    }
    
    #deleteModal .modal-content .icone-trash, #markSoldModal .modal-content .icone-mark, #promoteAdModal .modal-content .icone-mark, #delete-modify-event .modal-content .icone-trash {
        margin-right: 10px;
    }

    #deleteModal .modal-content .modal-title, #markSoldModal .modal-content .modal-title, #promoteAdModal .modal-content .modal-title, #delete-modify-event .modal-content .modal-title {
        font-size: 16px;
    }

    #deleteModal .modal-content p, #markSoldModal .modal-content p, #promoteAdModal .modal-content p, #delete-modify-event .modal-content p {
        font-size: 12px;
        max-width: 219px;
    }

    #deleteModal .modal-footer, #markSoldModal .modal-footer, #promoteAdModal .modal-footer {
        margin-top: 20px;
    }

    #deleteModal .modal-footer .btn, #markSoldModal .modal-footer .btn, #promoteAdModal .modal-footer .btn, #delete-modify-event .modal-footer .btn {
        width: 100%;
        font-size: 16px;
    }

    #deleteModal .modal-footer .btn.btnConfirm, #markSoldModal .modal-footer .btn.btnConfirm, #promoteAdModal .modal-footer .btn.btnConfirm, #delete-modify-event .modal-footer .btn.btnConfirm {
        order: 1;
        margin-bottom: 12px!important;
    }

    #deleteModal .modal-footer .btn.btnCancel, #markSoldModal .modal-footer .btn.btnCancel, #promoteAdModal .modal-footer .btn.btnCancel, #delete-modify-event .modal-footer .btn.btnCancel {
        order: 2;
    }

    #markSoldModal .modal-content .modal-title {
        margin-bottom: 0;
    }

    #promoteAdModal .modal-content .promote-btns {
        padding-top: 10px;
    }

    #promoteAdModal .modal-footer {
        margin-top: 10px;
    }

    #actionModal .modal-content {
        max-width: 320px;
    }

    #delete-modify-event .modal-body .content {
        margin-top: 10px;
    }

    #delete-modify-event .modal-body .content h4 {
        font-size: 18px;
    }

    #delete-modify-event .modal-body .content .check-modify, #delete-modify-event .modal-body .content .check-delete {
        margin-bottom: 10px;
    }

    #delete-modify-event .modal-body .content .form-check-label {
        font-size: 12px;
    }

    #delete-modify-event .modal-body .content .form-check-input[type=radio] {
        width: 23px;
        height: 23px;
    }

    #delete-modify-event .modal-footer {
        margin-bottom: 0px;
    }

    /* CSS Gallerie photo */
    .grid-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    }

    .grid-wrapper {
        grid-auto-rows: 145px;
    }

    /* CSS Page Contact us */
    main.contact-us {
        margin: 0px;
        margin-bottom: 10px;
    }

    main.contact-us section.contact-us form .text-field {
        width: 100%;
    }

    main.contact-us section.contact-us form input, main.contact-us section.contact-us form textarea {
        margin-bottom: 10px;
    }

    /* CSS Page Privacy Policy & Terms and Conditions */
    main.privacy-policy, main.terms-conditions {
        margin: 10px 0;
    }

    main.privacy-policy section.privacy-policy h1, main.terms-conditions section.terms-conditions h1 {
        margin: 10px 0;
    }
}

@media all and (max-height: 800px) {  
    div.sidebar {
        padding: 20px 18px 10px 18px;
        min-height: 600px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    div.sidebar .sidebar-content ul.nav-sidebar {
        margin-top: 8vh !important;
    }

    div.sidebar ul.nav-sidebar .nav-item .nav-link {
        margin-bottom: 5vh;
    }

    div.sidebar .sidebar-conten, div.sidebar .sidebar-lang, div.sidebar .sidebar-footer {
        padding-top: 2vh;
    }
}

/*
@media all and (max-height: 915px) {
    div.sidebar {
        padding: 40.46px 18px 13px 18px;
    }

    div.sidebar .sidebar-content ul.nav-sidebar {
        margin-top: 10vh !important;
    }

    div.sidebar ul.nav-sidebar .nav-item .nav-link {
        margin-bottom: 4vh;
    }

    div.sidebar .sidebar-conten, div.sidebar .sidebar-lang, div.sidebar .sidebar-footer {
        padding-top: 2vh;
    }

    .custom-select-wrapper-country {
        margin-bottom: 2vh;
    }
}

@media all and (max-height: 750px) {  
    div.sidebar {
        padding: 20px 18px 10px 18px;
        min-height: 600px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    div.sidebar .sidebar-content ul.nav-sidebar {
        margin-top: 5vh !important;
    }

    div.sidebar ul.nav-sidebar .nav-item .nav-link {
        margin-bottom: 3.5vh;
    }

    div.sidebar .sidebar-conten, div.sidebar .sidebar-lang, div.sidebar .sidebar-footer {
        padding-top: 2vh;
    }
}
/*