@media (min-width: 1440px) {
    .container {
        max-width: 1184px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1184px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    body {
        font-size: 14px;
    }

    .navbar-brand img {
        max-width: 180px;
    }

    nav.navbar {
        gap: 10px 30px;
    }

    form.header-form input.form-control {
        width: 170px
    }

    header.header {
        padding: 30px 0 25px;
    }

    ul.navbar-nav {
        gap: 10px 15px;
    }

    .top-links>ul>li>a {
        font-size: 13px;
        /* padding: 9px 12px 9px 14px; */
        height: auto;
        text-align: center;
    }

    .top-links {
        overflow: hidden;
    }

    .top-links ul {
        max-width: 600px;
        overflow-x: auto;
    }

    .date-navigation #datepicker {
        background: transparent;
        font-size: 13px;
    }

    .bet-table button.icon-btn svg {
        width: 25px;
    }

    /* .championship-graph.team-from-graph .table-head-title h6 {
        left: -7px;
    } */

    .table-responsive.championship-table {
        background: #fff;
        border-radius: 0px 0px 23px 23px;
    }
    .team-form-table.standings-tbl .leauge-main-block p {
        max-width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .team-form-table.standings-tbl td {
        white-space: nowrap;
    }
    .player-team h2 {
        font-size: 18px;
        line-height: 20px;
    }
    .player-main-information h2 span {
        font-weight: normal;
        font-size: 16px;
    }
    .player-information{
        margin-top: 30px;
    }
    .player-main-information img {
        width: 100%;
        max-width: 130px;
    }
    .team-form-table.standings-tbl td {
        white-space: nowrap;
    }
    td.match_result_row p {
        max-width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 0;
    }

}

@media only screen and (max-width: 991px) {
   
    body {
        font-size: 14px;
    }
    .sports-table-cards .match-state h3 {
        font-size: 17px;
        font-weight: 600;
    }
    .table-responsive.championship-table {
        background: #fff;
        border-radius: 0px 0px 23px 23px;
        /* margin: -10px;
        padding: 10px; */
    }

    header.header {
        padding: 25px 0 25px;
    }

    .date-navigation {
        flex-wrap: nowrap;
    }

    .date-navigation .prev:after {
        border-right: 8px solid var(--likely-teal);
        border-left: 8px solid transparent;
    }

    .date-navigation #datepicker {
        background: transparent;
    }

    nav.navbar {
        padding: 0;
        gap: 10px 25px;
        justify-content: flex-start;
        align-items: center;
        position: relative;
    }

    li.mob-search {
        display: block;
    }

    .sports-table-cards {
        margin-top: 25px;
    }

    .mobile-team-sidebar {
        display: block;
    }

    .mobile-team-sidebar aside.sidebar.sidebar-left {
        display: block;
        max-width: 100%;
        margin-top: 20px;
    }

    form.header-form {
        display: none;
    }

    /* .mobile-team-sidebar .side-head.favourites-badge {
        border: 2px solid #B8292F;
        padding: 10px 20px 10px 20px;
        border-radius: 8px;
    } */
    /* .mobile-team-sidebar aside.sidebar.sidebar-left .side-head {
        border: 2px solid #B8292F;
        padding: 10px 20px 10px 20px;
        border-radius: 8px;
    } */

    aside.sidebar.sidebar-left {
        display: none;
    }

    .navbar-brand img {
        max-width: 150px;
    }

    ul.menu li img {
        width: 30px;
        height: 30px;
    }

    .right-header {
        position: absolute;
        right: 0px;
        top: 7px;
    }
    .main-content {
        border-radius: 0 0 16px 16px;
    }
    .main-content.content-right {
        margin-left: inherit;
        max-width: 100%;
        padding: 10px;
        /* background: transparent; */
    }
    .mobile-white-bg {
        background: #fff;
        margin: 0 -10px;
        padding: 10px;
    }
    .top-links>ul>li>a {
        font-size: 13px;
        /* padding: 9px 12px 9px 14px; */
        height: auto;
        text-align: center;
        /* background: #A0A0A0; */

    }

    .date-navigation.date-container #date {
        width: 30px;
        padding: 6px 3px;
        background: transparent;
    }

    .card-panel.accordion-item {
        background-color: transparent;
    }

    .date-navigation .date .icon-image:after {
        width: 25px;
        height: 25px;
    }

    .card-panel .card-content .card-item {
        border: 1px solid var(--dark-gray);
        margin-bottom: 17px;
        position: relative;
        padding: 60px 20px 10px 20px;
        background: #fff;
    }

    /* .card-panel .card-content .card-item .date {
        border-radius: 14px 0px 0px;
    } */
    .bet-table .match-state .status {
        min-width: 40px;
        padding: 7px 7px;
    }

    .card-item .bet-table {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
    }

    /* .card-item .bet-table .col-time {
        position: absolute;
        right: 7px;
        top: 3px;
        flex-direction: row-reverse;
    } */

    ul.navbar-nav {
        gap: 10px 10px;
        flex-direction: row;
        justify-content: center;
    }

    

    /* .sidebar-category-links .category-title {
        font-size: 20px;
        color: #000;
        letter-spacing: normal;
        line-height: 28px;
    } */

    .sidebar-nav .submenu li>a {
        padding: 10px 40px 10px 40px;
    }

    /* .sidebar-nav>li.has-children.active>a {
        color: #000;
    } */

    /* .sidebar-nav .submenu li>ul>li.current a {
        border-radius: 0px;
        background-color: #ECEBEB;
        color: #fff;
        color: #000;
    } */

    .sidebar-nav .submenu li>ul>li a {
        padding: 10px 40px 10px 5px;
    }

    /* .sidebar-nav>li>a:before {
        border-radius: 0px;
    } */

    .card-item .bet-table .col-fixture .row {
        align-items: flex-end;
        gap: 0px;
    }

    .card-item .bet-table .col-fixture .col {
        flex: inherit;
        width: 100%;
        padding: 0;
    }
    .col.col-fixture .row .col:nth-child(2) {
        align-self: center;
        max-width: 100px;
    }
    /* .bet-table .col:first-child .team-info {
        text-align: right;
        flex-direction: column-reverse;

    } */
    .bet-table .team-info>img {
        max-height: 40px;
        align-self: center;
        width: 40px;
    }

    /* .bet-table:last-child .team-info {
        text-align: left;
        flex-direction: column;
        align-items: baseline;
    } */
    .bet-table .team-info,
    .bet-table .match-state {
        gap: 0 2px;
        margin-bottom: 5px;
    }

    .bet-table .match-state {
        font-size: 16px;
        margin-bottom: 0;
        min-height: 35px;
        align-items: center;
    }

    .card-item .bet-table svg {
        width: 25px;
    }

    .top-links.team-batting-tab li.brand-logo img {
        width: auto;
        max-width: 75px;
        object-fit: cover;
    }

    .top-links.team-batting-tab li.brand-logo img {
        width: auto;
        max-width: 75px;
        object-fit: cover;
    }

    /* .team-wrap-tab .top-links ul {
        width: 340px;
        overflow-x: auto;
    } */
    .odds-top-link li a {
        /* padding: 10px 7px 7px 9px; */
        font-size: 16px;
        text-align: center;
        width: 100px;
        height: auto;
    }

    .leauge-main-block h3 span {
        font-weight: normal;
        font-size: 15px;
    }

    .leauge-main-block h3 {
        font-size: 15px;
    }

    .leauge-main-block img {
        width: 100%;
        max-width: 80px;

    }

    .team-odds-button .odds-top-link ul li.bet-icon img {
        width: 84px;
        /* height: 39px; */
    }

    .team-main-name img {
        width: 100%;
        max-width: 80px;
        padding-bottom: 12px;
        height: 90px;
    }

    .team-main-name h3 {
        font-size: 16px;
    }

    .main-setting-section.login-main-wrapper {
        width: 90%;
    }

    .price-section-wrapper .side-title h3,
    .price-section-wrapper .side-title h2 {
        font-size: 14px;
        margin-bottom: 0;
    }
    .side-title.left-top-title h3 {
        margin-bottom: 20px;
    }
    .price-middle-section .side-title h5 {
        font-size: 13px;
        font-weight: normal;
        margin-bottom: 0;
        line-height: 14px;
        word-break: break-word;
        padding-top: 0;
    }
    .free-month p {
        padding: 1px;
    }

    .free-month-wrapper span.free-text-edit {
        font-size: 13px;
        font-weight: 600;
    }

    .free-month-wrapper .price-buy button a {
        padding: 8px 8px 8px 8px;
        font-size: 12px;
    }

    .premium-border {
        border: none;
    }

    .standard-border {
        border: none;
        position: relative;
    }
    .standard-border:before {
        position: absolute;
        width: 2px;
        height: 100%;
        background: #ddd;
        left: 0;
        content: '';
    }

    /* .price-middle-section .price-section-wrapper {
        background: #fff;
    } */
    .table-title{
        font-weight: 500;
    }
    .free-month-wrapper .price-buy a {
        padding: 8px;
    }

    /* .side-title.premium {
        background: #fff;
    } */

    /* .side-title.free-block {
        background: #fff;
    } */

    .price-middle-section .side-title p {
        font-size: 12px;
        margin-bottom: 0;
        line-height: 20px;
    }

    .popular-tag {
        display: none;
    }

    .price-middle-section .premium-border.footer-border,
    .price-middle-section .standard-border.footer-border {
        border-bottom: none;
        border-radius: inherit;
    }

    .main-profile .mobile-profile-box {
        display: block;
        padding-top: 30px;
        border-radius: 16px;
        background: #fff;
        padding-bottom: 30px;
    }

    .main-profile .mobile-profile-box .main-top-header {
        justify-content: center;
        margin-bottom: 10px;
    }

    .mobile-profile-box .account-side-menu.top-links ul {
        width: 100%;
        max-width: 210px;
        margin: 0 auto;
        padding-bottom: 25px;
    }

    .main-profile .mobile-profile-box .profile-edit {
        text-align: center;
    }

    .date-navigation #yearPicker {
        background: transparent;
        padding: 6px 6px 6px 10px;
        width: 51px;
    }
    .date-navigation.date-container .date-icon{
        margin: 0 0 0 0px;
    }
    .card-item .bet-table .col-fixture{
        margin-left: 0;
    }
    /* .bet-table .col:first-child .team-info{
        justify-content: center;
    } */
    .bet-table .col:last-child .team-info{
        /* justify-content: center; */
        font-weight: 500;
    }
    .main-top-header.flex-between {
        align-items: center;
    }
    .free-month-wrapper .price-buy button{
        padding: 5px 12px 5px 12px;
    }
    /* .side-title.free-block .standard-border{
        height: 100%;
         max-height: 68%;
    } */
    /* .premium-border .free-month{
        border-left: 2px solid #ddd;
    }
    .premium-border .free-month:first-child {
        border-left: none;
    } */
    .side-title.premium .main-premium-data.d-flex:after {
        position:absolute;
        content:'';
        width:2px;
        height:100%;
        background:#ddd;
        top:0;
    }
    .main-premium-data{
        padding: 10px 0;
        border-bottom: 2px solid #ddd;
        position: relative;
    }
    .free-month-wrapper.d-flex {
        position: relative;
    }
    .side-title.premium .free-month-wrapper.d-flex:after {
        position: absolute;
        content: '';
        width: 2px;
        height: 100%;
        background: #ddd;
        top: 0;
    }
    .free-month-wrapper .free-month {
        text-align: center;
        padding: 15px 0;
        width: 100%;
        max-width: 97px;
    }
    /* .side-title.free-block .standard-border .free-month-wrapper.d-flex{
        height: 100%;
    } */
    /* .side-title.free-block .standard-border .free-month-wrapper .free-month{
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    } */
    .card-item .bet-table .col-fixture .col.mid-col-vs{
        align-self: center;
        max-width: 45px;
    }
    .card-item .bet-table .col-fixture .col.mid-col-vs:nth-child(2) {
        max-width: 45px;
    }
    /* .register-section.mobile-register {
        display: none;
    } */
    .profile-edit-remove{
        margin-bottom: 10px;
        justify-content: center;
        flex-direction: column;
    }
    .profile-edit-button {
        margin-left: 0;
    }
    .premium-heading-wrap,
    .standerd-headimg-wrap{
        padding: 10px 0px 10px 0px
    }
    .upload-btn-wrapper {
        display: inline-block;
        margin: 16px 5px 0px;
    }
    button#remove_logo{
        padding: 10px 20px 10px 16px;
    }
    main.main-content.content-right.main-profile {
        background: #fff;
    }
    .table-head-title h6{
        z-index: 99;
        font-size: 14px;
        left: -38px;
    }
    .table-bottom-title h6 {
        font-size: 14px;
    }
    .mobile-white-bg.league-bg .main-top-header.flex-between {
        flex-direction: inherit;
        align-items: flex-start;
    }
    /* .championship-graph.team-from-graph th.txt-rotate{
        color: #1eafb3;
    } */
    .championship-graph.team-from-graph .table-head-title h6{
        left: -17px 
    }
    .side-title.premium {
        flex: 0 0 44%;
    }
    p.copyrights {
        margin: 0;
        font-size: 14px;
        white-space: nowrap;
    }
    .profile-email.form-group.profile-tel select {
        width: 160px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
      }
      .footer-social.width-30 {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    .footer-social ul{
        justify-content: center;
    }
    .footer-social.width-30 i {
        font-size: 18px;
    }
    .search-bar-box .name-section {
        margin-bottom: 15px;
        display: block;
      }
      .page-heading h2{
        font-size: 19px;
      }
      .page-heading h2 span::after{
        width: 50px;
      }
      .page-heading{
        margin: 15px 0;
      }
      .main-setting-section.login-main-wrapper.search-box.searchMob {
        height: 440px;
        overflow: auto;
    }
    .search-bar-box .leauge-main-block h3{
        text-align: left;
    }
    .main-setting-section.login-main-wrapper.search-box.searchMob .setting-top-heading {
        display: inherit;
    }
    .championship-graph.team-from-graph a{
        /* width: 25px;
         height: 25px; */
        line-height: 18px; 
      }
      .championship-graph.team-from-graph table {
        border-collapse: inherit;
    }
      .team-form-table.standings-tbl .leauge-main-block img{
        width: 100%;
         max-width: 25px;
      }
      .team-form-table.standings-tbl .leauge-main-block {
        margin-bottom: 0;
        white-space: nowrap;
    }
    .custom-progress{
        margin-top: 7px;
    }
    .team-icon img {
        width: 100%;
        max-width: 50px;
        object-fit: contain;
        height: 50px;
    }
    .championship-graph.mob-championship-graph td{
        min-width: 40px;
        height: auto;
    }
    .date-navigation .date{
        padding: 0 7px 0 0px;
    }
    .team-winning-percent ul li {
        display: flex;
        justify-content: space-between;
    }
    .team-form-table.standings-tbl .leauge-main-block p{
        max-width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .championship-graph.team-from-graph .leauge-main-block p{
        max-width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 75px -36px 58px;
    }
    .championship-graph.team-from-graph th#sort_by_team {
        top: 25px;
    }
    .team-logo-block.win-block .team-winning-percent {
        width: 100%;
        max-width: 88px;
    }
    th.mob-space,
    td.mob-space{
        padding: 2px;
    }
    .championship-graph td.border-chart-row:after {
        top: 41px;
        z-index: 9;
        border-bottom: 5pt dotted #1EAFB3;
    }
    .team-form-table.standings-tbl th:nth-child(1),
    .team-form-table.standings-tbl td:nth-child(1) {
        position: sticky !important;
        left: 0px;
        background-color: white;
        z-index: 2;
    }

    .team-form-table.standings-tbl th:nth-child(2),
    .team-form-table.standings-tbl td:nth-child(2) {
        position: sticky !important;
        left: 29px;
        background-color: white;
        z-index: 2;
    }
    .championship-graph.team-from-graph th.txt-rotate.team-rotate i.arrow {
        top: 85px;
        transform: rotate(-90deg);
        left: -25px;
        right: 0;
        margin: 0 auto;
    }
    .championship-graph.team-from-graph th:nth-child(1),
    .championship-graph.team-from-graph td:nth-child(1) {
        position: sticky !important;
        left: -1px;
        background-color: white;
        z-index: 2;
        /* padding: 0; */
    }
    .championship-graph td.border-chart-column:nth-child(14):before {
        border-left: 4.5pt dotted #1EAFB3;
        left: -4px;
        z-index: 2;

    }
    .championship-graph.mob-championship-graph .custom-teampop:hover .team-name-popup .team-icon img{
        display: none;
    }
    .team-form-table.standings-tbl .display th{
        text-align: center;
        color: #979797;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 12px;
        margin-bottom: 0;
        white-space: nowrap;
    }
    .team-form-table.standings-tbl th {
        text-align: center;
        color: #979797;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 12px;
        margin-bottom: 0;
        white-space: nowrap;
    }
    .main-top-header.flex-between.mobile-player-profile {
        flex-direction: row;
        align-items: flex-start;
    }
    .player-main-information {
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
        max-width: 200px;
    }
    .player-team {
        margin-top: 20px;
    }
    .player-team h2 {
        font-size: 18px;
        line-height: 20px;
    }
    .player-main-information h2 span {
        font-weight: normal;
        font-size: 16px;
    }
    .player-information{
        margin-top: 30px;
    }
    .player-main-information img {
        width: 100%;
        max-width: 110px;
    }
    .team-form-table.standings-tbl td {
        white-space: nowrap;
    }
    td.match_result_row p {
        max-width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 0;
    }
    .team-risk-block .bet-win{
        gap: 0 11px;
    }
    td.no-pad.bottom-sticky table td, .team-from-graph-new td.no-pad table td {
        white-space: nowrap;
    }
    .player-team-logo img {
        width: 100%;
        max-width: 75px;
        object-fit: contain;
    }
    .side-title.left-top-title {
        padding-top: 25px;
        padding-left: 10px;
    }
    .price-section-wrapper.d-flex{
        top: 90px;
    }
    .team-form-table.standings-tbl .table-hover.season_data_new th:nth-child(2),
    .team-form-table.standings-tbl .table-hover.season_data_new td:nth-child(2) {
        position: sticky !important;
         left: 29px; 
        background-color: white;
        z-index: 9;
    }
    .team-form-table.standings-tbl .table-hover.career_data th:nth-child(2),
    .team-form-table.standings-tbl .table-hover.career_data td:nth-child(2) {
        position: sticky !important;
         left: 75px; 
        background-color: white;
        z-index: 9;
    }
    table.table.table-hover.match_details_screen td {
        font-size: 13px;
        max-width: 95px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    table.table.table-hover.match_details_screen th {
        font-size: 13px;
    }
    .summary-block p{
        width: 100%;
        max-width: 123px;
    }
    .team-name-popup.team_detail_page.player_team .team-logo-block h4{
        white-space: break-spaces;
    }
    /* .team-graph-bar {
        margin: 25px 0;
    } */
    .match_label {
        margin: 15px 0 0;
    }
    .championship-graph.team-from-graph .leauge-main-block {
        left: 2px;
    }
    .team-risk-block h3 {
        margin-bottom: 10px;
        font-size: 19px;
    }
    .team-risk-block p {
        font-size: 16px;
    }
    .team-odds-button.filtered_match_odds ul li span.top-head{
        padding: 13px 47px 13px 47px;
        font-size: 18px;
        position: relative;
        right: 2px;
      }
      .sidebar-nav>li.has-children.active>a{
        color: #000;
      }
      .sidebar-nav>li.has-children.active.active_menu>a {
        background-color: transparent;
        color: #000;
        padding-left: 0;
    }
    .sidebar-nav>li.active:not(.active_menu )>a:before {
        background: #fff;
    }
    .sidebar-nav>li.active.active_menu>a:before {
        /* opacity: 1; */
        /* background: #fff; */
    }
    .sidebar-nav>li.has-children.active.active_menu>a:after {
        /* background-image: url(../images/SVG/angle-right-teal.svg); */
        transform: rotate(90deg);
    }
    .team-address h4{
        font-size: 16px;
        margin-top: 0;
    }
    div#searchMobile .setting-close {
        text-align: right;
    }
    div#searchMobile .setting-close i{
        color: #B1B1B1;
    }
    .team-odds-button.filtered_match_odds .odds-top-link ul li:first-child{
        padding-right: 0;
    }
}


