.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1400px;
}

/*---FULL header footer----*/

.wd-section-menu-footer > .container,
.wd-section-header > .container,
.wd-section-menu > .container,
.wd-section-footer > .container {
    max-width: 100% !important;
}

.wd-section-menu-footer .Menu-2,
.wd-section-menu .Menu-1,
.wd-section-header .Header-1,
.wd-section-footer .Footer-1 {
    padding: 0px;
}

.wd-section-footer > .container  {
    max-width: 1440px !important;
}

.wd-section-menutop {
    border-bottom: none;
    overflow: hidden;
}

.wd-section-menutop .nav-items-line {
    border-bottom: none;
}

.Header-2 .col-md-4 {
    padding-left: 0px;
}

.Header-2 .col-md-8 {
    padding-right: 0px;
}

.wd-section-header .Header-2 {
    padding-top: 8px;
    padding-bottom: 8px;
}

/*---END FULL header footer----*/

/*---Customer bg footer----*/

.ft-bt-header-body-bg-img {
    background: unset;    
}

.wd-section-menu-footer .nav-top {
    border-bottom: 2px solid #7e071e;
}

.wd-section-menu-footer .Menu-2 .nav-item {
    list-style: none;
}

.wd-section-menu-footer .Menu-2 .nav-item a {
    color: #fff;
}

.Header-2 .banner-container {
    height: 100%;
    display: flex;
}
.Header-2 .header_banner.fixfull .banner-title {
    position: relative;
    padding: 0px;
}
.Header-2 .header_banner .banner-container img {
    width: 100%;
}

.TinTuc-13 .cstab-button li {
    display: table-cell;
    width: inherit;
    max-width: 30%;
}

.wd-section-245219025238 {
    background: #c7b2b614;
    padding: 8px 0px;
}

.wd-section-245219025238 .tabs-list-items .card {
    background-color: transparent !important;
}

.Marquee-0 .nav-marquee {
    border: none;
    margin-bottom: 0px;
    padding-bottom: 5px;
}

.layout-wd-5 .title_catparent h4 > a::before,
.layout-wd-5 .VanBan-2 h4 > a::before,
.layout-wd-5 .VanBan-1 h4 > a::before,
.layout-wd-5 .title-category > a::before {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 100%;
}
.nav-item:first-child a.nav-link i {
    font-size: inherit;
}

.icon-social a {
    background: #88011b;
    box-shadow: 2px 1px 4px #dd9ca98c;
    border: 1px solid #ff000042;
}
.gallery_col_50 .gallery-thumb-item,
.video_col_50 .gallery-thumb-item {
    width: 50%;
}

.gallery_col_50 .album-Image .gallery-thumb-item a::after,
.video_col_50 .album-Videos .gallery-thumb-item a::after {
    font-size: 30px;
    right: 10px !important;
    top: 15px !important;
    left: inherit;
    bottom: inherit;
    background: #a3a3a3d1 !important;
    border-radius: 50%;
}

.navbar-desktop-banner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}

.Menu-3 ul {
    margin-bottom: 0;
}

.Menu-3 {
    margin-bottom: 12px;
}

.toggle-right > a::after {
    top: 50%;
    transform: translateY(-50%);
}

a:hover {
    color:#0053B2
}

.TinTuc-17 .card-title:hover {
    color: #0053B2;
}

.MaNhung-0 .title-category + div.row {
    text-align: center;
}

.pr-0 .title-category a {
    padding-right: 0;
}

.date-weather-nav .txt-date,
.date-weather-nav .txt-weather {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.date-weather-nav .txt-date img{
    margin-right: 4px;
}

.ft-bt-left,
.ft-left,
.ft-right {
    z-index: 1;
    padding: 0;
}

.ft-bt-left p {
    margin-bottom: 8px !important;
}

.line-clamp-2 {
    max-height: unset !important;
}

.widget-title-name {
    text-transform: none;
    font-size: 20px;
    line-height: 1.4;
}

.right-adver-portal img {
    padding: 0;
}

.tabs-list-items a.card-title {
    color: #212526;
    font-weight: bold;
    font-size: 16px;
    -webkit-line-clamp: 3;
    text-align: left;
}

.TinTuc-1 a:hover,
.TinTuc-17 .tabs-list-items .items:hover .card-title {
    color: #0053B2;
}

#body-150 .tab-widget-17 .cstab-button li.is-active a, 
#body-150 .tab-widget-18 .cstab-button li.is-active a, 
#body-150 .tab-widget-17 .cstab-button li.is-active a, 
#body-150 .tab-widget-18 .cstab-button li.is-active a {
    color: #0053B2 !important;
}

.wd-section-menu .form-search-header .txt-form-search {
    background: #fff !important;
    color: #000 !important;
    height: 100%;
}

.wd-section-menu .form-search-header .txt-form-search::placeholder {
    color: #ccc;
}
.wd-section-menu-body.sticky, .wd-section-menu.sticky {
    box-shadow: unset !important;
}
.navbar-desktop .form-search-header {
    cursor: pointer;
    position: relative;
}

.navbar-desktop .form-search-header:hover .box-search-nav {
    display: block !important;
}

.form-control:focus {
    box-shadow: none;
}

.box-search-nav {
    width: 220px;
}

.wd-section-menutop {
    padding: 10px 0;
}

.btn-login-sign-in-users {
    margin-top: 0;
    margin-bottom: 0;
}

.navbar-desktop .box-search-nav {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
}

