@media screen and (min-width: 960px) {

    body.detail nav#main-navigation {
        height: 300px;
    }

    nav#main-navigation {
        height: 420px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 47px;
        height: 64px;
        color: var(--color-text-accent);
    }

    .swiper-button-next{
        right: -60px;
    }
    .swiper-button-prev{
        left: -60px;
    }
    div.lexicon-list,
    div.page,
    div.product,
    div.contact,
    section {
        width: 960px;
        margin: 0 auto;
        padding: 0;
    }

    section.product-list article {
        width: 25%;
    }

    div.product article div.half div.price strong {
        font-size: 22px;
    }

    footer {
        padding: 0px 0px 0px 60px;
        display: flex;
    }

    footer div.links {
        margin-top: 30px;
        width: 20%;
    }

    footer div.description {
        margin-top: 30px;
        width: 45%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    footer div.address {
        width: 35%;
    }

    footer address {
        width: 100%;
        margin-bottom: 0;
        margin-right: 30px;
    }

    footer div.description {
        width: 45%;
        margin-left: 5%;
        margin-bottom: 0;
    }

    footer div.links ul {
        width: 100%;
        text-align: left;
    }

    nav#main-navigation div.info-button img {
        width: 130px;
    }

    nav#main-navigation div.info-button {
        right: 20px;
        bottom: -40px;
    }

    nav#main-navigation ul.top-navigation {
        position: relative;
        padding: 0 30px;
        width: 100%;
        text-align: right;
        display: block;
        background-color: #495f5b;
        background-color: #FFFFFF;
    }

    nav#main-navigation ul.top-navigation li {
        display: inline-block;
    }

    nav#main-navigation ul.top-navigation li a {
        font-size: 16px;
        font-weight: 300;
        padding: 0 15px;
        color: #000000;
    }

    nav#main-navigation ul.top-navigation li a i.fa-brands {
        font-size: 20px;
    }

    nav#main-navigation ul.top-navigation li:last-of-type a {
        padding: 10px 0;
    }

    #gallery .item {
        width: calc(25% - 30px);
    }

    .grid .item.third {
        width: calc(33.33% - 50px);
        margin-bottom: 30px;
    }
    .grid .item.fourth {
        width: calc(25% - 50px);
        margin-bottom: 30px;
    }

    div.lexicon-list a {
        width: 20%;
    }
}