@media only screen and (max-width: 900px) {
    div#wrapper .container-width, .full-width .ubermenu-nav, .container, .row {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
        min-width: 100% !important;
        height: undefined !important;
    }

    .color_18_text p {
        height: 5px;
        font-size: 35px;
        color: var(--primary-color);
        font-weight: 600;
    }

    .j7pOnl {
        text-align: center;
    }

    .j7pOnl img {
        justify-content: center;
        text-align: center;
        width: 300px !important;
        height: 292px;
        /* object-fit: cover; */
        border-radius: 220px;
    }

    .banner_mobi_img_tex {
        display: flex;
        flex-flow: row wrap !important;
        width: 100%;
        flex-direction: column-reverse !important;
    }

    .img_box_danh_muc .box-image img {
        border-radius: 99px;
        width: 160px;
        height: 160px;
        object-fit: cover;
        object-position: 50% 50%;
    }

    h2.wixui-rich-text__text_j2 {
        color: var(--primary-color);
        font-weight: 400;
        line-height: 44px;
        text-align: center;
        font-size: 40px;
    }


    .owl-carousel.slide-post.owl-loaded.owl-drag .owl-carousel .owl-dots.disabled {
        display: block;
    }

    .owl-carousel.slide-post.owl-loaded.owl-drag .owl-nav button {
        margin: 0px !important;
        width: 40px;
        height: 40px;
        min-height: 40px;
        background: #fff !important;
        border: 1px solid #f2f2f2 !important;
        border-radius: 5px !important;
        box-shadow: 0px 2px 16px rgb(0 0 0 / 10%);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .owl-carousel.slide-post.owl-loaded.owl-drag button.owl-prev {
        left: -60px;
    }

    .owl-carousel.slide-post.owl-loaded.owl-drag button.owl-next {
        right: -60px;
    }

    .owl-carousel.slide-post.owl-loaded.owl-drag .owl-dots {
        display: none;
    }

    .blog-grid {
        background: #f4d6cf;
        border: 2px solid #bbb;
    }

    .content {
        text-align: center;
        padding: 10px;
    }

    span.piza {
        padding: 10px;
        text-decoration: underline;
        color: #0c0c0c;
        font-weight: 500;
        line-height: 0.05em;
        text-align: center;
        font-size: 16px;
        text-transform: uppercase;
    }

    #comp-laj6u847 {
        width: 155px;
        height: 45px;
    }

    .StylableButton2545352419__icon {
        transition: inherit;
        fill: #C74300;
        width: 31px;
        height: 31px;
    }

    .map a {
        border-radius: 10px;
        font-size: 21px;
        padding: 21px;
        margin: auto;
        justify-content: center;
        background: #efeff3;
        text-align: center;
    }

    .map {
        text-align: center;
        margin: auto;
    }

    .map a i {
        color: var(--primary-color);
    }

    .yummyvJNL7 {
        color: red;
        justify-content: center;
        margin: auto;
        position: absolute;
        left: 15%;
        top: 0px;
    }
    div#masthead .header-inner.flex-row.container.logo-left.medium-logo-center {
        margin-left: auto!important;
        margin-right: auto!important;
        width: calc(100% - 60px - 60px) !important;
        min-width: 100%!important;
    }
    section#category-page h1.title {
        margin-top: 41px;
    }
    .blog-grid_piza_category .thumbnail_grid_piza {
        width: 100%;
    }
    .blog-grid_piza_category .content\+grid_piza {
        width: 100%;
    }
    .header-main {
        height: 110px !important;
    }

}
