@media (min-width: 1481px) {

    .page-container--account .main-wrapper .right-sidebar .right-sidebar--openmenu button,
    .page-container--sport .main-wrapper .right-sidebar .right-sidebar--openmenu button {
        display: none;
    }



}
@media screen and (max-width: 1480px) {
    .page-container--account .main-wrapper .right-sidebar,
    .page-container--sport .main-wrapper .right-sidebar {
        width: auto;
    }
    .page-container--sport .main-wrapper .right-sidebar .right-sidebar--openmenu {
        position: fixed;
        width: 35px;
        height: 35px;
        z-index: 20;
        bottom: .25rem;
        right: .25rem;
    }
    .page-container--account .main-wrapper .right-sidebar .right-sidebar--openmenu button,
    .page-container--sport .main-wrapper .right-sidebar .right-sidebar--openmenu button {
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 1;
        display: block;
        margin: 0 auto;
        font-size: 25px;
    }
    .page-container--account .main-wrapper .right-sidebar .right-sidebar--openmenu button .coupon-label,
    .page-container--sport .main-wrapper .right-sidebar .right-sidebar--openmenu button .coupon-label {
        position: absolute;
        left: 8px;
        top: -8px;
        padding: .15rem;
        font-size: 12px;
        width: 18px;
        height: 18px;
    }
    .page-container--account .main-wrapper .right-sidebar:not(.active) .right-sidebar--wrapper,
    .page-container--sport .main-wrapper .right-sidebar:not(.active) .right-sidebar--wrapper {
        display: none;
    }

    .page-container--account .main-wrapper .main-container,
    .page-container--sport .main-wrapper .main-container {
        width: calc(100% - 310px);
        /* padding-right: .5rem; */
    }


    .games-container--wrapper>div:nth-child(3) {
        grid-row-start: 1;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: 2;
        height: auto;
        max-height: auto;
    }
}


