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

  body {width:1423px;max-width:1423px;}
 .banner {height:695px}
 .allbody {width:1214px;}
  .navtop .mnc1 a {padding: 8px 16px;}
  .img-mau {height:460px}
  .img-matbang {height:250px}
   .list-anh li a {height:200px}
}



@media only screen and (max-width: 1550px) {
    body {width:1423px;max-width:1423px;}
 .banner {height:695px}
 .allbody {width:1214px;}
  .navtop .mnc1 a {padding: 8px 16px;}
  .img-mau {height:460px}
  .img-matbang {height: 244px;}
  .list-anh li a {height:200px}
}






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

 body {width: 100%;}
 .banner {height:659px}
 .allbody {width:1150px;}
  .navtop .mnc1 a {padding: 8px 10px;}
    .img-mau {height: 440px;}
  .img-matbang {height: 207px;}
  .list-anh li a {height: 185px;}
}

@media only screen and (max-width: 1359px) {
 .banner {height: 617px;}
 .allbody {width:1078px;}
 .navtop .mnc1 a {padding: 8px 7px;}
     .img-mau {height: 440px;}
  .img-matbang {height: 207px;}
  .list-anh li a {height: 185px;}

}

@media only screen and (max-width: 1279px) {
.activefix  *,.activefix {-webkit-animation-name: none !important;animation-name: none !important;opacity: 1 !important;transition: 0s !important;-webkit-animation-duration: 0s !important;animation-duration: 0s !important;animation-delay: 0s !important;}
 .banner {height:562px}
.allbody {width:1078px;}
 .navtop .mnc1 a {padding: 8px 7px;}
     .img-mau {height: 440px;}
  .img-matbang {height: 207px;}
  .list-anh li a {height: 185px;}

}

@media only screen and (max-width: 1150px) {
.navtop {display:none;width: 250px;background-color: rgb(15 79 85 / 0.8);z-index: 9999;position: fixed;left: 0;bottom: 0;top: 0;overflow: auto;margin-top: 0;}
#ShowMenu {display:block;background-image:url('/Design/icon-menu.png');background-repeat:no-repeat;float: right;border: 2px solid white;color: white;padding: 7px 12px;padding-left: 38px;border-radius: 4px;background-position: 10px 11px;margin-top: 6px;}
.navfull {height:50px;z-index: inherit;}
.logo {width: 78px;margin-top: -30px;height: 89px;overflow: hidden;}
.logo a {width: 100% !important;}
.logomb {display:block;width:100%;text-align:center;}
.logomb a {width:100%;display:block;}
.logomb img {max-width:100%;margin:auto;}

.timkiem {top: 7px;}
#ShowMenu.close {position:fixed;left:0;top:0;right:0;bottom:0;background:none;background-color: rgba(0, 0, 0, 0.6);z-index: 8888;text-indent: -1000px;margin: auto;padding: 0;border: none;}
.farmenu {width:100%;float:left;position:relative;height:100%;}
.navtop .mnc1:nth-child(n+1)  {width:100%;float:left;background:none;border-top: 1px solid white;margin-left: 0;}
.navtop .mnc1:nth-child(1) {border:none}
.navtop .menuconc2 {position:relative;display:block;width:100%;top:0;left:0;background-color:#f69322;padding:0}
 .navtop .mnc1 a {padding: 12px 5% !important;width: 90% !important;text-align: center;}
 .navtop .mnc1 a.litrangchu {}
 .navtop .menuconc2 li a {/* background-color:#f69322; */width:90%;padding: 8px 5%;border-radius:0;text-transform:none;border-top: 1px solid white;}

.navtop .mnc1 a.litrangchu.active,.navtop .mnc1 a.litrangchu:hover {border-radius:0}
        .flexslider {height: 397px;}
 .banner {height: 500px;}
 .allbody {width:1010px;}
.hottop {display:none}
.left-tongthe {width:45%;}
.item-duan {width:45%;}
.imgda {height:320px;}

      .img-mau {height: 368px;}
  .img-matbang {height: 181px;}
  .list-anh li a {height: 153px;}
  .tomtatqt {height: 97px;}
  .leftqt {border-radius:10px}
  .google_map {height:400px;}

}


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

 
 .banner {height:440px}
 .allbody {width:890px;}
 .left-gt {display:none}
 .right-gt {width:100%;}
 .gioithieu {padding:35px 0}
 .left-tongthe {width:60%;}
 .squy:nth-child(n+1) {width:100%;margin-top:0}
 .squy:nth-child(n+2) {margin-top:20px;}
 .allquytrinh {padding:30px 0}
 .sttqt {display:none}
 .centerqt {display:none}
.item-matbang:nth-child(n+1) {width:49%;margin-left:0}
.item-matbang:nth-child(2n+2) {float:right;}
.item-matbang:nth-child(n+3) {margin-top:15px;}


  .img-mau {height: 342px;}
  .img-matbang {height: 278px;}
  .list-anh li a {height: 153px;}
  .tomtatqt {height: auto;}
  .leftqt {border-radius:10px;width: 94%;}
  .google_map {height: 380px;}
  .imquytrinh {width:100px;height:100px;}
  .ttquytrinh {width:calc(100% - 120px)}

}


