/*The desktop-first pre-defined media queries:*/
/* 2xl */
@media (max-width: 1536px) {
    .hero-image {
        height: 50vh;
    }

    .gauche .oumanef .service-logo {
        top: 50%;
        left: 42%;
        width: 100%;
    }
    /*.hero-image .logo {*/
    /*    position: absolute;*/
    /*    width: 100%;*/
    /*    z-index: 100;*/
    /*}*/
    /*.hero-image .cta-buttons .btn {*/
    /*    display: none;*/
    /*}*/
    /*.service-logo{*/
    /*    align-items: center;*/
    /*    justify-content: center;*/
    /*    max-width: 80%;*/
    /*}*/
}

/* xl */
@media (max-width: 1280px) {
    .hero-image {
        height: 40vh;
    }
    .gauche .oumanef .service-logo {
        top: 50%;
        left: 42%;
        /*width: 100%;*/
    }
    .contact .content h2 {
        color: var(--default-color);
        font-size: 2.8rem;
        line-height: 1.2;
    }
}

/* lg */
@media (max-width: 1024px) {
    .gauche .oumanef .service-logo {
        top: 50%;
        left: 50%;
        width: 130%;
    }
    .foloo-services .gauche .slogan {
        font-size: 40px;
    }
    .contact .content h2 {
        color: var(--default-color);
        font-size: 2.3rem;
        line-height: 1.2;
    }
}

/* md */
@media (max-width: 768px) {
    .foloo-services .gauche {
        align-items: center;
        justify-content: center;
    }
    .gauche .oumanef .service-logo {
        width: 100%;
    }
}

/* sm */
@media (max-width: 640px) {
    .hero-image {
        height: 20vh;
    }
    .hero-image .cta-buttons .btn {
        font-size: 12px;
    }
    .hero-image .logo {
        width: 80%;
        height: auto;
    }
    .logo {
        display: none;
    }
    .gauche .oumanef .service-logo {
        top: 50%;
        left: 50%;
        width: 90%;
        height: 90px;
    }

    .titre {
        top: 110%;
    }
}

@media (max-width: 475px) {
    .hero-image {
        height: 10vh;
    }

    .hero-image .hero-image-text .cta-buttons{
        display: none;
    }
    .hero-image .logo {
        top: 50%;
        left: 50%;
        position: relative;
    }
}

/*!* xs *!*/
/*@media (max-width: 475px) {}*/

/*!*Mobile container utility class:*!*/
/*.container {*/
/*    width: 100%;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    padding-left: 0.5rem;*/
/*    padding-right: 0.5rem;*/
/*}*/

/*!* xs *!*/
/*@media (min-width: 475px) {*/
/*    .container {*/
/*        max-width: 475px;*/
/*    }*/
/*}*/

/*!* sm *!*/
/*@media (min-width: 640px) {*/
/*    .container {*/
/*        max-width: 640px;*/
/*    }*/
/*}*/

/*!* md *!*/
/*@media (min-width: 768px) {*/
/*    .container {*/
/*        max-width: 768px;*/
/*    }*/
/*}*/

/*!* lg *!*/
/*@media (min-width: 1024px) {*/
/*    .container {*/
/*        max-width: 1024px;*/
/*    }*/
/*}*/

/*!* xl *!*/
/*@media (min-width: 1280px) {*/
/*    .container {*/
/*        max-width: 1280px;*/
/*    }*/
/*}*/

/*!* 2xl *!*/
/*@media (min-width: 1536px) {*/
/*    .container {*/
/*        max-width: 1536px;*/
/*    }*/
/*}*/


/*!*Mobile container utility class:*!*/
/*.container {*/
/*    width: 100%;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    padding-left: 0.5rem;*/
/*    padding-right: 0.5rem;*/
/*}*/

/*!* xs *!*/
/*@media (min-width: 475px) {*/
/*    .container {*/
/*        max-width: 475px;*/
/*    }*/
/*}*/

/*!* sm *!*/
/*@media (min-width: 640px) {*/
/*    .container {*/
/*        max-width: 640px;*/
/*    }*/
/*}*/

/*!* md *!*/
/*@media (min-width: 768px) {*/
/*    .container {*/
/*        max-width: 768px;*/
/*    }*/
/*}*/

/*!* lg *!*/
/*@media (min-width: 1024px) {*/
/*    .container {*/
/*        max-width: 1024px;*/
/*    }*/
/*}*/

/*!* xl *!*/
/*@media (min-width: 1280px) {*/
/*    .container {*/
/*        max-width: 1280px;*/
/*    }*/
/*}*/

/*!* 2xl *!*/
/*@media (min-width: 1536px) {*/
/*    .container {*/
/*        max-width: 1536px;*/
/*    }*/
/*}*/