@media only screen
and (max-width : 1768px){
    #section_parts_n_services,
    #list_products{
        padding-left: 20px;
        padding-right: 20px;
        max-width: 100%;
        width: auto;
    }
    
    #brand_header .full_image{
        aspect-ratio: 1;
    }
    
    #section_footer_1.row{
        column-gap: 96px;
    }
    
    #footer .row {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen
and (max-width : 1700px){
    .full_screen .content {
        width: 100%;
        box-sizing: border-box;
    }
       
    #list_products .products.used_product .products_content h2{
        font-size: 20px;
    }
    
    #list_products .products.used_product .products_content h3{
        font-size: 25px;
    }
}

#menu-principal-mobile{
    display: none !important;
}

.super_section_menu{
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all ease 0.2s;
    z-index: 9999;
    overflow: hidden;
}

.super_section_menu.show{
    top: 0;
}

@media only screen
and (min-width : 1351px){
    .super_section_menu.show{
        display: none !important;
    }
}

@media only screen
and (max-width : 1350px){
    :root {
        --padding-conteneur: 20px;
        --padding-conteneur-gutter: 20px;
    }
    
    .row{
        column-gap: 40px;
    }
    
    #section_menu_header .colonne{
        justify-content: space-between;
        align-items: center;
    }
    
    #menu-principal{
        display: none !important;
    }
    
    #menu-principal-mobile{
        display: block !important;
    }
    
    #menu_full{
        display: none;
    }
    
    #menu_full-mobile{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #2a3178;
        display: flex;
        min-height: 100%;
        box-sizing: border-box;
        overflow: auto;
        transition: all ease 0.2s;
        z-index: 9999;
    }
    
    #menu_full-mobile.sub-menu-open{
        overflow: hidden;
    }
    
    #menu-principal-mobile{
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        margin: auto 0;
        width: 100%;
        padding: 40px 20px;
    }
    
    #menu_full-mobile .sub-menu li,
    #menu-principal-mobile li{
        width: 100%;
        border-bottom: 1px solid #fff;
    }
    
    #menu_full-mobile .sub-menu li a,
    #menu-principal-mobile li a{
        padding: 10px 0;
        width: 100%;
        display: block;
    }
    
    #menu-principal-mobile > li:nth-last-child(2),
    #menu_full-mobile .sub-menu li:last-child{
        border-bottom: none;
    }
    
    #menu_full-mobile .sub-menu > li,
    #menu-principal-mobile > li{
        opacity: 0;
        transform: translateX(-20px); 
        transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    }
    
    #menu_full-mobile.open .sub-menu.show > li,
    #menu_full-mobile.open #menu-principal-mobile > li{
        animation: slideIn 0.5s ease-in-out forwards;
        animation-delay: calc(0.05s * var(--index));
    }
    
    @keyframes slideIn {
        0% {
            opacity: 0;
            transform: translateX(-20px);
        }
        100% {
            opacity: 1;
            transform: translateY(0);   
        }
    }
    
    @keyframes slideOut {
        0% {
            opacity: 1;
            transform: translateX(0);
        }
        100% {
            opacity: 1;
            transform: translateY(-20px);   
        }
    }
    
    #menu-principal-mobile .menu-contact{
        margin-left: 0;
        margin-top: 30px;
        border-bottom: none;
        width: auto !important;
        display: inline-block;
    }
    
    #menu-principal-mobile .menu-item-has-children{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    #menu-principal-mobile > .menu-item-has-children > a:after{
        display: none;
    }
    
    #menu-principal-mobile > .menu-item-has-children > a span{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    #menu-principal-mobile .show_menu_first_lv,
    #menu-principal-mobile .show_menu{
        margin-left: 10px;
        display: block;
        width: 15px;
        height: 15px;
        background: url(../images/down.svg);
        background-size: contain;
        cursor: pointer;
    }
    
    #menu-principal-mobile .show_menu{
        transform: rotate(-90deg);
    }
    
    .simple-menu{
        display: block;
        z-index: 999;
    }
    
    #navigation_mobile .simple-menu{
        display: block;
        right: 20px;
        top: 20px;
        z-index: 99999;
    }
    
    #navigation_mobile #back{
        display: block;
        width: 50px;
        height: 50px;
        background: transparent;
    }
    /*
    #navigation_mobile #back.hide{
        display: none;
    }
    */
    #menu-principal-mobile > .menu-item-has-children{
        flex-direction: column;
    }
    
    #menu-principal-mobile > .menu-item-has-children > .sub-menu{
        width: calc(100% - 40px);
        padding-left: 40px;
        transition: max-height 0.2s;
        max-height: 0;
        overflow: hidden;
        transition-delay: 0s;
    }
    
    #menu-principal-mobile > .menu-item-has-children > .sub-menu > li:last-child{
        padding-bottom: 20px;
    }
    
    #menu-principal-mobile > .menu-item-has-children > .sub-menu.show{
        display: block;
        max-height: 1000px;
        transition-delay: 0s;
        transition: max-height 1s ease-in;
    }
    
    #menu_full-mobile > .sub-menu{
        position: absolute;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        transition: right ease 0.5s;
        background: #030712;
        z-index: 2;
        
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        margin: auto 0;
        width: 100%;
        padding: 40px 20px;
        box-sizing: border-box;
        z-index: 99999999;
        display: none;
        
    }
    
    #menu_full-mobile .sub-menu.show{
        right: 0;
        display: flex;
    }
    
    
    #section_footer_1.row{
        display: flex;
        justify-content: space-between;
        column-gap: 20px;
        row-gap: 20px;
    }
    
    #section_intro h2{
        font-size: 48px;
    }
    
    #section_intro .center_verticaly{
        padding-top: 140px;
        padding-bottom: 40px;
    }
    
    #section_intro .entry{
        padding-bottom: 20px;
        padding-top: 20px;
    }
    
    #menu-footer-brands,
    #menu-footer-categories{
        grid-template-columns: none;
    }
    
    #section_footer_1.row .gap{
        display: none !important;
    }
    
    #section_brands{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    
    .section_categories_slideshow_tags{
        padding: 40px;    
    }
    
    #section_categories{
        margin-top: 0;
    }
    
    #section_categories .center_verticaly{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    
    #call_action{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    #footer{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    #section_footer_2 {
        padding-top: 40px;   
    }
    
    .padding-top-regular{
        padding-top: 20px;
    }
    
    .padding-bottom-regular{
        padding-bottom: 20px;
    }
    
    .padding-top-double {
        padding-top: 40px;
    }
    
    .padding-bottom-double {
        padding-bottom: 40px;
    }
    
    .box-padding.padding-top-regular{
        margin-top: 30px;
    }
    
    .box-padding.padding-bottom-regular{
        margin-bottom: 30px;
    }
    
    h1{
        font-size: 40px;
    }
    
    h2{
        font-size: 40px;
    }
    

    h3{
        font-size: 30px;
    }
    
    #brand_header h3{
        font-size: 22px;
    }
    
    #call_action h2{
        font-size: 48px;
    }
    
    .full_screen .content{
        max-width: none;
        margin-left: 0px;
    }
    
    #list_products{
        column-gap: 20px;
        row-gap: 20px;
        /*margin-bottom: 80px;*/
    }
    
    #list_products .products .products_content{
        padding: 20px 20px;
    }
    
    #filter {
        padding: 20px 0 40px;
    }
    
    .archive #filter{
        padding-top: 40px;
    }
    
    #brand_header{
        display: flex;
        grid-template-columns: minmax(0, 0fr) minmax(0, 1fr);
        flex-direction: column-reverse;
    }
    
    #brand_header .logo{
        /*display: none;    */
    }
    
    #brand_header .full_image .logo_background{
        aspect-ratio: 3;
    }
    
    #brand_header .colonne.center_verticaly{
        min-height: 170px;
        justify-content: center;
    }
    
    #brand_header .full_image{
        aspect-ratio: auto;
    }
    
    #brand_header .colonne.center_verticaly{
        width: 100vw;
        position: relative;
        z-index: 10;
        /*padding-bottom: 80px;
        padding-top: 80px;*/
    }
    
    .line-icon-1,
    .line-icon-2{
        bottom: -100px !important;
    }
}

