@media all and (max-width: 1300px) {
    .left_p2gtbt {
        padding: 5.2% 2% 5% 2%;
    }
	
}

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


}

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


}@media all and (max-width: 768px) {
    a.mm-next {
        display: none !important;
    }
    #hamburger{
        display: block;
    }
    #hamburger {
        top: 17px !important;
        right: 25px !important;
    }
    .header-right {
        display: none;
    }
    ul.list-inline.headface.shartren {
        display: inline-block;
        left: 0;
        right: auto;
        top: 35%;
    }
    .header-left {
        padding-top: 1%;
        width: 50%;
        margin: 0 auto;
        float: none;
    }
    .header .logo .img {
        margin-left: 10%;
        text-align: center;
    }
    .header .logo .img img {
        max-height: 65px;
    }
    ul.list-inline.headface.shartren.hdertren li {
        width: 18%;
    }
    ul.list-inline.headface.shartren.hdertren {
        text-align: left;
        margin-left: 5%;
    }
    .header .logo{
        padding: 0;
    }
    header.header {
        height: 78px;
    }
    .slide-hd {
        margin-top: 3%;
    }
    .text_sla {
        width: 100%;
    }
    .text_sla h1 {
        font-size: 45px;
        margin-top: 5%;
    }
    .text_sla p {
        font-size: 16px;
    }
    #slide-home button.owl-next {
        /*display: none;*/
        /*right: -9%;*/
        /*top: 25% !important;*/
    }
    #slide-home button.owl-prev {
        /*display: none;*/
        /*top: 36% !important;*/
        /*left: 103%;*/
    }
    .owl-nav {
        position: absolute;
        right: -9%;
        top: 20%;
    }
    #slide-home .owl-dots {
        display: none;
        top: 30%;
    }
    .bg_sl, .bg_right {
        height: 100%;
    }
    .tren h1 {
        font-size: 25px;
    }
    .tren {
        width: 65%;
    }
    .left_p1 {
        width: 100%;
    }
    .text_p1 {
        height: 83px;
    }
    .right_p1 {
        text-align: center;
        float: none;
        width: 100%;
    }
    .text_p2 {
        position: relative;
        width: 100%;
        left: 0;
        height: 155px;
    }
    input#send_order2 {
        padding: 9px 40px;
        width: 100%;
    }
    .nd_p2 {
        margin-bottom: 3%;
    }
    .text_p2 h2 {
        font-size: 22px;
    }
    .noidungp3 {
        padding: 3% 2% 2% 2%;
        width: 100%;
        margin-bottom: 1%;
    }
    .tieude_p2.p4a {
        width: 100%;
    }
    .tieude_p2.p4a p {
        margin-bottom: 5%;
        margin-top: 2%;
    }
    .nd_p4 {
        margin-top: 8%;
        margin-bottom: 7%;
        width: 48%;
        margin-right: 2%;
        margin-left: 0;
    }
    .ndtraip5, .reg_mail.ndphai {
        width: 100%;
    }
    .p5 {
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .right_ft{
        display: none;
    }
    .right_ft.mobileft {
        width: 100%;
        display: block;
    }
    .right_ft.mobileft iframe {
        height: 250px;
    }
    .left_ft, .left_gtp4, .right_gtp4 {
        width: 100%;
    }
    .phailogo {
        margin-top: 0%;
        width: 63%;
        padding-right: 0;
        padding-left: 2%;
        margin-bottom: 3%;
    }
  
    .img_ft {
        padding-left: 11%;
        margin-top: 10%;
        width: 34%;
    }
    .rightgt_p1 {
        padding-top: 12%;
    }
    .right_p2gtbt {
        padding: 2% 9% 2.2% 2%;
        width: 60%;
    }
    .left_p2gtbt {
        padding: 4.3% 2% 5% 2%;
        width: 40%;
    }
    .noidungp2 {
        width: 80%;
    }
    .tieudegt_p4 {
        width: 65%;
        padding: 1% 5% 1% 0%;
    }
    .right_tdch {
        padding: 3% 0% 2% 7%;
    }
    p.gach_cn {
       display: none;
    }
    .td_cn h4, .td_cna h4 {
        width: 100%;
    }
    .text_p4 {
        position: relative;
        width: 100%;
        left: 0%;
        height: 140px;
    }
    .text_p4 h4 {
        font-size: 15px;
    }
    .colin {
        margin-bottom: 5%;
    }
    .txxt h4 {
        width: 100%;
    }
    .hang {
        margin-bottom: 10%;
    }
    p.so1 {
        display: inline;
    }
    .img_lh {
        margin-bottom: 2%;
    }
    .gioithieup1, .baothan, .content_lienhe {
        margin-top: 4%;
    }
    .right_p1 img {
        padding-left: 0;
    }
    .p2gtbt {
        width: 60%;
    }
    .swiper-container.gallery-thumbs.swiper-container-initialized.swiper-container-horizontal.swiper-container-free-mode.swiper-container-thumbs img {
        height: 90px;
        object-fit: cover;
    }
    .swiper-slide.swiper-slide-visible.swiper-slide-active.swiper-slide-thumb-active, .swiper-slide.swiper-slide-visible.swiper-slide-next, .swiper-slide.swiper-slide-visible, .swiper-slide.swiper-slide-visible.swiper-slide-duplicate-prev {
        width: 126px !important;
    }


}

