@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;
    }

    .footer-top {
        flex-direction: column;
    }
    .ft-col-left {
        width: 100% !important;
        padding: 0px 15px !important;
    }
    .ft-col-right {
        width: 100% !important;
        padding: 0px 15px !important;
    }
    .footer-bottom {
        flex-wrap: wrap !important;
    }
    .fb-col-3 {
        width: 100% !important;
    }
    .laptop {
        display: none !important;
    }
    .slider-home .col-right {
        width: 100%;
    }
    .slider-home .col-right img {
        height: auto !important;
    }
    div.mobile {
        display: block !important;
    }
    .section.section1 {
        top: 38px !important;
        padding-top: 0px !important;
    }
    .row-section2 {
        flex-wrap: wrap !important;
    }
    .s2-col-left {
        width: 100% !important;
        padding: 0px 15px !important;
    }
    .s2-col-right {
        width: 100% !important;
        padding: 0px 15px !important;
        top: 0px !important;
    }
    .row-section2 {
        gap: 12px !important;
    }
    .col-right-list {
        flex-wrap: wrap !important;
        gap: 12px !important;
        top: 0px !important;
    }
    .col-right-item {
        width: 100% !important;
    }
    .s3-slide {
        flex-wrap: wrap !important;
    }
    .s3-col-item {
        width: 100% !important;
        padding-left: 15px !important;
    }
    .s3-col-item img {
        width: 100% !important;
    }
    .section3 {
        padding: 0px 15px !important;
    }
    .s3-col-s2 {
        left: 0px !important;
    }
    .section3 {
        padding-top: 50px !important;
    }
    .s3-col-s3 {
        position: relative !important;
    }
    .section3 .swiper-button-next {
        top: 98% !important;
    }
    .section3 .swiper-button-prev {
        top: 98% !important;
    }
    .row-news {
        padding-top: 40px !important;
    }
    .col-news {
        flex: auto !important;
        width: 100% !important;
        padding: 0px 15px !important;
        flex: auto !important;
        max-width: 100% !important;
    }
    .col-md-8 {
        padding: 0px 15px !important;
    }
    #masthead {
        background-color: #000 !important;
        position: relative;
        height: 90px !important;
    }
    .icon-menu-mobile {
        width: 36px;
        height: 36px;
        color: #fff !important;
    }
    .mobile-nav.nav.nav-left {
        flex: 1;
        display: flex;
        justify-content: end;
    }
    .flex-col.show-for-medium.flex-left {
        flex: 1 !important;
    }
    .sidebar-menu.no-scrollbar .header-search-form {
        display: none !important;
    }
    .off-canvas .sidebar-menu {
        padding: 30px 0;
        padding-bottom: 0px !important;
    }
    .sidebar-menu.no-scrollbar {
        background-color: #efc501 !important;
    }
    .nav.nav-sidebar.nav-vertical.nav-uppercase {
        background-color: #fff !important;
        border-top: 1px solid #000 !important;
    }
    .mfp-ready .mfp-close {
        background-color: #000;
        top: 9px;
    }
    .menu-item.menu-item-type-post_type a {
        color: #000 !important;
    }
    .html.header-social-icons {
        display: none !important;
    }
    .section1 .col-inner .title-main {
        text-align: center !important;
        margin-bottom: 4px !important;
    }
    .section1 .col-inner p {
        text-align: center !important;
    }
    .section1 .col-inner a {
        margin: 0 auto !important;
        margin-bottom: 6px !important;
        text-transform: capitalize !important;
    }
    .col-2-s1 {
        margin-bottom: 50px !important;
    }
    .s3-slide {
        position: relative;
    }
    .s3-col-item:first-child {
        position: absolute !important;
        top: 14%;
        left: 0;
        width: 75% !important;
    }
    .title-s3-product {
        display: none !important;
    }
    .section3 {
        padding-right: 0px !important;
    }
    div.section3 .swiper-scrollbar .swiper-scrollbar-horizontal {
        width: 20% !important;
    }
    .section3 .swiper-scrollbar {
        opacity: 1 !important;
        width: 20% !important;
        position: absolute;
    }
    .section3 .swiper-button-prev {
        position: absolute;
        right: 0;
        z-index: 9999;
        left: -5% !important;
        margin-top: -37px !important;
    }
    .section3 .swiper-button-next {
        position: absolute;
        left: 34% !important;
        z-index: 9999;
        margin-top: -37px !important;
    }
    .ft-col-left p {
        text-align: center !important;
    }
    .ft-col-right {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .fb-col-3 {
        padding: 0px !important;
    }
    .section7 .col-left {
        display: none !important;
    }
    .section7 .col-right .col-left {
        display: block !important;
    }
    .section7 .col-right .col-right {
        display: none !important;
    }
    .section7 .col-right {
        width: 100% !important;
    }
    .section7 .col-right .col-left {
        width: 100% !important;
    }
    .factorydata-container {
        display: flex;
        align-items: center;
        gap: 0px !important;
        padding: 0px 15px !important;
        padding-left: 25px !important;
    }
    .factorydata-item {
        width: 42% !important;
    }
    .factorydata-title {
        font-size: 24px !important;
    }
    .factorydata-mota {
        font-size: 12px !important;
        padding-top: 12px !important;
    }
    .s7-text {
        padding: 20px !important;
        height: 233px !important;
    }
    .s7-box-text {
        padding-left: 0px !important;
        text-align: center !important;
    }
    .single-news .col-news {
        width: 100% !important;
    }
    .single-news img {
        max-width: 100% !important;
    }
    .section3 .swiper-pagination {
        /* margin-left: 35px !important; */
        top: 95.5% !important;
        text-align: center !important;
        left: inherit !important;
        /* margin-right: 9px; */
        margin-left: -43px;
        left: -76px !important;
    }
    .section3 .swiper-button-next {
        position: absolute;
        left: 34% !important;
        z-index: 9999;
        margin-top: -31px !important;
    }
    .section3 .swiper-button-prev {
        position: absolute;
        right: 0;
        z-index: 9999;
        left: 20% !important;
        margin-top: -31px !important;
    }
    .section3 .swiper-scrollbar {
        opacity: 1 !important;
        width: 53% !important;
        position: absolute;
    }
    .section4 .col-3-s1 {
        display: none !important;
    }
    .section4 .col-3-s2 {
        padding: 0px 15px !important;
    }
    .none {
        display: none !important;
    }
    .pag-s4 {
        margin-top: 12px !important;
    }
    .pag-s4 .swiper-pagination {
        bottom: 55px !important;
    }
    .pag-s4 .swiper-button-prev {
        left: 44% !important;
    }
    .pag-s4 .swiper-button-next {
        right: 41% !important;
    }
    .section4 {
        padding-bottom: 16px !important;
    }
    .entry-title {
        font-size: 38px !important;
    }
    .row-single-product .col-left {
        width: 100% !important;
        padding: 0px 15px;
    }
    .row-single-product .col-right {
        width: 100% !important;
        padding: 0px 15px;
    }
    .title-main {
        font-size: 20px !important;
    }
    .col-3.col-3-s2 {
        width: 100% !important;
        padding: 0px 15px !important;
    }
    .s11-col-left {
        display: none !important;
    }
    .s11-col-right {
        width: 100% !important;
        padding: 0px 15px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .section11 {
        top: 44px !important;
    }
    .section11 .title-main {
        text-align: center !important;
    }
    .button-primary {
        margin: 0 auto !important;
        margin-top: 16px !important;
        margin-bottom: 16px !important;
    }
    .row-section12 {
        display: flex;
        flex-direction: column !important;
    }
    .s12-col-left {
        width: 100% !important;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
    }
    .s12-col-right {
        width: 100% !important;
        padding: 0px 15px !important;
    }
    .section12 .title-main {
        text-align: center !important;
    }
    .section13 .col-news.col-md-4 {
        width: 100% !important;
    }
    .section13 .card {
        display: flex;
        gap: 16px;
    }
    .section13 .s13-col-mb {
        width: 50% !important;
    }
    .section13 .card-body {
        width: 50% !important;
    }
    .section13 .card-text {
        display: none !important;
    }
    .card-title {
        width: auto !important;
        white-space: initial !important;
    }
    .pag-s4 {
        margin-top: -39px !important;
    }
    .section4 .swiper-scrollbar {
        opacity: 1 !important;
        width: 200px !important;
        left: 42%;
    }
    .section4 .swiper-button-next {
        position: relative;
        top: auto !important;
        margin-top: 2px !important;
        left: 50% !important;
        z-index: 99999999;
        /* margin-left: -22px; */
    }
    .section4 .swiper-scrollbar {
        opacity: 1 !important;
        width: 200px !important;
        left: 42%;
        position: relative;
        top: -48px;
        left: 29vw;
    }
    .pag-s4.s5 {
        margin-top: 0px !important;
    }
    .nav-sidebar.nav-vertical .menu-item a {
        font-weight: 700 !important;
    }
    .accordion-inner {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    @media (max-width: 1024px) {
        .sticky {
            position: fixed !important;
            top: 0 !important;
            width: 100% !important;
            z-index: 9999 !important;
        }
    }
    .stuck {
        top: 0;
        position: static !important;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .row-single-product .col-left {
        text-align: center !important;
    }
    .section2 .line {
        position: absolute;
        top: 30px;
        margin-right: 15px;
        width: 109px;
        right: 0;
    }
    .title-main{
        font-size: 24px !important;
    }
    .section22 .title-main{
        text-align: center;
    }
    .section22 p{
        text-align: center;
    }
    .s12-col-right img{
        height: 270px !important;
    }
    .section3 .swiper-button-prev {
        position: absolute;
        right: 0;
        z-index: 9999;
        margin-top: -31px !important;
    }
    .row-section11{
        display: flex;
        gap:50px;
        flex-wrap:wrap !important;
     }
     .row-section12{
        display: flex;
        gap:50px;
        flex-wrap:wrap !important;
     }
    #masthead ul.mobile-nav .nav-icon{
        margin-left:81px !important;
     }
     .off-canvas .sidebar-menu {
        padding: 58px 0 !important;
    }
    #main-menu{
        background-color:#efc501 !important;
    }
    .sidebar-menu.no-scrollbar {
        height: 0px;
        background-color: #efc501 !important;
    }
    .off-canvas .sidebar-menu{
        padding-bottom:0px !important;
    }
     
   
}