@charset "UTF-8";

/*
Theme Name: topnhacaiuytin
Author: Cartoon
Version: 1.0
Text Domain: topnhacaiuytin
Description: Template topnhacaiuytin, layout & coding by Cartoon.
*/
body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #202020;
    background: #F1F4F9;
    word-break: break-word !important;
    overflow-wrap: break-word !important;

}

.clear {
    clear: both;
}

a {
    color: #EC2227;
    text-decoration: none;
    transition: 0.2s;
}

a:hover {
    color: #f9d773;
    text-decoration: none;
}

header {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 3px #dddddd;
}

.logo {
    max-width: 100%;
}

.logo img {
    max-width: 100%;
}

.menuh {
    color: #202020;
    position: relative;

}

.menuh .navbar {
    padding: initial;
}

.menuh .navbar li {

    display: flex;
    align-items: center;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-style: italic;
    font-weight: 500;
    position: relative;
}

.menuh .navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
    color: #46AB56;
}

.menuh a {
    color: #202020;
    position: relative;
}

.menuh li>a:hover,
.menuh .current-menu-item>a {
    color: #00a3da;
}

.menuh .logo a:hover::before {
    display: none;
}

.menuh .row-cols-md-auto li {
    list-style: none;
}

.menuh ul li.menu-item-has-children>a:after {
    content: "\f0dd";
    font-family: 'Font Awesome 5 Free' !important;
    position: absolute;
    font-weight: 700;
    font-size: 10px;
    bottom: -10px;
    text-align: center;
    right: 0;
    left: 0;
    margin: 0 auto;
    color: #00a3da;
}

.nhacai-lists {}

.gray {
    color: #a4a4a4 !important;
}

.nhacai-item {
    position: relative;
    color: #202020;
    transition: 0.2s;
    border-radius: 6px;
    overflow: hidden;
    border: #CDCDCD 1px solid;
    background: white;
}

.nhacai-item:hover {}

.nhacai-item .col-md-3 {
    justify-content: center;
    align-items: center;
    display: flex;
}

.nhacai-item img {
    max-width: 100%;
    width: 39px;
}

.nhacai-item-logo {}

.nhacai-item-logo img {
    max-height: 95px;
    width: 95px;
    max-width: 95%;
    height: auto;
}

.nhacai-item-name {
    color: #ACAAAB;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
}

.nhacai-item-star {
    margin: auto;
}

.nhacai-item-star .fa-star {
    font-size: 18px;
    color: #FFC506;
    margin-right: 5px;
}

.nhacai-item-star strong {
    font-size: 20px;
    color: black;
    display: block;
    text-align: center;
}

.nhacai-item-star span {
    font-size: 18px;
    color: #FFC506;
    font-weight: 600;
    float: right;
    margin-left: 0.3rem;
    height: 24px;
}

.star {
    width: 38px;
}

.nhacai-item-num {
    position: absolute;
    background: #00A3DA;
    color: white;
    width: 25px;
    height: 25px;
    text-align: center;
    border-bottom-right-radius: 6px;
}

.nhacai-item:nth-child(1) .nhacai-item-num {
    background: #FC4242;
}

.nhacai-item:nth-child(2) .nhacai-item-num {
    background: #4946AB;
}

.nhacai-item:nth-child(3) .nhacai-item-num {
    background: #E655C9;
}

