@media all and (max-width: 1300px) {
    .imghtnm {
        width: 303px;
    }
    .text_htnm button {
        height: 41px;
    }
    .sinhnhat {
        height: 750px;
    }
    .fixed .navigation > ul > li > a {
        margin-right: 55px;
    }
    .socialsp ul li {
        padding-left: 19px;
    }
    .text_tt {
        height: 47%;
    }

    .listht {
        height: 460px;
    }
    .left_gth {
        padding-left: 7%;
    }
    div#slide-sp .owl-stage {
        margin-left: -32%;
    }
    .slidesp .lv_sp_back {
        top: 13em;
        left: 10px;
    }
    .slidesp .lv_sp_next {
        top: 13em;
    }
    .page3 h4.tieude {
        left: 6%;
    }
    .text_datb {
        left: 6%;
    }
    div#slide_datb button.owl-prev, div#slide_duan button.owl-prev{
        left: 2%;
    }
     div#slide_datb button.owl-next, div#slide_duan button.owl-next {
    right: 2%
  }
    .ftnm {
        margin-left: 9px;
        margin-right: 9px;
    }
	
}

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


}

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


}@media all and (max-width: 768px) {
    #hamburger{
        display: block;
    }
    #hamburger {
        top: 15px !important;
        right: 25px !important;
    }
    .header1-top {
        display: none;
    }
    .header1-right {
        display: none;
    }
    .header1-left {
        width: 100%;
         padding-top: 5px;
    }
    .logo img {
        width: 216px;
    }
    .logo:before {
        height: 9.4px;
    }
    .nendo {
        height: 35px;
        top: 14px;
    }
    .header {
        background-color: #F7F7F7;
        height: 67px;
    }
    .logo:after {
        bottom: 2px;
        height: 9.4px;
    }
    .textsl h2 {
        font-size: 23px;
    }

    .page1:after {
        left: -49%;
        top: -18%;
    }
    .tieudep1 p {
        width: 90%;
    }
    div#slide-sp .owl-stage {
        margin-left: -24%;
    }
    .slidesp .lv_sp_back {
        top: 16em;
        left: 37px;
    }
    .slidesp .lv_sp_next {
        top: 16em;
        left: 49em;
    }
    div#slide-sp button.owl-prev span, div#slide-sp button.owl-next{
        display: none;
    }
    .leftphan1p2 {
        padding-right: 5%;
    }
    .tieudep2 h4, .tieudep1 h4{
        font-size: 27px;
    }
    .leftphan2p2 {
        padding-right: 0;
    }
    .rightphan2p2 {
        padding-left: 5%;
    }
    .so1sl h1 {
        font-size: 30px;
    }
    .so1sl {
        margin-right: 10%;
    }
    .imgslda {
        width: 100%;
        float: left;
    }
    .timeline-slide__content {
        position: relative;
        width: 126%;
        right: -51%;
        padding-right: 16%;
    }
    .sldaboc:after {
        height: 31.5em;
    }
    .slick-prev {
        top: 27% !important;
        left: 3.5% !important;
    }
    .slideda .slick-next {
        left: 3.5% !important;
        top: 31% !important;
    }
    .leftp4 {
        width: 100%;
        margin-bottom: 30px;
    }
    .rightp4 {
        width: 100% !important;
    }

    .texttthome p {
        height: 100px;
    }
    p.time-views {
        height: auto;
    }
    .leftp6 {
        width: 100%;
    }
    .rightp6 {
        width: 100%;
        z-index: 1;
        position: relative;
    }
    .page6:after {
        width: 100%;
    }
    .ft.alogo, .ft, .ft.giaiphap {
        width: 50%;
    }
    .text {
        text-align: center !important;
        float: none !important;
    }
    .footer .copyright .text:after {
        left: 21%;
    }
    footer .copyright .danaweb {
        float: none !important;
        text-align: center;margin-top: 0.5% !important;

    }
    .danaweb img {
        width: 20%;
    }
    .tieudepgt1 h4 {
        width: 60%;
    }
    .leftp2gt {
        width: 100%;
    }
    .right2gt {
        width: 100%;
    }
    .imgp2gt {
        margin-top: 2%;
    }
    .leftp3gt, .leftp4gt {
        width: 100%;
        padding-right: 0;
    }
    .rightp3gt, .rightp4gt {
        width: 100%;
    }
    .leftp2gt h4, .rightp3gt h4, .tieudep6gt h4, .tieudep6gt p, .hinhp6gt {
        width: 100%;
        font-size: 21px;
    }
    .p4gt {
        margin-top: 0%;
    }
    .leftp4gt {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .tlnav {
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
    .tlnav h4 {
        width: 100%;
        margin-bottom: 4%;
    }
    .timeline-wrappernm {
        width: 100%;
        margin-top: -14%;
    }
    .imgslnm img {
        width: 100%;
    }
    .tieudeduoip6.b1{
        padding-left: 0;
    }
    .tieudeduoip6.b2{
        padding-right: 0;
    }
    .item_spham_con, .item_sp {
        width: 50%;
        margin-bottom: 30px;
    }

    .cten_sphamcon p {
        height: 40px;
    }
    .sl_sp {
        width: 100%;
    }
    .top_sp {
        width: 100%;
       margin-top: 30px;
        padding-left: 0%;
    }
    .item_sp{
        padding-left: 0;
    }
    .text_tt h2 a {
        font-size: 14px;
    }
    .text_tt {
        height: 73px;
    }
    .textda{
        margin-top: 30px;
        width: 100%;
    }
    .sl_duan {
        width: 100% !important;
    }
    .slida:after {
        height: 23.34em;
    }
    .lv_sp_back {
        top: 10em;
    }
    .lv_sp_next {
        top: 13em;
    }
    .item_new3{

        width: 50%;
        padding-right: 10px;
        padding-left: 0px;
    }


    .detail_duan {
        width: 100%;
    }
    .comment.tt_r {
        height: 95px;
    }
    .texttt_tt h4 {
        height: 47px;
    }
    .p5gt {
        margin-top: 10%;
    }
    .tlnav .slick-list.draggable {
        height: 300px !important;
    }
    .tieudeduoip6.b1 {
        padding-right: 0 !important;
        width: 100%;
    }
    .tieudeduoip6.b2 {
        margin-top: 20px;
        width: 100%;
        padding-left: 0 !important;
    }
    div#mapct {
        width: 100%;
    }
    div#mapct iframe {
        height: 270px;
    }
    .formlienhe {
        width: 100%;
        padding-right: 0;
        margin-top: 6px;
        padding-left: 6%;
    }

    .page4{
        margin-left: 0;
    }
    .slidethem img {
        width: 100%;
    }
    .other_da {
        height: 278px;
        overflow: hidden;
    }
    .dtkh:after {
        height: 73%;
        left: 10px;
        width: 67px;
        top: 32px;
    }
    .dtkh:before {
        height: 73%;
        right: 10px;
        width: 67px;
        top: 32px;
    }
    .listht {
        border-right: none;
    }
    .listht {
        height: 100%;
    }
    .left_gth {
        margin-top: -46px;
    }
    .left_gth {
        padding-left: 7%;
    }
    .page3 h4.tieude {
        position: relative;
        top: auto;
        left: auto;
        z-index: 3;
        color: #DD2022;
        margin: 23px 0;
    }
    .h4.tieude{
        line-height: 30px;
    }
    .tt_tren h2{
        line-height: 30px;
    }
    .text_datb {
        position: relative;
        top: 20%;
        background: #f1f1f1;
        width: 100%;
        left: auto;
        padding: 40px;
    }
    div#slide_datb .owl-nav [class*=owl-] {
        top: 25%;
    }
    .ndp5home .homett .texttthome {    padding-bottom: 35px !important;
        position: relative;
        bottom: auto;
        width: 100%;
    }
    .ndp5home .texttthome h4 {
        height: 65px;
    }
    .page5 {
        padding-bottom: 40px;
    }
    .img_nm {
        width: 50%;
        margin-bottom: 30px;
    }
    .ftnm {
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
        white-space: nowrap;
    }
    .nendoft{
        display: none;
    }
    .nendoft.mobileft{
        display: block;
    }
    .right_gth {
        width: 100%;
        text-align: center;
        margin-top: 20px;
        padding: 20px 15px 0 15px;
    }
    .left_gth {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .p2gt {
        padding-top: 20px;
    }
    .p3gt {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .p6gt{
        padding-bottom: 30px;
    }
    .tieudep6gt p {
        font-size: 14px;
    }
    .nduoip6gt {
        margin-top: 30px;
    }
    .tieudeduoip6 h4 {
        font-size: 21px;
    }
    .gioithieu_home {
        padding-top: 40px;
    }

    .rightp3gt.p3gt2 {
        padding-top: 20px;
        padding-right: 0;
    }
    .col-sm-6 {
        max-width: 50% !important;
    }
    .nerabout_list.tt_ab .item_new3, .other_da .item_new3 {
        width: 33.33%;
        margin-right: 0;
        margin-left: 0;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
    h3.tieudecon {
        margin-top: 35px;
    }
    .text_tt h2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -ms-line-clamp: 2;
        -webkit-box-orient: vertical;
        -ms-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 48px;
        font-size: 13px;
        color: #707070;
        line-height: 20px;
    }
    .slida {
        width: 100%;
    }
    .nerabout_listtt .text_sll {
        position: relative;
        width: 100%;
        bottom: auto;
    }
    .list_newtt .item_spham_con {
        margin-bottom: 30px;
    }
    .other_tt.ctttt .text_sll {
        position: relative;
        bottom: 0;
        width: 100%;
        padding-left: 0;
    }
    .slide-hd {
        margin-top: 26px;
    }
    .banner_con {
        margin-top: 20px;
    }
    .textda {
        padding-left: 15px;
        margin-top: 20px;
    }
    .hinhnm.mobilenm{
        margin: 0;
        display: block;
    }
    .hinhnm{
        display: none;
    }
    .text_htnm button {
        height: 48px;
    }
    .right_gth img {
        width: 100%;
    }
    .particletext {
        font-size: 53px;
    }
    .hienhp .modal-content {
        top: 26%;
    }
    .sinhnhat {
        height: 1079px;
    }
    .imghtnm {
        width: 350px;
    }
    .modal-content input[type="image"] {
        width: 100%;
    }
    .footer:before, .footer:after{
        content: "" !important;
    }
    .footer {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .hinhnm:after, .hinhnm:before{
        content: none !important;
    }
}

@media all and (width: 414px) {
    .text_htnm button {
        height: 53.2px !important;
    }
    .imghtnm {
        width: 390px;
    }


}@media all and (max-width: 480px) {
    #hamburger{
        display: block;
        right: 0px !important;
    }
    .textsl.mobisl {
        display: block;
    }
    .textsl{
        display: none;
    }
    .textsl.mobisl {
        padding-bottom: 90px;
        width: 100%;
    }
    .imgsl {
        width: 100%;
    }

    .slidehome {
        margin-left: 0;
    }

    .tieudep1 h4 {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .tieudep1 p {
        width: 100%;
        margin-bottom: 30px;
    }
    div#slide-sp button.owl-prev span, div#slide-sp button.owl-next{
        display: none;
    }
    .leftphan1p2, .rightphan1p2, .leftphan2p2 {
        width: 100%;
        padding-right: 0;
    }
    .rightphan2p2{
        width: 100%;
        padding-left: 0;
    }
    .page3 {
        padding-top: 20px;
    }
    .page3.khungmoi {
        padding: 0 !important;
        margin-top: 40px;
    }
    .sldaboc {
        padding-left: 45px;
    }
    .timeline-slide__content {
        padding: 40px 10px 40px 15px;
        width: 115%;
        right: -43%;
    }
    .timeline-slide__content .tieudep2 h4 {
        font-size: 17px;
    }
    .timeline-wrapper {
        height: auto;
        margin-bottom: 0px;
    }

    .page4{
        margin-top: 60px;
        margin-left: 0;
    }
    .slick-prev {
        top: 20% !important;
        left: 10px !important;
    }
    .slideda .slick-next {
        left: 10px !important;
        top: 25% !important;
    }

    .leftp4 {
        margin-bottom: 50px;
    }
    .slidedoitac {
        padding-top: 7%;
        background: white;
        padding-bottom: 30px;
    }
    .homett, .item_new3, .item_newtt {
        width: 100%;
        float: left;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 40px;
    }
    .texttthome h4, .texttthome p {
        height: auto;
    }
    .leftp6 {
        padding-left: 0;
        padding-right: 0;
    }
    .header1-left {
        width: 100%;
    }
    .noidungft{
        display: none;
    }
    .noidungft.mobileft{
        display: block;
    }
    .ft.alogo, .ft, .ft.giaiphap {
        width: 100%;
    }
    p.so1 img {
        width: 4%;
        float: right;
        margin-top: 10px;
    }
    p.so1 {
        color: #051948;
        font-size: 18px;
        font-weight: 700;
        margin-top: 15px;
    }
    .text {
        padding-left: 0 !important;
        font-size: 12px !important;
    }
    .footer .copyright .text:after {
        width: 20px;
        height: 20px;
        border: 7px solid #000000;
        left: -13px;
        top: 5px;
    }
    .footer .copyright .danaweb p {
        font-size: 12px;
    }
    .footer {
        background-position-x: 70px;
        background-position-y: 9em;
        background-size: 500px 200px;
    }
    .page1:after {
        left: -31%;
        top: -14%;
        background-size: 500px 154px;
    }
    .page4:before {
        content: url(/images/hn4.svg);
        position: absolute;
        left: -3.5%;
        top: -10%;
        z-index: -1;
    }
    .page21:before {
        content: url(/images/hn3.svg);
        position: absolute;
        left: -15%;
        bottom: -3%;
        z-index: -1;
    }
    .slda p {
        padding-left: 20px;
        padding-right: 20px;
    }
    .page5:after {
        content: url(/images/hn5.svg);
        position: absolute;
        right: 40%;
        top: 50%;
        z-index: -1;
    }
    .page6:before {
        content: url(/images/hn5.svg);
        position: absolute;
        right: -62%;
        top: -5%;
        z-index: -1;
    }
    .tieudepgt1 h4 {
        font-size: 23px;
        width: 100%;
    }
    .textp1gt {
        width: 100%;
    }

    .rightp3gt h4 {
        font-size: 19px;
    }
    .item_spham_con, .item_sp {
        padding-right: 5px;
        padding-left: 5px;
    }
    .cten_sphamcon p {
        height: 75px;
    }
    .canhbg {
        margin-top: 20px;
    }
    .breadcrumb a:last-child {
        font-size: 18px;
    }
    .breadcrumb a{
        display: inline-block;
    }

    .socialsp ul {
        display: none;
    }
    .socialsp h1 {
        font-size: 17px;
        width: 100%;
    }
    .lndsp, .ctdnsp {
        width: 100%;
        float: left;
    }
    .rndsp {
        display: block;
    }
    .rndsp.mobn {
        display: block;
        margin-bottom: 30px;
    }
    .other_sp {
        margin-bottom: 30px;
    }
    .text_tt {
        height: 48%;
    }
    .duan.khungmoi {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .slida:after {
        width: 50px;
    }
    .lv_sp_back {
        top: 11em;
        left: 7px;
    }
    .lv_sp_next {
        top: 14em;
        left: 7px;
    }
    .textda {
        padding-left: 15px;
    }
    .tieudeda h4 {
        font-size: 18px;
    }
    .doitackh2 {
        width: 100%;
        padding-left: 6%;
        padding-right: 6%
    }
    .doitackh2:before {
        width: 70%;
        height: 60px;

        top: -120px;
        right: 50px;
    }
    .dtkh:before {
        width: 87%;
        height: 40px;
        top: -5%;
        right: 24px;
        z-index: -1;
    }
    .doitackh.khungmoi {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .dtkh {
        background: white;
        padding-top: 20px;
        padding-bottom: 50px;
        margin-bottom: 90px;
    }
    .doitackh2:after {
        width: 70%;
        height: 60px;
        background-color: #051948;
        bottom: -110px;
        left: 60px;
        top: auto;
    }
    .dtkh:after {
        width: 87%;
        height: 40px;
        bottom: -5%;
        top: auto;
        z-index: -1;
        left: 25px;
    }
    .ndlh h4 {
        font-size: 20px;
    }
    .formlienhe{
        padding-left: 6%;
        padding-right: 6%;
        margin-bottom: 40px;
    }
    .input_contactlh, .input_contactlh.tex {
        width: 100%;
    }

    .p5gt:after {
        width: 100%;
    }
    .slidenm {
        margin-top: 15%;
        padding-bottom: 30px;

    }
    .slida:after {
        height: 24.34em;
    }
    .texttt_tt h4, .comment.tt_r {
        height: auto;
    }
    header.header .khungmoi {
        padding-left: 0 !important;
    }
    div#slide-sp button.owl-next, div#slide-sp button.owl-prev {
        padding: 4px 6px 5px 6px !important;
    }
    .tieudepgt1:after {
        left: 40%;
    }
    .fluid_cttt {
        padding-bottom: 15px;
    }
    .other_da {
        height: auto;
    }
    .slide-hd {
        margin-top: 20px;
    }
    .left_gth h4 {
        font-size: 17px;
        text-align: left;
        white-space: nowrap;
    }
    .tieudep2 h4, .tieudep1 h4, h4.tieude {
        font-size: 22px;
    }
    .slideda {
        padding: 0 15px;
    }
    .text_datb {
        padding: 20px 0px;
        background: white;
    }
    .ndp5home .texttthome h4 {
        height: auto;
        margin-bottom: 15px;
    }
    .ndp5home .homett .texttthome {
        padding-left: 0 !important;
    }
    .nendoft p {
        font-size: 13px;
    }
    .gioithieu_home.gttrangcon .left_gth h4 {
        font-size: 19px;
    }
    .p2gt {
        padding-bottom: 50px;
    }
    .rightp3gt{
        padding-right: 0;
    }
    .col-xs-12{
        max-width: 100% !important;
    }
    .fluid_sp {
        margin-top: 28px;
    }
    .trensp {
        padding-top: 20px;
    }
    .ner_listprosp h3 {
        font-size: 22px;
        line-height: 28px;
    }
    .nerabout_listtt .text_sll {
        padding-bottom: 35px;
    }
    .slide-spot .item_spham_con {
        margin-bottom: 40px;
    }
    .nerabout_list.tt_ab .item_new3, .other_da .item_new3 {
        width: 100%;
    }
    .banber_duan img{
        height: auto;
    }
    .htnm_a {
        padding-top: 30px;
    }
    .tt_tren h2 {
        font-size: 22px;
        text-align: justify;
        margin-top: 0;
    }
    .modal-content {
        width: 95% !important;
    }
    .modal-content .close::before, .modal-content .close::after {
        width: 1.5rem;
    }

    .close:not(:disabled):not(.disabled) {
        cursor: pointer;
    }
    .modal-content .close {
        padding: 15px;
        top: -15px;
        right: -11px;
    }
    div#slide_datb .owl-nav [class*=owl-] {
        top: 13%;
    }
    div#slide-sp .owl-stage{
        margin-left: 0;
    }
    .slidesp {
        margin: 30px 15px 0 15px;
    }
    h4.tieude {
        line-height: 28px;
        margin-bottom: 25px;
    }
    .page6 h4.tieude {
        margin-bottom: 30px;
    }
    .listht {
        margin-bottom: 40px;
    }
    .img_nm {
        width: 50%;
        padding: 10px 10px;
        margin-bottom: 0px;
    }
    .hinhnm {
        padding-bottom: 30px !important;
    }
    .img_nm.ft3 {
        width: 100%;
    }
    .page1 {
        padding-top: 5px;
        padding-bottom: 40px;
    }
    .slidesp .lv_sp_back {
        top: 14em;
        left: 23px;
    }
    .slidesp .lv_sp_next {
        top: 14em;
        left: 23em;
    }
    .text_sll {
        padding-left: 15px;
        position: relative;
        width: 100%;
        bottom: auto;
    }
    .imgp2gt1 {
        position: relative;
        margin-top: 20px;
    }
    .ner_listpro .item_spham_con {
        margin-bottom: 40px;
    }
    .hienhp .modal-content p {
        color: #DD2022;
        position: absolute;
        bottom: 28%;
        left: 40%;
        font-size: 18px;
    }
    .imgsl img {
        height: 180px;
        object-fit: cover;
    }
    .text_htnm button {
        height: 47.2px;
    }
    .particletext {
        font-size: 32px;
    }
    .textcontainer {
        padding: 50% 0;
    }
    .sinhnhat {
        height: 870px;
    }
    .tieudep6gt p {
        text-align: justify;
    }
    .tieudep6gt h4 {
        text-align: left;
    }
    .tieudeduoip6 {
        text-align: justify !important;
    }
}@media all and (max-width: 320px) {
}@media (min-width: 1400px) {
    .listht {
        height: 590px;
    }
    .ftnm {
        margin-left: 30px;
        margin-right: 30px;
    }
    .text_htnm button {
        height: 50px;
    }
    .left_gth {
        padding-left: 15%;
    }

    .slidesp .lv_sp_back {
        left: 35px;
    }
    .slidesp .lv_sp_next {
        left: 107em;
    }
    .imghtnm {
        width: 375px;
    }
    li.logofixed img {
        width: 223px;
        height: 51px;
    }

    }