.layout-gray .Menu-1 .nav-top .navbar-nav .nav-link {
    border-bottom: none !important;
    padding: 12px 10px;
    font-size: 14px !important;
    position: relative;
    line-height: 22px;
}

.layout-gray .Menu-1 .nav-top .navbar-nav > li .nav-link,
.layout-gray .Menu-1 .nav-top .navbar-nav > .nav-link {
    padding: 14px 16px;
}

.layout-gray .Menu-1 .nav-item:first-child .nav-link {
    padding: 12px 16px;
}

.layout-gray .Menu-1 .navbar-nav > .nav-item a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 0px;
    background-color: transparent;
    border: none;
}

.layout-gray .Menu-1 .navbar-nav > .nav-item:hover > a:before {
    background-color: #fff;
}

.Menu-1 .navbar-nav > li > a.nav-link.active {
    background-color: #0053B2;
}

.layout-gray .nav-top .navbar .dropdown-menu {
    background-color: #fff !important;
    border: none !important;
    border-radius: 8px;
    top: 100%;
    left: 0;
    min-width: 300px;
}

.layout-gray .nav-top .navbar .dropdown-menu::after {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 4px;
}

.layout-gray .nav-top .navbar .dropdown-menu li:not(:first-child) {
   border-top: 1px solid #f2f2f2 !important;
}

