.mic_tester{display: flex; flex-wrap: wrap; max-width:1024px; margin: auto;justify-content: space-between;}
.mic_tester .box-left{width:25%;flex:0 0 25%;    background: azure;
    border: 2px solid #105e5e;
    border-radius: 4px;
    padding: 12px;}
    #mic-props .h3{
        font-size: 1.2rem;
    border-bottom: 2px solid #105e5e;
    padding-bottom: 10px;
    }
.mic_tester .box-right{flex:0 0 73%;padding:auto 30px;}
.mic_tester .box-left table th{text-align: left;font-weight: 500;}
ul#mic-notices{margin:0px; padding:0px; list-style:none;margin-bottom: 20px;} 
ul#mic-notices li{display: none;padding:10px;font-weight: 500;
    background-color:rgb(224, 250, 230);
        border: 1px solid green !important;
    border-radius: 3px !important;
}
    #mic-controls{text-align:center;}
    #mic-selecter{width:100%;display: block;margin-bottom:10px;padding:6px;}
    #mic-visualizer {background: #000 url(images/noise.gif);width: 100%;height: 128px; }
    #mic-controls button {padding: 10px 20px; margin: 10px auto;display: block;min-width: 50%;cursor: pointer;}
#mic-actions button {display: none;padding: 3px;margin-top: 10px; width: 100%;cursor: pointer;}
@media(max-width:1050px){
    .box-left{
        width: 30%;
        flex: 0 0 30%;
    }
    .box-right{
        flex: 0 0 68%;
    }
}
@media(max-width:768px){
    .mic_tester{
        flex-direction:column;
    }
    .mic_tester .box-left, .mic_tester .box-right{
        width:100%;
    }
    .mic_tester .box-left{
        order:2;
    }
    .mic_tester .box-right{
        order:1;
    }
}
@media(max-width:400px){
    .header .hh2{
        font-size: 20px;
    }
}