@media all and (max-width: 1300px) {


}

@media all and (max-width: 1024px) {


}

@media all and (max-width: 800px) {


}@media all and (max-width: 768px) {
    .header-desktop {
        display: none;
    }
    .header-mobile{
        display: block;
        background: #E1C244;
        border-bottom: 1px solid #5C4900;
        margin-bottom: 7px;
        padding: 10px;
    }
    .name-ts img {
        width: 70px;
        display: block;
    }
    .name-ts .name-logo img {
        width: 22%;
    }
    form .icon, form .submits {
        width: 21px;
        height: 21px;
        background: #04582500;
        display: block;
        position: absolute;
        top: 7px;
        right: 22px;
    }

    form .submits {
        background: #04582500;
        cursor: pointer;
    }

    /* Now, we'll create a search (magnifying glass) icon using pseudo elements */
    form .submits:after  {
        background-size: 20px;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 10px;
        top: 8px;
        background-image: url(/images/search.svg);
        background-repeat: no-repeat;
    }
    form .icon:after {
        background-size: 20px;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 10px;
        top: 9px;
        background-image: url(/images/search.svg);
        background-repeat: no-repeat;
    }

    form #search {
        -webkit-appearance: none;
        height: 48px;
        width: 0;
        position: absolute;
        padding: 0;
        opacity: 0;
        border: none;
        outline: none;
        right: 49px;
        top: 0px;
        box-shadow: 0px 0px 10px rgb(102 102 102 / 25%) !important;
    }
    #frm-search {
        position: absolute;
        background: #5C4900;
        width: 50px;
        height: 50px;
            right: 12px;
            bottom: 12px;
    }
    .hover-banner {
        display: none !important;
    }
    .video-contai img {
        height: 370px;
    }
    .video-contai iframe {
        height: 370px;
    }
    .owl-theme .owl-dots .owl-dot span {
        width: 14px;
        height: 14px;
    }
    .slide-home .owl-dots {
        bottom: 10px;
    }
    .box-wp{
        padding: 0 12px;
    }
    .menu-category-item {
        width: calc(33.33% - 30px);
        float: left;
        text-align: center;
        margin: 0 15px;
    }
    .menu-mobile-ts {
        padding: 20px 0;
        background: #E1C244;
        margin-top: 5px;
    }
    .menu-category-item h4 {
        margin-top: 10px;
    }

    .menu-category-item h4 a {
        font-size: 20px;
        line-height: 26px;
        color: #5C4900;
        text-transform: uppercase;
    }
    .menu-category-item img {
        width: 107px;
        height: 107px;
    }
    .title-ts{
        width: 100%;
        font-size: 30px;
        line-height: 44px;
    }
    .page1-item {
        width: calc(33.33% - 20px);
        float: left;
        margin: 0 10px 20px;
        height: 253px;
    }
    .page1-content .page1-item:nth-child(9), .page1-content .page1-item:nth-child(10), .page1-content .page1-item:nth-child(11),.page1-content .page1-item:nth-child(12),.page1-content .page1-item:nth-child(13),.page1-content .page1-item:nth-child(14),.page1-content .page1-item:nth-child(15),.page1-content .page1-item:nth-child(16){
        display: none;
    }
    .item-p1ts a, button.btn_chon {
        font-size: 14px;
    }
    .item-p1ts img {
        width: 16px;
        height: 16px;
        }
    .more-dv {
        position: relative;
        width: calc(33.33% - 20px);
        float: left;
        height: 253px;
        background: #e1c244;
        display: block;
    }
    .more-dv a {
        position: absolute;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        top: 50%;
        left: 0;
        right: 0;
        background: #5C4900;
        font-weight: bold;
        font-size: 25px;
        line-height: 30px;
        text-align: center;
        color: #E1C244;
        padding: 53px 10px;
    }
    .page2 {
        display: none;
    }
    .box--fu-hm{
        display: none;
    }
    .box--fu-hm.mobile{
        display: block;
        padding: 0 0 64px ;
    }
    .content-mobile-pr .fu--pd-item {
        width: calc(33.33% - 20px);
        margin: 0 10px 20px;
        height: 344px;
        border-radius: 8px;
    }
    .fu--pd-item.xemthempr {
        background: #E1C244;
        position: relative;
    }
    .fu--pd-item.xemthempr a {
        position: absolute;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        transform: translate(0,-50%);
        top: 50%;
        left: 0;
        right: 0;
        background: #5C4900;
        font-weight: bold;
        font-size: 23px;
        line-height: 30px;
        text-align: center;
        color: #E1C244;
        padding: 40px 10px;
    }
    .page3 {
        display: none;
    }
    .box_tt {
        width: calc(50% - 20px);
        float: left;
        margin: 0 10px 20px;
    }
    .description_tt h4{
        margin-bottom: 10px;
    }
    .description_tt p {
        -webkit-line-clamp: 3;
    }
    .page4-content {
        margin: 0 -10px;
    }
    .footer .col-ft, .title-ft{
        display: none;
    }
    .footer .col-ft.logoft1{
        display: block;
        max-width: 60%;
    }
    .footer {
        background-color: white;
        border-top: 1px solid #5C4900;
    }
    .contact-dv.mobile button:after, .contact-dv.mobile a:after{
        content: none;
    }
    .menu-mobile-ts, .map{
        display: block;
    }
    .contact-dv.mobile {
        width: 26%;
        float: right;
        text-align: right;
        margin: 15px 0;
        display: block;
    }
    .contact-dv.mobile a {
        margin-right: 0;
        display: block;
        text-align: center;
    }

    .contact-dv.mobile button {
        width: 198px;
        margin-top: 25px;
        margin-right: 0;
        height: 42px;
    }
    .contact-dv.mobile a img {
        width: 27px;
    }
    p.gpkd, .dv-comment{
        display: none;
    }
    .abour-left {
        margin-bottom: 20px;
        width: 100%;
        float: left;
        padding-right: 0;
    }
    .about-img {
        width: 100%;
    }
    .about-content-ts {
        width: 100%;
        margin: 32px auto 0;
    }
    .dv-comment.mobile{
        display: block;
    }
    .dv-left{
        padding-right: 30px;
    }
    .contact-dv a, .contact-dv button {
        margin-top: 20px;
    }
    .other_dv .page1-item:last-child, .list-other .fu--pd-item:last-child{
        display: none;
    }
    .swiper-doitac {
        height: 800px;
    }
    .list_pr .fu--pd-item, .other_product .fu--pd-item, .tk--list .fu--pd-item {
        width: calc(33.33% - 20px);
        margin: 0 10px 20px;
    }
    .pro-menu h4:after, .pro-menu h4:before {
        width: 55vw;
    }
    .swiper-doitac .swiper-slide {
        height: calc((95% - 20px) / 2);
    }
    .detail-left {
        width: 100%;
        margin-bottom: 30px;
    }
    .detail-right {
        width: 100%;
    }
    .detail-right .contact-dv {
        display: none;
    }
    .news-others .box_tt {
        width: calc(50% - 20px);
        margin: 0 10px 20px;
    }
    .img-ga > a.a_fxb1::before {
        background-size: 75px;
    }
    .header {
        position: fixed;
        z-index: 9;
    }
    .main-container {
        padding-top: 103px;
    }
    .dattruoc-form {
        padding: 40px 32px;
    }
    .contentcsl {
        width: 100%;
        margin-bottom: 30px;
    }
    .contentcsr {
        width: 100%;
        padding-left: 0;
    }
    .contactn {
        display: block;
    }
    .fb-livechat{
        display: block !important;
    }
    .spacets{
        width: 100%;
        margin: 0 -5px;
    }
    .spacets, .page5 .form-itembuton{
        width: calc(100% - 10px)
    }
    .contact-dv a:hover, .contact-dv button:hover{
        background: #5c4900;
    }
    .page2.mobile {
        display: block;
        padding-bottom: 32px;
    }
    .page2-content {
        width: 100%;
    }
    .name-ts{
        width: 100%;
    }
    img.name-logo {
        width: 50%;
    }
}


