@media screen and (max-width: 1024px) and (min-width: 768px) {

}

@media screen and (max-width: 1024px) {
   .league-standing-container {
      width: 92%;
   }

   .img-league-choose-standing {
      height: 63px;
   }

   /* standing */
   .wrap-tb-price-detail {
      padding: 0;
      margin-top: 0;
   }

   .table-standing {
      max-width: unset;
   }

   #total, #home, #away {

   }

   #nav-container-std {
      margin-bottom: 0;
   }

   .head-standing div, .group-row, .head-pt {
      font-size: 18px;
   }

   .rank, .team-detail, .wrap-score-detail div, .foot-standing,
   .detail-place-type {
      font-size: 16px;
   }

   .detail-place-type {
      padding: 1em;
   }

   .wrap-detail-pt {
      padding: 0.5em 0 0;
   }
}

@media screen and (max-width: 1023px) {
   header .logo img {
      width: auto;
   }

   /* highlight */
   .vs-score-hl {
      font-size: 18px;
      letter-spacing: 2px;
      /*margin: 0 1em;*/
   }

   .head-hl h2 {
      font-size: 20px;
   }

   .wrap-team-hl {
      justify-content: start;
   }

   .neon {
      font-size: 21px;
   }

   .vs-score-hl .play-btn {
      margin-top: 3px;
   }

   .team-name-hl {
      line-height: 1em;
   }
}

@media screen and (max-width: 768px) {
   #wrap-header.container {
      padding: 0 1% !important;
   }

   .header-title-section h1 {
      font-size: 27px;
      letter-spacing: -1px;
      white-space: normal;
      width: fit-content;
      padding: 8px 0;
   }

   /*button more*/
   .cta {
      transition: 0.5s;
      box-shadow: 6px 5px 2px #FBC638;
   }

   .cta span:nth-child(2) {
      transition: 0.5s;
      margin-right: 11px;
   }

   .wrap-footer-section svg g path.three {
      animation: color_anim 1s infinite 0.2s;
   }

   .cta path.one {
      transform: translateX(0%);
      animation: color_anim 1s infinite 0.6s;
   }

   .cta path.two {
      transform: translateX(0%);
      animation: color_anim 1s infinite 0.4s;
   }
   /*end button more*/

   /* youtube teded */
   .wrap-youtube-ch-item {
      padding: 1rem;
   }

   .youtube-title h2 {
      font-size: 20px;
   }

   .youtube-des p {
      font-size: 15px;
   }
}

