.wrap-all{
    overflow: hidden;
}
.mobile-show{
    display: none;

}
.breadcrumb{
    flex:2;
}
@media (max-width: 1200px){
    .ht-container{
        max-width: none;
        width: 98%;
        margin: 0 auto;
    }
    .header__top-wrap .header__top-logo {
    flex: initial;
    }
    .header__top-wrap .header__top-logo a p{
        font-size: 13px;
    }
    .menu_md .menu >ul >li >a {
    padding: 10px 10px 8px;
    }
    .header__top-wrap .header__top-company p{
        letter-spacing: 1px;
        font-size: 2.2vw;
    }
    .header__top-wrap .header__top-company span{
        font-size: 1.2vw;
    }
    .sidebar-item > ul > li > a >img{
        margin-left: 0px;
        margin-right: 5px;
    }
    .sidebar-item > ul > li > a > span {
    text-transform: initial;
    }
}
@media (max-width: 1024px){
    .mobile-show{
        display: flex;align-items: center;
    }
    .modified li {
        vertical-align: text-top;
    }
    .footer-center__menu{
        padding-left: 15px;
    }
    .left {
        display: none;
    }
    .right{
        width: 100%;
        float: none;
        padding-left: 0px;
    }
    .header__top-wrap .header__top-company span{
        display: none;
    }
    .divider{
        display: none;
    }
    .header__top-wrap .header__top-company{
        width: 80%;
        margin-left: 0px;
    }
    .button-click-mobile{
        width: 28px;
        height: 18px;
        float: right;
        position: relative;
        margin-top: 8px;
        margin-bottom: 8px;
        text-align: right;
    }
    .button-click-mobile span{
        width: 100%;
        height: 2px;
        background: #fff;
        display: block;
        margin-top: 8px;
    }
    .button-click-mobile.show span{
        display: none;
    }
    .button-click-mobile:after,.button-click-mobile:before{
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background: #fff;
        position: absolute;
        transition:all 0.3s linear;
    }
    .button-click-mobile:after{
        bottom: 0;
    }
    .button-click-mobile.show:after{
        transform: rotate(-45deg);
        transform-origin: bottom left;
    }
    .button-click-mobile:before{
        top: 0;
    }   
    .button-click-mobile.show:before{
        transform: rotate(45deg);
        transform-origin: 0px 0px;
    }   
    .menu_md{
        position: relative;
    }
    .menu_md .menu{
        position: absolute;
        width: 300px;
        right: -300px;
        background: #DA251C;
        z-index: 111;
        top: 35px;
        transition:all 0.2s linear;
    }
    .menu_md .menu.is-active{
        right: 0;
    }
    .menu_md .menu >ul >li{
        float: none;
    }
    
    .menu_md .menu >ul >li >ul {
        position: relative;
        display: none;
        width: 100%;
    }
    .menu_md .menu >ul >li.has-submenu >a:after{
        content: "\f0d7";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        margin-left: 20px;
    }
    .menu_md .menu >ul >li.has-submenu.is-active >a:after{
        content: "\f0d8";
    }
}
@media (max-width: 768px){
    .modified li {
        width: 100%;
    }
    .category .modified li {
        width: 49%;
    }
    .header__top-wrap .header__top-company p {
        letter-spacing: 1px;
        font-size: 3vw;
    }
    .header__top-contact{
        position: absolute;
        right: 0;
        top: 63px;
    }
    .header__top-wrap .header__top-company{
        padding-top: 0px;
    }
    .header__top-wrap .header__top-contact p{
        display: none;
    }
    .header__top-wrap .header__top-logo {
    padding-top: 15px;
    }
    .footer-top >p{
        transform:translateX(0px) !important;
    }
    .wrap-right{
        padding:15px !important;
    }
    .page-news-detail .desc_short {
    padding: 0px 20px;
    }
    .view{
        position: static;
        margin-top: 15px;
    }
    .detail .contact .contact__left {
        display: none;
    }
}
@media (max-width: 480px){
    .header__top-wrap .header__top-logo {
        padding-top: 15px;
    }
    .header__top-logo img {
        height: 60px;
    }
    .wrap-right .row >div:first-child{
        display: block;
    }
    .page-title .dropdownjs {
        margin-top: 20px;
    }
    .detail-new .page-title{
        display: block;
    }
    .detail-new .page-title >div:last-child:before{
        display: none;
    }
    .footer-top{
        font-size: 16px;
    }
    .category{
        padding-left: 15px !important;
    }
    .contact_info ul li >div:after{
        content: '';
        display: block;
        clear: both;
    }
    .contact_info ul li:nth-child(2){
        display: block;
    }
    
    .detail >.content__detail{
        padding: 20px !important;
    }
    .modified li {
    display: inline-block;
    width: 49%;
    }
    .list-news {
        padding: 0;
        margin: 15px;
    }
    .list-news .card {
        padding: 0;
    }
    .ht-table th:nth-child(4), .ht-table tr td:nth-child(4), .ht-table th:nth-child(3), .ht-table tr td:nth-child(3) {
        display: none;
    }
}
@media (max-width: 375px){
    
    .header__top-wrap .header__top-logo {
     padding-top: 7px; 
    }
    .header__top-wrap .header__top-contact{
        padding-top: 0px;
    }
    header {
        height: 97px;
    }
    .header__top-logo img{
        height: 50px;
    }
    .header__top-wrap .header__top-company{
        display: none;
    }
    .form_search {
        width: 190px;
        margin-left: 20px;
    }
    .header__top-wrap .header__top-contact{
        position: static;
    }
    .header__top-wrap .header__top-logo a p {
        font-size: 11px;
    }
    .form_search input {
        width: calc(100% - 30px);
        float: left;
        height: 30px;
        border: 1px solid #eee;
        background: none;
        padding-left: 10px;
        font-size: 12px;
    }
    .menu_md .menu {
        position: absolute;
        width: 100%;
        right: -100%;
    }
    .list-news .card .card__content>p {
        display: none;
    }
}