.layout-gray .nav-top .navbar .dropdown-menu li:first-child a {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.layout-gray .nav-top .navbar .dropdown-menu li:last-child a {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.layout-gray .nav-top .navbar .dropdown-menu li a:hover {
    background-color: #F2F2F2 !important;
}

.layout-gray .nav-top .navbar .dropdown-menu a.dropdown-item {
   border-bottom: none !important;
   color: #000 !important;
   padding: 14px 16px;
   font-size: 14px;
   text-wrap-mode: wrap;
}

.title-category:after {
    background-color: unset !important;
}

.nav-top .navbar-nav .nav-link {
    text-transform: inherit;
}

.LienKet-4 .row {
    align-items: center;
}


.header_banner.fixfull .banner-title {
    margin: 0px -14px;
    column-gap: 12px;
    padding: 0;
}

.sidebar-left .LienKet-1 {
    margin-bottom: 16px;
}

.sidebar-left .LienKet-1:nth-last-of-type(1) {
    margin-bottom: 0;
}

.sidebar-left .TinTuc-10 .card-items {
    padding: 18px 0;
    margin-bottom: 0 !important;
    border-color: #f2f2f2;
}

.sidebar-left .TinTuc-10 .card-items:first-of-type {
    padding-top: 0;
}

.sidebar-left .TinTuc-10 .card-items:last-of-type {
    padding-bottom: 0;
}

.sidebar-left .TinTuc-10 .card-title {
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
}

.noti-home .TinTuc-10 .card-title:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url('https://stic.hue.gov.vn/medias/icon-notification-MjM0fFRUVERU0.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.TinTuc-10 .title-category {
    margin-bottom: 24px;
}

.sidebar-left .card-title a {
    color: #657176;
}

.sidebar-left .card-title .line-clamp-2:hover a {
    color: #0053B2;
}

.sidebar-left .card-title .line-clamp-2 {
    margin-bottom: 0 !important;
    font-size: 16px;
}

.TinTuc-10 {
    margin-top: 8px;
    margin-bottom: 0;
}

.layout-wd-5 .title-category > a::before {
    border-bottom: none;
}

.TinTuc-1.news .row .col-md-7 {
    padding-right: 16px;
}

.TinTuc-1.news .row .col-md-5 {
    padding-left: 16px;
    padding-right: 8px;
}

.TinTuc-1.news .card-items {
    margin: 0;
    padding: 20px 0
}

.TinTuc-1.news .card-items:first-of-type {
    padding-top: 0;
}

.TinTuc-1.news .card-items:last-of-type {
    padding-bottom: 0;
}

.TinTuc-1.news .card-items .col-md-5 {
    width: 35%;
}

.TinTuc-1.news .card-items .col-md-5 .article-thumbnail {
    aspect-ratio: 8 / 5;
}

.TinTuc-1.news .card-items .col-md-7 {
    width: 65%;
}

.TinTuc-1.news .title-category {
    display: none;
}

.TinTuc-1.news-other .top-news-content .card-items {
    padding: 20px 0;
    border-color: #f2f2f2;
}

.TinTuc-1.news-other .top-news-content .card-items:first-of-type {
    padding-top: 0;
}

.TinTuc-1.news-other .top-news-content .card-items:last-of-type {
    padding-bottom: 0;
}

.TinTuc-1.news-other .article-thumbnail {
    aspect-ratio: 8 / 5;
}

.TinTuc-1 .top-news-content .card-news h4 {
    margin: 16px 0 !important;
    text-align: left;
}

.TinTuc-1.news .top-news-content .card-news h4,
.TinTuc-1.news .top-news-content .card-news h4 a {
    color: #0053b2;
    font-size: 24px;
    line-height: 1.3;
    text-align: left;
}

.TinTuc-1 .wd-home-news .desc {
    color: #657176;
}

.TinTuc-1 .card-items a {
    font-weight: bold;
    font-size: 16px;
    text-align: left;
}

.TinTuc-1.news {
    margin-bottom: 48px;
}

.TinTuc-1 {
    margin-bottom: 0;
    margin-top: 0;
}

.sidebar-content {
    padding-right: 24px;
}

.TinTuc-1.news {
    margin-top: 0;
}

.TinTuc-1.news-other .top-news-content {
    position: relative;
    padding-top: 38px !important;
    margin: 0;
}

.TinTuc-1.news-other .title-category {
    position: absolute;
    top: 0;
    left: 0;
}

.TinTuc-1.news .desc.line-clamp-4 {
    -webkit-line-clamp: 3;
    margin: 0 !important;
    font-size: 16px;
    text-align: left;
}

.TinTuc-1.news-other .desc.line-clamp-4 {
    font-size: 16px;
    -webkit-line-clamp: 2;
    margin: 0 !important;
    text-align: left;
}

.TinTuc-1.news-other .card-items {
    margin: 0;
    padding: 17px 0px;
    border-color: #f2f2f2;
}

.TinTuc-1 .card-items:last-child {
    padding-bottom: 0;
}

.TinTuc-1.news-other .col-md-12 > .row > .col-md-7 {
    padding-right: 24px;
    border-right: 1px solid #f2f2f2;
    width: 50%;
    margin-top: 60px;
}

.TinTuc-1.news-other .col-md-12 > .row > .col-md-5 {
    padding-left: 24px;
    width: 50%;
    padding-right: 24px;
    margin-top: 60px;
}

.sidebar-left .LienKet-1 .right-adver-portal img {
    padding-bottom: 0;
    /* height: 88px; */
    object-fit: cover;
    border-radius: 8px;
}

.sidebar-content .LienKet-1 img {
    padding-bottom: 0;
    border-radius: 8px;
}

.TinTuc-17 section {
    padding-top: 48px;
    padding-bottom: 48px;
    border-bottom: 1px solid #e5e5e5;
}

.TinTuc-17 .title-category a span {
    background-color: #fff !important;
    color: #000 !important;
    padding-left: 0;
    padding-bottom: 10px;
}

.TinTuc-17 .title-category a::before {
    width: 95px !important;
}

.TinTuc-17 .title-category {
    margin-bottom: 20px !important;
}

.TinTuc-17 .cstab-button li a {
    font-weight: 700;
}

.TinTuc-17 .cstab-button li a::after {
    rotate: 20deg;
    color: #657176;
    width: 0;
    height: 50%;
    border-width: 2px;
}

.TinTuc-17 .col-md-12 > .row > .col-md-5 {
    width: 50%;
    padding-right: 24px;
    border-right: 1px solid #f2f2f2;
}

.TinTuc-17 .col-md-12 > .row > .col-md-7 {
    width: 50%;
    padding-left: 24px;
}

.tab-widget-17 .cstab-button {
    bottom: 50%;
    transform: translateY(50%);
}

.TinTuc-17 .tabs-list-items .items .col-md-2 {
    width: 41.66666667%;
    padding-right: 18px;
}

.TinTuc-17 .tabs-list-items .items .col-md-10 {
    width: 58.33333333%;
}

.TinTuc-17 .tabs-list-items .items {
    padding: 20px 0;
    border-bottom: 1px solid #f2f2f2;
}

.TinTuc-17 .tabs-list-items .items:first-child {
    padding-top: 0;
}

.TinTuc-17 .tabs-list-items .items:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.TinTuc-17 .tabs-list-items .items .card {
    margin-bottom: 0 !important;
}

.TinTuc-17 .card-body {
    padding-bottom: 0;
}

.TinTuc-17 .card-body h5 a {
    font-weight: bold;
    padding-top: 6px !important;
    margin-bottom: 16px !important;
}

.TinTuc-17 .card-body .line-clamp-3 {
    -webkit-line-clamp: 2;
    margin-bottom: 0 !important;
    font-size: 16px;
    color: #657176;
    text-align: left;
}


.VanBan-2 .wd-box-document {
    margin-top: 0 !important;
    padding-bottom: 48px;

}

.VanBan-2 h4 {
    margin-bottom: 20px;
}

.VanBan-2 h4 a {
    padding-top: 0px;
    padding-bottom: 10px;
}

.LienKet-5 {
    padding: 45px 0 !important;
    margin: 20px 0 !important;
    position: relative;
    z-index: 2;
}

.LienKet-5 .owl-dots {
    display: none;
}

.LienKet-5 .btn-showmore {
    position: absolute;
    content: '';
    right: 5px;
    bottom: 0;
}

.LienKet-5 .btn-showmore a {
    border: 0;
    color: #ffde38;    
}

.LienKet-5 .adv-items {
    padding-bottom: 5px;
    position: relative;
}

.LienKet-5 .wd-full-danhmuccon {
    padding: 0 !important;
    margin: 0 !important;
}
.LienKet-5 .title-category {
    margin-bottom: 27px;
}

.wd-content-item-3
    .LienKet-5
    .list-items-category
    .adv-items
    .item-link
    .adv-item-link-title {
    color: #000;
    font-size: inherit;
    padding: 16px 12px;
    text-shadow: none;
}

.LienKet-5 .list-items-category .adv-items .item-link {
    position: absolute;
    display: block;
    bottom: 0;
    top: unset;
    height: auto;
}

.wd-content-item-3
    .LienKet-5
    .list-items-category
    .adv-items
    .item-link::after {
    display: none;
}

.LienKet-1.code-qr {
    padding-bottom: 0;
}

.LienKet-3 {
    margin-top: 48px;
    margin-bottom: 40px;
}

.LienKet-3 .title-category {
    margin-bottom: 20px !important;
}

.LienKet-3 .accordion-item {
    border: none;
    margin-bottom: 32px;
}

.LienKet-3 .accordion-item:last-of-type {
    margin-bottom: 0;
}

.LienKet-3 .accordion-header {
    margin-bottom: 16px;
}

.LienKet-3 .accordion-header .accordion-button {
    font-size: 16px;
    line-height: 1.5;
    color: #000 !important;
    font-weight: 700;
    padding: 0 !important;
    box-shadow: none;
    gap: 10px;
    align-items: baseline;
}

.LienKet-3 .accordion-body {
    padding: 0 !important;
}

.LienKet-3 .accordion-body a {
    padding: 0 !important;
    margin-bottom: 16px;
}

.LienKet-3 .accordion-body a:last-of-type {
    margin-bottom: 0;
}



.Menu-3 {
    margin-bottom: 0;
}

.Menu-3 .mainsubnav ul,
.Menu-3 .mainsubnav ul li {
    border: none;
}

.Menu-3 .mainsubnav ul li a {
    padding: 8px 0;
    font-weight: bold;
    margin: 8px 0;
    font-size: 16px;
}

.Menu-3 .title-category {
    margin-bottom: 20px !important;
}

.VanBan-2 .wd-box-document h4 > a:after {
    background-color: unset;
}

.VanBan-2 .list-item-doc .col {
    padding: 12px 8px;
}

.VanBan-2 .list-item-doc .items {
    background: #fafcff;
    border: none;
}

.VanBan-2 .title-symbol p:first-child {
    color: #000;
}

.VanBan-2 .list-file-doc {
    width: max-content;
    color: #0177ff;
}

.VanBan-2 .list-file-doc a i {
    color: #0177ff;
}

.VanBan-2 .title-symbol {
    align-items: flex-start;
    justify-content: normal;
    padding: 12px 16px 12px 28px !important;
    border: none;
}

.layout-wd-5 .VanBan-2 h4 > a::before {
    border: none;
}

.layout-wd-5 .title-category > a {
    padding: 0 0 10px 0;
}

.navbar-nav {
    /* gap: 15px; */
}

.tab-contents {
    border: none;
    padding: 0;
}

.Album-2 {
    margin: 0px;
    margin-top: 48px;
}

.Album-2 .title-category {
    padding-top: 20px !important;
    margin-bottom: 20px;
}

.Album-2 .wd-album-Image,
.Album-2 .wd-album-Videos {
    padding: 0 24px;
    padding-bottom: 70px;
    border-bottom: 1px solid #e5e5e5;
    background: linear-gradient(
        180deg,
        #f0f7ff 0%,
        rgba(245, 250, 255, 0) 100%
    );
}

.Album-2 .col-md-8 {
    width: 50%;
    padding-right: 24px;
    border-right: 1px solid #f2f2f2;
}

.Album-2 .col-md-4 {
    width: 50%;
    padding-left: 24px;
}

.Album-2 .customer-slider-gallery {
    row-gap: 10px;
    column-gap: 10px;
}

.Album-2 .customer-slider-gallery .owl-thumb-item {
    width: calc(50% - 5px);
}

.Album-2 .customer-slider-gallery .owl-thumb-item img {
    border: none;
    padding: 0;
}

.wd-content-item-6 .LienKet-5 .title-category {
    margin-bottom: 20px;
}

.wd-content-item-6 .LienKet-5 .adv-items {
    position: relative;
    padding: 30px 80px;
    border-radius: 8px 8px 0px 0px;
    border-top: 1px solid #F2F2F2;
    border-left: 1px solid #F2F2F2;
    border-right: 1px solid #F2F2F2;
}

.wd-content-item-6 .LienKet-5 .owl-item {
    padding-bottom: 60px;
}

.wd-content-item-6 .LienKet-5 .list-items-category .adv-items .item-link {
    justify-items: center;
    position: static;
}

.wd-content-item-6 .LienKet-5 .list-items-category .adv-items .item-link::after {
    display: none;
}

.wd-content-item-6 .LienKet-5 .list-items-category .adv-items .item-link .adv-item-link-title {
    text-shadow: none;
    position: absolute;
    font-size: 14px;
    color: #000;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    width: 100%;
    background: linear-gradient(180deg, #F0F7FF 0%, rgba(245, 250, 255, 0.00) 100%);
}

.wd-content-item-6 .wd-full-danhmuccon {
    margin: 0 !important;
    padding: 48px 0 !important;
    border-bottom: 1px solid #e5e5e5;
}

.wd-content-item-7 .LienKet-2 {
    margin-top: 48px;
    margin-bottom: 80px;
}

.wd-content-item-7 .LienKet-2 .title-category {
    margin-bottom: 20px;
}

.wd-content-item-7 .LienKet-2 .right-adver-portal {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 20px;
}

/* .wd-content-item-7 .LienKet-2 .right-adver-portal .col-md-12 { */
    /* width: calc(33% - 16px); */
/* } */

.wd-content-item-7 .LienKet-2 .right-adver-portal {
    display: grid !important;
    grid-gap: 10px !important;
    grid-template-columns: repeat(4, 1fr);
}
.ft-bt-bottom .col-md-12 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.layout-gray .ft-bottom .icon-social a {
    background-color: #ffffff;
    border: none;
    color: #0379FF !important;
    margin: 0;
    \: 2px 2px 4px 0px #ffffff;
}

.layout-gray .ft-bottom .icon-social a[title="Facebook"] {
   border-radius: 4px;
}

.layout-gray .ft-bottom .icon-social a[title="Youtube"] {
    border-radius: 4px;
    color: red !important;
}

.layout-gray .ft-bottom .icon-social a[title="Zalo"] {
    border-radius: 4px;
    background-color: #0177ff;
    box-shadow: none;
    border: 1px solid #fff;
}

.layout-gray .ft-bottom .social-left {
    display: flex;
    column-gap: 20px;
    width: 100%;
}

.icon-social a:hover i {
    color: inherit;
}

.ft-bt-right {
    width: auto;
    padding-right: 60px;
    padding-top: 60px;
}

.wd-section-footer {
    background-color: #0177ff;
}

.wd-section-footer > .container {
    position: relative;
}

.wd-section-footer .ft-bt-bottom > .container {
    padding: 0;
}

.tin-nhiem-mang {
    width: auto;
    position: absolute;
    right: 0;
    bottom: 45px;
    z-index: 10;
    padding-bottom: 20px;
}

.tin-nhiem-mang a {
    display: block;
    text-align: right;
}

.tin-nhiem-mang img {
    width: 75%;
    object-fit: cover;
}

.ft-bottom .ft-bt-left p {
    position: relative;
    padding-left: 24px;
}

.ft-bottom .ft-bt-left p:nth-of-type(1):before {
    content: "\f3c5";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
}

.ft-bottom .ft-bt-left p:nth-of-type(2):before {
    content: "\f2a0";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
}

.ft-bottom .ft-bt-left p:nth-of-type(3):before {
    content: "\f0e0";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
}

.ft-bottom .ft-bt-left p:nth-of-type(4):before {
    content: "\f0ac";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
}

.ft-bottom .ft-bt-left p:nth-of-type(5):before {
    content: "\f2bd";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
}

.ft-bottom .ft-bt-left p:before {
    left: 0px;
    top: 0px;
}

.wd-section-footer .ft-bt-header-body .row {
    justify-content: space-between;
}

.layout-gray .ft-bt-left h4 {
    font-size: 25px;
    line-height: 1.5;
    padding: 10px 120px;
    margin-bottom: 20px;
}

.wd-section-footer .logo-footer {
    position: absolute;
    width: auto;
    z-index: 11;
    top: 24px;
    left: 0;
    padding-left: 12px;
}

.contents-page [class*="NoiDung"] {
    margin-top: 0;
    padding-right: 32px;
    position: relative;
}

.contents-page [class*="NoiDung"] .title_catparent h4 > a::before {
    border-bottom: none;
}

.contents-page .TinTuc-10 {
    padding-left: 32px;
}


.contents-page .TinTuc-10 .title-category {
    margin-bottom: 20px;
}

.contents-page .TinTuc-10 .card-items {
    margin: 0;
}

.contents-page .TinTuc-10 .card-items {
    padding: 16px 0px 16px 32px;
    position: relative;
}

.contents-page .TinTuc-10 .card-items .card-title,
.contents-page .TinTuc-10 .card-items .line-clamp-2 {
    margin: 0 !important;
    -webkit-line-clamp: 3;
}

.contents-page .TinTuc-10 .card-items:first-of-type {
    margin-top: -16px;
}

.contents-page .TinTuc-10 .card-items:last-of-type {
    margin-bottom: -16px;
}

.contents-page .TinTuc-10 .card-items a {
    font-weight: 700;
    font-size: 16px;
}

.contents-page h5 {
    font-size: 28px;
    color: #0A59AB;
}

.contents-page .date-post {
    color: #606060;
}

.contents-page .content-meta-desc {
    font-size: 18px;
    line-height: 1.5;
}

.contents-page .content-meta-content > * {
    color: #101010;
}


.contents-page [class*="NoiDung"] .date-post + div > div {
    display: flex;
    row-gap: 8px;
    align-items: center;
    padding: 8px;
}

.contents-page .wrapper-6680 {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.contents-page .wrapper-6680 .card {
    flex: 1 0 100%;
    border: none;
    padding: 24px 0;
    border-bottom: 1px solid #f2f2f2;
    margin-top: 0 !important
}

.contents-page .wrapper-6680 .card .article-thumbnail {
    flex-basis: 30%;
}

.contents-page .wrapper-6680 .card .card-body {
    flex-basis: 70%
}

.contents-page .wrapper-6680 .card a {
    display: flex;
}

.contents-page .wrapper-6680 .card .card-body .title {
    font-size: 16px;
    font-weight: 700;
}

.contents-page .TinTuc-10 .list-items-small {
    counter-reset: list-number;
}

.contents-page .TinTuc-10 .list-items-small .card-items::before {
    position: absolute;
    counter-increment: list-number;
    content: counter(list-number);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #657176;
    font-size: 28px;
    font-weight: bold;
}

.layout-wd-5 .catparent_module .title_catparent h4 a {
    font-size: 20px !important;
    padding: 0 !important;
}

.layout-wd-5 .form-search-header .txt-form-search {
    color: #000 !important;
}

#wd-content-19 {
    margin-bottom: 15px;
    padding: 0;
    background: url('https://stic.hue.gov.vn/medias/background-MjYwfFRUVERU0.png') 50% 65% / cover no-repeat;
    position: relative;
}

#wd-content-19:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #002550;
    opacity: .8;
}

#wd-content-19 .LienKet-1 {
    z-index: 1;
}

#wd-content-19 .LienKet-1 .right-adver-portal img{
    height: 140px;
    object-fit: cover;
    border-radius: 8px;
}

