@media all and (min-width : 1800px) {

}

@media all and (max-width : 1800px) {

}

@media all and (max-width : 1799px) {
    /* CSS Dashboard v1 */
    .dashboard-v1 {
        width: 1070px;
    }

    /* CSS Page Edit Profil */
    .dashboard.edit-profil .form-edit input, .dashboard.edit-profil .form-edit .input-group {
        width: 333px;
    }

    /* CSS Page Promote ads */
    .dashboard.promote-ads .form-promote-ads .form-group {
        width: 24%;
    }

    .dashboard.promote-ads .form-promote-ads select, .dashboard.promote-ads .form-promote-ads .checkBtn {
        width: 100%;
    }

    .dashboard.promote-ads form .btn.submitBtn {
        width: 20%;
    }

    /* CSS Page Security */
    .dashboard.security input {
        width: 333px;
    }

    /* CSS Page All alerts */
    .dashboard.all-alerts .form-alerts select {
        width: 240px;
    }

    .dashboard.all-alerts .form-alerts .form-select.year {
        width: 140px;
    }

    .dashboard.all-alerts .form-alerts .btn.submitBtn {
        width: 200px;
    }

    /* CSS Page Add classified */
    .dashboard.add-classified .form-add-classified select, .dashboard.add-classified .form-add-classified .input-group,
    .dashboard.add-classified .form-add-classified input#year , .dashboard.add-classified .form-add-classified input#frist-registration {
        width: 333px;
    }

    .dashboard.add-classified .form-section.photos-videos .drop-zone {
        width: 240px;
        height: 193px;
    }

    /* CSS Page Dashboard */
    .dashboard.page-dashboard .card {
        width: 32.5%;
    }

    .dashboard.page-dashboard .card .card-body {
        padding: 19px 20px 0px;
    }

    /* CSS Page My cars & My Favorite */
    .card-group.card-group-v2.style2 .card-body .column-1, .card-group.card-group-v2.style2 .card-body .column-2 {
        min-width: auto;
        width: 265px;
        margin-left: 10px;
    }

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

    .card-group.card-group-v2.style2 .card .card-body ul.list-group {
        padding-left: 10px;
    }

    .dashboard.my-cars .card-group.card-group-v2.style2 .card .card-body .card-actions .btn {
        width: 140px;
    }

    .dashboard.my-favorite .card-group.card-group-v2.style2 .card .card-body .card-actions .btn {
        width: 138px;
    }

    .card-group.card-group-v2.style2 .card .card-body .card-actions .btnDelete, .card-group.card-group-v2.style2 .card .card-body .card-actions .btnEdit, .card-group.card-group-v2.style2 .card .card-body .card-actions .btn {
        font-size: 12px;
    }

    .card-group.card-group-v2.style2 .card .card-body .card-actions .btnDelete i, .card-group.card-group-v2.style2 .card .card-body .card-actions .btnEdit i {
        width: 18px;
        height: 18px;
    }

    .card-group.card-group-v2.style2 .card .card-body .btn.btn-light {
        width: 40.891px;
        height: 29.947px;
        background-size: 40.891px 29.947px;
    }

    /* CSS Page Compare */
    main.compare section.compare .header-compare .compareBtn, main.compare section.compare .header-compare .form-selects select {
        width: 320px;
    }

    /* CSS Page Ad event */
    .dashboard.ad-event .when-event .input-date, .dashboard.ad-event .when-event .select-lieu {
        max-width: 332px;
    }

    .dashboard.ad-event .form-section.photos-videos .drop-zone {
        width: 240px;
        height: 193px;
    }

    /* -- CSS Page Edit profile showroom -- */
    .dashboard.edit-profil .row-icone-badge .form-group, .dashboard.edit-profil-showroom .row-icone-badge .form-group, .dashboard.edit-profil-car-group .row-icone-badge .form-group {
        min-width: 392px;
    }

    .dashboard.edit-profil-showroom .row-hour-location .input-group, .dashboard.edit-profil-showroom .row-social-media input, 
    .dashboard.edit-profil-car-group .row-hour-location .input-group, .dashboard.edit-profil-car-group .row-social-media input,
    .dashboard.edit-profil-showroom .row-hour-location .text-field input, .dashboard.edit-profil-car-group .row-hour-location .text-field input {
        width: 242px;
    }

    /* CSS Page List event */
    .dashboard.list-event .card-group .card {
        width: 100%;
    }

    .dashboard.list-event .card-group .card .card-img-top {
        height: 162px;
    }
}

@media all and (max-width : 1600px){

}

