@media all and (max-height: 770px) {
    .promoted .article-image img {
        height: 300px;
    }
}

@media all and (max-width: 1000px) {
    .articles section.right-column {
        display: none;
    }
    .articles section.middle-column {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .articles-container {
        margin: 0;
    }
    .articles-container .article {
        flex-basis: 50%;
        max-width: 50%;
    }
    .popular-articles-container {
        display: block;
        width: 300%;
        margin: 0;
    }
    .popular-scroll {
        overflow-y: auto;
    }
    .popular-articles article {
        flex: none;
        float: left;
        width: 16.66%;
    }
    
    nav ul.menu {
        display: none;
    }
    header.head {
        padding: 10px;
    }
    nav ul.menu.top {
        left: 10px;
        display: block;
    }
    nav ul.menu.top.right {
        right: 10px;
    }
    nav .search {
        right: 10px;
    }
    nav .showmenu {
        left: 10px;
    }
    nav ul.menu li {
        float: none;
    }
    nav ul.menu.top li > a {
        margin: 5px 0;
    }
    nav .showmenu {
        padding: 0;
    }
    nav .search {
        padding: 0;
    }
    nav .logo {
        margin: 20px;
    }
}
@media (max-width: 480px) {
    .articles-container .article {
        flex-basis: 100%;
        max-width: 100%;
    }
    .promoted .article-title h1 {
        padding: 10px;
        font-size: 25px;
    }
    nav ul.menu li {
        float: left;
    }
    nav ul.menu.top li > a {
        margin: 0 15px 0 0;
    }
    .send-article {
        display: none;
    }
    .zase-tv > h1 {
        font-size: 25px;
        white-space: nowrap;
    }
    .zase-tv .article-image::after{
        border: none;
    }
    .zase-tv .article-title {
        padding: 0 0 0 105px;
        right: 0;
        left: 0;
    }
}