/* medium desktop screen */
@media screen and (min-width: 1600px) and (max-width: 1900px) {

}

@media screen and (min-width: 1300px) and (max-width: 1599px) {
    body {font-size: 16px;}
}

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

}	

@media screen and (max-width: 1600px) {
    
}

@media screen and (max-width: 1299px) {
    
}


/* mobile */
@media screen and (max-width: 1023px) {
	input, select, textarea {font-size: 16px!important;}
    body {font-size: 16px;}
    .container { max-width: 92%; }

    .start-row-bg-side.side-right, .start-row-bg-side.side-left {width: 3%; z-index: 1;}

    .header-desktop {display: none;}
    .menu-mobile {display: flex}
    .header-search-btn i {font-size: 1.8em;}

    /* banner */
    body.home:before {height: 300px;}
    body.home:after {top: 300px;}

}

@media screen and (min-width: 767px) and (max-width: 1024px){
    
}

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


    /* contact */
    .form-row {flex-direction: column;}
    .form-col {width: 100%;}
    .form-col + .form-col {margin-left: 0; margin-top: 12px;}

    /* list services */
    .list-services-module {display: none;}
    .list-services-module-mobile {display: block;}
    .list-services-mobile-wrapper {display: flex; flex-direction: row; flex-wrap: wrap; gap: 25px;}
    .service-center-mobile {width: 100%; text-align: center;}
    .services-side-nb {top: 25px; left: 25px;}
    .service-block-mobile {background: var(--main-light-green); text-align: center; padding: 15px; width: calc(50% - 12.5px); display: flex; flex-direction: column; gap: 10px; position: relative;}
    .services-center-btn {margin-bottom: 0; margin-top: auto;}
    .services-side-title h4 {padding: 0;}

    /* nouvelle */
    .list-article-block {flex-direction: column}
    .list-article-block>div {width: 100%;}
    .list-article-content {padding-left: 0; padding-top: 15px;}
    .list-article-link {margin-top: 15px;}

    /* footer */
    #footer {background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, var(--main-light-green) 0%, var(--main-light-green) 100%); }
    .footer-content {background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 24%, var(--main-light-green) 0%, var(--main-light-green) 100%);}

    /* form */
    input[type=submit], .row-submit button {margin-right: 90px;}

}

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

}

@media screen and (max-width: 500px) {
    .service-block-mobile {width: 100%; }
}

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


}