@media all and (max-width : 1399px) {
    /* CSS Dashboard v1 */
    .dashboard-v1 {
        width: 870px;
    }

    /* CSS Page Edit Profil */
    .dashboard.edit-profil .form-edit input, .dashboard.edit-profil .form-edit .input-group {
        width: 268px;
    }

    /* CSS Page Security */
    .dashboard.security input {
        width: 268px;
    }

    /* CSS Page All alerts */
    .dashboard.all-alerts .form-alerts select {
        width: 180px;
    }

    .dashboard.all-alerts .form-alerts .form-select.year {
        width: 130px;
    }

    .dashboard.all-alerts .form-alerts .btn.submitBtn {
        width: 170px;
    }

    /* CSS Page Add classified */
    .dashboard.add-classified .form-add-classified select, .dashboard.add-classified .form-add-classified .input-group,
    .dashboard.add-classified .form-add-classified input#year , .dashboard.add-classified .form-add-classified input#frist-registration {
        width: 268px;
    }

    .dashboard.add-classified .form-section.photos-videos .drop-zone {
        width: 200px;
        height: 170px;
    }

    .dashboard.add-classified .form-add-classified .form-section.checkboxs .check-terms {
        margin-bottom: 13px;
    }

    /* CSS Page Dashboard */
    .dashboard.page-dashboard .card .card-body {
        padding: 14px 10px;
    }

    /* CSS Page My cars & My Favorite */
    .card-group.card-group-v2.style2 .card-body .column-1, .card-group.card-group-v2.style2 .card-body .column-2 {
        width: 220px;
    }

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

    .card-group.card-group-v2 .card .card-body ul.list-group {
        font-size: 12px;
        padding: 0 4px !important;
    }

    /* -- CSS Page Edit profile showroom -- */
    .dashboard.edit-profil .row-icone-badge .form-group, .dashboard.edit-profil-showroom .row-icone-badge .form-group, .dashboard.edit-profil-car-group .row-icone-badge .form-group {
        min-width: 292px;
    }

    .dashboard.edit-profil-showroom .row-hour-location .input-group, .dashboard.edit-profil-showroom .row-social-media input,
    .dashboard.edit-profil-car-group .row-hour-location .input-group, .dashboard.edit-profil-car-group .row-social-media input,
    .dashboard.edit-profil-showroom .row-hour-location .text-field input, .dashboard.edit-profil-car-group .row-hour-location .text-field input {
        width: 204px;
    }

    .dashboard.edit-profil-showroom form .form-label, .dashboard.edit-profil-car-group form .form-label {
        font-size: 12px;
    }

    /* -- CSS Page Edit profile car group -- */
    .dashboard.edit-profil-car-group textarea {
        padding: 15px 11.19px 15px 10.13px;
    }

    /* CSS Page Ad event */
    .dashboard.ad-event .when-event .input-date, .dashboard.ad-event .when-event .select-lieu {
        max-width: 268px;
    }

    .dashboard.ad-event .form-section.photos-videos .drop-zone {
        width: 200px;
        height: 170px;
    }

    /* CSS Page List event */
    .dashboard.list-event .card-group .card .card-img-top {
        height: 128px;
    }

    .dashboard.list-event .card-group .card .card-body {
        padding: 13px;
        min-height: auto;
    }

    .dashboard.list-event .card-group .card .card-date, .dashboard.list-event .card-group .card .card-location {
        font-size: 12px;
    }
}

@media all and (max-width : 1365px) {

}

@media all and (max-width : 1023px)  {

}

@media all and (max-width : 1199px) {
    /* CSS Dashboard v1 */
    .vertical-sidebar-v1 {
        width: 250px;
    }

    .dashboard-v1 {
        width: 710px;
    }

    /* CSS Page Edit Profil */
    .dashboard.edit-profil .form-edit input, .dashboard.edit-profil .form-edit .input-group {
        width: 220px;
    }

    /* CSS Page Promote ads */
    .dashboard.promote-ads .tab-history td {
        font-size: 10px;
    }

    /* CSS Page Security */
    .dashboard.security input {
        width: 220px;
    }

    /* CSS Page All alerts */
    .dashboard.all-alerts .form-alerts select {
        width: 140px;
    }

    .dashboard.all-alerts .form-alerts .form-select.year {
        width: 120px;
    }

    .dashboard.all-alerts .form-alerts .btn.submitBtn {
        width: 140px;
    }

    /* CSS Page Add classified */
    .dashboard.add-classified .form-add-classified select, .dashboard.add-classified .form-add-classified .input-group,
    .dashboard.add-classified .form-add-classified input#year , .dashboard.add-classified .form-add-classified input#frist-registration {
        width: 220px;
    }

    .dashboard.add-classified .form-section.photos-videos .drop-zone {
        width: 150px;
        height: 128.092px;
    }

    .dashboard.add-classified .form-section.photos-videos .drop-zone__prompt {
        width: 41.799px;
        height: 42.325px;
    }

    .dashboard.add-classified .form-add-classified .form-section.checkboxs label.form-check-label {
        font-size: 14px;
    }

    /* CSS Page My cars & My Favorite */
    .card-group.card-group-v2.style2 .card-body .column-1, .card-group.card-group-v2.style2 .card-body .column-2 {
        width: 50%;
    }

    .dashboard.my-cars .card-group.card-group-v2.style2 .card .card-body .card-actions-mobile .btn-mobile {
        border: none;
        background-color: transparent;
        width: 20.371px;
        height: 23.998px;
        position: absolute;
        top: 13px;
        right: 12.67px;
    }

    .dashboard.my-cars .card-group.card-group-v2.style2 .card .card-body .card-actions-mobile .btn-mobile i.icone-mobile-menu {
        background-image: url('../images/Icones/Group 2301.svg');
        background-repeat: no-repeat;
        background-position: center;
        width: 20.371px;
        height: 23.998px;
    }

    .dashboard.my-favorite .card-group.card-group-v2.style2 .card .card-body .card-actions-mobile .btn-mobile {
        border: none;
        background-color: transparent;
        width: 13.157px;
        height: 15.499px;
        position: absolute;
        top: 11.82px;
        right: 11.03px;
    }

    .dashboard.my-favorite .card-group.card-group-v2.style2 .card .card-body .card-actions-mobile .btn-mobile i.icone-mobile-compare {
        background-image: url('../images/Icones/Layer 3.svg');
        background-repeat: no-repeat;
        background-position: center;
        width: 13.157px;
        height: 15.499px;
    }

    /* CSS Page Compare */
    main.compare section.compare .header-compare .compareBtn, main.compare section.compare .header-compare .form-selects select {
        width: 242px;
    }

    /* -- CSS Page Edit profile showroom -- */
    .dashboard.edit-profil form .more-image .drop-zone, .dashboard.edit-profil-showroom form .more-image .drop-zone, .dashboard.edit-profil-car-group form .more-image .drop-zone {
        position: relative;
        width: 180px;
    }

    .dashboard.edit-profil form .more-image, .dashboard.edit-profil-showroom form .more-image, .dashboard.edit-profil-car-group form .more-image {
        margin-right: 12px;
    }

    .dashboard.edit-profil .row-icone-badge .form-group, .dashboard.edit-profil-showroom .row-icone-badge .form-group, .dashboard.edit-profil-car-group .row-icone-badge .form-group,
    .dashboard.edit-profil-car-group .row-icone-badge .form-group {
        min-width: 240px;
    }

    .dashboard.edit-profil-showroom .row-hour-location .input-group, .dashboard.edit-profil-showroom .row-social-media input,
    .dashboard.edit-profil-car-group .row-hour-location .input-group, .dashboard.edit-profil-car-group .row-social-media input {
        width: 166px;
    }

    .dashboard.edit-profil-showroom .row-hour-location .text-field input, .dashboard.edit-profil-car-group .row-hour-location .text-field input {
        width: 332px;
    }

    /* CSS Page Ad event */
    .dashboard.ad-event .when-event .input-date, .dashboard.ad-event .when-event .select-lieu {
        max-width: 216px;
    }

    .dashboard.ad-event .form-section.photos-videos .drop-zone {
        width: 150px;
        height: 128.092px;
    }

    .dashboard.ad-event .form-section.photos-videos .drop-zone__prompt {
        width: 41.799px;
        height: 42.325px;
    }

}

