.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;
}

@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;
    }
}