/*
Theme Name: bongdalu5
Version: 1.0
*/
* {
    box-sizing: border-box; 
}
:root {
    --primary: #11502B; 
    --secondary:  #FAFAFA; 
    --warning: #E58602; 
    --danger: #EA1818; 
    --hover: #FFE600;
}
body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background: #F5F6F6;
}
h1, h2, h3, h4, h5 {
    margin-bottom: 30px;
    font-weight: bold; 
}
p {
    margin-bottom: 10px;
}
a {
    text-decoration: none; 
    color: #0000FF;
}
a:hover {
    color: var(--primary-color); 
}
b, strong {
    font-weight: 700; 
}
button:hover, button:focus, input:hover, .form-control:focus, .input-group .btn:focus {
    box-shadow: none; 
    outline: none; 
}
img, iframe, figure, caption {
    max-width: 100%; 
    height: auto; 
}
.header-main {
    height: 80px;
    display: flex;
    align-items: center;
}
.header-social > a:not(:first-child) {
    margin-left: 24px;
}
.header-social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.search-icon {
    text-align: right;
    cursor: pointer;
}
.header-bottom {
    height: 45px;
    background: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#header-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
}
#header-nav>li>a {
    font-family: 'Roboto';
    color: #fff;
    padding: 0 24px;
    line-height: 45px;
    display: block;
}
 #header-nav>li.current-menu-item>a {
    color: #fff;
    background: #166838;
}
#header-nav>li>a:hover {
    color: #fff;
    background: #166838;
}
footer {
    background: #0C361D;
    color: #fff;
    font-size: 14px;
}
.site-logo img {
    max-width: 320px;
}
.footer-about {
    font-size: 14px;
    text-align: center;
    margin-bottom: 30px;
}
.footer-about .site-logo {
    margin-bottom: 30px;
    display: block;
}
.ft-title {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 25px;
}
h3 {
    font-size: 20px; 
}
h4 {
    font-size: 16px; 
}
:focus-visible {
 outline: 0; 
}
.header-social a img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.header-social {
    float: right;
}
.container {
    max-width: 1200px;
}
.header-search input {
    border: none;
    background: transparent;
    border-bottom: 2px solid #FF6600;
}
.header-search button {
    border: none;
    background: none;
}
.header-search button i {
    color: #FF6600;
}
.footer-widgets ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-widgets ul li {
    margin-bottom: 15px;
}
.footer-widgets ul li a {
    color: #fff;
}
.footer-widgets ul li a:hover, .footer-widgets a:hover {
    color: var(--primary);
}
.footer-copyright {
    border-top: 2px solid #FF6600;
    padding-top: 15px;
    font-size: 14px;
}
.post-item .post-text {
    padding: 15px 0;
}
.post-item .post-text .post_title a {
    color: #000; 
    font-size: 16px;
    font-weight: bold; 
}
.post-item .post-text p {
    color: #000000;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.post-item .post-text .more-post {
    display: flex; 
    justify-content: space-between; 
}
.post-item .post-text .post-date {
    color: #4E4E4E; 
    font-size: 14px; 
}
.post-item .post-text .more-post a{
    color: #000; 
    font-size: 14px; 
}
.post-item .post-text a:hover {
    color: var(--primary); 
}

.w-pagination a, .w-pagination span {
    padding: 5px 15px;
    background: #f4f4f4;
    border-radius: 4px;
    color: #000;
}
.w-pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 15px;
}
.w-pagination a:hover, .w-pagination span.page-numbers.current {
    background: var(--primary);
    color: #fff;
}
nav.rank-math-breadcrumb a, nav.rank-math-breadcrumb span {
    color: #868686;
    font-size: 14px;
}
nav.rank-math-breadcrumb p {
    margin-bottom: 0; 
}
nav.rank-math-breadcrumb p:before {
    display: inline-block; 
    width: 16px;
    height: 16px; 
    background: var(--wpr-bg-98ed4aa9-f39e-4cba-98fe-7b4e1a5f4902);
    content: ""; 
    background-repeat: no-repeat; 
    margin-right: 10px;
    vertical-align: middle; 
    background-size: contain;
}
.archive-title, .entry-title {
    font-size: 30px; 
    color: #000; 
    margin-bottom: 15px; 
}
.widget-title, .bd-title {
    font-size: 30px;
    color: #000;
    display: block;
    margin-bottom: 30px;
    border-bottom: 2px solid #FF6600;
    text-transform: uppercase;
}
.widget {
    margin-bottom: 30px; 
}
.widget ul {
    list-style: none; 
    margin: 0;
    padding: 0; 
}
.item-post-widgets .post-text a {
    color: #000000;
    font-size: 14px;
    line-height: 1.2;
      font-weight: bold; 
     display: block; 
     margin-bottom: 5px; 
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    overflow: hidden; 
    -webkit-box-oridient: vertical; 
    
}
.item-post-widgets .post-text  {
    margin: 0;
    padding: 0; 
    
}
.item-post-widgets {
    margin-bottom: 30px;
}
.item-post-widgets .post-text p {
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}
.item-post-widgets .post-thumbnails img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.item-post-widgets .post-thumbnails a {
    position: relative;
    padding-top: 75%;
    display: block;
}
.more__link {
    background: #f4f4f4;
    padding: 15px;
    margin-bottom: 30px;
    margin-top: 30px;
} 
.more__link a {
    display: block; 
    margin-bottom: 5px; 
    color: #FF0000; 
    font-size: 14px; 
}
.author-info {
    background: #fff;
    border-radius: 16px;
    padding: 45px;
}

