@media screen and (min-width: 980px) and (max-width: 3000px) {
    #wrapper {
        width: 1024px !important;
    }

    body {
        min-width: 1024px;
    }
#menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height:40px;
}

#menu {
    width: 100%;
    margin: 0 auto;
    height: 40px;
    background: url("../images/bg_menu.png") no-repeat left top;
    overflow: hidden;
}

#menu ul li {
    float: left;
    width: auto;
    padding-top: 0px;
    margin-right: 20px;
    background: none;
    border: none;
    padding-left: 10px;
    margin: 0 5px;
    height: 30px;
    padding: 0px 0px;
}

#menu ul li:first-child {
    padding-left: 65px;
}

#menu ul li a:hover {
    color: #ff6004;
}

#menu ul li a {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    height: 29px;
    min-width: 47px;
    padding: 11px 10px 0 10px;
    font-weight: bold;
    font-size: 15px;
    font-family: Arial;
}
    .rowmenu {display:table; width:100%;
    }
      .rowmenu .navbar-collapse {padding-left:0px;padding-right:0px;
    }
.sp-ul-img
{
padding-top:0px;    
}
.sp-ul-img img
{
    height: 155px;
   width: 166px;
}

.sp-ul-title h3
{
    font-weight: normal;
    font-size: 12px;
    color: #DB9148;
    padding: 3px;
    position:absolute;
    width:96%;
    border-top: 1px dotted #cdcdcd;
    /*
    bottom:0px;*/
}

}

@media screen and (min-width: 980px) and (max-width: 1120px) {
    ul.main_menu li a.home {
        display: none;
    }

    ul.main_menu li a {
        padding: 0 10px;
    }

    #wrapper {
        width: 990px !important;
    }
        .rowmenu {display:table; width:100%;
    }
      .rowmenu .navbar-collapse {padding-left:0px;padding-right:0px;
    }
       #menu {display:table; width:100%;
    }
}

@media screen and (min-width: 720px) and (max-width: 980px) {
        .list-group-item { padding:0px !important;
    }
    .header .navbar-nav > li > a {
           padding: 5px 8px !important;
    }
     #wrapper {
        width: 100% !important;
    }
    #wrapper {
        width: 100% !important;
    }
       .hack_button_categories {
    margin: 0 !important;
    padding: 4px 0 0 !important;
}
   .block-menu-block {
    background-color: #f1f1f1;
    border: 1px solid #cdcdcd;
    margin-bottom: 10px;
    overflow: hidden;
}
       .rowmenu {display:table; width:100%;
    }
      .rowmenu .navbar-collapse {padding-left:0px;padding-right:0px;
    }
     #menu {display:table; width:100%;
    }
             .sp-ul li {
        width:32% !important;
        min-height: 216px;
    }
         .sp-ul-img img {
    height: 155px;
    width: 125px;
}
            .header-logo {
        height:86px !important
    }
    .kythuat table,.kythuat table tr td, .kythuat table tr
    {width:auto !important;}
     .kythuat table
     {
        width:100% !important;    
     }
    .kythuat table tr td p img {
        display:none;
    }
        .detailimage img {
        width:200px !important;
    }
        .content,  .kythuat
    {
        padding-right:1px !important;
    }
}

@media screen and (min-width:320px) and (max-width:720px) {
        .list-group-item { padding:0px !important;
    }
    .header .navbar-nav > li > a {
           padding: 5px 8px !important;
    }
     #wrapper {
        width: 100% !important;
    }
      #wrapper {
        width: 100% !important;
    }
     .hack_button_categories {
    margin: 0 !important;
    padding: 4px 0 0 !important;
}
   .block-menu-block {
    background-color: #f1f1f1;
    border: 1px solid #cdcdcd;
    margin-bottom: 10px;
    overflow: hidden;
}
    .rowmenu {display:table; width:100%;
    }
      .rowmenu .navbar-collapse {padding-left:0px;padding-right:0px;
    }
       #menu {display:table; width:100%;
    }   
        .sp-ul li {
        width:45% !important;
        min-height: 218px;
    }
         .sp-ul-img img {
    height: 155px;
    width: 166px;
}
             .owl-item .item a img {
        width:105px !important;
    }
                .header-logo {
        height:86px !important
    }
                    #fancybox-title {
        display:none !important;
    }
.kythuat table,.kythuat table tr td, .kythuat table tr
    {
        width:auto !important;
     
    }
    .kythuat table tr td p img {
        display:none;
    }
        .detailimage img {
        width:200px !important;
    }
            .md-margin-bottom-50 {
          margin-bottom: 10px;
    }
    .content,  .kythuat
    {
        padding-right:1px !important;
    }
}


@media screen and (max-width: 320px) {
    .list-group-item { padding:0px !important;
    }
    .header .navbar-nav > li > a {
           padding: 5px 8px !important;
    }
     #wrapper {
        width: 100% !important;
    }
     .hack_button_categories {
    margin: 0 !important;
    padding: 4px 0 0 !important;
    }
  .block-menu-block {
    background-color: #fff ;
    border: none;
    margin-bottom: 10px;
    }
    .rowmenu {display:table; width:100%;
    }
    .rowmenu .navbar-collapse {padding-left:0px;padding-right:0px;
    }
    #menu {
           display:table; width:100%;
    }
    .sp-ul-img {
        float:left;
    }
    .sp-ul-title {
        width: 100%;
        text-align: center;
    }
    .sp-ul li {
        width:100% !important;
       height:auto !important;
       min-height:0 !important;
    }
    .sp-ul-img img {
    height: 155px;
    width: 155px;
}
    .owl-item .item a img {
        width:105px !important;
    }
    .header-logo {
        height:86px !important
    }
    #fancybox-title {
       display:none !important;
    }
.kythuat table,.kythuat table tr td, .kythuat table tr
    {
        width:auto !important;
     
     }
    .kythuat table tr td p img {
        display:none;
    }
    .detailimage img {
        width:200px !important;
    }
    .md-margin-bottom-50 {
          margin-bottom: 10px;
    }
    .kythuat p a img
    {
        width:100% !important;
        height:auto !important;
    }
    .kythuat,.content 
    {
        padding-right:1px !important;    
    }
    
}