@media only screen and (max-width:1200px) {
    header div#mainHeader li {
        margin: 5px 8px;
        font-size: 14px;
    }


    header img#logoHeader {
        width: 80px;
        height: auto;
    }

    header #accountNavigation a {
        font-size: 15px;
    }
}

@media only screen and (max-width:990px) {
    header div#mainHeader {
        display: none;
    }

    header div#mobileHeader {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        header div#mobileHeader a ion-icon {
            font-size: 25px;
            margin: 10px 5px 0 5px;
        }
}

@media only screen and (max-width:500px) {
    .forum-header {
        flex-direction: column;
        align-items: start;
    }

    .topic-item h3 {
        font-size: 16px;
    }

    .topic-item span {
        font-size: 13px !important;
    }

    .topic-header h1 {
        font-size: 17px;
    }

    .topic__related__post h2 a {
        font-size: 14px;
    }

    .section-cover-body {
        flex-direction: column;
    }

        .section-cover-body h1 {
            margin-top: 30px;
            font-size: 17px;
        }
}

@media only screen and (max-width:420px) {
    #topHeader p {
        font-size: 15px;
    }
}



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

    header div#mobileHeader a ion-icon {
        font-size: 20px;
    }

    header img#logoHeader {
        width: 60px;
        height: auto;
    }
}

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

    .card-archive-post {
        padding: 0 !important;
    }

        .card-archive-post img {
            margin: 0 !important;
        }
}

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

    .player-cover {
        width: 80px;
        height: 80px;
        top: 40px;
    }
}


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

    .player-cover {
        width: 70px;
        height: 70px;
        top: 40px;
        right:15px;
    }
}