.author-info .author-name, .author-info .author-name a {
    font-size: 32px;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}
.author-desc p {
    font-size: 14px;
    display: block;
}
.author-desc .readmore {
    display: block;
    color: #000;
}
.author-social {
    display: flex; 
    flex-wrap: wrap; 
    gap: 5px; 
}
.author-social a {
    color: #f4f4f4; 
}
.author-avatar img {
    border-radius: 16px;
      width: 100%; 
}
.tags-list {
    list-style: none;
    margin: 0;
    padding: 0;
  display: flex; 
    flex-wrap: wrap; 
    margin-top: 30px; 
    margin-bottom: 30px; 
}
.tags-list  a {
    margin: 5px;
    background: #808080;
    padding: 5px 15px;
    border-radius: 4px;
    color: #333;
    background: #fff;
    font-size: 14px;
}
.tags-list  a:hover {
    background: var(--primary); 
    color: #fff; 
}
.float-right {
    float: right;
}
.mb-menu {
    text-align: center;
    list-style: none;
    line-height: 40px;
    margin: 0;
    padding: 0;
}
.mb-menu li a {
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    padding: 5px 15px;
}
.mb-menu>li {
    position: relative;
    display: block;
}
.mb-menu li.current-menu-item a {
    color: #FF6600;
}
.header-main {
    background: #F4F4F4;
    height: 70px;
}

.hero_banner {
    border-radius: 8px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 255px;
    padding: 40px;
    display: flex;
    align-items: center;
      flex-direction: column;
     justify-content: center;
     margin-bottom: 30px; 
    color: #fff; 
    position: relative; 
    
}
.hero_banner .banner-title {
    color: #fff;
    display: block; 
    width: 100%; 
    font-size: 40px; 
    font-weight: bold; 
}
.hero_banner::before {
    content: "";
    background: transparent linear-gradient(270deg, #74747433 0%, #000000 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px; 
}
.hero_banner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
     border-radius: 6px; 
}
.banner-caption {
    position: relative;
}
.list-date-odds .btn {
    font-size: 12px;
    background: #fff5f5 !important;
    color: #000 !important;
    padding: 5px 10px;
}
.list-date-odds .btn:hover, .list-date-odds .btn:first-child {
    background: #D6D8DC !important;
}

input#input-search {
    background: #EAEAEA;
}
.search_tyle {
    border: 0 !important;
}
td.TYLETT_2a {
    background: #166838;
}
.dong4 {
    background: #FAFAFA !important;
}
div#header-odds {
    font-family: 'Roboto';
}
.search-form.col-md-12 {
    padding: 0;
}

.right-box .right-head {
    background: #11502B;
    color: #fff;
    display: flex;
    justify-content: center;
    height: 35px;
    line-height: 35px;
}
.right-box .right-head .icon {
    margin-right: 5px; 
}
.right-box  {
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
}
.stading-tab button, .results-tab button, .stading-tab li a, .results-tab li a {
    color: #000000;
    font-size: 14px;
    padding: 5px 7px;
    border: none !important;
}
#stadingTab, #resultsTab {
    width: 100%;
    text-align: center;
    background: transparent;
    padding: 10px 0px;
}
.head-trandau {
    background: #EAEAEA !important;
    color: #000 !important;
    font-size: 14px !important;
    font-weight: bold !important;
}
.stading-tab button.active {
    text-decoration: underline;
}