.LienKet-4 .right-adver-portal a img {
    margin: 0px 5px 0 0;
}

.contents-page .LienKet-1 {
    margin-bottom: 16px;
}


.contents-page .page-content {
    position: relative;
}

@media only screen and (max-device-width: 480px) {
    .wd-section-menutop {
        padding: 0;
        border-bottom: none;
    }
    
    .navbar-pull-right button {
        background: transparent !important;
    }

    .navbar-nav {
        gap: 0;
    }

    .navbar-pull-right,
    .form-search-header,
    .box-search-nav {
        flex: 1;
    }

    .form-search-header input {
        height: 100%;
    }

    .navbar-pull-right {
        margin-left: 5px;
    }

    .navbar-toggler {
        padding: 4px 6px;
    }

    .body-template-1 .box-search-nav {
        margin-right: 5px;
    }

    .wd-section-menu-body.sticky,
    .wd-section-menu.sticky {
        z-index: 1000;
    }

    .TinTuc-1.news-other .col-md-12 > .row > .col-md-7,
    .TinTuc-17 .col-md-12 > .row > .col-md-7,
    .TinTuc-1.news .row .col-md-5,
    .TinTuc-1 .col-md-12 > .row > .col-md-5,
    .contents-page .TinTuc-10 {
        padding-left: 12px;
    }

    .TinTuc-1.news-other .col-md-12 > .row > .col-md-7,
    .TinTuc-17 .col-md-12 > .row > .col-md-7, 
    .TinTuc-1.news .row .col-md-7 {
        padding-right: 12px;
    }

    .TinTuc-1 .col-md-12 > .row > .col-md-7 {
        padding-right: 12px;
        border-right: none;
        margin-bottom: 20px;
    }

    .TinTuc-1.news-other .col-md-12 > .row > .col-md-7,
    .TinTuc-17 .col-md-12 > .row > .col-md-7,
    .TinTuc-1.news-other .col-md-12 > .row > .col-md-5,
    .TinTuc-17 .col-md-12 > .row > .col-md-5 {
        width: 100%;
    }

    .TinTuc-17 .col-md-12 > .row > .col-md-5 {
        margin-bottom: 20px;
    }

    .sidebar-content {
        padding-right: 12px !important;
    }

    .TinTuc-1.news .top-news-content .card-news h4, 
    .TinTuc-1.news .top-news-content .card-news h4 a {
        font-size: 20px;
    }

    .TinTuc-17 .card-body h5 a,
    .contents-page .wrapper-6680 .card .card-body .title,
    .TinTuc-1.news-other .top-news-content .card-news h4 a{
        font-size: 16px !important;
        line-height: 24px;
        display: block;
        padding: 0 !important;
    }
    
    .tabs-list-items a.card-title,
    .contents-page .TinTuc-10 .card-items a,
    .TinTuc-1 .card-items a,
    .TinTuc-1.news .desc.line-clamp-4,
    .TinTuc-1.news-other .desc.line-clamp-4,
    .TinTuc-17 .card-body .line-clamp-3,
    .sidebar-left .card-title .line-clamp-2 {
        font-size: 14px;
        line-height: 22px;
    }

    .TinTuc-1 .top-news-content .card-news h4 {
        margin: 12px 0 !important;
    }

    .VanBan-2 .title-symbol,
    .VanBan-2 .list-item-doc .col {
        padding: 12px !important;
    }

    .VanBan-2 .list-item-doc .items,
    .contents-page [class*="NoiDung"],
    .TinTuc-1.news-other .col-md-12 > .row > .col-md-5 {
        padding: 0 12px;
    }

    .Album-2 .row {
        row-gap: 20px;
    }

    .Album-2 .wd-album-Image, 
    .Album-2 .wd-album-Videos {
        padding: 0 12px 48px 12px;
    }

    .Album-2 .col-md-8,
    .Album-2 .col-md-4 {
        padding: 0 12px;
        width: 100%;
    }

    .LienKet-1.code-qr .right-adver-portal {
        display: block !important;
        width: 80%;
        margin: 0 auto;
    }

    .chuyen-trang .right-adver-portal {
        display: flex !important;
    }

    .chuyen-trang .right-adver-portal .col-md-12 {
        width: 100% !important;
    }

    .layout-gray .ft-bt-left h4 {
        padding-right: 0;
        font-size: 18px;
        margin-bottom: 24px;
    }

    .ft-bt-right {
        padding-top: 0;
    }

    .right-adver-portal {
        display: block !important;
    }

    #wd-content-5 .LienKet-1 .right-adver-portal img {
        height: auto;
    }

    .wd-section-footer .logo-footer {
        top: 12px;
    }

    .tin-nhiem-mang {
        bottom: 110px;
    }

    .ft-bt-bottom .col-md-12 {
        flex-direction: column;
    }

    .sidebar-left {
        margin-top: 16px;
    }
    
    .contents-page [class*="NoiDung"] .date-post + div {
        position: static;
        display: block;
    }

    .contents-page [class*="NoiDung"] .date-post + div .btn-fs-social {
        display: block;
        padding: 0 8px;
    }

    .header_banner.fixfull .banner-title {
        margin: 0 12px;
    }

    .header_banner .bg-banner img, .header_banner.fixfull .bg-banner img {
        height: 90px;
        min-height: unset;
    }

    .LienKet-4 {
        padding: 12px 12px 0 12px;
    }

    .nav-items-line .justify-content-end {
        margin-top: 12px;
    }
    
    .wd-section-menutop .nav-items-line .right-adver-portal {
        display: flex !important;
        width: 100%;
        justify-content: space-evenly;
    }
    
    .LienKet-4 .right-adver-portal a img {
        margin: 0;
    }

    #wd-content-19 .LienKet-1 .right-adver-portal img {
        height: auto;
    }

    #wd-content-19 .LienKet-1:not(:last-of-type) {
        margin-bottom: 24px;
    }

    .TinTuc-1 .col-md-12 > .row > .col-md-5 {
        display: none;
    }

    .TinTuc-1 .col-md-12 > .row > .col-md-7 {
        margin-bottom: 0;
    }
}

