@media only screen and (max-width: 768px) {
    .home-title h3 {
        font-size: 23px;
        line-height: 28px;
    }

    .product-item .product-content h4 a {
        font-size: 13px;
        -webkit-line-clamp: 2;
        line-height: 18px;
        height: 36px;
    }

    .product-item .product-content .product-price {
        font-size: 10px;
    }

    .product-item .product_count {
        font-size: 12px;
        margin: 0;
    }

    .product-price del, .product-item .product-content .product-price del span {
        font-size: 11px !important;
    }

    .product-price ins, .product-item .product-content .product-price ins span {
        font-size: 11px !important;
    }

    .tab-product ul, .category-list ul {
        display: inline-block;
        overflow-x: scroll;
        white-space: nowrap;
        overflow-y: hidden;
    }

    .tab-product ul::-webkit-scrollbar {
        height: 0;
    }

    section.category-info {
        padding: 20px 0;
    }

    .lienhe-feature-item {
        min-height: unset;
    }

    .col-w-5 {
        flex-basis: 50% !important;
        max-width: 50% !important;
    }

    .sulotion-main .section-solution-article > * {
        flex: 0 0 auto;
        width: 100%;
    }

    .sulotion-main .section-solution-article .article-content .article-title {
        font-size: 22px;
        line-height: 26px;
    }

    h1.section-title.section-title-center span, h2.section-title.section-title-center span, h3.section-title.section-title-center span {
        font-style: italic;
        color: var(--primary-color2);
        font-size: 25px
    }

    button.owl-prev {
        left: 15px !important
    }

    button.owl-next {
        right: 15px !important
    }

    #logo img {
        max-height: 55px !important
    }

    .aboutus-head h3 span {
        font-size: 35px !important;
        line-height: 45px !important
    }

    .mt-footer {
        margin-bottom: 20px !important
    }

    .bit-tab ul {
        display: inline-block;
        white-space: nowrap !important;
        overflow-x: scroll !important;
        width: 100% !important;
        padding: 5px 0
    }

    .bit-tab ul::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .bit-tab ul::-webkit-scrollbar-thumb {
        background-color: #aaa
    }

    ::-webkit-scrollbar-thumb {
        background-color: #aaa
    }

    .product-item .product-content h4 {
        font-size: 14px;
        line-height: 20px;
        height: 60px
    }

    .product-item .product-content .product-price b, .product-item .product-content .product-price ins span {
        font-size: 15px
    }

    .aboutus-head, .bit-tab .tab-panels {
        margin: 0
    }

    .aboutus-head h2 {
        display: none
    }

    .aboutus-head h3 {
        position: unset;
        font-size: 36px;
        line-height: 46px
    }

    .post-item .post-thumbnail {
        width: 100%;
        height: 220px
    }

    .post-item .post-content {
        width: 100%;
        padding: 15px 0 0
    }

    a.is-small i {
        color: #fff
    }

    .mfp-content div#main-menu ul li a img, .yith-wcan-filters h4.filter-title:before, div#top-bar {
        display: none !important
    }

    .mfp-content div#main-menu ul li {
        border-color: rgba(255, 255, 255, .1) !important
    }

    .mfp-content div#main-menu ul li a {
        font-size: 16px !important;
        color: #fff !important;
        padding: 10px !important;
        text-transform: uppercase !important
    }

    .mfp-content, .sidebar-menu.no-scrollbar, div#main-menu {
        background: var(--primary-color) !important
    }

    input#woocommerce-product-search-field-1 {
        background: #fff !important
    }

    i.icon-search {
        color: var(--primary-color) !important
    }

    .product-item .product-thumbnail:before {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter h4.collapsable {
        padding: 5px 20px 5px 5px !important;
        font-size: 13px !important;
        text-transform: unset !important;
        margin: 0 !important;
        border-radius: 5px !important;
        background: #fff !important;
        color: #000 !important;
        border: 2px solid #f2f2f2 !important;
        height: 50px;
        display: flex;
        align-items: center
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter h4.collapsable:after {
        right: 5px !important
    }

    .formOjbect.contact, .p-container .p-sku {
        width: 100%
    }

    .yith-wcan-filters.horizontal .filters-container {
        position: relative
    }

    .yith-wcan-filters.horizontal .filter-content {
        left: 0 !important;
        box-shadow: unset !important;
        border-radius: 0 !important;
        border-color: #f2f2f2 !important;
        padding: 10px !important
    }

    .filter-content-footer {
        margin: 10px -10px -10px !important;
        padding: 6px !important
    }

    a.apply-filters.button.alt {
        font-weight: 400;
        font-size: 15px;
        padding: 0 15px !important;
        height: 35px !important;
        min-height: 35px !important;
        line-height: 35px !important;
        border-radius: 5px !important;
        background: var(--primary-color2) !important
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter {
        min-width: 31% !important;
        margin-right: 6px !important;
        padding: 0 !important;
        border: 0 !important;
        position: unset !important;
        margin-bottom: 10px !important;
        width: 31% !important
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter h4 {
        border-radius: 4px !important
    }

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter:nth-child(3n) {
        margin-right: 0 !important
    }

    #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content h1 {
        font-size: 25px
    }

    div#logo {
        margin-top: 0 !important
    }

    button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
        background: var(--primary-color2) !important;
        color: #fff !important
    }

    button.ux-search-submit.submit-button.secondary.button.icon.mb-0 i {
        color: #fff !important
    }

    div#masthead {
        position: relative !important;
        background: var(--colorDark) !important
    }

    .video-single-tg {
        width: 100%;
        height: 240px !important
    }
}

@media only screen and (min-width: 1500px) {
    .header-full-width .container {
        width: 1470px !important;
        max-width: 1470px !important;
    }

    .container, .full-width .ubermenu-nav, .row, .row-full-width {
        max-width: 1470px !important;
        width: 1470px !important;
    }

    .width-service {
        width: 100% !important;
    }

    .row.row-small {
        max-width: 100% !important;
    }
}