.highlightmenu {
    margin-top: 18px
}

    .highlightmenu .gggl {
        position: relative;
        border-radius: 16px;
        overflow: hidden;
        background: var(--quick-nav-bgcolor)
    }

        .highlightmenu .gggl .iimg {
        }

            .highlightmenu .gggl .iimg img {
                max-width: auto;
                width: 100%
            }

        .highlightmenu .gggl .infos {
            position: relative;
            color: #ffffff;
            z-index: 1;
            padding-bottom: 5%;
            left: 3%;
            width: 94%;
            text-align: center;
            line-height:normal;
        }

            .highlightmenu .gggl .infos small {
                font-size: 12px;
                display: block;
                padding-bottom: 8px;
            }

            .highlightmenu .gggl .infos p {
                font-size: 22px;
                font-weight: bold;
                margin: 0;
                line-height: normal;
            }

            .highlightmenu .gggl .infos a {
                text-transform: uppercase;
                background: var(--highlight-infobutton-bgcolor);
                color: var(--highlight-infobutton-textcolor);
                border-radius: 80px;
                padding: 4px 0px;
                text-transform: uppercase;
                font-size: 18px;
                font-size:1rem;
                font-weight: bold;
                display: block
            }

.hightlightsection {
    margin-top:10px;
    background-color: #0D0D0D;
    padding:10px;
    border-radius:10px;
}
.highlightitem {
    background-color: #181818;
    border-radius:10px;
}
.hightlightitembutton {
    background: linear-gradient(to bottom, #ed1c25 0%, #550408 100%)!important;
    border: 1px solid #ed1c25;
    color: #fff!important;
}

.hotgame-main-img.maintenance {
    pointer-events: none;
}

.hotgame-main-img.maintenance a{
    position: relative;
    overflow: hidden;
}

.hotgame-main-img.maintenance img {
    filter: grayscale(100%);
}

.hotgame-main-img.maintenance .maintenance-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    font-size: 48px;
    color: #ffc000;
    pointer-events: none;
}

.iframe-video { width:100%; }
    .iframe-video iframe { width:100%; border:0; max-height:300px; height:30vh }

@media only screen and (max-width: 1440px) {

    .highlightmenu .gggl .infos small {
        font-size: 0.8vw;
    }

    .highlightmenu .gggl .infos p {
        font-size: 1.4vw;
    }

    .highlightmenu .gggl .infos a {
        font-size: 1rem;
        padding: 0.4vw 0
    }
}

@media only screen and (max-width: 1080px) {

    .highlightmenu .gggl .infos small {
        font-size: 1vw;
    }

    .highlightmenu .gggl .infos p {
        font-size: 2vw;
    }

    .highlightmenu .gggl .infos a {
        font-size: 1rem;
        padding: 0.4vw 0
    }
}


@media only screen and (max-width: 767px) {

    .highlightmenu .gggl .infos small {
        font-size: 2vw;
    }

    .highlightmenu .gggl .infos p {
        font-size: 3.6vw;
    }

    .highlightmenu .gggl .infos a {
        font-size: 0.6rem;
        padding: 0.4vw 0
    }
}


@media only screen and (max-width: 425px) {

    .highlightitem {
        background-color: #181818;
        border-radius: 10px;
    }
}