@media all and (min-width : 992px) {
    main.compare section.compare .header-compare .cars-compare {
        transform: rotateX(180deg);
        margin-top: -10px;
    }

    main.compare section.compare .header-compare .car-compare {
        transform: rotateX(180deg);
    }

    main.compare section.compare .header-compare .cars-compare.nbr-cars-1, main.compare section.compare .header-compare .cars-compare.nbr-cars-2, main.compare section.compare .header-compare .cars-compare.nbr-cars-3 {
        margin-top: 0;
    }

    main.compare section.compare .header-compare .cars-compare.nbr-cars-1 .car-compare {
        min-width: 100%;
        width: 100%;
    }

    main.compare section.compare .header-compare .cars-compare.nbr-cars-2 .car-compare {
        min-width: 50%;
        width: 100%;
    }
}

@media all and (max-width : 991px) {
    /* CSS Dashboard v1 */
    .vertical-sidebar-v1 {
        width: 100%;
    }

    .dashboard-v1 {
        width: 100%;
        padding-left: 0!important;
    }

    .dashboard-v1 #btn-vertical-sidebar {
        height: 50px;
        border-radius: 10px;
        border: 1px solid #C9C9C9;
        padding: 0 15px;
        font-family: 'Lexend', Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 10px;
    }

    .dashboard-v1 #btn-vertical-sidebar i {
        width: 39px;
        height: 39px;
        border-radius: 100%;
        background-color: #F5F5F5;
        padding: 10px;
    }

    /* CSS Page Edit Profil */
    .dashboard.edit-profil .form-edit input, .dashboard.edit-profil .form-edit .input-group {
        width: 95%;
    }

    /* CSS Page Security */
    .dashboard.security .form-group {
        margin-bottom: 20px;
    }

    .dashboard.security input {
        width: 95%;
    }

    /* CSS Page All alerts */
    .dashboard.all-alerts .form-alerts select, .dashboard.all-alerts .form-alerts .form-select.year{
        width: 100%;
        margin-bottom: 10px;
    }

    .dashboard.all-alerts .form-alerts .form-group {
        width: 100%;
    }

    .dashboard.all-alerts .form-alerts .btn.submitBtn {
        float: right;
    }

    /* CSS Page Add classified */
    .dashboard.add-classified .form-add-classified .form-group {
        width: 100%;
    }

    .dashboard.add-classified .form-add-classified select, .dashboard.add-classified .form-add-classified .input-group,
    .dashboard.add-classified .form-add-classified input#year , .dashboard.add-classified .form-add-classified input#frist-registration {
        width: 100%;
    }

    .dashboard.add-classified .form-add-classified .form-section.checkboxs .check-terms:not(:last-child) {
        margin-bottom: 10px;
    }

    .dashboard.add-classified .form-add-classified .form-section.checkboxs label.form-check-label {
        height: auto;
    }

    .dashboard.add-classified .form-add-classified .more-photos-videos {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-bottom: 20px;
    }

    .dashboard.add-classified .form-add-classified .more-photos-videos::-webkit-scrollbar {
        height: 4px;
    }
    
    .dashboard.add-classified .form-add-classified .more-photos-videos::-webkit-scrollbar-track {
        background-color: #F5F5F5;
        border-radius: 28px;
    }
    
    .dashboard.add-classified .form-add-classified .more-photos-videos::-webkit-scrollbar-thumb {
        background-color: #C9C9C9;
        border-radius: 28px;
    }

    .dashboard.add-classified .form-section.photos-videos .drop-zone {
        min-width: 150px;
        min-height: 128.092px;
        margin-right: 20px;
        margin-bottom: 10px!important;
    }

    /* CSS Page My cars & My Favorite */
    .dashboard.my-cars .section-breadcrumb, .dashboard.my-favorite .section-breadcrumb {
        margin-bottom: 10px;
    }

    /* CSS Page My Favorites empty */
    .dashboard-v1.favorites-empty .favorites-empty {
        padding-top: 41px;
    }

    .dashboard-v1.favorites-empty .favorites-empty img {
        width: 24px;
    }

    .dashboard-v1.favorites-empty .favorites-empty h4 {
        width: 236px;
        padding-top: 27px;
    }

    .dashboard-v1.favorites-empty .favorites-empty p {
        padding-bottom: 27px;
    }

    .dashboard-v1.favorites-empty .favorites-empty .btn.linkBtn {
        margin-bottom: 30px;
    }

    /* -- CSS Page Login  -- */
    section.login, section.sign-in {
        margin-top: 0px;    
    }

    section.login .title h1, section.sign-in .title h1, section.sign-up .title h1 {
        font-size: 20px;
    }

    section.login form, section.sign-in form {
        margin-top: 13px;
        margin-bottom: 10px;
    }

    section.sign-up {
        margin: 0px;
    }

    section.sign-up h2, section.sign-in .pro-account h2, section.sign-in .groups-clubs h2 {
        font-size: 18px;
    }

    section.sign-up button.btn {
        margin-bottom: 10px;
    }

    section.sign-up p {
        font-size: 14px;
    }

    section.sign-in .groups-clubs .logo-label, section.sign-in .groups-clubs .company-registration-label, section.sign-in .groups-clubs .company-cover-label,
    section.sign-in .pro-account .logo-label, section.sign-in .pro-account .company-registration-label, section.sign-in .pro-account .company-cover-label {
        font-size: 14px;
    }

    /* -- CSS Page 404  -- */
    section.page404 {
        margin: 0px;
    }

    section.page404 .title h1 {
        font-size: 32px;
    }

    section.page404 p {
        font-size: 14px;
    }

    section.page404 button.btn {
        margin-bottom: 10px;
    }

    /* -- CSS Page Choose Profile  -- */
    section.choose-profile, section.choose-profile button {
        margin-top: 0px;    
    }

    section.choose-profile .title h1 {
        font-size: 20px;
    }

    section.choose-profile form {
        margin-top: 13px;
        margin-bottom: 10px;
    }

    section.choose-profile .check-account  {
        margin-bottom: 10px;
    }

    /* CSS Page Compare */
    main.compare section.compare .header-compare .compareBtn, main.compare section.compare .header-compare .form-selects select {
        width: 100%;
    }

    main.compare section.compare .header-compare .cars-compare {
        order: 3;
    }

    main.compare section.compare .header-compare .cars-compare button.slick-arrow {
        font-size: 0;
        position: absolute;
        top: 87px;
        width: 9px;
        height: 16px;
        background-size: cover;
        background-position: center;
        background-color: transparent;
        z-index: 999;
        border: none;
    }

    main.compare section.compare .header-compare .cars-compare button.slick-prev {
        left: 0px;
        background-image: url(../images/Icones/arrow-left-mobile.svg);
    }

    main.compare section.compare .header-compare .cars-compare button.slick-next {
        right: 0px;
        background-image: url(../images/Icones/arrow-right-mobile.svg);
    }

    main.compare section.compare .header-compare .cars-compare {
        overflow: visible;
    }

    main.compare section.compare .header-compare .car-compare {
        min-width: auto!important;
    }



    main.compare section.compare .cars-compare.nbr-cars-1 .header-compare .car-compare, main.compare section.compare .cars-compare.nbr-cars-1 .slick-list.draggable, main.compare section.compare .cars-compare.nbr-cars-1 .slick-track {
        min-width: 100%!important;
        width: 100%!important;
    }



    main.compare section.compare .header-compare .car-compare div.column p {
        width: 50%;
    }

    main.compare section.compare .header-compare .car-compare div.column p.value {
        text-align: end;
    }

    main.compare.empty  section.compare .header-compare .form-btns .btn {
        margin-right: 0px;
    }
    
    main.compare.empty section.compare .header-compare .form-selects .form-select{
        margin-left: 0px;
    }





    

    /* -- CSS Page Edit profile showroom -- */
    .dashboard.edit-profil .row-icone-badge .form-group, .dashboard.edit-profil-showroom .row-icone-badge .form-group, .dashboard.edit-profil-car-group .row-icone-badge .form-group {
        min-width: 49%;
    }

    .dashboard.edit-profil-showroom .row-hour-location .form-group, .dashboard.edit-profil-showroom .row-social-media .form-group,
    .dashboard.edit-profil-car-group .row-hour-location .form-group, .dashboard.edit-profil-car-group .row-social-media .form-group,
    .dashboard.edit-profil-showroom .row-hour-location .text-field, .dashboard.edit-profil-car-group .row-hour-location .text-field {
        width: 49%;
    }  
    
    .dashboard.edit-profil-showroom .row-hour-location .input-group, .dashboard.edit-profil-showroom .row-social-media .form-group input,
    .dashboard.edit-profil-car-group .row-hour-location .input-group, .dashboard.edit-profil-car-group .row-social-media .form-group input,
    .dashboard.edit-profil-showroom .row-hour-location .text-field input, .dashboard.edit-profil-car-group .row-hour-location .text-field input {
        width: 100%;
    }

    /* CSS Page Ad event */
    .dashboard.ad-event .when-event .input-date, .dashboard.ad-event .when-event .select-lieu {
        max-width: 32%;
    }

    .dashboard.ad-event .more-photos-videos {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-bottom: 20px;
    }

    .dashboard.ad-event .more-photos-videos {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-bottom: 20px;
    }

    .dashboard.ad-event .more-photos-videos::-webkit-scrollbar {
        height: 4px;
    }
    
    .dashboard.ad-event .more-photos-videos::-webkit-scrollbar-track {
        background-color: #F5F5F5;
        border-radius: 28px;
    }
    
    .dashboard.ad-event .more-photos-videos::-webkit-scrollbar-thumb {
        background-color: #C9C9C9;
        border-radius: 28px;
    }

    .dashboard.ad-event .form-section.photos-videos .drop-zone {
        min-width: 150px;
        min-height: 128.092px;
        margin-right: 20px;
        margin-bottom: 10px!important;
    }
}

