@media screen and (max-width: 320px) {
}

@media screen and (max-width: 375px) {
}

@media screen and (max-width: 414px) {
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 767px) {.sp_img img{
        object-fit: cover;
    width: 100%;
    height: 100%;
}
    .nd_contact span{
        font-size:15px!important;
    }
    .nd_contact {
        float: left;
        width: 100%;
        margin-bottom: 2%;
        padding: 0 10px;
    }
    .lh_contact {
        width: 100%;
        margin: auto;
        float: right;
        padding: 0 10px;
    }
    .share_detail h2 {
        font-size: 22px;
    }

    .tieude_giua h1 {
        font-size: 22px;
        line-height: 1.3;
    }

    .box_news .bt-more-detail {
        float: left;
    }

    .box_news .mota {
        margin-top: 3px;
        width: 100%;
        float: left;
    }

    .date-time {
        padding-left: 0;
    }

    .box_news h3 {
        margin-top: unset;
        margin-bottom: unset;
    }

        .box_news h3 a {
            font-size: 12px;
            line-height: 1.3;
        }

    .box_news {
        padding: 10px;
        border: 1px dashed #C6C6C6;
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin: 10px;
        box-sizing: border-box;
        transition: all 0.5s;
    }

    .tt-left {
        width: 100%;
        float: right;
    }

    .tt-right #tinmoi {
        width: 100%;
        float: right;
    }

    .tinnb {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }

    .tt-right {
        width: 100%;
        float: left;
    }

    .mtck {
        font-size: 14px;
        color: #333333;
    }

    .box_tc {
        padding-top: 5px;
    }

    .item_tc {
        width: 100%;
        float: left;
        display: inline-block;
        vertical-align: top;
        margin: 0;
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .tab_list ul li {
        list-style: none;
        display: inline-block;
        vertical-align: top;
        border: solid 1px #ccc;
        min-width: 160px;
        text-align: center;
        width: 50%;
        float: left;
    }

    .pagination-magics {
        display: block;
        margin: 0 auto;
        float: left;
        text-align: center;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .col-xs-6-mobi {
        width: 50%;
        float: left;
        padding: 0 5px;
    }

    h3.sp_name a {
        text-decoration: none;
        color: #fff;
        font-family: roboto;
        font-weight: 500;
        line-height: 1.3;
        text-transform: uppercase;
        font-size: 12px;
    }

    .sp_img img {
        width: 100%;
    }

    .sp_img {
        height: 185px;
        overflow: hidden;
    }

    .sp_name {
    }

    div.item {
        width: 100%;
        text-align: center;
        display: inline-block;
        vertical-align: top;
        margin: 0;
        margin-bottom: 5px;
        position: relative;
    }

    div#dknt {
        display: inline-block;
        width: calc(100% - 10px);
        max-width: 100%;
        vertical-align: middle;
    }

    .box_dk .ttft {
        display: inline-block;
        vertical-align: middle;
        margin-top: 16px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .box_dk {
        float: left;
        width: 100%;
        text-align: left;
    }

    .mxh1 {
        float: left;
        width: 100%;
    }

    .fb {
        margin-top: 5px;
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }

    .maps {
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin-left: unset;
        margin-right: unset;
    }

    div#main_footer {
        width: 100%;
        display: inline-block;
        margin-bottom: 5px;
        vertical-align: top;
    }

    .copyright {
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }

    .doitac {
        margin-top: 5px;
        padding: 10px 0;
    }

    .button i {
        float: left;
        width: 100%;
        height: 100%;
        line-height: 40px;
        color: #fff;
    }

    .topbar span, .topbar a {
        font-size: 12px;
    }

    .menu-bar.hidden-md.hidden-lg .fa {
        font-size: 24px;
        color: #bc0001;
        cursor: pointer;
    }

    .menu-bar.hidden-md.hidden-lg {
        left: 15px;
        position: absolute;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        z-index: 1000;
        top: 45px;
    }

    .search_form {
        width: 100%;
        margin-bottom: 10px;
    }

    .search_topbox .search-box .header_search button .fa {
        color: #fff;
    }

    .search_topbox .search-box .header_search .input-group-btn {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 40px;
        line-height: 40px;
        height: 40px;
        background: #bc0001;
        white-space: nowrap;
        padding: 0;
        display: table-cell;
        vertical-align: middle;
        margin: 0;
    }

    .search_topbox .search-box .header_search .button {
        z-index: 2;
        margin-left: 0;
        padding: 0 0px;
        width: 40px;
        background: url(../images/btn-search.png) center center no-repeat;
        line-height: 40px;
        text-align: center;
        height: 40px;
        font-size: 14px;
        text-transform: uppercase;
        font-family: "Roboto", sans-serif;
        color: #fff;
        font-weight: 400;
    }

    .search_topbox .search-box .header_search .input-group .input {
        float: right;
        padding-left: 15px;
        width: 100%;
        margin-bottom: 0;
        height: 40px;
        border: 1px solid #ebebeb;
        padding: 0 20px;
        max-width: 100%;
        display: block;
    }

    .menu-bar.hidden-md.hidden-lg {
        position: absolute;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        z-index: 1000;
        top: 45px;
        left: 15px;
    }

    .topbar {
        height: 100px;
        width: 100%;
        position: relative;
        float: left;
        background: #ffffff;
    }

        .topbar .logo a {
            max-width: 100%;
            height: 100px;
            padding: 5px 0;
            margin: 0 auto;
            display: flex;
            align-items: center;
        }

            .topbar .logo a img {
                max-height: 100%;
            }

    .a-left {
        text-align: left !important;
    }

    .logo {
        font-size: 30px;
        line-height: 65px;
        width: auto;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -os-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        position: relative;
        left: 50%;
        top: 0px;
    }

    .dc {
        float: left;
        width: 100%;
        padding-bottom: 10px;
        border-bottom: 1px solid #ffffffb0;
        margin-bottom: 7px;
    }

    .mxh {
        float: right;
        margin-left: unset;
    }

    .dt {
        float: left;
        margin-left: 0;
    }
}

