/*RESPONSIVE*/
@media screen and (max-width: 1170px){
    .wp-inner{ width: 100%;}
}
@media screen and (max-width: 1024px){
    /*HEADER*/
    #login-page-wp .section-title{ display: none;}
    #login-page-wp .section-detail{ padding-top: 75px;}
}
@media screen and (max-width: 800px){
    #menu-wp .info-menu-wp{ width: 100%; margin-left: 0; margin-bottom: 15px;}
    #menu-wp .form-list-wp{width: 100%; padding: 10px;}
}
@media screen and (max-width: 600px){
    /*HEADER*/
    #logo-wp .title{ display: none;}
}
@media screen and (max-width: 414px){
    /*BREADCRUM*/
    .breadcrumbs li a{ line-height: 21px;}
    .breadcrumbs li:first-child a:before{ line-height: 26px;}
    /*ACADEMIC YEAR*/
    #academic-year-page-wp .col-left{ width: 100%; margin-bottom: 25px;}
    #academic-year-page-wp .col-right{ width: 100%; padding-left: 0;}
    /*ADD*/
    #add-member-wp .form-wp{ padding: 15px!important;}
    #add-member-wp .form-wp .form-group label{ width: 100%!important; text-align: left!important;}
    #add-member-wp .form-wp .form-group input, #add-member-wp .form-wp .form-group textarea{ width: 100%;}
    #add-member-wp .form-wp .form-group #btn-group-wp{ padding-left: 0!important;}
    /*LIST*/
    #list-member-wp .list-action-wp .filter-form-wp{ width: 100%;}
    #list-topic-admin-wp .list-action-wp .filter-form-wp, #list-topic-approve-admin-wp .list-action-wp .filter-form-wp{ width: 100%;}
    /*GROUP*/
    #info-group-member-page-wp #list-member-group-wp .table-responsive{ width: 100%;}
    #url-ref{ width: 100%; line-height: 16px; word-wrap:break-word; border-radius: 5px;}
    #url-link-wp #btn-url{ width: 100%; border-radius: 5px; margin-bottom: 5px;}
}