/**
 * @Project TMS HOLDINGS
 * @Author Precious Phạm <pham.quy.py@gmail.com>
 * @Copyright (C) 2023 Precious Phạm. All rights reserved
 * @License GNU/GPL version 2 or any later version
 * @Createdate Sat, 01 Apr 2023 04:03:11 GMT
 */
.event {
    width: 100%;
    height: 45px;
}

.event .title-event {
    font: 700 15px/45px Roboto, Arial, Tahoma;
    color: #d71920;
    text-transform: uppercase;
    width: 120px;
    float: left;
}


.top-menu {
    text-align: right;
    margin-bottom: 15px;
}

.top-menu li {
    display: inline;
    font: 400 13px Roboto, Arial, Tahoma;
    border-right: 1px solid #333;
    padding: 0 15px;
    cursor: pointer;
}

.top-menu li:last-child {
    border-right: none;
    padding-right: 0;
}

.top-menu li a {
    font: 400 15px Roboto, Arial, Tahoma;
    color: #58585b;
}

.lts-dongsukien {
    float: left;
}

.lts-dongsukien ul {
    display: inline-flex;
}

.lts-dongsukien ul li {
    margin-right: 50px;
    list-style: inside;
}

.lts-dongsukien ul li a {
    font: 400 13px/45px Roboto, Arial, Tahoma;
    text-transform: uppercase;
    color: #58585b;
}

.header-menu-mobile {
    margin-top: 20px;
}

.box-search {
    text-align: center;
    padding: 30px 0 40px 0;
}

.box-search h2 {
    font: 700 35px Roboto, Arial, Tahoma;
    color: #FFF;
    text-transform: uppercase;
    text-shadow: 0px 3px 4px #4282b0;
}

.box-search p {
    font: 400 20px Roboto, Arial, Tahoma;
    color: #FFF;
    text-shadow: 0px 3px 4px #4282b0;
}


.input-search input {
    border: none;
    height: 50px;
    width: 300px;
    border-radius: 5px 0 0 5px;
    padding: 0 20px;
}

.input-search select {
    width: 175px;
    border: 1px solid #FFF;
    height: 50px;
    padding: 0 10px;
}

.fix-bg {
    background: #EBEBEC;
}

/*=============================full menu=============================================*/
.fullmenu {
    width: 100%;
    margin-top: -22px;
    margin-bottom: 20px;
}

.header-site {
    max-width: 1024px;
    margin: 0 auto;
}

.header-site .logo {
    width: 40%;
    float: left;
}

.header-site .header-menu {
    width: 60%;
    float: right;
    padding-top: 10px;
}

.header-site .logo img {
    padding-top: 10px;
}

.home-info {
    border-bottom: 2px solid #ddd;
    overflow: auto;
    margin-bottom: 20px;
}

