/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1466PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 1466px) {

html {
    font-size: 95%;
    -webkit-text-size-adjust: 95%;
    -ms-text-size-adjust: 95%;
}
    
    
    header.header nav {
        margin-left: 30px;    
    }
    
    .wp-megamenu-main-wrapper.wpmm-orientation-horizontal ul.wpmm-mega-wrapper > li > a {
        padding: 0 15px;    
    }

    header.header {
        padding: 0 20px;
    }
    
    footer.footer #inner-footer .logo-pacte {
        margin-left: 40px;
}


    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1280PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 1280px) {

html {
    font-size: 85%;
    -webkit-text-size-adjust: 85%;
    -ms-text-size-adjust: 85%;
}
    
    :root {
        --height-nav: 100px;
    }

    
    .spinner {
        margin: 250px auto;
    }
    
    
    body.home .claim {
        width: 400px;
        margin: 180px auto 0;
        max-width: 85%;
        margin-left: -200px;
    }
    
    footer.footer img {
        width: 65px;
        height: auto;
    }
    
    
    .container-flex-start .flex-item-tiers {
        width: 48%;
    }
    
    footer.footer .flex-item-moitie {
        width: 100%;
        text-align: center;
    }
    
    footer.footer #inner-footer nav {
        text-align: center;
    }

    .logo-header {
        height: 40px;
        margin-top: 25px;
        width: 200px;
    }
    
    header.header nav {
        margin-left: 15px !important;    
    }
    
    
    
    
}



/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1150 PX ****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 1150px) {

    #sidebar-top-header {
        display: none;
    }

    
}

/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 1024 PX ****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 1024px) {

    .titre-fiche {
        padding-left: 50px;
        position: relative;
    }

    .titre-fiche::before {
        font-size: 3rem;
        margin-right: 10px;
        top: 15px;
    }

    .module-fiche .lien-fiche {
        bottom: 20px;
        padding: 4px 12px;
    }

    .lien-fiche span::after { 
        margin-left: auto;
        font-size: 1rem;
    }

    
    
    
}





/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 768 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 768px) {
    
    .image-ouvrages, .image-categorie {
        height: 170px;
    }
    
    .flex-item-25 {
        width: 50%;
    }
    
    .flex-item-tiers {
        width: 48%;
    }
    
    .container-flex-start .flex-item-tiers {
        width: 100%;
        margin-right: 0;
    }
    
    h1 {
        font-size: 2.5rem;
        margin-top: 0;
        line-height: 2.6rem;
    }

    .header-menu-cat::after {    
        display: none;
    }

    
    
    
}




/**********************************************************************************************************************************************************/
/**************************************************************************** LANDSCAPE *****************************************************************/
/**********************************************************************************************************************************************************/


@media only screen and (max-width: 1366px) and (max-height: 600px) and (orientation: landscape) { 

    body.home .claim {

        max-height: 50%;
        width: 70%;
        height: 50%;
        max-width: 100%;
        margin-left: -35%;
        margin-top: 130px;
        
    }
    
    body.home .claim .logo-claim {
        width: 44%;
        margin-right: 3%;
        float: left;
    }
    
    body.home .claim .sous-claim {
        width: 47%;
        float: right;
    }
    
    body.home .claim .logo-claim {
        padding: 30px 30px;
    }
    
    
    body.home {
        height: 100vh;    
    }
    

}


/**********************************************************************************************************************************************************/
/**************************************************************************** LANDSCAPE *****************************************************************/
/**********************************************************************************************************************************************************/


@media only screen and (max-width: 768px) and (max-height: 400px) and (orientation: landscape) { 

    body.home .claim {

        max-height: 50%;
        width: 70%;
        height: 50%;
        max-width: 100%;
        margin-left: -35%;
        margin-top: 110px;
        
    }
    
    body.home .claim .logo-claim {
        padding: 20px 20px;
    }
    
    
    body.home {
        height: 100vh;    
    }
    

}