.navbar-light .navbar-toggler-icon {
    background-image: unset;
}

.nav-marquee-items a {
    color: #da251d;
}

.date-weather-nav {
    padding: 0;
}

.navbar-light .navbar-toggler {
    border: none;
}

.list-item-doc .item-title {
	background-color: #EBF4FF !important;
	color: #0177ff !important;
	text-transform: uppercase !important;
}
.TinTuc-20 .owl-nav {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.TinTuc-20 .owl-nav button {
    position: relative !important;
    margin: 5px 10px !important;
}

.TinTuc-20 .list-items-category .cards-items a {
	font-weight: bold;
	color: #333;
	margin: 8px;
	display: block;
}

.TinTuc-20 .list-items-category .cards-items .article-thumbnail{
  aspect-ratio: 3 / 4;
}
.TinTuc-20 .list-items-category .cards-items .article-thumbnail img{
    min-height: inherit;
    max-height: inherit;
}
.TinTuc-20 .cards-items{
	background: #f5faff;
}

.TinTuc-17 .article-thumbnail,
.TinTuc-20 .article-thumbnail {
	border-radius: unset !important;
	
}
#printArea h5 {
    margin-top: 10px;
}

.date-post i{
  display: none;
}

.tab-widget-17 .title-category a {
    padding-bottom: 5px !important;
    display: block;
}