/*=============================left==================================================*/
.fullcontainer {
    max-width: 1024px;
    margin: 0 auto;
    overflow: auto;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

.full-left {
    width: 68.5546875%;
    float: left;
}

.box-left {
    overflow: auto;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 5px 5px;
}

.box-left img {
    width: 100%;
}


.lts-lv {
    padding: 15px;
    background: #FFF;
}

.lts-lv ul li {
    padding-left: 15px;
}

.lts-lv ul li a {
    font: 400 15px Roboto, Arial, Tahoma;
    color: #58595B;
    border-bottom: 1px dotted #ccc;
    display: block;
    padding: 8px 0;
}

.lts-lv ul li a:hover {
    color: #ED1C24;
}

.lts-lv ul li:last-child a {
    border-bottom: none;
}

.lts-viewtop {
    padding: 15px;
}

.lts-viewtop ul {
    margin-left: 15px;
}

.lts-viewtop ul li {
    list-style-type: decimal;
    margin-bottom: 10px;
    font-weight: bold;
}

.lts-viewtop ul li a {
    font: 400 13px Roboto, Arial, Tahoma;
    color: #58595B;
}

.lts-viewtop ul li a:hover {
    color: #ED1C24;
}

.lts-viewtop ul li span {
    padding-left: 20px;
    margin-left: 5px;
    font: 400 11px Roboto, Arial, Tahoma;
    color: #BE1E2D;
}

.banner-last {
    margin-top: 30px;
}

.banner-last img {
    width: 100%;
    vertical-align: middle;
}

/*=============================right=================================================*/
.full-right {
    width: 29.296875%;
    float: right;
    overflow: auto;
}


.control-search {
    overflow: auto;
    margin-bottom: 10px;
}

.head-box-search {
    color: #ED1C24;
    text-transform: uppercase;
    font: 700 15px Roboto, Arial, Tahoma;
    margin-bottom: 15px;
}

.control-search .label {
    width: 20%;
    float: left;
    line-height: 39px;
}

.control-search .txtinput {
    width: 80%;
    float: right;
}

.txtinput input {
    width: 95.5%;
    padding: 10px;
    border-radius: 5px 5px;
    border: 1px solid #BCBEC0;
}

.txtinput select {
    width: 74%;
    padding: 10px;
    border-radius: 5px 5px;
    border: 1px solid #BCBEC0;
    margin-right: 10px;
}

.btn-search {
    cursor: pointer;
    background: #ED1C24;
    font: 700 13px/41px Roboto, Arial, Tahoma;
    padding: 0 30px;
    border: 1px solid #BCBEC0;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 5px 5px;
}


.library {
    width: 100%;
}

table.library tr td {
    font-size: 13px;
    border-left: 1px solid #DDD;
    padding: 10px;
}

table.library tr th {
    font: 700 13px/40px Roboto, Arial, tahoma;
    border-top: solid 1px #DDD;
    border-left: solid 1px #DDD;
    color: #58585b;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
}

table.library tr:last-child td {
    border-bottom: 1px solid #DDD;
}

table.library tr td:first-child a {
    color: #1C75BB;
}

table.library tr td:last-child,
table.library tr:first-child th:last-child {
    border-right: 1px solid #DDD;
}

table.library tr:nth-child(2n + 1) {
    background-color: #f1f1f2;
}

table.library tr td a {
    color: #58585b;
}

table.library tr td ul {
    list-style-type: none;
    padding: 0;
}

table.library tr td li {
    background: url('../images/download.png') no-repeat;
    padding-left: 25px;
    border: none;
    padding-bottom: 0;
    padding-right: 0;
    margin-right: 0;
}

table.library tr td li a {
    color: #1b75bb;
    font-size: 13px;
}



/*=========================footer======================================================*/
footer {
    overflow: auto;
}

.topfooter {
    min-height: 40px;
}

.menu-footer {
    max-width: 1024px;
    margin: 0 auto;
}

.menu-footer ul.menu {
    text-align: center;
}

.menu-footer ul.menu li {
    display: inline;
    padding: 0 20px;
}

.menu-footer ul.menu li a {
    color: #333;
    font: 700 13px/40px Roboto, Arial, Tahoma;
    text-transform: uppercase;
}

.menu-footer ul.sitemap {
    text-align: center;
}

.menu-footer ul.sitemap li {
    display: inline;
    border-right: 1px solid #404041;
    padding: 0 20px;
}

.menu-footer ul.sitemap li:last-child {
    border-right: none;
}

.menu-footer ul.sitemap li a {
    color: #404041;
    font: 400 15px Roboto, Arial, Tahoma;
}

.bottomfooter {
    text-align: center;
    padding-top: 190px;
}

.bottomfooter .sitename {
    font: 700 18px Roboto, Arial, Tahoma;
    color: #be1e2d;
    text-transform: uppercase;
}

.copyright {
    margin: 0 auto;
    background: #be1e2d;
    min-height: 85px;
    text-align: center;
}

.copyright .info {
    max-width: 1024px;
    margin: 0 auto;
    font: 400 13px Roboto, Arial, Tahoma;
    color: #FFF;
    padding-top: 20px;
    overflow: auto;
}

.info .f1 {
    width: 60%;
    float: left;
    padding-left: 80px;
}

.info .f2 {
    width: 30%;
    float: left;
}

/*page*/
.paging {
    margin: 25px 0 10px;
    overflow: auto;
    float: right;
}

.paging span {
    display: block;
    float: left;
    margin-right: 5px;
    padding: 4px;
}

.paging a,
.paging a:link,
.paging a:visited {
    background: #FFF;
    border: 1px solid #ddd;
    color: #333;
    cursor: pointer;
    display: block;
    float: left;
    margin-right: 5px;
    padding: 4px 8px;
    text-decoration: none;
}

.paging a:hover,
.paging a.current {
    background: #be1e2d;
    border: 1px solid #be1e2d;
    color: #FFF;
    overflow: visible;
}

.paging a:last-child {
    margin-right: 0;
}

/*dieu huong*/
.box-dieuhuong {
    padding: 0;
    line-height: 20px;
    margin: 10px 0;
}

.box-dieuhuong.fix-bottom ul {
    margin: 0 auto;
}

.box-dieuhuong li {
    display: inline;
}

.box-dieuhuong li:first-child a {
    padding-left: 0;
}

.box-dieuhuong li:last-child a {
    background: none;
}

.box-dieuhuong li:last-child a,
.box-dieuhuong li a:hover {
    color: #be1e2d;
    font-weight: bold;
}

.box-dieuhuong li a {
    color: #58585b;
    font-size: 13px;
    padding: 0 12px 0 10px;
    background: url('../images/i-right.png')no-repeat right center;
}

#clock {
    font: 400 13px/40px Roboto, Arial, Tahoma;
    text-align: right;
}

