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

  body {/* width:1423px; *//* max-width: 1440px; */}
 .flexslider {height: 559px;}
 .banner {}
 .allbody {/* width: 1240px; */}
 .navtop .mnc1 a {}
 .imggd {height: 300px;}
 .imgtin {height: 210px;}
 .anhnewgt {height: 219px;}
 .imgdanew {height:210px}
 .imgda {/* height: 170px; */}
 .heightslide {height: 600px;}
 .thumb {/* height: 101px; */}
 .imglv {height:290px}
 .imgha {height:220px}
 .leftd-reamdoor .imgda {height: 194px;}
 .heightduan {height:650px}
 #sliderFrame.slideProdt .heightslide {/* height: 442px; */}
  .allpro.all8 .imgda {height:225px;}

}



@media only screen and (max-width: 1550px) {
  #Slideshow .caption p{padding-right: 51px;font-size: 16px;}
    body {/* width:1423px; */max-width: 1440px;}
 .flexslider {height: 559px;}
 .banner {height: 473px;}
 .allbody {/* width: 1150px; */}
 .navtop .mnc1 a {/* padding: 10px 25px; */}
 .imggd {height: 300px;}
 .imgtin {height: 210px;}
 .anhnewgt {height: 219px;}
 .imgdanew {height:210px}
 .imgda {/* height: 170px; */}
 .heightslide {height: 442px;}
 .thumb {height: 101px;}
 .imglv {height:290px}
 .imgha {height:220px}
 .leftd-reamdoor .imgda {height: 194px;}
 .heightduan {height:650px}
 #sliderFrame.slideProdt .heightslide {height: 442px;}
  .allpro.all8 .imgda {height:225px;}
}






@media only screen and (max-width: 1439px) {
  .newkm {height: 100px;}

   body {width: 100%;}
 .flexslider {height: 526px;}
 .banner {height: 448px;}
 
 .
 .imggd {height: 279px;}
 .imgtin {height: 210px;}
 .anhnewgt {height: 196px;}
 .imgdanew {height: 200px;}
 .imgda {/* height: 170px; */}

 .heightslide {height: 442px;}
 .thumb {height: 101px;}
 .imglv {height: 280px;}
 .imgha {height: 210px;}

  .leftd-reamdoor .imgda {height: 173px;}
 .heightduan {height: 630px;}
 #sliderFrame.slideProdt .heightslide {height: 442px;}
  .allpro.all8 .imgda {height:213px;}
}

@media only screen and (max-width: 1359px) {
  .newkm {height: 94px;}
   .flexslider {height: 496px;}
   .tita a {font-size: 13px;}
   .tangngay .qua img {width: 25px;height: 25px;display: block;object-fit: cover;}
   .tangngay{width:100%;float: left;margin-top: 5px;overflow: hidden;height: 27px;}
 .banner {height: 420px;}
 .allbody {width: 1150px;}
 .navtop .mnc1 a {padding: 10px 15px;padding-top: 14px;}
 .imggd {height: 268px;}
 .imgtin {height: 210px;}
 .anhnewgt {height: 181px;}
 .imgdanew {height: 192px;}
 .imgda {height: 231px;}
 .heightslide {height: 442px;}
 .thumb {height: 101px;}
 .imglv {height: 280px;}
 .imgha {height: 206px;}

 .leftd-reamdoor .imgda {height: 160px;}
 .heightduan {height: 608px;}
 #sliderFrame.slideProdt .heightslide {height: 376px;}
   .allpro.all8 .imgda {height: 200px;}
}

@media only screen and (max-width: 1279px) {
  #tab1 .c-tabs-nav-link{font-size:15px}
  #tab .c-tabs-nav-link{font-size:15px}
  .timkiem input {/* width: 179px; */}
  .botft1 .tong{float:left;width: 40%;}
  .botft1 .logo-footer{margin-bottom:10px}
   .newkm {height: 84px;}
   .botft1 .tieude-ft h1{/* margin:0 */}
   .add-cart {position:absolute;right: 6px;top: 51px;}
   .trangtrong  .add-cart {position:absolute;/* right: 6px; *//* top: 76px; */}
 
  .km .sanpham{}
  .giacudp{font-size: 11px;display: none;}
  .sanpham {/* height: 327px; */}
  .trangtrong .sanpham{/* height: 327px; */}
  .allpro li{/* height: 327px; */}
.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;}
    .flexslider {height: 443px;}
 .banner {height: 383px;}
 .allbody {width: 1120px;}
 .left-footer {width: 33%;}
 .ttfooter {margin-left: 4%;margin-right: 2%;}
 .box-abouts {padding: 35px 10px 35px;margin-left: 0;width: 100%;box-sizing: border-box;}
 .mota-vs {height: 72px;}
 .navtop .mnc1 a {padding: 10px 12px;padding-top: 13px;}
 .imggd {height: 268px;}
 .imgtin {height: 210px;}
 .anhnewgt {height: 185px;}
 .imgdanew {height: 192px;}
 .imgda {height: 206px;}
 .heightslide {height: 556px;}
 .thumb {height: 74px;}
 .imglv {height: 280px;}
 .imgha {height: 206px;}
 .flex-direction-nav .flex-prev {left:0}
  .flex-direction-nav .flex-next {right:0}
  .flex-direction-nav a {width:45px;height:45px}
  .allsan,.allduan,.allcategory {padding:30px 0}
  .footertop {padding-bottom:30px}

  
 .leftd-reamdoor .imgda {height: 160px;}
 .heightduan {height: 608px;}
 #sliderFrame.slideProdt .heightslide {height: 367px;}
 .header:after {/* width:17% */}
 .allpro.all8 .imgda {height: 200px;}
 .tieudeweb h1{font-size: 17px;}
.tieudeweb span{font-size: 17px;}
.tieudeweb{margin-top: 9px;}
}