@media all and (width: 1366px) {
    .right_p2gtbt {
        padding: 2.3% 14% 2% 2%;
    }
    .swiper-slide.swiper-slide-visible.swiper-slide-active.swiper-slide-thumb-active, .swiper-slide.swiper-slide-visible.swiper-slide-next, .swiper-slide.swiper-slide-visible, .swiper-slide.swiper-slide-visible.swiper-slide-duplicate-prev {
        width: 230px !important;
    }


}@media all and (max-width: 480px) {
    #hamburger{
        display: block;
    }
    #hamburger {
        top: 6px !important;
        right: 8px !important;
    }
    .header .logo .img img {
        max-height: 50px;
    }
    header.header {
        height: 59px;
    }
    ul.list-inline.headface.shartren.hdertren {
        width: 30%;
    }
    ul.list-inline.headface.shartren.hdertren li {
        width: 21%;
    }
    .text_sla h1 {
        font-size: 35px;
    }
    #slide-home .owl-dots {
        top: 17%;
        left: -9% !important;
    }
    #slide-home button.owl-next span img,  #slide-home button.owl-prev span img {
        width: 70%;
    }
    #slide-home button.owl-next {
        right: -12%;
        top: 16% !important;
    }
    #slide-home button.owl-prev {
        top: 29% !important;
        left: 100%;
    }
    .bg_sl, .bg_right {
        height: 100%;
    }
    .tren h1 {
        font-size: 18px;
    }
    .tren {
        width: 56%;
    }
    .tieude_p2 h1 {
        font-size: 26px;
        line-height: 1.3;
    }
    .ndnho_p1 {
        float: left;
        width: 100%;
    }
    .text_p1 {
        padding-bottom: 6%;
        width: 83%;
        height: auto;
    }
    .tieude_p2 {
        margin-bottom: 5%;
    }
    .nd_p2 {
        width: 100%;
        margin-bottom: 20%;
    }
    .text_p2 {
        bottom: -29%;
        position: absolute;
        width: 90%;
        left: 2%;
    }
    .nd_p4{
        margin-bottom: 20%;
        width: 100%;
    }
    .text_p4 {
        position: absolute;
        width: 90%;
        left: 4%;
        height: auto;
    }
    .reg_mail.ndphai .form-item {
        margin-right: 0;
        width: 33.33%;
        float: left;
    }
    .btn_submit.send_order {
        width: 100%;
        float: right;

    }
    input#send_order{
        width: calc(100% - 14px);
        margin-left: 7px;
    }
    .ndtraip5 h3 {
        font-size: 22px;
    }
    .img_ft {
        padding-top: 0 !important;
        text-align: center;
        margin-top: 3% !important;
        width: 100%;
        padding-left: 8%;
        padding-right: 8%;
    }
    .img_ft img {
        max-width: 100px;
    }
    .right_ft.mobileft {
      display: none;
    }
    .right_ft{
        margin-bottom: -2%;
        display: block;
        width: 100%;
    }
    .map iframe{
        height: auto;
    }
    .share_ft ul li img {
        width: 8%;
    }
    .share_ft {
        margin-top: 5%;
    }
    .phailogo {
        margin-top: -2%;
        width: 100%;
        padding-right: 8%;
        padding-left: 8%;
        margin-bottom: 6%;
    }
    .rightgt_p1 img {
        max-width: 150px;
    }
    .tieude_p2.p4a p {
        margin-bottom: 8%;
        margin-top: 7%;
    }
    .text_sla p {
        font-size: 14px;
    }
    .gioithieup1, .baothan, .content_lienhe {
        margin-top: 3%;
    }
    .leftgt_p1 {
        width: 100%;
    }
    .leftgt_p1 h1 {
        font-size: 25px;
    }
    .rightgt_p1 {
        text-align: center;
        width: 100%;
        padding-bottom: 2%;
    }
    .noidungp2 {
        width: 100%;
    }
    .right_p2gtbt p {
        font-size: 15px;
    }
    .duoi_p2bt p {
        font-size: 12px;
    }
    .right_p2gtbt {
        padding: 2% 6% 2% 2%;
    }
    .right_gtp4 .btn_submit.send_order {
        margin-top: 0;
        margin-right: 0;
    }
    .left_gtp4 h1 {
        font-size: 26px;
    }
    .tieudegt_p4 {
        position: relative;
        width: 100%;
        padding: 5%;
        text-align: left;
    }
    .left_gtp5 p {
        font-size: 16px;
    }
    .right_gtp5 {
        padding-top: 3%;
        padding-left: 2%;
    }
    .swiper-button-next, .swiper-button-prev {
        top: 91%;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 4%;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 4%;
    }
    p.duoigtp5 {
        font-size: 10px;
    }
    .tieude_ch {
        position: relative;
    }
    .left_tdch {
        width: 100%;
    }
    .right_tdch {
        width: 100%;
        padding: 3% 0% 2% 7%;
    }
    .hanb {
        padding-right: 0;
        width: 100%;
    }
    .right_dky, .nd_tta, div#fot_1_mobile{
        width: 100%;
    }
    .colin {
        width: 100%;
        margin-bottom: 25%;
    }
    .td_canho h1 {
        font-size: 30px;
    }
    .baivietnb {
        display: none;
    }
    .tieude_cn h1 {
        font-size: 20px;
        line-height: 1.5;
    }
    div#fot_2_mobile {
        margin-bottom: 2%;
        width: 100%;
        margin-top: 5%;
    }
    .swiper-container.gallery-top.swiper-container-initialized.swiper-container-horizontal.swiper-container-ios img {
        height: 200px;
        object-fit: cover;
    }
    .swiper-container.gallery-thumbs.swiper-container-initialized.swiper-container-horizontal.swiper-container-free-mode.swiper-container-ios.swiper-container-thumbs img {
        height: 50px;
        object-fit: cover;
    }
    .swiper-slide.swiper-slide-visible.swiper-slide-active.swiper-slide-thumb-active, .swiper-slide.swiper-slide-visible.swiper-slide-next, .swiper-slide.swiper-slide-visible, .swiper-slide.swiper-slide-visible.swiper-slide-duplicate-prev {
        width: 80px !important;
    }
    #slide-home button.owl-next {
        display: none;
    }
    #slide-home button.owl-prev {
        display: none;
    }
    .page1 {
        margin-top: 5%;
    }
    .hinhanhnb.s1 {
        padding-right: 1%;
    }
    .hinhanhnb.s2 {
        padding-left: 1%;
        padding-right: 0;
    }
    .hinhanhnb.s4 {
        margin-left: 1.5%;
    }
    .hinhanhnb.s5 {
        float: right;
    }
    div#fot_1_mobile {
        padding-left: 6%;
    }
    div#fot_2_mobile {
        padding-left: 5%;
        padding-right: 5%;
    }
    .p2gtbt {
        width: 100%;
    }
    .left_p2gtbt {
        padding: 4.4% 2% 5% 2%;
    }
    .text_p1 p {
        font-size: 16px;
    }
    }@media all and (width: 414px) {
    .slide-hd {
        margin-top: 2%;
    }
    .gioithieup1, .baothan, .content_lienhe {
        margin-top: 2%;
    }
    .left_p2gtbt {
        padding: 4% 2% 5% 2%;
    }

}
@media (min-width: 1400px) {
    .bg_right {
        width: 27%;
    }
    ul.list-inline.headface.shartren {
        right: 22%;
    }
    ul.list-inline.headface.shartren.hdertren {
        right: 17%;
        width: 21%;
    }
    .right_p2gtbt {
        padding: 2% 30% 2% 2%;
        width: 70%;
    }
    .left_p2gtbt {
        padding: 4% 2% 4.8% 2%;
        width: 30%;
    }

}
@media (min-width: 1920px) {
    .bg_right {
        position: absolute;
        background: #542c44;
        width: 31%;
    }
    ul.list-inline.headface.shartren{
        right: 27%;
    }
    ul.list-inline.headface.shartren.hdertren {
        right: 22%;
        width: 20%;
    }
    .right_p2gtbt {
        padding: 2% 43% 2% 2%;
        width: 75%;
    }
    .left_p2gtbt {
        padding: 4.2% 2% 4% 2%;
        width: 25%;
    }

}