@media screen and (max-width : 1024px){
}
@media screen and (max-width : 960px){
   .period-show{
       width:90%;
       margin:10px 0;
       float:left;
    }
    .page-header .page-header-top .menu-toggler {
      width: 5%;
    }
    .page-logo{
        width:100% !important;
    }
    img.logo-default {
        margin: auto;
        display:block;
    }
    .col-md-4{
        width:100% !important;
        overflow:hidden;
    }
    .line-up{
        float:left;
        width:40%;
        display:block;
    }
    .line-up-bottom{
        float:left;
        width:20%;
        display:block;
    }
    tbody.block-news tr {
        width:48% !important;
    }
    .title-page-header{
        text-align:center;
        margin-top:10px !important;
    }
    .top-menu{
        float:left;
        width:320px;
        margin:0 auto !important;
        float:none !important;
    }
    .clear{
        clear:both;
    }
    .border-black {
        margin: 5px 0 !important;
    }
    
}
@media screen and (max-width : 768px){
}
@media screen and (max-width : 640px){
    .col-md-12{
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }
    .period-show{
       width:80%;
    }
    .page-header .page-header-top .menu-toggler {
      width: 10%;
    }
    .line-up{
        width:100%;
    }
    .line-up-bottom{
        width:100%;
    }
    tbody.block-news tr {
        width:100% !important;
    }
}
@media screen and (max-width : 480px){
}
@media screen and (max-width : 420px){
}
@media screen and (max-width : 380px){
    img.logo-default {
        width:100% !important;
    }
    .show-h1, .group-row-1 {
        font-size: 18px !important;
    }
}
@media screen and (max-width : 320px){
}