@media all and (max-width: 680px) {


}@media all and (max-width: 480px) {
    .name-ts .name-logo img {
        width: 50%;
    }
    #hamburger {
        bottom: 4px;
    }
    #frm-search{
        bottom: 17px;
    }
    .video-contai img, .video-contai iframe {
        height: 180px;
    }
    .menu-category-item {
        width: calc(33.33% - 10px);
        margin: 0 5px;
    }
    .menu-category-item h4 a {
        font-size: 16px;
        line-height: 21px;
    }
    .menu-category-item img {
        width: 70px;
        height: 70px;
    }
    .page1{
        padding: 32px 0;
    }
    .page1-item, .more-dv {
        width: calc(50% - 10px);
        float: left;
        margin: 0 5px 20px;
        height: 214px;
    }
    .page1-content{
        margin: 0 -10px;
    }
    .page1-item h4 {
        font-size: 16px;
    }
    .item-p1ts a, button.btn_chon {
        font-size: 11px;
    }
    .item-p1ts {
        padding: 10px 4px;
    }
    .item-p1ts img {
        width: 12px;
        height: 12px;
        margin-right: 2px;
    }
    .page1-content .page1-item:nth-child(6), .page1-content .page1-item:nth-child(7), .page1-content .page1-item:nth-child(8){
        display: none;
    }
    .more-dv a {
        font-size: 18px;
        line-height: 24px;
        padding: 41px 10px;
    }
    .title-ts {
        font-size: 26px;
        line-height: 35px;
        margin-bottom: 30px;
    }
    .content-mobile-pr .fu--pd-item {
        width: calc(50% - 20px);
        margin: 0 10px 20px;
        height: 274px;
    }
    .content-mobile-pr {
        margin: 0 -10px;
    }
    .fu--pd-item .p-tt {
        height: 18px;
        font-size: 16px;
        line-height: 22px;
    }
    .linka a, .pr-ct a{
        font-size: 14px;
    }
    .linka {
        margin-top: 20px;
    }
    .pr-ct img {
        width: 17px !important;
        margin-right: 8px;
        margin-top: -2px;
    }
    .fu--pd-item.xemthempr a {
        font-size: 16px;
        line-height: 23px;
        padding: 27px 10px;
    }
    .box_tt {
        width: 100%;
        float: left;
        margin: 0 0 30px;
    }
    .page4-content {
        margin: 0;
    }
    .description_tt {
        width: calc(68% - 33px);
    }
    .page5{
        padding: 32px 0;
    }
    .form-sm {
        width: 100%;
    }
    .footer .col-ft.logoft1 {
        max-width: 100%;
        width: 100%;
    }
    .contact-dv.mobile {
        width: 55%;
        text-align: center;
        float: none;
        clear: both;
        margin: 0 auto;
    }
    .copyright-content h4 {
        font-size: 15px;
    }
    .copyright-content p {
        font-size: 14px;
        line-height: 18px;
    }
    .contact-dv a, .contact-dv button {
        font-size: 16px;
    }
    .contact-dv.mobile a {
        font-size: 25px;
    }
    .blocker {
        padding: 10px;
    }
    .dattruoc-form {
        padding: 20px 10px;
    }
    .dattruoc img {
        width: 60px;
        margin-bottom: 10px;
    }
    .dattruoc-form .title-ts {
        margin-bottom: 25px;
        font-size: 20px;
        line-height: 13px;
    }
    .modal a.close-modal {
        top: 34px;
    }
    .dattruoc-form .form-item.form-bg textarea {
        height: 85px;
    }
    .form-itembuton button {
        font-size: 16px;
        line-height: 23px;
        padding: 12px 0;
    }
    .breadcrumb-ts a + a {
        font-size: 24px;
        line-height: 24px;
        margin-top: 6px;
    }
    .abour-left h3 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .pd64{
        padding: 32px 0;
    }
    .ts--list{
        margin: 0 -10px;
    }
    .link-pr a:after, .page1-item:after, .form-itembuton button:after {
        left: -80%;
    }
    .dv-left {
        padding-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .dv-right{
        width: 100%;
    }
    .dv-comment.mobile {
        margin-top: 20px;
    }
    .dv-comment h4 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .other_dv .page1-item:last-child, .list-other .fu--pd-item:last-child{
        display: block;
    }
    .other_dv {
        margin: 0 -10px 24px;
    }
    .title-detail, .ttcontentcsr {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 24px;
    }
    .dv-left .contact-dv button{
        margin-right: 0;
        margin-top: 0;
    }
    .dv-left .contact-dv a{
        margin-right: 10px;
        padding: 10px;
    }
    .list_pr .fu--pd-item, .other_product .fu--pd-item, .tk--list .fu--pd-item {
        width: calc(50% - 24px);
        margin: 0 12px 24px;
    }
    .swiper-doitac {
        height: 590px;
    }
    .pro-menu h4:after, .pro-menu h4:before {
        width: 100vw;
    }
    .list_pr, .tk--list{
        margin: 0 -12px;
    }
    .content.fu--cright{
        padding: 32px 0;
    }
    .news-others .box_tt {
        width: 100%;
        margin: 0 0 20px;
    }
    .ttile-others {
        font-size: 24px;
        line-height: 24px;
    }
    .gallery_item {
        width: 100%;
        margin: 0 0 30px;
    }
    .gallery_content{
        margin: 0;
    }

    .detail-wp.detail-post{
        border-bottom: none;
        padding-bottom: 0;
    }
    .list-other {
        margin: 0 -10px;
    }
    
    .alo-phone {
        left: -23px;
    }
    .hotline-bar{
        left: 3px;
    }
    .about-content-ts img, .detail-wp img{
        width: 100% !important;
        height: auto !important;
    }
}


@media all and (min-width: 414px) and (max-width: 600px) {
    .page1-item, .more-dv {
        height: 226px;
    }
    .content-mobile-pr .fu--pd-item {
        height: 290px;
    }
    .swiper-doitac {
        height: 630px;
    }
}@media all and (width: 414px) {

}
@media (min-width: 1400px) and (max-width: 1600px){

}


@media (min-width: 1600px) {

}