.stading-tab .head-trandau {
    height: 35px;
}
.head-kq .stt, .list-leagues-standing .stt, .box-doi1>*, .time-trandau {
    font-size: 12px; 
    width: 20px; 
}
.list-leagues-standing>* {
    font-size: 14px; 
}
.head-kq, .list-leagues-standing {
    justify-content: space-between; 
}
.head-kq .name, .list-leagues-standing .name {
    width: calc(100% - 130px) !important;
}
.head-kq * {
    font-size: 13px;
    white-space: nowrap;
}
.head-kq .name, .list-leagues-standing .name {
    font-size: 12px !important;
}
.list-kq .list-leagues-standing, .head-kq {
    padding: 10px 0;
}
.list-kq .list-leagues-standing, .head-kq {
    border-bottom: 1px solid #EAEAEA !important;
}
.group-label {
    font-weight: bold;
    background: #EAEAEA 0% 0% no-repeat padding-box !important;
    padding: 10px;
    font-size: 14px;
}
.box-ketqua {
    background: #EAEAEA !important;
    padding: 5px !important;
}
.box-doi1> .logo-doi1 img, .box-doi1 .logo-doi2 img {
    /* display: none; */
    display: inline-block;
    width: 18px;
    height: 18px;
}
.head-kq .stt, .list-leagues-standing .stt, .box-doi1>*, .time-trandau {
    font-size: 12px !important;
    width: 50px !important;
}
.box-2doi {
    width: 100% !important;
}
.ltd-tab .box-2doi {
    gap: 15px;
    width: calc(100% - 50px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.ltd-tab .box-2doi .box-doi1 {
    text-align: right;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.name-doi2 {
    word-break: break-word;
}
.results-tab .box-ketqua {
    background: #034CCF;
    padding: 5px;
    border-radius: 6px;
    height: 45px;
      color: #fff; 
}
.ltd-tab .box-2doi .box-doi1 {

    flex-direction: row;
}
.ltd-tab .box-ketqua {
    background: #EAEAEA;
      color: #000; 
}
.box-2doi .box-doi1 {
    justify-content: flex-start;
}
.box-doi1> .logo-doi1, .box-doi1 .logo-doi2 {
    display: inline-block;
    width: 16px;
    flex: 1;
}
.leagues-nav  {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.leagues-nav li a {
    margin-right: 15px;
    background: #D6D8DC;
    padding: 5px 5px;
    border-radius: 4px;
    display: block;
    color: #000;
    font-size: 14px;
}
.leagues-nav li a.active, .leagues-nav li a:hover {
    background: var(--primary); 
    color: #fff; 
}
.leagues-nav {
    margin-bottom: 15px; 
}
.entry-content .time-trandau {
    font-size: 14px; 
}
.entry-content .head-kq .stt, .entry-content .list-leagues-standing .stt, .entry-content .time-trandau {
    font-size: 14px;
    width: 200px;
}
.entry-content .box-2doi .box-doi1:nth-child(1) {
    justify-content: flex-end;
    text-align: right;
    margin-right: 15px;
}
.entry-content .box-doi1> .logo-doi1 img,.entry-content .box-doi1 .logo-doi2 img, .entry-content .box-doi1> .logo-doi1, .entry-content .box-doi1 .logo-doi2 {
    display: inline-block;
    width: 24px;
    height: 24px;
}
.entry-content .name-doi1, .entry-content .name-doi2 {
    width: 200px !important;
    font-size: 14px;
}
.tab-ltd .box-ketqua, .tab-kq .box-ketqua {
    background: #FF6600 !important;
    color: #fff;
}
.ft-social {
    display: flex;
    flex-wrap: wrap;
    float: right;
}
.ft-social a img {
    height: 20px;
    width: auto;
}
.ft-social a:not(:last-child) img {
    margin-right: 3vw;
}
.sticky-sidebar {
    position: sticky;
    top: 10px; 
}
    .short {
      max-height: 500px; 
      overflow: hidden;
      transition: max-height 0.3s ease-out;
    }
.toggle {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
    color: var(--primary);
    cursor: pointer;
}
.hero_banner .label {
    background: #034CCF;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px;
    padding: 5px;
    text-transform: uppercase; 
    font-size: 14px; 
}

#page_banner .owl-nav {
    display: none; 
}
#page_banner  {
  position: relative; 
}
#page_banner .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 1234;
}
.owl-theme .owl-dots .owl-dot.active span {
    background: #fff;

}

.owl-theme .owl-dots .owl-dot span {
    background: transparent; 
    border: 1px solid #fff; 

}
.right-box .list-kq, .right-box .results-tab .tab-pane{
    overflow: hidden;
}

.right-box .list-kq::-webkit-scrollbar, .right-box .results-tab .tab-pane::-webkit-scrollbar {
    width: 10px;
}
.right-box .list-kq::-webkit-scrollbar-track, .right-box .results-tab .tab-pane::-webkit-scrollbar-track {
    background-color: #f4f4f4;
}
.right-box .list-kq::-webkit-scrollbar-thumb, .right-box .results-tab .tab-pane::-webkit-scrollbar-thumb {
    background: #034ccf; 
}
.entry-content .box-doi1> .logo-doi1, .entry-content .box-doi1 .logo-doi2 {
    width: 20px !important;
}
.entry-content .head-kq>*, .entry-content .head-kq .name, .list-leagues-standing .name, .entry-content .time-trandau {
    font-weight: bold;
    font-size: 14px !important;
}
.results-tab .box-ketqua {
    background: #FF6600 !important;
    padding: 6px !important;
    border-radius: 6px !important;
    height: 40px;
    color: #fff !important;
    line-height: 1;
    font-size: 14px !important;
    width: 40px !important;
    gap: 5px;
    height: 26px;
    border-radius: 4px !important;
}
.right-box .list-leagues-standing>* {
    font-size: 13px !important;
}
.search_tyle {
    border: none !important; 
}
.head-trandau {
    display: flex;
    align-items: center;
    gap: 5px;
}
#stadingTab, #resultsTab, #ketquaTab  {
    width: 100%;
    display: inline-block;
    border: none;
}
#stadingTab>li,  #resultsTab > li, #ketquaTab>li {
    white-space: nowrap;
    display: inline-block;
}

  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #9d50fb #f8e7e7;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 5px;
      height: 5px; 
  }

  *::-webkit-scrollbar-track {
    background: #f8e7e7;
  }

  *::-webkit-scrollbar-thumb {
    background-color: var(--primary);
    border-radius: 4px;
    border: 2px none #53629d;
  }
