/* ----------------------------------------------------------------------------
| More then 480px
---------------------------------------------------------------------------- */
@media all and (min-width: 480px) {
    
}

/* ----------------------------------------------------------------------------
| More then 786px
---------------------------------------------------------------------------- */
@media all and (min-width: 786px) {
    /* Messages */
    .message-container {
        max-width: 500px;
        right: 30px;
    }
    .replay-comment-alert {
        display: flex;
        justify-content: space-between;
    }
    .replay-comment-alert a {
        display: initial;
        margin-top: 0;
    }

    /* Article list */
    .article-list article {
        width: 45%;
    }

    /* Comments */
    .comments-block,
    .answers-block {
        display: flex;
        align-items: flex-start;
    }
    .comments-block-left,
    .answers-block-left {
        width: 150px;
        flex-shrink: 0;
    }
    .answers-block {
        flex-direction: row-reverse;
    }
    .seta-comments {
        display: block;
        flex-shrink: 0;
        margin-top: 25px;
        margin-right: -1px;
    }
    .seta-answers {
        display: block;
        flex-shrink: 0;
        margin-top: 25px;
        margin-left: -1px;
    }
    .comments-image, 
    .answers-image {
        height: 80px;
    }

    /* Author */
    .author-list-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .author-list-item {
        width: 45%;
    }
}

/* ----------------------------------------------------------------------------
| More then 1024px
---------------------------------------------------------------------------- */
@media all and (min-width: 1024px) {
    /* Header */
    #header-main {
        position: fixed;
        top: 0;
        width: 25%;
        height: 100%;
        background-color: #F5F5FA;
        padding: 30px 50px 0 50px;
    }
    .header-container {
        width: 100%;
    }
    .header-logo {
        max-width: 100%;
    }
    .header-menu ul {
        text-align: initial;
    }
    .menu-institucional {
        margin-top: 20px;
    }
    .header-menu ul li {
        display: initial;
        margin-right: 0;
    }
    .header-menu ul li a:hover::before,
    .menu-active::before {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        background-color: #EE6B6E;
        font-weight: bold;
        margin-right: 5px;
    }

    /* Forms */
    .search-container {
        width: 60%;
    }
    .form-comment-container h2 {
        text-align: left;
    }
    .form-comment-container .btn,
    .form-contact .btn {
        margin: 0;
    }
    .form-contact.fill-large-bottom {
        margin-bottom: 0;
    }
    .comments h2 {
        text-align: left;
    }

    /* Main */
    .content-center {
        width: 65%;
        margin-left: 30%;
    }
    .container-accessibility-search {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .accessibility-options {
        margin-bottom: 0;
    }

    /* Article list */
    .featured-article {
        display: flex;
        justify-content: space-between;
    }
    .featured-article-left-container {
        width: 50%;
    }
    .featured-article-right-container {
        width: 45%;
    }

    /* Author */
    .author-list-item {
        width: 30%;
    }
    .author-info-container {
        display: flex;
    }
    .author-info-left {
        text-align: left;
        margin-right: 30px;
        margin-bottom: 0;
    }
    .author-info-left img {
        max-width: 175px;
    }
    .author-info-right {
        text-align: left;
    }

    /* Consent Cookie */
    .consent-cookie-container {
        max-width: 450px;
        left: 50px;
    }
}

/* ----------------------------------------------------------------------------
| More then 1280px
---------------------------------------------------------------------------- */
@media all and (min-width: 1280px) {
    /* Header */
    .header-logo {
        max-width: 160px;
    }

    /* Article list */
    .article-list article {
        width: 30%;
    }
    .article-list-read-more article {
        margin-bottom: 0;
    }

    /* Main */
    .content-center {
        width: 65%;
        margin-left: 30%;
    }

    /* Author */
    .author-list-item {
        width: 20%;
    }
}

/* ----------------------------------------------------------------------------
| More then 1440px
---------------------------------------------------------------------------- */
@media all and (min-width: 1440px) {
    /* Main */
    .content-center {
        width: 55%;
        margin-left: 35%;
    }
}

/* ----------------------------------------------------------------------------
| More then 1920px
---------------------------------------------------------------------------- */
@media all and (min-width: 1920px) {
    /* Header */
    #header-main {
        width: 20%;
    }

    /* Main */
    .content-center {
        width: 60%;
        margin-left: 30%;
        max-width: 1500px;
    }
}