/*========================================================================*/
.lts-vanban-home {}

.lts-vanban-home .title {
    border: 1px solid #ddd;
    min-height: 14px;
    padding: 7px 10px;
}

.lts-vanban-home .title a {
    padding-left: 20px;
    color: #58595B;
    font: 700 13px/18px Roboto, Arial, Tahoma;
}

.info-desc {
    overflow: auto;
    padding: 10px 0;
}

.info-desc .f1 {
    width: 68%;
    float: left;
    font: 400 13px/18px Roboto, Arial, Tahoma;
    border-right: 1px dotted #ddd;
    padding-right: 1.8%;
}

.info-desc .f2 {
    width: 28%;
    float: right;
    font: 400 13px/18px Roboto, Arial, Tahoma;
    padding-left: 2%;
}

.f1 ul {
    margin: 10px 0 5px 0;
}

.f1 ul li {
    display: initial;
    margin-right: 20px;
}

.f1 ul li a {
    color: #BE1E2D;
    font: 400 11px Roboto, Arial, Tahoma;
}

.f2 p span:first-child {
    width: 52%;
    float: left;
}

.f1 ul li.vb {
    padding-left: 15px;
}

.f1 ul li.tt {
    padding-left: 15px;
}

.f1 ul li.dow {
    padding-left: 15px;
}

/*==========================*/
.lts-thutuc-home {
    overflow: auto;
    background: #FFF;
    border-radius: 7px 7px;
    box-shadow: 0 0 3px #666;
    padding: 20px;
}

.head-thutuc,
.head-thutuc a {
    font: 400 19px Roboto, Arial, Tahoma;
    text-transform: uppercase;
    text-align: center;
    color: #58595B;
    margin-bottom: 10px;
}

.line-home {
    border-bottom: 2px solid #ED1C24;
    width: 100px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}

.item-linhvuc {
    overflow: auto;
    float: left;
}

.item-linhvuc ul {
    margin-left: 25px
}

.item-linhvuc ul li {
    border: 1px solid #ddd;
    border-radius: 5px 5px;
    padding: 10px;
    height: 80px;
    margin: 0 10px 20px 10px;
    width: 28%;
    float: left;
}

.item-linhvuc ul li:hover .icon-item img {
    background: #BE1E2D;
}

.item-linhvuc ul li:hover a {
    color: #BE1E2D;
    font-weight: bold;
}

.item-linhvuc ul li a {
    color: #58595B;
    font: 400 15px/16px Roboto, Arial, Tahoma;
    text-transform: uppercase;
    display: block;
}

.item-linhvuc ul li .icon-item {
    width: 34%;
    float: left;
}

.item-linhvuc ul li .icon-item img {
    background: #FEBB13;
    border-radius: 50%;
    padding: 6px;
    width: 45px;
    height: 45px;
}

.item-linhvuc ul li .link-item {
    width: 65%;
    float: left;
}

/*=========================================*/
.item-linhvuc ul li .icon-dvc {
    width: 25%;
    float: left;
}

.item-linhvuc ul li .icon-dvc img {
    padding: 6px;
    height: 50px;
}

.item-linhvuc-right {
    background: #FFF;
    overflow: auto;
    padding: 15px;
    border-radius: 7px 7px;
    margin-bottom: 20px;
}

.item-linhvuc-right ul li {
    width: 100%;
    float: left;
    border-bottom: 1px dotted #ccc;
    padding: 5px 0;
}