@media all and (max-width : 767px) {
    /* CSS Upload Image */
    .uploadOuter {
        height: 320px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .uploadOuter .dragBox {

        padding-top: 120px;
    }

    .uploadOuter .dragBox .icone-upload {
        width: 48px;
        height: 40px;
    }

    .uploadOuter .dragBox {
        font-size: 18px;
    }

    .uploadOuter .btn {
        bottom: 14px;
        left: auto;
        right: auto;
        width: 247.227px;
    }

    .more-image .drop-zone__prompt {
        width: 41.799px;
        height: 42.325px;
    }

    /* CSS Dashboard v1 */
    .vertical-sidebar-v1 .menu-vertical-sidebar {
        padding: 25px 0 10px 17px !important;
    }

    .vertical-sidebar-v1 a.nav-user {
        margin-bottom: 21px;
    }

    .vertical-sidebar-v1 .navbar-nav .nav-item .nav-link {
        margin-bottom: 14px;
    }

    .vertical-sidebar-v1 .navbar-nav hr {
        margin: 0 0 14px 0 !important;
    }

    .dashboard-v1 #btn-vertical-sidebar {
        height: 45px;
    }

    /* CSS Page Edit Profil */
    .dashboard.edit-profil {
        margin: 0 0 10px 0;
    }

    .dashboard.edit-profil .form-edit input, .dashboard.edit-profil .form-edit .input-group {
        width: 100%;
    }

    .dashboard.edit-profil .form-edit input, .dashboard.edit-profil .form-edit .input-group {
        margin-bottom: 10px;
    }

    .dashboard.edit-profil .form-edit .btn {
        width: 100%;
        margin-left: 0px;
    }

    .dashboard.edit-profil .form-edit .btn.cancelBtn {
        margin-top: 10px;
    }

    /* CSS Page Promote ads */
    .dashboard.promote-ads {
        margin: 0 0 10px 0;
    }

    .dashboard.promote-ads .form-promote-ads h3 {
        padding: 0 0 10px 0;
        font-size: 18px;
    }

    .dashboard.promote-ads .form-promote-ads .form-group {
        width: 100%;
        margin-bottom: 12px;
    }

    .dashboard.promote-ads .form-promote-ads .form-group:last-child {
        margin-bottom: 0px;
    }

    .dashboard.promote-ads .row-btns {
        padding-top: 12px;
    }

    .dashboard.promote-ads form .btn.submitBtn {
        width: 100%;
    }

    .dashboard.promote-ads .history-promotion {
        margin: 10px 0 0 0;
    }

    .dashboard.promote-ads .table-history-promotion {
        overflow-x: auto;
    }

    .dashboard.promote-ads .table-history-promotion::-webkit-scrollbar {
        height: 4px;
    }
    
    .dashboard.promote-ads .table-history-promotion::-webkit-scrollbar-track {
        background-color: #F5F5F5;
        border-radius: 28px;
    }
    
    .dashboard.promote-ads .table-history-promotion::-webkit-scrollbar-thumb {
        background-color: #C9C9C9;
        border-radius: 28px;
    }

    .dashboard.promote-ads .tab-history {
        min-width: 600px;
    }

    .dashboard.promote-ads .tab-history th {
        font-size: 14px;
        padding: 0px 5px 7px 0px;
    }

    .dashboard.promote-ads .tab-history td {
        padding: 5px 5px 5px 0px;
    }

    /* CSS Page Promote Ads Congratulations */
    main.promote-ads-congratulations {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    main.promote-ads-congratulations div.content {
        margin-top: 43.18px;
        width: 321px;
    }

    main.promote-ads-congratulations .icone-check img {
        width: 44px;
    }

    main.promote-ads-congratulations div.content h2 {
        font-size: 24px;
        margin: 10px 0;
    }

    main.promote-ads-congratulations div.content p.price{
        margin: 10px 0;
    }

    main.promote-ads-congratulations div.content .car-img img {
        max-width: 245px;
    }

    main.promote-ads-congratulations div.content .content-car {
        margin: 10px 0;
    }

    main.promote-ads-congratulations div.link-back a i.arrow-left {
        display: inline-block;
        width: 18px;
        height: 18px;
        background-image: url('../images/Icones/arrow-left 1.svg');
        background-size: 18px auto;
        background-repeat: no-repeat;
        margin-right: 9px;
    }

    /* CSS Page Security */
    .dashboard.security {
        margin: 0 0 10px 0;
    }

    .dashboard.security .form-group {
        width: 100%;
        margin-bottom: 10px;
    }

    .dashboard.security input {
        width: 100%;
    }
    
    .dashboard.security .col-btns{
        margin: 0px;
    }

    .dashboard.security form .btn {
        width: 100%;
        margin: 0;
    }
    .dashboard.security form .btn.submitBtn {
        margin-bottom: 10px;
    }

    /* CSS Page All alerts */
    .dashboard.all-alerts {
        margin: 0 0 10px 0;
    }

    .dashboard.all-alerts p {
        font-size: 12px;
    }

    .dashboard.all-alerts .form-alerts, .dashboard.all-alerts .my-alert {
        padding-top: 10px;
    }

    .dashboard.all-alerts .form-alerts .btn.submitBtn {
        width: 100%;
    }

    .dashboard.all-alerts .my-alert .alert {
        font-size: 14px;
        margin-bottom: 10px;
    }   

    .dashboard.all-alerts .my-alert .alert:last-child {
        margin-bottom: 0px;
    }

    .dashboard.all-alerts .my-alert p {
        max-width: 85%;
    }


    /* CSS Page Add classified */
    .dashboard.add-classified {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .dashboard.add-classified .heder-add-classified {
        padding-bottom: 10px;
    }

    .dashboard.add-classified h3 {
        font-size: 18px;
        padding-bottom: 10px!important;
    }

    .dashboard.add-classified .form-add-classified .form-section.checkboxs h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .dashboard.add-classified .heder-add-classified .btn {
        width: 100%;
    }

    .dashboard.add-classified .form-add-classified .form-section.price-details, .dashboard.add-classified .form-section.photos-videos {
        margin: 0;
    }

    .dashboard.add-classified .form-add-classified .form-group {
        margin-bottom: 10px;
    }

    .dashboard.add-classified .form-add-classified .form-section .row, .dashboard.add-classified .form-add-classified .form-section.checkboxs .row:not(:last-child), .dashboard.add-classified .form-add-classified .more-photos-videos, .dashboard.add-classified .form-section.location  {
        margin-bottom: 0px!important;
    }

    .dashboard.add-classified .form-section.description-textarea {
        margin-bottom: 10px;
    }

    .dashboard.add-classified .form-section.description-textarea textarea {
        height: 115px;
        padding: 21px 12px;
    }

    .dashboard.add-classified .form-section.text p.txt-notice {
        margin-bottom: 10px;
        padding: 11px;
        height: auto;
    }

    .dashboard.add-classified .form-section.text label.form-check-label {
        height: auto;
    }

    .dashboard.add-classified .form-section.btns {
        margin-top: 10px;
    }

    .dashboard.add-classified .form-add-classified .form-section.btns .form-group {
        margin-bottom: 0;
    }

    .dashboard.add-classified .form-section.btns .btn {
        width: 100%;
    }

    .dashboard.add-classified .form-section.btns .btn.submitBtn {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .dashboard.add-classified .form-section.btns span.required {
        margin-top: 10px;
    }

    /* CSS Page Dashboard */
    .dashboard.page-dashboard {
        margin: 0 0 10px 0;
    }

    .dashboard.page-dashboard .advertising-banner {
        height: 100px;
        margin-bottom: 10px;
    }

    .dashboard.page-dashboard h3 {
        font-size: 18px;
    }

    .dashboard.page-dashboard .chart {
        margin-top: 10px;
        padding-top: 13px;
        padding-bottom: 12px;
        height: 339px;
    }

    .dashboard.page-dashboard h3.title-cards {
        padding: 10px 0;
    }

    .dashboard.page-dashboard .card {
        width: 100%;
        height: 69px;
        margin-bottom: 9px;
    }

    .dashboard.page-dashboard .card:last-child {
        margin-bottom: 0;
    }

    .dashboard.page-dashboard .card .card-body {
        padding: 12px 10px;
    }

    .dashboard.page-dashboard .card .card-body h4 {
        font-size: 16px;
    }

    /* CSS Page My cars & My Favorite */
    .dashboard.my-cars, .dashboard.my-favorite {
        margin: 0 0 10px 0;
    }

    .card-group.card-group-v2.style2 .card {
        margin-bottom: 6.18px;
    }

    .card-group.card-group-v2.style2 .col-12:last-child .card  {
        margin-bottom: 0px;
    }

    .card-group.card-group-v2.style2 .card .card-body {
        padding: 0 6px 0 0;
    }

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

    .card-group.card-group-v2.style2 .card .card-body h4.card-title {
        margin-bottom: 3px;
    }

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

    .card-group.card-group-v2.style2 .card-body .column-1, .card-group.card-group-v2.style2 .card-body .column-2 {
        width: 100%;
        margin-left: 7px;
    }
    
    .card-group.card-group-v2.style2 .card-body .lists-groups .column-2 {
        margin-left: 0px;
    }

    .card-group.card-group-v2.style2 .card .card-body ul.list-group.first-list {
        padding: 0!important;
    }

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

    /* CSS Page Compare */
    main.compare {
        margin-top: 0px;
        margin-bottom: 6px;
    }

    main.compare section.section-breadcrumb {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    main.compare section.compare .header-compare .compareBtn, main.compare section.compare .header-compare .form-selects select {
        margin-bottom: 10px;
    }

    main.compare section.compare .table-compare div.title.first-title, main.compare section.compare .table-compare div.title, main.compare section.compare .table-compare div.column {
        height: auto;
    }

    main.compare section.compare .table-compare div.title {
        padding-top: 16px;
        padding-bottom: 15px !important;
    }

    main.compare section.compare .table-compare div.title h3 {
        font-size: 18px;
    }

    main.compare section.compare .header-compare .car-compare div.column p.value, main.compare section.compare .header-compare .cars-compare-empty-mobile div.column p.value {
        color: #5A5A5A;
        font-size: 14px;
        line-height: 20px;
    }

    main.compare section.compare .header-compare .car-compare div.column.last-column, main.compare section.compare .header-compare .cars-compare-empty-mobile div.column.last-column {
        border-bottom: none;
    }

    /* -- CSS Page Edit profile showroom -- */
    .dashboard.edit-profil-showroom {
        margin: 0px 0 10px 0;
    }

    .dashboard.edit-profil form .more-image, .dashboard.edit-profil-showroom form .more-image, .dashboard.edit-profil-car-group form .more-image {
        margin: 0px 0px 10px 0;
    }

    .dashboard.edit-profil-showroom h3, .dashboard.edit-profil-car-group h3, .dashboard.edit-profil-showroom h4, .dashboard.edit-profil-car-group h4,
    .dashboard.edit-profil-showroom .row-icone-badge .form-group, .dashboard.edit-profil-car-group .row-icone-badge .form-group,
    .dashboard.edit-profil-showroom .row-hour-location .form-group, .dashboard.edit-profil-showroom .row-social-media .form-group,
    .dashboard.edit-profil-car-group .row-hour-location .form-group, .dashboard.edit-profil-car-group .row-social-media .form-group,
    .dashboard.edit-profil-showroom .row-hour-location .text-field input, .dashboard.edit-profil-car-group .row-hour-location .text-field input {
        margin-bottom: 10px!important;
    }

    .dashboard.edit-profil-showroom .row-icone-badge .form-group, .dashboard.edit-profil-car-group .row-icone-badge .form-group,
    .dashboard.edit-profil-showroom .row-hour-location .form-group, .dashboard.edit-profil-showroom .row-social-media .form-group,
    .dashboard.edit-profil-car-group .row-hour-location .form-group, .dashboard.edit-profil-car-group .row-social-media .form-group,
    .dashboard.edit-profil-showroom .row-hour-location .text-field, .dashboard.edit-profil-car-group .row-hour-location .text-field {
        width: 100%;
    }

    .dashboard.edit-profil-showroom .row-icone-badge, .dashboard.edit-profil-showroom .row-hour-location, .dashboard.edit-profil-showroom .row-social-media, 
    .dashboard.dashboard.edit-profil-car-group .row-icone-badge, .dashboard.edit-profil-car-group .row-hour-location, .dashboard.edit-profil-car-group .row-social-media {
        margin-bottom: 0;
    }

    .dashboard.edit-profil-showroom form .col-btns, .dashboard.edit-profil-car-group form .col-btns {
        margin-top: 10px;
    }

    .dashboard.edit-profil-showroom form .col-btns .btn, .dashboard.edit-profil-car-group form .col-btns .btn {
        width: 100%;
        margin-left: 0;
    }

    .dashboard.edit-profil-showroom form .col-btns .btn.submitBtn, .dashboard.edit-profil-car-group form .col-btns .btn.submitBtn {
        margin-bottom: 10px;
    }

    .dashboard.edit-profil-showroom textarea, .dashboard.edit-profil-car-group textarea {
        padding: 15px 11.19px 15px 10.13px;
        height: 230px;
        margin-bottom: 0px;
    }

    /* -- CSS Page Edit profile car group -- */
    .dashboard.edit-profil-car-group {
        margin: 0px 0 10px 0;
    }

    /* CSS Page Ad event */
    .dashboard.ad-event {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .dashboard.ad-event ul.tabs-event {
        float: none;
    }

    .dashboard.ad-event ul.tabs-event {
        float: none;
        max-width: 320px;
        height: 40px;
    }

    .dashboard.ad-event .tabs-event li.nav-item a {
        width: 160px;
        height: 40px;
        padding: 10px 0;
        font-size: 16px;
    }

    .dashboard.ad-event h3 {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 20px;
    }

    .dashboard.ad-event h4 {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .dashboard.ad-event .tab-event .form-group {
        margin-top: 10px;
    }

    .dashboard.ad-event .when-event .input-date, .dashboard.ad-event .when-event .select-lieu {
        max-width: 100%;
    }

    .dashboard.ad-event .when-event .input-date {
        margin-bottom: 10px;
    }   

    .dashboard.ad-event .more-photos-videos {
        margin-bottom: 10px;
    }

    .dashboard.ad-event form textarea {
        height: 115px;
        padding: 21px 13px
    }

    .dashboard.ad-event form .btns .btn {
        width: 100%;
        margin-left: 0px;
    }

    .dashboard.ad-event form .btns .btn.cancelBtn {
        margin-top: 10px;
    }

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

    .dashboard.details-event section.event .row.photo-event .photo-event {
        height: 320px;
        margin: 10px 0 0 0!important;
    }

    .dashboard.details-event .header-event {
        margin-bottom: 9px!important;
    }

    .dashboard.details-event .header-event>div {
        display: flex;
    }

    .dashboard.details-event .calendar {
        width: 63px;
        height: 63px;
        margin-top: -30px;
        margin-left: 15px;
    }

    .dashboard.details-event .calendar .content p {
        font-size: 20px;
        margin-top: 4px;
    }

    .dashboard.details-event .header-event .publication-date {
        font-size: 18px;
        margin: 4px;
    }

    .dashboard.details-event .title-event h1 {
        font-size: 18px;
    }

    .dashboard.details-event .row-btns {
        margin-top: 10px;
    }

    .dashboard.details-event .row-btns .btn {
        width: 100%;
        margin-left: 0px;
    }

    .dashboard.details-event .row-btns .btn.modifyBtn {
        margin-top: 10px;
    }

    /* CSS Page List event */
    .dashboard.list-event {
        margin-top: 0px;
        margin-bottom: 1px;
    }

    .dashboard.list-event .header-list-event .list-filtre, .custom-select-trigger {
        width: 194px;
    }

    .dashboard.list-event .header-list-event h2 {
        padding-bottom: 0px;
        font-size: 20px;
    }
    
    .dashboard.list-event .card-group {
        padding-top: 10px;
    }

    .dashboard.list-event .card-group .card {
        margin-bottom: 9px;
    }
}

@media all and (max-width : 575px) {
    /* -- CSS Page Login  -- */
    section.login, section.sign-in, section.sign-up {
        margin: 0 21px 0 19px;
    }

    section.login form, section.login button.btn-sign-in, section.sign-in form, section.sign-in button#continueBtn, section.sign-in .pro-account .continueBtn, section.sign-in .groups-clubs .continueBtn, section.sign-in button.btn-submit, section.sign-up button.btn {
        max-width: 100%;
    }

    .btn-connexion a {
        width: 100%;
    }

    section.sign-up .img-envelope {
        margin-top: 10px;
    }

    section.sign-up h2, section.sign-up p {
        width: 100%;
        margin-bottom: 10px;
    }

    section.sign-in .personal-account #continueBtn , section.sign-in .pro-account .continueBtn, section.sign-in .groups-clubs .continueBtn, section.sign-in button.btn-submit {
        margin-top: 0px;
    }

    section.sign-in .pro-account .step3 .checks {
        margin-top: 0px;
    }

    section.sign-in .pro-account .step4 .title h1, section.sign-in .pro-account h2, section.sign-in .pro-account h2.title-social-media,
    section.sign-in .groups-clubs .step3 .title h1, section.sign-in .groups-clubs h2, section.sign-in .groups-clubs h2.title-social-media {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    section.sign-in .pro-account .logo-label, section.sign-in .pro-account .company-registration-label, section.sign-in .pro-account .company-cover-label
    section.sign-in .groups-clubs .logo-label, section.sign-in .groups-clubs .company-registration-label, section.sign-in .groups-clubs .company-cover-label {
        margin-bottom: 10px;
    }

    section.sign-in .pro-account hr, section.sign-in .groups-clubs hr {
        margin-top: 10px !important;
    }

    /* CSS PAGE 404 */
    section.page404 {
        margin: 0 21px 0 19px;
    }

    section.page404 .title h1 {
        font-size: 26px;
    }

    section.page404 .icone404 {
        margin-top: 10px;
    }

    section.page404 p {
        margin: 10px 0;
    }

    /* -- CSS Page Choose Profile  -- */
    section.choose-profile {
        margin: 0 21px 0 19px;
    }

    section.choose-profile .check-account, section.choose-profile button {
        width: 100%;
    }

    section.choose-profile .check-account {
        height: 49px;
    }

    section.choose-profile .check-account label.form-check-label {
        padding: 12px 15px 12px 9px;
    }

    section.choose-profile .check-account input.form-check-input {
        top: 16px;
    }

    section.choose-profile .check-terms label {
        font-size: 12px;
    }

    /* -- CSS Page Edit profile showroom -- */
    .dashboard.edit-profil-showroom form .more-image .drop-zone, .dashboard.edit-profil-car-group form .more-image .drop-zone {
        height: 186px;
        width: 150px;
        height: 128.092px;
    }

    /* CSS Page List event */
    .dashboard.list-event .card-group .card .card-img-top {
        height: 110px;
    }

    .dashboard.list-event .card-group .card .btn-card {
        top: 13px;
        right: 8px;
    }

    .dashboard.list-event .card-group .card .card-body {
        padding: 8px 13px 7px 13px;
    }

    .dashboard.list-event .card-group .card .card-title {
        font-size: 17px;
        margin-bottom: 4px;
    }

    .dashboard.list-event .card-group .card .card-date, .dashboard.list-event .card-group .card .card-location {
        margin-bottom: 0;
    }

    .dashboard.list-event .card-group .card .card-date {
        margin-right: 10px;
    }

    .dashboard.list-event .card-group .card .card-date i.icone-calendar {
        width: 14px;
        height: 14px;
    }

    .dashboard.list-event .card-group .card .card-date i.icone-calendar, .dashboard.list-event .card-group .card .card-location i.icone-location {
        width: 14px;
        height: 14px;
    }
}