@media only screen and (max-width: 1199px) {
    .nav-desktop {
        font-size: 14px;
    }
    
    .nav-desktop .item-menu>a {
        padding: 15px 8px;
    }

    .footer {
        background-position: bottom center;
        background-size: 200%;
        background-repeat: no-repeat;
    }
    .inner-style-1 .content-congthuc .item {
        font-size: 1.3rem;
        line-height: 1.8rem;
    }
    
    .inner-style-1 .content-congthuc {
        padding-right: 20px;
    }
    
    .inner-conthuc .title-congthuc {
        font-size: 1.8rem;
    }
    .inner-media img {
        max-width: 100%;
    }
    .inner-conthuc.style-2 {
        padding: 0;
    }
    
    .inner-style-2 .content-congthuc {
        width: 75%;
        left: 25%;
    }
    
    .inner-style-2 .img-congthuc2 {
        width: 85%;
    }
    .inner-compare::after {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    
}

@media only screen and (max-width: 992px) {
    .wrap-header .wrap-nav{
        display: none !important;
    }
    .wrap-header .wrap-logo {
        margin: auto;
        display: inherit;
        width: 50px;
    }
    .header.headerfixed .wrap-logo {
        width: 40px;
    }
    
    header .wrap-header .icon-menu .mbToggle{
        display: block;
        z-index: 99;
    }
    .search-mobile .group-input {
        width: 100%;
        position: relative;
        display: block;
    }
    
    .search-mobile .group-input input {
        width: 100%;
        padding: 10px 50px 10px 10px;
        border: 1px solid #e6e6e6;
        border-radius: 5px;
        height: 40px;
        line-height: 40px;
    }
    
    .search-mobile .group-input .btnSearch {
        position: absolute;
        width: 50px;
        height: 40px;
        text-align: center;
        top: 0;
        right: 0;
        background: transparent;
        border: none;
    }
}

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

}

@media only screen and (max-width:768px) {
    .wrap-title .title-block {
        font-size: 18px;
        padding-bottom: 15px;
    }
    
    .section-product-home {
        padding: 30px 0;
    }
    
    .inner-item-group .name h4 {
        font-size: 13px;
        margin: 0;
    }
    
    body, html {
        font-size: 12px;
    }
    
    .banner-middle .content-banner h2 {
        font-size: 18px;
        line-height: 28px;
    }
    
    .section-posts-home {
        padding: 30px 0;
    }
    
    .all-banner-logo {
        height: auto !important;
        min-height: auto !important;
    }
    
    .all-banner-logo .item-banner {
        position: relative;
    }
    
    .inner-post .desc .name {
        font-size: 13px;
    }
    
    .inner-post .desc .brief {
        font-size: 12px;
    }
    
    .inner-post .desc .post-more .post-date {
        font-size: 10px;
    }
    
    .inner-post .desc .post-more .view-more {
        font-size: 10px;
    }
    
    .wrap-posts-home {
        padding: 0 20px;
    }
    .section-product-home {
        padding: 20px 0;
        padding-bottom: 0;
    }
    
    .wrap-title .title-block {
        font-size: 14px;
        margin-bottom: 10px;
    }
    
    .inner-item-group {
        padding: 5px;
    }
    
    .wrap-product-group .item-group {
        border-radius: 5px;
        overflow: hidden;
    }
    
    .inner-item-group .name h4 {
        font-size: 12px;
    }
    
    .wrap-product-group .col-6 {
        padding: 0 10px;
    }
    
    .footer {
        background-size: cover;
    }
    
    .wrap-product-group {
        padding: 10px 0;
    }
    .section-slide-main .slick-prev.slick-arrow {
        left: 0;
    }
    
    .section-slide-main .slick-next.slick-arrow {
        right: 0;
    }

    .inner-conthuc {
        padding: 0;
        padding-bottom: 50px;
    }
    
    .inner-style-1 .content-congthuc .item {
        font-size: 1rem;
    }
    
    .inner-style-1 {
        height: auto;
        min-height: 350px;
    }
    .inner-style-2 .content-congthuc {
        width: 85%;
    }
    .item-r-and-d .image {
        width: 100%;
        display: block;
        margin-bottom: 0;
    }
    
    .item-r-and-d .desc {
        width: 100%;
        position: relative;
        display: block;
        top: 0;
        box-shadow: 0px 4px 4px 0px #0000002e;
    }
    
    .tab-r-and-d .nav-tabs {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 639px) {
    .inner-style-1{
        background: none !important;
        height: auto;
        min-height: auto;
    }
    .inner-style-1 .content-congthuc {
        padding: 0;
    }
    
    .inner-conthuc .title-congthuc {
        position: relative;
        font-size: 14px;
        line-height: 22px;
        width: 100%;
        display: block;
        bottom: 0;
        margin-bottom: 10px;
        text-decoration: underline;
    }
    .inner-conthuc.style-1 {
        padding: 0 !important;
    }
    .logo-f1-mobile{display: block;max-width: 200px;margin: auto;margin-bottom: 20px;}
    .product-icon {
        padding: 30px 0;
    }
    .inner-style-2 .img-congthuc2 {
        width: 100%;
        padding: 0;
    }
    
    .inner-style-2 .content-congthuc {
        width: 100%;
        left: 0;
        padding: 20px 0;
    }
    
    .inner-style-2 .content-congthuc::after {
        display: none;
    }
    
    .inner-style-2 .content-congthuc .item .text {
        left: 18px;
        font-size: 1rem;
    }
    
    .inner-style-2 .content-congthuc .item {
        padding-right: 18px;
    }
    
    .inner-style-2 .content-congthuc .item .text:before {
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        border-right: 20px solid #a8a9ac;
        position: absolute;
        left: -20px;
        top: calc(50% - 10px);
    }
    .banner-full {
        height: 40vh;
    }
    
    .about-general {
        padding: 30px 0;
    }
    
    .inner-general .desc .company, .inner-general .desc h3 {
        font-size: 20px;
        font-weight: 700;
    }
    
    .section-counter .item-couter {
        margin-bottom: 50px;
    }
    section.page-news {
        padding: 30px 0;
    }

    .section-banner-randd .title h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    
    .section-banner-randd .title p {
        margin-bottom: 5px;
    }
    
    .tab-r-and-d .nav-tabs a.nav-link {
        padding: 5px;
        margin-bottom: 10px;
        font-size: 10px;
        font-weight: 400;
    }
    
    .tab-r-and-d .nav-tabs {
        text-align: left;
    }

    .page-article {
        padding: 30px 0;
    }
    
    .inner-article .article-name {
        font-size: 18px;
    }
    
    .inner-article .post-author .post-date {
        font-size: 10px;
    }
    
    .sidebar {
        padding-top: 20px;
    }
    ul.category_news>li> a {
        font-size: 11px;
        font-weight: 400;
        padding: 6px 10px;
    }
    
    .banner-middle .content-banner .text-banner {
        padding: 20px;
        text-align: center;
    }
    
    .banner-middle .content-banner .text-banner h2 {
        text-align: center;
    }
}

@media only screen and (max-width: 480px) {

}