.item-linhvuc-right ul li:hover .icon-item img,
.item-linhvuc-right ul li.active .icon-item img {
    background: #BE1E2D;
}

.item-linhvuc-right ul li:hover a,
.item-linhvuc-right ul li.active a {
    color: #BE1E2D;
    font-weight: bold;
}

.item-linhvuc-right ul li a {
    color: #58595B;
    font: 400 14px/18px Roboto, Arial, Tahoma;
    display: block;
    text-align: justify;
}

.item-linhvuc-right ul li .icon-item {
    width: 12%;
    float: left;
}

.item-linhvuc-right ul li .icon-dvc {
    width: 12%;
    float: left;
}

.item-linhvuc-right ul li .icon-item img {
    background: #FEBB13;
    border-radius: 50%;
    padding: 3px;
    width: 50%;
}

.item-linhvuc-right ul li .icon-dvc img {
    padding: 3px;
    width: 50%;
}

.item-linhvuc-right ul li .link-item {
    width: 88%;
    float: left;
}

.item-linhvuc-right ul li:last-child {
    border-bottom: none;
}

.back-link img {
    width: 100%;
}

/*=================================*/
.content-left {
    background: #FFF;
    border-radius: 7px 7px;
    padding: 20px;
    box-shadow: 0 1px 3px #999;
}

.ds-dvc {
    overflow: auto;
}

.head-dvc {
    text-transform: uppercase;
    font: 400 15px Roboto, Arial, Tahoma;
    margin: 10px 0;
}

