@media only screen and (min-width: 320px) and (max-width: 1000px){

.menu-wrap-das h4 span {
    display: none;
}
.menu-wrap-das h4 {
    padding: 3px 0px;
    text-align: center;
}
.menu-wrap-das i {
    font-size: 30px;
    text-align: center;
    padding-right: 0px;
}
#panel-menu > ul > li > a > span {
    display: none;
}
#panel-menu ul li {
    text-align: center;
}
#panel-menu > ul > li > a {
    padding: 5px 0px;
}
#panel-menu > ul > li > a > i {
    font-size: 20px;
    text-align: center;
}

}

/*============================================
                table category
==============================================*/

@media only screen and (max-width: 800px) {
#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr { 
    display: block; 
}
#no-more-tables thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
}
#no-more-tables tr { 
    border: 1px solid #ccc; 
}
#no-more-tables td { 
    border: none;
    border-bottom: 1px solid #eee; 
    position: relative;
    padding-left: 50%; 
    white-space: normal;
    text-align:left;
}
#no-more-tables td:before { 
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%; 
    padding-right: 10px; 
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
}
#no-more-tables td:before { 
    content: attr(data-title); 
}
}