@media screen and (max-width: 767px) {
   /*price*/
   .price-container {
      font-size: 14px;
   }
/*}*/

/*@media screen and (max-width: 600px) {*/


   #wrap-header.container {
      padding: 0 2% !important;
      height: 90px !important;
   }

   .header-title-section {
      /*max-width: 200px;*/
   }

   .header-title-section h1:before, .header-title-section h1:after {
      width: 53px;
   }

   .nav-menu-option {
      padding: 8px;
      margin-bottom: 36px;
      position: sticky;
      top: 90px;
      z-index: 9999;
      transition: 0.3s all;
   }

   .nav-menu-option.nav-container-sticky {
      background: #202020;
      box-shadow: 0px 2px 9px 1px #679e2a;
   }

   /*duball*/
   .duball-content-container {
      position: relative;
      font-size: 14px;
      min-height: 63px;
      align-items: center;
   }

   .home-duball-items {
      padding: 0;
      position: absolute;
      top: 0;
      left: 18%;
      height: 50%;
      align-items: center;
      display: flex;
   }

   .away-duball-items {
      padding: 0;
      position: absolute;
      bottom: 0;
      left: 18%;
      height: 50%;
      display: flex;
      align-items: center;
   }

   .time-duball-items {
      order: -1;
   }

   .play-duball-items {
      display: flex;
      flex-grow: 1;
      justify-content: end;
      right: 11%;
   }

   /* Livescore List */
   .ls-league-name {
      font-size: 13px;
   }

   .ls-content-container {
      position: relative;
      font-size: 14px;
      min-height: 63px;
      align-items: center;
      justify-content: start;
   }

   .home-ls-items {
      padding: 0;
      position: absolute;
      top: 0;
      left: 15%;
      height: 50%;
      align-items: center;
      display: flex;
      width: auto;
   }

   .away-ls-items {
      padding: 0;
      position: absolute;
      bottom: 0;
      left: 15%;
      height: 50%;
      display: flex;
      align-items: center;
      width: auto;
   }

   .time-ls-items {
      margin-left: 2%;
   }

   .play-ls-items {
      display: flex;
      flex-grow: 1;
      justify-content: end;
   }

   .home-ls-image {
      order: 0;
   }

   .detail-ls-items {
      justify-content: start;
      flex-grow: 1;
      font-size: 14px;
   }

   .score-sep {
      display: none;
   }

   .status-ls-2 {
      background: unset;
      border-radius: unset;
      width: unset;
      margin-right: unset;
      text-align: center;
   }

   .score-ls-items {
      display: block;
      border-radius: unset;
      background-color: unset;
      padding: unset;
      margin-left: unset;
      width: auto;
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      min-width: unset;
      margin-right: 2%;
   }

   .status-ls-items {
      min-width: unset;
      width: 11%;
   }

   .status-ls-1, .status-ls-2 {
      background: unset;
      border-radius: unset;
      margin-right: unset;
      display: block;
   }

   .home-score-ls, .away-score-ls {
      display: flex;
      height: 50%;
      align-items: center;
      justify-content: center;
      margin: 0 8px;
      font-size: 15px;
      font-weight: 700;
   }

   .home-ls-image img, .away-ls-image img {
      max-height: 27px;
   }

   .detail-status-live:before {
      content: "";
      border-radius: 0 7.5px 7.5px 0;
      display: block;
      height: calc(100% - 18px);
      left: 0;
      position: absolute;
      top: 9px;
      width: 4px;
      background: #d11f1f;
      /*background: #fbc638;*/

      /* override */
      margin: 0;
      animation: pulse-live-mb 2s;
      -webkit-animation-direction: forwards;
      animation-direction: forwards;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-timing-function: steps;
      animation-timing-function: steps;
   }

   .time-plus {
      display: block;
   }

   @-webkit-keyframes pulse-live-mb {
      0% {
         /*background-color: #ff3f29;*/
         opacity: 0.8;
         box-shadow: 0px 0px 2px 0px rgba(118, 41, 44, 0.75);
      }

      50% {
         /*background-color: #ff0000;*/
         opacity: 0.9;
         box-shadow: 0px 0px 11px 3px rgba(118, 41, 44, 0.75);

      }

      100% {
         /*background-color: #ff0000;*/
         opacity: 1;
         box-shadow: none;

      }
   }

   .ls-league-container {
      max-height: unset;
      height: auto;
      min-height: 47px;
   }

   /*price*/
   .price-container {
      font-size: 13px;
   }

   .team-price-items, .team-price-head {
      min-width: 36%;
      max-width: 36%;
   }

   .status-price-head, .status-price-items {
      width: 36px;
      min-width: 36px;
   }

   .pagination .page-link {
      font-size: 14px !important;
   }

   .img-league-choose-standing {
      max-width: 153px;
   }

   .wrap-league-choose {
      height: 162px;
   }

   .league-standing-container {
      width: 98%;
      padding: 1rem 5px;
      border-radius: 8px;
   }

   .img-league-choose-standing {
      height: 54px;
   }

   .wrap-league-choose:hover {
      background-color: unset;
      border-color: transparent;
   }

   .wrap-filter-league {
      flex-direction: column;
      align-items: center;
   }

   .filter-league {
      margin-top: 1em;
   }

   /* standing */
   #nav-container-std {
      position: unset !important;
   }
}