/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 600 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 600px) {

    
    #tarteaucitronDisclaimerAlert {
        padding: 0 20px;
        max-width: 100%;
        float: none;
        text-align: center;
    }

    .accepte-tout,
    .choix-cookies {
        height: 24px !important;
        border-radius: 0 !important;
        line-height: 24px !important;
        padding: 0 15px !important;
        margin: 6px auto!important;
        font-size: .8rem !important;
        float: none;
}
    
    

    
    body.home footer.footer {
        position: relative;
        bottom: auto;
    }
    
    footer.footer img {
        width: 50px;
        height: auto;
    }
    
    body.home .claim {
        width: 80%;
        margin: 120px auto 0;
        margin-left: -40%;
        max-width: auto;
    }
    
    .sous-claim {
        padding: 0;
    }
    
    .sous-claim p {
        padding: 10px 15px;
    }
    
    :root {
        --height-nav: 70px;
    }

    .logo-header {
        height: 30px;
        margin-top: 20px;
    }

    header.header {
        padding: 0 20px;
    }
    
    footer.footer #inner-footer img:last-child {
        margin-left: 0;
    }

    footer.footer nav li a {
        padding: 4px;
    }
    
    .page-template-page-refer-technique .flex-item-quart,
    .tax-produit_cat .contenu-page-categorie .flex-item-quart,
    .single-produit_type .contenu-page-categorie .flex-item-quart {
        display: none;
    }
    
    .tax-produit_cat .contenu-page-categorie .flex-item-trois-quart,
    .single-produit_type .contenu-page-categorie .flex-item-trois-quart {
        width: 100%;
    }
    
    
    .page-template-page-refer-technique .contenu-page-categorie {
        margin-top: 20px;
    }
    
    .image-ouvrages, .image-categorie {
        height: 120px;
    }

    
    .breadcrumb {
        height: auto;
        padding: 15px 20px;
        bottom: -40px;
        position: absolute;
        line-height: 1.1rem;
        font-size: .85rem;
    }

    .breadcrumb .separ {
        display: none;
    }
    
    .breadcrumb a {
        display: block;
        margin-bottom: 10px;
        text-decoration: underline !important;
    }
    
    .breadcrumb .breadcrumb-home {
        display: none; 
    }
    
    .page-template-page-refer-technique .breadcrumb,
    .page-template-default .breadcrumb {
        display: none;
    }
    
    .page-template-page-refer-technique .content-page,
    .page-template-default .content-page {
        padding: 0;
    }
    
    
    .flex-item-quart,
    .flex-item-trois-quart {
        width: 100%;
    }
    
    .flex-item-quart {
        margin-bottom: 20px;
    }
    
    #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
        font-size: 1rem;
    }
    
    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link {
        font-size: .9rem;
    }
    
    
    .content-page section {
        padding: 30px 40px;
    }
    
    .wpcf7-form .flex-item-tiers {
        width: 100%;
    }
    
    .wpcf7-form .flex-item-tiers input {
        max-width: 100%;    
    }
    
    input.wpcf7-submit,
    a.cta {
        margin: 15px auto;
    }

    
    .owl-photos-op {
        height: 250px;
    }

    .image-op-single {
        height: 250px;
    }
    
    .page-template-page-ouvrages .flex-item-tiers {
        width: 100%;
    }

    footer.footer #inner-footer .logo-pacte {
        margin-left: 0;
        margin-top: 15px;
    }
    
    footer.footer #inner-footer .logo-pacte::before { 
        line-height: 25px;
    }
    
    
}






/**********************************************************************************************************************************************************/
/**************************************************************************** MAXI 420 PX *****************************************************************/
/**********************************************************************************************************************************************************/

@media only screen and (max-width: 420px) {

/*    
    body.home main video {
        display: none;
    }
    
    body.home main .alt-video {
        display: block;
    }
*/    
    
    .flex-item-tiers.module-fiche,
    .flex-item-25.module-fiche {
        width: 100%;
        border-bottom: 15px solid #eff5f7;
        padding-bottom: 20px;
        border-right: 0;
    }

    .titre-fiche {
        font-size: .9rem;
        line-height: 1.25rem;
        padding-left: 0;
    }
    
    .titre-fiche::before {
        display: none;
    }
    
    .body-module-fiches {
        min-height: auto;
    }
    
    .module-fiche .lien-fiche {
        position: relative;
        width: 60%;
        margin-left: 20%;
        left: auto;
        bottom: auto;
        margin-top: 20px;
    }
    
    .content-page section {
        padding: 30px 20px;
    }
    
    

    
    
}