body {
    line-height: 1;
    font-family: Arial, Helvetica, sans-serif;
    /*font-size: 14px;*/
    font-feature-settings: 'pnum' on, 'lnum' on;
    -webkit-font-feature-settings: 'pnum' on, 'lnum' on;
    -moz-font-feature-settings: 'pnum' on, 'lnum' on;
    -ms-font-feature-settings: 'pnum' on, 'lnum' on;
    /* background: rgba(0, 0, 0, 0) url(https://res.baobacgiang.vn/Banner/BannerTop-Vietnamese/bg-tetdl2018.jpg)repeat-x center 0px; */
}

a {
    background: none repeat scroll 0 0 transparent;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    color: #133F6A;
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #be0000;
    text-decoration: none;
}
::selection {background: #9f224e; color: #fff; text-shadow: none;}

.BtnCategoryListNext {
    /*background-position: 0 0;*/
    font-size: 20px;
    font-weight: 700;
    /*height: 20px;*/
    line-height: 20px;
    padding: 10px 30px;
    background-color: #CCC;
    border-radius: 2px;
    color: #990700;
    margin-bottom: 10px;
}

.ButtonImageText {
    /*background-position: 0 0;*/
    background-repeat: no-repeat;
    cursor: pointer;
    /*display: inline-block;*/
    text-decoration: none;
    vertical-align: middle;
}

.ButtonImageText:hover {
    color: #be0000 !important;
    text-decoration: none;
}

.display1 {
    display: block !important;
}

.bg-emagazine {
    /*background: url(../images/emagazine/nen-web.jpeg) repeat scroll 4px 5px transparent;*/
    /*border-bottom: 1px dotted #ccc;*/
    text-align: center;
}

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

.center {
    text-align: center;
    margin: 0 auto;
}

.BaoBacGiang10 {
    font-family: "BaoBacGiang10", Helvetica, Arial, sans-serif !important;
}

.red {
    color: red !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.f-40 {
    font-size: 40px !important
}

.f-w-300 {
    font-weight: 300 !important;
}

.p-t-150 {
    padding-top: 150px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}








.f-8 {
    font-size: 8px !important;
}

.f-10 {
    font-size: 10px !important;
}

.f-11 {
    font-size: 11px !important;
}

.f-12 {
    font-size: 12px !important;
}

.f-13 {
    font-size: 13px !important;
}

.f-14 {
    font-size: 14px !important;
}

.f-15 {
    font-size: 15px !important;
}

.f-16 {
    font-size: 16px !important;
}

.f-17 {
    font-size: 17px !important;
}

.f-18 {
    font-size: 18px !important;
}

.f-19 {
    font-size: 19px !important;
}

.f-20 {
    font-size: 20px !important;
}

.f-21 {
    font-size: 21px !important;
}

.f-22 {
    font-size: 22px !important;
}

.f-23 {
    font-size: 23px !important;
}

.f-24 {
    font-size: 24px !important;
}

.f-25 {
    font-size: 25px !important;
}

.f-26 {
    font-size: 26px !important;
}

.f-27 {
    font-size: 27px !important;
}

.f-28 {
    font-size: 28px !important;
}

.f-29 {
    font-size: 29px !important;
}

.f-30 {
    font-size: 30px !important;
}

.f-31 {
    font-size: 31px !important;
}

.f-32 {
    font-size: 32px !important;
}

.f-33 {
    font-size: 33px !important;
}

.f-34 {
    font-size: 34px !important;
}

.f-35 {
    font-size: 35px !important;
}

.f-36 {
    font-size: 36px !important;
}

.f-37 {
    font-size: 37px !important;
}

.f-38 {
    font-size: 38px !important;
}

.f-39 {
    font-size: 39px !important;
}

.f-40 {
    font-size: 40px !important;
}

.f-41 {
    font-size: 41px !important;
}

.f-42 {
    font-size: 42px !important;
}

.f-43 {
    font-size: 43px !important;
}

.f-44 {
    font-size: 44px !important;
}

.f-45 {
    font-size: 45px !important;
}

.f-46 {
    font-size: 46px !important;
}

.f-47 {
    font-size: 47px !important;
}

.f-48 {
    font-size: 48px !important;
}

.f-49 {
    font-size: 49px !important;
}

.f-50 {
    font-size: 50px !important;
}

.p-t-0 {
    padding-top: 0px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-t-35 {
    padding-top: 35px !important;
}

.p-t-40 {
    padding-top: 40px !important;
}

.p-t-45 {
    padding-top: 45px !important;
}

.p-t-50 {
    padding-top: 50px !important;
}

.p-t-55 {
    padding-top: 55px !important;
}

.p-t-60 {
    padding-top: 60px !important;
}

.p-t-65 {
    padding-top: 65px !important;
}

.p-t-70 {
    padding-top: 70px !important;
}

.p-t-75 {
    padding-top: 75px !important;
}

.p-t-80 {
    padding-top: 80px !important;
}

.p-t-85 {
    padding-top: 85px !important;
}

.p-t-90 {
    padding-top: 90px !important;
}

.p-t-95 {
    padding-top: 95px !important;
}

.p-t-100 {
    padding-top: 100px !important;
}

.p-t-110 {
    padding-top: 110px !important;
}

.p-t-120 {
    padding-top: 120px !important;
}

.p-t-130 {
    padding-top: 130px !important;
}

.p-t-140 {
    padding-top: 140px !important;
}

.p-t-150 {
    padding-top: 150px !important;
}

.p-t-160 {
    padding-top: 160px !important;
}

.p-t-170 {
    padding-top: 170px !important;
}

.p-t-180 {
    padding-top: 180px !important;
}

.p-t-190 {
    padding-top: 190px !important;
}

.p-t-200 {
    padding-top: 200px !important;
}

.p-t-210 {
    padding-top: 210px !important;
}

.p-t-220 {
    padding-top: 220px !important;
}

.p-t-230 {
    padding-top: 230px !important;
}

.p-t-240 {
    padding-top: 240px !important;
}

.p-t-250 {
    padding-top: 250px !important;
}

.p-t-260 {
    padding-top: 260px !important;
}

.p-t-270 {
    padding-top: 270px !important;
}

.p-t-280 {
    padding-top: 280px !important;
}

.p-t-290 {
    padding-top: 290px !important;
}

.p-t-300 {
    padding-top: 300px !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-b-35 {
    padding-bottom: 35px !important;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

.p-b-45 {
    padding-bottom: 45px !important;
}

.p-b-50 {
    padding-bottom: 50px !important;
}

.p-l-0 {
    padding-left: 0px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-l-35 {
    padding-left: 35px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.p-l-45 {
    padding-left: 45px !important;
}

.p-l-50 {
    padding-left: 50px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.p-r-35 {
    padding-right: 35px !important;
}

.p-r-40 {
    padding-right: 40px !important;
}

.p-r-45 {
    padding-right: 45px !important;
}

.p-r-50 {
    padding-right: 50px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-t-1 {
    margin-top: 1px !important;
}

.m-t-2 {
    margin-top: 2px !important;
}

.m-t-3 {
    margin-top: 3px !important;
}

.m-t-4 {
    margin-top: 4px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-t-35 {
    margin-top: 35px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.m-t-45 {
    margin-top: 45px !important;
}

.m-t-50 {
    margin-top: 50px !important;
}

.m-t-55 {
    margin-top: 55px !important;
}

.m-t-60 {
    margin-top: 60px !important;
}

.m-t-65 {
    margin-top: 65px !important;
}

.m-t-70 {
    margin-top: 70px !important;
}

.m-t-75 {
    margin-top: 75px !important;
}

.m-t-80 {
    margin-top: 80px !important;
}

.m-t-85 {
    margin-top: 85px !important;
}

.m-t-90 {
    margin-top: 90px !important;
}

.m-t-95 {
    margin-top: 95px !important;
}

.m-t-100 {
    margin-top: 100px !important;
}

.m-t-110 {
    margin-top: 110px !important;
}

.m-t-120 {
    margin-top: 120px !important;
}

.m-t-130 {
    margin-top: 130px !important;
}

.m-t-140 {
    margin-top: 140px !important;
}

.m-t-150 {
    margin-top: 150px !important;
}

.m-t-160 {
    margin-top: 160px !important;
}

.m-t-170 {
    margin-top: 170px !important;
}

.m-t-180 {
    margin-top: 180px !important;
}

.m-t-190 {
    margin-top: 190px !important;
}

.m-t-200 {
    margin-top: 200px !important;
}

.m-t-210 {
    margin-top: 210px !important;
}

.m-t-220 {
    margin-top: 220px !important;
}

.m-t-230 {
    margin-top: 230px !important;
}

.m-t-240 {
    margin-top: 240px !important;
}

.m-t-250 {
    margin-top: 250px !important;
}

.m-t-260 {
    margin-top: 260px !important;
}

.m-t-270 {
    margin-top: 270px !important;
}

.m-t-280 {
    margin-top: 280px !important;
}

.m-t-290 {
    margin-top: 290px !important;
}

.m-t-300 {
    margin-top: 300px !important;
}

.m-t--5 {
    margin-top: -5px !important;
}

.m-t--10 {
    margin-top: -10px !important;
}

.m-t--15 {
    margin-top: -15px !important;
}

.m-t--20 {
    margin-top: -20px !important;
}

.m-t--25 {
    margin-top: -25px !important;
}

.m-t--30 {
    margin-top: -30px !important;
}

.m-t--35 {
    margin-top: -35px !important;
}

.m-t--40 {
    margin-top: -40px !important;
}

.m-t--45 {
    margin-top: -45px !important;
}

.m-t--50 {
    margin-top: -50px !important;
}

.m-t--55 {
    margin-top: -55px !important;
}

.m-t--60 {
    margin-top: -60px !important;
}

.m-t--65 {
    margin-top: -65px !important;
}

.m-t--70 {
    margin-top: -70px !important;
}

.m-t--75 {
    margin-top: -75px !important;
}

.m-t--80 {
    margin-top: -80px !important;
}

.m-t--85 {
    margin-top: -85px !important;
}

.m-t--90 {
    margin-top: -90px !important;
}

.m-t--95 {
    margin-top: -95px !important;
}

.m-t--100 {
    margin-top: -100px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-b-35 {
    margin-bottom: 35px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.m-b-45 {
    margin-bottom: 45px !important;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.m-b-55 {
    margin-bottom: 55px !important;
}

.m-b-60 {
    margin-bottom: 60px !important;
}

.m-b-65 {
    margin-bottom: 65px !important;
}

.m-b-70 {
    margin-bottom: 70px !important;
}

.m-b-75 {
    margin-bottom: 75px !important;
}

.m-b-80 {
    margin-bottom: 80px !important;
}

.m-b-85 {
    margin-bottom: 85px !important;
}

.m-b-90 {
    margin-bottom: 90px !important;
}

.m-b-95 {
    margin-bottom: 95px !important;
}

.m-b-100 {
    margin-bottom: 100px !important;
}

.m-l-0 {
    margin-left: 0px !important;
}

.m-l-4 {
    margin-left: 4px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-l-25 {
    margin-left: 25px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-l-35 {
    margin-left: 35px !important;
}

.m-l-40 {
    margin-left: 40px !important;
}

.m-l-45 {
    margin-left: 45px !important;
}

.m-l-50 {
    margin-left: 50px !important;
}

.m-r-0 {
    margin-right: 0px !important;
}

.m-r-1 {
    margin-right: 1px !important;
}

.m-r-2 {
    margin-right: 2px !important;
}

.m-r-3 {
    margin-right: 3px !important;
}

.m-r-4 {
    margin-right: 4px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-r-25 {
    margin-right: 25px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.m-r-35 {
    margin-right: 35px !important;
}

.m-r-40 {
    margin-right: 40px !important;
}

.m-r-45 {
    margin-right: 45px !important;
}

.m-r-50 {
    margin-right: 50px !important;
}

.line-height-12 {
    line-height: 12px !important;
}

.line-height-14 {
    line-height: 14px !important;
}

.line-height-16 {
    line-height: 16px !important;
}

.line-height-18 {
    line-height: 18px !important;
}

.line-height-19 {
    line-height: 19px !important;
}

.line-height-20 {
    line-height: 20px !important;
}

.line-height-21 {
    line-height: 21px !important;
}

.line-height-22 {
    line-height: 22px !important;
}

.line-height-23 {
    line-height: 23px !important;
}

.line-height-24 {
    line-height: 24px !important;
}

.line-height-25 {
    line-height: 25px !important;
}

.line-height-26 {
    line-height: 26px !important;
}

.line-height-27 {
    line-height: 27px !important;
}

.line-height-28 {
    line-height: 28px !important;
}

.line-height-29 {
    line-height: 29px !important;
}

.line-height-30 {
    line-height: 30px !important;
}

.line-height-31 {
    line-height: 31px !important;
}

.line-height-32 {
    line-height: 32px !important;
}

.line-height-33 {
    line-height: 33px !important;
}

.line-height-34 {
    line-height: 34px !important;
}

.line-height-35 {
    line-height: 35px !important;
}

.border-top {
    /* border-top: 1px solid #fff; */
}

.border-right {
    border-right: 1px solid #fff;
}

.border-left {
    border-left: 1px solid #fff;
}

.border-bottom {
    border-bottom: 1px solid #fff;
}

.f-w-300 {
    font-weight: 300 !important;
}

.f-w-500 {
    font-weight: 300 !important;
}

.f-w-700 {
    font-weight: 700 !important;
}

.Font-Arial {
    font-family: Arial,Helvetica,sans-serif;
}

.Font-Merriweather {
    font-family: "Merriweather", serif, "Noto Serif", serif, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}







img.thumb:hover {
    /* -webkit-filter: brightness(120%); */
    /* transition: all 0.2s ease 0s; */
}

.background-img {
    height: 180px;
}
.background-img-3 {
    height: 210px;
}
.date-time-span {
    color: #434343 !important;
    font-size: 11px;
    margin-bottom: 5px;
}

.rectangle-icon {
    width: 0;
    height: 0;
    border-top: 20px solid #ff0000;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    text-align: center;
    margin: 0 auto;
}

.topNewsLastest {
    /*background-color: #fcfaf6;*/
    overflow: hidden;
    width: 100%;
}

.datetimes-LastestNews {
    color: #999;
    font-size: 9px;
    font-weight: 300;
    display: inline-block;
    line-height: 1;
    margin-right: 3px;
    padding-bottom: 15px;
}

.datetimes-LastestNews:hover {
    color: rgb(5, 196, 218);
}

.title {
    color: #222;
}

.pt-0 {
    padding-top: 0 !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}


.m-r-5 {
    margin-right: 5px !important;
}


.topNewsLastest-Cate {
    /*float: left;*/
    width: 100%;
	background: none !important;
}

.topNewsLastest-Cate p.title {
    padding-top: 5px;
}

.topCateLastestFirst p.title a,
.topNewsLastest-Cate p.title a {
    color: #990700;
    cursor: pointer;
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.04em !important;
    line-height: 28px;
    margin-bottom: 5px;
    padding-right: 5px;
    width: 100%;
}

.topCateLastestFirst p.title a,
.topNewsLastest-Cate p.title a:hover {
    color: #be0000;
}

.topCateLastestFirst p.title a:hover,
.topNewsLastest-Cate p.title a:hover {
    text-decoration: none;
}


.f-14 {
    font-size: 14px !important
}

.f-16 {
    font-size: 16px !important
}


.line_height_18 {
    line-height: 18px !important;
}


.f-w-700 {
    font-weight: 700 !important;
}

.BaoBacGiang8 {
    font-family: "BaoBacGiang8", Helvetica, Arial, sans-serif !important;
}


.l-h-22 {
    line-height: 22px !important
}


.emagazine-item {
    border-top: 1px solid #e2e2e3;
    /*display: inline-block;*/
    padding-right: 6px;
    padding-left: 6px;
    padding-top: 6px !important;
    vertical-align: top;
    /*width: 30%;*/
}

.emagazine-item:nth-child(3n) {
    padding-right: 0
}
.head-menu-wrapper {
    width: 100%;
    padding: 5px;
    background-color: #feeddc;
    border-bottom: 1px solid #ccc;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10;
    display: flex;
    justify-content: center;
}

.head-menu {
    width: 100%;
    /*max-width: 1200px;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.head-menu-right ul {
    display: flex;
    gap: 10px;
    margin: 0px;
    padding: 0px;
}

    .head-menu-right ul li {
        list-style-type: none;
    }

.head-menu-center-logo {
    height: 32px !important;
	
			/********QuocTang********/
	/*filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -ms-filter: grayscale(100%);
     -o-filter: grayscale(100%);*/
	/****************/
	
}

.head-menu-left b {
    color: #076dd3;
}

@media (max-width: 600px) {
    .head-menu-left b {
        font-size: 15px;
    }
}


.is-wrapper div {
    display: block !important;
}

.news-detail {
    padding-bottom: 25px;
    margin-bottom: 25px;
    /*border-bottom: solid 3px #0b164f;*/
}

    .news-detail .news-detail__category {
        border-bottom: solid 2px #ed2024;
    }

    .news-detail .row.news-detail__category {
        padding-left: 0 !important;
        margin-left: 0;
    }

        .news-detail .row.news-detail__category > div {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

    .news-detail .news-detail__category h2 {
        font-size: 20px;
        font-weight: 300;
        color: #ed2024
    }

    .news-detail .news-detail__category span {
        float: right;
        opacity: .75;
        font-size: smaller;
    }

    .news-detail .news-detail__title {
        color: #0645ad;
        margin-bottom: 20px;
        font-weight: 700 !important;
        font-size: 40px;
        line-height: 55px;
        font-family: BaoBacGiang11 !important;
    }

    .news-detail .news-detail__head {
        font-size: 12px;
        opacity: .75;
        margin-bottom: 15px;
    }

        .news-detail .news-detail__head span {
            line-height: 32px;
            text-align: center;
        }

        .news-detail .news-detail__head .detail-head__action {
            /*font-weight: bold;*/
            font-size: 14px;
        }

            .news-detail .news-detail__head .detail-head__action img {
                display: inline-block;
                width: 18px;
            }

            .news-detail .news-detail__head .detail-head__action .resize-text {
                font-size: 16px;
            }

                .news-detail .news-detail__head .detail-head__action .resize-text span {
                    padding: 0 5px;
                }

                    .news-detail .news-detail__head .detail-head__action .resize-text span:hover {
                        cursor: pointer;
                    }

                    .news-detail .news-detail__head .detail-head__action .resize-text span:first-child {
                        margin-right: 5px;
                    }

            .news-detail .news-detail__head .detail-head__action .print {
                color: #337AB7;
                cursor: pointer;
            }

                .news-detail .news-detail__head .detail-head__action .print img {
                    margin-right: 3px;
                }

    .news-detail .news-detail__thumbnail {
        padding-bottom: 15px;
        font-weight: 700;
        font-size: 21px !important;
        line-height: 31px !important;
        font-family: "BaoBacGiang8", "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    }

        .news-detail .news-detail__thumbnail p {
            font-weight: 700;
            font-size: 21px !important;
            line-height: 31px !important;
        }

        .news-detail .news-detail__thumbnail .image-desc {
            font-size: 10px;
            text-align: center;
            color: #337ab7;
            display: block;
            padding: 5px 15px;
        }

    .news-detail .news-details__content {
        /*margin-bottom: 30px;*/
        line-height: 28px;
        font-family: "BaoBacGiang8", "Helvetica Neue",Helvetica,Arial,sans-serif !important;
        font-size: 18px;
    }

        .news-detail .news-details__content p {
            margin-bottom: 20px;
            line-height: 28px;
            font-family: "BaoBacGiang8", "Helvetica Neue",Helvetica,Arial,sans-serif !important;
            font-size: 18px;
        }

    .news-detail .news-detail__social {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        background: #FFFFFF;
        padding: 10px 0;
        margin-bottom: 20px;
    }

        .news-detail .news-detail__social .news-detail-left__social {
            display: flex;
        }

            .news-detail .news-detail__social .news-detail-left__social .click-back, .news-detail .news-detail__social .news-detail-left__social .text-favourite {
                padding: 15px 15px;
                background: #FFFFFF;
                border: 2px solid #E9E9E8;
            }

                .news-detail .news-detail__social .news-detail-left__social .click-back i, .news-detail .news-detail__social .news-detail-left__social .text-favourite i {
                    font-size: 20px;
                    color: #757575;
                }

            .news-detail .news-detail__social .news-detail-left__social .text-favourite {
                display: flex;
                margin-left: 15px;
            }

                .news-detail .news-detail__social .news-detail-left__social .text-favourite p {
                    font-size: 15px;
                    letter-spacing: 1px;
                    color: #696767;
                    margin: 3px 0 0 10px;
                }

        .news-detail .news-detail__social .news-detail-right__social {
            margin-top: 10px;
        }

    .news-detail .news-detail__tag {
        font-size: 14px;
        margin-bottom: 45px;
    }

        .news-detail .news-detail__tag .detail-tag__title {
            background: url("../images/icon-tag.png") no-repeat scroll 0 50% transparent;
            color: #222222;
            display: inline-block;
            height: 24px;
            line-height: 24px;
            padding-left: 20px;
            padding-right: 5px;
            vertical-align: middle;
            min-width: 80px;
        }

        .news-detail .news-detail__tag li {
            display: inline-block;
        }

        .news-detail .news-detail__tag ul span {
            display: inline-block;
        }

            .news-detail .news-detail__tag ul span:not(.detail-tag__title) {
                border: solid 1px #d0d0cf;
                padding: 3px 10px;
                border-radius: 15px;
                margin: 3px;
            }

    .news-detail .news-detail__comment .detail-comment__title {
        color: #222222;
        margin-bottom: 5px;
        font-weight: bold;
    }

        .news-detail .news-detail__comment .detail-comment__title span {
            color: #404040;
            opacity: .75;
            font-weight: 400;
        }

    .news-detail .news-detail__comment .btn-toggle-comment {
        cursor: pointer;
        margin-bottom: 15px;
    }

        .news-detail .news-detail__comment .btn-toggle-comment:hover {
            color: #222222;
        }

    .news-detail .news-detail__comment .form-comment {
        height: 0;
        visibility: hidden;
        transition: height .3s linear;
    }

        .news-detail .news-detail__comment .form-comment.active {
            height: auto;
            visibility: visible;
        }

    .news-detail .news-detail__comment input, .news-detail .news-detail__comment textarea {
        width: 100%;
        padding: 10px 5px;
        outline: none;
        margin-bottom: 10px;
        border-radius: 0;
        border: solid 1px #cccbcb;
    }

    .news-detail .news-detail__comment button {
        padding: 7px 15px;
        border-radius: 0;
        background-color: #0068FF;
        border: none;
        color: #ffff;
        transition: opacity .1s ease;
        cursor: pointer;
    }

        .news-detail .news-detail__comment button:hover, .news-detail .news-detail__comment button:focus {
            opacity: .75;
        }

    .news-detail .news-detail__comment .tab-show-list-comment {
        display: flex;
        border-bottom: 1px solid black;
    }

        .news-detail .news-detail__comment .tab-show-list-comment .most-interested, .news-detail .news-detail__comment .tab-show-list-comment .comment-hot {
            font: 400 16px/17px arial;
            position: relative;
            color: #9F9F9F;
            margin-bottom: 10px;
        }

            .news-detail .news-detail__comment .tab-show-list-comment .most-interested:active, .news-detail .news-detail__comment .tab-show-list-comment .comment-hot:active {
                color: red;
            }

        .news-detail .news-detail__comment .tab-show-list-comment .comment-hot {
            margin-left: 20px;
        }

    .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment {
        margin-top: 20px;
        margin-bottom: 30px;
    }

        .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .link-avatar-img {
            margin: 0 12px 0 0;
            float: left;
            width: 36px;
            height: 36px;
            background: #E5E5E5;
            line-height: 36px;
            text-align: center;
            color: #949494 !important;
            font-weight: 400;
            text-transform: uppercase;
            font-size: 18px !important;
            font-family: arial;
            border-radius: 50%;
            position: relative;
        }

            .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .link-avatar-img img {
                width: 36px;
                height: 36px;
                border-radius: 50%;
            }

        .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .block_like_web:hover .report-comment {
            display: inline-block;
        }

        .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment p {
            padding-bottom: 0;
            font: 400 16px arial;
            line-height: 150%;
            color: #4f4f4f;
        }

            .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment p .nickname {
                color: #222;
                margin-left: 0 !important;
                position: relative;
                font-weight: bold;
            }

        .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment a, .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .time-com {
            margin-left: 20px;
            font-size: 14px;
            color: #9F9F9F;
        }

        .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .report-comment {
            float: right;
            display: none;
        }

        .news-detail .news-detail__comment .list-comment .content-most-interested .firt-comment .comment-reply {
            display: none;
        }

    .news-detail .news-detail__comment .list-comment .content-comment-hot {
        display: none;
    }

    .news-detail .news-detail__comment .list-comment .sub_comment {
        display: none;
    }

    .news-detail .news-detail__comment .list-comment .view_more_coment {
        margin-top: 20px;
        height: 48px;
        line-height: 48px;
        padding: 0 35px;
        font: 400 14px/48px "Merriweather", serif;
        color: #757575;
        text-align: center;
        position: relative;
        border: 1px solid #BDBDBD;
        border-radius: 4px;
        width: 30%;
        background: #fff;
        display: block;
        margin-left: auto;
        margin-right: auto;
        cursor: pointer;
    }

        .news-detail .news-detail__comment .list-comment .view_more_coment:hover {
            background: #F7F7F7;
        }

        .news-detail .news-detail__comment .list-comment .view_more_coment a:hover {
            color: #9F9F9F;
        }

    .news-detail .fanpage {
        overflow: hidden;
        padding-bottom: 56.25%;
        position: relative;
        height: 0;
    }

        .news-detail .fanpage iframe {
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            position: absolute;
        }

    .news-detail .news-related {
        /*border: solid 1px #e6e6e6;
            border-radius: 3px;*/
        border: none;
        background-color: white;
    }

        .news-detail .news-related .news-related__title {
            background-color: #f5f5f5;
            padding: 10px;
            border-bottom: solid 1px #e6e6e6;
            color: #222222;
        }

        .news-detail .news-related .news-related__list {
            list-style-type: none;
            padding: 15px;
            /*border-left: 1px solid #ccc;*/
            /*margin-left: 15px;*/
        }

            .news-detail .news-related .news-related__list li:not(:last-child) {
                margin-bottom: 5px;
            }

            .news-detail .news-related .news-related__list li a {
                color: #337ab7;
                font-size: 14px;
            }

                .news-detail .news-related .news-related__list li a:hover {
                    color: #da0000;
                }

                .news-detail .news-related .news-related__list li a span {
                    color: #404040;
                    font-size: 12px;
                    opacity: .75;
                }

                .news-detail .news-related .news-related__list li a::before {
                    content: '';
                    width: 12px;
                    height: 12px;
                    background-color: #337ab7;
                    display: inline-block;
                    margin-right: 5px;
                }

.is-wrapper .container {
    margin-top: 80px;
}

.is-wrapper .news-detail__title {
    color: #0645ad;
    margin-bottom: 20px;
    font-weight: 700 !important;
    font-size: 40px;
    line-height: 55px;
    font-family: BaoBacGiang11 !important;
}

.is-wrapper .news-detail__thumbnail {
    font-weight: 700;
    font-size: 21px !important;
    line-height: 31px !important;
    font-family: "BaoBacGiang8", "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}


@media (max-width: 991.98px) {

    .ads {
        display: none;
    }

    .news-highlight {
        margin-bottom: 35px;
    }

        .news-highlight .col-md-5, .news-highlight .col-md-7 {
            max-width: 100%;
            flex: 0 0 100%;
        }

        .news-highlight .news__first {
            margin-bottom: 35px;
        }

            .news-highlight .news__first .news-text {
                background-color: #cdccca;
                padding: 15px 10px;
                height: 100%;
            }

        .news-highlight .news__list .news__list-item .news-item.new-item--option .news-item__des {
            font-size: 16px;
            line-height: 1.5;
        }

    .block-news {
        padding: 35px 0 20px 0;
    }

        .block-news .col-md-6 {
            max-width: 100%;
            flex: 0 0 100%;
        }

        .block-news.block-news--middle .col-md-3 {
            max-width: 100%;
            flex: 0 0 100%;
        }

        .block-news .block__first .block-new__text {
            background-color: #cdccca;
            padding: 15px 10px;
            height: 100%;
        }

        .block-news .block__second {
            margin-top: 30px;
        }

            .block-news .block__second .col-md-6 {
                max-width: 50%;
                flex: 0 0 50%;
            }

            .block-news .block__second .news:not(:last-child) {
                border-bottom: dashed 1px #cccbcb;
                padding-bottom: 15px;
                margin-bottom: 15px;
            }

            .block-news .block__second .news:last-child {
                margin-bottom: 20px;
            }

            .block-news .block__second .news .news-desc {
                margin-top: 5px;
            }

            .block-news .block__second .news.new--horizontal:not(:last-child) {
                margin-bottom: 15px;
            }

                .block-news .block__second .news.new--horizontal:not(:last-child).new--boder-bottom {
                    border-style: dashed;
                }

    .news-detail .col-md-3,
    .news-detail .col-md-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .news-detail .fanpage {
        display: none;
    }

    .news-detail .news-detail__comment {
        margin-bottom: 30px;
    }

    .view_more_coment {
        width: 50% !important;
    }

    .zalo-share-button {
        /*display: none;*/
    }
}


@media (max-width: 767.98px) {
    .taskbar .taskbar__language li:not(:last-child) {
        margin-right: 10px;
    }

    .taskbar ul li {
        font-size: 12px;
    }

    .block-news .block__first .block-first__title {
        margin: 2px 0 7px;
    }

    .block-news.media {
        margin-left: -10px;
        margin-right: -10px;
    }

        .block-news.media .media__wrapper {
            padding: 0 10px;
        }

    .block-news .block__second .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .news-detail .news-detail__head .detail-head__action .print {
        display: none !important;
    }

    .news-detail .news-details__content p {
        margin-bottom: 16px;
        font-size: 20px;
        font-family: BaoBacGiang8 !important;
    }

    .news-detail .news-detail__social ul {
        justify-content: flex-end;
    }

        .news-detail .news-detail__social ul li {
            width: unset;
            border-radius: 7px;
            overflow: hidden;
        }

            .news-detail .news-detail__social ul li:not(:last-child) {
                margin-right: 10px;
            }

    .news-detail .news-detail__social .social-item {
        padding: 5px 12px;
    }

        .news-detail .news-detail__social .social-item.social-facebook-share img {
            margin-right: 0;
        }

    .news-detail .news-detail__social .social-label__pc {
        display: none;
    }

    .news-detail .news-detail__social .social-label__mb {
        display: inline-block;
    }
}

.w-30 {
    width: 30% !important;
}

/*.btnLogo_2new {
    background: url(https://res.baobacgiang.vn/logo/mangsec-bbn.png) no-repeat scroll;
    height: 78px !important;
    width: 311px !important;
    z-index: 200;
}
@media (max-width: 600px) {
    .btnLogo_2new {
        background: url(https://res.baobacgiang.vn/logo/mangsec-bbn.png) no-repeat scroll;
		height: 55px !important;
        width: 70% !important;
        max-width: 310px;
        z-index: 200;
        background-size: contain;
    }
}*/

@media (min-width: 768px) {
    .col-md-45 {
        flex: 0 0 auto !important;
        width: 38% !important;
    }

    .col-md-55 {
        flex: 0 0 auto !important;
        width: 45.33333333% !important;
    }
}


@media (max-width: 520px) {
    .col-md-45 {
        flex: 0 0 auto !important;
        width: 100% !important;
    }

    .col-md-55 {
        flex: 0 0 auto !important;
        width: 100% !important;
    }

    .bbg-footer-qr {
        flex-flow: column !important;
    }

        .bbg-footer-qr > div {
            flex-flow: row !important;
        }
}


/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/
.scroll-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 99999;
    background: rgba(0, 0, 0, 0) url(../images/home/icon-gototop.png) no-repeat scroll 50% 50% !important;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
}

    .scroll-top i {
        font-size: 24px;
        color: #fff;
        line-height: 0;
    }

    .scroll-top:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0) url(../images/home/back-to-top.png) no-repeat scroll 50% 50% !important;
    }

    .scroll-top.active {
        visibility: visible;
        opacity: 1;
    }

@media (max-width: 600px) {
    .scroll-top.active {
        visibility: hidden;
    }
}

.m-t--60 {
    margin-top: 40px !important;
}



@media (min-width: 768px) {
    .col-md-45 {
        flex: 0 0 auto !important;
        width: 38% !important;
    }

    .col-md-55 {
        flex: 0 0 auto !important;
        width: 45.33333333% !important;
    }
}


@media (max-width: 520px) {
    .col-md-45 {
        flex: 0 0 auto !important;
        width: 100% !important;
    }

    .col-md-55 {
        flex: 0 0 auto !important;
        width: 100% !important;
    }

    .bbg-footer-qr {
        flex-flow: column !important;
    }

        .bbg-footer-qr > div {
            flex-flow: row !important;
        }
}


.container-1600 {
    width: 1600px !important;
    max-width: 100% !important;
    margin: auto;
}

/*--------------------------------------------------------------
# Scroll top button
--------------------------------------------------------------*/
.scroll-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 99999;
    background: rgba(0, 0, 0, 0) url(../images/home/icon-gototop.png) no-repeat scroll 50% 50% !important;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: all 0.4s;
}

    .scroll-top i {
        font-size: 24px;
        color: #fff;
        line-height: 0;
    }

    .scroll-top:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0) url(../images/home/back-to-top.png) no-repeat scroll 50% 50% !important;
    }

    .scroll-top.active {
        visibility: visible;
        opacity: 1;
    }

@media (max-width: 600px) {
    .scroll-top.active {
        visibility: hidden;
    }
}

/*fix anh info vua man hinh di dongj*/
img {
    max-width: 100%;
	}
td >img {
    vertical-align: middle;
    border-style: none;
    width: 100%;
}
table {
    width: 100% !important;
}
.is-wrapper p {
    margin-top: 0;
	margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px !important;
    padding-top: 10px !important;
    /*font-size: 20px !important;*/
    font-family: "BaoBacGiang8", "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #222;
    line-height: 1.5em;
}

/* MOBILE MENU */

.main-menu {
    /*background-color: #dbdcdd;*/
    color: #060808;
    margin-bottom: 17px;
    position: relative;
}

    .main-menu .logo-mobile {
        display: none;
        max-width: 135px;
    }

    .main-menu .menu-mobile {
        width: 100%;
        /*background: #fcfaf6 !important;*/
    }

    .main-menu .toogle-menu-mobile {
        display: none;
    }

    .main-menu .main-menu__link .link__homepage {
        background: none;
        color: #404040;
        margin-right: 10px;
        padding: 10px 12px 9px;
    }

        .main-menu .main-menu__link .link__homepage.active {
            background: rgba(108,110,112,.1);
            color: #404040;
        }

        .main-menu .main-menu__link .link__homepage img {
            width: 24px;
            height: 24px;
            /*filter: none;*/
            /*filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(131deg) brightness(104%) contrast(101%);*/
        }

        .main-menu .main-menu__link .link__homepage.active img {
            /*filter: none;*/
        }

    .main-menu .main-menu__link ul li {
        display: inline-block;
        position: relative;
    }

        .main-menu .main-menu__link ul li a {
            padding: 12px 20px;
            color: #060808;
            text-decoration: none;
            display: inline-block;
        }

            .main-menu .main-menu__link ul li a:hover, .main-menu .main-menu__link ul li a.active {
                background-color: rgba(108,110,112,.1);
                /*color: #ffff;*/
                /*color: #b30000;*/
                /*font-weight: 800;*/
            }

        .main-menu .main-menu__link ul li .icon-submenu {
            display: none;
        }

            .main-menu .main-menu__link ul li .icon-submenu img {
                display: inline-block;
                width: 12px;
            }

        .main-menu .main-menu__link ul li .sub {
            width: 190px;
            background: #fff;
            opacity: 0;
            visibility: hidden;
            position: absolute;
            z-index: 2;
            left: 0;
            top: calc(100% + 20px);
            box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
            transition-duration: 200ms;
            transition-property: opacity, top, visible;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

            .main-menu .main-menu__link ul li .sub li {
                display: inline-block;
                position: relative;
                width: 100%;
                min-width: 190px;
            }

                .main-menu .main-menu__link ul li .sub li a {
                    width: 100% !important;
                }

                    .main-menu .main-menu__link ul li .sub li a:hover {
                        /*background-color: unset;*/
                        background-color: rgba(108,110,112,.1);
                        /* color: #b30000;*/
                        /*text-decoration: underline;*/
                    }

                    .main-menu .main-menu__link ul li .sub li a.active {
                        background-color: rgba(108,110,112,.1);
                        /*color: #ffff;*/
                    }

        .main-menu .main-menu__link ul li:hover .sub {
            opacity: 1;
            visibility: visible;
            top: 100%;
            border-top: 1px solid #b30000;
        }

    .main-menu .main-menu__search input, .main-menu .main-menu__search button,
    .main-menu .main-menu__search input:focus,
    .main-menu .main-menu__search input:focus-visible {
        border: solid 1px #cdd6d7;
        border-radius: 0;
        outline: unset;
    }

    .main-menu .main-menu__search input {
        min-height: 25px;
        min-width: 200px;
        padding: 0 5px;
    }

    .main-menu .main-menu__search button {
        padding: 2px 5px;
        margin-left: 5px;
        transition: opacity .2s linear;
    }

        .main-menu .main-menu__search button:hover {
            cursor: pointer;
            opacity: .6;
        }

    .main-menu .btn-close-menu {
        position: absolute;
        top: 0;
        display: none;
        align-items: center;
        font-weight: 500;
        height: 50px;
        line-height: 48px;
        color: #fff;
        cursor: pointer;
        background: #ed2024;
        width: 100%;
        z-index: 105;
        font-size: 20px;
        padding-left: 15px;
    }

        .main-menu .btn-close-menu svg {
            width: 20px;
            height: 20px;
        }

        .main-menu .btn-close-menu:hover svg path {
            fill: #da0000;
        }

.main-menu {
    padding: 5px 0;
    /*background-color: #fe0000;*/
}

    .main-menu .logo-mobile {
        height: 40px;
        width: auto;
        max-width: 250px;
        object-fit: scale-down;
    }

    .main-menu .logo-mobile,
    .main-menu .toogle-menu-mobile {
        display: block;
    }

        .main-menu .toogle-menu-mobile > svg {
            vertical-align: middle;
            font-size: 0px;
            width: 32px;
            height: 32px;
            fill: white;
        }

    .main-menu .menu-mobile {
        position: fixed;
        max-width: 500px;
        width: 100%;
        background: #fff;
        z-index: 100;
        top: 0;
        bottom: 0;
        left: -100%;
        border-right: 1px solid rgba(0, 0, 0, 0.05);
        transition: .3s ease;
        justify-content: flex-end !important;
        padding: 15px;
        flex-direction: column-reverse;
    }

        .main-menu .menu-mobile .main-menu__link {
            width: 100%;
            display: block !important;
            text-align: center;
        }

            .main-menu .menu-mobile .main-menu__link .link__homepage {
                display: none;
            }

            .main-menu .menu-mobile .main-menu__link > ul {
                overflow-y: scroll;
                height: calc(100vh - 129px);
                padding-bottom: 30px;
            }

            .main-menu .menu-mobile .main-menu__link ul li {
                display: block;
                transition: none;
            }

                .main-menu .menu-mobile .main-menu__link ul li:not(:last-child) {
                    padding: 15px 0;
                }

                .main-menu .menu-mobile .main-menu__link ul li:last-child {
                    padding-top: 15px;
                }

                .main-menu .menu-mobile .main-menu__link ul li a {
                    font-size: 22px;
                    padding: unset;
                    width: 100%;
                    text-align: left;
                }

                    .main-menu .menu-mobile .main-menu__link ul li a:hover, .main-menu .menu-mobile .main-menu__link ul li a:active, .main-menu .menu-mobile .main-menu__link ul li a:focus, .main-menu .menu-mobile .main-menu__link ul li a.active {
                        background: unset;
                        color: #222222;
                    }

                    .main-menu .menu-mobile .main-menu__link ul li a.sub-menu {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                    }

                .main-menu .menu-mobile .main-menu__link ul li span {
                    display: inline-block;
                }

                    .main-menu .menu-mobile .main-menu__link ul li span:first-child {
                        width: calc(100% - 35px);
                    }

                    .main-menu .menu-mobile .main-menu__link ul li span.icon-submenu {
                        width: 35px;
                    }

                .main-menu .menu-mobile .main-menu__link ul li.show-submenu .sub-menu {
                    padding-bottom: 10px;
                    border-bottom: solid 1px #404040;
                }

                    .main-menu .menu-mobile .main-menu__link ul li.show-submenu .sub-menu .icon-submenu img {
                        transform: rotate(90deg);
                    }

                .main-menu .menu-mobile .main-menu__link ul li.show-submenu .sub {
                    padding-top: 15px;
                }

                    .main-menu .menu-mobile .main-menu__link ul li.show-submenu .sub li {
                        padding: 0;
                    }

                        .main-menu .menu-mobile .main-menu__link ul li.show-submenu .sub li:not(:last-child) {
                            margin-bottom: 20px;
                        }

                .main-menu .menu-mobile .main-menu__link ul li .sub {
                    position: unset;
                    box-shadow: none;
                    width: 100%;
                    opacity: 1;
                    visibility: visible;
                    display: none;
                    padding-left: 15px;
                }

                    .main-menu .menu-mobile .main-menu__link ul li .sub li {
                        display: block;
                    }

                        .main-menu .menu-mobile .main-menu__link ul li .sub li a {
                            font-size: 22px;
                            color: #404040;
                        }

                .main-menu .menu-mobile .main-menu__link ul li:hover .sub {
                    border-top: unset;
                }

        .main-menu .menu-mobile .main-menu__search {
            width: 100%;
            border-bottom: solid 1px #cccbcb;
            padding-bottom: 15px;
            margin-bottom: 20px;
        }

        .main-menu .menu-mobile .btn-close-menu {
            display: flex;
        }

        .main-menu .menu-mobile.active {
            left: 0;
            padding-top: 60px;
        }

    .main-menu .menu-mobile-overlay {
        height: 100%;
        width: 100%;
        top: 0;
        z-index: 5;
        bottom: 0;
        right: 0;
        left: 0;
        position: fixed;
        overflow: auto;
        opacity: 0;
        visibility: hidden;
        background-color: rgba(0, 0, 0, 0.6);
        transition: 0.5s;
    }

        .main-menu .menu-mobile-overlay.active {
            opacity: 1;
            visibility: visible;
        }

    .main-menu .main-menu__search input {
        min-height: 35px;
        min-width: 200px;
        flex: 1;
    }

    .main-menu .main-menu__search button {
        padding: 7px;
    }

@media (max-width: 600px) {
    .main-menu .btn-close-menu {
        background: #ed2024;
    }
    .main-menu {
        /*background-color: #fe0000;*/
    }

}
    /* MOBILE MENU */



/* footer */

#footer {
    background-color: #fff9e7;
    border-top: 5px double rgba(237, 27, 47, .2);
}
.bbg-footer-content.container {
    width: 1600px !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.line_height_14 {
    line-height: 20px;
    font-size: 18px !important;
    font-family: "Merriweather", serif, "Noto Serif", serif, Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
}

.bbg-footer {
    margin-top: 0;
    position: relative;
    width: 100%;
    padding-bottom: 0;
    font-family: BaoBacGiang8, Arial, Helvetica, sans-serif;
}

.bbg-footer-hidden {
    padding: 2em;
    background-image: url("../images/home/xhs90-window-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*background-size: contain;*/
}

.footer-first-title:hover {
    color: #fff000 !important;
}

.bbg-footer-title {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
}

.bbg-footer-content {
    line-height: 14px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.bbg-footer-address {
    font-size: 11px !important;
    font-family: BaoBacGiang8, Arial, Helvetica, sans-serif;
}


    .bbg-footer-address > p {
        font-size: 15px !important;
        line-height: 20px;
        margin: 0.5em !important;
        font-family: Arial, Helvetica, sans-serif !important;
    }

.bbg-footer-qr > img {
    /*max-width: 250px;*/
    max-height: 120px;
    float: right;
}

    .bbg-footer-qr > img.bbg-footer-qrcode {
        min-height: 150px;
    }


.footer-bottom {
    font-family: arial;
    font-weight: 300;
    color: #fff;
    background: #0d74dc;
    padding: 3px 10px;
    border-radius: 5px;
}

.footer-bottom-label {
    vertical-align: top;
    font-weight: bold;
    overflow: hidden;
    line-height: 24px;
    padding-left: 0;
    margin: 2px 0;
}

.footer-bottom-url {
    color: #c00000 !important;
    line-height: 14px;
    /*display: inline-block;*/
    vertical-align: top;
    font-size: 11px;
    font-weight: 700 !important;
}

    .footer-bottom-url a {
        color: #c00000 !important;
    }

.footer {
    padding: 0 !important;
}

footer {
    /*margin-top: 20px;*/
    /*background-color: #404040;*/
    line-height: 1;
    padding: unset;
}

    footer .footer__logo {
        height: 100%;
    }

    footer .footer__desc {
        width: 65%;
        margin-right: 10px;
        font-size: 16px;
    }

        footer .footer__desc p {
            margin-bottom: 2px;
            margin-top: 0;
            font-size: 16px;
            line-height: 1.6;
            font-weight: 300;
        }

    footer .footer__app {
        width: calc(100% - 65% - 10px);
    }

        footer .footer__app .qrcode {
            width: 35%;
            margin-right: 10px;
            text-align: center;
        }

            footer .footer__app .qrcode .qrcode__des {
                font-size: 14px;
                /* margin-bottom: 2px;*/
                margin-bottom: 6px;
            }

        footer .footer__app .app__list {
            width: calc(100% - 35% - 10px);
            margin-top: 22px;
        }

            footer .footer__app .app__list img:not(:last-child) {
                margin-bottom: 10px;
            }




@media (max-width: 468px) {
    .bbg-footer-hidden {
        display: none;
    }

    .bbg-footer-qr > div {
        /*display: none !important;*/
        margin-top: 10px;
        margin-left: 0 !important;
    }

        .bbg-footer-qr > div a {
            /*display: none !important;*/
            margin-left: 5px !important;
            margin-right: 5px !important;
        }

    .bbg-footer-qr .bbg-footer-qrcode {
        display: none !important;
    }

    .bbg-footer-not-hidden {
        margin-right: 0px !important;
        padding-left: .5rem !important;
        text-align: center;
    }
}

@media (max-width: 991.98px) {
    footer {
        padding: 10px 0;
    }

        footer .col-md-3, footer .col-md-9 {
            max-width: 100%;
            flex: 0 0 100%;
        }

        footer .footer__logo {
            max-width: 265px;
            margin: 0 auto;
            padding-bottom: 30px;
        }

        footer .footer__desc {
            width: 65%;
            font-size: 15px;
        }

        footer .footer__app {
            width: calc(100% - 65% - 10px);
        }

            footer .footer__app .qrcode {
                width: 36%;
            }

                footer .footer__app .qrcode .qrcode__des {
                    font-size: 13px;
                }

            footer .footer__app .app__list {
                width: calc(100% - 36% - 10px);
            }
}

.bbg-footer-address > p {
    font-weight: 400 !important;
}

.bbg-footer-logo > img {
    width: 100%;
}

.news-related__list {
	max-width: 1200px;
    margin: 0 auto;
}

.container .news-detail .detail-tag__title {
	padding-left: 20px !important;
}

._infographic img {
    width: 100% !important;
}


.social-media-list {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

    .social-media-list .item {
        width: 30px;
        height: 30px;
        border-radius: 100px;
        border: 1px solid #ccc;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: 0.3s;
        background: transparent;
        color: #212529;
    }

        .social-media-list .item:hover {
            background: #0a66c2;
            color: #fff;
            border: 1px solid #0a66c2;
        }


.icon-social .fb-share-button {
    /*padding: 2px 5px 5px 5px;
    border: 2px solid #E9E9E8;
    background: #FFFFFF;
    border-radius: 50px;
    cursor: pointer;
    width: 32px !important;
    height: 32px;
    text-decoration: none;
    text-align: center;
    margin: 0 3px;*/
}

.icon-social > a {
    /*padding: 5px;*/
    border: 2px solid #E9E9E8;
    background: #FFFFFF;
    border-radius: 50px;
    cursor: pointer;
    width: 32px !important;
    height: 32px;
    text-decoration: none;
    text-align: center;
    margin: 0 3px;
}

.news-detail__head .icon-social .zalo-share-button {
    /*margin-top: 10px;*/
}

.icon-social .icon-zalo {
    padding: 2px 5px 5px 5px;
    border: 2px solid #E9E9E8;
    background: #FFFFFF;
    border-radius: 50px;
    cursor: pointer;
    width: 32px !important;
    height: 32px;
    text-decoration: none;
    text-align: center;
    margin: 0 3px;
}

.news-detail-right__social .icon-social .icon-zalo {
    padding: 4px 5px 5px 5px;
}

.icon-social .icon-zalo img {
    scale: 2.3;
    display: inline-block;
    width: 18px;
}

.icon-social .icon-zalo:hover {
    border: 2px solid #2c64c3 !important;
    color: #ffffff !important;
    background: #2c64c3
}

.icon-social a .fa-facebook-f {
    font-size: 20px;
    padding: 0 3px;
}

.icon-social a .fa-link {
    margin: 0 -2px;
}

.icon-social a .icon-copy {
    font-weight: 500;
}

.icon-social a i {
    font-size: 14px;
    color: #686868;
    padding: 8px;
}

    .icon-social a i:hover {
        border: 0px solid #2c64c3 !important;
        color: #ffffff !important;
        background: #2c64c300
    }

i.fa.fa-facebook {
    font-size: 14px;
    color: #686868;
    padding: 8px;
}

.fa-facebook-f:before, .fa-facebook:before {
    color: #686868;
    margin: 0 -2px;
}
.fa-twitter:before {
    color: #686868;
    margin: 0 -2px;
}

i.fa.fa-twitter {
    font-size: 14px;
    color: #686868;
    padding: 8px;
}

    i.fa.fa-twitter:hover {
        color: #fff;
    }

i.fa.fa-envelope {
    font-size: 14px;
    color: #686868;
    padding: 8px;
}

    i.fa.fa-envelope:hover {
        color: #fff;
    }

i.fa.fa-print {
    font-size: 14px;
    color: #686868;
    padding: 8px;
}

    i.fa.fa-print:hover {
        color: #fff;
    }

i.fa.fa-link {
    font-size: 14px;
    color: #686868;
    padding: 8px;
}

    i.fa.fa-link:hover {
        color: #fff;
    }

.icon-social .copied {
    border: 2px solid #2c64c3 !important;
}

    .icon-social .copied i {
        color: #2c64c3 !important;
    }

.icon-social svg {
    font-size: 16pt;
    height: 20px;
    max-width: 20px;
    margin-top: 4px;
}

.icon-social .icon-email, .icon-social .icon-print {
    display: none;
}

@media (max-width: 768px) {
    .icon-social .icon-copy, .icon-social .icon-twitter {
        display: none;
    }
	.is-wrapper .container {
		margin-top: 60px;
	}
	.is-wrapper .news-detail__title {
		font: 700 2.1rem "Merriweather", serif;
		line-height: 1.4;
	}
}

.is-wrapper > p {
	max-width: 1200px;
    margin: 0 auto;
}

.containervideo {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}