@media screen and (max-width:767px){
    .no-justify-mobile{
        text-align:left !important;
    }
    .mdc-drawer--dismissible.mdc-drawer--open{
        width:70%;
    }
    .special-footer-spacer{
        padding-top:40px;
    }
    .top-banner{
        max-width:100%;
        background-repeat:no-repeat;
        background-size:cover;
        background-position: bottom right;
    }
    .top-banner h1{
        right:3px;
        left:initial;
        top:120px;
        bottom:initial;
    }
    .top-banner .banner-logo{
        position:absolute;
        display:block;
        top: 5px;
        right: 20px;
    }

    


    .hide-mobile{
        display:none;
    }
    .show-desktop{
        display:none;
    }
    .show-tablet{
        display:none;
    }
    .special-image-frame .img-fluid{
            position:initial;

    }
    .mdc-image-list-mw-200px .mdc-image-list__image{
        max-width:130px;
    }
    
}
@media screen and (max-width:767px) and (max-aspect-ratio:1/1){
    .no-webp .top-banner{
        background-image: url('/images/inovex_banner-mobile.jpg');
    }

    .webp .top-banner{
        background-image: url('/images/inovex_banner-mobile.webp');
    }
}
@media screen and (max-width:767px) and (min-aspect-ratio: 2/1){
    .no-webp .top-banner{
        background-image: url('/images/inovex_banner-mobile@2x.jpg');
    }
    .webp .top-banner{
        background-image: url('/images/inovex_banner-mobile@2x.webp');
    }

}
@media screen and (min-width:600px) and (max-width:767px){
    .top-banner{
        height:820px;
        max-width:100%;
        background-repeat:no-repeat;
        background-size:cover;
    }
}
@media screen and (min-width:768px) and (max-width:1023px){
    .top-banner{
        height:600px;
        max-width:100%;
        background-repeat:no-repeat;
        background-size:cover;
    }
    .show-mobile, .show-phone{
        display:none;
    }
    .show-desktop{
        display:none;
    }
    .hide-tablet{
        display:none;
    }
    .special-image-frame .img-fluid{
        position:initial;
    }
}



@media screen and (min-width:1024px){
    .top-banner{

        height:600px;
    }
    .show-mobile, .show-phone{
        display:none;
    }
    .hide-desktop{
        display:none;
    }
    .align-right-desktop{
        text-align:right;

    }
    .align-right-desktop .mdc-image-list__supporting{
        display:block;
    }
    .special-image-frame .img-fluid{
        position:absolute;

    }
}

@media screen and (min-aspect-ratio:2/1){
    .no-webp  .index-card-rsde{
        background-image: url('/images/inovex-conseils_programme-rsde@2x.jpg');
    }
    .no-webp  .index-card-services{
        background-image: url('/images/inovex-conseils_services@2x.jpg');
    }
    .no-webp  .index-card-profil{
        background-image: url('/images/inovex-conseils_profil@2x.jpg');
    }
    .no-webp  .index-card-contact{
        background-image: url('/images/inovex-conseils_contact@2x.jpg');
    }
    
    .webp  .index-card-rsde{
        background-image: url('/images/inovex-conseils_programme-rsde@2x.webp');
    }
    .webp  .index-card-services{
        background-image: url('/images/inovex-conseils_services@2x.webp');
    }
    .webp  .index-card-profil{
        background-image: url('/images/inovex-conseils_profil@2x.webp');
    }
    .webp  .index-card-contact{
        background-image: url('/images/inovex-conseils_contact@2x.webp');
    }
}

@media screen and (min-width:1400px){
    .top-banner{

        height:700px;
    }
    .top-menu-button .mdc-button .mdc-button__icon{
        display:none;
    }

}
@media screen and (max-width:1399px){
    .top-menu-button .mdc-button .mdc-button__label{
        display:none;
    }
    .special-image-frame .img-fluid{
        top:initial;
    }

}


@media screen and (min-width:1920px){
    .top-banner{

        height:800px;
    }
}