table.tbDVC {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

table.tbDVC tr {
    background: #FFF;
    border: 1px solid #ddd;
    padding: .35em;
}

table.tbDVC th,
table.tbDVC td {
    padding: 7px 7px;
    text-align: center;
    font-size: 14px;
}

table.tbDVC th {
    font-size: 13px;
    color: #58595B;
    text-transform: uppercase;
}

table.tbDVC tr td:nth-child(2n) {
    text-align: left;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

table.tbDVC tr th:nth-child(2n) {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

table.tbDVC tr td a {
    color: #58595B;
    padding: 7px 0;
}

table.tbDVC tr:hover td:nth-child(2n) a {
    /*background: url('../images/nophoso.png') no-repeat right center; padding-right: 80px;*/
    color: #1B75BC;
}

@media screen and (max-width: 600px) {
    table.tbDVC {
        border: none !important;
        width: 100%;
    }

    table.tbDVC thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    table.tbDVC tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }

    table.tbDVC td {
        border: none !important;
        display: block;
        font-size: .8em;
        text-align: right;
    }

    table.tbDVC td:before {
        /*
 * aria-label has no advantage, it won't be read inside a table
 content: attr(aria-label);
 */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }

    table.tbDVC td:last-child {
        border-bottom: 0;
    }
}

.search-dvc {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 30px;
}

.search-dvc input {
    padding: 10px 10px;
    border-radius: 7px 7px;
    border: 1px solid #DDD;
    font-size: 13px;
    width: 54%;
    line-height: 20px;
}

.search-dvc select {
    padding: 10px 10px !important;
    border-radius: 7px 7px;
    border: 1px solid #DDD !important;
    font-size: 13px;
    width: 25%;
}

.search-dvc>div:first-child {
    margin-bottom: 10px;
}

.search-dvc select.sl-donvi {
    width: 42%;
}

.search-dvc select.sl-linhvuc,
.search-dvc select.sl-loaitt {
    width: 42%;
}

.btn-search-dvc {
    cursor: pointer;
    background: #BE1E2D;
    font: 700 13px/41px Roboto, Arial, Tahoma;
    padding: 0 19px;
    border: none;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 7px 7px;
}

.dvc-active {
    color: #BE1E2D;
    font-weight: bold;
}

.box-chitiet-dvc {
    border: 1px solid #DDD;
    position: relative;
}

table.tt-thutuc,
table.tt-bieumau {
    border: 1px solid #DDD;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 10px;
}

table.tt-thutuc tr td,
table.tt-bieumau tr td,
table.tt-bieumau tr th {
    border: 1px solid #DDD;
    padding: 7px 7px;
    font-size: 13px;
}

table.tt-thutuc tr td:first-child {
    width: 30%;
    font-weight: bold;
}

table.tt-bieumau tr th {
    font-weight: bold;
}

table.tt-bieumau tr th:first-child {
    width: 10%;
}

table.tt-thutuc td * {
    font-family: 'Roboto', Arial, Tahoma, Veranda !important;
    font-size: 13px !important;
    color: #58585b !important;
}

.print-back {
    margin: 20px 0;
}

.print-back a {
    color: #58595B;
    font: 400 13px/40px Roboto, Arial, Tahoma;
    margin-right: 20px;
    padding: 10px 0 10px 25px;
}

.i-print {
    background: url('../images/i-print.png') no-repeat left center;
}

.i-back {
    background: url('../images/i-back.png') no-repeat left center;
}

.i-download {
    background: url(../images/download.png) no-repeat left 4px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: bottom;
}

.btn-send {
    display: inline-block;
    padding: 5px 20px;
    background-color: #be1e2d;
    float: right;
    color: #fff !important;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 13px;
    position: absolute;
    top: 8px;
    right: 10px;
}

.btn-search-dvc:hover {
    background-color: #d23241 !important;
}

/*Bai viet gioi thieu TTHC*/
.ds-title {
    font-size: 20px;
    margin-top: 0px;
}

.hd-item {
    padding: 0 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
    display: inline-flex;
    width: 97%;
}

.ds-huongdan:last-child {
    margin-bottom: 10px;
    border-bottom: none;
}

.hd-title a {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    line-height: 22px;
}

.hd-description {
    font-size: 14px;
    text-align: justify;
    margin: 5px 0;
    line-height: 20px;
}

.hd-tthc {
    font-size: 12px;
    width: 100%;
    float: left;
}

.hd-tthc i {
    color: #be1e2d;
}

.hd-tthc a,
.hd-tthc a:visited {
    color: #333;
}

.bv-detail {
    padding: 10px;
    overflow: auto;
}

.bv-description {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: justify;
}

.bv-content {
    font-size: 14px;
    text-align: justify;
    margin-bottom: 10px;
}

.hd-image,
.hd-box {
    display: inline-block;
    float: left;
}

.hd-image img {
    width: 150px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.intro-tthc {
    float: right;
    width: 29.296875%;
    border-radius: 7px 7px;
}

.intro-tthc .title-gt {
    font: 700 16px/54px Roboto, Arial, Tahoma;
    text-align: center;
    text-transform: uppercase;
    border-radius: 7px;
}

.intro-tthc .title-gt a {
    color: #58595B;
}

.intro-tthc ul {
    padding: 10px;
    /* border-top: 2px solid #ED1C24; */
    border: 1px solid #ddd;
    border-radius: 7px;
}

.intro-tthc ul li {
    padding-left: 15px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
}

.intro-tthc ul li a {
    font: 400 14px/18px Roboto, Arial, Tahoma;
    color: #58595B;
    text-align: justify;
    display: block;
}

.intro-tthc ul li:last-child {
    border-bottom: none;
}

.intro-tthc ul li a:hover {
    color: #BE1E2D;
}

.header-menu-mobile {
    margin-top: 0;
}

/* 
           ##Device = Desktops
           ##Screen = 1281px to higher resolution desktops
         */
.menumobile {
    display: none;
    position: fixed;
    width: 100%;
    z-index: 1;
}

@media (min-width: 1281px) {}

/* 
           ##Device = Laptops, Desktops
           ##Screen = B/w 1025px to 1280px
         */

@media (min-width: 1025px) and (max-width: 1280px) {}



/* 
           ##Device = Tablets, Ipads (portrait)
           ##Screen = B/w 768px to 1024px
         */

@media (min-width: 768px) and (max-width: 1024px) {
    .header-menu-mobile {
        text-align: center;
    }

    header {
        position: fixed;
        width: 100%;
    }

    .header-site .header-menu {
        width: 38%;
    }

    .menumobile {
        display: block !important;
    }

    .full-left,
    .copyright .info {
        width: 100%;
    }

    .fullcontent {
        padding: 0 10px;
        padding-top: 79px;
    }

    .banner-left img {
        width: 100%;
    }

    .full-right,
    .sitemap {
        display: none;
    }

    #cssmenu>ul>li>a {
        padding: 0 16px !important;
    }

    .event {
        display: none;
    }

    .home-info {
        margin-top: 20px;
    }

    .item-linhvuc ul li {
        width: 40.7%;
    }

    .info .f1 {
        width: 50%;
    }

    .header-site {
        display: none;
    }

    .info .f2 {
        width: 36%;
        float: left;
    }
}


/* 
           ##Device = Low Resolution Tablets, Mobiles (Landscape)
           ##Screen = B/w 481px to 767px
         */

@media (min-width: 481px) and (max-width: 767px) {
    .header-menu-mobile {
        text-align: center;
    }

    .menumobile {
        display: block !important;
    }

    .menumobile {
        height: 75px;
    }

    .header-site .logo img {
        width: 50%;
    }

    .header-menu-mobile img {
        margin-top: 10px;
        width: 250px;
    }

    .full-left,
    .copyright .info,
    #featured .ui-tabs-panel {
        width: 100% !important;
    }

    .fullcontent,
    footer {
        padding: 0 10px;
    }

    .banner-left img {
        width: 100%;
    }

    .full-right,
    .sitemap,
    #cssmenu,
    #featured ul.ui-tabs-nav {
        display: none !important;
    }

    #cssmenu>ul>li>a {
        padding: 0 16px !important;
    }

    .event {
        display: none;
    }

    .home-info {
        margin-top: 20px;
    }

    #featured {
        min-height: 300px !important;
    }

    .head-cm ul li:nth-child(n + 2) {
        display: none !important;
    }

    .ltstop4 ul li {
        max-width: 47.72079772079772%;
        float: none !important;
        margin-bottom: 20px;
        display: -webkit-inline-box;
    }

    .ltstop2 .top2 {
        float: left;
        margin-bottom: 10px;
    }

    .lts-bovoicongdan ul {
        padding-left: 0;
    }

    .lts-bovoicongdan ul li {
        width: 45.89%;
    }

    .search-vb .select-search {
        width: 50%;
    }

    #featured .ui-tabs-panel img {
        width: 60% !important;
        height: auto;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .bottomfooter {
        padding-top: 185px;
    }

    .bottomfooter p:last-child {
        display: none;
    }

    .head-cm .xemthem {
        display: none;
    }

    .box-new-home .right img {
        display: none;
    }

    .left-listnew .new1n {
        border-left: none;
        padding-left: 14px;
    }

    .lts-new li:nth-child(n+6) {
        display: none;
    }

    .contentContainer .newsItem img {
        width: 170px;
    }

    .header-site {
        display: none;
    }

    .item-linhvuc {
        width: 100%;
    }

    .item-linhvuc ul li {
        width: 80.6%;
    }

    .intro-tthc {
        width: 100%;
    }
}