.nhacai-item-btn {
    border-left: #CDCDCD 1px solid;
    background: #F7F7F7;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

.nhacai-item-des {
    border-top: #CDCDCD 1px solid;
    background: #F7F7F7;
    color: #171717;
}

.nhacai-item .title {
    color: #171717;
    font-weight: 800;
    font-size: 20px;
}

.nhacai-item-km {}

.nhacai-item-km b {
    display: block;
    font-size: 20px;
    color: #00A3DA;
}

.nhacai-item-km strong {
    font-size: 20px;
    font-weight: 700;
    /* margin-bottom: 8px; */
    display: block;
    color: #126E51;
}

.nhacai-chamdiem {
    font-weight: 600;
    font-size: smaller;
}

.nhacai-chamdiem i {
    color: #FFB60A;
    margin-right: 3px;
}

.nhacai-chamdiem span {
    color: #FC9E24;
}

.nhacai-sstar {
    border-radius: 15px;
    text-align: center;
    border: thin #CDCDCD solid;
    padding: 2px 10px;
    font-weight: 600;
}

.nhacai-sstar i {
    color: #FEBA00;
}

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

.btn-play {
    width: 80%;
    background: #0CB14B;
    color: #ffffff;
    font-weight: 700;
    font-style: italic;
    border-radius: 5px !important;
}

.btn-play:hover {
    background: #141b2b;
    color: white;
}

.btn-review {
    background: #828687;
    border-radius: 5px !important;
    /* border: 1px #126E51 solid; */
    color: #f9f9f9;
    font-weight: 500;
    width: 80%;
    font-style: italic;
}

.btn-review:hover {
    background: #141b2b;
    color: white;
}

.nhacair-item .nhacai-item-logo img {
    width: 60%;
    max-width: 100%;

}

.nhacair-item .star {
    width: 39px;
}

.content-section {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

.content-section table {
    margin-bottom: 10px;
}

.content-section tbody,
.content-section td,
.content-section tfoot,
.content-section th,
.content-section thead,
.content-section tr {
    border-color: auto;
    border-style: groove;
    border-width: 2px;
}

.content-section h1,
.content-section h2,
.content-section h3,
.content-section h4 {
    color: #171717;
}

.content-section h1 {}

#toc_container {
    background: none;
}

.title-1 {
    display: block;
    /* padding-bottom: 5px; */
    font-weight: 700;
    font-size: 30px;
    color: #203342;
    font-style: italic;
}

.title-2 {
    color: #126E51;
    font-size: 28px;
    font-weight: 700;
}

.cat-list {
    border-bottom: 1px #f3f3f3 solid;
}

.cat-list:last-child {
    border-bottom: none;
}

.cat-list .cat-list-img {
    display: flex;
    overflow: hidden;
    text-align: center;
    width: 100%;
    align-items: center;
}

.cat-list .cat-list-img div {
    width: 100%;
}

.cat-list .cat-list-img img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
}

.cat-list .cat-list-title {
    display: block;
    color: #203342;
    font-size: 20px;
}

.cat-list p a {
    color: #203342;
    font-weight: 600;
}

.cat-list p a i {
    color: #268134;

}

.cat-list-des {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    font-size: 15px;
}

.cat-list-read {
    color: #878A8F;
    font-size: 13px;
}

.cat-list-read a {
    color: #268134;
    text-decoration: underline;
    margin-right: 5px;
}

.cat-list-read a i {
    font-size: 15px;
}

.non-bg {
    background: none !important;
}

.content-section h2 {
    font-size: 24px;
    margin-bottom: 1rem;
    line-height: revert;
    font-weight: 600;
}

.content-section h3 {
    font-size: 20px;
    line-height: revert;
    font-weight: 500;
    
}


.content-section h4 {
    font-size: 15px;
    margin-bottom: 1rem;
    line-height: revert;
    font-weight: 600;
}

.content-scoll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 10px rgba(131, 131, 131, 0.3);
    background-color: #e1e1e1;
}

.content-scoll::-webkit-scrollbar {
    width: 10px;
    background-color: #e1e1e1;
}

.content-scoll::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
}

.content-section img {
    max-width: 100%;
    height: auto !important;
}

.content img,
.container img {
    max-width: 100%;
    height: auto !important;
}

.content div,
.content-section div {
    max-width: 100%;
}

.aligncenter {
    clear: both;
    text-align: center;
    margin: auto;
    display: block;
}

.wp-caption-text {
    text-align: center;
    /* border: thin silver solid; */
    border-top: none;
    margin-top: 10px;
    /* font-style: italic; */
    /* background: black; */
    font-size: smaller;
}

.content-section iframe,
.content-section table,
.content-section embed,
.content-section .wp-caption {
    max-width: 100% !important;
}

.content-section .card iframe,
.content-section .card table,
.content-section .card embed,
.content-section .card div {
    max-width: 100% !important;
}

.right-head {
    background: url(html/images/catetitle.png?) no-repeat;
    background-position: left center;
    background-size: 30px;
    color: #203342;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    padding-left: 40px;
}

.nhacair-item {
    transition: 0.2s;
    color: #202020;
    overflow: hidden;
}

