html {-webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe {width: 100%;height: auto;}
img{max-width:100%;height: auto;}
body {min-width:320px;width: auto !important;}
.container {min-width:320px;width: auto !important;}
@media only screen and (min-width:320px) {
.jumbotron {display:none}
.carousel-caption {display:none}
.hotlinemobi {display:block}
.tuhai-bg-logo, .head-hotline {display:none}
.tuhai-bg-dongoai .navbar-collapse ul.navbar-nav li a {border-right:none;border-bottom: 1px solid #ffffff1a;}
.tuhai-bg-dongoai .navbar-collapse ul.navbar-nav li a span {font-size: 14px}
.tuhai-bg-dongoai .navbar-collapse ul.navbar-nav li a.home i {display:none}
.tuhai-bg-dongoai .navbar-collapse ul.navbar-nav li a.home {padding: 10px 18px;border-top: 1px solid #ffffff1a;}
.mobi6 {display:none}
.head-banggia a:after {background:none}
.mobix .desktop,
.mobi0 .desktop,
.mobi1 .desktop,
.mobi2 .desktop,
.mobi3 .fa-envelope-o,
.mobi4 .desktop {display:none}
.mobix .dienthoai,
.mobi0 .dienthoai,
.mobi1 .dienthoai,
.mobi2 .dienthoai,
.mobi3 .dienthoai,
.mobi4 .dienthoai {display:block}
.mobi4 {display:none}
.matop25 {margin-top: 25px;}
}

@media only screen and (max-width:479px) {
.tuhai-bg-logo, .head-hotline {display:none}
body {min-width:320px}
footer {margin:0;padding: 0;min-width:320px;overflow: hidden;}
.one-column {width: auto; float: none;}
.one-column p { padding: 8px 0 0 9px; }
.two-column { width: auto; padding: 15px; position: relative; display: block; float: none; }
.the-column { width: auto; float: none; padding: 15px; background: #f2f2f2; }
.for-column { display: block; width: 100%; float: none; padding: 6px 0; }
.jumbotron {display:none}
.ts-dong .ts-back {display:none}
.trenduoi40 {margin:0}
.ts-dong {border:none}
.carousel-caption {display:none}
.mobi6 {display:none}
.mobix .desktop,
.mobi0 .desktop,
.mobi1 .desktop,
.mobi2 .desktop,
.mobi3 .fa-envelope-o,
.mobi4 .desktop {display:none}
.tuhai-bg-dongoai .navbar-collapse ul.navbar-nav li a.home {border-top: 1px solid #ffffff1a;}
.tuhai-bg-dongoai .navbar-collapse ul.navbar-nav li a.home i {display:none}
.tuhai-bg-dongoai .navbar-collapse ul.navbar-nav li a.home span {font-size:14px}
.tuhai-bg-dongoai .navbar-collapse ul.navbar-nav li a {border-right: none;border-bottom: 1px solid #ffffff1a;}
}


@media only screen and (min-width:480px) {
.tuhai-bg-logo, .head-hotline {display:none}
.ts-dong .ts-back {width:100%}
.one-column {width: calc(100% - 30px);}
.two-column {width: calc(100% - 30px); padding:15px; position: relative; display: block;}
.the-column {width: calc(100% - 30px);padding: 15px; background: #f2f2f2; }
.for-column {width: calc(100% - 30px); display: block; width: 100%; padding: 6px 0; }
.jumbotron {display:none}
}

@media screen and (min-width:600px) {
.one-column {width: calc((100% - 30px * 2) / 2); }
.two-column {width: calc((100% - 30px * 2) / 2); padding:15px 15px 5px 15px; position: relative; display: block; }
.the-column {width: calc((100% - 30px * 2) / 2); padding: 15px; background: #f2f2f2; }
.for-column {width: calc((100% - 0px * 2) / 2); display: block; padding:25px 0 6px 0; }
.jumbotron {display:none}
}

@media only screen and (min-width:768px) {
.tuhai-bg-dongoai .navbar-collapse ul.navbar-nav li a {border-right: 1px solid rgba(255, 255, 255, 0.16);border-top:none}
.tuhai-bg-dongoai .navbar-collapse ul.navbar-nav li a.home { padding: 13px 18px;}
.tuhai-bg-dongoai .navbar-collapse ul.navbar-nav li a.home i {display:block}
.tuhai-bg-dongoai .navbar-collapse ul.navbar-nav li a.home span {display:none}
.tuhai-bg-logo, .head-hotline {display:block}
.hotlinemobi {display:none}
.one-column {width: calc((100% - 30px * 2) / 2);}
.two-column {width: calc((100% - 30px * 2) / 2); padding-bottom:5px}
.the-column {width: calc((100% - 30px * 2) / 2);background:none;}
.for-column {width: calc((100% - 30px * 2) / 2);}
.tuhai-bg-dongoai .navbar-collapse ul.navbar-nav li a {border-bottom:none;}
.mobi6 {display:block}
.mobix .desktop,
.mobi0 .desktop,
.mobi1 .desktop,
.mobi2 .desktop,
.mobi3 .fa-envelope-o,
.mobi4 .desktop {display:block}
.mobix .dienthoai,
.mobi0 .dienthoai,
.mobi1 .dienthoai,
.mobi2 .dienthoai,
.mobi3 .dienthoai,
.mobi4 .dienthoai {display:none}
.mobi6 {display:none}
.mobi4 {display:none}
.mobi3 {display:none}
.mobi1 {display:none}
.mobi2 {display:none}
}

@media only screen and (min-width : 900px) {
.head-banggia a:after {background-image: url(/images/new-tag.png);background-repeat: no-repeat; background-position: right;background-size: 45%;}
.one-column {width: 26%;padding:15px 15px 30px 15px}
.two-column {width: 30%; padding: 15px; }
.the-column {width: 30%; padding: 15px; }
.for-column {display:none}
.mobi4 {display:block}
.mobi2, .mobi3 {display:none}
.mobi1 {display:block}
.mobi2 {display:block}
}

@media only screen and (min-width : 1024px) {
.mobib {display:block}
.carousel-caption {display:block}
.one-column { width: 26%; }
.two-column { width: 20%; padding: 5px 0 15px 10px; }
.the-column { width: 19%; padding: 5px 0 15px 5px; }
.for-column { display: block; width: 29%; padding: 15px 0; }

}

@media only screen and (min-width : 1200px) {
.ts-dong .ts-back {width: 30%;}
.mobia {display:block}
.jumbotron {display:block}
.one-column {width: 24%; float: left; padding: 15px; background: #0000000d; margin: 0;}
.two-column {width: 21%; float: left; padding: 15px 0 15px 15px;}
.the-column {width: 20%; float: left; padding: 15px 0 15px 0;}
.for-column {width: 30%; float: left; padding:9px 0 0 0;display:block;}
.mobi6, .mobi2, .mobi3 {display:block}
.matop25 {margin-top:0;}
}
@media only screen and (min-width : 1267px) {
.one-column {width: 23%;}
.two-column {width: 20%}
.the-column {width: 29.3333333%;}
.for-column {width: 24%;display:block;}
}