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

@media screen and (max-device-width:480px) and (orientation:portrait) {

    html,
    body {
        max-width: 100%;
        overflow-y: scroll !important;
        overflow-x: hidden !important
    }

    .logo img {
        width: 13rem !important
    }

    .pola-wrapper {
        width: 100% !important;
        padding: 2px !important
    }

    .rtp-card-img {
        width: 100% !important
    }

    .slider,
    .swiper {
        width: 100%;
        height: 100%
    }

    .icon-card-bg p {
        font-size: .6rem !important;
        font-weight: 700 !important
    }

    .icon-prov {
        justify-content: start !important
    }

    .icon-card-bg img {
        width: 1rem !important
    }

    .title-game {
        font-size: .7rem !important
    }

    .item-nav-bottom {
        font-size: .7rem !important
    }

    .icon-providers {
        top: .1rem !important;
        right: 0 !important
    }
}

@media screen and (max-device-width:850px) and (orientation:landscape) {

    html,
    body {
        max-width: 100%;
        overflow-y: scroll !important;
        overflow-x: hidden !important
    }
}

@media screen and (max-device-width:640px) {
    .btn-play {
        font-size: .6rem !important
    }
}