@media screen and (max-width: 599px) {
   .wrap-head-score-title div:nth-child(2),
   .wrap-head-score-title div:nth-child(3),
   .wrap-head-score-title div:nth-child(4),
   .wrap-head-score-title div:nth-child(5),
   .wrap-head-score-title div:nth-child(6),

   .wrap-score-detail div:nth-child(2),
   .wrap-score-detail div:nth-child(3),
   .wrap-score-detail div:nth-child(4),
   .wrap-score-detail div:nth-child(5),
   .wrap-score-detail div:nth-child(6)
   {
      display: none;
   }

   .wrap-head-score-title > div, .wrap-score-detail > div {
      width: calc(100% / 3);
   }

   .rank {
      width: 10%;
   }

   .logo-team-head-std, .logo-team-name-std {
      width: 60%;
   }

   .wrap-head-score-title, .wrap-score-detail {
      width: 30%;
   }

   .table-standing {
      padding-right: calc(var(--bs-gutter-x) * .5) !important;
      padding-left: calc(var(--bs-gutter-x) * .5) !important;
   }

   .head-standing div, .group-row, .head-pt {
      font-size: 16px;
   }

   .detail-place-type {
      margin: 1em;
   }

   .logo-team-name-std {
      padding-left: 8px;
   }

   /* standing */
   .head-standing .rank span:nth-child(1) {
      display: none;
   }
   .head-standing .rank span:nth-child(2) {
      display: block;
   }
}

@media screen and (max-width: 425px) {
   #b-img-mb, #block-img-top-mb {
      display: block;
   }

   #b-img, #block-img-top {
      display: none;
   }

   .img-league-title-standing {
      height: 72px;
   }

   /* highlight */

}

@media screen and (max-width: 375px) {
   /*header*/
   .logo img {
      width: 100% !important;
      height: auto !important;
   }

   /*livescore*/
   .ls-league-name {
      font-size: 12px;
   }

   .ls-league-container {
      padding: 5px;
      max-height: unset;
      height: auto;
   }

   /*price*/
   .price-container {
      font-size: 12px;
   }

   .nav-menu-option .nav-fill .nav-item {
      margin: 0 3px;
      width: 20%;
      font-size: 14px;
   }

   .nav-menu-option .nav-link {
      padding: 5px;
   }

   .pagination .page-link {
      font-size: 13px !important;
   }

   /* offcanvas menu */
   .offcanvas-nav a.nav-link {
      font-size: 14px;
   }

   /* highlight */
   .wrap-vdo-hl {
      margin: 8px;
   }

   .img-logo-hl {
      margin: 11px auto 2px;
      height: 53px;
   }
}

@media screen and (max-width: 320px) {
   /*ls*/
   .ls-league-name {
      font-size: 14px;
   }

   .ls-league-detail {
      font-size: 12px;
   }

   .status-ls-items {
      font-size: 12px;
   }

   .home-score-ls, .away-score-ls {
      font-size: 12px;
   }

   .home-ls-name, .away-ls-name {
      font-size: 12px;
   }

   .home-ls-image img, .away-ls-image img {
      width: 17px;
      height: 17px;
   }

   /*price*/
   .price-container {
      font-size: 12px;
   }

   .team-price-items, .team-price-head {
      min-width: 32%;
      max-width: 32%;
   }

   .team-price-block {
      padding: 0 4px;
   }

   .detail-price-items {
      height: auto;
      min-height: 81px;
   }

   .pagination .page-link {
      font-size: 12px !important;
   }

   /* offcanvas menu */
   .c-offcanvas--right {
      width: 270px;
   }

   /* highlight */
   .head-hl h2 {
      font-size: 18px;
      margin-bottom: 1px;
   }

   .img-logo-hl {
      height: 36px;
   }

   .neon, .score-hl {
      font-size: 17px;
      margin: 3px 0;
   }
}