@media only screen and (max-width: 1150px) {
  .menu-footer {width: 100%}
  .menu-footer:nth-child(2){display:none}
   .botft1 .tong{float:left;width: 46%;}
  .phonehead{ display: none;}
  #Slideshow .caption h4{font-size: 15px;}
  .imgspn {height: 61px;}
   .newkm {height: 84px;}
  #banner-newsletter .item .text{font-size: 13px;}
  #banner-newsletter .item .thumb1 {width: 40px;height: 40px}
  #banner-newsletter .item .inner {padding: 35px;overflow: hidden;padding-left: 21px;}
  .nav-pro a.mnsp1a .data-thumb img{display:none}
  .sloganmail{font-size: 12px;}
   .sanpham {/* height: 295px; */}
  .km .sanpham{}
   .trangtrong .sanpham{/* height: 295px; */}
  .allpro li{/* height: 295px; */}
  .tit-child a{font-size: 14px;padding: 9px 5px;}
  .banner .slider_contain .thumbnail h1{font-size: 11px;}
  .banner .slider_contain .productPhotos {height: 340px;}
  .nav-pro ul.ul-pro{max-height: 390px;}
  .bannerphai .imgkmnew {height: 124px;}
   .navtop .mnc1 a {padding: 11px 33px;font-size: 13px;padding-top: 14px;}
.navtop {/* display:none; *//* width: 230px; *//* background-color: #056844; *//* z-index: 9999; *//* position: fixed; *//* left: 0; *//* bottom: 0; *//* top: 0; *//* overflow: auto; *//* margin-top: 0; *//* height: auto; */}

.navfull {/* height: auto; *//* z-index: inherit; */}
.logo {/* width: 78px; *//* margin-top: -30px; */}
.logo a:after {width: 155px;display: none;}
.timkiem {/* top: 7px; */left: 9%;}
#ShowMenu.close {position:fixed;left:0;top:0;right:0;bottom:0;background:none;background-color: rgb(0 0 0 / 70%);z-index: 8888;text-indent: -1000px;margin: auto;padding: 0;border: none;}
.farmenu {width:100%;float:left;position:relative;/* height:100%; */display: block;}
.navfull .navtop li:nth-child(n+1)  {/* width:100%; *//* float:left; *//* background:none; *//* border-top: 1px solid white; *//* margin-left: 0; *//* display: block; */}
.navtop .mnc1:nth-child(1) {border:none}
.navtop .menuconc2 {position:relative;display:block;width:100%;top:0;left:0;background-color:#f69322;padding:0}
.navfull .navtop li a {padding: 10px 9px;/* width: 90%; *//* text-align: center; *//* font-weight: bold; *//* display: block; *//* float: left; *//* color: #fff; *//* text-transform: uppercase; */}
.navfull .navtop .mnc1 a.litrangchu {padding: 12px 5%;width:90%;border-radius: 0;background: none;}
.navfull .navtop .menuconc2 li a {background-color: #167b57;width:90%;padding: 8px 5%;border-radius:0;text-transform:none;font-size: 15px;font-weight: normal;}

.navfull .navtop li a.litrangchu.active,.navfull .navtop li a.litrangchu:hover {border-radius:0}
        .flexslider {height: 397px;}
 .banner {height: 340px;}
 .nav-pro {float:left;position: relative;width: 23%;z-index: 99;}
 .all80.mar40,.all80 {width:100%;padding:30px;box-sizing:border-box;}
 .allbody {width: 1000px;}
 .allsanpham .allbody {overflow:inherit;width: 1000px;}
 .li-top:nth-child(n+2) {/* margin-left: 11px; */}
 .allsanpham {padding: 14px 0;}
 .left-gt {width:300px;margin-top: 60px;}
 .menucenter {
    width: 27%;
}
.listtheloai {margin-top:30px}
 .imggd {height: 250px;}
 .imgtin {height: 196px;}
 .anhnewgt {height: 171px;}
 .imgdanew {height: 157px;}
 .imgda {height: 170px;}
 .heightslide {height: 469px;}
 .thumb {height: 74px;}
 .imglv {height: 244px;}
 .imgha {height: 165px;}
 .flex-direction-nav .flex-prev {left:0}
  .flex-direction-nav .flex-next {right:0}
  .flex-direction-nav a {width:45px;height:45px}
  .allsan,.gioithieu,.allduan,.allcategory {padding:30px 0}
  .gioithieu {margin:0;padding-bottom: 0;}
  .box-abouts {padding:15px;}
  .footertop {padding-bottom:30px}
  .ndthongke span {font-size:35px}
  .titdabot {font-size:40px}
  .flexda {display:none}
  .tita {/* display:none *//* top: 11px; */}
  .slidedt {height:70px}
  .titdoitac {padding: 26px 2%;}
  .footercenter {padding-top:30px}
  .shareft {/* display:none */}
  .customNavigation.customhang {top:18px}
.showlinhvuc {padding:30px 0}
.danhmuc {width: 24%;}
.hienthi {width:67%}
 .header:after {}

 .leftd-reamdoor .imgda {height: 147px;}
 .heightduan {height: 561px;}
 #sliderFrame.slideProdt .heightslide {height: 353px;}

 .left-garden {margin-top:30px}
 .titsan.tit-garden h3 {font-size: 30px;}
 .titgt h3 {font-size:23px;}
 .titsan {/* height: 50px; */margin-bottom: 8px;}
 .tit-child {margin-top: 5px;margin-left: 10px;}
 .titsan h3 {font-size: 18px;/* height: 27px; *//* padding: 10px 26px 11px; */padding-right: 26px;width: auto;}
 .titsan h4 {font-size:18px;}
 .hottop {/* display:none */}
  .allpro.all8 .imgda {height: 182px;}
  .ttfooter {width: 35%;/* margin-right:2%; */margin-left: 3%;}
  .left-footer {width: 31%;}
  .fan {width: 36%;margin-left:0;margin-top: 30px;}
  .customNavigation.cusbanner {bottom:20%;display:none !important}

}


@media only screen and (max-width: 1023px) {
  #tab1 .c-tabs-nav-link{padding: 4px 12px;font-size: 15px}
    #tab .c-tabs-nav-link{padding: 4px 12px;font-size: 15px}
  .allsanpham .allbody {width: 966px;}
  .mnsp1{/* display:none */}
  #Slideshow {height: 486px;}
  #Slideshow .caption-over{position: absolute;width: 47%;}
  .tit-nav-pro {padding: 19.6px 17px;}
  .navtop .mnc1 a {padding: 11px 27px;padding-top: 15px;}
  .tieudeweb{display:none}
   .newkm {height: 75px;}
   .botft {height:auto;}
  .thontinchung{width:100%}
  .dmsp{display:none}
   .trangtrong .sanpham{/* height: 315px; */}
  .allpro li{/* height: 315px; */}
  .trangtrong{width: 100%;float: right;}
  .sanpham  {/* width: 25%; */}
  .banner {width: 77.2%;}
   #banner-newsletter .item .inner {padding: 35px;overflow: hidden;padding-left: 12px;padding-right: 5px;}
    #banner-newsletter .item .text{font-size: 14px;}
   .sanpham {/* height: 331px; */}
    .sanpham:nth-child(5) {/* display:none */}
    .km  .sanpham:last-child {display:block}
        .lisp  .sanpham:last-child {display:block}
  .tit-child {margin-top: -4px;margin-left: 10px;}
   .km .sanpham{}
  .bannerphai{float:right;width: 21.5%;}
  .nav-pro {width: 25.5%;margin-right: 0;}
.timkiem input {width: 233px;}
        .flexslider {height: 345px;}
 .banner {height: 299px;}
 .allbody {width: 966px;}
 .left-footer {width: 41%;}
 .news-ar-bot {}
 .fanpage-bot {width:40%;margin-left:0;float:right;}
 .video-bot {display:none}
 .slogan-top {width:100%;display:flex;text-align:center;display: none;}
 .li-top:nth-child(n+1) {float:none;margin:auto;margin-top: 7px;}
 .hottop {display:none}
 .tit-nav-pro.close {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: none;
    background-color: rgb(0 0 0 / 50%);
    z-index: 9999;
    text-indent: -10000px;
}
.top.fix .tit-nav-pro{border:none; background-color: rgb(0 0 0 / 50%);}
 .nav-pro ul.ul-pro {display:none;position: fixed;left: 0;top: 0;z-index: 99999;width: 247px;/* display: inline-block; */margin-left: 0;margin-right: 0;bottom: 0;overflow: auto;max-height: 249px;}
 .allsanpham {/* padding:30px 0; */}
 .nav-pro a.mnsp1a {padding-left:10px}
 .nav-pro a.mnsp1a:hover,.nav-pro a.mnsp1a.active {background-color:#f2f2f2;padding-left:10px}
 .nav-pro li.mnsp1:hover .mnchild {display:none}
 .mnchild {position:relative;left: 0;top: 0;width: 100%;box-sizing: border-box;border-top: 1px solid #e0e0e0;padding: 0;}
.content-left {display:none;}
.mnsp2a {background-color:#f2f2f2}
 .imggd {height: 217px;}
 .imgtin {height: 170px;}
 .anhnewgt {height: 150px;}
 .imgdanew {height: 143px;}
 .imgda {height: 202px;}
 .allpro-first .imgda {height: 272px;}
 .heightslide {height: 407px;}
 .thumb {height: 43px;}
 .imglv {height: 219px;}
 .imgha {height: 150px;}
 .flex-direction-nav .flex-prev {left:0}
  .flex-direction-nav .flex-next {right:0}
  .flex-direction-nav a {width:45px;height:45px}
  .allsan,.gioithieu,.allduan,.allcategory {/* padding:30px 0 */}
  .footertop {padding-bottom:30px}
  .ndthongke span {font-size: 38px;}
  .titdabot {font-size: 35px;}
  .flexda {display:none}
  .thongtinphuda.thongtinphudatc.opa1  .flexda  {display:block}
  .tita {/* display:none */}
  .slidedt {height:70px}
  .titdoitac {padding: 26px 2%;display: none;}
  .footercenter {padding-top:30px}
  .shareft {/* display:none */}
  .customNavigation.customhang {top:18px;width: 98%;}
.showlinhvuc {padding:30px 0}
.danhmuc {width:30%;display: none;}
.hienthi {width: 100%;}
.slidedt ul {width: 92%;}
.doitacft {background-color:white;}
.menucenter:nth-child(1) {/* display:none; */}
.menucenter:nth-child(2) {width: 23%;margin-left: 0;/* display: none; */}
.profile {width: 34%;}
.hotlineft {margin-left:2%}
.menuft {display:none}
.leftlv {width: 98%;position: relative;padding: 15px 1% !important;}
.rightlv {width:100%;}
.ttda {margin-bottom:5px}
.allpro.all8 .sanpham:nth-child(n+1) {width:23.5%;margin-left:2%;}
.allpro.all8 .sanpham:nth-child(4n+1) {margin-left:0;}
.ttduan {width:96%}

.box-shop {padding:30px 140px}
#Slideshow .caption {padding-left:15px;padding-right:15px;padding-top:15px;}
#Slideshow .caption h4 {font-size: 14px;}
#Slideshow .caption p {margin-top: -1px;}
.leftd-reamdoor .imgda {height: 135px;}
 .heightduan {height: 435px;}
 #sliderFrame.slideProdt .heightslide {height: 391px;}
.fan {width: 34%;float: right;}
.ttfooter {width: 64%;}
 .left-garden {margin-top:30px}
 .titsan.tit-garden h3 {font-size: 30px;}
 .titgt h3 {font-size:23px;}
 .titsan h3 {padding: 10px;/* font-size: 15px; */height: 20px;}
 .titsan h4 {font-size:18px;}
 .left-gt {display: none;}
 .right-gt {/* display:none; */margin-top: 20px;}
 .ndthongke p {font-size:15px;}
 .chitiet-gt a {padding-bottom:14px;padding-top:10px}
.allpro.all8 {width:100%;}
.alltinnoibat {padding:30px 0}

.navfull .navtop li a {padding: 10px 23px;}
.timkiem {display:none;}
.img-tl-df {height:60px;}
.name-tl-df a {font-size:15px;}
  .allpro.all8 .imgda {height: 196px;}
  .ttfooter {width: 47%;margin-right: 0;float: right;}
  .menucenter {/* display:none */}
  .fan {width: 36%;margin-left:0;margin-top: 30px;}
  .tablecart {width:100%;box-sizing: border-box;padding-right: 2%;}
  .infoForm {width:100%;margin-top:50px;box-sizing: border-box;}
}


@media only screen and (max-width: 900px) {
  .botft1 .tong{float:left;width: 100%;margin-bottom: 20px;}
  .name-ar{height: 42px;}
  .img-ar {height: 191px;}
  .allsanpham .allbody {width: 824px;}
   #tab .c-tabs-nav-link{padding: 4px 21px;font-size: 13px;/* float: left; */margin-bottom: 8px;text-align: center;position: relative;display: inline-block;width: auto;padding-top: 2px;}
    #tab1 .c-tabs-nav-link{padding: 4px 21px;font-size: 13px;/* float: left; */margin-bottom: 8px;text-align: center;position: relative;display: inline-block;width: auto;padding-top: 2px;}
   .c-tabs-nav{position:relative;height: 63px;text-align: center;}
   #tab .c-tab.is-active {display:block;margin-top: 10px;}
    #Slideshow {height: 405px;}
  .navfull{z-index:9999}
  .newkm {height: 66px;}
  #ShowMenu {display: block;background-image:url('/Design/icon-menu.png');background-repeat:no-repeat;float: right;border: 2px solid #cdab46;color: white;padding: 3px 12px;padding-bottom: 6px;padding-left: 38px;background-color: #cdab46;border-radius: 4px;background-position: 10px 7px;margin-top: -14px;margin-left: 20px;z-index: 999;}
  .trangtrong .sanpham{/* height: 292px; */}
  .allpro li{/* height: 292px; */}
  .menu-footer .footer-title {font-size: 14px;}
  .menu-footer{/* width: 25%; */}
  .menu-footer:nth-child(2){margin-right:10px}
  .tit-child {margin-top: 3px;margin-left: 10px;}
  .tit-child a:last-child{display:none}
.km .sanpham{/* height: 332px; */}
 .sanpham {/* height: 287px; */}
  
  .navtop .mnc1:nth-child(1) a {background-image:url('/Design/icon-home.png');text-indent: -1000px;width: 60px;padding: 0;background-repeat: no-repeat;background-position: center 7px;height: 33px;}
    .navtop .mnc1 a {padding: 9px 9px;font-size: 12px;}
  .timkiem input {width: 142px;}
.flexslider {height: 297px;}
 .banner {height: 255px;}
 .header:after {height:100%;}
 .allbody {width: 824px;}
 .botft {height:auto;}
 .coppy {width:100%;text-align:center;}
 .stongtruycap {width: 100%;text-align:center;margin-top: 10px;margin-bottom: 10px;margin-right: 0;}
 .litong {float:none;margin-top: 0px;padding-bottom: 5px;background-position: left 3px;}
 .navtop {margin-left: 0;float: right;}
 .showc-atagory {width:90%;}
 .fix-square {width:90%}
 .gioithieu .tomtat {text-align:justify;}
 .menutop {display:none}
 .shopLeft,.shopRight {display:none;}
.allshop {padding:40px 0}
 .imggd {height: 281px;}
 .imgtin {height: 138px;}
 .anhnewgt {height: 131px;}
 .imgdanew {height: 176px;}
 .imgda {height: 164px;}
 .add-cart-sp {display:none}
 .add-cart {/* display:none */}
 .heightslide {height: 467px;}
 .thumb {height: 43px;}
 .imglv {height: 180px;}
 .imgha {height: 190px;}
 .leftd-reamdoor {width:100%;margin-top: 40px;}
 .flex-direction-nav .flex-prev {left:0}
  .flex-direction-nav .flex-next {right:0}
  .flex-direction-nav a {width:45px;height:45px}
  .allsan,.gioithieu,.allduan,.allcategory {padding:30px 0}
  .footertop {padding-bottom:30px}
  .ndthongke span {font-size: 29px;}
  .titdabot {font-size: 35px;}
  .titdabot.titdabottc {text-align:left}
  .flexda {display:none}
  .tita {/* display:none */}
  .slidedt {height:70px}
  .titdoitac {padding: 26px 2%;display: none;}
  .footercenter {padding-top:30px}
  .shareft {/* display:none */float: none;}
  .customNavigation.customhang {top:18px;width: 98%;}
.showlinhvuc {padding:30px 0}
.danhmuc {width:30%;display: none;}
.hienthi {width: 100%;}
.slidedt ul {width: 92%;}
.doitacft {background-color:white;}
.menucenter:nth-child(1) {/* display:none; */}
.menucenter:nth-child(2) {width: 29%;margin-left: 0;}
.profile {width: 34%;}
.hotlineft {margin-left:2%;width: 39%;}
.menuft {display:none}
.leftlv {width: 98%;position: relative;padding: 15px 1% !important;}
.rightlv {width:100%;}
.tomtat * {text-align:justify;}
.ndthongke p {font-size:15px}
.logoda {width:200px;height:102px}
.giaodich:nth-child(n+1) {width:49%;float:left;margin-left:0}
.giaodich:nth-child(2n+2) {float:right;}
.fan {width:35%}
.textmail input:first-child {width:70%}
.tit {font-size:30px;}

.box-shop {padding:30px 140px}
#Slideshow .caption {padding-left:15px;padding-right:15px;padding-top:15px;}
#Slideshow .caption h4 {font-size:20px;}
#Slideshow .caption p {margin-top:5px}
.leftd-reamdoor .imgda {height: 135px;}
 .heightduan {height: 435px;}
 #sliderFrame.slideProdt .heightslide {height: 240px;}
.fan {width: 34%;float: right;}
.ttfooter {width: 64%;}
 .left-garden {margin-top:30px}
 .titsan.tit-garden h3 {font-size: 30px;}
 .titgt h3 {font-size:23px;}
 .titsan h3 {/* font-size: 24px; */}
 .titsan h4 {font-size:18px;}
 .left-gt {width:100%;}
 .right-gt {/* display:none; */}
 .ndthongke p {font-size:15px;}
 .garden {background-size: 100% 311px;}
 .right-garden {width:100%;margin-top: 46px;}


 .duan:nth-child(n+1),.right-garden .duan:nth-child(n+1) {width:49%;margin-left:0;margin-bottom:10px}
  .duan:nth-child(2n+2),.right-garden .duan:nth-child(2n+2) {float:right;}
.center-shop {width:100%;min-width:100%;}
.ctbaivietnew {padding:40px 0}



.box-shop {padding: 30px 5%;width: 90%;background-image: url('/Design/bg_shop.png');/* background-repeat: no-repeat; */}
#Slideshow .caption {padding-left:15px;padding-right:15px;padding-top:15px;display:none}
#Slideshow .caption h4 {font-size: 9px;}
#Slideshow .caption p {margin-top:5px}
.leftd-reamdoor .imgda {height: 172px;}
 .heightduan {height: 405px;}
 #sliderFrame.slideProdt .heightslide {height: 345px;}
.fan {width: 34%;float: right;}
.ttfooter {width: 64%;}
 .left-garden {margin-top:30px;width: 100%;}
 .allgarden.alldreamdoor .left-garden {width:100%;}
 .allgarden.alldreamdoor .garden {background-size: 100% 292px;background-position: left top;}
 .allgarden.alldreamdoor {padding:40px 0}
 .titsan.tit-garden h3 {font-size: 30px;}
 .titgt h3 {font-size:23px;}
 .titsan.fontdown h3 {font-size:23px;}
 .titsan h3 {/* font-size: 23px; */}
 .titsan h4 {font-size:18px;}
 .left-gt {width:100%;}
 .right-gt {/* display:none; */}
 .ndthongke p {font-size:15px;}
 .chitiet-gt a {padding-bottom:14px;padding-top:10px}
.tit-nav-pro {padding-top: 11px;padding-bottom: 12px;font-size: 13px;}
.logo {/* width:120px; */}
.nav-pro {top:0}
.slogan-top {display:none}
.top {height: 41px;z-index: 99999;}
.giohang {margin-top: 0;position: absolute;right: 0;top: 81px;}
.timkiem {/* margin-top:15px */}
.navfull .navtop li a {padding: 10px 24px;}
.img-tl-df {height:60px;}
.name-tl-df a {font-size:15px;}
  .allpro.all8 .imgda {height: 165px;}
  .ttfooter {width: 50%;}
  .fan {width: 36%;margin-left:0;margin-top: 30px;}
  .tablecart {width:100%;}
  .infoForm {width:100%;margin-top:50px}
.navtop  .mnc1 a.active,.navtop   .mnc1 a:hover {color: #cdab46 !important;background-color:#fff;border-radius:5px;}
.farmenu > li+li{border-top: 1px solid #fff;}
   .navtop .mnc1:nth-child(1) a {background-image:url('/Design/icon-home.png');text-indent: -1000px;width: 100%;padding: 0;background-repeat: no-repeat;background-position: center 7px;height: 33px;text-align: center;}
  .farmenu > li{float: left;text-align: center;padding-left:20px;/* padding-bottom: 8px; */padding-left:0;padding-right: 0;font-size:14px;/* padding-top: 8px; */width: 100%;background-image: none !important;}	.menuMain > li+li{border-top: 1px solid #f7de64;}
	.farmenu > li > a{padding:8px 0;font-weight:normal;/* font-family:muli; */padding-left: 0;color: #fff !important;font-weight: bold;width: 100%;box-sizing: border-box;}
  .navtop {margin-left: 0;float: right;z-index: 99999;/* display: block !important; */}
 .navtop {position:fixed;z-index: 999999;top:0;background-color: #cdab46;width:250px;height:100%;display:none;padding-top:30px !important;left:0;margin-top: 0px;}
 #banner-header_top .item-1{display:none}
 .logomoble{display:block;background-color:#fff;width: 125px;margin: auto;padding: 8px;border-radius: 5px;}
}
@media only screen and (max-width: 800px) {
  .allbody {width: 780px;}
  .allsanpham .allbody {width: 780px;}
}

@media only screen and (max-width: 768px) {
  .ar-bot {display: inline-block;/* overflow:hidden; */width: 49%;float: left;margin-right: 1.5%;margin-bottom: 1.5%;}
   .ar-bot:nth-child(2n+2){margin-right:0}
   .botft1 .tong{float:left;width: 100%;}
   .banner .slick-track{height: 351px;}
   .botft1 .fb-ft{float:right;width: 100%;}
  .newkm {height: 56px;}
  .trangtrong .sanpham{/* height: 388px; */}
  .allpro li{/* height: 385px; */}
  .padbot30 .sanpham{/* height: 382px; */}
  .allpro li{list-style:none;position: relative;width: 49.5%;display: inline-block;float: left;/* height: 360px; */}
   .lisp  .sanpham{width:100%}
  .km .sanpham{/* height: 441px; */}
 .sanpham {/* height: 385px; */}
   .menu-footer{width: 49%;margin-top: 22px;}
   #banner-newsletter .item .thumb1 {width: 44px;height: 55px;display: block;}
  #banner-newsletter .item .inner {padding: 29px;overflow: hidden;padding-left: 21px;}
   #banner-newsletter .item .text{padding-left:0;font-size: 12px;}
  .bannerphai{display:none}
  .farmenu > li+li{border-top: 1px solid #fff;}
   .navtop .mnc1:nth-child(1) a {background-image:url('/Design/icon-home.png');text-indent: -1000px;width: 100%;padding: 0;background-repeat: no-repeat;background-position: center 7px;height: 33px;text-align: center;}
  .farmenu > li{float: left;text-align: center;padding-left:20px;/* padding-bottom: 8px; */padding-left:0;padding-right: 0;font-size:14px;/* padding-top: 8px; */width: 100%;background-image: none !important;}	.menuMain > li+li{border-top: 1px solid #f7de64;}
	.farmenu > li > a{padding:8px 0;font-weight:normal;/* font-family:muli; */padding-left: 0;color: #fff !important;font-weight: bold;width: 100%;box-sizing: border-box;}
  .navtop {margin-left: 0;float: right;z-index: 99999;/* display: block !important; */}
 .navtop {position:fixed;z-index: 999999;top:0;width:250px;height:100%;display:none;padding-top:30px !important;left:0;}
  #banner-header_top {}
  .logo canvas {left: 0;float: left;z-index: 9;width: 99px;}
  #banner-header_top .item .thumb1 a {width: 17px;height: 17px;margin: auto;padding: 8px;display: block;border-radius: 50%;}
  #banner-header_top .item {margin-left: 15px;}
  #banner-header_top .item-1{display:none}
.flexslider {height: 248px;}
 .banner {height: 394px;width: 100%;}
 .allbody {width: 689px;}
 .allsanpham .allbody {width: 689px;}
 .box-abouts {border-radius:10px;padding-bottom:20px;}
 .mota-vs {height:54px;}
 .img-vs {display:none}
 .allpro-first {display:none}
 .news-ar-bot {width:100%;}
 .fanpage-bot {width:100%;margin-top:20px;}
 .tit-child {display:none}
.ttduan {padding:30px 5%;width:90%}
 .square-gt {display: block;}
 .allnewlv {padding-top:0}
 .botft {height:auto;}
 .rightd2 {width:100%;}
 #Slideshow .caption-over {display:none}
 .rightd2 .showctbv {padding-bottom:10px}
 .center-square span {font-size:30px}
 .center-square {width:150px;height:150px;}
 .leftd2 {display:none;}
 .rightd2 img {position:relative;width:100%;}
.sanpham:nth-child(n+1) {width: 49%;margin-left:0;margin-top: 0;}
.sanpham:nth-child(n+3) {margin-top: 0;}
.sanpham:nth-child(2n+2) {float:right;border-right: 0;margin-right:0}

.lisp:nth-child(n+1) {width: 49%;margin-left:0;margin-top: 0;}
.lisp:nth-child(n+3) {margin-top:10px;}
.lisp:nth-child(2n+2) {float:right;}
.lisp .sanpham:nth-child(n+1) {width:100%;margin-left:0;margin-top: 0;}
.lisp .sanpham:nth-child(n+3) {margin-top:10px;}
.lisp .sanpham:nth-child(2n+2) {float:right;}


.allpro.all8 .sanpham:nth-child(n+1) {width:49.5%;margin-left:0;}
.allpro.all8 .sanpham:nth-child(2n+2) {float:right}

 .imggd {height: 233px;}
 .imgtin {height: 228px;}
 .anhnewgt {height: 99px;}
 .imgdanew {height: 151px;}
 .imgda {height: 232px;}
 .allpro-child {width:100%;}
 .heightslide {height: 381px;}
 .thumb {height: 74px;}
 .imglv {height: 180px;}
 .imgha {height: 167px;}
 .flex-direction-nav .flex-prev {left:0}
  .flex-direction-nav .flex-next {right:0}
  .flex-direction-nav a {width:45px;height:45px}
  .allsan,.gioithieu,.allduan,.allcategory {padding:30px 0}
  .footertop {padding-bottom:30px}
  .ndthongke span {font-size: 51px;}
  .titdabot {font-size: 35px;}
  .titdabot.titdabottc {text-align:left;font-size: 30px;line-height: 38px;}
  .flexda {display:none}
  .tita {display: block;top: 6px;}
  .slidedt {height:70px}
  .titdoitac {padding: 26px 2%;display: none;}
  .footercenter {padding-top:30px}
  .shareft {/* display: block; *//* float: left; *//* margin-bottom: 20px; */}
  .coppy {height: auto;padding-bottom: 0;/* width: 100%; */text-align: center;padding-top: 5px;}
  .coppy h3 {text-align:center;float: none;display: inline-block;}
  .stongtruycap {width:100%;text-align:center;margin-top: 0;}
  .litong {display:inline-block;}
  .coppy a {float:none}
  .customNavigation.customhang {top:18px;width: 98%;}
.showlinhvuc {padding:30px 0}
.danhmuc {width:30%;display: none;}
.hienthi {width: 100%;}
.slidedt ul {width: 92%;}
.doitacft {background-color:white;}
.menucenter:nth-child(1) {/* display:none; */}
.menucenter:nth-child(2) {width: 100%;margin-left: 0;/* display: none; */margin-bottom: 20px;}
.profile {width: 48%;margin-top: 0;}
.hotlineft {margin-left: 0;width: 46%;margin-top: 0px;}
.menuft {display:none}
.leftlv {width: 98%;position: relative;padding: 15px 1% !important;}
.rightlv {width:100%;}
.tomtat * {text-align:justify;}
.ndthongke p {font-size: 12px;}
.logoda {width:200px;height:102px}
.giaodich:nth-child(n+1) {width:49%;float:left;margin-left:0}
.giaodich:nth-child(2n+2) {float:right;}
.fan {width: 47%;margin-left: 0;}
.textmail input:first-child {width: 89%;}
.tit {font-size:30px;}
.thongkegt li img {width:80px}
.tomtattit {width:100%;margin-left:0}
.tintuc:nth-child(n+1) {width:49%;margin-left:0;display: block !important;}
.tintuc:nth-child(2n+2) {float:right}
.ttfooter {width: 54%;margin-left: 0;}
.logoft {/* display:none */}
.left-footer {width: 48%;}
.tomtatda {text-align:justify;}
.topright {width: 100%;padding-right: 0;border: none;}
.bottomright {width: 100%;padding-left: 0;}

#sliderFrame,#sliderFrame.slideProdt {width: 100%;}
.info-right-pro {width:100%;margin-top:30px;}
.dkmua {width: 37%;}
.texttim.texttrang {width: 24%;}
.loctour_submit.btntimkiem {/* float:left */}
.flexslider .slides .logoda img {max-width:120px}
.thongkegt ul {display:block;}
.navfull {}


.thongkegt li:nth-child(n+1) {width: 50%;margin-bottom: 20px;}
.box-shop {padding: 30px 5%;width: 90%;background-image: url('/Design/bg_shop.png');/* background-repeat: no-repeat; */}
#Slideshow .caption {padding-left:15px;padding-right:15px;padding-top:15px;}
#Slideshow .caption h4 {font-size:20px;}
#Slideshow .caption p {margin-top:5px}
.leftd-reamdoor .imgda {height: 150px;}
 .heightduan {height: 343px;}
 #sliderFrame.slideProdt .heightslide {height: 578px;}
.fan {width: 100%;float: right;margin-top: 20px;}
.ttfooter {width: 100%;}
 .left-garden {margin-top:30px;width: 100%;}
 .allgarden.alldreamdoor .left-garden {width:100%;}
 .allgarden.alldreamdoor .garden {background-size: 100% 315px;background-position: left top;}
 .allgarden.alldreamdoor {padding:40px 0}
 .titsan.tit-garden h3 {font-size: 30px;}
 .titgt h3 {font-size:23px;}
 .titsan {/* height:40px; */}
 .titsan h3 {/* font-size:30px */padding-top: 10px;padding-bottom: 17px;}
 .titsan h4 {font-size:18px;}
 .left-gt {width:100%;}
 .right-gt {/* display:none; */}
 .ndthongke p {font-size: 19px;}
 .chitiet-gt a {padding-bottom:14px;padding-top:10px}
  .garden {background-size: 100% 337px;}
 .right-garden {width:100%;margin-top: 46px;}
 .flex-gt {width:500px;height:400px;background-size: 100% 100%;}
.listtheloai .allbody {display:block;}
.nav-pro {
    width: 34%;
}
.listtheloai {display: none;}
.logo {/* width: 165px; */}
.top {/* height:auto; */}
.giohang {/* margin-top:30px; */}
.timkiem {margin: 13px 0;}
.navfull .navtop li a {padding: 10px 11px;}
.img-tl-df {height:60px;}
.name-tl-df a {font-size:15px;}
  .allpro.all8 .imgda {height: 289px;}
  .ttfooter {width: 46%;margin-right: 0;}
  .fan {width: 100%;margin-left:0;margin-top: 30px;}
  .tablecart {width:100%;}
  .infoForm {width:100%;margin-top:50px}
.nav-pro ul {/* right:inherit; *//* width:220px */}
.theloai-df {width: 32%;padding: 10px 0;margin:auto;}
.theloai-df:nth-child(3n+1) {border:none}
.theloai-df:nth-child(n+3) {border-top:1px solid #f1f1f1;}
.col-md-8{width:100%}
.col-md-4{width:100%;box-sizing: border-box;}


}

@media only screen and (max-width: 639px) {
  .tensp a{font-size:15px}
  .titsan h6{display:none}
   #Slideshow {height: 343px;}
  .botft1 .tong{float:left;width: 100%;}
  .botft1 .fb-ft{float:left;width:100%;margin-top: 10px;}
  .botft1 .fb-ft .fb-page{width:100%}
  .botft1 .tieude-ft h1{/* margin:0 */}
  .botft1 .logo-footer{margin-bottom:10px}
  .logo-footer1{float:left}
  .trangtrong .sanpham{/* height: 388px; */}
  .allpro .lisp{/* height: 335px; */}
  .padbot30 .sanpham{/* height: 382px; */}
  .tita a{width: 100%;box-sizing: border-box;padding: 8px 22px;}
  .coppy{/* width: 70%; */}
  #banner-newsletter .item .inner {padding: 11px;overflow: hidden;padding-left: 13px;}
  #banner-newsletter .item .text{font-size: 11px;margin-top: 10px;margin-left: 10px;}
  .km .sanpham{/* height: 392px; */}
 .sanpham {/* height: 340px; */}
  .slick-next{top: -307%;}
.slick-prev{ top: -307%;}
  .thumbnail .slick-list{display:none}
  .banner .slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;height: 241px;/* height: 100%; */}
   .banner .slick-slide img {
    display: block;
    height: 100%;
    width: 100%;
}
   .banner .slider_contain .productPhotos {height: 240px;}
  .kmtc{display:none}
 .flexslider {height: 186px;}
 .banner {height: 240px;}
 .all80.mar40, .all80 {padding:30px 10px;margin-top: 0;}
 .allbody {width: 550px;}
 .allsanpham .allbody {width: 550px;}
 .box-fan {height: 130px;text-align: center;}
 .fb_iframe_widget {float:none;overflow:hidden}
 .left-footer {width:100%;text-align:center;}
 .botft {/* padding-bottom: 34px; */}
 .navtop {}
 .allgarden {padding-bottom:30px}
 #Slideshow .next,#Slideshow .prev {display:none}
 .titftnew h2 {text-align:center}
 .titftnew h4 {float:none;}
 .ttcty * {background: none !important;padding: 0 !important;/* text-align:center !important */}
 .ttcty div:nth-child(n+1):before {display:none}
 .titftnew h3 {}
 .textmail {text-align:center;overflow: hidden;}
 .imggd {height: 170px;}
 .imgtin {height: 179px;}
 .anhnewgt {height: 81px;}
 .imgdanew {height: 111px;}
 .imgda {height: 187px;}
 .add-cart {display:block;}
 .heightslide {height: 338px;}
 .thumb {height: 60px;}
 .imglv {height: auto;}
 .imgha {height: 167px;}
 .flex-direction-nav .flex-prev {left:0}
  .flex-direction-nav .flex-next {right:0}
  .flex-direction-nav a {width:45px;height:45px}
  .allsan,.gioithieu,.allduan,.allcategory {/* padding: 0; */}
  .gioithieu {padding-bottom:0 !important;}
  .footertop {padding-bottom:30px}
  .ndthongke span {font-size: 33px;}
  .titdabot {font-size: 24px;width: 80%;margin-left: 10%;}
  .titdabot.titdabottc {text-align:left;font-size: 24px;margin-left: 0;width: 100%;}
  .flexda {display:none}
  .tita {/* display:none */}
  .slidedt {height:70px}
  .titdoitac {padding: 26px 2%;display: none;}
  .footercenter {padding-top:30px}
  .shareft {/* display:none *//* text-align: center; *//* width: 100%; */}
  .shareft a {/* display:inline-block; *//* float:none; *//* margin-top:10px */}
  .customNavigation.customhang {top:18px;width: 98%;}
.showlinhvuc {padding:30px 0}
.danhmuc {width:30%;display: none;}
.hienthi {width: 100%;}
.slidedt ul {width: 92%;}
.doitacft {background-color:white;}
.menucenter:nth-child(1) {/* display:none; */}
.menucenter:nth-child(2) {/* width: 29%; *//* margin-left: 0; *//* display: none; */}
.profile {width: 100%;margin-top: 43px;}
.hotlineft {margin-left: 1%;width: 98%;margin-top: 13px;}
.menuft {display:none}
.leftlv {width: 98%;position: relative;padding: 15px 1% !important;}
.rightlv {width:100%;}
.tomtat * {text-align:justify;}
.ndthongke p {font-size: 15px;}
.logoda {width: 120px;height: 61px;left: 37%;}
.giaodich:nth-child(n+1) {width:49%;float:left;margin-left:0}
.giaodich:nth-child(2n+2) {float:right;}
.fan {width: 100%;margin-left: 0;}
.textmail input:first-child {width: calc(100% - 62px);/* float: none; */display: inline-block;overflow: hidden;/* margin-top: -11px; */}
.textmail input:last-child {display:inline-block;float:none;overflow: hidden;}
.tit {font-size:30px;}
.thongkegt li img {width: 100px;}
.tomtattit {width:100%;margin-left:0}
.tintuc:nth-child(n+1) {width:49%;margin-left:0;display: block !important;}
.tintuc:nth-child(2n+2) {float:right}
.ttfooter {width: 100%;margin-left: 0;}
.logoft {/* display:none */float: none;display: inline-block;margin-bottom: 10px;}
.tomtatda {text-align:justify;}
.topright {width: 100%;padding: 0;border: none;}
.bottomright {width: 100%;margin-left: 0;}

#sliderFrame {width: 100%;border: none;}
#sliderFrame.slideProdt {width:100%;}
.dkmua {width: 100%;margin-left: 0;margin-top: 30px;}
.texttim.texttrang {width: 24%;}
.loctour_submit.btntimkiem {float:left}
.flexslider .slides .logoda img {max-width: 79px;}
.logo {margin-top: 1px;/* width: 172px; */}
.thongkegt li {width:33%;float: left;}
.thongkegt ul {display:block;}
.csft p {padding-left:20px}
.coppy.thietke {/* display:none */}
.ttconda {float: left;width:100%;display:block;margin-top: 15px;}
.imgda a {margin:auto;}
.imgda img {/* width:100%; *//* height: auto; *//* margin:auto; *//* float: left; */}
.linhvuc {width:100%;float:left;}
.imglv img {width:100%;}
.anh:nth-child(n+1) {width:49%;margin-left:0;}
.anh:nth-child(2n+2) {float:right}
.contact .left-content {width:100%;float:left;margin-top: 30px;}
.contact .right-content {width:100%;float:left;}
.leftd-reamdoor .duan:nth-child(n+1) {width:49%;margin-left:0;margin-top:0}
.leftd-reamdoor .duan:nth-child(2n+2) {float:right;}
#sliderFrame.slideduandt {width:100%;margin-left:0;margin-bottom: 20px;}
 .info-right-pro {width:100%;margin-top:20px;}


.thongkegt li:nth-child(n+1) {width: 50%;margin-bottom: 20px;}
.box-shop {padding: 30px 5%;width: 90%;background-image: url('/Design/bg_shop.png');/* background-repeat: no-repeat; */}
#Slideshow .caption {padding-left:15px;padding-right:15px;padding-top:15px;}
#Slideshow .caption h4 {font-size:20px;}
#Slideshow .caption p {margin-top:5px}
.leftd-reamdoor .imgda {height: 164px;}
 .heightduan {height: 321px;}
 #sliderFrame.slideProdt .heightslide {height: 464px;}

.fan {width: 100%;float: right;margin-top: 20px;}
.ttfooter {width: 100%;}
 .left-garden {margin-top:30px;width: 100%;}
 .allgarden.alldreamdoor .left-garden {width:100%;}
 .allgarden.alldreamdoor .garden {background-size: 100% 344px;background-position: left top;}
 .allgarden.alldreamdoor {padding: 0;}
 .titsan.tit-garden h3 {font-size: 30px;}
 .titgt h3 {font-size:23px;}
 .titsan h3 {/* font-size:30px */}
 .titsan h4 {font-size:18px;}
 .left-gt {width:100%;display: block;margin: auto;float: none;max-width: 100%;}
 .right-gt {/* display:none; */}
 .img-vs {display:block;}
 .li-visao:nth-child(n+1) {width:100%;margin-bottom: 15px;margin-top:0;}
 .mota-vs {height:auto;}
 .ndthongke p {font-size: 19px;}
 .chitiet-gt a {padding-bottom:14px;padding-top:10px}
  .garden {background-size: 100% 396px;}
 .right-garden {width:100%;margin-top: 46px;}
 .flex-gt {width: 350px;height: 300px;background-size: 100% 100%;}

 .nth-square {width:80px;height:80px;}
 .nth-square p {font-size:18px;}
 .center-square span {font-size:19px;}
 .center-square {width:100px;height:100px;}
 .activefix .nth-square:nth-child(2) {right: 53px;top: -35px;animation-delay: 0.4s;}
.activefix .nth-square:nth-child(1) {left: 53px;top: -35px;animation-delay: 0.7s;}

.nth-square:nth-child(3) {left: -35px;top: calc(50% - 53px);animation-delay: 1s;}
.nth-square:nth-child(5) {left: 53px;bottom: -35px;animation-delay: 1.3s;}
.nth-square:nth-child(6) {right: 53px;bottom: -35px;animation-delay: 1.7s;}
.nth-square:nth-child(4) {right: -35px;top: calc(50% - 53px);animation-delay: 2s;}
.navfull {/* background-color:#fff; */text-align: center;height: auto;}


.tit-nav-pro {}
.logo {display: inline-block;margin: auto;margin-top: 11px;}
.navfull.fix .logo {width: 103px;}
.nav-pro {/* width:100%; */}
.top {/* height:auto; */}
.giohang {margin-top: 0;top: 10px;position: fixed;bottom: 0px;top: inherit;left: 10px;right: inherit;}
.timkiem {margin-top:15px}
.navfull .navtop li a {padding: 10px 12px;/* font-size: 15px; */text-transform: capitalize;}
.navtop .mnc1:nth-child(1) {/* display:none */}
.navtop .mnc1:nth-child(2) {background:none}
.img-tl-df {height:60px;}
.name-tl-df a {font-size:15px;}
  .allpro.all8 .imgda {height: 213px;}
  .ttfooter {width: 96%;margin-right: 0;padding: 20px 2%;background: none;padding-bottom: 0;}
  .fan {width: 100%;margin-left:0;margin-top: 30px;}
  .tablecart {width:100%;}
  .infoForm {width:100%;margin-top:50px}
.nav-pro ul {/* right:inherit; *//* width:220px */}
.theloai-df {width: 32%;padding: 10px 0;margin:auto;}
.theloai-df:nth-child(3n+1) {border:none}
.theloai-df:nth-child(n+3) {border-top:1px solid #f1f1f1;}
.timkiem input {width: 66px;}




}
@media only screen and (max-width: 540px) {
   .botft1 .tong{float:left;width: 100%;margin-bottom: 0px;}
  .c-tabs-nav{height: 104px;}
   .imgda {height: 164px;}
   #tab1 .c-tabs-nav-link{padding: 4px 12px;}
    #tab .c-tabs-nav-link{padding: 4px 12px;}
  .nav-pro {width: auto;}
  .textmail input:first-child {
    padding: 13px 10px;
}
 #banner-header_top {
    margin: 0;
}
.timkiem{display:none}
.lisp:nth-child(n+3) {margin-top:0px;}
 #sliderFrame.slideProdt .heightslide {height: 400px;}
.lisp:nth-child(2n+2)  .sanpham{float:right;border-right: 0;}
.trangtrong .sanpham{/* height: 388px; */}
  .allpro li{/* height: 336px; */}
  .padbot30 .sanpham{/* height: 335px; */}
.coppy{width: 100%;}
.centerfooter {width:100%;float:left;padding: 16px 0;}
#banner-newsletter{display:none}
.item-3 .inner{border-right:none}
 #banner-newsletter .item .thumb1 {width: 55px;height: 55px;display: block;margin: auto;text-align: center;}
#banner-newsletter .item .text{font-size: 11px;margin-top: 10px;margin-left: 10px;width: 100%;}
  .allbody {width: 490px;}
   .allsanpham .allbody {width: 490px;}
  .km .sanpham{/* height: 391px; */}
 .sanpham {/* height: 340px; */}
   .logo{ height: 74px;}
 .navfull.fix{height: 66px;}
   #ShowMenu {display: block;background-image:url('/Design/icon-menu.png');background-repeat:no-repeat;float: right;color: white;padding: 3px 8px;padding-bottom: 6px;padding-left: 36px;border-radius: 4px;background-position: 10px 7px;margin-top: 2px;margin-left: 20px;}
   .logo{width: 112px;height: 47px;animation:zoomIn 2s;position: absolute;float:left;z-index: 999999;display: inline-block;}

.logo a {width: 100% !important;height: 100% !important;display:block;margin: auto !important;position: relative;}
.logo canvas{height: 100%;width: 100%;left: 0;display: block;z-index: 99;right: 0;}
.logo img{height: 100% !important;width: 100% !important;display: block;margin: auto !important;display: none;}
.botft1 .logo-footer{margin-bottom:10px;border-radius:5px}

   
}

@media only screen and (max-width: 479px) {
   #Slideshow {height: 310px;}
  .c-tabs-nav{height: auto;}
   .logo{width: 97px;height: 40px;}
  #banner-header_top .text a{
    font-size: 12px;
}
 .add-cart {position:absolute;right: 9px;top: 43px;}
.logomoble{display:block;background-color:#fff;width: 78px;}
.coppy{padding-top:0}
.km .titsan h3 {font-size: 18px;height: 24px;}
 .slick-next{top: -372%;}
.slick-prev{top: -372%;}
  .banner .slick-track {height: 196px;}
.trangtrong .sanpham{/* height: 296px; */}
  .allpro .lisp{/* height: 281px; */}
  .padbot30 .sanpham{/* height: 335px; */}
.km .sanpham{/* height: 333px; */}
 .sanpham {/* height: 287px; */}
  .leftd-reamdoor .duan:nth-child(n+1) {width:100%;}
.flexslider {height: 159px;}
 .banner {height: 197px;}
 .allbody {width:400px;}
  .allsanpham .allbody {width: 400px;}
 .titduan h3 {font-size:20px}
 .allpro.all8 .sanpham:nth-child(n+1) {/* width:100%; */}
 .navtop .mnc1:nth-child(1) {/* display:none */}
 .navtop .mnc1:nth-child(2)  {background:none}
 .navtop {}
 .titgt h4 {text-align:center}
 .timkiem {display:none}
.top {/* height:auto; *//* display: none; */}
 .imggd {height: auto;}
 .imggd img {width:100%;}
 .imgtin {height: 149px;}
 .anhnewgt:nth-child(n+1),.imgdanew:nth-child(n+1) {height: 144px;width:49%;margin-left:0;margin-bottom: 8px;}
  .anhnewgt:nth-child(2n+2),.imgdanew:nth-child(2n+2) {float:right}
.bnbig .imgdanew {width:100%;height:auto}
 .imgda {height: 164px;}
 .allpro-first{display:block;width:100%;}
 .allpro-first .imgda {height:auto}
 .add-cart-sp {display:block;}
 .allpro-first .imgda img {width:100%;}
 .themvgh {display:none}
 .thongtintin {padding:5px 5%}
 .sanpham:nth-child(n+1) {}
 .heightslide {height: 291px;}
 .thumb {height: 60px;}
 .imglv {height: auto;}
 .imgha {height: 152px;}
 .flex-direction-nav .flex-prev {left:0}
  .flex-direction-nav .flex-next {right:0}
  .flex-direction-nav a {width:45px;height:45px}
  .allsan,.gioithieu,.allduan,.allcategory {padding:30px 0}
  .footertop {padding-bottom:30px}
  .ndthongke span {font-size: 30px;}
  .titdabot {font-size: 19px;width: 80%;margin-left: 10%;}
  .titdabot.titdabottc {text-align:left;font-size: 28px;line-height: 38px;width: 100%;margin-left: 0;}
  .flexda {display:none}
  .tita {/* display: block; *//* top: 2px; */}
  .tita a {/* font-size:11px */}
  .slidedt {height:70px}
  .titdoitac {padding: 26px 2%;display: none;}
  .footercenter {padding-top:30px}
  .shareft {/* display:none */}
  .customNavigation.customhang {top:18px;width: 98%;}
.showlinhvuc {padding:30px 0}
.danhmuc {width:30%;display: none;}
.hienthi {width: 100%;}
.slidedt ul {width: 92%;}
.doitacft {background-color:white;}
.menucenter:nth-child(1) {/* display:none; */}
.menucenter:nth-child(2) {/* width: 29%; *//* margin-left: 0; *//* display: none; */}
.profile {width: 100%;margin-top: 43px;}
.hotlineft {margin-left: 1%;width: 98%;margin-top: 13px;}
.menuft {display:none}
.leftlv {width: 98%;position: relative;padding: 15px 1% !important;}
.rightlv {width:100%;}
.tomtat * {text-align:justify;}
.ndthongke p {font-size: 15px;}
.logoda {width: 120px;height: 61px;left: 37%;}
.giaodich:nth-child(n+1) {width:100%;float:left;margin-left:0}
.giaodich:nth-child(2n+2) {float:right;}
.fan {width: 100%;margin-left: 0;}
.textmail input:first-child {/* width: 76%; */}
.tit {font-size:30px;}
.thongkegt li img {width: 100px;}
.tomtattit {width:100%;margin-left:0}
.tintuc:nth-child(n+1) {width:49%;margin-left:0;display: block !important;}
.tintuc:nth-child(2n+2) {float:right}
.ttfooter {width: 100%;margin-left: 0;}
.logoft {display:none}
.tomtatda {text-align:justify;}
.topright {width: 100%;padding: 0;border: none;}
.bottomright {width: 100%;margin-left: 0;}
.duan:nth-child(n+1), .right-garden .duan:nth-child(n+1) {width:100%;}
.nav-pro {
    width: auto;
}
.navfull {/* height:37px; *//* text-align: center; *//* z-index: 99999; */}




#sliderFrame {width: 100%;border: none;}
.dkmua {width: 100%;margin-left: 0;margin-top: 30px;}
.texttim.texttrang {width: 24%;}
.loctour_submit.btntimkiem {float:left}
.flexslider .slides .logoda img {max-width: 79px;}
.logo {/* margin-top:0; *//* width: 46px; *//* left: 48%; *//* width: 53px; */}
.thongkegt li {width:33%;float: left;}
.thongkegt ul {display:block;}
.csft p {padding-left:20px}
.coppy.thietke {display: block;}
.ttconda {float: left;width:100%;display:block;margin-top: 15px;}
.imgda a {margin:auto;}
.imgda img {/* width:100%; *//* height: auto; */margin:auto;float: left;}
.linhvuc {width:100%;float:left;}
.imglv img {width:100%;}
.anh:nth-child(n+1) {width:49%;margin-left:0;}
.anh:nth-child(2n+2) {float:right}
.contact .left-content {width:100%;float:left;margin-top: 30px;}
.contact .right-content {width:100%;float:left;}
.titsan h3 {font-size:25px}
.titgt h3 {font-size:30px}
.showngay p:first-child {font-size:20px}
.lefttinphu {display:none}
.righttinphu {float:left}
.padtop30 {padding-top:20px !important;padding-bottom: 0;}
.hottop {float:left;display: none;}
.pduan:nth-child(n+1) {width:93%;padding-left:7%}
.pmore p {display:none}
.chitiet-gt {text-align:center}



.thongkegt li:nth-child(n+1) {width: 50%;margin-bottom: 20px;}
.box-shop {padding: 30px 5%;width: 90%;background-image: url('/Design/bg_shop.png');/* background-repeat: no-repeat; */}
#Slideshow .caption {padding-left:15px;padding-right:15px;padding-top:15px;}
#Slideshow .caption h4 {font-size:20px;}
#Slideshow .caption p {margin-top:5px}
.leftd-reamdoor .imgda {height: auto;}
 .heightduan {height: 298px;}
 #sliderFrame.slideProdt .heightslide {height: 344px;}

.fan {width: 100%;float: right;margin-top: 20px;}
.ttfooter {width: 100%;}
 .left-garden {margin-top:30px;width: 100%;}
 .allgarden.alldreamdoor .left-garden {width:100%;}
 .allgarden.alldreamdoor .garden {background-size: 100% 344px;background-position: left top;}
 .allgarden.alldreamdoor {padding: 0;}
 .titsan.tit-garden h3 {font-size: 30px;}
 .titgt h3 {font-size:23px;text-align: center;}
 .titgt h5 {margin:auto;margin-top:5px}
 .titsan h3 {font-size: 18px;}
 .titsan h4 {font-size: 15px;}
 .left-gt {width:100%;}
 .right-gt {/* display:none; */}
 .ndthongke p {font-size: 19px;}
 .chitiet-gt a {padding-bottom:14px;padding-top:10px}
  .garden {background-size: 100% 396px;}
 .right-garden {width:100%;margin-top: 46px;}
 .flex-gt {width:500px;height:400px;background-size: 100% 100%;}


  .flex-gt {width: 305px;height: 245px;background-size: 100% 100%;}

 .nth-square {width:80px;height:80px;}
 .nth-square p {font-size: 15px;}
 .center-square span {font-size: 18px;}
 .center-square {width:100px;height:100px;}
 .activefix .nth-square:nth-child(2) {right: 53px;top: -35px;animation-delay: 0.4s;}
.activefix .nth-square:nth-child(1) {left: 53px;top: -35px;animation-delay: 0.7s;}

.nth-square:nth-child(3) {left: -35px;top: calc(50% - 53px);animation-delay: 1s;}
.nth-square:nth-child(5) {left: 53px;bottom: -35px;animation-delay: 1.3s;}
.nth-square:nth-child(6) {right: 53px;bottom: -35px;animation-delay: 1.7s;}
.nth-square:nth-child(4) {right: -35px;top: calc(50% - 53px);animation-delay: 2s;}



.tit-nav-pro {/* text-align: left; *//* padding-top: 7px; *//* padding-bottom: 9px; *//* background-position:7px 13px; *//* padding-left:30px; *//* margin-top: 3px; *//* width: 93px; *//* text-indent: -1000px; *//* overflow: hidden; *//* height: 20px; *//* color: #ed1c24; *//* background-position: center; */}
.logo {/* width: auto; *//* margin-top: 6px; *//* margin-bottom: 7px; *//* max-width: 100%; */margin-top: 12px;}
.top {/* height:auto; *//* z-index: 99; */}
.giohang {margin-top: 2px;margin-right: 0;height: auto;float: left;margin-bottom: 10px;}
.timkiem {margin-top:15px}
.navfull .navtop li a {padding: 10px 11px;/* font-size: 13px; */text-transform: capitalize;}
.img-tl-df {height:60px;}
.name-tl-df a {font-size:15px;}
  .allpro.all8 .imgda {height: 152px;}
  .ttfooter {width: 96%;margin-right: 0;padding: 20px 2%;background: none;padding-bottom: 0;}
  .fan {width: 100%;margin-left:0;margin-top: 30px;}
  .tablecart {width:100%;}
  .infoForm {width:100%;margin-top:50px}
.nav-pro ul {/* right:inherit; *//* width:220px; *//* left: inherit; *//* z-index: 999; */}
.theloai-df {width: 32%;padding: 10px 0;margin:auto;}
.theloai-df:nth-child(3n+1) {border:none}
.theloai-df:nth-child(n+3) {border-top:1px solid #f1f1f1;}
.timkiem input {width:120px}
.nav-pro:hover .ul-pro {display:none;}

}


@media only screen and (max-width: 409px) {
   #Slideshow {height: 264px;}
  .botft1 .tieude-ft h1{font-size: 22px;}
   .img-ar {height: 154px;}
  .c-tabs-nav{height: auto;}
.flexslider {height: 143px;}
.km .sanpham{/* height: 313px; */}
.allpro .lisp{/* height: 260px; */}
  .padbot30 .sanpham{/* height: 335px; */}
 .sanpham {/* height: 267px; */}
 .banner {height: 194px;}
 .allbody {width:360px;}
 .allsanpham .allbody {width: 360px;}
 .sloganmail {text-align:center;}
.customNavigation.cusbanner {bottom:65%}
 .imggd {/* height: 128px; */}
 .imgtin {height: 129px;}
 .anhnewgt:nth-child(n+1),.imgdanew:nth-child(n+1) {height: 126px;width:49%;margin-left:0;margin-bottom: 8px;}
  .anhnewgt:nth-child(2n+2),.imgdanew:nth-child(2n+2) {float:right}
.bnbig .imgdanew {width:100%;height:auto}
 .imgda {display: flex;height: 144px;width: 100%;}
 .heightslide {height: 237px;}
 .thumb {height: 43px;}
 .imglv {height: auto;}
 .imgha {height: 135px;}
 .flex-direction-nav .flex-prev {left:0}
  .flex-direction-nav .flex-next {right:0}
  .flex-direction-nav a {width:45px;height:45px}
  .allsan,.gioithieu,.allduan,.allcategory {padding:30px 0}
  .footertop {padding-bottom:30px}
  .ndthongke span {font-size: 33px;}
  .titdabot {font-size: 19px;width: 80%;margin-left: 10%;}
  .titdabot.titdabottc {text-align:left;font-size: 28px;line-height: 38px;width: 100%;margin-left: 0;}
  .flexda {display:none}
  .tita {/* display:none */}
  .slidedt {height:70px}
  .titdoitac {padding: 26px 2%;display: none;}
  .footercenter {padding-top:30px}
  .shareft {/* display:none */}
  .customNavigation.customhang {top:18px;width: 98%;}
.showlinhvuc {padding:30px 0}
.danhmuc {width:30%;display: none;}
.danhmuc.dmmobile {display:block;width:100%;margin-top:0}
.danhmuc.dmmobile .alldanhmuc:nth-child(n+2),.danhmuc.dmmobile  .showdanhmuc  {display:none}
.hienthi {width: 100%;}
.slidedt ul {width: 92%;}
.doitacft {background-color:white;}
.menucenter:nth-child(1) {/* display:none; */}
.menucenter:nth-child(2) {/* width: 29%; *//* margin-left: 0; *//* display: none; */}
.profile {width: 100%;margin-top: 43px;}
.hotlineft {margin-left: 1%;width: 98%;margin-top: 13px;}
.menuft {display:none}
.leftlv {width: 98%;position: relative;padding: 15px 1% !important;}
.rightlv {width:100%;}
.tomtat * {text-align:justify;}
.ndthongke p {font-size: 13px;}
.logoda {width: 120px;height: 61px;left: 37%;}
.giaodich:nth-child(n+1) {/* width:49%; *//* float:left; *//* margin-left:0 */}
.giaodich:nth-child(2n+2) {float:right;}
.fan {width: 100%;margin-left: 0;}
.textmail input:first-child {/* width: 76%; */}
.tit {font-size:30px;}
.thongkegt li img {width: 85px;}
.tomtattit {width:100%;margin-left:0}
.tintuc:nth-child(n+1) {width:49%;margin-left:0;display: block !important;}
.tintuc:nth-child(2n+2) {float:right}
.ttfooter {width: 100%;margin-left: 0;}
.logoft {display:none}
.tomtatda {text-align:justify;}
.topright {width: 100%;padding: 0;border: none;}
.bottomright {width: 100%;margin-left: 0;}

#sliderFrame {width: 100%;border: none;}
.dkmua {width: 100%;margin-left: 0;margin-top: 0;}
.texttim.texttrang {width: 24%;}
.loctour_submit.btntimkiem {float:left}
.flexslider .slides .logoda img {max-width: 79px;}
.logo {/* margin-top:0 */}
.thongkegt li {width:33%;float: left;}
.thongkegt ul {display:block;}
.csft p {padding-left:20px}
.coppy.thietke {display: block;}
.ttconda {float: left;width:100%;display:block;margin-top: 15px;}
.imgda a {margin:auto;}
.imgda img {/* width:100%; *//* height: auto; *//* margin:auto; *//* float: left; */}
.linhvuc {width:100%;float:left;}
.imglv img {width:100%;}
.anh:nth-child(n+1) {width:49%;margin-left:0;}
.anh:nth-child(2n+2) {float:right}
.contact .left-content {width:100%;float:left;margin-top: 30px;}
.contact .right-content {width:100%;float:left;}
.titsan h3 {font-size:25px}
.titgt h3 {font-size:30px}
.showngay p:first-child {font-size:20px}
.lefttinphu {display:none}
.righttinphu {float:left}
.padtop30 {padding-top:20px !important}
.thongkegt {padding:20px 0}

.thongkegt li:nth-child(n+1) {width: 50%;margin-bottom: 20px;}
.box-shop {padding: 30px 5%;width: 90%;background-image: url('/Design/bg_shop.png');/* background-repeat: no-repeat; */}
#Slideshow .caption {padding-left:15px;padding-right:15px;padding-top:15px;}
#Slideshow .caption h4 {font-size:20px;}
#Slideshow .caption p {margin-top:5px}
.leftd-reamdoor .imgda {height: auto;}
 .heightduan {height: 276px;}
 #sliderFrame.slideProdt .heightslide {height: 298px;}

.fan {width: 100%;float: right;margin-top: 20px;}
.ttfooter {width: 100%;}
 .left-garden {margin-top:30px;width: 100%;}
 .allgarden.alldreamdoor .left-garden {width:100%;}
 .allgarden.alldreamdoor .garden {background-size: 100% 381px;background-position: left top;}
 .allgarden.alldreamdoor {padding: 0;}
 .titsan.tit-garden h3 {font-size: 30px;}
 .titgt h3 {font-size:23px;text-align: center;}
 .titgt h5 {margin:auto;margin-top:5px}
 .titsan h3 {font-size: 18px;}
 .titsan h4 {font-size: 15px;}
 .left-gt {width:100%;}
 .right-gt {/* display:none; */}
 .ndthongke p {font-size: 19px;}
 .chitiet-gt a {padding-bottom:14px;padding-top:10px}
  .garden {background-size: 100% 433px;}
 .right-garden {width:100%;margin-top: 46px;}
 .flex-gt {width:500px;height:400px;background-size: 100% 100%;}
  .flex-gt {width: 282px;height: 226px;background-size: 100% 100%;}

 .nth-square {width:80px;height:80px;}
 .nth-square p {font-size: 15px;}
 .center-square span {font-size: 18px;}
 .center-square {width:100px;height:100px;}
 .activefix .nth-square:nth-child(2) {right: 35px;top: -35px;animation-delay: 0.4s;}
.activefix .nth-square:nth-child(1) {left: 35px;top: -35px;animation-delay: 0.7s;}

.nth-square:nth-child(3) {left: -35px;top: calc(50% - 53px);animation-delay: 1s;}
.nth-square:nth-child(5) {left: 35px;bottom: -35px;animation-delay: 1.3s;}
.nth-square:nth-child(6) {right: 35px;bottom: -35px;animation-delay: 1.7s;}
.nth-square:nth-child(4) {right: -35px;top: calc(50% - 53px);animation-delay: 2s;}




.tit-nav-pro {/* padding-top: 7px; *//* padding-bottom: 9px; *//* background-position:7px 13px; *//* padding-left:30px; *//* margin-top: 3px; *//* width: 0px; *//* text-indent: -1000px; *//* overflow: hidden; *//* height: 20px; *//* color: #ed1c24; *//* background-position: center; */}
.logo {/* width: 315px; */}
.top {height:auto;}
.giohang {/* margin-top: 17px; *//* margin-right: 76px; *//* height: auto; */}
.timkiem {margin-top:15px}
.navfull .navtop li a {padding: 14px 13px;font-size: 13px;text-transform: capitalize;font-family: arial;}
.img-tl-df {height:60px;}
.name-tl-df a {font-size: 13px;font-family: arial;}
  .allpro.all8 .imgda {height: 126px;}
  .ttfooter {width: 96%;margin-right: 0;padding: 20px 2%;background: none;padding-bottom: 0;}
  .fan {width: 100%;margin-left:0;margin-top: 30px;}
  .tablecart {width:100%;}
  .infoForm {width:100%;margin-top:50px}
.nav-pro ul {/* right:inherit; *//* width: 100% !important; */}
.theloai-df {width: 32%;padding: 10px 0;margin:auto;}
.theloai-df:nth-child(3n+1) {border:none}
.theloai-df:nth-child(n+3) {border-top:1px solid #f1f1f1;}
.timkiem input {width:120px}

}

@media only screen and (max-width:369px) {
  .coppy h3{font-size:14px}
  .banner .slick-track {height: 168px;}
  .coppy{font-size: 12px;}
  .menu-footer:nth-child(2){margin-right:10px;width:100%}
  .km .sanpham{/* height: 309px; */}
   .sanpham {/* height: 260px; */}
.flexslider {height: 143px;}
 .banner {height: 169px;}
 .allbody {width:350px;}
  .allsanpham .allbody {width: 350px;}
.customNavigation.cusbanner {bottom:65%}
 .imggd {/* height: 128px; */}
 .imgtin {height: 129px;}
 .anhnewgt:nth-child(n+1),.imgdanew:nth-child(n+1) {height: 126px;width:49%;margin-left:0;margin-bottom: 8px;}
  .anhnewgt:nth-child(2n+2),.imgdanew:nth-child(2n+2) {float:right}
.bnbig .imgdanew {width:100%;height:auto}
 .imgda {display: flex;height: 140px;width: 100%;}
 .heightslide {height: 237px;}
 .thumb {height: 43px;}
 .imglv {height: auto;}
 .imgha {height: 131px;}
 .flex-direction-nav .flex-prev {left:0}
  .flex-direction-nav .flex-next {right:0}
  .flex-direction-nav a {width:45px;height:45px}
  .allsan,.gioithieu,.allduan,.allcategory {padding:30px 0}
  .footertop {padding-bottom:30px}
  .ndthongke span {font-size: 36px;}
  .titdabot {font-size: 19px;width: 80%;margin-left: 10%;}
  .titdabot.titdabottc {text-align:left;font-size: 28px;line-height: 38px;width: 100%;margin-left: 0;}
  .flexda {display:none}
  .tita {/* display:none */}
  .slidedt {height:70px}
  .titdoitac {padding: 26px 2%;display: none;}
  .footercenter {padding-top:30px}
  .shareft {/* display:none */}
  .customNavigation.customhang {top:18px;width: 98%;}
.showlinhvuc {padding:30px 0}
.danhmuc {width:30%;display: none;}
.danhmuc.dmmobile {display:block;width:100%;margin-top:0}
.danhmuc.dmmobile .alldanhmuc:nth-child(n+2),.danhmuc.dmmobile  .showdanhmuc  {display:none}
.hienthi {width: 100%;}
.slidedt ul {width: 92%;}
.doitacft {background-color:white;}
.menucenter:nth-child(1) {/* display:none; */}
.menucenter:nth-child(2) {width: 29%;margin-left: 0;display: none;}
.profile {width: 100%;margin-top: 43px;}
.hotlineft {margin-left: 1%;width: 98%;margin-top: 13px;}
.menuft {display:none}
.leftlv {width: 98%;position: relative;padding: 15px 1% !important;}
.rightlv {width:100%;}
.tomtat * {text-align:justify;}
.ndthongke p {font-size: 13px;}
.logoda {width: 120px;height: 61px;left: 37%;}
.giaodich:nth-child(n+1) {/* width:49%; *//* float:left; *//* margin-left:0 */}
.giaodich:nth-child(2n+2) {float:right;}
.fan {width: 100%;margin-left: 0;}
.textmail input:first-child {/* width: 76%; */}
.tit {font-size:30px;}
.thongkegt li img {width: 85px;}
.tomtattit {width:100%;margin-left:0}
.tintuc:nth-child(n+1) {width:49%;margin-left:0;display: block !important;}
.tintuc:nth-child(2n+2) {float:right}
.ttfooter {width: 100%;margin-left: 0;}
.logoft {display:none}
.tomtatda {text-align:justify;}
.topright {width: 100%;padding: 0;border: none;}
.bottomright {width: 100%;margin-left: 0;}

#sliderFrame {width: 100%;border: none;}
.dkmua {width: 100%;margin-left: 0;margin-top: 0;}
.texttim.texttrang {width: 24%;}
.loctour_submit.btntimkiem {float:left}
.flexslider .slides .logoda img {max-width: 79px;}
.logo {/* margin-top:0 */}
.thongkegt li {width:33%;float: left;}
.thongkegt ul {display:block;}
.csft p {padding-left:20px}
.coppy.thietke {/* display:none */}
.ttconda {float: left;width:100%;display:block;margin-top: 15px;}
.imgda a {margin:auto;}
.imgda img {/* width:100%; *//* height: auto; *//* margin:auto; *//* float: left; */}
.linhvuc {width:100%;float:left;}
.imglv img {width:100%;}
.anh:nth-child(n+1) {width:49%;margin-left:0;}
.anh:nth-child(2n+2) {float:right}
.contact .left-content {width:100%;float:left;margin-top: 30px;}
.contact .right-content {width:100%;float:left;}
.titsan h3 {font-size:25px}
.titgt h3 {font-size:30px}
.showngay p:first-child {font-size:20px}
.lefttinphu {display:none}
.righttinphu {float:left}
.padtop30 {padding-top:20px !important}
.thongkegt {padding:20px 0}

.thongkegt li:nth-child(n+1) {width: 50%;margin-bottom: 20px;}
.box-shop {padding: 30px 5%;width: 90%;background-image: url('/Design/bg_shop.png');/* background-repeat: no-repeat; */}
#Slideshow .caption {padding-left:15px;padding-right:15px;padding-top:15px;}
#Slideshow .caption h4 {font-size:20px;}
#Slideshow .caption p {margin-top:5px}
.leftd-reamdoor .imgda {height: auto;}
 .heightduan {height: 266px;}
 #sliderFrame.slideProdt .heightslide {height: 283px;}

.fan {width: 100%;float: right;margin-top: 20px;}
.ttfooter {width: 100%;}
 .left-garden {margin-top:30px;width: 100%;}
 .allgarden.alldreamdoor .left-garden {width:100%;}
 .allgarden.alldreamdoor .garden {background-size: 100% 381px;background-position: left top;}
 .allgarden.alldreamdoor {padding: 0;}
 .titsan.tit-garden h3 {font-size: 30px;}
 .titgt h3 {font-size:23px;text-align: center;}
 .titgt h5 {margin:auto;margin-top:5px}
 .titsan h3 {font-size: 18px;}
 .titsan h4 {font-size: 15px;}
 .left-gt {width:100%;}
 .right-gt {/* display:none; */}
 .ndthongke p {font-size: 19px;}
 .chitiet-gt a {padding-bottom:14px;padding-top:10px}
  .garden {background-size: 100% 433px;}
 .right-garden {width:100%;margin-top: 46px;}
 .flex-gt {width: 265px;height: 217px;background-size: 100% 100%;}

 .nth-square {width:80px;height:80px;}
 .nth-square p {font-size: 15px;}
 .center-square span {font-size: 18px;}
 .center-square {width:100px;height:100px;}
 .activefix .nth-square:nth-child(2) {right: 35px;top: -35px;animation-delay: 0.4s;}
.activefix .nth-square:nth-child(1) {left: 35px;top: -35px;animation-delay: 0.7s;}

.nth-square:nth-child(3) {left: -35px;top: calc(50% - 53px);animation-delay: 1s;}
.nth-square:nth-child(5) {left: 35px;bottom: -35px;animation-delay: 1.3s;}
.nth-square:nth-child(6) {right: 35px;bottom: -35px;animation-delay: 1.7s;}
.nth-square:nth-child(4) {right: -35px;top: calc(50% - 53px);animation-delay: 2s;}




.tit-nav-pro {/* padding-top: 7px; *//* padding-bottom: 9px; *//* background-position:7px 13px; *//* padding-left:30px; *//* margin-top: 3px; *//* width: 0px; *//* text-indent: -1000px; *//* overflow: hidden; *//* height: 20px; *//* color: #ed1c24; *//* background-position: center; */}
.logo {/* width: 75px; */}
.top {height:auto;}
.giohang {/* margin-top: 18px; *//* margin-right: 0; */height: auto;}
.timkiem {margin-top:15px}
.navfull .navtop li a {padding: 14px 11px;font-size: 13px;text-transform: capitalize;font-family: arial;}
.img-tl-df {height:60px;}
.name-tl-df a {font-size: 13px;font-family: arial;}
  .allpro.all8 .imgda {height: 115px;}
  .ttfooter {width: 96%;margin-right: 0;padding: 20px 2%;background: none;padding-bottom: 0;}
  .fan {width: 100%;margin-left:0;margin-top: 30px;}
  .tablecart {width:100%;}
  .infoForm {width:100%;margin-top:50px}
.nav-pro ul {/* right:inherit; *//* width:220px */}
.theloai-df {width: 32%;padding: 10px 0;margin:auto;}
.theloai-df:nth-child(3n+1) {border:none}
.theloai-df:nth-child(n+3) {border-top:1px solid #f1f1f1;}
.timkiem input {width:120px}





}
@media only screen and (max-width:360px) {
    #Slideshow {height: 225px;}

}

@media only screen and (max-width:359px) {
   #banner-header_top .item .thumb1 a {width: 16px;height: 16px;margin: auto;padding: 6px;display: block;border-radius: 50%;}
  #ShowMenu {display: block;background-image:url('/Design/icon-menu.png');background-repeat:no-repeat;float: right;border: 2px solid #049443;color: white;padding: 3px 1px;padding-bottom: 6px;padding-left: 36px;background-color: #049443;border-radius: 4px;background-position: 9px 5px;margin-top: 6px;margin-left: 5px;font-size: 12px;}
  .trangtrong .sanpham{/* height: 251px; */}
  .allpro .lisp{/* height: 240px; */}
  .km .titsan h3 {font-size: 16px;height: 22px;}
  .navfull.fix .logo {width: 99px;}
  .km .sanpham{/* height: 297px; */}
   .sanpham {/* height: 246px; */}
.flexslider {height: 143px;}
 .banner {height: 162px;}
 .allbody {width:310px;}
  .allsanpham .allbody {width: 310px;}
.customNavigation.cusbanner {bottom:65%}
 .imggd {/* height: 112px; */}
 .imgtin {height: 120px;}
 .anhnewgt:nth-child(n+1),.imgdanew:nth-child(n+1) {height: 120px;width:49%;margin-left:0;margin-bottom: 8px;}
  .anhnewgt:nth-child(2n+2),.imgdanew:nth-child(2n+2) {float:right}
.bnbig .imgdanew {width:100%;height:auto}
 .imgda {display: flex;height: 126px;width: 100%;}
 .heightslide {height: 237px;}
 .thumb {height: 43px;}
 .imglv {height: auto;}
 .imgha {height: 121px;}
 .flex-direction-nav .flex-prev {left:0}
  .flex-direction-nav .flex-next {right:0}
  .flex-direction-nav a {width:45px;height:45px}
  .allsan,.gioithieu,.allduan,.allcategory {padding:30px 0}
  .footertop {padding-bottom:30px}
  .ndthongke span {font-size: 27px;}
  .titdabot {font-size: 19px;width: 80%;margin-left: 10%;}
  .titdabot.titdabottc {text-align:left;font-size: 28px;line-height: 38px;width: 100%;margin-left: 0;}
  .flexda {display:none}
  .tita {/* display:none */}
  .slidedt {height:70px}
  .titdoitac {padding: 26px 2%;display: none;}
  .footercenter {padding-top:30px}
  .shareft {/* display:none */}
  .customNavigation.customhang {top:18px;width: 98%;}
.showlinhvuc {padding:30px 0}
.danhmuc {width:30%;display: none;}
.danhmuc.dmmobile {display:block;width:100%;margin-top:0}
.danhmuc.dmmobile .alldanhmuc:nth-child(n+2),.danhmuc.dmmobile  .showdanhmuc  {display:none}
.hienthi {width: 100%;}
.slidedt ul {width: 92%;}
.doitacft {background-color:white;}
.menucenter:nth-child(1) {display:none;}
.menucenter:nth-child(2) {width: 29%;margin-left: 0;display: none;}
.profile {width: 100%;margin-top: 43px;}
.hotlineft {margin-left: 1%;width: 98%;margin-top: 13px;}
.menuft {display:none}
.leftlv {width: 98%;position: relative;padding: 15px 1% !important;}
.rightlv {width:100%;}
.tomtat * {text-align:justify;}
.ndthongke p {font-size: 13px;}
.logoda {width: 120px;height: 61px;left: 37%;}
.giaodich:nth-child(n+1) {/* width:49%; *//* float:left; *//* margin-left:0 */}
.giaodich:nth-child(2n+2) {float:right;}
.fan {width: 100%;margin-left: 0;}
.textmail input:first-child {/* width: 76%; */}
.tit {font-size:30px;}
.thongkegt li img {width: 85px;}
.tomtattit {width:100%;margin-left:0}
.tintuc:nth-child(n+1) {width:49%;margin-left:0;display: block !important;}
.tintuc:nth-child(2n+2) {float:right}
.ttfooter {width: 100%;margin-left: 0;}
.logoft {display:none}
.tomtatda {text-align:justify;}
.topright {width: 100%;padding: 0;border: none;}
.bottomright {width: 100%;margin-left: 0;}

#sliderFrame {width: 100%;border: none;}
.dkmua {width: 100%;margin-left: 0;margin-top: 0;}
.texttim.texttrang {width: 24%;}
.loctour_submit.btntimkiem {float:left}
.flexslider .slides .logoda img {max-width: 79px;}
.logo {/* margin-top:0 */}
.thongkegt li {width:33%;float: left;}
.thongkegt ul {display:block;}
.csft p {padding-left:20px}
.coppy.thietke {/* display:none */}
.ttconda {float: left;width:100%;display:block;margin-top: 15px;}
.imgda a {margin:auto;}
.imgda img {/* width:100%; *//* height: auto; *//* margin:auto; *//* float: left; */}
.linhvuc {width:100%;float:left;}
.imglv img {width:100%;}
.anh:nth-child(n+1) {width:49%;margin-left:0;}
.anh:nth-child(2n+2) {float:right}
.contact .left-content {width:100%;float:left;margin-top: 30px;}
.contact .right-content {width:100%;float:left;}
.titsan h3 {font-size: 21px;}
.titgt h3 {font-size:30px}
.showngay p:first-child {font-size:20px}
.lefttinphu {display:none}
.righttinphu {float:left}
.padtop30 {padding-top:20px !important}
.thongkegt {padding:20px 0}
.botft {height:auto}
.thongkegt li:nth-child(n+1) {width: 50%;margin-bottom: 20px;}
.box-shop {padding: 30px 5%;width: 90%;background-image: url('/Design/bg_shop.png');/* background-repeat: no-repeat; */}
#Slideshow .caption {padding-left:15px;padding-right:15px;padding-top:15px;}
#Slideshow .caption h4 {font-size:20px;}
#Slideshow .caption p {margin-top:5px}
.leftd-reamdoor .imgda {height: auto;}
 .heightduan {height: 266px;}
 #sliderFrame.slideProdt .heightslide {height: 255px;}

.fan {width: 100%;float: right;margin-top: 20px;}
.ttfooter {width: 100%;}
 .left-garden {margin-top:30px;width: 100%;}
 .allgarden.alldreamdoor .left-garden {width:100%;}
 .allgarden.alldreamdoor .garden {background-size: 100% 433px;background-position: left top;}
 .allgarden.alldreamdoor {padding: 0;}
 .titsan.tit-garden h3 {font-size: 30px;}
 .titgt h3 {font-size:23px;text-align: center;}
 .titgt h5 {margin:auto;margin-top:5px}
 .titsan h3 {font-size: 18px;}
 .titsan h4 {font-size: 15px;}
 .left-gt {width:100%;}
 .right-gt {display:none;}
 .ndthongke p {font-size: 19px;}
 .chitiet-gt a {padding-bottom:14px;padding-top:10px}
  .garden {background-size: 100% 485px;}
 .right-garden {width:100%;margin-top: 46px;}
 .flex-gt {width: 235px;height: 191px;background-size: 100% 100%;}

 .nth-square {width:80px;height:80px;}
 .nth-square p {font-size: 15px;}
 .center-square span {font-size: 18px;}
 .center-square {width:100px;height:100px;}
 .activefix .nth-square:nth-child(2) {right: 35px;top: -35px;animation-delay: 0.4s;}
.activefix .nth-square:nth-child(1) {left: 35px;top: -35px;animation-delay: 0.7s;}

.nth-square:nth-child(3) {left: -35px;top: calc(50% - 53px);animation-delay: 1s;}
.nth-square:nth-child(5) {left: 35px;bottom: -35px;animation-delay: 1.3s;}
.nth-square:nth-child(6) {right: 35px;bottom: -35px;animation-delay: 1.7s;}
.nth-square:nth-child(4) {right: -35px;top: calc(50% - 53px);animation-delay: 2s;}


.tit-nav-pro {/* padding-top: 7px; *//* padding-bottom: 9px; *//* background-position:7px 13px; *//* padding-left:30px; *//* margin-top: 3px; *//* width: 0px; *//* text-indent: -1000px; *//* overflow: hidden; *//* height: 20px; *//* color: #ed1c24; *//* background-position: center; */}
.logo {width: 85px;margin-top: 11px;}
.top {height:auto;}
.giohang {/* margin-top: 18px; *//* margin-right: 0; */height: auto;}
.timkiem {margin-top:15px}
.navfull .navtop li a {padding: 12px 13px;font-size: 12px;text-transform: capitalize;font-family: arial;}
.img-tl-df {height:60px;}
.name-tl-df a {font-size: 13px;font-family: arial;}
  .allpro.all8 .imgda {height: 115px;}
  .ttfooter {width: 96%;margin-right: 0;padding: 20px 2%;background: none;padding-bottom: 0;}
  .fan {width: 100%;margin-left:0;margin-top: 30px;}
  .tablecart {width:100%;}
  .infoForm {width:100%;margin-top:50px}
.nav-pro ul {right:inherit;width:220px}
.theloai-df {width: 32%;padding: 10px 0;margin:auto;}
.theloai-df:nth-child(3n+1) {border:none}
.theloai-df:nth-child(n+3) {border-top:1px solid #f1f1f1;}
.timkiem input {width:120px}

}
@media only screen and (max-width:320px) {
    #Slideshow {height: 200px;}

}

@media only screen and (max-width:319px) {
    body {min-width:320px;width:320px}
     .allbody {width:310px;min-width:310px;}
      .allsanpham .allbody  {width:310px;min-width:310px;}
}