/* 
           ##Device = Most of the Smartphones Mobiles (Portrait)
           ##Screen = B/w 320px to 479px
         */

@media (min-width: 320px) and (max-width: 480px) {
    .header-menu-mobile {
        text-align: center;
    }

    .menumobile {
        display: block !important;
    }

    .menumobile {
        height: 75px;
        background: url(../images/bg-head.png) no-repeat center bottom;
    }

    .header-menu-mobile img {
        margin-top: 10px;
        width: 70%;
    }

    .header-site .logo img {
        width: 50%;
    }

    .full-left,
    .copyright .info,
    #featured .ui-tabs-panel {
        width: 100% !important;
    }

    .fullcontent {
        padding: 0;
    }

    footer {
        padding: 0 10px;
    }

    .banner-left img {
        width: 100%;
    }

    .full-right,
    .sitemap,
    #cssmenu,
    #featured ul.ui-tabs-nav {
        display: none !important;
    }

    #cssmenu>ul>li>a {
        padding: 0 16px !important;
    }

    .event,
    .cssmenu {
        display: none;
    }

    .home-info {
        margin-top: 20px;
    }

    #featured {
        min-height: 400px !important;
    }

    .head-cm ul li:nth-child(n + 2) {
        display: none !important;
    }

    .ltstop4 ul li {
        max-width: 100%;
        float: none !important;
        margin-bottom: 20px;
        display: -webkit-inline-box;
    }

    .ltstop2 .top2 {
        max-width: 100%;
        float: left;
        margin-bottom: 10px;
    }

    .ltstop2 .top2 a img {
        width: 40%;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .ltstop2 .top2 .info a {
        padding: 0;
    }

    .lts-bovoicongdan ul li {
        width: 100%;
        margin: 0;
        border: none;
        padding-right: 0;
    }

    .lts-bovoicongdan ul {
        padding-left: 0;
    }

    .item-linhvuc ul {
        margin-left: 0px
    }

    .menu-footer {
        padding-top: 10px;
    }

    .bottomfooter {
        padding-top: 185px;
    }

    .bottomfooter p:last-child {
        display: none;
    }

    .head-cm .xemthem {
        display: none;
    }

    .box-new-home .right img {
        display: none;
    }

    .left-listnew .new1n {
        border-left: none;
        padding-left: 14px;
    }

    .lts-new li:nth-child(n+6) {
        display: none;
    }

    .contentContainer .newsItem img {
        width: 130px;
    }

    .otherListNews ul,
    .dongsukien ul {
        margin-left: 17px;
    }

    .detail img {
        width: 80%;
    }

    .box-dieuhuong li:last-child {
        display: none;
    }

    .header-site {
        display: none;
    }

    header {
        background: none;
        height: 75px;
    }

    .input-search input {
        width: 100%;
    }

    .box-search,
    .topfooter {
        display: none;
    }

    .lts-thutuc-home {
        margin-top: 50px;
        padding: 10px;
    }

    .item-linhvuc,
    .intro-tthc {
        width: 100%;
    }

    .item-linhvuc ul li {
        width: calc(100% - 40px);
    }

    .item-linhvuc ul li .icon-item {
        width: 25%;
    }

    .item-linhvuc ul li a {
        font: 400 15px/20px Roboto, Arial, Tahoma;
    }

    .info .f1,
    .info .f2 {
        width: calc(100% - 20px);
        padding: 0 10px;
    }

    .item-linhvuc ul li .link-item {
        width: 73%;
    }

    .tab-page {
        padding: 0 !important;
    }

    table.tbDVC tr td a {
        color: #0072c6;
        padding: 7px 0;
        font-size: 14px;
        padding-left: 10px;
    }

    .bv-detail img {
        max-width: 300px !important;
    }

    .hd-item {
        width: calc(100% - 20px)
    }

    .content-left {
        padding: 10px;
    }

    button.nophoso {
        float: right;
    }

    button.nophoso a {
        color: #FFF;
        font-weight: bold;
    }

    .copyright .info {
        background: none;
    }
}

