@font-face {
    font-family: 'Avo';
    src: url('../fonts/Avo/UTMAVO.eot');
    src: url('../fonts/Avo/UTMAVO.eot') format('embedded-opentype'),
         url('../fonts/Avo/UTMAVO.woff2') format('woff2'),
         url('../fonts/Avo/UTMAVO.woff') format('woff'),
         url('../fonts/Avo/UTMAVO.ttf') format('truetype'),
         url('../fonts/Avo/UTMAVO.svg#UTMAVO') format('svg');
}
@font-face {
    font-family: 'AvoB';
    src: url('../fonts/AvoB/UTMAVOBOLD.eot');
    src: url('../fonts/AvoB/UTMAVOBOLD.eot') format('embedded-opentype'),
         url('../fonts/AvoB/UTMAVOBOLD.woff2') format('woff2'),
         url('../fonts/AvoB/UTMAVOBOLD.woff') format('woff'),
         url('../fonts/AvoB/UTMAVOBOLD.ttf') format('truetype'),
         url('../fonts/AvoB/UTMAVOBOLD.svg#UTMAVOBOLD') format('svg');
}

/*----- reset -----*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend {border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }
:focus {outline: 0; }
ol,ul {list-style: none; }
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table {border-collapse: collapse; border-spacing: 0; width: 100%; }
html,body {height: 100%; } 
/*----- common -----*/
body {background-color: #fff; color: #000; font: normal 14px/100% Avo, Arial, sans-serif; line-height: 1.5em; font-size: .75em; }
h1,h2,h3, h4, h5, h6 {line-height: normal; font-weight: normal; }
input,select,textarea {color: #38444f; font: normal normal 1em Arial, Helvetica, sans-serif; }
input:focus,select:focus,textarea:focus,a:link,a:visited,a:hover,a:focus {outline: none; } a:link,a:visited,a:hover,a:focus {text-decoration: none; }
a:link,a:visited {color: #000; }
a:hover,a:focus {color: #0392df; }
p{font: normal 14px/normal Avo, sans-serif; color: #535353;}
.clear {clear: both; }
article.post-content cite,article.post-content dfn,article.post-content em{font-style:italic}article.post-content p{font-family: Roboto;font-size: 14px;margin:0 0 15px;line-height:1.8}article.post-content h1,article.post-content h2,article.post-content h3,article.post-content h4,article.post-content h5{font-family:Roboto}article.post-content h1{font-size:25px}article.post-content h2{font-size:20px}article.post-content h3{font-size:18px}article.post-content h4{font-size:16px}article.post-content h5{font-size:14px}article.post-content ol,article.post-content ul{margin:16px 0;padding:0 0 0 40px}article.post-content ul{list-style-type:square}article.post-content ol{list-style:decimal outside}article.post-content li > ul,article.post-content li > ol{margin:0}article.post-content dl{margin:0 20px}article.post-content dt{font-weight:bold}article.post-content dd{margin:0 0 20px}article.post-content strong{font-weight:bold}article.post-content code,article.post-content kbd,article.post-content pre,article.post-content samp{font-family:monospace,serif;font-size:14px}article.post-content pre{background:#f5f5f5;color:#666;font-family:monospace;font-size:14px;margin:20px 0;overflow:auto;padding:20px;white-space:pre;white-space:pre-wrap;word-wrap:break-word}article.post-content blockquote,article.post-content q{quotes:none}article.post-content blockquote:before,article.post-content blockquote:after,article.post-content q:before,article.post-content q:after{content:"";content:none}article.post-content blockquote{font-size:24px;font-style:italic;font-weight:300;margin:24px 40px}article.post-content blockquote blockquote{margin-right:0}article.post-content blockquote cite,article.post-content blockquote small{font-size:14px;font-weight:normal;text-transform:uppercase}article.post-content cite{border-bottom:0}article.post-content abbr[title]{border-bottom:1px dotted}article.post-content address{font-style:italic;margin:0 0 24px}article.post-content del{color:#333}article.post-content ins{background:#fff9c0;border:none;color:#333;text-decoration:none}article.post-content sub,article.post-content sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}article.post-content sup{top:-0.5em}article.post-content sub{bottom:-0.25em}article.post-content a{color:#ca3c08;text-decoration:none}article.post-content a:visited{color:#ac0404}article.post-content a:focus{outline:thin dotted}article.post-content a:active,article.post-content a:hover{color:#ea9629;outline:0}article.post-content a:hover{text-decoration:underline}article.post-content .alignleft{float:left;margin:5px 20px 5px 0}article.post-content .alignright{float:right;margin:5px 0 5px 20px}article.post-content .aligncenter{display:block;margin:5px auto}article.post-content img.alignnone{display:block;margin:5px auto}article.post-content table{border:1px solid #ededed;border-collapse:collapse;border-spacing:0;font-size:14px;line-height:2;margin:0 0 20px;width:100%}article.post-content caption,article.post-content th,article.post-content td{font-weight:normal!important;border:1px solid #ededed;text-align:left}article.post-content caption{font-size:16px;margin:20px 0}article.post-content th{font-weight:normal!important;text-transform:uppercase;border:1px solid #ededed}article.post-content td{border:1px solid #ededed;padding:6px 10px 6px 0}article.post-content img{height:auto;max-width:100%;vertical-align:middle}article.post-content .wp-caption{background:transparent;border:none;margin:0;padding:0;text-align:left}article.post-content .wp-caption.alignleft{margin:5px 10px 5px 0}article.post-content .wp-caption.alignright{margin:5px 0 5px 10px}article.post-content .wp-caption-dt{margin:0}article.post-content .wp-caption .wp-caption-text,article.post-content .wp-caption-dd{color:#220e10;font-size:14px;font-style:italic;font-weight:300;line-height:1.5;margin-bottom:24px;padding:0}article.post-content .mceTemp + ul,article.post-content .mceTemp + ol{list-style-position:inside}
article.post-content h3{border-top: none}
article.post-content {font-family: Roboto; font-size: 14px; line-height: 24px; }
a{
-webkit-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
-moz-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
-o-transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
transition: color .35s ease-in-out,background .35s ease-in-out,border .35s ease-in-out;
}
.th-ic{background: url('../images/front/sprite.png') no-repeat;}

/*===================================================================*/

#wrapper{overflow: hidden;}
.th-header-top p{padding: 9px 0;}
.th-header-top p span{width: 20px; vertical-align: middle; }

.th-header-bot{background: url('../images/bg-header.jpg') no-repeat center; -webkit-background-size: cover; background-size: cover;  padding: 12px 0;}
.th-logo{ width: 200px;float: left;}
.th-logo img{width: 121px;}
.th-search{width: calc(100% - 425px);float: left; padding: 40px 0;}
.th-search input{float: left; width: 440px;	padding: 13px 15px; background: #fff; border: 0;}

.th-search input::-webkit-input-placeholder {font:normal 14px/19px Avo, sans-serif; color: #535353;}
.th-search input:-moz-placeholder{font:normal 14px/19px Avo, sans-serif; color: #535353;}
.th-search input::-moz-placeholder{font:normal 14px/19px Avo, sans-serif; color: #535353;}
.th-search input:-ms-input-placeholder{font:normal 14px/19px Avo, sans-serif; color: #535353;}
.th-search button{height: 40px; background: #373435; color: #fff; border: 0; font-size: 14px; padding: 0 15px;}

.form-category{float: left;}
.form-dropdown {  background: #fff;  font-size: 14px; position: relative; }
.form-dropdown span{ display: inline-block; position: relative; padding: 11px 15px; color: #929292; cursor: pointer;}
.form-dropdown.form-category span,.form-dropdown.form-lang span{font-family: 'AvoB';}
.form-dropdown span:after {content: '\f107'; display: inline-block; float: right; font-family: FontAwesome;    margin: 0 -5px 0 5px; font-size: 20px; color: #929292;}
.form-category span:before{content: ''; height: 32px; width: 1px; background: #929292; position: absolute; top: 4px; right: 0;}
.form-dropdown ul{position: absolute;z-index: 100; top: 40px; left: 0; background: #fff; box-shadow: 0px 0px 1px #555;}
.form-dropdown ul.th-form li{display: block;height: 40px; width: 200px; font-family: Avo; padding: 10px 15px;  cursor: pointer;}
.form-dropdown ul.th-form li:not(:last-child){border-bottom: 1px solid #d3d3d3;}
.sort-by{float: right;}
.sort-by .form-dropdown{display: inline-block;}

.login-form ul{margin: 0 -10px;}
.login-form ul li{display: inline-block; text-transform: uppercase; padding: 0 10px;  margin: 10px 0;}
.login-form ul li:not(:last-child){border-right: 1px solid #fff;}
.login-form ul li.th-cart{font-size: 30px; vertical-align: middle; position: relative;}
.login-form ul li.th-cart span.number-cart{ display: block; width: 20px; height: 20px;  padding: 0 4px;line-height: 15px; border: 1px solid #ff053f; border-radius: 50%; font-size: 15px; color: #ff053f; background: #fff; position: absolute; top: -5px; right: 0;}
.login-form ul li.th-cart:hover a{color: #ff2828;}
.login-form ul li a{color: #fff;}
.login-form ul li a:hover{color: #555;}
.form-lang{float: right; border: 1px solid #d3d3d3;}

#content{padding: 60px 0 0 0; margin: 0 -15px;}
.content-lf{width: 280px; float: left;  padding: 0 15px; position: relative;}
.content-rg{width: calc(100% - 280px); float: right; padding: 0 15px;}

.th-category{margin-bottom: 30px;}
.content-lf h4{display: block; font-size: 14px; text-transform: uppercase; color: #fff;  line-height: 40px; padding: 0 15px; background: #6b6b6b;}
.th-title-lf h4 {background: #0392df;}
.content-lf ul{border: 1px solid #d3d3d3;padding-bottom: 15px; }
.content-lf ul li{}
.content-lf ul.list-cate li a{position: relative;}
.content-lf ul.list-cate li a:before{content: ''; display: block; border: 5px solid transparent; border-left: 5px solid #535353; position: absolute; top: 13px; left: 13px; }
.content-lf ul.list-cate li a:after{content: '\f105'; font-family: 'FontAwesome'; font-size: 16px;display: block;  position: absolute; top: 0; right: 13px;-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0;}
.content-lf ul.list-cate li:hover a:after{opacity: 1;}
.content-lf ul li a{display: block;font:400 14px/35px Avo, sans-serif; color: #535353; padding: 0 30px;width: 100%;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.content-lf ul.list-cate li:hover a{background: #ededed;}
.content-lf ul.th-support li a span{color: #0392df; font-size: 16px; margin: 0 5px; }
ul.select-city li{padding: 15px 15px 0 15px; position: relative;}
ul.select-city li label{width: 100%;}
ul.select-city li label select{width: 100%;height: 30px; position: relative;}
ul.select-city li::after{content: '\f107'; font-family: 'FontAwesome'; background: #fff ; font-size: 16px;display: block;  position: absolute; top: 20px; right: 20px;}
ul.select-city li label select option{height: 40px;}

.content-lf ul.list-cate li ul{position: absolute; top: 0; left: calc(100% - 15px); width: 200%;height: 700px; z-index: 100; background: #fff; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.content-lf ul.list-cate li ul.vay-ren{ background: url('../images/bg-category.png'), #fff; background-position: right bottom, left top; background-repeat: no-repeat, repeat; }
.content-lf ul.list-cate li ul.dam-suong{ background: url('../images/bg-category2.png'), #fff; background-position: right bottom, left top; background-repeat: no-repeat, repeat; }
.content-lf ul.list-cate li:hover ul{opacity: 1; visibility: visible;}
.content-lf ul.list-cate li:hover ul li a{background: #fff;}
.content-lf ul.list-cate li ul li a:after, .content-lf ul.list-cate li ul li a:before {content: none;}
.content-lf ul.list-cate li ul li{width: calc(100% / 3); float: left;}
.content-lf ul.list-cate li ul li.title{padding: 15px; font-family: AvoB; font-size: 16px; text-transform: uppercase; color: #535353; width: 100%;}
.content-lf ul.list-cate li ul li:hover a{color: #0392df; }
.content-lf ul.list-cate li ul li a{}

.th-banner .img-banner{height: 91px; overflow: hidden;}
.th-banner .img-banner img{height: 100%;}
.th-banner .detail-banner{position: absolute; top: 0; left: 0;text-align: center; width: 100%; padding: 0 15px; }
.th-banner .title-banner{height: 91px; position: relative;display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; text-align: center;}
.th-banner .title-banner:after{content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.th-banner ul li:hover .title-banner:after{padding: 6px; width: calc(100% - 12px); height: calc(100% - 12px); top: 6px; left: 6px;}
.th-banner ul{margin: 0 -15px ;}
.th-banner ul li{width: 50%; padding: 0 15px;float: left; position: relative;}
.th-banner ul li img{width: 100%;}
.title-banner h3{font-size: 23px; text-transform: uppercase;width: 100%; }
.title-banner h3 a { color: #fff;}

.th-title{padding: 30px 0;}
.th-title h4{font:400 16px/normal 'AvoB', sans-serif; color: #0392df; text-transform: uppercase;}

.th-products-hot{padding-bottom: 10px;}
.item-pro .img-pro{position: relative;min-height: 19px; overflow: hidden;}
.item-pro .th-price{position: absolute; bottom: 0; left: 0; width:100%; background: rgba(255, 255, 255, .7);}
.item-pro .th-price.price-deal{ background: rgba(0, 176, 255, .9);}
.item-pro .th-price ul{width: 100%; }
.item-pro .th-price ul li{padding: 0 10px;color: #535353; line-height: 14px; margin: 5px 0; text-align: center; font-size: 14px; font-family: AvoB;}
.item-pro .th-price.price-deal ul li{width: 50%;float: left; color: #fff;}
.item-pro .th-price p{text-align: center;font-size: 18px; font-family: AvoB; color: #fff; padding: 5px 0;}
.item-pro .th-price ul li:not(:last-child) {border-right: 1px solid #fff;}
.item-pro .detail-pro{position: relative;    padding: 10px 10px 14px; height: 65px; overflow: hidden;}
.item-pro .detail-pro h4{font: 400 14px/normal AvoB, sans-serif;}
.item-pro .detail-pro h4 a{ color: #535353;}
.item-pro .detail-pro h4 a:hover{ color: #a75c5c;}
.item-pro{margin: 3px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.item-pro:hover{ box-shadow: 0px 0px 3px #00b0ff;}
.th-messager{text-align: center;}
.th-messager a.btn-messager{display: inline-block;margin: 5px 0; padding: 3px 15px; font-size: 14px; font-family: Avo; color: #fff; background: #18b6fd; border-radius: 10px;}


.th-heart{ position: absolute; top: 10px; right: 10px; }
.th-heart span.ic-heart{cursor: pointer; display: block;    text-align: right; font-size: 14px;}
.th-heart span.ic-heart:after{content: '\f08a'; display: block; font-family: FontAwesome; color: #535353; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.item-pro .th-heart span:hover.ic-heart:after{content: '\f004'; display: block; font-family: FontAwesome; color: #535353;}
.th-heart span.th-tag{display: block; color: #00b0ff; font-size: 14px;}
.th-heart span.th-tag:after{content: '\f02b'; display: inline-block; margin-left: 10px;font-family: FontAwesome; color: #00b0ff;}

.slide-pro .owl-prev{width: 24px; height: 24px; border: 1px solid #d3d3d3; text-align: center; position: absolute; top: calc(50% - 55px ); left: -12px;background: #fff; }
.slide-pro .owl-next{width: 24px; height: 24px; border: 1px solid #d3d3d3; text-align: center; position: absolute; top: calc(50% - 55px ); right: -12px;background: #fff; }
.slide-pro .owl-prev .fa, .slide-pro .owl-next .fa{  font-size: 20px; color: #11b0f9;}

.slide-partner .owl-prev{position: absolute; top: calc(50% - 15px); left: -18px; }
.slide-partner .owl-next{position: absolute; top: calc(50% - 15px); right: -18px;}
.slide-partner .owl-prev .fa, .slide-partner .owl-next .fa{  font-size: 30px; color: #fff;}

.th-line{border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; height: 43px;}
.th-research{padding: 10px 0; float: left;}

.th-products{padding: 30px 0;}
.th-products .item-pro{margin-bottom: 30px;}
.th-research p span{font-family: AvoB;}

.th-pagination{overflow: hidden; margin: 0 auto;}
.th-pagination ul {text-align: center;}
.th-pagination ul li{display: inline-block; font-size: 14px;text-align: center; border: 1px solid transparent; transition: all 0.3s;}
.th-pagination ul li.active, .th-pagination ul li:hover{ border: 1px solid #0392df;}
.th-pagination ul li a{display: block;width: 22px; height: 22px; }

.th-pro-new{padding: 15px; background: #e6e6e6; margin: 0 -15px 47px -15px;}
.th-pro-new .item-pro:hover{box-shadow: 0px 0px 3px #555;}
.th-pro-new .item-pro:hover .detail-pro{background: #fff;}

.owl-carousel .owl-item img{width: auto;}
ul.slide-partner li{height: 167px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; text-align: center; background: #f5f5f5;}
ul.slide-partner li a{display: block; width: 100%;}
ul.slide-partner li img{margin: 0 auto; }

.th-partner{background: #0392df; padding-bottom: 50px;}
.th-partner .th-title h4{color: #fff;}

.footer-top{background: #373435; padding: 50px 0; color: #fff;}
.title-footer h4{font-family: AvoB; text-transform: uppercase; font-size: 14px; line-height: 24px;}
.footer-top ul{ min-height: 115px;}
.footer-top ul.bd-botton{border-bottom: 1px solid #706e6e;}
.footer-top ul li{font-size: 14px; line-height: 24px;}
.footer-top ul li a{color: #fff;}
.coppyright{text-align: center; padding: 37px 0;}

ul.th-tn2{padding: 15px 0;}
ul.th-tn2 li{font-family: AvoB; padding-top: 20px; vertical-align: top;}
ul.th-tn2 li span{display: inline-block; width: 32px; height: 32px; border: 1px solid #0490dc; border-radius: 50%; margin-right: 8px; text-align: center; padding-top: 9px; vertical-align: middle}
ul.th-tn2 li a:last-child{float: right;}
ul.th-tn2 li img{max-width: 200px;}

.ic-viber{width: 32px; height: 32px; background-position: 0 0;}
.ic-zalo{width: 32px; height: 32px; background-position: -52px 0;}

.range-picker .select-label:after{content: 'đ'; display: inline-block; position: absolute; top: 0; right: 0; width: 85%;}


.list-step, .content-step{ margin:0 100px 45px 100px;}
.list-step ul{position: relative; }
.list-step ul:after{content: ''; display: inline-block; width: 40px; height: 40px; border-top: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3; position: absolute; top: 9px; left: -20px; transform: rotate(45deg); z-index: 100; background: #fff;}
.list-step ul li{position: relative; background: #f5f5f5; border-top: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3;  font:400 16px/19px Avo, sans-serif; text-transform: uppercase; vertical-align: middle; padding: 17px 0;} 
.list-step ul li:after{content: ''; display: inline-block; width: 38px; height: 38px; border-top: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3; position: absolute; top: 8px; right: -20px; transform: rotate(45deg); z-index: 100; background: #f5f5f5;}
.list-step ul li.active:after{background: #fff;}
.list-step ul li.active{background: #fff;}

.list-step ul li span{width: 20px; height: 20px; display: inline-block; background: #fff; padding: 0 4px; margin: 0 9px 0 35px; border-radius: 50%; border: 1px solid #b3b3b3; }
.list-step ul li.active span{ background: #00d7ff; border-color: #00d7ff; color: #fff;}
.list-step ul li a{color: #929292; }


.form-step li{float: left;margin-bottom: 25px; padding: 0 15px; font:400 16px/normal Avo, sans-serif; color: #929292;}
.form-step li:nth-child(2n + 1){text-align: right; width: 300px; clear: both;}
.form-step li:nth-child(2n){width: 360px;}
.form-step li input{border-radius: 0; height: 37px;}
.form-step li input.input-verify{width: 125px;float: left; padding: 0 10px; margin-right: 10px;}
a.btn-next{color: #fff; font:400 14px/normal Avo, sans-serif;background: #0392df; display: inline-block; padding: 10px 15px;}

.content-center{text-align: center;}
.content-center img{margin-bottom: 35px;}
.content-center p{color: #929292; margin-bottom: 10px;}
.content-center input{margin: 25px auto; width: 260px; }

/* fix css*/
.th-fanpage div.fanpage{padding: 5px; border: 1px solid #d3d3d3;}
ul.th-support li{text-align: center;}
.th-fanpage div.fanpage img{width: 100%;}

.title-content{padding: 20px 0;}
.title-content h4{font:400 18px/normal Avo, sans-serif; text-transform: uppercase;  }
.content-guide p{padding-bottom: 10px;}
.content-guide img.img-center{display: block; margin: auto; padding: 30px 0;}

.tm-chat{width: 195px; position: fixed; right: 8%; bottom: 0; z-index: 1200; }
.tm-chat h3{ background: #0392df; text-transform: uppercase;font-family: "Avo"; margin: 0px; font-size: 14px; line-height: 20px; color: #fff;  font-weight: 500; padding: 12px 13px; cursor: pointer;:}
.tm-chat h3 .tm-us{display: inline-block; width: 19px; height: 26px; background-position: -54px 0; margin-right: 20px; vertical-align: sub;}
.tm-chat h3 i{float: right; font-size: 20px}
.tm-chat h3.active .tm-down{display: inline-block;  float: right;
-webkit-transition: all .35s ease-in-out;
   -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
     -o-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
        -webkit-transform: rotate(180deg); 
        -moz-transform: rotate(180deg); 
        -ms-transform: rotate(180deg); 
        -o-transform: rotate(180deg); 
        transform: rotate(180deg);
}
.tm-chat h3 .tm-down{
    
    -webkit-transform: rotate(0deg); 
    -moz-transform: rotate(0deg); 
    -ms-transform: rotate(0deg); 
    -o-transform: rotate(0deg); 
    transform: rotate(0deg);}

.tm-chat ul{ background: #f4f3f3; padding: 20px 25px; display: none; margin-bottom: 0px;}
.tm-chat ul li{list-style-type: none;}
.tm-chat ul li:not(:last-child){margin-bottom: 20px;}
.tm-chat ul li span{font-size: 15px; line-height: 20px; color: #555;}
.tm-chat ul li a.tm-ic{font-family: "Conv_UTM Avo"; display: inline-block; height: 14px; text-indent: -9999px;}
.tm-chat ul li a.tm-f{background-position: 0 -80px; width: 7px; margin: 0 7px 0 14px;}
.tm-chat ul li a.tm-g{background-position: -16px -80px; width: 17px;}
.tm-chat .form-control{height: 36px; border-radius: 0; font-size: 15px; font-weight: 400; color: #9c9c9c;}
.tm-chat textarea.form-control{height: 105px; resize: vertical;}
.tm-chat button{width: 160px; background: #32b5e7; border: none; display: block; margin: 0 auto; font-size: 15px; font-weight: 400; color: #fff; line-height: 20px; padding: 8px 0; text-align: center;}
.tm-chat button:hover{background: #326395;}
/*====================================================================*/

@-moz-document url-prefix() {}

@media (min-width: 1190px){}
@media (max-width: 1024px){
    .th-search input{width: 250px;}
    ul.th-tn2 li a{display: block;margin-bottom: 20px;  }
    ul.th-tn2 li a:last-child{float: left;}
}
@media (max-width: 991px){
    .th-search{display: none;}
    .th-banner ul li{width: 100%; margin-bottom: 30px;}
   .th-line{height: 91px;}
    .th-research, .sort-by{float: none;}
    .sort-by{ margin: 0 -15px}
    ul.th-guide li {width: 50%;float: left;}
    .content-lf ul.list-cate li ul{display: none;}
    
    .list-step{margin-right: 60px; margin-left: 30px;}
    .content-step{margin-right: 0; margin-left: 0;}
    .list-step ul li{display: none;}
    .list-step ul li.active{display: block;}
    .form-step li:nth-child(2n + 1){width: 40%;}
    .form-step li:nth-child(2n){width: 60%;}
}
@media (max-width: 750px){
    .th-banner .title-banner,.th-banner .img-banner{height: 150px;}
    .content-lf, .content-rg{width: 100%;}
    .item-pro .img-pro img{display: block; margin: 0 auto;  }
    .content-lf ul{overflow: hidden;}
    .content-lf ul.select-city li{width: 100%;}
    .content-lf ul li{width: 50%; float: left;}
    ul.th-guide li{width: 100%;}
    .slide-partner .owl-prev{left: 15px;}
    .slide-partner .owl-next{right: 15px;}
    .slide-partner .owl-prev .fa, .slide-partner .owl-next .fa{color: #4c4343;}
    .search-price{display: none;}
    .tm-chat{display: none;}
}
@media (max-width: 680px){
    .col-pro{width: 100%;}
}
@media (max-width: 630px){}
@media (max-width: 500px){
    .th-header-top{display: none;}
    .th-logo{width: 100px;}
    #content{padding-top: 45px;}
    .th-banner{margin-bottom: -20px;}
    .item-pro .img-pro img{width: 100%;}
    .form-step li input.input-verify{width: 100%;}

    .form-step li:nth-child(2n + 1){width: 100%; text-align: left; margin: 10px;}
    .form-step li:nth-child(2n){width: 100%;}

}
@media (max-width: 420px){
    .content-lf ul li{width: 100%;}
    .list-step ul li{height: 56px;  text-align: center; padding-left: 15px; padding-right: 15px;}
}