.page-template-page-bxh .acf_standings_widget, .page-template-page-ltd .acf_fixtures_widget, .page-template-page-kq .acf_results_widget {
    display: none;
}

.q-link .nav-item a {
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #fff;
    background: #e6e6e6;
    padding: 10px;
}
.q-link .icon img {
    width: 40px;
    border-radius: 4px;
    background: #fff;
}
.q-link .nav-item h2 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #000;
    margin-left: 15px;
}
.q-link .nav-item a:after {
    content: "\f30b";
    font-family: 'FontAwesome';
    display: inline-block;
    margin-left: auto;
    color: #034ccf;
}
.breadcrumb {
    border-bottom: 1px solid #CED0D3;
}
nav.rank-math-breadcrumb span.last {
    font-weight: bold;
    color: #000;
}
.post-item .post_title {
    margin-bottom: 5px;
}
.readmore-cat a {
    background: #166838;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
}
.line {
    border: 1px solid #f5e4e4;
}
.share-item-list li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}
.share-item-list {
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
}
.share-item-list li i {
    color: #ccc;
}
.navbar-toggler span {
    width: 35px;
    height: 2px;
    background: #fff;
    display: block;
    margin-top: 8px;
    transition: all .2s;
}
.navbar-toggler span:not(:first-child) {
    width: 23px;
}

.navbar-toggler[aria-expanded="true"] span:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
}

.navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggler[aria-expanded="true"] span:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    transform-origin: 10% 90%;
    width: 35px;
}

