/*---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-2,
.wd-section-footer .Footer-1 {
    padding: 0px;
}

.wd-section-header>.container>.row,
.wd-section-menu>.container>.row,
.wd-section-footer>.container>.row {}

.wd-section-menutop {
    border-bottom: none;
    background: #f1f1f1;
    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----*/

body {
    background-color: #ededed;
}

@media (min-width: 1400px) {
    .wrapper {
        background: #fff;
        max-width: calc(90% - 80px);
        margin: 0 auto;
    }
}

.wrapper {
    background: #fff;
    max-width: 1200px;
    margin: 0 auto;
}

.wd-section-menu .container .Menu-1,
.wd-section-header .header_banner .container {}

.wd-section-menu.sticky .Menu-1 {
    transition: all 1s ease-in-out;
    padding: 0px;
}


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

.ft-bottom-container .ft-bt-header-body-bg-img {
    background-image: url(../Client/image/bg-footer-hexagon.png);
    opacity: 0.16;
    background-color: transparent;
    background-size: 100%;
    background-position-y: top;
    background-position-x: right;
    background-repeat: no-repeat;
}

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

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


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

.wd-section-menu-top .date-weather-nav {
    padding: 2px 0px;
}

.banner-container a.logo img {
    width: 110px;
}

.Footer-2 .ft-bt-bottom {
    font-weight: bold;
}

.ft-bt-bottom .text-left p {
    display: flex;
    align-items: center;
    height: 100%;
}

.statistical p {
    padding: 2px 12px;
}

.gallery_col_50 .customer-slider-gallery.album-Image .gallery-thumb-item,
.video_col_50 .customer-slider-gallery.album-Videos .gallery-thumb-item {
    width: 50% !important;
}

.MaNhung-0 {
    margin-top: 8px !important;
}


/* @media screen and (min-width: 1920px) {
    .nav-top .container,
    .wd-content>.container {
        max-width: calc(90% - 80px);
    }
    .wd-content>.container .container {
        max-width: calc(90% - 80px);
    }
}

@media screen and (min-width: 3840px) {
    .nav-top .container,
    .wd-content>.container {
        max-width: calc(90% - 80px);
    }
    .wd-content>.container .container {
        max-width: calc(90% - 80px);
    }
} */

.wd-content .navbar-nav {
    gap: 8px;
}

.mainsubnav {
    margin-top: 0px;
}

.ft-bt-right .social-left a {
    background: #7a178b;
}

.layout-wd-4 .title_catparent h4>a,
.layout-wd-4 .VanBan-3 h4>a,
.layout-wd-4 .VanBan-2 h4>a,
.layout-wd-4 .VanBan-1 h4>a,
.layout-wd-4 .title-category>a {
    padding-right: 0px;
    max-width: 100%;
}

.ft-bottom-container {
    padding-bottom: 8px;
}


@media only screen and (min-device-width: 1900px) {
    .ft-bottom-container>.container,
    .body-template-2 .wd-content>.container,
    .wrapper {
        max-width: 1320px !important;
    }
}

@media only screen and (min-device-width: 360px)  and (max-device-width: 480px){
    .ft-bt-right .row {
        flex-direction: column;
    }
    .statistical .col-md-6 {
        padding-left: 0px;
    }
}

.sidebar-left .SuKien-1 {
    margin-top: 5px;
}

.Menu-3 {
    margin-top: 5px;
}

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

.form-search-header {
    cursor: pointer;
}

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

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

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

.Marquee-1 .nav-marquee .nav-marquee-title {
    font-weight: bold;
    white-space: nowrap;
    margin: 0px 0px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
    .nav-item.nav-item-users {
        margin: 0 !important;
        padding: 0;
    }

    .nav-top .navbar-light .navbar-toggler {
        padding: 4px 5px;
        margin-right: 5px;
    }
    
    .box-search-nav {
        margin-right: 5px;
    }

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

     .txt-form-search {
         padding-right: 40px;
         height: 100%;
     }

    .txt-form-search::selection {
        background-color: #c8c8c8;
    }

    .form-search-header button[type="submit"] {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 5px;
        background-color: transparent !important;;
    }

    .form-search-header button[type="submit"] i {
        color: #000;
    }

    .layout-wd-1 .btn-login-sign-in-users {
        padding: 6px;
    }

    .btn-login-sign-in-users i {
        padding-right: 0;
    }
}

.layout-wd-4 .page-content .title_catparent {
    border: none !important;
}

.Menu-4 {
    margin-bottom: 12px;
    margin-top: 5px !important;
}
.NoiDung-0 .page-content .content-meta-content img,
.NoiDung-1 .page-content .content-meta-content img, 
.NoiDung-2 .page-content .content-meta-content img  {
    width: 100% !important;
    height: inherit !important;
}