/* Mobile */
@media screen and (max-width: 600px) {

    .header .links {
        display: none;
    }

    .header .menu-container .menu ul li {
        clear: both;
        width: 100% !important;
    }

    .header .menu-container .menu ul li a {
        text-align: left;
        padding: 4px 11px;
    }

    .content .last-editions .edition {
        width: 99%;
    }

    .content .notes .column70 {
        width: calc(100% - 30px);
        clear: both;
    }

    .content .notes .column30 {
        width: calc(100% - 30px);
        clear: both;
    }

    .content .notes .category .notes.notes2 .note {
        width: calc(100% - 10px);
    }

    .content .notes .category .notes.notes3 .note,
    .content .notes .category .notes.notes4 .note {
        width: calc(50% - 10px);
    }

    .content .notes .category .videos .video,
    .content .notes .category .videos.videos4 .video {
        width: calc(50% - 10px);
    }

    .modalvideo .video .source {
        clear: both;
        width: 100%;
        height: 320px;
    }

    .modalvideo .video .data {
        clear: both;
        width: 100%;
        height: auto !important;
        border-radius: 10px;
    }

    .content .editions .edition {
        width: calc(50% - 6px);
    }

    .magazine {
        overflow: auto;
    }

    .magazine .page {
        width: 100%;
        height: auto !important;
        min-height: 100vh;
    }

    .magazine .page.info {
        padding-top: 20px;
        padding-bottom: 75px;
    }

    .magazine .page .share {
        display: block;
        bottom: 15vh;
    }

    .content .notes {
        width: 95%;
        margin: 0px 2.5% !important;
    }

    .page .data {
        width: 90%;
        clear: both;
    }

    .page .extrasContainer {
        border-left: 0px;
        border-top: 1px solid #aaa;
        width: 95%;
        clear: both;
    }

    .page .content {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
        text-align: justify;
    }

    .page .gallery .image,
    .page .gallery .orientation1.image,
    .page .gallery .orientation0.image {
        width: 100% !important;
        clear: both;
    }

    .page .gallery .otherImages {
        width: 100% !important;
        clear: both;
        height: 250px;
    }

    .footer .container .column40 {
        width: calc(100% - 30px);
    }

    .footer .column40 ul {
        margin: 5px 20px;
        width: calc(50% - 40px);
    }

    .footer .container .column20 {
        width: calc(100% - 30px);
    }

    .footer .column20 ul li {
        clear: none;
        width: 25%;
        text-align: center;
    }

    .aboutus {
        padding: 20px;
        width: calc(100% - 40px);
    }

    .aboutus h2 {
        font-size: 3em;
    }

    .aboutus .column {
        width: 94%;
        clear: both;
    }

    .aboutus .column30 {
        width: 96%;
        clear: both;
    }

    .modalvideo .video {
        top: 2vh;
        left: 3%;
        width: 94%;
    }

    .modalvideo .video .data {
        margin-top: 0%;
        border-radius: 0px 0px 10px 10px;
    }

    .modalvideo .video .title {
        padding-top: 2%;
        font-size: 15px;
    }

    .modalvideo .video .author {
        font-size: 12px;
    }

    .modalvideo .video .resume {
        font-size: 11px;
    }

    .modalvideo .video .date {
        padding-bottom: 2%;
    }

    .modalvideo .video .share a {
        padding: 0px;
    }

    .modalvideo .video .close {
        margin-top: 1%;
        padding: 1%;
    }

    .app .column {
        width: 33.33%;
    }

    .header .searchForm .searchBar {
        width: 98%;
        margin: 3px auto !important;
    }

    .header .searchForm .searchBar input {
        font-size: 15px;
        padding: 5px;
    }

    .header .searchForm .searchBar a {
        padding: 5px 0px;
        font-size: 15px;
    }

    .searchResult .resultNote {
        width: calc(30% - 2px);
    }

}