@media (max-width: 768px) {
    .title-ctm, .title-container .title-ctm {
        font-size: 13px;
        line-height: 1.1;
    }
    .title-ctm span:first-child::before, .title-container .title-ctm span:first-child::before {
        bottom: -8px;
    }


    body .body-wrapper > header .hd-ctm--menu {
        z-index: 20;
    }
    body.sidenav-active .body-wrapper > header .hd-ctm--menu {
        z-index: 1;
    }

    body .body-wrapper > .page-container {
        padding: 0 .5rem;
        z-index: 10;
    }
    .page-container--account .main-wrapper .left-sidebar,
    .page-container--sport .main-wrapper .left-sidebar {
        width: 0;
        /* display: none; */
        position: fixed;
        left: 0;
        top: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s ease-in-out;
    }

    .page-container--account .main-wrapper .left-sidebar.active,
    .page-container--sport .main-wrapper .left-sidebar.active {
        opacity: 1;
        visibility: visible;
        width: calc(100% - 2rem);
        /* display: block; */
        z-index: 100;
        /* height: calc(100% - 50px); */
        height: 100%;
        transition: all 0.5s ease-out;
    }
    .page-container--account .main-wrapper .left-sidebar.active .sidebar--overlay,
    .page-container--sport .main-wrapper .left-sidebar.active .sidebar--overlay {
        position: absolute;
        content: '';
        width: 32px;
        height: 100%;
        top: 0;
        right: -32px;
        bottom: 0;
        z-index: 10;
    }
    .page-container--sport .main-wrapper .left-sidebar.active .menu-sport .menu-sport--wrapper .menu-title,
    .page-container--sport .main-wrapper .left-sidebar.active .sport-menu--selection,
    .page-container--sport .main-wrapper .left-sidebar.active .top-leagues {
        display: none;
    }
    .page-container--account .main-wrapper .left-sidebar.active .search-box--ctm,
    .page-container--sport .main-wrapper .left-sidebar.active .search-box--ctm {
        /* margin-top: 0; */
    }
    .page-container--account .main-wrapper .main-container,
    .page-container--sport .main-wrapper .main-container {
        width: 100%;
    }
    .page-container--account .main-wrapper .right-sidebar,
    .page-container--sport .main-wrapper .right-sidebar {
        /* width: 0!important; */
        position: fixed;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .top-menu {
        margin-top: 0;
    }
    .page-container--account .main-wrapper .right-sidebar.active,
    .page-container--sport .main-wrapper .right-sidebar.active {
        width: 100%;
        width: calc(100% - 50px);
        height: 100%;
        z-index: 999;
        overflow: scroll;
        padding: .5rem;
    }

    .right-sidebar .box-sidebar.box-sidebar--livestreaming,
    .page-container--sport .main-wrapper .right-sidebar.active .box-sidebar.box-sidebar--popular,
    .page-container--sport .main-wrapper .right-sidebar.active .box-sidebar.box-sidebar--checkid {
        display: none;
    }
    .page-container--account .main-wrapper .right-sidebar .right-sidebar--wrapper,
    .page-container--sport .main-wrapper .right-sidebar .right-sidebar--wrapper {
        padding: 0;
    }

    .match-list.match-list--horizontal .match-list--item .match-list--top,
    .match-list .match-list--item .match-list--top {
        flex-direction: column;
    }


    .match-list.match-list--horizontal .match-list--item .match-list--bottom .info--left,
    .match-list.match-list--horizontal .match-list--item .match-list--bottom .info--right,
    .match-list.match-list--horizontal .match-list--item .match-list--top .info--left,
    .match-list.match-list--horizontal .match-list--item .match-list--top .info--right,

    .match-list .match-list--item .match-list--bottom .info--left,
    .match-list .match-list--item .match-list--bottom .info--right,
    .match-list .match-list--item .match-list--top .info--left,
    .match-list .match-list--item .match-list--top .info--right {
        width: 100%;
    }

    .match-list.match-list--horizontal .match-list--item .match-list--bottom .info--right,
    .match-list .match-list--item .match-list--bottom .info--right {
        flex-direction: row;
        width: 100%;
    }

    .match-list.match-list--horizontal .match-list--item .match-list--top, 
    .match-list.match-list--horizontal .match-list--item .match-list--bottom,
    .match-list.match-list--horizontal .match-list--item .match-list,
    .match-list .match-list--item .match-list--top, 
    .match-list .match-list--item .match-list--bottom,
    .match-list .match-list--item .match-list {
        flex-direction: column;
    }
    .match-list.match-list--horizontal .match-list--item .match-list--bottom .info--right .qt-box--wrapper .qt-box:not(:first-child),
    .match-list .match-list--item .match-list--bottom .info--right .qt-box--wrapper .qt-box:not(:first-child) {
        display: none;
    }

    .odds-select--container .odds-select--wrapper .odds-select--inputs .qt-box:not(:first-child){
        display: none;
    }

    .odds-select--container .odds-select--wrapper .odds-select--inputs .input-box:not(:first-child) {
        display: none;
    }

    .match-list .match-list--item .match-list--bottom .info--right .qt-box--wrapper .qt-box,
    .match-list .match-list--item .match-list--bottom .info--right .qt-box--wrapper .qt-box .qt-btn {
        flex: 1;
    }
    

    .box-main .box-main--wrapper .box-main--top .btn-live--ctm {
        font-size: 10px;
        top: 3px;
    }

    footer .footer-wrapper .footer-certificate {
        flex-wrap: wrap;
    }


    body.body--register .page-container.h-full {
        height: 100%;
    }

    body.sidenav-active {
        overflow: hidden;
    }

    body.sidenav-active .hd-ctm {
        z-index: 5!important;

    }

    body.sidenav-active .body-wrapper .page-container--account .main-wrapper .left-sidebar.active,
    body.sidenav-active .body-wrapper .page-container--sport .main-wrapper .left-sidebar.active {
        z-index: 21;
    }

    header.hd-ctm nav {
        flex-direction: row;
        align-items: flex-start;
        /* justify-content: center; */
    }

    header.hd-ctm nav div.hd-ctm--logo,
    .hd-ctm nav div.hd-ctm--logo {
        padding: .35rem;
        height: auto!important;
        /* max-width: 40%; */
    }

    .hd-ctm.hd-ctm--b {
        position: relative;
        overflow: visible;
        z-index: 15;
    }
    
    .hd-ctm.hd-ctm--b .hd-ctm--menu,
    .hd-ctm.hd-ctm--a .hd-ctm--menu {
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        padding: 0;
    }

    .hd-ctm.hd-ctm--b .hd-ctm--menu .hd-menu--top,
    .hd-ctm.hd-ctm--a .hd-ctm--menu .hd-menu--top {
        display: none;
    }

    .hd-ctm.hd-ctm--b .hd-ctm--menu .hd-menu--list,
    .hd-ctm.hd-ctm--a .hd-ctm--menu .hd-menu--list {
        border-radius: 0 0 0 0;
    }

    .hd-ctm.hd-ctm--b .hd-ctm--menu .hd-menu--list li a,
    .hd-ctm.hd-ctm--a .hd-ctm--menu .hd-menu--list li a {
        flex-direction: column;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: bold;
        padding: .25rem;
        min-height: 55px;
    }

    .hd-ctm.hd-ctm--b .hd-ctm--menu .hd-menu--list li.item-sidemenu--activator,
    .hd-ctm.hd-ctm--a .hd-ctm--menu .hd-menu--list li.item-sidemenu--activator {
        display: none;
    }

    .hd-ctm.hd-ctm--b .hd-ctm--menu .hd-menu--list li,
    .hd-ctm.hd-ctm--a .hd-ctm--menu .hd-menu--list li {
        width: 20%;
    }

    .hd-ctm.hd-ctm--b .hd-ctm--menu .hd-menu--list li.item-sidemenu--activator,
    .hd-ctm.hd-ctm--a .hd-ctm--menu .hd-menu--list li.item-sidemenu--activator {
        display: block;
    }

    .hd-ctm.hd-ctm--b .hd-ctm--menu .hd-menu--list li a .mdi,
    .hd-ctm.hd-ctm--a .hd-ctm--menu .hd-menu--list li a .mdi {
        margin-bottom: .25rem;
        font-size: 20px;
    }

    .hd-ctm.hd-ctm--b .hd-ctm--auth,
    .hd-ctm.hd-ctm--a .hd-ctm--auth {
        position: relative;
        top: 0;
        right: 0;
        margin: .35rem;
        justify-content: flex-start;
        align-items: center;
        justify-content: center;
        flex: 1;
        max-width: 200px;
    }
    .hd-ctm.hd-ctm--b .hd-ctm--auth .btn-ctm ,
    .hd-ctm.hd-ctm--a .hd-ctm--auth .btn-ctm {
        font-size: 10px;
        text-transform: uppercase;
        font-weight: bold;
        min-width: 60px;
        padding: .25rem;
    }

    .hd-ctm.hd-ctm--b .hd-ctm--auth .btn-ctm .mdi,
    .hd-ctm.hd-ctm--a .hd-ctm--auth .btn-ctm .mdi {
        font-size: 17px;
        line-height: 1;
        height: auto;
    }

    .hd-ctm.hd-ctm--b .hd-ctm--logo,
    .hd-ctm.hd-ctm--a .hd-ctm--logo {
        height: 50px;
        display: flex;
        align-items: center;
        flex: 1;
        padding: .15rem .5rem 0 .5rem;
    }
    .hd-ctm.hd-ctm--b .hd-ctm--logo img,
    .hd-ctm.hd-ctm--a .hd-ctm--logo img {
        height: 35px;
        max-width: 150px;
    }

    .hd-ctm.hd-ctm--b .hd-ctm--auth .text-separator,
    .hd-ctm.hd-ctm--a .hd-ctm--auth .text-separator {
        width: 18px;
        height: 18px;
        font-size: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: .1rem;
        left: calc(50% - 8px);
        top: calc(50% - 8px);
    }


    .page-container--account .main-wrapper .right-sidebar .right-sidebar--openmenu,
    .page-container--sport .main-wrapper .right-sidebar .right-sidebar--openmenu {
        right: 0;
        bottom: 60px;
        height: 50px;
        width: 50px;
        border-radius: 0;
        display: flex;
        justify-content: center;
        align-items: flex-end;

    }

    .page-container--account .main-wrapper .right-sidebar .right-sidebar--openmenu button,
    .page-container--sport .main-wrapper .right-sidebar .right-sidebar--openmenu button {
        font-size: 20px;
        width: 40px;
        height: 40px;
        position: relative;
        margin: 5px;
    }
    body.sidenav-active .right-sidebar .right-sidebar--openmenu {
        height: 100%!important;
        bottom: 0!important;
        right: auto!important;
        left: 0;
        z-index: 99;
    }



    .dialog-ctm .dialog-ctm--wrapper {
        max-width: 90%;
    }

    .carousel-sport .owl-item {
        max-width: 100%;
    }


    footer .footer-wrapper .footer-container--top {
        flex-direction: column;
    }

    footer .footer-wrapper .footer-container--top .footer-container--top-right,
    footer .footer-wrapper .footer-container--top .footer-container--top-left {
        width: 100%;
    }

    footer {
        padding-bottom: 50px;
    }



    .register-container .register-container--wrapper {
        min-width: auto;
        padding: 1rem;
        margin: 2rem auto;
    }
    .register-container .register-container--wrapper .title {
        font-size: 16px!important;
    }
    .register-container .register-container--wrapper form .input-box--row {
        flex-direction: column;
        margin: 0;
    }
    .register-container .register-container--wrapper form .input-box--row .input-col,
    .register-container .register-container--wrapper form .input-box--row .input-col.input-box--select {
        width: 100%;
        margin: .5rem 0;
    }

    
    /* CASINO GRID */
    .games-container--wrapper {
        grid-template-columns: repeat(4, 1fr);
        padding: 0 .5rem;
    }

    
    .games-container--wrapper > div:nth-child(3),
    .games-container--wrapper > div:nth-child(2),
    .games-container--wrapper > div:first-child, 
    .games-container--wrapper > div:first-child {
        grid-row-start: unset;
        grid-row-end: unset;
        grid-column-start: unset;
        grid-column-end: unset;
        height: auto;
        max-height: initial;
    }

    .main-wrapper--casino .option-select {
        flex-direction: column;
    }

    .main-wrapper--casino .menu-container--casino ul {
        margin: 0 auto
    }

    .main-wrapper--casino .option-select .input-container .input-container--wrapper {
        margin : 0 auto;
    }

    .main-wrapper--casino .option-select .input-container .input-container--wrapper .input-box {
        width: calc(100% - .5rem);
    }

    .main-wrapper--casino .option-select .input-container .input-container--wrapper .input-box:first-child {
        margin: 0 .25rem 0 0;
    }
    .main-wrapper--casino .option-select .input-container .input-container--wrapper .input-box:last-child {
        margin: 0 0 0 .25rem;
    }

    .main-wrapper--casino .option-select .option-select--left,
    .main-wrapper--casino .option-select .option-select--right {
        width: 100%;
        margin: 0 auto;
    }

    .main-wrapper--casino .option-select .option-select--left .btn {
        display: block;
    }


    .main-wrapper--casino .top-hero--casino .hero-slider .owl-carousel img, .main-wrapper--casino .top-hero--casino .hero-slider .owl-carousel {
        max-height: 220px;
        width: 100%;
        overflow: hidden;
    }

    .main-wrapper--casino .menu-container--casino ul li {
        margin: 0;
    }

    .main-wrapper--casino .menu-container--casino ul li a {
        min-width: 100px;
        font-size: 13px;
        font-weight: bold;
    }

    .dialog-ctm.dialog-ctm--game.game-fullwidth .dialog-ctm--wrapper .dialog-content,
    .dialog-ctm.dialog-ctm--game.game-fullwidth .dialog-ctm--wrapper .dialog-content .video-container {
        height: 100vh;
    }

    .dialog-ctm.dialog-ctm--game.game-mini {
        max-width: 60%;
        bottom: 4.5rem;
    }

    .dialog-ctm.dialog-ctm--game .dialog-ctm--wrapper {
        margin: 0;
        left: 0;
        right: 0;
    }


    /*Account Fix */

    .body--account .page-3--columns .main-wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .body--account .page-3--columns .main-wrapper .main-container {
        width: 100%;
    }

    /* .body--account .page-3--columns .main-wrapper .left-sidebar {
        max-width: 100%;
        overflow: hidden;
        width: 100%;
        display: flex;
        DA ERRORE NELLA SIDEBAR NEL MOBILE
    } */

    .body--account .page-3--columns .main-wrapper .right-sidebar {
        display: none;
    }

    .body--account .page-container--account .main-container .main-container--wrapper {
        flex-direction: column;
    }

    .body--account .page-container--account .main-container .main-container--wrapper .left-filter {
        max-width: 100%;
        margin: 0;
    }

    .body--account .page-container--account .main-container .main-container--wrapper .left-filter ul {
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
    }

    .body--account .page-container--account .main-container .main-container--wrapper .left-filter ul li a{
        display: flex;
        flex-direction: column-reverse;
        min-width: 85px;
        text-align: center;
        align-items: center;
        justify-content: flex-end;
        min-height: 75px;
    }

    .body--account .page-container--account .main-container .main-container--wrapper .left-filter ul li a .counter {
        margin-bottom: .25rem;
        line-height: 1;
    }

    .payment-container .payment-item {
        width: calc(33.3333% - .5rem);
    }


    .page-container--3col .main-wrapper,
    .page-container--2col .main-wrapper {
        flex-direction: column;
        padding: 0.25rem 0;
    }

    .page-container--1col .main-container, 
    .page-container--2col .main-container, 
    .page-container--3col .main-wrapper {
        padding: 0.25rem 0;
    }

    .page-container--2col .main-wrapper .left-sidebar, 
    .page-container--2col .main-wrapper .right-sidebar,
    .page-container--3col .main-wrapper .main-container,
    .page-container--2col .main-wrapper .main-container,
    .page-container--3col .main-wrapper aside,
    .page-container--2col .main-wrapper aside {
        width: 100%;
        flex: 100%;
    }

    .page-container--3col .main-wrapper .main-container,
    .page-container--2col .main-wrapper .main-container {
        order: 0;
        flex: 1;
        width: 100%;
    }

    .page-container--3col .main-wrapper .left-sidebar, 
    .page-container--3col .main-wrapper .right-sidebar,
    .page-container--2col .main-wrapper .left-sidebar, 
    .page-container--2col .main-wrapper .right-sidebar {
        order: 2;
        flex: 1;
        width: 100%;
    }
    .form-container .form-container--col {
        flex: 100%;
    }

    .page-container--account .main-container .main-container--wrapper .left-container {
        max-width: 100%;
        margin: 0 auto;
    }

    .table-wrapper table {
        min-width: 990px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .body--account .page-3--columns .main-wrapper .right-sidebar {
        display: none;
    }

    .body--account .page-3--columns .main-wrapper .main-container {
        width: calc(100% - 250px);
    }


    .page-container--3col .main-wrapper .main-container {
        width: calc(100% - 250px);
    }

    .page-container--3col .main-wrapper, 
    .page-container--2col .main-wrapper {
        flex-wrap: wrap;
    }

    .page-container--3col .main-wrapper .right-sidebar {
        width: 100%;
        flex: 100%;
        flex: 1;
    }


}
@media (min-width: 769px) and (max-width: 1280px) {
    header.hd-ctm nav {
        flex-direction: column;
        align-items: flex-start;
    }

    .hd-ctm.hd-ctm--a .hd-ctm--menu {
        width: 100%;
        max-width: 100%;
        padding: 0 .5rem;
    }

    

    .hd-ctm.hd-ctm--a .hd-ctm--auth {
        position: absolute;
        margin: 0;
        top: .5rem;
        right: .5rem;
    }

    .hd-ctm.hd-ctm--a .hd-ctm--menu .hd-menu--list li.item-sidemenu--activator {
        display: none;
    }

    .hd-ctm.hd-ctm--a .hd-ctm--menu .hd-menu--top {
        justify-content: flex-start;
    }

    .hd-ctm.hd-ctm--a .hd-ctm--logo {
        padding: 0 0 0 .75rem;
        height: auto;
    }


    /* CASINO GRID */
    .games-container--wrapper {
        grid-template-columns: repeat(6, 1fr);
    }

    .payment-container .payment-item {
        width: calc(33.3333% - .5rem);
    }

}

@media (min-width: 426px) and (max-width: 768px) {
    /* CASINO GRID */
    .games-container--wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

    .main-wrapper--casino .top-hero--casino {
        flex-direction: column;
    }
    .main-wrapper--casino .top-hero--casino .hero-slider,
    .main-wrapper--casino .top-hero--casino > div {
        width: 100%;
        justify-content: space-around;
    }

    .main-wrapper--casino .top-hero--casino .hero-banners {
        width: 100%;
        display: flex;
    }

    .main-wrapper--casino .option-select  .input-container .btn-filter {
        display: block;
    }

}

@media screen and (max-width: 425px) {
    .table-options .input-box--row .input-col {
        max-width: 100%;
    }
    footer .footer-wrapper .footer-container--top .footer-container--top-left {
        flex-direction: column;
    }

    footer .footer-wrapper .footer-submenu .footer-submenu--list > a {
        font-size: 16px;
    }

    .coupon-container .coupon-qt--list .coupon-qt--item .coupon-qt--item-title {
        flex-direction: column;
        align-items: flex-start;
    }

    .games-container--wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .main-wrapper--casino .top-hero--casino {
        flex-direction: column;
    }
    .main-wrapper--casino .top-hero--casino .hero-slider,
    .main-wrapper--casino .top-hero--casino > div {
        width: 100%;
    }

    .main-wrapper--casino .top-hero--casino .hero-banners {
        width: 100%;
        display: none; 
        /* flex; */
    }

    .payment-container .payment-item {
        width: calc(50% - .5rem);
    }


    .page-container--1col .main-container, .page-container--2col .main-container, .page-container--3col .main-wrapper {
        padding: .25rem;
    }

    .banner-box--container,
    .btn-container--ctm {
        flex-direction: column;
    }

    .invitation-container {
        flex-direction: column;
        padding: .5rem 0;
    }

    .invitation-container .invitation-box {
        width: 100%;
        flex: 100%;
    }

    .main-wrapper--casino .menu-container--casino {
        padding: 0.5rem 0;
    }

}