/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggle[aria-expanded="true"] .collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.fb-menu li a {
    display: block;
    BACKGROUND: #DBF2DD;
    text-transform: uppercase;
    padding: 5px 15px;
    margin: 1px;
    color: #000;
    border-radius: 4px;
    font-size: 14px;
    line-height: 35px;
}
.fb-menu  {
    padding: 0;
    list-style: none;
}
.fb-menu {
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.fb-menu  li.current_page_item a, .fb-menu  li.current_page_item a:hover {
    background: var(--primary);
    color: #fff;
}
.fb-menu li {
    width: calc(100%/4 - 1px);
    white-space: nowrap;
    text-align: center;
}
.box-list-trandau .item-trandau {
    background: #fff;
    padding: 5px 0;
    align-items: center;
}
.box-list-trandau .item-trandau:nth-child(odd) {
    background: #ECECEC;
}
.head-trandau {
    background: #166838 !important;
    color: #fff !important;
}
 .right-box .box-list-trandau .item-trandau {
    background: #fff;
 }
.entry-content .time-trandau {
    font-size: 14px;
    padding: 0 15px;
    text-align: center;
    display: block;
}
.right-box .head-trandau {
    background: #DBF2DD !important;
    color: #000 !important;
}
.box-2doi {
    gap: 8px;

}
 .list-leagues-standing>.diem {
    color: #FF6600;
}
.right-box .head-kq * {
    font-size: 13px;
}
.ltd-tab .head-trandau {
    display: flex;
    justify-content: space-between;
    height: 35px;
}
.head-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    background: #CED1D6;
    font-size: 14px;
        padding: 0 5px;
        height: 35px;

}
.item-trandau .time {
    display: flex;
    padding: 0 5px;
    gap: 10px;
    font-size: 14px;
}
.link_extra a {
    color: #fff;
    padding: 0 5px;
}
.head-trandau img {
    height: 23px;
    width: auto;
}
.aligncenter {
    margin: 0 auto;
    text-align: center;
}
.wp-caption {
  max-width: 100%; 
}
.archive_inner .post-img, .list-item .post-img {
    position: relative;
    padding-top: 75%;
}
.archive_inner .post-img img , .list-item .post-img img{
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
footer a {
    color: #81E06B;
}

@media only screen and (max-width: 992px) {
    .item-trandau .time, .item-trandau .round {
    display: none;
}

    .fb-menu li a {
        font-size: 12px;
        font-weight: 600;
        height: 35px;
        line-height: 35px;
        text-align: center;
        white-space: nowrap;
        font-size: 3vw;
        padding: 0;
    }
    .site-logo img {
        max-width: 100%;
    }
    .list-date-odds {
    white-space: nowrap;
    overflow-x: auto;
    width: 100%;
    display: inline-block !important;
}
    .entry-content .head-kq .stt, .entry-content .list-leagues-standing .stt, .entry-content .time-trandau {
    width: 60px;
}
  
.entry-content .box-2doi {
    width: calc(100% - 80px);
}
.entry-content .box-ketqua {
    background: var(--primary);
    color: #fff;
    padding: 8px;
    font-size: 16px;
}
.entry-content .box-doi1> .logo-doi1, .entry-content .box-doi1 .logo-doi2 {
    width: 50px !important;;
}
.entry-content .name-doi1, .entry-content .name-doi2, .entry-content .time-trandau {
    font-size: 13px !important;
}
.entry-content .box-2doi {
    width: calc(100% - 55px) !important;;
}
.header-main {
    background: #11502B;
    color: #fff;
}
.mobile-menu {
    background: #11502b;
}
.mobile-menu .header-search {
    text-align: center;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
}
.mobile-menu .header-search input, .mobile-menu .header-search i {
    color: #fff;
    border-color: #fff;
}
.md-order-1 {
    -webkit-order: -1;
    order: -1;
}
.footer-copyright {
    border: none;
    text-align: center;
    color: #A1A7B4;
}
.ft-social {

    justify-content: center;
    width: 100%;
    border-bottom: 2px solid #FF6600;
    padding-bottom: 10px;
}
.ft-social a:not(:last-child) img {
    margin-right: 10vw;
}
.search_tyle {
    width: 100% !important;
    margin: 5px 0 !important;

}
.search_tyle.select-league {
    margin-left: 0 !important;

}
.ltd-tab .name-doi2, .ltd-tab .logo-doi1, .ltd-tab .name-doi1 {
    flex: 1 auto;
}
.ltd-tab  .name-doi1, .ltd-tab  .name-doi2, .results-tab .name-doi1 , .results-tab .name-doi2{
    min-width: calc(100% - 30px);
}
}
.catfish-ad {
    position: relative;
    max-width: 100%;
    width: 728px;
    margin: 0 auto;
    z-index: 1234;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
.catfish-banner {
    position: relative;
    margin-bottom: 10px;
}
.catfish-banner button {
    position: absolute;
    right: 5px;
    background: #f00;
    color: #fff;
    border-radius: 99px;
    border: none;
}
.ad-rolling {
    width: 300px;
    position: fixed;
    z-index: 1243;
    top: 70px;
}
.fixed-top .header-ad {
    background: #fff;
}
@media only screen and (max-width: 992px) {
    .catfish-banner {
        max-width: 100%;
    }

}