.TinTuc-20 .title-category {
    margin-bottom: 20px;
}

.TinTuc-1.news .owl-carousel .owl-item {
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(245,250,255,0.6474964985994398) 24%, rgba(240,247,255,1) 60%);
}

.TinTuc-1 .owl-carousel .owl-item .card-news h4,
.TinTuc-1 .owl-carousel .owl-item .card-news .desc{
	padding: 0px 10px !important;
}

.TinTuc-1.news-other .owl-carousel .owl-item .card-news h4,
.TinTuc-1.news-other .owl-carousel .owl-item .card-news .desc{
	padding: 0px!important;
}

@media only screen and (max-device-width: 480px) {
    .view-data-widget.NoiDung-4{
        position:relative;
	
    }
    .contents-page [class*="NoiDung"] .detail_sticky {
        padding-right: 20px;
        height: inherit !important;
        position: fixed !important;
        right: 0;
        bottom: 0;
        z-index: 9;
        width: 100%;
        padding-right: 0px !important;
    }

    .contents-page [class*="NoiDung"] .detail_sticky .detail-social,
    .contents-page [class*="NoiDung"] .detail_sticky .detail-social a,
    .contents-page [class*="NoiDung"] .detail_sticky .detail-social .btn-group
    {
        display:flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        justify-content: space-evenly;
    }
   
    .view-data-widget.NoiDung-4 .detail-social .change-fnt {
        background: #fff;
    }
    .detail_sticky_scroll{
	display:none;
	}
    .body-stick .detail_sticky_scroll {
	display:block;
        bottom: 0px;
        padding-bottom: 30px;
        z-index: 9;
	background: #fff;
    }
}
.customer-slider-gallery .owl-thumb-item a:after,
.album-None .owl-item a:after {
    content: '\f302';
    display: flex;
    position: absolute;
    bottom: 20px;
    font-family: "Font Awesome 6 Free";
    left: 20px;
    margin: 0 auto;
    color: #f9f9f9;
    font-size: 30px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.customer-slider-gallery .owl-thumb-item a,
.album-None .owl-item a {
    position: relative;
}

.layout-gray .ft-bt-bottom div {
    padding: 0 12px;
}

.ft-bt-bottom p {
    flex-basis: 50%;
}

.ft-bt-bottom p:first-child {
    text-align: left;
}

.ft-bt-bottom p:last-child {
    text-align: right;;
}

.ft-bt-left .title-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 10px 0px;
}
.ft-bt-left .title-footer .logo-title-footer {
    display: block !important;
}