@media screen and (min-width: 768px) {
}

@media screen and (max-width: 991px) {
    .opacity_menu.open_opacity {
        content: " ";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 999999;
    }

    .menu_mobile.open_sidebar_menu {
        visibility: visible;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .menu_mobile {
        width: 280px;
        height: 100%;
        position: fixed;
        z-index: 999999;
        top: 0px !important;
        background-color: #fff;
        overflow-x: hidden;
        -webkit-box-shadow: 0px 2px 11px 1px rgba(168, 168, 168, 0.54);
        -moz-box-shadow: 0px 2px 11px 1px rgba(168, 168, 168, 0.54);
        box-shadow: 0px 2px 11px 1px rgba(168, 168, 168, 0.54);
        visibility: hidden;
        -webkit-transition: all 0.35s ease;
        -o-transition: all 0.35s ease;
        transition: all 0.35s ease;
        -webkit-transform: translateX(-280px);
        -ms-transform: translateX(-280px);
        -o-transform: translateX(-280px);
        transform: translateX(-280px);
    }

        .menu_mobile .ul_collections {
            width: 100%;
            float: left;
            -moz-max-height: calc(100% - 110px);
            -o-max-height: calc(100% - 110px);
            -os-max-height: calc(100% - 110px);
            overflow: auto;
            overflow-x: hidden;
        }

            .menu_mobile .ul_collections li.special {
                background: #f5f5f5;
            }

            .menu_mobile .ul_collections li {
                position: relative;
                background: #fff;
                display: block;
                border-top: solid 1px #e4ebf0;
            }

                .menu_mobile .ul_collections li.special a {
                    color: #f53f2c;
                    font-weight: 700;
                    font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;
                    font-size: 14px;
                    text-decoration: none;
                    padding: 10px 15px;
                }

                .menu_mobile .ul_collections li a {
                    padding: 10px 15px;
                    font-size: 14px;
                    display: block;
                    color: #2e3553;
                    text-decoration: none;
                }

                .menu_mobile .ul_collections li.current {
                    background: #ebebeb;
                }

                .menu_mobile .ul_collections li a {
                    padding: 10px 15px;
                    font-size: 14px;
                    display: block;
                    color: #2e3553;
                    text-decoration: none;
                }

                .menu_mobile .ul_collections li .fa {
                    position: absolute;
                    right: 10px;
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    top: 5px;
                    text-align: center;
                }

                .menu_mobile .ul_collections li .level0 .level1 {
                    background: #f5f4f4;
                }

                    .menu_mobile .ul_collections li .level0 .level1 a:before {
                        content: "";
                        top: 16px;
                        left: 25px;
                        position: absolute;
                        width: 9px;
                        height: 9px;
                        border: solid 2px #d7d7d7;
                        border-radius: 50%;
                    }

                    .menu_mobile .ul_collections li .level0 .level1 a {
                        padding: 10px 15px 10px 45px;
                        position: relative;
                        line-height: 22px;
                    }
}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 1200px) {
.sp_img {
    position: relative;
    height: 350px;
}
.sp_img img{
        object-fit: cover;
    width: 100%;
    height: 100%;
}
    .col-xs-6-mobi {
        width: calc(100%/4 - 23px);
        text-align: center;
        display: inline-block;
        vertical-align: top;
        margin: 10px;
        position: relative;
    }
}