/* ======================================================= */
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .box_login { margin:auto; width:500px; }
    #header_login { font-size:20px; }
    #header_login_icon { width:25px; }
    #ket_aplikasi { font-size:30px; }
    #lbl_cmb_siswa { font-size:20px; }
    #titik_cmb_siswa { font-size:20px; }
    #lbl_cmb_jenis { font-size:20px; }
    #titik_cmb_jenis { font-size:20px; }
    .search_select_box .form-control { height:55px; }
    #teks_aktivasi { font-size:40px; }
    #btn_gen { font-size:25px; }
    #go_home { width:35px; } /* Icon home */
    .input-icons2 { height:40px; font-size: 20px; background-size: 30px 30px; 
    background-position: left 10px top 5px; padding: 5px 5px 5px 50px;  }
    
    .box2 { margin-top:10px; }
    .box2 .box2_1 .box2_1_1 { height:35px; }
    .box2 .box2_1 .box2_1_2 { height:35px; font-size:14px; } 
    .box2 .box2_2 .box2_2_1 { height:35px; }
    .box2 .box2_2 .box2_2_2 { height:35px; font-size:14px; }
    
    .box3 { margin-top:10px; }
    .box3 .box3_1 { padding-top:6px; padding-bottom:6px; }
    #icon_user { width:25px; }
    #nama_user { font-size:14px; }
    #icon_logout { width:25px; }
    #label_logout { font-size:14px; }
    .box3 .box3_2 #img_card { width:35px; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 991px) {
    .box_login { margin:auto; width:70%; }
    #header_login { font-size:30px; }
    #header_login_icon { width:32px; }
    #ket_aplikasi { font-size:40px; }
    #lbl_cmb_siswa { font-size:30px; }
    #titik_cmb_siswa { font-size:30px; }
    #lbl_cmb_jenis { font-size:30px; }
    #titik_cmb_jenis { font-size:30px; }
    .search_select_box .form-control { height:65px; }
    #teks_aktivasi { font-size:50px; }
    #btn_gen { font-size:35px; }
    #go_home { width:80px; } /* Icon home */
    .input-icons2 { height:80px; font-size: 25px; background-size: 50px 50px; background-position: 18px 15px; padding: 10px 40px 10px 80px; }
    
    .box2 { margin-top:20px; }
    .box2 .box2_1 .box2_1_1 { height:60px; }
    .box2 .box2_1 .box2_1_2 { height:60px; font-size:20px; }
    .box2 .box2_2 .box2_2_1 { height:60px; }
    .box2 .box2_2 .box2_2_2 { height:60px; font-size:20px; }
    
    .box3 { margin-top:20px; }
    .box3 .box3_1 { padding-top:15px; padding-bottom:15px; }
    #icon_user { width:30px; }
    #nama_user { font-size:20px; }
    #icon_logout { width:30px; }
    #label_logout { font-size:20px; }
    .box3 .box3_2 #img_card { width:70px; }
}
/* ======================================================= */