.layout-gray .ft-bt-left h4 {
    font-size: 25px;
    line-height: 1.5;
    padding: 0px 120px;
    margin-bottom: 0px;
    padding-left: 25px;
	width: 550px;
}

.Data-1 {
    position: relative;
}
.Data-1 .btn-showmore {
    position: absolute;
    right: 0;
    top: 40px;
}

.Data-1 .btn-showmore a {
    border: none;
    font-style: normal;
    color: #000;
    font-weight: bold;
}
.Data-1 .btn-showmore a u:after {
    display:none;	
}

.Data-1 .btn-showmore a u{
    text-decoration: inherit;
    position: relative;
    padding: 5px 0px;
    border-bottom: 1px solid #333;
    color: #000;
}
.Data-1 .title_catparent{
  margin-top: 25px;
}
.Data-1 .title_catparent h4 a:before {
    display: none;

}
.Data-1 {
    position: relative;
}
.Data-1 .btn-showmore {
    position: absolute;
    right: 15px;
    top: 40px;
}

.Data-1 .btn-showmore a {
    border: none;
    font-style: normal;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #333;
    padding: 5px 0px;
}
.Data-1 .btn-showmore a u:after {
    display:none;	
}
.Data-1 .btn-showmore a:before {
    content: 'Xem tÃƒÂ¡Ã‚ÂºÃ‚Â¥t cÃƒÂ¡Ã‚ÂºÃ‚Â£';
}
.Data-1 .btn-showmore a u{
    display:none;
}
.Data-1 .title_catparent{
  margin-top: 25px;
}
.Data-1 .title_catparent h4 a:before {
    display: none;
}

