@media all and (max-width: 1300px) {
    .abc {
        z-index: 999;
        width: 218px;
        position: absolute;
        top:129px;
        left: 520px;
    }
    .rowslider {
        margin-top: 13%;
    }
    button.owl-prev span{
        margin-left: -109%;
        padding: 25%;
        font-size: 33px;
        color: #a60214;
        background-color: white;
    }
	
}

@media all and (max-width: 1024px) {
    .abc {
        z-index: 999;
        width: 204px;
        position: absolute;
        top: 109px;
        left: 413px;
    }
    .navbar >ul >li{
        width: 135px;
    }
    .navbar > ul > li > a{
        font-size: 16pt;
    }
    .carousel-caption{
        bottom: 59px;
    }
    button.owl-prev span{
        margin-left: -109%;
        padding: 25%;
        font-size: 33px;
        color: #a60214;
        background-color: white;
    }
    .textvlam {
        height: 208px;
    }
    .textvlam a{
       top:160px;
    }

}

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


}@media all and (max-width: 768px) {
    #hamburger{
        display: none;
    }
    #hamburger {
        top: 17px !important;
        right: 25px !important;
    }
    .menu_nho{
        display: block;
    }
    .hd_a {
        display: none;
    }
    .righthdtren, .buttondk {
        display: none;
    }

    .button_container.active {
        right: 0;
    }
    .button_container {
        position: absolute;
        top: 19px;
        right: 15px;
        height: 27px;
        width: 45px;
        cursor: pointer;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease;
        z-index: 9999;
    }
    .button_container.active .top {
        -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
        transform: translateY(11px) translateX(0) rotate(45deg);
        background: white;
    }
    .button_container.active .middle {
        opacity: 0;
        background: white;
    }
    .button_container.active .bottom {
        -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
        transform: translateY(-11px) translateX(0) rotate(-45deg);
        background: white;
    }
    .button_container span {
        background: white;
        border: none;
        height: 3px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer;
    }
    .button_container span:nth-of-type(2) {
        top: 11px;
    }
    .button_container span:nth-of-type(3) {
        top: 22px;
    }

    .overlay {
        position: fixed;
        background: black;
        top: 0;
        left: 0;
        width: 100%;
        height: 0%;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .35s, visibility .35s, height .35s;
        transition: opacity .35s, visibility .35s, height .35s;
        overflow: hidden;
        z-index: 999;
    }
    .overlay.open {
        opacity: 1;
        visibility: visible;
        height: 100%;
    }
    .overlay.open li {
        -webkit-animation: fadeInRight .5s ease forwards;
        animation: fadeInRight .5s ease forwards;
        /*-webkit-animation-delay: .35s;*/
        /*animation-delay: .35s;*/
        padding-bottom: 55px;
    }
    /*.overlay.open li:nth-of-type(2) {*/
    /*    -webkit-animation-delay: .4s;*/
    /*    animation-delay: .4s;*/
    /*}*/
    /*.overlay.open li:nth-of-type(3) {*/
    /*    -webkit-animation-delay: .45s;*/
    /*    animation-delay: .45s;*/
    /*}*/
    /*.overlay.open li:nth-of-type(4) {*/
    /*    -webkit-animation-delay: .50s;*/
    /*    animation-delay: .50s;*/
    /*}*/
    .overlay ul li a {
        display: block;
        position: relative;
        color: white;
        text-decoration: none;
        overflow: hidden;
        text-transform: uppercase;
        float: right;
        font-weight: 700;
    }
    nav.overlay-menu {
        margin-top: 25%;
        text-align: right;
        padding-right: 3%;
    }
    .overlay.open ul li.active a{
        color: #C4161C;
    }
    nav.overlay-menu .buttondk {
        display: block;
        width: 21%;
        color: white;
    }
    .left_sl img {
        height: 500px;
        object-fit: cover;
    }
    .text_sll {
        left: 6%;
    }
    .text_sl h1 {
        font-size: 30px;
    }
    .col-sm-12 {
        max-width: 100% !important;
    }
    .leftp1 {
        height: 425px;
    }
    .tieudechung h4 {
        width: 53%;
        margin-bottom: 30px;
    }
    .page1, .page2, .page5 {
        padding-bottom: 10%;
        padding-top: 10%;
    }
    .page4, .page6 {
        padding-top: 10%;
    }
    .left_p5 {
        margin-top: 0px;
        padding-left: 15px !important;
        margin-bottom: 40px;
    }
    .content_p5 .tieudechung h4 {
        margin-left: 15px;
    }
    .noidungft.mmobileft{
        position: relative;
        display: block;
        z-index: 1;
    }
    .footer:after {
        left: -55px;
        width: 50%;
    }
    .col-sm-6 {
        max-width: 50% !important;
    }
    .noidungft{
        display: none;
    }
    .col-sm-4 {
        max-width: 33.33333333% !important;
    }
    p.so1 img {
        width: 24px;
        padding-left: 10px;
    }
    p.so1 {
        margin-top: 20px;
        color: black;
        font-size: 18px;
        font-weight: 700;
    }
    .ndungft {
        padding-left: 0 !important;
    }
    .ndungftlogo img {
        width: 62%;
    }
    .ndungftlogo {
        margin-top: 0;
    }
    .chiase img {
        width: 26px;
    }
    .imgsl_sp.slick-slide.slick-current.slick-active.slick-center .img_slsp img {
        transform: none;
    }
    .leftp1gt {
        width: 100%;
        margin-left: 0;
    }
    .img3_gt {
        width: 50%;
        display: inline-block;
        float: right;
    }
    .img2_gt {
        width: 50%;
        display: inline-block;
        float: left;
    }
    .img_rightgt {
        padding-right: 0 !important;
    }
    .img1_gt {
        padding-left: 0 !important;
    }
    .right_p4gtt {
        width: 100%;
    }
    .right_p4gtt img {
        width: 100%;
        height: 600px;
        object-fit: cover;
    }
    .p4gt:after {
        height: 100%;
        top: 0;
    }
    .left_p4gt {
        margin-top: 0%;
        padding: 30px 5% !important;
    }
    .imgsphamcon {
        text-align: center;
    }
    .banner_pro img {
        height: 670px;
        object-fit: cover;
    }
    .img_hsso img {
        height: 27px;
    }
    .khunghso {
        width: 100%;
    }
    .cthopso {
        width: 33.33%;
    }
    .text_hsso {
        width: 70%;
    }
    .text_hsso.thu3 p {
        margin-top: 0px;
    }
    .khung_yeucau {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .otren {
        width: 90%;
    }
    .otren h4 {
        width: 60%;
    }
    .themtren {
        width: 80%;
    }
    .text_themsp {
        width: 85%;
    }
    .right_listpro1 {
        padding-bottom: 0px;
    }
    .so_video {
        width: 50%;
        margin-bottom: 20px;
        text-align: center;
    }
    .so_video:nth-child(2):after{
        content: none;
    }
    .left_so {
        padding-left: 60px;
    }
    .so_video:after {
        right: -20px;
    }
    .left_thongso {
        text-align: center;
    }
    .left_pu{
        text-align: center;
    }
    .text_tt h2 a {
        font-size: 14px;
    }
    p.time {
        font-size: 13px;
    }
    .text_ttt h2 {
        margin-bottom: 1px;
    }
    .hinh_ctsp img {
        height: auto;
    }
    .right_dichvu{
        display: none !important;
    }
    .left_dichvu {
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-right: none;
    }
    .right_tdcon {
        display: none;
    }
    .fluid_dv.muaxe .right_dichvu {
        display: block !important;
    }
    .fluid_dv .right_dichvu {
        display: block;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .noidung_chinh {
        margin-bottom: 30px;
    }
    .khungbao {
        position: relative;
        right: 0;
        background: #F8F8F8;
        padding: 30px 20px;
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }
    .item_new3.tt1 {
        width: 33.33%;
    }
    .item_new3.tt5, .item_new3.tt3 {
        width: 33.33%;
        margin-top: 0;
    }
    .breadcrumb.cttintuc {
        display: none;
    }
    .detail_tt {
        width: 100%;
        margin-top: 50px;
    }
    div#map {
        width: 100%;
        padding-right: 0;
    }
    .formlienhe {
        width: 100%;
        padding-left: 0;
    }
    .lefthdtren {
        width: 30%;
    }
    .tieudecon, .slide-hd, .content_gioithieu, .content_ctsp {
        margin-top: 30px;
    }
    .mau_sp h3 {
        font-size: 20px;
    }
    .mau_sp {
        padding-top: 7%;
        padding-bottom: 10%;
    }
    .modal-content .close {
        top: 15px;
    }
    .text_ttt {
        padding-top: 46% !important;
    }
    .item_new3.tt7 .text_ttt{
        padding-top: 85px !important;
        width: 100%;
    }
    .link_dv {
        bottom: -2px;
    }
    .form_dky_laithu, .form_input {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }





    }

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


}@media all and (max-width: 480px) {
    #hamburger {
        display: none;
    }

    .lefthdtren {
        width: 40%;
    }

    .button_container {
        top: 8px;
    }

    .text_sll {
        top: 10%;
    }

    .text_sl h1 {
        font-size: 19px;
        line-height: 28px;
    }

    .contentp1 .tieudechung h4 {
        margin-bottom: 0;
    }

    .tieudechung h4 {
        width: 100%;
        font-size: 24px;
    }

    .commentp1 {
        width: 100%;
    }

    .img_p1 {
        position: absolute;
        left: -35%;
        top: auto;
    }

    .leftp1 {
        height: 445px;
    }

    button.slick-next.slick-arrow {
        right: 0;
    }

    button.slick-prev.slick-arrow {
        left: 0;
    }

    .col-xs-12 {
        max-width: 100% !important;
    }

    input#_send_order {
        margin-top: 0px;
    }

    .page4 {
        height: 60em;
    }

    .page4:after {
        top: auto;
        width: 100%;
        height: 36%;
        right: 0px;
        bottom: 0;
        background-size: 500px 300px;
    }

    .left_p5 p {
        font-size: 14px;
        text-align: justify;
    }

    .noidung_dv {
        padding-left: 0 !important;
        margin-bottom: 30px;
    }

    .link_dv {
        border-left: 315px solid #000000a3;
    }

    .page5 {
        background-size: cover;
        background-position: center;
    }

    .item_new3 {
        width: 100%;
        padding-right: 0;
    }

    .page1, .page2, .page5 {
        padding-top: 15%;
    }

    .page4, .page6 {
        padding-top: 15%;
    }

    .link_dv a {
        left: -250px;
    }

    .page6 .tieudechung h4 {
        width: 50%;
    }

    .ndtrenft {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 20px;
    }

    p.so1 img {
        float: right;
    }

    nav.overlay-menu .buttondk {
        width: 43%;
    }

    .leftp1gt h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .left_p4gt h4 {
        font-size: 20px;
    }

    .menu_duan.menu_tt ul {
        width: 110%;
    }

    .right_listpro .text_slsp2 {
        width: 100%;
    }

    .banner_pro img {
        height: 405px;
    }

    .hinh_ctsp img {
        height: auto;
        width: 80%;
    }

    .hinh_ctsp {
        left: 26%;
        top: 7%;
    }

    .hopso {
        position: relative;
        width: 100%;
        left: auto;
        background: black;
        padding-bottom: 40px;
    }

    .cthopso {
        width: 100%;
        padding-left: 35px;
        padding-right: 15px;
        margin-bottom: 20px;
    }

    .img_hsso img {
        height: auto;
    }

    .text_hsso {
        width: 80%;
    }

    .text_hsso.thu3 p {
        margin-top: 10px;
    }

    .khung_yeucau a {
        padding: 10px 90px;
    }

    .otren h4 {
        font-size: 20px;
        width: 80%;
    }

    .otren, .themtren {
        width: 100%;
    }

    .text_themsp h4 {
        font-size: 14px;
    }

    .text_themsp {
        width: 77%;
    }

    .video {
        padding-top: 10%;
    }

    .duoi_video {
        width: 100%;
    }

    .left_so p {;
        font-size: 30px;
    }

    .right_so p {
        font-size: 10px;
    }

    .left_so {
        padding-left: 0;
    }

    .so_video {
        text-align: left;
    }

    .right_so {
        line-height: 9px;
    }

    .so_video:after {
        right: 28px;
    }

    .hinh_noingoai h3 {
        font-size: 20px;
    }

    .hinh_noingoai {
        padding-bottom: 10%;
        padding-top: 6%;
    }

    .left_thongso h3, .left_pu h3 {
        font-size: 20px;
        display: block !important;
    }

    .right_thongso h3, .right_pu h3 {
        display: none;
    }

    .left_thongso h3 {
        font-size: 20px;
        margin-bottom: 30px;
        text-transform: capitalize;
    }

    .left_thongso {
        margin-bottom: 30px;
    }

    .modal-btn {
        width: 50%;
    }

    .left_pu {
        margin-bottom: 20px;
    }

    .tabs li a {
        font-size: 14px;
    }

    p.spcungloai {
        font-size: 20px;
    }

    .dropdown_pt button#dLabel {
        background: #f0f8ff00;
        outline: none;
    }

    .dropdown_pt {
        left: -10px;
        display: inline-block;
        padding-left: 30px;
        position: absolute;
        top: -24px;
    }

    span.ten_pt_mb {
        color: #EC1C24;
        text-transform: capitalize;
    }

    span.caret2 {
        padding-left: 10px;
    }

    .dropdown-menu1 {
        position: absolute;
        top: 100%;
        left: 24px;
        z-index: 1000;
        display: none !important;
        float: left;
        min-width: 160px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    }

    ul.dropdown-menu1 {
        width: auto !important;
    }

    .dropdown-menu1 > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

    .dropdown_pt.open .dropdown-menu1 {
        display: block !important;
    }

    .fluid_duan .menu_duan.menu_tt .tieude_dv {
       display: none;
    }
    .container-fluid.fluid_duan {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .tieude_dv ul {
        display: none !important;
    }

    .tieude_dv h4 {
        font-size: 20px;
    }

    .container-fluid.fluid_duan .tieude_dv ul {
        display: inline-flex !important;
    }

    .container-fluid.fluid_duan .menu_duan.menu_tt ul {
        width: 73%;
    }

    .col-xs-6 {
        max-width: 50% !important;
    }

    .thuvien_v {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .fluid_duan.themnua .tieude_dv {
        display: none !important;
    }

    .khungbao h4 {
        line-height: 25px;
        width: 100%;
    }

    .item_new3.tt1 {
        width: 100%;
        padding-left: 0;
    }

    .item_new3.tt5 {
        width: 50%;
        padding-left: 10px;
    }

    .item_new3.tt3 {
        width: 50%;
        padding-left: 0;
        padding-right: 10px;
    }

    .item_new3.tt7 {
        padding-left: 0;
    }

    .item_new3.tt7 img.animationnormal {
        height: 344px;
        object-fit: cover;
    }

    .item_new3.tt7 .text_ttt {
        padding-top: 65% !important;
    }

    .item_new3.tt7 .text_ttt h2 {
        width: 100%;
    }

    .item_new3 {
        padding-left: 0;
    }

    .input_contactlh.chia50t, .input_contactlh.chia50p {
        width: 100%;
    }

    .btn_submit.send_lienhe_lh input#_send_contact {
        width: 60%;
    }
    .tr_map {
        padding-bottom: 10%;
    }
    .fluid_gioithieu .tieude_dv ul {
        display: inline-flex !important;
    }
    .fluid_gioithieu .menu_duan.menu_tt .tieude_dv {
        width: 100%;
    }
    .ner_listpro {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .fluid_gioithieu .menu_duan.menu_tt .container {
        padding-left: 0 !important;
        padding-top: 0 !important;
    }
    .detail_tt h2 {
        width: 100%;
        text-align: center;
        line-height: 26px;
        margin-bottom: 10px;
        font-size: 22px;
    }
    .detail_tt {
        margin-top: 65px;
    }
    .contant_cttt {
        margin: 0;
    }
    .rightp1 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .dropdown_pt{
        display: block;
    }
    .text_ttt {
        padding-top: 60% !important;
    }
    .item_new3.tt3 .text_ttt,  .item_new3.tt5 .text_ttt {
        padding-top: 35% !important;
    }
    .item_new3.tt1 .text_ttt {
        padding-top: 59% !important;
    }
    .tieudecon, .slide-hd, .content_gioithieu, .content_ctsp {
        margin-top: 10px;
    }
    .footer:after {
        left: -55px;
        width: 90%;
    }
    .fluid_duan.themnua .nerabout_list.tt_ab {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .ndungftlogo img {
        width: 40%;
    }
    .content_da img {
        height: auto !important;
    }
    .chiase img {
        width: 26px;
    }
    .text_nt {
        position: relative;
        padding: 0;
    }
    .text_nt h4 {
        font-size: 20px;
        color: black;
        line-height: 30px;
    }
    .p5gt.dkydv .page4 {
        height: 50em;
    }
    .text_nt p {
        color: black;
    }
    .content-home__news .item-category__text h4, .text_tt h2 {
        height: auto;
    }

}
@media all and (width: 414px) {
    .link_dv {
        border-left: 355px solid #000000a3;
    }
    .item_new3.tt7 .text_ttt {
        padding-top: 63% !important;
    }
    nav.overlay-menu .buttondk {
        width: 39%;
    }
}@media all and (max-width: 320px) {
	.cfall{
		margin-top: 30%
	}
	.imgnewtt1{
		position: absolute;
		top: 63px;
		right: 123px;
		z-index: 999;
	}
}
@media (min-width: 1400px) {
    .left_p4gt {
        padding-left: 16% !important;
    }
    .text_sll {
        left: 15%;
    }
    .footer:after {
        left: 7%;
    }

}
@media (width: 1920px) {
    .left_p4gt {
        padding-left: 21% !important;
    }
    .text_sll {
        left: 22%;
    }
    .footer:after {
        left: 15%;
    }

    }