/* CSS Document */

@media screen and (max-width: 768px) {
    .top_menu {
        margin-top: 0px;
        padding-top: 0px;
    }
    .header {
        height: auto;
        min-height: 95px;
        padding: 0 15px;
    }
    .header .logo {
        margin-top: 25px;
        padding-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        width: 205px !important;
    }
    .header .col-md-9.col-sm-12 {
        margin: 0px;
        padding: 0px;
    }
    .top_menu ul li {
        margin-right: 10px;
    }
    .info_header .hotline {
        font-size: 12px;
    }
    .info_header .hotline {
        margin: 5px 0px;
    }
    .top_menu ul li {
        padding: 0px;
        margin: 5px 0px;
        text-align: left;
    }
    .top_menu .navbar-nav li a {
        padding: 0px;
        margin-right: 10px;
        padding-left: 5px;
        font-size: 12px;
    }
    .nav_menu.db_block.fadeIn.animated {
        display: block;
        margin-top: 70px;
    }
    .nav_menu .menu {
        display: block;
    }
    .nav_menu {
        margin-top: 20px;
    }
    .nav_menu ul li:hover {
        display: block !important;
    }
    .nav_menu ul li {
        float: left;
        margin-right: 55px;
        padding-top: 2px;
        padding-bottom: 0px;
        padding-left: 0;
        margin-left: 0;
        margin-top: 7px;
        width: 100%;
        /*border-bottom: 1px solid #dd0011;*/
    }
    .nav_menu ul.menu {
        padding-left: 15px;
    }
    .nav_menu ul.menu li a {}
    .nav_menu .navbar-nav ul li:last-child {
        border-bottom: none;
    }
    .nav_menu .navbar-nav li a {
        padding: 8px 5px;
    }
    .search_form_top {
        float: inherit;
    }
    .search_form_top input {
        width: 100%;
    }
    .header-top-right a {
        font-size: 12px;
        margin: 0px;
        margin-right: 10px;
    }
    .header-top-right {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .fanpage iframe,
    .fanpage span {
        width: 100% !important;
    }
    .content_feature .col-box-sp {
        width: 180px;
    }
    .owl_category_list .col-box-sp {
        width: 180px;
    }
    .owl_category_list .col-box-sp img {
        padding: 0px;
    }
    .owl_category_list .iterm_sp a.title_sp {
        white-space: inherit;
    }
    .list_submncategory {
        top: 15px;
        right: 10px;
    }
    .list_submncategory>a {
        display: none !important;
    }
    .list_submncategory a {
        display: none !important;
    }
    .listcategory_index {
        display: none;
        position: absolute;
        z-index: 999999;
        top: 170px;
        background: #fff;
    }
    .listcategory_index .category_list {
        display: none;
    }
    .nav_show .listcategory_index {
        display: block;
        width: 100%;
    }
    .bx-wrapper .bx-controls-direction a {
        top: 50% !important;
    }
    .home-banner-section {
        margin-bottom: 20px;
    }
    .content_left_page .one-third {
        height: 500px;
        position: relative;
        margin-bottom: 20px;
    }
    p.title_news_pages {
        width: 100%;
        display: inline-block;
    }
    .content_news_pages {
        width: 100%;
        display: inline-block;
    }
    .news_page {
        margin: 0 auto;
    }
    .news_page .images {
        width: 100%;
        display: inline-flex;
    }
    .title_news_pages {
        font-size: 13px;
        font-weight: bold;
    }
    .left_content_pr li .news_page .images img {
        margin: 0 auto;
        width: 100%;
    }
    .support-online {
        display: block;
        bottom: 0px !important;
    }
    .ctrlq.fb-button {
        bottom: 10px !important;
    }
    .iterm_sp .chitiet {
        margin: 10px 10px;
    }
    .sp_lienquan .one-third {
        height: auto;
        position: relative;
    }
    .content_left_page .one-third .iterm_sp .chitiet {
        margin: 10px auto;
        position: inherit;
    }
    .sp_lienquan .iterm_sp .chitiet {
        margin: 10px 95px;
    }
    .sp_lienquan .border-box-product {
        width: 50%;
    }
    .sp_lienquan .border-box-product .thumb_nail_sp {
        height: 140px;
    }
    .mob-nav-icon .cmn-toggle-switch__htx.active {
        background-color: #8f0b16;
    }
    .content_tintuc_sb .cards-img {
        text-align: center;
    }
    .content_tintuc_sb,
    .tintuc_sb {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }
    .content_tintuc_sb .col-sm-6,
    .tintuc_sb .col-sm-6 {
        width: 50%;
    }
    #data_content_product .col-sm-12.border-box-product {
        width: 50%;
    }
    .content_tintuc_sb .cards-img img {
        padding: 30px;
    }
    .post--items .post--item-small .col-md-6 {
        padding: 5px 5px !important;
        margin: 0px !important;
        width: 45%;
    }
    .post--items .post--item-small .col-md-6 .post-card--img {}
    .post--items .post--item-small .col-md-6 .post-card--img .post--info {
        text-align: justify;
        padding: 10px;
    }
    .post--items .post--item-small .col-md-6 .post-card--img .post--info a {
        font-size: 0.8rem !important;
    }
    .post--items.post>.row>.col-md-6 {
        padding: 0px;
    }
    .post--item-small>.row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: center;
        justify-content: center;
    }
    .nav-mobile {
        display: block;
    }
    .nav-desktop {
        display: none;
    }
    .post--img.post--type-video {
        height: 280px !important;
    }
    .post--img.post--type-video img {
        width: 100%;
    }
    .info_product li {
        font-size: 10px;
    }
    .content_tintuc_sb .col-md-9 {
        width: 66.6%;
    }
    .content_tintuc_sb .col-md-3 {
        width: 33.3%;
    }
    .col-contact-sp .col-md-8 .book_sp {
        padding-left: 0;
        padding-right: 0px;
        text-align: right;
    }
    .col-contact-sp .col-md-4,
    .col-contact-sp .col-md-8 {
        width: 50%;
    }
    .name_company {
        text-align: center;
    }
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
    .post--img.post--type-video {
        height: 150px;
    }
}