@media only screen and (max-width: 900px) {
  .botft {height:auto}
  .right-ft {float:left;margin-bottom: 14px;}
  .logoft img {width:50px}

 .banner {height:375px}
 .allbody {width:760px;}
 .img-mau {height: 299px;}
  .img-matbang {height: 249px;}
  .list-anh li a {height: 191px;}
  .tomtatqt {height: auto;}
  .leftqt {border-radius:10px;width: 94%;}
  .google_map {height: 354px;}
  .imquytrinh {width:100px;height:100px;}
  .ttquytrinh {width:calc(100% - 120px)}
  .left-tongthe {width:70%;padding: 32px 0;padding-left: 3%;}
  .ttfooter {margin-top:0;border-radius:20px}
  .dang-ky-ft {border-radius:20px}


.imgda {height:auto;}
.imgda img {width:100%;display:block;}
.item-duan {width:80%;}

}


@media only screen and (max-width:767px) {
.cskh:nth-child(2) {display:none}
.maunha,.matbang,.show-img {padding:30px 0}

 .banner {height:313px}
 .allbody {width:630px;}

.img-mau {height: 244px;}
  .img-matbang {height: 224px;}
  .list-anh li a {height: 161px;}
  .tomtatqt {height: auto;}
  .leftqt {border-radius:10px;width: 94%;}
  .google_map {height: 354px;}
  .imquytrinh {width:100px;height:100px;}
  .ttquytrinh {width:calc(100% - 120px)}
  .left-tongthe {width: 94%;padding: 32px 0;padding-left: 3%;padding-right: 3%;}
  .ttfooter {margin-top:0;border-radius:20px;width: 93%;}
  .dang-ky-ft {border-radius:20px;width: 93%;margin-top: 20px;}
  .tit-tongthe h2 {font-size:35px;}
  .titqt h2 {font-size:30px}
  .tit-mau {font-size:22px;}
  .dientich-mau {font-size:18px;}
  .titqt.change-color h2 {font-size:30px;}
  .tit-dk-ft h2 {font-size:26px;}
}

@media only screen and (max-width: 639px) {
  .thongkegt ul {display:block;text-align:center}
   .thongkegt li:nth-child(n+1) {width: 31.6%;display:inline-block;float:none;margin: 0 0.5%;box-sizing: border-box;}
     .thongkegt li:nth-child(n+3) {margin-top:10px}
.tt-thanhtoan {width: 96%;background-color:rgb(15 79 85 / 0.6);padding: 20px 2%;}
.dk-tt:after {background-size:100% 200%;display:none}
.dk-tt .allbody {width:100%;}
.info-tt {margin-top:0}
.form-dk-tt {text-align:center;}
.form-dk-tt .txtdk {float:none;display:inline-block;width: 28%;}
.form-dk-tt .btndk {margin-top:10px;float:none;}
.tit-left a {display:none}


 .banner {height:234px}
 .allbody {width:470px;}
.tit-left h2 {font-size:30px;}
.img-mau {height: 183px;}
  .img-matbang {height: 174px;}
  .list-anh li a {height: 161px;}
  .tomtatqt {height: auto;}
  .leftqt {border-radius:10px;width: 94%;}
  .google_map {height: 354px;}
  .imquytrinh {width:100px;height:100px;}
  .ttquytrinh {width:calc(100% - 120px)}
  .left-tongthe {width: 94%;padding: 32px 0;padding-left: 3%;padding-right: 3%;}
  .ttfooter {margin-top:0;border-radius:20px;width: 93%;}
  .dang-ky-ft {border-radius:20px;width: 93%;margin-top: 20px;}
  .tit-tongthe h2 {font-size:35px;}
  .titqt h2 {font-size:30px}
  .tit-mau {font-size:22px;}
  .dientich-mau {font-size:18px;}
  .titqt.change-color h2 {font-size: 27px;}
  .tit-dk-ft h2 {font-size:26px;}
  .item-duan {width:96%;padding:10px 2%}
 
}