/* @media only screen and (max-width: 576px) {
    
} */

/* Portrait */
@media only screen and (min-device-width: 767px) and (max-device-width: 991px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .top-links {
        overflow: hidden;
    }

    .top-links ul {
        max-width: 645px !important;
        overflow-x: auto;
    }
    .championship-graph.mob-championship-graph table {
        zoom: 80%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 500px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    
    .main-top-header.flex-between{
        flex-direction: column;
        align-items: center;
    }
    .team-percentage{
        margin-right: 75px;
    }
    .championship-graph.mob-championship-graph table {
        zoom: 50%;
    }
    .side-title {
        flex: 0 0 24%;
    }
    .side-title.premium {
        flex: 0 0 53%;
    }
    .free-month-wrapper .free-month{
        max-width: 82px;
    }
    .free-month-wrapper .price-buy button {
        padding: 6px 6px 7px 6px;
        font-size: 13px;
    }
    nav.navbar{
        gap: 10px 2px;
    }
    .bet-table .team-info a {
        display: block;
        max-width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .main-page .container {
        padding: 0;
    }
    .page-wrapper {
        padding: 0px 0;
       
    }
    .footer-wrapper {
        display: inherit;
    }
    .footer-wrapper .width-30 {
        width: 100%;
        max-width: 49%;
        display: inline-block;
        text-align: center;
        margin-bottom: 20px;
    }
    .footer-social.width-30 {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }
    /* .team-form-table.standings-tbl .display th:nth-child(2),
    .team-form-table.standings-tbl .display td:nth-child(2){
        left: 29px;
    } */
    td.heading-verticle table{
        right: -200px;
    }
    .team-from-graph-new table.verticle-head-tbl{
        left: -5px;
    }
    td.no-pad.bottom-sticky table {
        width: 100%;
        margin-bottom: 0;
    }
    td.no-pad.left-tbl .score-game td:first-child {
        display: none;
    }
    .team-from-graph-new td.no-pad.left-tbl .score-game .team-name-popup{
        left: auto;
        right: 32px;
        border-radius: 23px 0px 23px 23px;
    }
    /* td.heading-verticle{
        background: transparent;
        z-index: 9;
    } */
    .team-from-graph-new table td.top-vertical .team-name-popup{
        right: auto;
        left: 109px;
        border-radius: 23px 23px 23px 0px;
        top: auto;
        bottom: auto;
    }
    .summary-block h4 {
        margin-bottom: 0;
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .team-address h4{
        font-size: 12px;
        margin-top: 0;
    }
    .team-betting-section .team-main-name h3{
        line-height: 25px;
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .side-title.left-top-title {
        padding-top: 25px;
        padding-left: 10px;
    }
    .price-section-wrapper.d-flex{
        top: 90px;
    }
    .side-title.brand-logo img {
        width: 100%;
        max-width: 76px;
    }
    .championship-graph.team-from-graph table td{
        padding: 4px;
    }
    .team-from-graph-new td.no-pad.bottom-sticky table th:nth-child(5), 
    .team-from-graph-new td.no-pad.bottom-sticky table td:nth-child(5) {
        display: none;
    }
    .ui-datepicker {
        width: 15em !important;
    }
    
    
}
@media only screen and (min-device-width: 320px) and (max-device-width: 991px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .top-links {
        overflow: hidden;
    }

    .top-links ul {
        max-width: 100%;
        overflow-x: auto;
        padding-bottom: 5px;
        margin-bottom: 4px !important;
    }

    .date-navigation {
        margin-top: 10px;
    }
    .main-profile .profile-box .main-top-header.flex-between {
        flex-direction: row;
    }
    .team-form-table.standings-tbl .display th:nth-child(2),
    .team-form-table.standings-tbl .display td:nth-child(2){
        left: 29px;
    }

    
}
@media only screen and (min-device-width: 320px) and (max-device-width: 370px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .header button.navbar-toggler {
        padding-left: 0px;
    }
    
    .navbar-brand img {
        max-width: 130px;
    }
    
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 991px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .top-links {
        overflow: hidden;
    }

    .top-links ul {
        max-width: 645px;
        overflow-x: auto;
        padding-bottom: 1px;
    }

    .top-links ul.half-btn-section {
        max-width: 645px;
    }
    .championship-graph.mob-championship-graph table {
        zoom: 90%;
    }
    

}

@media (max-width: 767px) {
    .main-setting-section.login-main-wrapper {
        width: 94%;
    }
    .login-main-btn button {
        height: 50px;
        padding: 12px;
    }
    .login-button-bottom {
        margin-top: 20px;
    }
    .main-setting-section.login-main-wrapper {
        padding: 25px 15px 20px 15px;
    }
    .main-setting-section.login-main-wrapper {
        max-height: 95dvh;
        overflow: auto;
    }
    .login-form .register-section {
        margin-top: 20px;
    }
    .login-main-wrapper .login-mid-block {
        margin-bottom: 0;
    }
    .login-main-btn {
        margin-bottom: 16px;
    }
    .login-main-wrapper .setting-close {
        position: absolute;
        top: 15px;
        right: 15px;
    }
    .login-main-wrapper p.login-bottom-text.register_form,
    .login-main-wrapper p.login-bottom-text.login_form {
        margin: 0;
    }
    .login-main-wrapper .profile-email {
        margin-bottom: 10px;
    }
}

/* //NEW CSS */
@media (max-width: 767px) {
    .bet-section-wapper .bet-info .logo-images img {
        width: 70px;
        height: 70px;
    }
    .bet-section-wapper td {
        font-size: 12px;
    }
    .bet-section-wapper .stake {
        margin-bottom: 6px;
        margin-right: 0;
        padding: 8px 30px;
    }
    .highcharts-container {
        max-width: 600px !important;
        width: 100% !important;
    }
    .bet-section-wapper .promotion {
        margin-right: 0px;
    }
    .bet-prize-btn {
        height: 38px;
    }
    .stakes-wrapper .bet-btn.bet-icon img {
        height: 38px;
    }

    /* //New Css 27-03 */
    .selection-container-wrapper .option img {
        width: 50px;
        height: 50px;
        margin-bottom: 10px;
    }
    .selection-container-wrapper .option {
        padding-bottom: 5px;
    }
    .selection-container-wrapper .title {
        margin-bottom: 20px;
    }
    .selection-container-wrapper {
        margin-top: 10px;
    }
    .selection-container-wrapper .selection-group {
        margin-bottom: 15px;
        /* gap: 20px; */
    }

    /* NEW CSS 28-03 */
    .main-features-blocks .selection-container-wrapper .option img {
        width: 30px;
        height: 30px;
    }
    .main-features-blocks .selection-container-wrapper .option {
        font-size: 12px;
        margin-right: 20px;
        flex:0 0 auto;
    }
    .main-features-blocks .selection-container-wrapper .title {
        font-size: 14px;
        margin-bottom: 15px;
    } 
    .main-features-blocks .table-title {
        height: auto;
        padding: 8px 12px;
    }   
    .main-features-blocks .selection-container-wrapper .selection-group{
        margin-bottom: 30px;
    }

    .stakes-wrapper {
        gap: 10px;
        justify-content: space-between;
        margin-top: 25px;
    }
    .bet-section-wapper .single-bet{
        display: block;
    }
    .main-page.tipster_container .main-content.content-right{
        padding-top: 20px;
    }
}
@media(max-width: 991px){
    .top-links.team-batting-tab li.brand-logo img {
        padding: 4px 10px;
    }
    .sports-table-cards.championship-main-section.filtered_match .sports-table-cards{
        margin:0px;
    }
    .top-links.main-tipster-wrapper .table-title.bg-black {
        margin-top: 5px !important;
    }

    /* NEW 28-03 */
    ul.navbar-nav li a.nav-link {
        padding: 8px 20px !important;
        background-color: #323232;
    }
    ul.navbar-nav li a.nav-logo {
        padding: 4px 8px !important;
        background-color: #323232;
    } 
    ul.navbar-nav li a.nav-logo img {
        max-width: 80px;
    }
    ul.navbar-nav li a.nav-tipster-logo img {
        max-width: 70px;
    }
    div#navmenu a.nav-link.nav-tipster-logo {
        padding: 4px 13px !important;
    }
    div#navmenu a.nav-link.nav-tipster-logo.active {
        padding: 2px 15px !important;
    }
    ul.navbar-nav li a.nav-logo.active {
        padding: 1px 8px !important;
    }
    .sports-table-cards.mobile-white-bg{
        padding-top:0px;
    }
}
@media (max-width: 500px) { /* Mobile breakpoint */
    .chart-container {
        height: 100%; /* 100% height for mobile */
    }
    .main-features-blocks .top-link-ul.main-top-header.top-links.flex-between {
        height: auto;
        margin-bottom: 10px;
    }
}