@media only screen and (max-width: 900px) {
    #mobile {
        display: block !important;
    }

    #desktop {
        display: none !important;
    }

    .blog-post .blog-avatar {
        width: 120px;
        height: 120px;
        float: left;
    }

    .blog-post .blog-content {
        width: calc(100% - 120px);
        height: 120px;
    }

    .blog-post {
        height: 140px;
    }

    .blog-description {
        display: none;
    }

    .blog-post .blog-content h2 {
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        overflow: hidden;
        display: -webkit-box;
    }

    article.banner-category .banner-category {
        width: 100%;
        margin: 30px 0;
    }

    article.banner-category {
        width: 100%;
        position: unset !important;
        display: inline-block;
        bottom: 0px;
        z-index: 99;
    }

    .banner-category .banner-items {
        width: calc(100% / 2);
    }


    footer#footer {
        background: #94684b;
    }

    article.menu-order {
        width: 100%;
    }

    #top-bar {
        display: none !important;
    }

    .product-info.summary.col-fit.col.entry-summary.product-summary {
        padding-top: 30px !important;
    }

    div#masthead {
        background: #fff !important;
    }
}