.nhacair-item .nhacai-sstar {

    text-align: left;
    border: none;
    padding: 0;
    font-weight: 600;
    font-size: 13px;
}

.nhacair-item .nhacai-item-km b {
    display: initial;
    font-size: inherit;
}

.nhacair-item .nhacai-item-km {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: smaller;
}

.nhacair-item:last-child {
    border-bottom: none;
}

.nhacair-item strong {
    font-size: 19px;
    font-weight: 700;
    display: block;
    color: #515151;
    text-transform: uppercase;
}

.nhacair-item .nhacai-chamdiem {
    font-size: 14px;
    font-weight: bold;
    color: #474747;
}

.nhacair-item a.btn-play {
    width: 49%;
    font-size: small;
    padding: 3px;
}

.nhacair-item a.btn-review {
    width: 49%;
    font-size: small;
    padding: 3px;
}

.right-box {
    line-height: 25px;
    overflow: hidden;
}

.right-box .head {
    font-weight: 500;
    background: url(img/r-head.svg) no-repeat;
    background-position: left 8px;
    padding-left: 30px;
}

.right-post-item {
    color: #878A8F;
}

.right-post-item-title {
    color: #202B3D;
    font-weight: 600;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.right-post-item-title a {
    color: #202B3D;
    font-size: 13px;
}

.right-post-item-des {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.footer {
    line-height: 30px;
    background: url(html/images/footer.svg) no-repeat;
    color: #DBDBDB;
    background-size: cover;
    padding-top: 150px;
    background-position: center top;
}

.footer ul {
    padding: 0px;
    list-style: none;
}

.footer a {
    color: #F7F7F7;
}

.footer strong {
    color: #fff;
}

.footer-logo {
    height: 45px;
    max-width: 100%;
    margin-right: 20px;
}

.social-icons {}

.footer hr {
    background: #27E8AB;
    height: 2px;
    border: none;
    opacity: 1;
}

.foot-map {
    width: 100%;
}

.social-icons img {
    width: 25px;
    margin-left: 18px;
    transition: 0.2s;
}

.social-icons img:hover {
    opacity: 0.5;
}

.contact-mb {
    background: #EC2227;
    border-radius: 10px;
    margin: 15px;
    color: #000000f0;
    box-shadow: 0px 3px 6px #0000005c;
    padding: 10px;
    font-size: small;
}

.contact-mb p {
    margin-bottom: 5px;
}

.bookmarker-detail {
    color: #DADADA;

}

.bookmarker-logo {
    text-align: center;
}

.bookmarker-title {
    font-size: 25px;
    margin-bottom: 1.5rem;
    font-weight: 800;
    color: black;
}

.bookmarker-uudiem {
    background: #ffffff;
    height: 215px;
    color: black;
}

.bookmarker-uudiem-head {
    font-size: 20px;
    color: #171717;
    font-weight: 700;
    /* border-bottom: 3px #e91c8d solid; */
    display: block;
    background: url(html/images/uudiem.svg);
    background-repeat: no-repeat;
    background-position: right;
    margin-bottom: 15px;
}

.bookmarker-uudiem-body {
    border: thin #CDCDCD solid;
    border-radius: 6px;
}

.bookmarker-nhuocdiem-head {
    font-size: 20px;
    color: #171717;
    font-weight: 700;
    /* border-bottom: 3px #e91c8d solid; */
    display: block;
    background: url(html/images/nhuocdiem.svg);
    background-repeat: no-repeat;
    background-position: right;
    margin-bottom: 15px;
}

.bookmarker-nhuocdiem-body {
    border: thin #CDCDCD solid;
    border-radius: 6px;
}

.bookmarker-uudiem-body ul li,
.bookmarker-nhuocdiem-body ul li {
    margin-bottom: 10px;

}

.bookmarker-uudiem-body ul,
.bookmarker-nhuocdiem-body ul {
    list-style: none;
    padding: 0;
}

.bookmarker-uudiem-body ul li,
.bookmarker-nhuocdiem-body ul li {
    position: relative;
    padding-left: 30px;
    line-height: 25px;
}

.bookmarker-uudiem-body ul li:before {
    content: "+";
    position: absolute;
    width: 30px;
    text-align: center;
    color: #38AE56;
    font-weight: bold;
    top: 0;
    left: -4px;
    font-size: 30px;
}

.bookmarker-nhuocdiem-body ul li:before {
    content: "-";
    position: absolute;
    width: 30px;
    text-align: center;
    color: #FF1616;
    font-weight: bold;
    top: 0;
    left: -4px;
    font-size: 30px;
}

.content-author {
    background: #F2F2F2;
    border-radius: 8px;
    overflow: hidden;
}

.content-author-img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.content-author-des {
    text-align: justify;
}

.content-author-des-icon img {
    height: 20px;
    margin-right: 10px;
}

.list-post {}

.alm-btn-wrap .alm-load-more-btn {
    border: #126E51 thin solid !important;
    background: none !important;
    color: #126E51 !important;
    padding: 8px 25px !important;
    height: auto !important;
}

.alm-btn-wrap .alm-load-more-btn:hover {
    background: #126E51 !important;
    color: #fff !important;
}

.list-post-item {
    background: #fff;
}

.list-post-item .list-post-item-img img {
    aspect-ratio: 800 / 500;
}

.list-post-item-title {
    font-size: 15px;
    font-weight: 600;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 55px;
    transition: 0.2s;
}

.list-post-item-title a {
    color: #313131;
}

.list-post-item-des {
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    font-size: 14px;
    color: #858784;
}

.des-section {}

.silverbg {
    background: #F7F7F7;
}

.author-content img.avatar {
    float: right;
    border-radius: 50%;
}

.author-content img {
    margin-bottom: 15px;
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
}

.sitebreadcrumb {
    font-size: smaller;
    padding: 5px 0px;
    margin-bottom: 15px;
    color: #305C6B;
}

.sitebreadcrumb a {
    color: #305C6B;
}

.sitebreadcrumb a:first-child {
    color: #268134;
    font-weight: 600;
}

.sitebreadcrumb p {
    margin: 0;
}

.fmap iframe {
    width: 100%;
    height: 200px;
}

.tags {
    padding: 0;
    margin: 0;
    list-style: none;
}

.tags li {
    margin: 0px 15px 15px 0px;
    float: left;
}

.tags li a {
    background: #eaeaea;
    color: #393939;
    padding: 5px 10px;
    border-radius: 4px;
}

.tags li a:hover {
    background: #005997;
    color: #ffffff;
}

.form {
    z-index: 9999;
    overflow: hidden;
    transition: 0.3s;
    max-width: 100%;
}

.head-search {
    background: #ffffff;
    border: thin #126e51 solid;
    border-radius: 3px;
    /* font-size: 13px; */
    padding: 5px 8px;
    display: block;
    width: 100%;
}

.headmeta {
    color: #828687;
}

.headmeta a {
    color: #828687;
}

.fixedmenu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
}

.modal {
    z-index: 9999;
    margin-top: 150px;
}

.fade:not(.show) {
    opacity: 0;
    display: none !important;
}

.sub-menu {
    display: none;
    background: #ffffff;
    position: absolute;
    width: 200px;
    padding: 0px;
    margin: 0;
    /* border-radius: 5px; */
    z-index: 99;
    top: 33px;
    left: -12px;
}





.sub-menu li {
    border-bottom: thin #5f5f5f solid;
    background: none !important;
    height: auto !important;
}

.sub-menu li:hover {
    background: #46AB56;
}

.sub-menu li:hover a {
    border-bottom: none;
    padding-bottom: 0px;
    color: #46AB56 !important;
}

.sub-menu a {
    display: block;
    font-weight: 400;
    text-transform: none;
    font-size: small;
}

.menu_m_btns {
    cursor: pointer;
    color: #00a3da;
}

.catetitle {
    background: url(html/images/catetitle.png?) no-repeat;
    background-position: left center;
    color: #203342;
    font-size: 28px;
    font-weight: 700;
    font-style: italic;
    padding-left: 53px;
    margin-bottom: 20px;
}

.catetitle * {
    color: #203342;
    font-size: 28px;
    font-weight: 700;
    font-style: italic;
}

.bbg {
    background: #f7f7f7 url('html/images/bbg.jpg');
    background-size: 100%;
}

.footer-copyright {
    border-top: 1px #00A3DA solid;
    padding-top: 10px;
    padding-bottom: 10px
}

.bookmarker-logo img {
    width: 125px;
    max-width: 100%;
    height: auto;
}

.bookmarker-name {
    color: #00A3DA;
    font-weight: 800;
    font-size: 22px;
}

.bookmarker .nhacai-sstar {
    border: none;
}

.bookmarker-des {
    background: #F2F3F5;
    border-radius: 6px;

}

.bookmarker-des b {
    display: block;
    font-size: 20px;
}

.btn-bet {
    background: #0CB14B;
    color: #ffffff;
    font-weight: 600;
    font-style: italic;
    font-size: 15px;
    display: block;
}

.btn-bet:hover {
    background: #00a3da;
}



@media (min-width: 1400px) {

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

}

@media (min-width: 1200px) {
    .content-scoll {
        max-height: 1000px;
        overflow-y: scroll;
    }

    .menuh .row-cols-md-auto .col,
    .menuh .row-cols-md-auto li {
        /*width: 12.3%;*/
    }

    .ad_top .ad_top_item {
        padding: 0px 0.5rem 0.3rem 0rem;
    }

    .menuh .col-md-9 {
        padding-left: 0px;
        padding-right: 0px;
    }

}

@media (min-width: 993px) {
    .navbar-nav li:hover .sub-menu {
        display: block;

    }

    .menuh .navbar-collapse {

        margin-right: 20px;
    }

    .logo img {
        height: 30px;
    }
}

@media (min-width: 768px) {

    .stick {
        position: fixed;
        top: 10px;
    }

    .abs {
        position: absolute;
        bottom: 0px;
    }

}

@media (max-width: 1199px) {
    .home-des::after {
        display: none;
    }

    .bookmarker-detail .nhacai-chamdiem {
        line-height: 35px;
        font-size: 11px;
    }
}

@media (max-width: 991px) {
    .menuh .navbar li.menu-item-has-children:after {
        content: "\25bc";
        position: absolute;
        /* background: lime; */
        width: 15px;
        height: 15px;
        right: 5px;
        cursor: pointer;
        color: white;
        top: 15px;
        font-style: normal;
    }

    .sub-menu li {
        border-bottom: none;
    }

    .pcrightborder {
        border-right: none;
    }

    .bookmarker-detail .nhacai-chamdiem {
        font-size: 12px;
    }

    .home-des-logo {
        display: none;
    }

    .home-des-human {
        left: 0px !important;
    }

    .topsapo_menu ul {
        padding: 0;
        display: initial;
    }

    .topsapo_menu li {
        display: block;
        padding: 5px 10px;
        border-right: thin #424242 solid;
        width: 31%;
        float: left;
        font-size: 11px;
        text-align: center;
        border: thin #414141 solid;
        margin: 1%;
    }

    .topsapo_menu li:last-child {
        border-right: thin #414141 solid;
    }

    .btn-play {
        width: 40%;
        margin-top: 15px;
    }

    .btn-review {
        width: 40%;
        margin-top: 15px;
    }

    .menu_m_btns {

        position: absolute;
        right: 0;
        font-size: 20px;
        cursor: pointer;
        display: inline-block !important;
        z-index: 9999;
        top: 12px;
    }

    .menuh .navbar li {
        background: none !important;
        padding-left: 0px !important;
        cursor: pointer;
        display: block;
        height: auto;
    }

    .sub-menu {
        position: initial;
        padding-left: 15px;
        margin-top: 10px;
    }

    .content-section h3{
        font-size: 100%;
        padding-right: 30px;
    }

}

@media (max-width: 768px) {
    .footer {
        line-height: 30px;
        background: #005997;
        padding-top: 40px;
    }

    .menuh ul li.menu-item-has-children>a:after {

        bottom: 2px;
        text-align: right;
        right: -15px;
    }

    body {}

    .nhacai-info-logo {
        text-align: center;
    }

    .ad_top .ad_top_item img {

        height: auto;
    }

    .bookmarker-detail .nhacai-chamdiem {
        line-height: 25px;
        font-size: 10px;
        background: #b7ddd1;
        margin-bottom: 10px;
    }

    .nhacai-info-logo .nhacai-chamdiem span {
        color: #126e51;
    }

    .nhacai-info-des {
        border-left: none;
        text-align: center;
    }

    .nhacai-info-des .btn {
        margin-right: 0px;
        width: 80%;
    }

    body {}

    .hmenu {
        background: linear-gradient(0deg, rgba(19, 17, 46, 1) 0%, rgba(51, 37, 85, 1) 100%);
    }

    .fmap {
        text-align: center;
    }

    .fmap iframe {
        width: 95%;
        height: 80px;
    }

    .hiden-mobi {
        display: none !important;
    }

    .hiden-pc {
        display: block !important;
    }

    .menuh {
        padding: 5px;
    }

    .menuh .col,
    .menuh li {
        padding-left: 3px;
        padding-right: 3px;
    }



    .logo {
        text-align: center;
        position: absolute;
        /* right: 5px; */
        top: 12px;
        z-index: 9999;
        width: 100%;
    }

    .logo img {
        width: 110px;
        height: auto;
        max-width: 100%;
    }

    .navbar-toggler {
        z-index: 9999;
    }


    .home-des::before {
        background-size: 420px !important;
        width: 420px !important;
        height: 420px !important;
    }

    .home-des {
        min-height: 450px !important;
    }

    .nhacai-item {}

    .nhacai-item-logo img {
        width: auto;
        height: auto;
        max-width: 80%;
    }

    .btn-play {
        width: 40%;
        font-size: small;
    }

    .btn-review {
        width: 40%;
        font-size: small;
    }

    .nhacair-item .btn-play {
        width: auto;
    }

    .nhacai-item-btn {
        border-left: none;
        padding-bottom: 15px;
        border-top: #CDCDCD 1px solid;
    }

    .nhacai-item-km strong {
        font-size: 20px;
    }


    .bookmarker-uudiem {
        width: 100% !important;
        margin-bottom: 1rem;
    }

    .bookmarker-nhuocdiem {
        width: 100% !important;
    }

    .bookmarker-point {
        margin-bottom: 1rem;
    }

    .content-author-des {
        text-align: center;
    }

    .ad_top .ad_top_item img {
        width: 100%;
        height: auto;
        margin-bottom: 5px;
    }

    .home-des-text-head h1 {
        font-size: 25px;
    }

    .home-des-text {
        font-size: 15px;
        padding: 0px 15px;
    }

    .form {
        background: none;
        width: auto;
        border: none;
        text-align: center;
    }

}

@media (max-width: 550px) {
    .home-des::before {
        background-size: 250px !important;
        width: 250px !important;
        height: 250px !important;
    }

    .home-des-human {
        width: 45% !important;
    }

    .home-des-human img {
        width: 100% !important;
    }


    .home-des {
        min-height: 300px !important;
    }

    .hiden-mobi {
        display: none !important;
    }

    .hiden-pc {
        display: block !important;
    }

    .home-des-text-pc {
        display: none !important;
    }
}

@media (max-width: 380px) {
    .home-des::before {
        display: none !important;
    }

    .home-des-human {
        display: none !important;
    }

    .home-des-text-pc {
        display: block !important;
        ;
    }

    .home-des {
        min-height: auto !important;
        height: auto !important;
    }

}

.hiden-pc {
    display: none;
}

/****** ADS style************/
button.adclose {
    position: absolute;
    top: 0px;
    right: 0px;
    background: black;
    color: white;
    border: thin white solid;
    transition: 0.2s;
}

ins {
    display: block;
    margin-bottom: 3px !important;
    position: relative;
    margin: auto;
    max-width: 100% !important;
}

ins img {
    width: 100%;
    height: auto;
}

.adscatfish {
    position: fixed;
    right: 0px;
    bottom: 2px;
    width: 100%;
    text-align: center;
    z-index: 999;
}

.adscatfish ins {
    width: 600px;
}

.adfloat img {
    width: 75px;

}

#blLeft {
    position: fixed;
    left: 5px;
    bottom: 5px;
    z-index: 9999;
    width: 200px;
}

