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

    section {

    }

    img.fr-dib {
        display: block;
    }

    img.fr-dii {
        display: inline-block;
    }

    img.fr-dii.fr-fir {
        float: right;
        width: 48%;
        margin: 0 0 4% 4%;
    }

    img.fr-dii.fr-fil {
        float: left;
        width: 48%;
        margin: 0 4% 4% 0;
    }

    div.gallery a {
        width: 25%;
    }

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

    .half {
        width: 50%;
    }

    .grid .item.half {
        width: calc(50% - 50px);
        margin-left: 50px;
    }
    .grid .item.third {
        width: calc(33.33% - 50px);
        margin-left: 50px;
    }
    .grid .item.two-third {
        width: calc(66.66% - 50px);
        margin-left: 50px;
    }
    .grid .item.fourth {
        width: calc(25% - 50px);
        margin-left: 50px;
    }

    .category_header span.color-block {
        width: 18px;
        height: 18px;
    }

    a#offcanvas-menu span {
        display: none;
    }

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

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

    nav#main-navigation ul li a {
        display: inline-block;
        color: var(--color-text);
        font-family: var(--font), sans-serif;
    }

    nav#main-navigation ul.main-navigation {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: white;
        text-align: center;
        float: left;
        display: block;
        border-bottom: 5px solid var(--color-bg-light);
    }

    nav#main-navigation ul.main-navigation li {
        display: inline-block;
        font-size: 20px;
        font-weight: 500;
    }

    nav#main-navigation ul.main-navigation li a {
        padding: 10px;
    }
    nav#main-navigation ul.main-navigation li a:before {
        display: block;
        content: attr(title);
        font-weight: bold;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }

    nav#main-navigation ul.main-navigation li.selected a {
        font-weight: 400;
    }

    section.news-list-home div.news {
        display: flex;
        flex-wrap: wrap;
    }

    section.news-list article {
        padding-bottom: 1em;
    }

    section.news-list article div.text {
        width: 46%;
    }

    section.news-list article div.text.full-width {
        width: 100%;
    }

    section.product-list article {
        width: calc(30% - 20px);
    }

    img.pack1 {
        width: 40%;
        margin-right: 2%;
    }

    img.pack2 {
        width: 48%;
    }

    div.product {

    }

    div.product article {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    div.product article div.half {
        width: 50%;
    }
    div.product article div.full {
        width: 100%;
    }

    nav#main-navigation div.info-button {
        position: absolute;
        right: 20px;
        bottom: -30px;
        display: block;
    }

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

    div.intro h1,
    div.intro strong {
        font-size: 30px;
        margin-bottom: 0;
    }
    div.intro p {
        font-size: 22px
    }

    #cart-box span {
        width: auto;
        display: inline;
    }

    #cart-box span.divider {
        display: inline;
    }

    div.page img.page-content {
        float: right;
        width: 40%;
        margin-left: 20px;
        margin-bottom: 20px;
    }

    section.info-list-home p.info-section-head {
        margin: 80px 0 60px 0;
    }

    section.info-list-home article {
        display: flex;
    }

    section.info-list-home article .info-imagebox {
        width: 48%;
        margin: 0 0 0 2%;
    }

    section.info-list-home article div.info-textbox {
        width: 50%;
    }

    section.news-list-home article {
        display: flex;
        flex-direction: row-reverse;
    }

    section.news-list-home article .news-imagebox {
        width: 48%;
        margin: 0 0 0 2%;
    }

    section.news-list-home article div.news-textbox {
        width: 50%;
        padding: 2em;
    }

    section.news-list article {
        display: flex;
        flex-direction: column;
    }

    section.news-list article figure {
        width: 48%;
        margin-left: 2%;
    }

    section.news-list article div.news-textbox {
        width: 50%;
        padding: 2em;
    }

    ul.cart-progress li span {
        display: inline;
    }

    ul.cart-progress li {
        padding: 10px 10px 10px 10px;
    }

    .product-category-list .grid .item .title {
        font-size: 20px;
    }

    .swiper-slide a {
        width: 33.33%;
    }
    .swiper-slide {
        flex-direction: row;
    }
    .swiper-slide .slide-text {
        width: 66.66%;
    }
}