@media (max-width: 1100px) {
    /* global class */
    .container { padding: 0px 30px; }

    /* area-banner -> header */
    #area-banner .container .area-banner-header .area-banner-list { left: auto; transform: translateX(0); right: 5%; }

    /* solutions */
    #solutions .container { height: auto;}
    #solutions .container section { flex-direction: column; }
    #solutions .container section .box-text.telecom { text-align: center; }
    #solutions .container { padding: 80px 30px; }

    /* reference */
    #reference .container { padding: 55px 30px 15px }

    /* brands */
    #brands .container { padding: 55px 30px 15px }

    /* footer */
    #footer { padding: 110px 30px 80px 30px; }
}

@media (max-width: 850px) {
    /* area-banner -> header */
    #area-banner .container .area-banner-header .area-banner-list { display: none; }
    
    /* solutions */
    #solutions .container { height: auto;}

    /* footer */
    #footer .container .informations { justify-content: space-between; flex-wrap: wrap; gap: 40px; }
    #footer .container .informations .address { margin: 0; }
    #footer .container .informations .links { position: static; display: flex; justify-content: center; column-gap: 40px; width: 100%; flex-wrap: wrap; margin-top: 20px; }
} 

@media (max-width: 600px) {
    /* area-banner -> area-banner-texts */
    #area-banner .container .area-banner-texts .text { width: auto; }

    /* refence */
    #reference .container .cards-section { display: flex; flex-direction: column; align-items: center; }
    #reference .container section p { text-align: center;}
    #reference .container section .card p { text-align: left; margin-left: 1%;}

    /* solutions */


    /* footer */
    #footer .container .informations { justify-content: center; }
    #footer .container .informations .address { text-align: center; }
    #footer .container .informations .links { column-gap: 20px; }
}

@media (max-width: 500px) {
    /* global settings */
    p { font-size: 13px; }

    /* area-banner -> area-banner-texts */
    #area-banner .container .area-banner-texts .text h2 { font-size: 32px; }
    #area-banner .container .area-banner-texts .text p:nth-of-type(1) { font-size: 24px; }


    /* reference */
    #reference .container section h2 { font-size: 28px; }

    /* solutions */
    #solutions .container { height: auto;}
    #solutions .container h2 { font-size: 28px; }
    #solutions .container section .box-text h3 { font-size: 25px; }
    #solutions .container section .box-text p { font-size: 12px; }
    #solutions .container section .box-text a { font-size: 13px; }

    /* brands */
    #brands .container { padding: 25px 30px 15px; }
    #brands .container section h2 { font-size: 28px; }
}

@media (max-width: 390px) {
    #area-banner .container .area-banner-texts .text { transform: translateY(-55%); }
}