#blRight {
    position: fixed;
    right: 5px;
    bottom: 5px;
    z-index: 9999;
    width: 200px;
}

.modal-dialog {
    max-width: 302px;
    width: 302px;
    margin: 100px auto;
    background: none;
}

.modal-dialog .modal-content {

    border: none;
}

.headerbanner ins img {
    width: 600px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100px !important;
}


@media (min-width: 992px) {
    .ads-pc {}

    .ads-mb {
        display: none;
    }
}

@media (max-width: 991px) {
    .ads-pc {
        display: none;
    }

    .ads-mb {
        display: block;
    }

    ins img {
        width: 100%;
        height: auto;
    }

    .modal-dialog {
        max-width: 240px;
        width: 240px;
        background: none;
    }

}

/********** end ADS style **********/

#rank-math-faq .rank-math-list-item {
    margin-bottom: 1em;
    margin-top: 1em;
    border-bottom: 1px solid #fff;
}

.rank-math-block .rank-math-question {
    cursor: pointer;
    position: relative;
    display: block;
    margin-right: 1em;
    font-weight: 500;
    
    font-size: 16px;
    color: #000;
    padding: 10px;
    border-radius: 10px;
    margin: 0;
    list-style: none;
}

.rank-math-block .rank-math-question:after {
    position: absolute;
    right: 10px;
    top: 0;
    content: "\2715";
    transform: rotate(45deg);
    transition: all 150ms ease-in-out;
    height: 100%;
    display: flex;
    align-items: center;
}