@media only screen and (max-width: 479px) {
.logoft {display:none}
 .banner {height: 200px;}
 .allbody {width:400px;}
.item-mau:nth-child(n+1) {width:100%;margin-left:0;}
.item-mau:nth-child(n+2) {margin-top:15px;}
.item-matbang:nth-child(n+1) {width:100%;margin-left:0}
.item-matbang:nth-child(n+2) {margin-top:15px;}
.right-ft {text-align:center;width: 100%;}
.truycap {float:none;text-align:center;margin:auto;overflow: hidden;display:inline-block;margin: 8px 0;}
.shareft {float:none;display:inline-block;margin:auto;}
.coppy {text-align:center;margin-left: 0;}
.coppy h3 {display:inline-block;text-align:center;margin-left: 0;margin-right: 0;}


.tit-left h2 {font-size: 28px;}
.img-mau {height: auto;}
.img-mau img {width:100%;display:block;}
  .img-matbang {height: auto;}
  .img-matbang img {width:100%;display:block;}

  .list-anh li a {height: 161px;}
  .tomtatqt {height: auto;}
  .leftqt {border-radius:10px;width: 94%;}
  .google_map {height: 354px;}
  .imquytrinh {width:100px;height:100px;}
  .ttquytrinh {width:calc(100% - 120px)}
  .left-tongthe {width: 94%;padding: 32px 0;padding-left: 3%;padding-right: 3%;}
  .ttfooter {margin-top:0;border-radius:20px;width: 93%;padding: 30px 3%;}
  .dang-ky-ft {border-radius:20px;width: 93%;margin-top: 20px;}
  .tit-tongthe h2 {font-size:35px;}
  .titqt h2 {font-size:30px}
  .tit-mau {font-size:22px;}
  .dientich-mau {font-size:18px;}
  .titqt.change-color h2 {font-size: 27px;}
  .tit-dk-ft h2 {font-size:26px;}
  .tenqt {font-size:18px;}
}


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

 .banner {height: 181px;}
 .allbody {width:360px;}

.tit-left h2 {font-size: 28px;}
.img-mau {height: auto;}
  .img-matbang {height: auto;}
.thongkegt li:nth-child(n+1) {width:45%;}
  

  .list-anh li a {height: 144px;}
  .tomtatqt {height: auto;}
  .leftqt {border-radius:10px;width: 94%;}
  .google_map {height: 354px;}
  .imquytrinh {width:100px;height:100px;}
  .ttquytrinh {width:calc(100% - 120px)}
  .left-tongthe {width: 94%;padding: 32px 0;padding-left: 3%;padding-right: 3%;}
  .ttfooter {margin-top:0;border-radius:20px;width: 93%;padding: 30px 3%;}
  .dang-ky-ft {border-radius:20px;width: 93%;margin-top: 20px;}
  .tit-tongthe h2 {font-size:35px;}
  .titqt h2 {font-size:30px}
  .tit-mau {font-size:22px;}
  .dientich-mau {font-size:18px;}
  .titqt.change-color h2 {font-size: 27px;}
  .tit-dk-ft h2 {font-size:26px;}
  .tenqt {font-size: 17px;}
}

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

 .banner {height: 176px;}
 .allbody {width:350px;}

 
  .list-anh li a {height: 144px;}
  .tomtatqt {height: auto;}
  .leftqt {border-radius:10px;width: 94%;}
  .google_map {height: 354px;}
  .imquytrinh {width:100px;height:100px;}
  .ttquytrinh {width:calc(100% - 120px)}
  .left-tongthe {width: 94%;padding: 32px 0;padding-left: 3%;padding-right: 3%;}
  .ttfooter {margin-top:0;border-radius:20px;width: 93%;padding: 30px 3%;}
  .dang-ky-ft {border-radius:20px;width: 93%;margin-top: 20px;}
  .tit-tongthe h2 {font-size:35px;}
  .titqt h2 {font-size:30px}
  .tit-mau {font-size:22px;}
  .dientich-mau {font-size:18px;}
  .titqt.change-color h2 {font-size: 27px;}
  .tit-dk-ft h2 {font-size:26px;}
  .tenqt {font-size: 17px;}

}

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

  body {min-width:360px;width:360px}
     .allbody {width:350px;min-width:350px;}

}

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