@media all {
    main .wrapper_row:last-of-type .container_row_content { padding-bottom: var(--spacing-4L);}
    
    /* --- section - overview --- */
    #accessibility_overview .options_group h3 { margin-top:var(--spacing-2L); font-size: var(--font-size-1L); }
    #accessibility_overview ul { display: grid; grid-template-columns: repeat(3, 1fr); gap:var(--spacing-1S); align-items: stretch; margin:0px; padding: 0px; list-style: none; }
    #accessibility_overview ul li { position: relative; margin:0px; padding:0px; border:1px var(--color-gray) solid; border-radius:10px; background-color: var(--color-white); }
    #accessibility_overview ul i.selected_icon { position: absolute; top:var(--spacing-1S); right:var(--spacing-1S); }

    #accessibility_overview ul a { display: block; padding: var(--spacing-1S);}

    #accessibility_overview ul.font_size_list a { color:#000000 !important; }

    #accessibility_overview ul.font_size_list li:nth-child(1) a { font-size:30px !important; }      /* 100% */
    #accessibility_overview ul.font_size_list li:nth-child(2) a { font-size:33px !important; }      /* 110% */
    #accessibility_overview ul.font_size_list li:nth-child(3) a { font-size:36px !important; }      /* 120% */

    #accessibility_overview ul.color_list .default_style { background-color:white !important; }
    #accessibility_overview ul.color_list .default_style a { color:black !important; }

    #accessibility_overview ul.color_list .yellow_style_1 { background-color:blue !important;  border-color:white !important;}
    #accessibility_overview ul.color_list .yellow_style_1 a { color:yellow !important;  }

    #accessibility_overview ul.color_list .yellow_style_2 { background-color:black !important; border-color:white !important; }
    #accessibility_overview ul.color_list .yellow_style_2 a { color:yellow !important; }

    #accessibility_overview ul.color_list .green_style_1 { background-color:white !important; }
    #accessibility_overview ul.color_list .green_style_1 a { color:green !important; }

    #accessibility_overview ul.color_list .white_style_1 { background-color:black !important; border-color:white !important; }
    #accessibility_overview ul.color_list .white_style_1 a { color:white !important; }

    #accessibility_overview ul.color_list .white_style_2 { background-color:darkred !important; border-color:white !important; }
    #accessibility_overview ul.color_list .white_style_2 a { color:white !important;  }

    #accessibility_overview ul.styling_list a { color:#000000 !important; }

    /* end side accessibility */

}

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

@media (max-width:1400px) {
     
}

@media (max-width:1200px) {
    
}

@media (max-width:1100px) {
    #accessibility_overview ul { grid-template-columns: repeat(2, 1fr); }
    #accessibility_overview .options_group h3 { margin-bottom: var(--spacing-1L); text-transform: uppercase; }
    #accessibility_overview .options_group h3 { font-weight: var(--font-weight-bold);}
}

@media (max-width:1000px) {
    #accessibility_overview .options_group h3:not(:first-of-type) { margin-top:var(--spacing-2L); }
}

@media (max-width:1000px) AND (orientation:portrait) {

}

@media (max-width:1000px) AND (orientation:landscape) {

}

@media (max-width:700px) {
    #accessibility_overview ul { grid-template-columns: 1fr; }
    #accessibility_overview .options_group h3:not(:first-of-type) { margin-top:var(--spacing-4L); }
}

@media (max-width:700px) AND (orientation:portrait) {

}

@media (max-width:700px) AND (orientation:landscape) {

}

@media (max-width:500px) {

}

@media (max-width:500px) AND (orientation:portrait) {

}

@media (max-width:500px) AND (orientation:landscape) {

}