.rank-math-block .rank-math-question.active:after {
    position: absolute;
    right: 10px;
    top: 0;
    content: "\2715";
    transform: rotate(270deg);
    transition: all 150ms ease-in-out;
    height: 100%;
    display: flex;
    align-items: center;
}


.rank-math-block .rank-math-question.collapse:after {
    transform: rotate(0deg);
}

.rank-math-block .rank-math-question:hover {
    opacity: 0.8;
}

.rank-math-block .rank-math-answer {
    padding: 15px;
    background: #fff;
}

.box-author{
    background: #fff;
    padding: 10px;
}

.box-author .item{
    display: flex;
    gap: 20px;
}

.box-author .item .thumbnail img{
    width: 500px;
    border-radius: 100%;
}

.content-section .more-content{
    text-align: center;

}

.content-section .more-content button{
    border: none;
    color: #00a4db;
    background: none;
    font-weight: 600;
    transition: 0.3s;
}

.content-section .more-content button:hover{
    color: #39d62d
}

.content-section .taxonomy-description{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

.content-section .taxonomy-description.show{
    -webkit-line-clamp: inherit
}
.fixture_football_recent{
	margin-bottom: 15px;
}
/****** ADS style************/
button.adclose {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #fffffffa;
    border: thin #8ad5fcfa solid;
    color: #8ad5fcfa;
    transition: 0.2s;
}
button.adclose:hover{
	background: #8ad5fcfa;
    color: #fffffffa;
}
ins{
    display: block;
    margin-bottom: 3px !important;
    position: relative;
    margin: auto;
    max-width: 100% !important;
}
ins img{
    width: 100%;
    height: auto;
}
.adscatfish{
	position: fixed; 
	right: 0px; 
	bottom: 2px; 
	width: 100%; 
	text-align: center; 
	z-index:999;
}
.adscatfish ins{
	width: 600px;
}
.adfloat img{
	width: 75px;
	
}
#blLeft{
	position: fixed; 
	left: 5px; 
	bottom: 5px; 
	z-index: 9999;
	width: 200px;
}
#blRight{
	position: fixed; 
	right: 5px; 
	bottom: 5px; 
	z-index: 9999;
	width: 200px;
}
.modal{
    z-index: 9999;
}
.modal-dialog {
    max-width: 302px;
    width: 302px;
    margin: 100px auto;
    background: none;
}
.modal-dialog .modal-content{
	background: none;
	border: none;
}
.headerbanner ins img{
	width: 600px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100px !important;
}
.stick {
    position: fixed;
    top: 10px;
}

.abs {
    position: absolute;
    bottom: 0px;
}

@media (min-width: 992px) {
.ads-pc{
	
}
.ads-mb{
	display: none;
}
}
@media (max-width: 991px) {
.ads-pc{
	display: none;
}
.ads-mb{
	display: block;
}
ins img{
	width: 100%;
	height: auto;
}
.modal-dialog {
    max-width: 240px;
    width: 240px;
    background: none;
}

}
/********** end ADS style **********/