@media (min-width:1200px) {
    body.open .main-sidebar{width: 250px;}
    body:not(.open) .logo { width: 70px;}
    body:not(.open) .logo img.sidebar-close-logo{display: block; width: 25px;}
    body:not(.open) .logo img.sidebar-open-logo{display: none;}
    body:not(.open) .main-sidebar { left:0; width: 70px;}
    body:not(.open) .main-content{margin-left: 70px;}
    body:not(.open) .main-sidebar .sidebar-menu li a .menu-arrow{display: none !important;}
    body:not(.open) .main-sidebar .sidebar-menu > ul > li > a span.menu-item{opacity: 0; margin-left: 25px;}
    body:not(.open) .main-sidebar .sidebar-menu > ul > li > a{width: auto; overflow: hidden; white-space: nowrap;}
    body:not(.open) .main-sidebar .sidebar-menu > ul > li:hover > a{ background: #2e3548bd; overflow: visible; width: 280px; }
    body:not(.open) .main-sidebar .sidebar-menu{overflow: visible;}
    body:not(.open) .main-sidebar .sidebar-menu > ul > li:hover > a span.menu-item{opacity: 1;}
    body:not(.open) .main-sidebar .sidebar-menu > ul > li.dropdown-menu{position: relative; overflow: hidden;}
    body:not(.open) .main-sidebar .sidebar-menu > ul > li.dropdown-menu:hover{overflow: visible;}
    body:not(.open) .main-sidebar .sidebar-menu > ul > li.dropdown-menu > ul { position: absolute; top: 100%; left: 70px; width: 210px; background: #2e3548; max-height: calc(100vh - 530px); overflow: auto; }
    body:not(.open) .main-sidebar .sidebar-menu > ul > li.dropdown-menu > ul::-webkit-scrollbar { display: none; }
    body:not(.open) .main-sidebar .sidebar-menu > ul > li.dropdown-menu:hover > ul { display: block;}
    body:not(.open) .main-sidebar .sidebar-menu li ul li a { padding-left: 15px; }
}
@media (max-width:1599px) {
    .market-details>.row { grid-template-columns: auto 350px;}
    .btn-group.all-submit input[type="text"].liveStream_inp { min-width: 280px; }
}
@media (max-width:1279px) {
    body { padding-top: 100px; }
    .header{min-height: 60px; padding: 0 10px 0 0;}
    .logo{height: 60px;}
    .logo img{max-height: 55px;}
    .header-left .upcoming-fixer { position: absolute; top: 100%; left: 0; border-radius: 0; width: 100%; }
    .header-left .upcoming-fixer .title{position: relative; margin-right: 15px; min-width: 75px;}
    .header-left .upcoming-fixer .title::after { content: ""; position: absolute; width: 40px; height: 40px; border-top: 20px solid transparent; border-left: 20px solid #434343; border-bottom: 20px solid transparent; right: -40px; top: 0;}
    .main-sidebar{height: calc(100% - 100px);}
    .shadowbox{padding: 8px;}
    table td, table th{white-space: nowrap;}
    .page-title{font-size: 14px; margin-top: 10px;}
    .content-box { padding: 12px 12px 60px; }
    .row.data-to-add .new-head.on-off-btn-section { width: calc(33.33% - 10px); }
    #GAME_LEVEL .accordian-wraper{ margin: 6px 0; }
    .market-details>.row { grid-template-columns: 100%;}
    .markets .market-list .market-wraper .market-row.market-heading span:not(.min-max-value) { display: none; }
    .market-details .market-list .market-wraper .market-row{flex-wrap: wrap; gap: 3px; padding: 4px 6px;}
    .market-details .match-info { width: 100%; display: flex; justify-content: space-between; }
    .market-details .market-list .market-wraper .market-row .market-odds { width: 72%; flex: auto; gap: 4px;}
    .market-details .market-list .market-wraper .market-row .market-odds span{width: auto;}
    .market-details .min-max { max-width: none; flex-direction: row; width: 26%; align-items: center; justify-content: flex-end; gap: 5px; flex-wrap: wrap; }
    .market-odds span, .market-odds span small{font-size: 12px;}
    .privileges-info .row { grid-template-columns: repeat(6, 1fr); }
    .modal-dialog{top: 50px;}
    label{margin-bottom: 4px;}
    .casino-list .row{gap: 8px;}
    .casino-list .row.item-8 { grid-template-columns: repeat(4, 1fr); }

    .password-update-successfully{ padding-top: 60px;}
    .password-update-successfully p{font-size: 14px;}
    .password-update-successfully p.xl-txt{font-size: 16px;}

    .chart-menu{margin-top: 0;}
    .chart-menu .chart-label { font-size: 11px; margin: 0 0 2px; }
    .chart-menu .chart-value{font-size: 15px;}
    .chart-wraper #chart2 { margin-top: 30px; }
    /* 27-3-25 */
    .market-odds.odds-heading span.min-max-value span {display: block !important; flex: none; }
    .market-odds.odds-heading .box:not(:nth-child(1)) { display: none; }

    /* 2-4-25 */
    .multilogin .table-wraper .data-table{margin-left: 0;}
    .multilogin .table-wraper .data-table .freezcol{ position: initial; display: table-cell;}
    .multilogin .table-wraper .data-table tr th, .multilogin .table-wraper .data-table tr td{height: 40px;}
    .casino-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 4px; }
    .content-box.game-iframe iframe { height: calc(100vh - 70px); }

    /* 23-7-25 */
    .casino-banners { grid-template-columns: repeat(4, 1fr); }
    .game-detail>.row .col-8 { min-height: 60vh; }

    /* 8-7-25 */
    .logo { max-width: 150px; padding: 0; margin-right: 5px; justify-content: flex-start;}
    .header, .login-page .header{ padding: 5px; height: 60px; }
    .login-page .login-btn .btn{padding: 10px 30px;}
    .login-page .login-btn{height: auto;}
    .login-page .login-btn .btn { padding: 10px 30px; height: 47px; }
    .login-page .logo img { width: auto; max-width: 145px; max-height: 45px; }
}
@media (max-width:992px) {
    .main-sidebar{left: -250px;}
    .header-left .search{display: none;}
    .dashbord-box .shadowbox { min-height: 82px; }
    .full-screen-btn{display: none;}
    /* 23-7-25 */
    .casino-banners { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width:767px) {
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { grid-column: span 12; }
    .header-right .header-points{display: none;}
    .dashbord-box { gap: 12px; }
    .dashbord-box .col-3{ grid-column: span 6; }
    .filter{margin-bottom: 8px;}
    .row.data-to-add .new-head.on-off-btn-section { width: calc(50% - 10px); }
    .filter.back-lay-filter form{gap: 20px 60px;}
    .filter.back-lay-filter .back-lay-radio{flex-wrap: wrap; gap: 6px 15px;}
    .market-details .title { padding: 6px; gap: 0 5px;}
    .market-details .col-12  .market-list .market-wraper .market-row .market-odds{width: 100%;}
    .market-details .col-12  .market-list .market-wraper .market-row .min-max{width: 100%;}
    .privileges-info .row { grid-template-columns: repeat(2, 1fr); }
    .privileges-info .row .col-2{grid-column: span 1; }
    .change-password-form .row { gap: 0; }
    .user-lock-form .row, .edit-profile-form .row { gap: 0; }
    .user-lock-form .col-4, .edit-profile-form .col-4{ grid-column: span 4; }
    .user-lock-form .col-8, .edit-profile-form .col-8{ grid-column: span 8; }
    .personal-info .row { gap: 15px; }
    .privileges-info { margin-top: 30px; }
    .casino-list .sport-list-title { margin: 10px 0; font-size: 16px; }
    .casino-list .col-2 { grid-column: span 4; }
    .casino-list .row.item-8 { grid-template-columns: repeat(12, 1fr); }
    .casino-list .row.item-8 .col-2 { grid-column: span 6; }

    .password-update-successfully{ padding-top: 40px; width: 100%;}
    .password-update-successfully p{font-size: 12px; margin: 0;}
    .password-update-successfully p.xl-txt{font-size: 14px;}
    .password-update-successfully .content.hindi { margin: 30px 0; }

    .home-banner .swiper-button-next, .home-banner .swiper-button-prev{height: 45px; width: 45px; background-size: 17px;}

    .global_setting-heading-text{font-size: 14px; line-height: 1;}
    .basicdetail_container .global_setting_box .row{gap: 0;}
    .basicdetail_container .global_setting_box .row .col-4{text-align: left;}
    .basicdetail_container .logo-info .row .col-4{grid-column: span 6;}

    .profile-modal #profile .row { gap: 15px; }

    /* 8-4-25 */
    .market-details .market-list .market-title{font-size: 13px;}
    .markets .title{font-size: 14px;}
    .markets .market-list .market-title{font-size: 13px;}
    .casino-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px; }

    /* 8-7-25 */
    .login-page .upcoming-fixure, .login-page .fixure-box-container{height: 42px;}
    .login-page .fixure-title::after{ width: 42px; height: 42px; border-top: 21px solid transparent; border-left: 21px solid var(--accent-bar); border-bottom: 21px solid transparent; right: -42px; }

    /* 21-7-25 */
    .general-lock-filter .input-group{width: 100%; margin-bottom: 8px;}

    /* 23-7-25 */
    .casino-banners { grid-template-columns: repeat(2, 1fr); }
    .game-detail>.row .col-8 { min-height: 55vh; }
}
@media (max-width:576px) {
    .header-right{gap: 0;}
    .header-rules { display: none; }
    .filter .input-group input:not([type="checkbox"], [type="radio"]), .filter .input-group select{min-width: auto;}
    #LoginHistory .filter .input-group input, #LoginHistory .filter .input-group select { width: 180px; }
    .row.data-to-add .new-head.on-off-btn-section { width: calc(100%); margin: 0 0 5px; }
    .privileges-info .row { grid-template-columns: repeat(1, 1fr); }
    .mobile-header-search .search{border-top-right-radius: 6px; right: -74px;}
    .logo { max-width: 140px; padding-right: 5px;}
    .viewmarketbets .filter form{width: 100%;}
    .viewmarketbets .filter form .input-group{width: 100%; margin-bottom: 5px;}
}