body { color:#232627; user-select: text !important;}
.n2:nth-child(2n+1) { clear:left; }
.n3:nth-child(3n+1) { clear:left; }
.n4:nth-child(4n+1) { clear:left; }
.n5:nth-child(5n+1) { clear:left; }
.n6:nth-child(6n+1) { clear:left; }
.tagged_as { padding:15px 0; }
.tagged_as a { font-size:14px; background:#f1f1f1; margin:5px 10px 5px 0; display:inline-block; float:none; padding:5px 10px; border-radius:5px; }
.head.navbar-fixed-top { animation:stuckMoveDown .6s; box-shadow:1px 1px 10px rgba(0,0,0,0.15); position:fixed; width:100%; top:0; left:0; z-index:10; }
.head.navbar-fixed-top img {width: 100px;height: auto;}
@keyframes stuckMoveDown {
    0% { transform:translateY(-100%); } 100% { transform:translateY(0); } 
} 

@keyframes stuckMoveUp {
    0% { transform:translateY(100%); } 100% { transform:translateY(0); } 
} 

@keyframes stuckFadeIn {
    0% { opacity:0; } 100% { opacity:1; } 
} 
*,::after,::before { box-sizing:border-box !important; }
tbody {border-width: 1px ;border-color: #3333335c;}
table {margin-bottom: 20px;width: 100% !important;}
tr:nth-child(odd) {background: #dddd}
tr td { padding: 5px;border-right: 1px solid #3333335c;}
.container { max-width:1200px; }
.wp-caption { margin:0 auto;width:100% !important }
.row10 { margin:0 -10px; }
.row5 { margin:0 -5px; }
.row10 >div { padding:0 10px; }
.row5 >div { padding:0 5px; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.flex { display:flex; flex-wrap:wrap; }
.flex-center { align-items:center; }
.row-reverse { flex-direction:row-reverse; }
.column-reverse { flex-direction:column-reverse; }
.modal-dialog { margin:80px auto 0; }
.modal-content { border:none; box-shadow:none; border-radius:.5rem; position:relative; background-color:#fff; background-clip:padding-box; outline:0; }
.modal-header { background-color:#045d2d; color:#fff; padding:15px; border-bottom:1px solid #e5e5e5; min-height:16.42857143px; }
.modal-header .modal-title { position:relative; min-height:44px; font-weight:400; font-size:18px; line-height:normal; margin:0; line-height:44px; color:#fff; }
* { margin:0; padding:0; line-height:1.5; }
a:hover,a:focus,a:visited { text-decoration:none; outline:none; }
a { text-decoration:none; cursor:pointer; color:#232627; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; }
a:hover {}
img { max-width:100%; border:none; height:auto; }
h1 {text-transform: uppercase;}
h1,h2,h3,h4,h5,h6 { margin-top:0; line-height:1.5; font-weight:700; margin-bottom:15px; }

/*Popup*/
.cn-popup {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 9999;
  pointer-events: none;
}

.cn-popup__content {
  width: min(100%, 960px);
  margin: 16px;
  padding: 4px;
  border-radius: 12px 12px 0 0;
  background: #fff;
  box-shadow: 0 20px 40px rgba(0,0,0,0.25);
  transform: translateY(110%);
  transition: transform .35s ease;
  pointer-events: auto;
  position: relative;
}

.cn-popup.open .cn-popup__content {
  transform: translateY(0);
}

.cn-popup__close {
  position: absolute;
  right: -12px;
  top: -12px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

.cn-popup__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.cn-popup__item img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}

/* Nút mở lại popup */
.cn-popup__open {
  position: fixed;
  right: 18px;
  bottom: 18px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #ff5a5f;
  color: #fff;
  border: none;
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
  cursor: pointer;
  transition: opacity .2s, transform .2s;
  pointer-events: auto;
}

.cn-popup.open .cn-popup__open {
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
}

.breadcrumbs { padding:10px 0; text-align:center; font-size:20px; }
.breadcrumbs p {margin-bottom: 0px;}
.breadcrumbs a:hover { color:#CD0505; }
.top-mb {display: none;}
/*header*/
.banner-top { background:#950008; }
.banner-top .row { justify-content:center; }
.banner-top a { display:block; width:30%; }
.banner-top a img { width:100%; height:50px; }
.header_mb { display:none; }
.header_pc { display:block; background:#fff; }
.header_pc .header_logo .logo a { display:block; width:125px; height:auto; padding:5px 0; margin:0 auto; }
.header_pc .header_menu { background:#ffb93a; }
.header_menu ul { list-style:none; margin:0; }
.header_menu .menu li { position:relative; }
.header_menu .menu { display:flex; justify-content:center; }
.header_menu .menu>li { display:block; }
.header_menu .menu>li>.sub-menu {top: 100%;
    left: 0;
    transform: scaleY(0);
    transform-origin: 0 0;}
.header_menu .menu>li>.sub-menu li a { padding:6px 0;display:block;margin:0 12px ;border-bottom:1px dashed #ecf0f1; }   
.header_menu .menu>li>.sub-menu li a:hover {color:blue ;} 
.header_menu .menu .sub-menu { opacity:0; visibility:hidden; position:absolute; z-index:99; background:#fff; width:auto; padding:10px 0; min-width:220px; -webkit-box-shadow:0 1px 1px rgb(0 0 0 / 5%); -moz-box-shadow:1px 1px 15px rgb(0 0 0 / 15%); -o-box-shadow:1px 1px 15px rgb(0 0 0 / 15%); -ms-box-shadow:1px 1px 15px rgb(0 0 0 / 15%); box-shadow:1px 1px 15px rgb(0 0 0 / 15%); transition:all .3s; }
.header_menu .menu>li:hover>.sub-menu {opacity: 1;transform: scaleY(1);visibility: visible;}
.header_menu .menu>li>a { display:block; text-transform:uppercase; font-size:16px; padding:17px 17px; font-weight:bold; position:relative; }
.header_menu .menu>li>a:hover { background:#cccccc4a; color:#CD0505; }
.header_logo {position: relative;}
.btn-dk {position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5%;
}
.btn-dk a {
    display: inline-block;
    padding: 12px 28px;
    background: linear-gradient(135deg, #ff7b00, #ff3c3c);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(255, 60, 60, 0.3);
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
}

.btn-dk a:hover {
    background: linear-gradient(135deg, #ff3c3c, #ff7b00);
    box-shadow: 0 6px 16px rgba(255, 60, 60, 0.5);
    transform: translateY(-3px) scale(1.05);
}

.btn-dk a:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 2px 6px rgba(255, 60, 60, 0.3);
}
.btn-dk1 {position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20%;
}
.btn-dk1 a {
    display: inline-block;
    padding: 12px 28px;
    background: linear-gradient(135deg, #ff7b00, #ff3c3c);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(255, 60, 60, 0.3);
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
}

.btn-dk1 a:hover {
    background: linear-gradient(135deg, #ff3c3c, #ff7b00);
    box-shadow: 0 6px 16px rgba(255, 60, 60, 0.5);
    transform: translateY(-3px) scale(1.05);
}

.btn-dk1 a:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 2px 6px rgba(255, 60, 60, 0.3);
}
.btn-dk2 {position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 36%;
}
.btn-dk2 a {
    display: inline-block;
    padding: 12px 28px;
    background: linear-gradient(135deg, #ff7b00, #ff3c3c);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(255, 60, 60, 0.3);
    transition: all 0.3s ease;
    letter-spacing: 0.5px;
}

.btn-dk2 a:hover {
    background: linear-gradient(135deg, #ff3c3c, #ff7b00);
    box-shadow: 0 6px 16px rgba(255, 60, 60, 0.5);
    transform: translateY(-3px) scale(1.05);
}

.btn-dk2 a:active {
    transform: translateY(0) scale(0.98);
    box-shadow: 0 2px 6px rgba(255, 60, 60, 0.3);
}
@media (max-width: 782px) {
	.btn-dk2 {
    top: 100%;
    right: 2%;
}
	.btn-dk1 {
    top: 100%;
    right: 42%;
}
}
.bg-sapo {padding: 30px 200px 30px ;background: url("images/Polygon Luminary.svg") center/cover no-repeat;;color: #fff; margin-bottom: 20px}
.boxtop h2 {text-align: center;}
.bg-sapo .full-sapo .sapo ol {display: grid;grid-template-rows: repeat(5, auto); grid-auto-flow: column;gap: 8px 16px;margin: 0;}
.bg-sapo .img-sapo {text-align: right;}
.bg-sapo .img-sapo img { max-width:100%;filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 1)); }
/* ========== STYLE 11: FLEXIBLE FLEXBOX ========== */

/* ---- General Footer Styling ---- */
#footer {
    background-color: #fff;
    color: #4A4A4A;
    font-family: 'Manrope', sans-serif; /* Font chữ thân thiện, hiện đại */
    padding: 50px 0 20px;
    box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.04);
}

/* ---- Container & Widget Layout ---- */
#footer .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

#footer .fist-widget {
    display: flex;
    /* Kỹ thuật responsive cốt lõi: 
       - flex-wrap: wrap; Cho phép các mục xuống dòng.
    */
    flex-wrap: wrap;
    gap: 30px;
    margin: 0 -15px 40px -15px; /* Bù trừ cho padding của widget */
}

/* ---- Widget Styling ---- */
#footer .widget {
    padding: 0 15px;
    /* Kỹ thuật responsive cốt lõi:
       - flex-grow: 1; Cho phép widget lớn lên để lấp đầy không gian.
       - flex-basis: 280px; Chiều rộng cơ sở của widget,
         khi tổng chiều rộng vượt container, nó sẽ xuống dòng.
    */
    flex-grow: 1;
    flex-basis: 280px;
}

#footer .widget img {
    max-width: 140px;
    height: auto;
    margin-bottom: 15px;
}

#footer .textwidget p, 
#footer .textwidget a {
    font-size: 16px;
    line-height: 1.6;
}

/* ---- Footer Title Styling ---- */
#footer .footer-title {
    font-size: 20px;
    font-weight: 700;
    color: #2c3e50; /* Màu xanh đen */
    margin-bottom: 20px;
}

/* ---- List & Link Styling ---- */
#footer .widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#footer .widget ul li {
    padding: 8px 0;
}
#footer .widget a {
    color: #4A4A4A;
    text-decoration: none;
    transition: color 0.2s ease;
}
#footer .widget a:hover {
    color: #e74c3c; /* Màu đỏ cam làm điểm nhấn */
}
/* Thêm dấu đầu dòng tối giản */
#footer .widget ul a::before {
    content: '—';
    margin-right: 10px;
    color: #ccc;
}

/* ---- Copyright Section ---- */
#footer .tow-widget {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #f2f2f2;
    font-size: 14px;
    color: #999;
}
.social ul { padding:0; display:flex; justify-content:center; gap:30px; }
.social ul li { list-style:none; }
.social ul li i { color:#000; font-size:25px; transition:all 0.3s ease; }
.social ul li i:hover { transform:scale(1.3); }
.social ul li:nth-child(1) a:hover i { color:#0d6efd; }
.social ul li:nth-child(2) a:hover i { color:#0a58ca; }
.social ul li:nth-child(3) a:hover i { color:#cd0505; }
.archive .item_news { margin-bottom:15px;padding:10px; }
.archive .item_news .img img {width: 100%;}
.archive .item_news .desc {text-align: justify;}
.item_news {
    box-shadow: 0 0 25px 0 rgb(0 0 0 / 20%);
    border-radius: 5px;}
.wp-pagenavi {text-align: center;}    
.wp-pagenavi span , .wp-pagenavi a {border: 2px solid #ddd;margin: 0 5px;padding: 3px 10px;border-radius: 5px;background: #ffcf79;color: #232627 !important;}
.wp-pagenavi span.curen {border-color: #000}
.archive .info .capt a,.related-posts .capt a { font-size:20px; color:#214790 !important; margin-bottom:3px; font-weight:500; display:block; }
.archive .info .meta_single { margin-bottom:7px; }
.related-posts { padding-bottom:20px; }
.related-posts .title { font-weight:700; font-size:28px; text-transform:uppercase; color:#FFCE84; margin-bottom:20px; text-shadow:0 4px 4px rgba(0,0,0,0.25); }
.related-posts .item > div { margin-bottom:5px; }
#main { font-size:18px;  }
#main a { color:#ffcc23; }
#main a:hover { color:#cd0505; }
#main .box-rank a { color:#fff; }
#content_pages { margin-top:20px; }
.all_box { padding-bottom:20px; }
.row_1 { display:flex; align-items:center; }
.boxtop { padding:0 0 40px; }
.title_pages { font-weight:700; font-size:35px; text-transform:uppercase; margin-bottom:30px; text-align:center;color:#214790; }
.title-h1 {font-weight:700; font-size:35px; text-transform:uppercase; margin-bottom:30px; text-align:center;}
.top-pc { margin:30px 0; }
/*TOPLIST*/
.fa-star:before { content: "\f005"; color: #ffdc02; }
.top-pc .item { border-radius: 20px; display: flex ; align-items: center; gap: 20px; box-shadow: 0 4px 4px 0 #00000040; border: 1px solid #ececec; justify-content: space-around; position: relative; }
.item .colum1 .center { position: absolute; top: -8px; left: 10px; font-size: 14px; font-weight: 700; color: #333; padding: 2px 8px; background: #e2e2e2; min-width: 24px; max-width: 24px; display: flex ; align-items: center; justify-content: center; }
.item .colum2 .imgtop {  height:auto; width:130px; object-fit:cover; }
.colum1::after { content: ""; position: absolute; top: -8px; left: 34px; border-top: 8px solid transparent; border-left: 5px solid #3333339c; }
.item .colum2 .imgtop { height: auto; max-width: 130px; min-width: 130px; object-fit: cover; }
.colum3 { padding: 20px; background: #ffffff; border-radius: 18px; color: #757575;width:100%; }
.item .colum3 .dg-kh {display: flex;gap: 10px; margin: 3px 0;}
.colum3 p {margin-bottom: 0px;}
.colum3 h3 { font-size: 22px; font-weight: bold; color: #000000; margin:0px; }
.colum3 .btn { display: flex ; align-items: center; padding: 0;}
.colum3 .btn .content_km { color: #46ab5c; position: relative; background-color: #f4f4f4; padding: 10px; font-weight: 600; }
.colum3 .btn .content_km::after { content: ""; position: absolute; top: 11px; right: -30px; border-width: 0 22px 22px; border-style: solid; border-color: transparent #f4f4f4 transparent #f4f4f4; rotate: -90deg; }
.colum3 .btn >div { margin-right: 50px; }
.colum3 .btn .btn_reiew a{ background: #46ab5c; }
.colum3 .btn .btn_dk a {background: #d21451;}
.colum3 .btn .btn_reiew a, .colum3 .btn .btn_dk a, .colum3 .btn .btn_code a { padding: 10px 50px; font-weight: 600; color: #ffffff; border-radius: 5px 20px 5px; display: block; }
.top-pc:nth-child(1) .item  {background:#212121; }
.top-pc:nth-child(2) .item  {background:#212121; }
.top-pc:nth-child(3) .item  {background: #cdcdcdc2;}
.top-pc:nth-child(4) .item  {background: #171717c2;}
.top-pc:nth-child(5) .item {background: #000b27;}
.top-pc:nth-child(6) .item  {background: #101f52;}
.top-pc:nth-child(7) .item  {background: #21232a;}
.top-pc:nth-child(8) .item  {background: #020d24;}
.top-pc:nth-child(9) .item  {background: #1a1a1a;}
.top-pc:nth-child(10) .item  {background: #ac0b0b;}
.top-pc:nth-child(11) .item  {background: #1d1d1d;}
.top-pc:nth-child(12) .item  {background: #1e2024;}
.top-pc:nth-child(13) .item  {background: linear-gradient(180deg,transparent 30.26%,rgba(0,0,0,.4) 129.61%),#224e32;}
.top-pc:nth-child(14) .item {background: #1f212c;}
.top-pc:nth-child(15) .item  {background: #203374;}
.top-pc:nth-child(16) .item  {background: rgb(27 27 27);}
.top-pc:nth-child(17) .item  {background: #9d9d9d78;}
.top-pc:nth-child(18) .item  {background: #20222a;}
.top-pc:nth-child(19) .item  {background: #1a2c38;}
.top-pc:nth-child(20) .item  {background: #f2f2f2;}
.top-pc:nth-child(21) .item  {background: linear-gradient(5deg, #fe54c9c9, #5e95ba);}
.top-pc:nth-child(22) .item  {background: linear-gradient(5deg, #449c00c9, #143401);}
.top-pc:nth-child(23) .item  {background: linear-gradient(5deg, #5a0095c9, #143401);}
.top-pc:nth-child(24) .item  {background: linear-gradient(5deg, #8a0202, #000000);}
.top-pc:nth-child(25) .item  {background: #1a1a1a;}

.boxcolor { background:#fee; padding:20px 0; }
.boxboder1 { border:5px solid #cd0505; box-shadow:0 5px 4px 0 #00000040 inset; border-radius:10px; overflow:hidden; margin-bottom:15px; }
.box2 { border:4px solid #e99d2a; box-shadow:0 5px 4px 0 #00000040 inset; background:#fef6eb; padding:20px; }
.content-post p { margin-bottom:15px; }
.content-post img { display:block; margin:5px auto; }
.content_ct { border:8px solid #FCBA1B; box-shadow:0 0 20px 0 #00000040; background:#fff; border-radius:20px; padding:20px; margin-bottom:20px; }
.single .post-lq .box {height: 320px;}
.post-lq .box {  padding:10px; overflow:hidden;box-shadow:0 0 25px 0 rgb(0 0 0 / 20%);height:300px;border-radius:5px; }
.post-lq .box a { display:block; overflow:hidden;color: #214790 !important; }
.post-lq .box a img { transition:all 0.3s ease; }
.post-lq .box:hover a img { transform:scale(1.1); }
.post-lq .box h3 { font-size:15px; margin:10px 0; }
.post-lq .box p { font-size:14px; text-align:justify; }
.post-lq .box .post-date { text-align:center; }
.post-lq .list-category { margin-bottom:30px; }
.post-lq .list-category h2 { text-align:center; }
.post-lq .box .r-box h3 a {text-align:justify; }
.post-lq .box .r-box h3 a:hover {color:#214790; }
.post-lq .list-category .title-category {margin-bottom: 17px;}
.post-lq .list-category   h2  a { color:#232627 !important; }
.author-lucas-trinh .box-author { justify-content:space-evenly; }
.author-lucas-trinh .box-author .img img { width:200px; height:auto; }
.single .meta_single {text-align: center;margin-bottom: 10px;}
.depscription img {width: 100%;}
.author_box  {background: #fff;padding: 20px;border-radius:5px;box-shadow:0 0 25px 0 rgb(0 0 0 / 20%); }
.author_box .avatar {padding: 10px;}
.author_box .avatar img {border-radius: 40px;margin-bottom: 0;width: 100%;height: auto;}
.author_box .name {color: #FC8F00;font-weight: 700; font-size: 24px;}
.author_box .admin {color: #FF4E22;text-transform: uppercase;font-size: 20px;font-weight: 500;margin: 15px 0; }
.social_author ul { padding:0; }
.social_author ul li { display:inline-block;margin-bottom:0;margin-right:10px; }
.single .entry_content h2, .single .entry_content h3 { color:#214790; text-transform:capitalize;margin-bottom:15px; }
.list-product {margin-bottom: 20px;} 
.faq {margin-bottom: 20px;}
.faq .list .accordion .accordion-header button {background: #fff; color: #000; font-weight: 500;border: 2px solid #ffb93a; font-size:  19px; margin-bottom: 15px;border-radius: 20px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.faq .list .accordion .accordion-item {border: none;}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed  {border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;}
.home-content {margin-bottom: 30px;max-height:700px;overflow-y:auto;padding:15px;border:1px solid #ccc;border-radius:8px;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.1);line-height:1.6;}

.home-content img {display: block;margin: 30px auto;}
.home-content h3 { background: linear-gradient(45deg,#ffe970,transparent);padding: 5px 5px 5px 0;}
.home-content h3>strong {background:#0b8be9;padding:10px; color:#fff; }
@media screen and (max-width:1024px) { 
/*TOPLIST*/
.top-pc .item {flex-direction: column;}
.colum3  {padding: 15px 15px 0 15px;}
.colum3 .btn >div {margin-right: 0;}
.colum3 .btn  {margin:10px 0;justify-content: space-around; }
.colum3 .btn .content_km {display: none;}
} 
@media(max-width:768px) {
  * {
  line-height:1.3;
}

p {
  margin-bottom:10px;
}
h2,h3 {
  margin-bottom:10px;
}
#content_pages {
  margin-top:20px;
}
.n3:nth-child(2n+1) {
  clear:left;
}
.n3:nth-child(3n+1) {
  clear:none;
}
.n5:nth-child(2n+1) {
  clear:none;
}
.n5:nth-child(2n+1) {
  clear:left;
}
.container {
  width:100%;
  padding:0 10px;
  overflow:hidden;
}
.row {
  margin:0 -10px;
}
.row>div {
  padding:0 10px;
}
iframe {
  width:100%;
  height:200px;
}
.fancybox-slide--iframe .fancybox-content {
  width:100%;
  height:240px;
  max-width:calc(100% - 20px);
}
.fixed {
  position:fixed !important;
  z-index:1000000;
  width:100%;
  background:#fff;
  top:0;
  -webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.3);
  -moz-box-shadow:0 2px 7px 0 rgba(0,0,0,.1);
  box-shadow:0 2px 7px 0 rgba(0,0,0,.1);
}
.this_pc {
  display:none;
}
.this_mb {
  display:block;
}
.columns-4,.columns-5,.columns-6 {
  grid-template-columns:repeat(2,1fr);
  grid-gap:15px;
}
.columns-3,.columns-2 {
  grid-template-columns:repeat(1,1fr);
  grid-gap:15px;
}
.content_ct {
  padding:10px;
  border:5px solid #FCBA1B;
}
.archive .item_news {
  padding:10px;
  position:relative;
}

.archive .item_news .img img {margin-bottom: 10px;}
.archive .item_news .desc { display:none; }
.archive .info .capt a, .related-posts .capt a {font-size: 16px;}
.author_box {margin-bottom: 20px;}
.post-lq .box {display: flex;padding: 10px;gap: 10px;height: auto !important;}
.post-lq .box .l-box {width: 40%}
.post-lq .box .r-box {width: 60%}
.post-lq .box .r-box a {font-size: 13px;}
.post-lq .box .l-box a {height: 100%;width: 100%;display: block;}
.post-lq .box .l-box a img { height:100%; }
.bg-sapo .full-sapo .sapo ol {padding-left: 15px;font-size: 13px; gap: 8px 36px}
.archive .item_news:last-child:before {
  display:none;
}

#main {
  font-size:16px;
  margin:0;
}
.row_1 {
  display:block;
}
.title_pages {
  font-size:27px;
}
.bg-sapo {padding: 20px 15px}
.bg-sapo .img-sapo {display: none;}
.title-h1 {
  font-size:30px;
  font-weight:500;
  margin-bottom:5px;
}
.title_pages {
  font-size:22px;
  font-weight:500;
  margin-bottom:5px;
}
/*TOPLIST*/
.top-pc .item {flex-direction: column;}
.colum3  {padding: 15px 15px 0 15px;}
.colum3 .btn >div {margin-right: 0;}
.colum3 .btn  {margin:10px 0;justify-content: space-around; }
.colum3 .btn .content_km {display: none;}


.post-lq .post-item {
  margin-bottom:10px;
}
.post-lq .box a img {
  width:100%;
}
.post-lq .box h3 {
  margin:5px 0;width: 100%;
}
.post-lq .box p {
  margin-bottom:5px;
}
.breadcrumbs {
  font-size:16px;
}
.header_pc {
  display:none;
}
.header_mb {position: relative;
  display:block;
}
.header_main_mb .row_flex {
  padding:10px 0;
}
.header_main_mb .logo_mb {
  display:flex;
  align-items:center;
  justify-content:center;
  width:calc(100% - 80px);
  padding:0 10px;
}
.header_main_mb .logo_mb .logo {
  margin-bottom:0;
}
.header_main_mb .logo_mb .logo img {
  max-width:100%;
  height:60px;
  object-fit:contain;
}
.header_main_mb .box_right {
  width:40px;
  height:40px;
  cursor:pointer;
}
.touch_menu {
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  position:relative;
  cursor:pointer;
  border-radius:5px;
  z-index:1000;
  transition:all .3s;
}
.touch_menu:after,.touch_menu:before {
  content:"";
  -moz-transition:0.3s ease;
  -o-transition:0.3s ease;
  -webkit-transition:0.3s ease;
  transition:0.3s ease;
  height:2px;
  width:30px;
  position:absolute;
  left:6px;
  background:#000;
}
.touch_menu:before {
  top:12px;
}
.touch_menu:after {
  bottom:12px;
}
.touch_menu .line {
  width:20px;
  display:block;
  height:2px;
  background:#000;
  margin-left:6px;
}
.touch_menu.opened {}
.touch_menu.opened .line {
  display:none;
}
.touch_menu.opened:after,.touch_menu.opened:before {
  left:4px;
  background:#fff;
}
.touch_menu.opened:before {
  transform:rotate(-45deg);
  top:20px;
}
.touch_menu.opened:after {
  transform:rotate(45deg);
  bottom:18px;
}
#menu_bar_mobile {
  position:fixed;
  width:100%;
  height:100%;
  overflow:scroll;
  background:#222;
  z-index:999;
  top:0;
  left:0;
  display:none;
  padding-top:80px;
}
.menu_mobile {
  margin:0;
  background:#333;
}
.menu_mobile li {
  padding:0 20px;
  position:relative;
  list-style:none;
}
.menu_mobile li>a {
  padding:15px;
  border-bottom:1px solid #60656a;
  color:#fff;
  font-weight:500;
  display:block;
  font-size:16px;
  position:relative;
}
.menu_mobile li:last-child>a {
  border-bottom:0;
}
.menu_mobile li>i {
  position:absolute;
  padding:14px;
  color:#fff;
  position:absolute;
  right:20px;
  top:5px;
  cursor:pointer;
}
.menu_mobile li>.wrap_menu {
  list-style:none;
  margin-bottom:0;
  width:100%;
  height:100%;
  position:fixed;
  left:100%;
  top:0;
  padding-top:80px;
  overflow:scroll;
  background:#222;
  opacity:0;
  visibility:hidden;
  -moz-transition:all 0.8s ease;
  z-index:1000;
  -o-transition:all 0.8s ease;
  -webkit-transition:all 0.8s ease;
  transition:all 0.8s ease;
}
.menu_mobile li>.wrap_menu .sub-menu {
  background:#333;
}
.menu_mobile li>.wrap_menu.opened {
  left:0;
  opacity:1;
  visibility:visible;
}
.menu_mobile li>.wrap_menu .nameback {
  padding:15px 35px;
  color:#fff;
  font-weight:bold;
  font-size:16px;
  display:block;
  cursor:pointer;
  background:#333;
}
.author-lucas-trinh .box-author .img { margin-bottom:10px ;}
.author-lucas-trinh .box-author h2.name { text-align:center; }
.wp-pagenavi span, .wp-pagenavi a {margin: 2px; padding: 2px 3px;}
}
  @media screen and (max-width:1023px) and (min-width:768px) {}