@media screen and (max-width: 1680px) and (min-width: 993px) {
    .Header .BottomContainer .Bottom {
        width: 100%;
        padding: 0 10px;
    }
}

.HeaderContainer.fixed ul#nav-bar-filter li {
    display: inline-block;
}

#nav-bar-filter {
    height: 50px;
    overflow: hidden;
}

@media screen and (min-width: 1367px) {
}

@media screen and (max-width: 1366px) {
    .item-container {
        width: 100%;
        padding: 0 15px;
        max-width: initial;
    }

    .Header .BottomContainer .Bottom {
        width: 100% !important;
        padding: 0 15px !important;
        max-width: initial !important;
    }

    .SlotsContainer {
        width: 100% !important;
        padding-left: 6%;
        padding-right: 5%;
        max-width: initial !important;
    }

    .Main.Rules .Container {
        width: 100%;
        padding: 0 15px;
        max-width: initial;
    }
}

@media screen and (min-width: 1301px) {
}

@media screen and (max-width: 1300px) {
    html {
        font-size: 15px;
    }
}

@media screen and (min-width: 992px) {

    .RegisterPagoSignin .RegisterForm {
        max-width: 30%;
        margin-left: 35%;
    }

    html {
        font-size: 14.5px;
    }

    .mobile {
        display: none !important;
    }

    .Header .BottomContainer .Bottom {
        max-width: initial !important;
    }

    .stepsTabs,
    .PartnersContainer,
    .MobileControlsContainer,
    .MobileSidebars,
    .FiltersCategoriesMobileContainer,
    .MobileSubHeader,
    .MobileSubHeader .Title,
    .CasinoSearchMobile,
    .CasinoFilterMobile,
    .AllGames.grid .GameContainer .Game .ModalGame {
        display: none !important;
    }

    .Main.header-fixed {
        margin-top: 153px;
    }

    .RegisterContainer .StepsContainer .Step {
        display: block !important;
    }

    .Main.Rules .Container {
        width: 100%;
        margin: 0 auto;
        max-width: 1280px;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1499px) {
    .ScrollTable table th,
    .ScrollTable table td {
        white-space: normal;
    }
}

@media screen and (max-width: 991px) {
    html {
        font-size: 14px;
    }

    .desktop {
        display: none !important;
    }

    .HeaderContainer {
        padding-bottom: 0;
        position: fixed;
        box-shadow: none;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 1 !important;
        animation: none !important;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

        .HeaderContainer .Header {
            height: 100%;
        }

        .HeaderContainer.fixed {
            background-color: #333;
        }

        /*.HeaderContainer.fixed {
            height: 56px;
        }*/

            .HeaderContainer.fixed .TopContainer .Top {
                padding: 0 !important;
            }

            .HeaderContainer.fixed .MenuItem,
            .HeaderContainer .MenuItem {
                width: auto;
                display: flex;
            }

            .HeaderContainer.fixed .TopContainer .LogoContainer img {
                margin-top: 0 !important;
            }

    .Header .Top {
        padding: 0;
    }

        .Header .Top .MenuWrapper {
            height: 56px;
            justify-content: space-between;
            align-items: center;
        }

    .HeaderContainer .ButtonCollapse {
        display: flex;
        height: auto;
    }

    .HeaderContainer.fixed .Header {
        background-color: #333;
    }

    .Header .Top .MenuWrapper .LogoContainer {
        max-height: 46px;
        max-width: 120px;
        top: 0;
        height: auto;
        margin-right: 0;
        width: 10.5rem;
    }

    .HeaderContainer.fixed .Header .Top .MenuWrapper .LogoContainer img {
        object-fit: cover;
    }

    .HeaderContainer.fixed .MenuWrapper .Buttons,
    .HeaderContainer .Header .TopContainer .Top .First,
    .Header .Top .MenuWrapper .RoutesContainer,
    .HeaderContainer .Header .BottomContainer {
        display: none !important;
    }

    .HeaderContainer .MenuItem .MobileBalance {
        display: block;
    }

    .RegisterContainer {
        padding: 10px;
    }

        .RegisterContainer .StepsContainer .Content {
            padding: 10px 0;
        }

        .RegisterContainer .Title,
        .RegisterContainer .StepsContainer .Step,
        .RegisterContainer .StepsContainer .Step .Title {
            display: none;
        }

    .LeftContainer,
    .GamesContent .GamesTitle,
    .GamesContent .ProvidersContainer,
    .AllGames.grid .GameContainer .Game .Image .Information,
    .AllGames.grid .GameContainer .Game .Overlay {
        display: none !important;
    }

    .SlotsContainer {
        padding: 0 !important;
    }

    .FiltersCategoriesMobileContainer {
        margin-left: 0;
        margin-right: 0;
    }

    .GamesContent .AllGames.grid {
        grid-template-columns: none;
        grid-gap: 10px;
        display: flex;
        flex-wrap: wrap;
    }

    .AllGames.grid .GameContainer {
        width: calc(33.33% - 7px);
    }

        .AllGames.grid .GameContainer .Game .Image .Favorite {
            width: 20px;
            height: 20px;
            font-size: 10px;
        }

        .AllGames.grid .GameContainer:hover .Game .imgGame,
        .AllGames.grid .GameContainer:hover .Game .Loading {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
        }

    .SlotsContainer .GamesContent {
        width: 100%;
        padding: 15px 7.5px;
    }

    .RegisterContainer .StepsContainer .Step {
        width: 100%;
    }

    .Main {
        margin-top: 66px;
    }

        .Main.Rules h1 {
            font-size: 4.2rem;
            line-height: 110%;
            margin: 2.1rem 0 1.68rem 0;
        }

    .RegisterPage {
        background-color: #eaeaea;
    }

        .RegisterPage .FormItem input {
            font-size: 13px;
            height: 48px;
            border-radius: 5px 5px 0 0;
            padding: 0 15px;
            line-height: 48px;
            color: #000;
            background-color: #fff;
            border: 1px solid #848484;
        }

    .RegisterContainer .btnStepsContainer {
        display: flex;
    }

    .ToTop {
        background-color: var(--theme);
        color: #333;
        bottom: 70px;
    }

    .navLinks > li > a::before {
        display: none;
    }

    .virtualsports .GamesContent {
        overflow: hidden;
        border-radius: 15px;
        background-color: #333;
        color: #fff;
        margin: 10px 15px;
        padding: 0 7.5px 15px;
    }

        .virtualsports .GamesContent .GamesTitle {
            display: block !important;
        }

            .virtualsports .GamesContent .GamesTitle .SectionTitle {
                margin-top: 0;
                margin-bottom: 12px;
                padding: 0 4px;
                border-bottom: none;
                font-weight: 400;
            }

                .virtualsports .GamesContent .GamesTitle .SectionTitle.borderer:before {
                    display: none;
                }

    .FooterContainer {
        background-color: #333;
        color: #fff;
        padding-bottom: 56px;
    }

        .FooterContainer .Footer .FooterMenu {
            display: flex;
        }

        .FooterContainer .Footer .Middle .Information {
            display: none;
        }

        .FooterContainer .Footer .Middle .InformationLicense {
            min-width: 50%;
            margin-right: 0;
            text-align: center;
        }

        .FooterContainer .Footer .Middle .InformationLicense,
        .Title {
            color: #fff;
        }

        .FooterContainer .Footer .Middle .InformationLicense,
        .Menu li a {
            color: rgba(255, 255, 255, 0.6);
        }

        .FooterContainer .Footer .Middle .InformationLicense,
        .License {
            margin: 0 auto;
        }

        .FooterContainer .Footer .Copyright {
            background-color: #333;
        }

            .FooterContainer .Footer .Copyright p {
                color: #fff;
            }

    .ModalRegister .modal-dialog .modal-content {
        padding: 30px;
    }

        .ModalRegister .modal-dialog .modal-content .imgLogo {
            max-width: 170px;
        }

        .ModalRegister .modal-dialog .modal-content .modal-body {
            margin-top: 0;
        }

    .ErrorContainer {
        background-color: #fff;
    }

        .ErrorContainer .Error h1 {
            font-size: 60px;
        }

        .ErrorContainer .Error h3 {
            font-size: 25px;
        }

        .ErrorContainer .Error h1,
        .ErrorContainer .Error h3,
        .ErrorContainer .Error h4 {
            margin: 5px;
        }

        .ErrorContainer .Error .goHome {
            background-color: #000;
            height: 48px;
            line-height: 48px;
            margin-top: 25px;
            border-radius: 5px;
        }

    .OptionSlideContainer .OptionSlide {
        padding: 0;
    }

    .bottom-banner {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .ConfigurationsContainer .LeftContent {
        display: none;
    }

    .ScrollTable {
        overflow-x: auto;
        overflow-y: hidden;
    }

        .ScrollTable table th,
        .ScrollTable table td {
            white-space: nowrap;
        }

    .FormPassword .input-field input {
        border-width: 1px;
        border-style: solid;
        border-color: rgb(132, 132, 132);
    }

        .FormPassword .input-field input::placeholder {
            color: #000;
            opacity: 0;
        }

    .FormPassword .das-change-pass button.btn {
        width: 100%;
        text-align: center;
        height: 48px;
        text-transform: uppercase;
        font-weight: bold;
        margin-top: 10px;
        border-radius: 5px;
        background-color: rgb(158, 158, 158);
        color: rgb(63, 63, 63);
        border-color: rgb(158, 158, 158);
    }

    .TabsContainer .TabsList {
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        height: 48px;
        width: 100%;
        background-color: rgb(51, 51, 51);
        white-space: nowrap;
        margin: 0px auto;
    }

        .TabsContainer .TabsList::-webkit-scrollbar {
            background-color: none !important;
            height: none !important;
            width: none !important;
        }

        .TabsContainer .TabsList::-webkit-scrollbar-thumb {
            background-color: none !important;
            height: none !important;
            width: none !important;
        }

        .TabsContainer .TabsList .Tab {
            display: inline-block;
            width: auto;
            text-overflow: inherit;
            overflow: initial;
            flex-grow: 1;
            color: #fff;
        }

            .TabsContainer .TabsList .Tab.active,
            .TabsContainer .TabsList .Tab:hover {
                color: #fff;
            }

    .FormSettings > .input-field {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: row;
        flex-direction: row;
        min-width: 1px;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        color: #212121;
        font-weight: 500;
    }

    .btn-mobile {
        width: 100%;
        text-align: center;
        height: 48px;
        text-transform: uppercase;
        font-weight: bold;
        margin-top: 10px;
        border-radius: 5px;
        background-color: #333;
        color: #fff;
        border-color: #333;
    }
}

@media screen and (max-width: 600px) {
    .WLSystem {
        padding-bottom: 0;
    }

    .FooterContainer .Footer .Middle .Information {
        width: 100%;
    }
}