@media all and (max-width:1300px) {
    :root {
        --width-content: 900px;
    }

    .categories-home-page a {
        width:calc((100% - 48px) / 3 - 32px);
    }

    .categories-home-page a .image {
        height:calc((var(--width-content) - 48px) / 3 - 32px);
    }

    .categories-home-page a:nth-child(6n + 1) {
        margin-left:24px;
    }

    .categories-home-page a:nth-child(-n + 6) {
        margin-top:24px;
    }

    .categories-home-page a:nth-child(3n + 1) {
        margin-left:0;
    }

    .categories-home-page a:nth-child(-n + 3) {
        margin-top:0;
    }

    .header .logo {
        width:170px;
    }

    .article-container .article-header .article-pictures {
        width:calc(100% - 400px - 32px);
    }

    .article-container .article-header .article-content {
        width:400px;
    }

    .article-container .article-header .article-pictures .main-picture {
        height:calc((var(--width-content) - 400px - 32px) * 13 / 16);
    }

    .article-container .article-header .article-pictures .thumbnails .thumbnail {
        height:calc((((var(--width-content) - 400px - 32px) - 30px) / 3.7 - 6px) * 13 / 16);
    }

    .article-container .article-infos .left-column {
        width:100%;
    }

    .article-container .article-infos .right-column {
        width:100%;
    }

    .article-container .important-link.bigger {
        font-size: 15px;
        line-height: 24px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .article-container .article-header .article-content h1 {
        font-size:32px;
        line-height:38px;
    }

    .articles-list.articles-list-page > a {
        width:calc((100% - 48px) / 3);
    }

    .articles-list.articles-list-page > a:nth-child(4n + 1) {
        margin-left:24px;
    }

    .articles-list.articles-list-page > a:nth-child(-n + 4) {
        margin-top:24px;
    }

    .articles-list.articles-list-page > a:nth-child(3n + 1) {
        margin-left:0;
    }

    .articles-list.articles-list-page > a:nth-child(-n + 3) {
        margin-top:0;
    }

    #categories .categories-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-banner .block-home-banner .search-bar form {
        flex-direction:column;
    }

    .home-banner .block-home-banner .search-bar form > div {
        margin-top: 16px;
        margin-left: 0;
    }

    .home-banner .block-home-banner .search-bar form > div:first-child {
        margin-top:0;
    }

    .home-banner .block-home-banner .search-bar form button.btn-primary {
        margin-top:16px;
        margin-left:0;
        width:100%;
    }

    .home-banner .block-home-banner .search-bar form input[type="text"] {
        max-width:calc(320px - 40px);
        width:calc(100% - 40px);
    }

    .home-banner .block-home-banner .search-bar form select {
        max-width:320px;
    }

    .home-banner .block-home-banner .search-bar form input#search, .home-banner .block-home-banner .search-bar form input#city {
        max-width:calc(320px - 55px);
        padding-left:35px;
        width:calc(100% - 55px);
    }

    .home-banner .block-home-banner .search-bar form button.category-fake-select__trigger {
        width:100%;
        max-width:320px;
    }

    .home-banner .block-home-banner {
        margin-top:-80px;
    }

    .home-banner .block-home-banner .search-bar form .category-fake-select, .search-bar.search-bar--inline .category-fake-select {
        max-width: 320px;
        width:100%;
    }

    .home-banner .block-home-banner .search-bar form .category-fake-select, .search-bar.search-bar--inline .category-fake-select {
        max-width:100%;
    }

    .search-city-radius-row {
        flex-direction:column;
    }

    .search-radius-wrapper {
        flex:0;
    }

    .home-banner .block-home-banner .search-bar form > div, .home-banner .block-home-banner .search-bar form > div.search-city-radius-row > div,
    .search-bar.search-bar--inline > div, .search-bar.search-bar--inline > div.search-city-radius-row > div {
        width:100%;
        margin-left:0;
    }

    .search-bar.search-bar--inline > div {
        margin-top:16px;
    }

    .home-banner .block-home-banner .search-bar form  {
        width:100%;
    }

    .home-banner .block-home-banner .search-bar {
        width:320px;
    }

    .search-bar.search-bar--inline input#search, .search-bar.search-bar--inline input#city {
        width: calc(100% - 57px);
        max-width: calc(100% - 57px);
    }

    .category-fake-select__trigger {
        max-width: 100%;
    }
}