/*---------------------------------- header -------------------------------------*/



#bloc-heure-date-connecte-mobile{
    display: none;
}


.main-menu-btn {
    margin: 25px 10px;
}

.header {
    height: 100px;
    background-color: #D8D8D8;
    align-items: center;
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
}

.link-contact:hover{
    text-decoration: none;
}

/*.menu-admin {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    z-index: 1000;*/
/*    right:0;*/
/*}*/

/*.title-header*/
/*{*/
/*    font-size: 22px;*/
/*    font-family: "Arial ", arial;*/
/*    text-align: center;*/
/*    font-weight: bold;*/
/*}*/
.main-nav {
    background-color: #D8D8D8;
}

.box h2, p {
    color: black;
}

nav ul li a {
    font-family: "ZillaSlab-Medium"!important;
    font-size: 18px!important;
    color: black!important;
}

nav ul li a:hover {
    background:none!important;
    color: #C30040!important;
}

.has-submenu {
    background-color: #D8D8D8 !important;
}

nav ul li ul {
    background-color: #D8D8D8 !important;
}

#bloc-menu {
    justify-content: start;
}


.demande-devis {
    background: #c30040;
    border-radius: 10px;
    text-align: center;
    height: 82px;
    width: 157px;
}
.demande-devis p  {
    padding-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
}

#logo-marchetti{
    height: 100px;
}

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

    nav ul li a {
        font-family: "ZillaSlab-Medium"!important;
        font-size: 15px!important;
        color: black!important;
    }
    .sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active, .sm-mint a.highlighted {
        padding-left: 10px!important;
    }
    .title-header{
        justify-content: center;
        font-size: 36px !important;
    }
    .demande-devis {
        height: 76px;
        width: 132px;
    }
    .demande-devis p {
        font-size: 14px;
    }
    .info-ouverture span {
        font-size: 14px;
    }
}


@media all and (max-width: 1150px){
    #logo-marchetti {
        height: 40px;
    }
    .demande-devis {
        width: 110px;
    }
    .sm-mint a.has-submenu {
        padding-right: 29px;
    }
    .sm-mint a .sub-arrow {
        right: 14px;
    }
        nav ul li a {
            font-family: "ZillaSlab-Medium"!important;
            font-size: 15px!important;
            color: black!important;
        }
        .sm-mint a, .sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active, .sm-mint a.highlighted {
            padding-left: 10px!important;
        }
        .title-header{
            justify-content: center;
            font-size: 32px !important;

        }
        .demande-devis {
            margin-right: 0.5rem;
            width: 130px;
            height: 70px;
        }
        .demande-devis p {
            font-size: 13px;
            padding-top: 5px;
        }
}

@media all and (max-width: 910px) {
    .demande-devis {
        width: 100px;
    }
    .info-ouverture span {
        font-size: 12px;
    }

}

@media all and (max-width: 885px){
    .demande-devis {
        width: 100px;
        margin-right: 0px;
    }
    .header {
        height: 120px;
    }
    .info-ouverture {
        margin-right: 10px;
    }
    #bloc-heure-date-connecte {
        width: 105px;
    }

}

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

    #logo-text{
        display: block!important;
        font-size: 18px;
    }
    .link-logo {
        padding-top: 20px;
        padding-left: 10px;
    }

    #bloc-heure-date-connecte-mobile{
        display: block;
    }

    .title-header {
        display: none;
    }

    #bloc-heure-date-connecte{
        display: none;
    }

    .text {
        order: 1;
    }
    .logo{
        order: 2;
    }
    .bloc-contact-heure{
        order: 3;
    }
    .info-ouverture{
        order: 4;
    }

    .main-nav{
        padding-left: 50px;
    }
    #logo-marchetti {
        width: 220px!important;
        height: auto;
    }

    .main-menu-btn {
        float: left;
    }
    #main-menu {
        position: absolute !important;
        top: 100px !important;
    }
    .header {
        height: 145px;
    }

}

@media all and (max-width: 530px) {
    .main-nav {
        padding-left: 20px;
    }
    #logo-marchetti{
        width: 190px!important;
    }
    .demande-devis {
        height: 70px;
        width: 130px;
    }
    .demande-devis p {
        line-height: 18px;
        font-size: 13px;
    }
    #logo-text{
        font-size: 15px;
    }
    .header{
        height: 130px;
    }
}

@media all and (max-width: 455px) {
    .main-nav {
        padding-left: 20px;
    }
    #logo-marchetti{
        width: 140px!important;
    }
    .demande-devis {
        height: 70px;
        width: 130px;
        margin-right: 1rem;
    }
    .demande-devis p {
        line-height: 18px;
        font-size: 13px;
    }
    .main-nav {
        padding-left: 12px;
    }
    #logo-text{
        font-size: 12px;
    }
    .header{
        height: 113px;
    }
}

@media all and (max-width: 352px) {
    .demande-devis p {
        line-height: 16px;
        font-size: 12px;
    }
    .demande-devis {
        height: 60px;
        width: 110px;
        margin-right: 1rem;
    }
    #logo-marchetti{
        width: 125px!important;
    }
    #logo-text{
        font-size: 10px;
    }
    .header{
        height: 106px;
    }
}