@media (width: 1920px) {
    li.logofixed img {
        width: 223px;
        height: 51px;
        margin-right: 0;
    }
    .imghtnm {
        width: 440px;
    }
    .sinhnhat {
        height: 1400px;
    }
    .textcontainer {
        left: 38%;
    }
    .hienhp .modal-content p {
        bottom: 29%;
        font-size: 40px;
    }
    .khungmoi {
        padding-left: 10% !important;
        padding-right: 10% !important;
    }
    .timeline-slide__content {
        right: -24%;
    }
    .sldaboc:after {
        left: 2px;
    }
    .navbar.fixed{
        padding-left: 10%;
        padding-right: 10%;
    }


    div#slide-sp button.owl-prev {
        left: 14%;
    }
    .owl-theme .owl-nav [class*=owl-] {
        top: 38% !important;
    }
    .page4 {
        margin-left: 10%;
    }
    .leftp4 {
        width: 35%;
    }
    .rightp4 {
        width: 65% !important;
    }
    .dtkh:after {
        left: 63px;
    }
    .dtkh:before {
        right: 63px;
    }
    .tieudepgt1 h4:after {
        top: -6px;
        left: 0%;
    }
    .tieudepgt1 h4:before {
        top: -6px;
        right: 0;
    }
    .p5gt:after {
        top: 14%;
    }
    .slda p {
        height: 40px;
    }
    .listht {
        height: 630px;
    }
    .text_htnm button {
        height: 60px;
    }
    .left_gth {
        padding-left: 20%;
    }
    .slidesp .lv_sp_back {
        left: 2%;
        top: 14em;
    }
    .slidesp .lv_sp_next {
        left: 128em;
        top: 14em;
    }
    .page3 h4.tieude {
        left: 20%;
    }
    .text_datb {
        left: 20%;
    }
    .ftnm {
        margin-left: 54px;
        margin-right: 54px;
    }

    }