@media only screen
and (max-width : 1200px){
    #list_products .products .products_content h2{
        font-size: 30px;
    }
    
    #section_footer_1.row{
        column-gap: 96px;
    }
    
    #section_footer_1.row {
        flex-direction: column;
        padding: 0 20px;
        /*align-items: center;
        text-align: center;*/
    }
    
    #media_sociaux{
        justify-content: flex-start;
        display: flex;
    }
    
    #footer #logo_col {
        margin-left: 0;
        margin-top: 0;
    }
    
    #footer .entry{
        padding-bottom: 0;
    }
    
    #footer .adresse_footer{
        padding-bottom: 28px;
    }
    
    #media_sociaux {
        flex-direction: row;
        column-gap: 12px;
    }
}

@media only screen
and (max-width : 1024px){
    #brand_header .colonne.center_verticaly{
        padding-bottom:40px;
        padding-top: 40px;
    }
    
    #header{
        /*position: static;*/
        background: #030712;
        height: 117px;
        overflow: hidden;
    }
    
    #page-wrap{
        margin-top: 117px !important;
    }
    
    .parts_box .box,
    .box_service .box {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .block_under_header{
        margin-top: 0;
    }
    
    .bloc_header.header_over_next_block .colonne.center_verticaly{
        padding-bottom: 80px;
    }
    
    .single-products #col_principal,
    .single-used_products #col_principal,
    .single-careers #col_principal,
    .error404 #col_principal{
        padding-top: 0;
    }
    
    .back_arrow{
        margin-bottom: 14px;
    }
    
    .row,
    .two_col{
        max-width: 100%;
        column-gap: 40px;
        row-gap: 40px;
        grid-template-columns: 100%;
    }
    
    .three_col {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
    
    .content,
    .padding-right-regular,
    .padding-left-regular{
        padding-left: var(--padding-conteneur);
        padding-right: var(--padding-conteneur);
    }
    
    #section_intro,
    #section_categories{
        row-gap: 0;
        margin-bottom: 0;
    }
    
    #section_brands{
        row-gap: 20px;
    }
    
    .colonne.full{
        max-width: 100%;
    }
    
    #list_logo{
        row-gap: 20px;
        column-gap: 20px;
    }
    
    .hide_mobile{
        display: none;
    }
    
    
    
    
    
    
    
    
    
    
    .order-column-right{
        display: flex;
        flex-direction: column-reverse;
    }
    
    .line-icon-1, .line-icon-2 {
        bottom: -50px !important;
        width: 200px !important;
    }
    
    video,
    .colonne img.ratio,
    iframe{
        min-height: 350px;
    }
    
    .colonne img.ratio-small{
        min-height: 400px;
    }
    
    .header-product .full_image,
    .header-used-product .full_image{
        border-radius: 0 !important;
        order: -1;
    }
    
    .box_blue_with_shadow,
    .box_blue_with_shadow:before{
        border-radius: 0px !important;
    }
    
    .aspect_ratio_2{
        min-height: 350px;
        aspect-ratio: auto;
    }
    
    .aspect_ratio_1_5{
        min-height: 350px;
        aspect-ratio: auto;
    }
    
    .aspect_ratio_1_54{
        min-height: 350px;
        aspect-ratio: auto;
    }
    
    .aspect_ratio_1_78{
        min-height: 350px;
        aspect-ratio: auto;
    }
    
    .header-used-product .fancybox{
        aspect-ratio: auto !important;
    }
    
    .header-used-product .fancybox{
        height: 100%;
    }
}

