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

    #header li a {
        position: relative;
    }

    #header li a::after {
        content: "";
        width: 0;
        height: 1px;
        background-color: #d0d2d9;
        position: absolute;
        bottom: 0;
        left: 50%;
        transition: all 0.3s;
        transform: translate(-50%, -50%);
    }

    #header li a:hover::after {
        width: 90%;
    }

    #footer a {
        position: relative;
    }

    #footer a::after {
        content: "";
        width: 0;
        height: 1px;
        background-color: #d0d2d9;
        position: absolute;
        bottom: -8px;
        left: 50%;
        transition: all 0.3s;
        transform: translate(-50%, -50%);
    }

    #footer a:hover::after {
        width: 100%;
    }

    .info-bottom-text {
        font-size: 1.5rem;
    }

    .language-container {
        background: #F2F2F2;
        border-radius: 5px !important;
        margin-inline: 5px;
    }

    .result-page-title {
        font-size: 2.2rem;
    }

    .result-page-sub-title {
        font-size: 1.6rem;
    }

    .logo-size {
        width: 80px;
        height: 80px;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }

    .faq-styling {
        font-size: 1rem;
        color: #000000 !important;
        background-color: transparent !important;
        font-weight: bold !important;
        padding: 2%;
    }

}

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

    .info-bottom-text {
        font-size: 1rem;
    }

    .language-container {
        background: #F2F2F2;
        border-radius: 5px !important;
        font-family: 'Helvetica-Neue' !important;
        margin-inline: 5px;
    }

    .result-page-title {
        font-size: 1.7rem;
    }

    .result-page-sub-title {
        font-size: 1.3rem;
    }

    .logo-size {
        width: 55px;
        height: 55px;
    }

    .faq-styling {
        font-size: 0.9rem;
        color: #000000 !important;
        background-color: transparent !important;
        font-weight: bold !important;
        padding: 5%;
    }
    .profile-container-height {
        max-height: 0vh !important;
    }

    .show-counter .countdown {
        margin: 2.2px;
        width: 22% !important;
        font-size: 1.2rem
    }

    .playText {
        font-weight: bold;
        font-size: 1.2rem;
    }

}