/*******************tab trang danh sach********************/
.tab-page { display: none; padding: 20px; }
.active-page { display: block; }
.outer-wrap { width: 100%; max-width: 500px; margin: 0 auto; }
.clear-float { clear: both; }
ul.simple-tabs { width: 100%; max-width: 500px; margin: 0; padding: 0; margin-bottom: -1px; overflow: auto; margin-top: 20px;}
    ul.simple-tabs li { border-bottom: none; border: 1px solid #ddd; color: #FFF; border-radius: 7px 7px 0 0; background: #939598; float: left; padding: 5px 30px; list-style-type: none; text-align: center;}
        ul.simple-tabs li:hover,
        ul.simple-tabs li.active { border-bottom: 1px solid #FFF !important; font-weight: bold; border: 1px solid #ddd; background: #FFF url('../images/bg-tabs.png') repeat-x center top; color: #ED1C24; }
.tab-page { max-width: 100%; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; border-radius: 0 7px 7px 7px; }
.ninety-percent-pad { width: 90%; margin: 25px auto; }

/**********tab trang chi tiet**********/

.tab-page-ct { display: none; }
.active-page { display: block; }
.outer-wrap-ct { width: 100%; max-width: 500px; margin: 0 auto; }
.clear-float-ct { clear: both; }
ul.simple-tabs-ct { padding: 5px 1% 0 1%; background: #FFF url('../images/bg-lts-vanban.png')repeat-x center bottom; width: 98%; margin: 0; margin-bottom: -1px; overflow: auto; }
    ul.simple-tabs-ct li { border-top: 2px solid #FFF; font-size: 13px; border-bottom: none; color: #58595B; text-transform: uppercase; float: left; padding: 0 15px; list-style-type: none; text-align: center; line-height: 30px; cursor: pointer;}
        ul.simple-tabs-ct li.active { font-weight: bold; background: #FFF; border-right: 1px solid #DDD; border-left: 1px solid #DDD; color: #1B75BC; border-top: 2px solid #BE1E2D; }
.tab-page-ct { max-width: 100%; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 400px; }
.ninety-percent-pad { width: 90%; margin: 25px auto; }