@media screen and (max-width:400px) {
    .xxx{}
    
    .wx400_tbl tr td { display: block;  }
    .wx400_tbl tr td:nth-child(odd) { font-weight: bold; padding-bottom: 0px; padding-top: 10px; }
    .wx400_tbl tr td:nth-child(even) {padding-top: 3px; }
    .btn { margin-bottom: 10px; }

    .htw { width: 100%; }
    .home-test { width: 100%; }
    .mnl { display: block; height: 5px; }
    
    /* EVENT EDIT */
    .dtts { display: block; height: 10px; }
    
     /* HEADER */
    .lg.fl { float: none; text-align: center; margin-top: 0px; }
    .menu a { padding: 4px 6px;}
    .menu a:first-child { border-width:0px; padding:4px 10px; }
    .menu_top { padding:5px; }
    .menu.fr {clear: left; float: none; }
     
    
    /* SEARCE PAGE */
    #events .fl { float: none; } 
    #events .epic { width:100%;  }
    #events .ewd { width:100%; }
    
    /* CLUB EVENT LIST */
    .scb { width:100%; position: relative;  }
    .scn { width:100%; padding: 5px; display: block;}
    .dpi.sc { position: absolute; right: 5px; top: 5px; } 
    .scb .dpi { display: block; padding:5px;}
    
    /* HOMEPAGE */
    .oicon .fl { width: 50%; }
    .hpimg { margin: auto; float: none; display: block; }
    .dsc .fl { float: none; }
    .dsc .odsc { width:100%; }
    .club { width:100%; margin-bottom: 5px; }
    .hpe .event { width: 165px; height:165px; }
    .hpe .event .dt{ top:5%; }  
    .hpe .event .tt{ top:41%; }
     /* ABOUTH PROJECT */
    .htwi { width: 100%; }
    
    .esrc label { width: 46%; }
    .esrc3 .fl { float: none; width: 100%;  }
    .esrc3 .fl:nth-child(2){ margin-top:5px; }
    .esrc3 .fwb { display: inline-block; width: 85px; }
    
}