.Data-1 .article-thumbnail{
    background: transparent;
}

.Data-1 .img-preview img,
.Data-1 .card {
    border: none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.Data-1 .card .card-body {
    text-shadow: none;
    font-size: 14px;
    color: #000;
    width: 100%;
    background: linear-gradient(180deg, #F0F7FF 0%, #F5FAFF00 100%);
}

.Data-1 .wrapper-6696 {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
    .wd-section-header .Header-2 .header_banner {
        display: block;
    }
	
	.layout-gray .ft-bt-left h4 {
		font-size: 19px;   
		padding-right: 0px;
	}
	.logo-title-footer img {
		width: 75px;
	}
	.Data-1 .wrapper-6696 {
        grid-template-columns: repeat(1, 1fr) !important;
    }

	.Data-1 .btn-showmore {
		position: relative;
		right: inherit;
		top: inherit;
		text-align: center;
		border: 1px solid #f9f9f9;
		padding: 8px;
		border-radius: 20px;
		background: #f6f6f6;
	}
	.Data-1 .btn-showmore a {
		border: none;
	}
}



@media (min-width: 1440px) and (max-width: 2560px)  {
    .layout-gray .ft-bt-left h4 {
        font-size:22px;
    }

    .Footer-1 .ft-bt-left {
        width: 70%;
    }

    .Footer-1 .ft-bt-right {
        width: 30%;
        padding-left: 50px;
        padding-right: 30px;
    }
    .wd-section-footer .logo-footer{
        left: 115px !important;
    }
    
}

.TinTuc-1 .top-news-content .card-news h4 a {
    display: block;
    font-size: 20px;
}

.TinTuc-1 .owl-carousel .owl-item .card-news .desc {
    font-size: 16px;
}

@media only screen and (max-device-width: 480px) {
    .TinTuc-1.news-other .col-md-12 > .row > .col-md-5,
    .TinTuc-1.news-other .top-news-content .news-contents {
        margin-top: 0;
    }

    .TinTuc-1 .owl-carousel .owl-item .card-news h4, 
    .TinTuc-1 .owl-carousel .owl-item .card-news .desc {
        padding: 0 !important;
        
    }

    .TinTuc-1.news-other .top-news-content,
    .VanBan-2 .wd-box-document{
        padding-bottom: 24px;
    }

    .TinTuc-1 {
        margin-top: 12px;
        margin-bottom: 0 !important;
    }

    .VanBan-2,
    .Album-2,
    .LienKet-3{
        margin-top: 24px;
        margin-bottom: 0 !important;
    }

    .layout-wd-5 .VanBan-2 h4 > a {
        padding-top: 0;
    }

    .layout-gray .ft-bt-bottom .text-left p {
        text-align:center;
    }

    .layout-gray .ft-bt-bottom .text-right {
        margin-top: 12px;
    }

    .layout-gray .ft-bottom .social-left {
        justify-content: center;
    }

    .TinTuc-1 .top-news-content .card-news h4 a {
        font-size: 18px;
    }

    .TinTuc-1 .owl-carousel .owl-item .card-news .desc {
        font-size: 14px;
        text-align: left;
    }

    .LienKet-4 .right-adver-portal a.btn-sign-out {
        display: none;
    }

    .LienKet-4 .right-adver-portal a {
        border: none;
    }

    .TinTuc-1.news-other .col-md-12 > .row > .col-md-7 {
        margin-top: 0;
    }

    #wd-content-19 {
        margin-bottom: 32px;
    }
}

.contents-page .swiper-button-next, 
.contents-page .swiper-button-prev {
    color: #fff;
}

@media only screen and (min-width: 768px) and (max-height: 1368px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .LienKet-1 .right-adver-portal img,.LienKet-1 .right-adver-portal img {
    height: inherit;
  }
  
  .header_banner.fixfull .bg-banner img {
   
    min-height: 90px;
}
    .header_banner .banner-container img {
        width: 100%;
    }	
    .wd-content-item-5 .LienKet-1 img {
        height: 90px;
    }
    .navbar-light .navbar-toggler {
        margin: 5px 0px;
    }
    .navbar-pull-right .box-search-nav {
        display: block !important;
    }
}

@media only screen and (min-device-width: 900px) and (max-device-width: 1366px) and (max-device-height: 768px) {
 .header_banner .banner-container img {
     width: 85% !important;

  }
 .banner-container a.logo img {
     width: 60px !important;
  }
}
@media (min-width: 1366px) {
 .header_banner .banner-container img {
        width: 85% !important;

  }
 .banner-container a.logo img {
    width: 75px !important;
  }
}
#wd-content-19 .owl-carousel .owl-item img {
    padding: 5px;
}