/* plus petit que 768*/
@media only screen
and (max-width : 768px) {
    .cadre{
        width: 80px;
        height: 80px;
        margin-bottom: 32px;
    }
    
    .cadre .number{
		font-size: 34px;
	}
    
    .row{
        column-gap: 20px;
    }
    
    #section_footer_2 {
        flex-direction: column;
        text-align: center;
        row-gap: 10px;
    }
    
    #menu-footer-bottom{
        justify-content: center;
    }
    
    .two_col,
    .three_col{
        grid-template-columns: minmax(0, 1fr);
    }
    
    #call_action h2 {
        font-size: 36px;
    }
    
    #section_video .entry{
        font-size: 48px;
    }
    
    #section_footer_1.row{
        text-align: center;
    }
    
    #media_sociaux {
        justify-content: center;
    }
    
    #footer #menu-footer-page,
    #footer #menu-footer-brands{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    #footer #menu-footer-page li,
    #footer #menu-footer-brands li{
        text-align: center;
    }
    
    #menu_tool {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

@media only screen
and (max-width : 600px) {    
    #product_detail_and_pdf {
        display: inline-flex;
        flex-direction: column;
        row-gap: 20px;
    }
    
    #section_video .entry,
    #section_intro h2,
    h1{
        font-size: 30px;
    }
    
    h2{
        font-size: 25px;
    }
    
    #brand_header h3,
    h3{
        font-size: 20px;
    }
    
    #brand_header h3{
        padding-bottom: 20px;
    }
    
    #call_action h2{
        font-size: 30px;
    }   
}

@media only screen
and (max-width : 500px) {
    h2{
        font-size: 22px;
    }
    
   #list_products .products .products_content h2 {
        font-size: 22px;
    }
}