* {margin: 0; padding: 0;}
a {text-decoration: none; outline:none;}
a:hover, a:active ,a:focus {text-decoration: none!important; outline:none!important;}

.left {float: left;}
.right {float: left;padding: inherit;}
.wrap-body {width: 100%; overflow: hidden;}
.wrap-body .no-pd {padding: 0;}
.wrap-body .wrap {max-width: 1260px; margin: 0 auto;}
.an {position: fixed; top: -1000px;}
.wrap-header h1 {margin: 0; padding: 0;}

#callnowbutton {bottom: 100px!important; right: 10px!important;}

.social-fixed {position: fixed; z-index: 999; bottom: 45px; left: 10px;}
.social-fixed a {width: 50px; height: 50px; display: inline-block; background: url('images/ic-facebook.png') no-repeat center center; background-size: 100% 100%;}


.lien-he {}
.lien-he #ic-hide {cursor: pointer; margin-top: 20px;}
.lien-he #ic-hide img {transition: all 0.5s ease 0.5s; width: 25px; height: 25px;}
.lien-he #ic-hide:hover img {transform: rotate(180deg);}
.lien-he .list-show {top: 30%; position: fixed; z-index: 9999; right: 0; list-style: none;}
.lien-he #ic-show {color: #fff; cursor: pointer; background: url('images/ic-baogia.png') no-repeat center 10px rgba(23, 30, 113, 0.9); font-size: 15px; text-align: center; padding: 45px 15px 10px 10px; text-transform: uppercase; border-radius: 5px 0 0 5px; font-size: 12px;}
.lien-he .wrap-an-right {max-width: 450px; right: 0; top: 0; padding: 30px 10px 10px; background-color: #f9f9f9; position: fixed; z-index: 99999; height: 100%; border-left: 3px solid #24337b; display: none; overflow: auto;}
.lien-he .wrap-an-right .title-form {margin-bottom: 10px}
.lien-he .wrap-an-right .title-form p {margin: 0 0 15px; color: #333; font-size: 20px;}
.lien-he .wrap-an-right .title-form span {font-size: 13px;}
.lien-he .wrap-form {}
.lien-he .wrap-form ul {margin: 0; padding: 0; list-style: none;}
.lien-he .wrap-form ul li {margin-bottom: 10px; width: 100%;}
.lien-he .wrap-form ul li input {padding: 0 10px; line-height: 30px; font-size: 13px; color: #555;}
.lien-he .wrap-form ul li .wpcf7-list-item {display: inline-block;}
.lien-he .wrap-form ul li .wpcf7-list-item input {float: left;  margin-top: 9px;}
.lien-he .wrap-form ul li .wpcf7-list-item-label {color: #555; font-size: 13px;}
.lien-he .wrap-form ul li textarea {height: 70px; font-size: 13px; padding: 5px 10px; color: #555;}
.lien-he .wrap-form ul li.ic-gui input {background: rgba(36, 51, 123, 0.8); color: #fff; font-weight: normal; width: 100%; border: none; border-radius: 0;}
.lien-he .wrap-form ul li.ic-gui:hover input {background: rgba(36, 51, 123, 1);}

.wrap-header {min-height: 150px; background-color: #fff; position: relative;}
.wrap-header .wrap-menu {position: absolute; z-index: 9999; background: rgba(0, 0, 0, 0.7);}
.wrap-header .wrap-menu .header-top {color: #fff; line-height: 35px; border-bottom: 1px solid #999;}
.wrap-header .wrap-menu .header-top ul {margin: 0; padding: 0; list-style: none;}
.wrap-header .wrap-menu .header-top ul li {float: left;}
.wrap-header .wrap-menu .header-top .top-left {float: left; font-size: 13px; font-weight: 300;}
.wrap-header .wrap-menu .header-top .top-left li {margin-right: 20px; line-height: 40px;}
.wrap-header .wrap-menu .header-top .top-left li:nth-child(1) {padding-left: 20px; background: url('images/ic-phone.png') no-repeat left center;}
.wrap-header .wrap-menu .header-top .top-left li:nth-child(2) {padding-left: 25px; background: url('images/ic-mail.png') no-repeat left center;}
.wrap-header .wrap-menu .header-top .top-right {float: right;}
.wrap-header .wrap-menu .header-top .top-right ul li a {display: none;}
.wrap-header .wrap-menu .header-top .top-right ul li .sub-menu li {margin-left: 20px;}
.wrap-header .wrap-menu .header-top .top-right ul li .sub-menu a {display: block; margin-top: 7px;}
.wrap-header .wrap-menu .header-top .top-right .wrap-search {float: left; margin-top: 8px;}
.wrap-header .wrap-menu .header-top .top-right input {border: none; font-size: 12px; color: #fff; font-style: italic; width: 180px; float: left; background: url(images/line.jpg) repeat-y right center; height: 20px; padding: 0; font-weight: 600;}
.wrap-header .wrap-menu .header-top .top-right #searchsubmit {width: 20px; height: 20px; background: url(images/ic-search.png) no-repeat center center; padding: 0; margin-left: 10px;}
.wrap-header .wrap-menu .header-top .top-right input::-moz-placeholder {color: #fff;}
.wrap-header .wrap-menu .header-bottom {position: relative}
.wrap-header .wrap-menu .header-bottom .logo img {height: 80px; padding: 20px 0;}
.wrap-header .wrap-menu .header-menu ul {margin: 0; padding: 0; list-style: none}
.wrap-header .wrap-menu .header-menu ul li {float: left;}
.wrap-header .wrap-menu .header-menu ul li:first-child a {padding: 0;}
.wrap-header .wrap-menu .header-menu ul li:last-child a {padding-right: 0;}
.wrap-header .wrap-menu .header-menu ul li a {line-height: 80px; padding: 0 15px; color: #fff; font-size: 14px; text-transform: uppercase;}
.wrap-header .wrap-menu .header-menu ul li a i {display: block; line-height: 80px; margin: 0;}
.wrap-header .wrap-menu .header-menu ul li:hover .sub-menu {display: block;}
.wrap-header .wrap-menu .header-menu ul li .sub-menu {position: absolute; top: 80px; width: 270px; background-color: #F8F8F8; padding: 10px; display: none; z-index: 9999;}
.wrap-header .wrap-menu .header-menu ul li .sub-menu li {line-height: 20px; margin-top: 7px; width: 100%;}
.wrap-header .wrap-menu .header-menu ul li .sub-menu li a {font-size: 13px; padding: 0 0 7px 13px; color: #585858; background: url('images/ic-list.png') no-repeat left 7px; border-bottom: 1px dashed #e5e5e5; width: 100%; display: inline-block; border-left: none; text-align: left; line-height: 20px;}
.wrap-header .wrap-menu .header-menu ul li .sub-menu li:last-child a {border: none;}
.wrap-header .wrap-menu .header-menu ul li .sub-menu li:hover a {color: #2D337E;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp:hover .sub-menu {display: block;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp .sub-menu {position: absolute; top: 80px; width: 100%; background-color: #F8F8F8; left: 0; padding: 10px; display: none; z-index: 9999;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp .sub-menu li {line-height: 20px; width: 23.5%; padding: 0; margin: 0 1%;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp .sub-menu li:hover a {background: #2D337E; color: #fff;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp .sub-menu li:nth-child(4n+1) {margin-left: 0; clear: both;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp .sub-menu li:nth-child(4n) {margin-right: 0;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp .sub-menu li a {width: 100%; padding: 7px 10px; border: none; border-radius: 0; background: #E5E5E5; color: #333; text-align: left; line-height: 30px;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp .sub-menu li .sub-menu {position: relative; top: 0; display: block; background: transparent; padding: 10px 0; border: none; max-height: 320px; overflow: auto; margin-bottom: 10px;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp .sub-menu li .sub-menu li {width: 100%; padding: 0; margin: 5px 0;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp .sub-menu li .sub-menu li a {font-size: 13px; line-height: 18px; padding: 0 0 7px 13px; color: #555; background: url('images/ic-list.png') no-repeat left 7px; border-bottom: 1px dashed #e5e5e5; text-transform: none;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp .sub-menu li .sub-menu li a:hover {color: #2D337E;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp .sub-menu li .sub-menu li:last-child a {border: none;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp .sub-menu li .sub-menu li .sub-menu {position: relative; top: 0; display: block; background: transparent; padding: 10px 0; border: none; max-height: 320px; overflow: auto; margin-bottom: 10px;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp .sub-menu li .sub-menu li .sub-menu li {width: 100%; padding: 0; margin: 0;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp .sub-menu li .sub-menu li .sub-menu li a {font-size: 12px; line-height: 18px; padding: 3px 0 3px 15px; color: #777; background: none; border: none;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp .sub-menu li .sub-menu li .sub-menu li a:hover {color: #2D337E;}
.wrap-header .wrap-menu .header-menu ul li.menu-sp .sub-menu li .sub-menu li .sub-menu li:last-child a {border: none;}
.wrap-body .header-bottom.fixed {width: 100%; padding: 0 4%; left: 0; background: rgba(23, 30, 113, 0.9)}
.wrap-body .header-bottom.fixed ul li .sub-menu {width: 92%; margin: 0 4%;}
.wrap-body .wrap-slide {width: 100%; display: inline-block;}
.wrap-body .wrap-slide img {width: 100%; height: auto;}

.logo-doitac {margin: 20px 0;}
.wrap-index .h2-title {font-size: 35px; text-transform: uppercase; color: #F47E20; margin-bottom: 30px; font-weight: 600;}
.wrap-index .giai-phap {text-align: center; padding: 60px 0; background-color: #eee; width: 100%; display: inline-block;}
.wrap-index .giai-phap ul.tabs {padding: 0; margin: 0 0; list-style: none; display: inline-block; text-align: center;}
.wrap-index .giai-phap ul.tabs li {cursor: pointer; line-height: 35px; color: #f47e20; border: 2px solid #f47e20; border-radius: 5px; float: left; margin: 0 5px; display: inline-block; padding: 0 15px; text-transform: uppercase; font-size: 13px;}
.wrap-index .giai-phap ul.tabs li.current {background-color: #f47e20; color: #fff;}
.wrap-index .giai-phap ul.tabs li:hover  {background-color: #f47e20; color: #fff; transition: all 0.5s;}
.wrap-index .giai-phap .tab-content {display: none; margin-top: 50px;}
.wrap-index .giai-phap .tab-content.current {display: inherit;}
.wrap-index .giai-phap .tab-content ul {margin: 0; padding: 0; list-style: none;}
.wrap-index .giai-phap .tab-content ul li {float: left; width: 30.666%; margin: 0 2%; position: relative}
.wrap-index .giai-phap .tab-content ul li:nth-child(1) {margin-left: 0;}
.wrap-index .giai-phap .tab-content ul li:nth-child(4) {margin-left: 0; clear: both}
.wrap-index .giai-phap .tab-content ul li:nth-child(3) {margin-right: 0;}
.wrap-index .giai-phap .tab-content ul li:nth-child(6) {margin-right: 0;}
.wrap-index .giai-phap .tab-content ul li .wrap-img {position: absolute; width: 100%; height: 200px; z-index: 999; display: inline-block; left: 0;}
.wrap-index .giai-phap .tab-content ul li .img-giaiphap {height: 200px; overflow: hidden;}
.wrap-index .giai-phap .tab-content ul li .img-giaiphap img {width: 100%; min-height: 200px;}
.wrap-index .giai-phap .tab-content ul li .title-giaiphap {margin: 15px 0 30px; padding: 0; font-size: 15px; color: #222; font-weight: 600;}
.wrap-index .giai-phap .tab-content ul li:hover .img-giaiphap img {transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transition: all 0.5s;}
.wrap-index .giai-phap .tab-content ul li:hover .wrap-img {background: rgba(45, 51, 126, 0.7); transition: background 0.5s;}
.wrap-index .giai-phap .tab-content .xt {line-height: 35px; color: #f47e20; border: 2px solid #f47e20; border-radius: 5px; display: inline-block; padding: 0 30px; margin-top: 30px;}
.wrap-index .giai-phap .tab-content .xt:hover {background-color: #f47e20; color: #fff; transition: all 0.5s;}


.wrap-index .dich-vu {text-align: center; padding: 60px 0; width: 100%; display: inline-block}
.wrap-index .dich-vu ul {margin: 0; padding: 0; list-style: none;}
.wrap-index .dich-vu ul li {float: left; width: 30.666%; margin: 20px 2%;}
.wrap-index .dich-vu ul li a {width: 100%; padding: 120px 15px 0; text-align: center; display: inline-block}
.wrap-index .dich-vu ul li:nth-child(1) {background: url('images/ho-tro-ky-thuat.png') no-repeat center 50px #eee; background-size: auto 70px; margin-left: 0;}
.wrap-index .dich-vu ul li:nth-child(2) {background: url('images/sua-chua-thiet-bi.png') no-repeat center 50px #eee; background-size: auto 70px;}
.wrap-index .dich-vu ul li:nth-child(3) {background: url('images/tu-van-giai-phap.png') no-repeat center 50px #eee; background-size: auto 70px; margin-right: 0;}
.wrap-index .dich-vu ul li:nth-child(4) {background: url('images/huong-dan-quy-trinh.png') no-repeat center 50px #eee; background-size: auto 70px; margin-left: 0; clear: both}
.wrap-index .dich-vu ul li:nth-child(5) {background: url('images/cho-thue-phong-hop.png') no-repeat center 50px #eee; background-size: auto 70px;}
.wrap-index .dich-vu ul li:nth-child(6) {background: url('images/cho-thue-thiet-bi.png') no-repeat center 50px #eee; background-size: auto 70px; margin-right: 0;}
.wrap-index .dich-vu ul li h3 {margin: 30px 0 15px; padding: 0; font-size: 15px; color: #f47e20; font-weight: 600; text-transform: uppercase;}
.wrap-index .dich-vu ul li p {margin-bottom: 30px; color: #555;}
.wrap-index .dich-vu ul li:nth-child(1):hover {background: url('images/ho-tro-ky-thuat-hover.png') no-repeat center 50px #2d337e; background-size: auto 70px; transition: all 0.5s;}
.wrap-index .dich-vu ul li:nth-child(2):hover {background: url('images/sua-chua-thiet-bi-hover.png') no-repeat center 50px #2d337e; background-size: auto 70px; transition: all 0.5s;}
.wrap-index .dich-vu ul li:nth-child(3):hover {background: url('images/tu-van-giai-phap-hover.png') no-repeat center 50px #2d337e; background-size: auto 70px; transition: all 0.5s;}
.wrap-index .dich-vu ul li:nth-child(4):hover {background: url('images/huong-dan-quy-trinh-hover.png') no-repeat center 50px #2d337e; background-size: auto 70px; transition: all 0.5s;}
.wrap-index .dich-vu ul li:nth-child(5):hover {background: url('images/cho-thue-phong-hop-hover.png') no-repeat center 50px #2d337e; background-size: auto 70px; transition: all 0.5s;}
.wrap-index .dich-vu ul li:nth-child(6):hover {background: url('images/cho-thue-thiet-bi-hover.png') no-repeat center 50px #2d337e; background-size: auto 70px; transition: all 0.5s;}
.wrap-index .dich-vu ul li:hover p {color: #fff;}

.wrap-index .tai-sao {text-align: center; margin-bottom: 60px; display: inline-block; width: 100%}
.wrap-index .tai-sao h2 span {font-size: 35px; color: #2d337e; font-weight: 600;}
.wrap-index .tai-sao ul {margin: 60px 0; padding: 0; list-style: none}
.wrap-index .tai-sao ul li {float: left; width: 15%; margin: 0 1%; cursor: pointer;}
.wrap-index .tai-sao ul li .icon-taisao {width: 100%; height: 100px; border-radius: 5px; display: inline-block;}
.wrap-index .tai-sao ul li p {margin: 10px 0 0;}
.wrap-index .tai-sao ul li:nth-child(1) .icon-taisao {background: url('images/chat-luong.png') no-repeat center center #2d337e; background-size: auto 50px;}
.wrap-index .tai-sao ul li:nth-child(2) .icon-taisao {background: url('images/ho-tro.png') no-repeat center center #2d337e; background-size: auto 50px;}
.wrap-index .tai-sao ul li:nth-child(3) .icon-taisao {background: url('images/chi-phi.png') no-repeat center center #2d337e; background-size: auto 50px;}
.wrap-index .tai-sao ul li:nth-child(4) .icon-taisao {background: url('images/quy-trinh.png') no-repeat center center #2d337e; background-size: auto 50px;}
.wrap-index .tai-sao ul li:nth-child(5) .icon-taisao {background: url('images/tien-do.png') no-repeat center center #2d337e; background-size: auto 50px;}
.wrap-index .tai-sao ul li:nth-child(6) .icon-taisao {background: url('images/bao-mat.png') no-repeat center center #2d337e; background-size: auto 50px;}
.wrap-index .tai-sao ul li:first-child {margin-left: 0;}
.wrap-index .tai-sao ul li:last-child {margin-right: 0;}

.wrap-index .danh-gia {padding: 100px 0 80px; background: url('images/bg-danhgia.jpg') no-repeat center center; background-size: 100% auto; display: inline-block; width: 100%;}
.wrap-index .danh-gia .item p {color: #fff; margin: 30px auto 15px; text-align: center; max-width: 800px; padding-bottom: 30px; background: url('images/line.png') no-repeat center bottom;}
.wrap-index .danh-gia .item h3 {text-align: center;}
.wrap-index .danh-gia .item h3 a {color: #F47E20; font-style: italic;}
.wrap-index .danh-gia .owl-nav {display: none;}
.wrap-index .danh-gia .owl-dots {text-align: center; margin-top: 20px;}
.wrap-index .danh-gia .owl-dots .owl-dot {width: 20px; height: 20px; background: transparent; border-radius: 20px; padding: 3px!important; margin: 5px;}
.wrap-index .danh-gia .owl-dots .owl-dot span {width: 12px; height: 12px; background-color: #fff; border-radius: 12px; opacity: 0.9; display: block;}
.wrap-index .danh-gia .owl-dots .owl-dot.active span {opacity: 1;}
.wrap-index .danh-gia .owl-dots .owl-dot.active {border: 1px solid #fff; opacity: 1;}

.wrap-index .logo-khachhang {margin: 20px 0;}
.wrap-index .logo-khachhang .owl-nav {display: none;}
.wrap-index .logo-khachhang .owl-dots {text-align: center; margin-top: 20px;}
.wrap-index .logo-khachhang .owl-dots .owl-dot {width: 20px; height: 20px; background: transparent; border-radius: 20px; padding: 3px!important; margin: 5px;}
.wrap-index .logo-khachhang .owl-dots .owl-dot span {width: 12px; height: 12px; background-color: #101c2c; border-radius: 12px; opacity: 0.9; display: block;}
.wrap-index .logo-khachhang .owl-dots .owl-dot.active span {opacity: 1;}
.wrap-index .logo-khachhang .owl-dots .owl-dot.active {border: 1px solid #101c2c; opacity: 1;}


.wrap-index .tin-tuc {padding: 60px 0; text-align: center; display: inline-block; width: 100%;}
.wrap-index .tin-tuc h2 span {font-size: 35px; color: #2d337e; font-weight: 600;}
.wrap-index .tin-tuc ul {margin: 0; padding: 0; list-style: none;}
.wrap-index .tin-tuc ul li {float: left; width: 30.666%; margin: 20px 2%;}
.wrap-index .tin-tuc ul li:first-child {margin-left: 0;}
.wrap-index .tin-tuc ul li:last-child {margin-right: 0;}
.wrap-index .tin-tuc ul li .img-tintuc {height: 200px; overflow: hidden; margin-bottom: 20px;}
.wrap-index .tin-tuc ul li .img-tintuc img {width: 100%; min-height: 200px;}
.wrap-index .tin-tuc ul li .content-tintuc h3 {margin: 0; text-align: justify}
.wrap-index .tin-tuc ul li .content-tintuc h3 a {font-size: 15px; color: #f47e20; font-weight: 600; text-transform: uppercase;}
.wrap-index .tin-tuc ul li .content-tintuc .icon-tintuc {margin: 10px 0 20px;}
.wrap-index .tin-tuc ul li .content-tintuc .luot-xem {padding-left: 20px; background: url('images/ic-luot-xem.png') no-repeat left center; margin-right: 15px; color: #999; font-size: 12px;}
.wrap-index .tin-tuc ul li .content-tintuc .binh-luan {padding-left: 20px; background: url('images/ic-binh-luan.png') no-repeat left center; color: #999; font-size: 12px;}
.wrap-index .tin-tuc ul li .content-tintuc p {color: #555; text-align: justify}
.wrap-index .tin-tuc ul li:hover .img-tintuc img {transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transition: all 0.5s;}
.wrap-index .tin-tuc .xt {display: inline-block; width: 100%; text-align: center;}
.wrap-index .tin-tuc .xt a {line-height: 35px; color: #f47e20; border: 2px solid #f47e20; border-radius: 5px; display: inline-block; padding: 0 30px; margin-top: 30px;}
.wrap-index .tin-tuc .xt:hover a{background-color: #f47e20; color: #fff; transition: all 0.5s;}

.wrap-footer {background-color: #2d337e; color: #fff;}
.wrap-footer .wrap {padding: 20px 0 60px;}
.wrap-footer .footer-content {margin: 0; padding: 0; list-style: none;}
.footer-content .c4 {width: 22%; margin: 0 1%; float: left; margin-top: 20px;}
.footer-content .c4:first-child {margin: 0 1% 0 0; width: 28%; margin-top: 20px;}
.footer-content .c4:last-child {margin: 0 0 0 1%; text-align: left; margin-top: 20px;}
.footer-content p {margin-bottom: 5px; font-size: 13px;}
.footer-content .cot-1 h3 {font-size: 20px; color: #f47e20; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; text-align: center;}
.footer-content .cot-1 .lien-ket ul {margin: 0; padding: 0; list-style: none; width: 100%; display: inline-block;}
.footer-content .cot-1 .lien-ket ul li {float: left; width: 30%; margin: 0 2.5%;}
.footer-content .cot-1 .lien-ket ul li:first-child {margin-left: 0;}
.footer-content .cot-1 .lien-ket ul li:last-child {margin-right: 0;}
.footer-content .cot-1 .lien-ket ul li a img {max-width: 100%; height: auto;}
.footer-content .cot-1 .bao-mat {width: 100%; display: inline-block; margin-top: 10px;}
.footer-content .cot-1 .bao-mat .left {width: 43%; margin-top: 15px;}
.footer-content .cot-1 .bao-mat .right {width:55%;}
.footer-content .cot-1 .bao-mat .right ul {margin: 0; padding: 0; list-style: none;}
.footer-content .cot-1 .bao-mat .right li a {color: #fff; font-size: 13px;}
.footer-content .c4 .dia-chi h3 {font-size: 15px; color: #f47e20; font-weight: 600; text-transform: uppercase; margin-bottom: 5px;}
.footer-content .c4 .dia-chi .dc {margin-bottom: 0px;}
.footer-bottom {background-color: #f47e20; color: #fff; font-size: 13px;}
.footer-bottom .wrap .nd-bottom {text-align: center; padding: 10px 0; width: 100%; display: inline-block; float: left;}
.footer-bottom .wrap a {color: #fff;}

.wrap-category {margin: 60px 0; width: 100%; display: inline-block;}
.wrap-category .content-cate {width: 68%; float: left;}
.wrap-category .content-cate h1 {font-size: 30px; font-weight: 600; color: #f47e20; text-transform: uppercase; margin: 0;}
.wrap-category .content-cate h1 span {font-size: 30px; font-weight: 600; color: #f47e20; text-transform: uppercase;}
.wrap-category .content-cate .breadcrumbs {margin: 20px 0; font-size: 13px!important; color: #999;}
.wrap-category .content-cate .breadcrumbs span {color: #999; font-size: 13px!important;}
.wrap-category .content-cate .breadcrumbs a {color: #999;}
.wrap-category .content-cate .breadcrumbs a:hover {color: #2d337e;}
.wrap-category .content-cate .san-pham {margin: 0; padding: 0; list-style: none; width: 100%; display: inline-block;}
.wrap-category .content-cate .san-pham li {float: left; width: 31%; margin: 20px 1.75%;}
.wrap-category .content-cate .san-pham li:nth-child(3n) {margin-right: 0;}
.wrap-category .content-cate .san-pham li:nth-child(3n+1) {margin-left: 0; clear: both;}
.wrap-category .content-cate .san-pham .img-cate {width: 100%; border-radius: 5px; box-shadow: 0 0 2px #999; height: 170px; overflow: hidden;}
.wrap-category .content-cate .san-pham .img-cate img {width: 100%; min-height: 170px;}
.wrap-category .content-cate .san-pham .title-cate {font-size: 13px; font-weight: 600; margin: 10px 0 0; padding: 0; text-align: center;}
.wrap-category .content-cate .san-pham li:hover .img-cate img {transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transition: all 0.5s;}
.wrap-category .content-cate .san-pham li:hover .title-cate a {color: #2d337e;}
.wrap-category .content-cate .tin-tuc {margin: 0; padding: 0; list-style: none; width: 100%; display: inline-block;}
.wrap-category .content-cate .tin-tuc li {margin-top: 20px; width: 100%; display: inline-block; padding-bottom: 25px; border-bottom: 1px dashed #eee;}
.wrap-category .content-cate .tin-tuc li .img-cate {float: left; width: 33%; border-radius: 20px; overflow: hidden;}
.wrap-category .content-cate .tin-tuc li .img-cate img {width: 100%; height: auto;}
.wrap-category .content-cate .tin-tuc li .content-tintuc {float: right; width: 65%;}
.wrap-category .content-cate .tin-tuc li .content-tintuc h3 {margin: 10px 0 0; text-align: justify}
.wrap-category .content-cate .tin-tuc li .content-tintuc h3 a {font-size: 13px; color: #f47e20; font-weight: 600; text-transform: uppercase;}
.wrap-category .content-cate .tin-tuc li .content-tintuc .icon-tintuc {margin: 10px 0 20px;}
.wrap-category .content-cate .tin-tuc li .content-tintuc .luot-xem {padding-left: 20px; background: url('images/ic-luot-xem.png') no-repeat left center; margin-right: 15px; color: #999; font-size: 12px;}
.wrap-category .content-cate .tin-tuc li .content-tintuc .binh-luan {padding-left: 20px; background: url('images/ic-binh-luan.png') no-repeat left center; color: #999; font-size: 12px;}
.wrap-category .content-cate .tin-tuc li .content-tintuc p {color: #555; text-align: justify}
.wrap-category .content-cate .tin-tuc li:last-child {border: none;}
.wrap-category .content-cate .tin-tuc li:hover .content-tintuc h3 a {color: #2d337e;}
.wrap-category .wp-pagenavi {text-align: center; margin: 40px 0 20px; display: inline-block; width: 100%;}

.wrap-category .wrap-sidebar {width: 28%; float: right;}
.wrap-sidebar .hotline {margin-bottom: 20px;}
.wrap-sidebar .hotline img {width: 100%; height: auto; padding: 0 10px;}
.wrap-sidebar .title-sidebar {background-color: #F47E20; color: #fff; font-size: 15px; padding: 8px 10px; width: 100%; text-align: center; font-weight: 600; margin: 0;}
.wrap-sidebar .giai-phap {margin: 20px 0;}
.wrap-sidebar .giai-phap ul {margin: 0; padding: 10px; border: 1px solid #eee; list-style: none;}
.wrap-sidebar .giai-phap ul li {line-height: 35px; width: 100%;}
.wrap-sidebar .tin-tuc {margin: 20px 0;}
.wrap-sidebar .tin-tuc ul {margin: 0; padding: 10px; border: 1px solid #eee; list-style: none;}
.wrap-sidebar .tin-tuc ul li {margin-top: 10px; width: 100%; display: inline-block; padding-bottom: 15px; border-bottom: 1px dashed #eee;}
.wrap-sidebar .tin-tuc ul li .img-sidebar {float: left; width: 33%; border-radius: 10px; overflow: hidden;}
.wrap-sidebar .tin-tuc ul li .img-sidebar img {width: 100%; height: auto; padding: 1px;}
.wrap-sidebar .tin-tuc ul li .content-sidebar {float: right; width: 65%;}
.wrap-sidebar .tin-tuc ul li .content-sidebar h6 {margin: 5px 0 0;}
.wrap-sidebar .tin-tuc ul li .content-sidebar h6 a {font-size: 15px; color: #222; text-transform: uppercase;}
.wrap-sidebar .tin-tuc ul li .content-sidebar .icon-tintuc {margin: 10px 0 0;}
.wrap-sidebar .tin-tuc ul li .content-sidebar .luot-xem {padding-left: 20px; background: url('images/ic-luot-xem.png') no-repeat left center; margin-right: 15px; color: #999; font-size: 12px;}
.wrap-sidebar .tin-tuc ul li .content-sidebar .binh-luan {padding-left: 20px; background: url('images/ic-binh-luan.png') no-repeat left center; color: #999; font-size: 12px;}
.wrap-sidebar .tin-tuc ul li:hover .content-sidebar h6 a {color: #f47e20;}
.wrap-sidebar .tin-tuc ul li:last-child {border: none;}
.wrap-sidebar .khuyen-mai {margin: 20px 0;}
.wrap-sidebar .khuyen-mai ul {margin: 0; padding: 10px; border: 1px solid #eee; list-style: none;}
.wrap-sidebar .khuyen-mai ul li {margin-top: 10px; width: 100%; display: inline-block; padding-bottom: 15px; border-bottom: 1px dashed #eee;}
.wrap-sidebar .khuyen-mai ul li .img-sidebar {float: left; width: 33%; border-radius: 10px; overflow: hidden;}
.wrap-sidebar .khuyen-mai ul li .img-sidebar img {width: 100%; height: auto; padding: 1px;}
.wrap-sidebar .khuyen-mai ul li .content-sidebar {float: right; width: 65%;}
.wrap-sidebar .khuyen-mai ul li .content-sidebar h6 {margin: 5px 0 0;}
.wrap-sidebar .khuyen-mai ul li .content-sidebar h6 a {font-size: 15px; color: #222; text-transform: uppercase;}
.wrap-sidebar .khuyen-mai ul li .content-sidebar .icon-tintuc {margin: 10px 0 0;}
.wrap-sidebar .khuyen-mai ul li .content-sidebar .luot-xem {padding-left: 20px; background: url('images/ic-luot-xem.png') no-repeat left center; margin-right: 15px; color: #999; font-size: 12px;}
.wrap-sidebar .khuyen-mai ul li .content-sidebar .binh-luan {padding-left: 20px; background: url('images/ic-binh-luan.png') no-repeat left center; color: #999; font-size: 12px;}
.wrap-sidebar .khuyen-mai ul li:hover .content-sidebar h6 a {color: #f47e20;}
.wrap-sidebar .khuyen-mai ul li:last-child {border: none;}

.content-tintuc h2 {font-size: 18px!important;}
.content-tintuc a {font-size: 18px!important;}
.wrap-single {margin: 60px 0; width: 100%; display: inline-block;}
.wrap-single .content-single {width: 68%; float: left;}
.wrap-single .content-single iframe {min-width: 100%;}
.wrap-single p {margin-bottom: 10px; text-align: justify; color: #555;}
.wrap-single img {max-width: 100%; height: auto;}
.wrap-single .wp-caption {max-width: 100%;}
.wrap-single .san-pham {}
.wrap-single .san-pham .mo-ta {margin-bottom: 20px;}
.wrap-single .san-pham .mo-ta .img-sanpham {width: 49%; float: left;}
.wrap-single .san-pham .mo-ta .img-sanpham ul.tabs{margin: 0px; list-style: none;border: 1px solid #e7e7e7; border-top: none; display: inline-block; width: 100%; padding: 0;}
.wrap-single .san-pham .mo-ta .img-sanpham ul.tabs li{opacity: 0.7; float: left;cursor: pointer;text-transform: capitalize; text-align: center; padding: 5px 10px!important; width: 25%; height: 80px;}
.wrap-single .san-pham .mo-ta .img-sanpham ul.tabs li img {width: 100%!important; height: 100%;}
.wrap-single .san-pham .mo-ta .img-sanpham ul.tabs li:hover{opacity: 1;}
.wrap-single .san-pham .mo-ta .img-sanpham ul.tabs li.current{opacity: 1;}
.wrap-single .san-pham .mo-ta .img-sanpham .tab-content{display: none;}
.wrap-single .san-pham .mo-ta .img-sanpham .tab-content.current{ display: inherit; margin:0; width: 100%; border: 1px solid #e7e7e7; height: auto; overflow: hidden;}
.wrap-single .san-pham .mo-ta .img-sanpham .noidung{width: 100%;text-align: center;}
.wrap-single .san-pham .mo-ta .img-sanpham .noidung img {max-width: 100%; height: auto; max-height: 490px;text-align: center; padding: 5px;}
.wrap-single .san-pham .mo-ta .thong-tin {width: 49%; float: right;}
.wrap-single .san-pham .mo-ta .thong-tin h1 {font-size: 20px; font-weight: 600; color: #f47e20; margin: 10px 0;}
.wrap-single .san-pham .mo-ta .thong-tin .breadcrumbs {margin: 20px 0; font-size: 13px!important; color: #999;}
.wrap-single .san-pham .mo-ta .thong-tin .breadcrumbs span {color: #999; font-size: 13px!important;}
.wrap-single .san-pham .mo-ta .thong-tin .breadcrumbs span a:hover {color: #2d337e;}
.wrap-single .san-pham .wrap-noidung {}
.wrap-single .san-pham .wrap-noidung ul.tabs-1 {padding: 0; margin: 0; list-style: none; display: inline-block;}
.wrap-single .san-pham .wrap-noidung ul.tabs-1 li {cursor: pointer; line-height: 35px; color: #f47e20; border: 2px solid #f47e20; border-radius: 5px; float: left; margin: 0 5px; display: inline-block; padding: 0 15px;}
.wrap-single .san-pham .wrap-noidung ul.tabs-1 li.current {background-color: #f47e20; color: #fff;}
.wrap-single .san-pham .wrap-noidung ul.tabs-1 li:hover  {background-color: #f47e20; color: #fff; transition: all 0.5s;}
.wrap-single .san-pham .wrap-noidung ul.tabs-1 li:first-child {margin-left: 0;}
.wrap-single .san-pham .wrap-noidung .tab-content-1 {display: none; margin-top: 20px;}
.wrap-single .san-pham .wrap-noidung .tab-content-1.current {display: inherit;}
.wrap-single .wrap-sidebar {width: 28%; float: right;}
.wrap-single .tin-tuc h1 {font-size: 35px; font-weight: 600; color: #f47e20; margin: 10px 0;}
.wrap-single .tin-tuc .breadcrumbs {margin: 20px 0; font-size: 13px!important; color: #999;}
.wrap-single .tin-tuc .breadcrumbs span {color: #999; font-size: 13px!important;}
.wrap-single .tin-tuc .breadcrumbs span a:hover {color: #2d337e;}
.wrap-single .tin-tuc .content-tintuc p {margin-bottom: 10px; text-align: justify; color: #555;}
.wrap-single .tin-tuc .content-tintuc a.image {text-align: center; width: 100%; display: inline-block;}
.wrap-single .tin-tuc .content-tintuc ol {margin-left: 16px;}
.wrap-single .tin-tuc .content-tintuc ul {margin-left: 8px;}
.wrap-single .bai-lien-quan {margin-top: 40px;}
.wrap-single .bai-lien-quan .card {border: none;}
.wrap-single .bai-lien-quan .card .card-header {padding: 0; border: none; background: none; margin: 20px 0 10px; font-size: 20px; text-transform: uppercase;}
.wrap-single .bai-lien-quan .card-body {padding: 0;}
.wrap-single .bai-lien-quan .card-body .media {width: 48%; float: left; display: inline-block; margin: 0;}
.wrap-single .bai-lien-quan .card-body .media:last-child {float: right;}
.wrap-single .bai-lien-quan .card-body .media .img-thumbnail {width: 100%!important; padding: 0; border: none; border-radius: 20px; display: inline-block;}
.wrap-single .bai-lien-quan .card-body .media .media-body {width: 100%; text-align: center; margin-top: 10px;}
.wrap-single .bai-lien-quan .card-body .media .media-body a {font-weight: bold; font-size: 17px; color: #333;}

.wrap-category .content-cate .pagination li {width: auto; display: inline-block; border: none;}
.pagination .page-numbers{
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-numbers.current{
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.fuild-img{
    width: 100% !important;
    height: auto !important;
}
.post-small{
    width: 120px;
    height: auto;
}

@media all and (max-width: 1330px) {
    .wrap-header .wrap-menu .header-menu ul li a {padding: 0 10px; font-weight: normal;}
}

@media all and (max-width: 1230px) {
    .wrap-header .wrap-menu .header-menu ul li a {padding: 0 5px;}
}

@media all and (max-width: 1130px) {
	.wrap-body .wrap {padding: 0 20px;}
    .wrap-header .wrap-menu .header-menu {display: none}
    .wrap-header .wrap-menu .menu-mobile #click-menu {margin: 0; top: 30px;}
    .wrap-header .wrap-menu .menu-mobile #click-menu img {width: 100%!important; height: 20px!important; margin: 0!important;}
    .wrap-header .wrap-menu .menu-mobile #responsive-menu {padding: 0!important; top: 80px; box-shadow: none!important;}
    .wrap-header .wrap-menu .menu-mobile #responsive-menu #responsive-menu-title {display: none;}
}

@media all and (max-width: 900px) {
    .wrap-index .giai-phap .tab-content ul li {width: 48%; margin: 20px 0;}
    .wrap-index .giai-phap .tab-content ul li:nth-child(2) {float: right;}
    .wrap-index .giai-phap .tab-content ul li:nth-child(4) {float: right; clear: none;}
    .wrap-index .giai-phap .tab-content ul li:nth-child(6) {float: right;}
    .wrap-index .giai-phap .tab-content ul li:nth-child(3) {clear: both}
    .wrap-index .giai-phap .tab-content ul li:nth-child(5) {clear: both}
    .wrap-index .dich-vu ul li {width: 48%; margin: 20px 0;}
    .wrap-index .dich-vu ul li:nth-child(2) {float: right;}
    .wrap-index .dich-vu ul li:nth-child(4) {float: right; clear: none;}
    .wrap-index .dich-vu ul li:nth-child(6) {float: right;}
    .wrap-index .dich-vu ul li:nth-child(3) {clear: both}
    .wrap-index .dich-vu ul li:nth-child(5) {clear: both}
    .wrap-index .tai-sao ul li {float: left; width: 30.666%; margin: 10px 2%; position: relative}
    .wrap-index .tai-sao ul li:nth-child(1) {margin-left: 0;}
    .wrap-index .tai-sao ul li:nth-child(4) {margin-left: 0; clear: both}
    .wrap-index .tai-sao ul li:nth-child(3) {margin-right: 0;}
    .wrap-index .tai-sao ul li:nth-child(6) {margin-right: 0;}
    .wrap-index .tin-tuc ul li {width: 48%; margin: 0;}
    .wrap-index .tin-tuc ul li:nth-child(2) {float: right;}
    .wrap-index .tin-tuc ul li:nth-child(3) {display: none;}
    .wrap-footer .footer-content .c4:first-child {width: 100%; margin: 0;}
    .wrap-footer .footer-content .c4:nth-child(2) {width: 32%; margin: 20px 1% 0 0;}
    .wrap-footer .footer-content .c4:nth-child(3) {width: 32%; margin: 20px 1%;}
    .wrap-footer .footer-content .c4:nth-child(4) {width: 32%; margin: 20px 0 0 1%;}
    .wrap-category .content-cate {width: 100%;}
    .wrap-single .content-single {width: 100%;}
    .wrap-category .wrap-sidebar {display: none;}
    .wrap-single .wrap-sidebar {display: none;}
    .wrap-single .san-pham .wrap-noidung ul.tabs-1 {width: 100%;}
    .wrap-single .san-pham .wrap-noidung ul.tabs-1 li {width: 23.5%; margin: 0 1% 5px; text-align: center;}
    .wrap-single .san-pham .wrap-noidung ul.tabs-1 li:nth-child(1) {margin-left: 0;}
    .wrap-single .san-pham .wrap-noidung ul.tabs-1 li:nth-child(5) {margin-left: 0;}
    .wrap-single .san-pham .wrap-noidung ul.tabs-1 li:nth-child(4) {margin-right: 0;}
}

@media all and (max-width: 820px) {
    .wrap-header .wrap-menu .header-top .top-left li:nth-child(2) {display: none;}
}

@media all and (max-width: 800px) {
	.wrap-single .content-single .wrap-noidung table {width: 100%!important;}
	.wrap-footer a {color: #fff;}
}

@media all and (max-width: 700px) {
    .wrap-single .san-pham .wrap-noidung ul.tabs-1 li {width: 30.666%; margin: 0 2% 5px!important; text-align: center;}
    .wrap-single .san-pham .wrap-noidung ul.tabs-1 li:nth-child(1) {margin-left: 0!important;}
    .wrap-single .san-pham .wrap-noidung ul.tabs-1 li:nth-child(4) {margin-left: 0!important;}
    .wrap-single .san-pham .wrap-noidung ul.tabs-1 li:nth-child(7) {margin-left: 0!important;}
    .wrap-single .san-pham .wrap-noidung ul.tabs-1 li:nth-child(3) {margin-right: 0!important;}
    .wrap-single .san-pham .wrap-noidung ul.tabs-1 li:nth-child(6) {margin-right: 0!important;}
    .wrap-footer .footer-content .c4 {width: 100%!important; margin: 20px 0 0!important; text-align: center;}
    .wrap-footer .footer-content .c4:last-child {margin-bottom: 30px!important;}
    .footer-content .cot-1 .bao-mat .left {width: 100%; margin: 10px 0;}
	.footer-content .cot-1 .bao-mat .right {width: 100%; text-align: center;}

}

@media all and (max-width: 630px) {
	.wrap-header .wrap-menu .header-top {height: 35px;}
    .wrap-header .wrap-menu .header-top .top-left {display: none;}
    .lien-he #ic-show {background: url('images/ic-baogia.png') no-repeat center 5px rgba(23, 30, 113, 0.9); padding: 40px 5px 5px 5px; font-size: 10px;}
}

@media all and (max-width: 600px) {
    .wrap-header .wrap-menu .header-bottom .logo img {height: 50px; padding: 10px 0;}
    .wrap-header .wrap-menu .menu-mobile #click-menu {top: 10px;}
    .wrap-header .wrap-menu .menu-mobile #responsive-menu {top: 50px; overflow: auto; height: 100%!important;}
    .wrap-index .giai-phap .tab-content ul li {width: 100%; margin: 20px 0;}
    .wrap-index .dich-vu ul li {width: 100%; margin: 20px 0;}
    .wrap-index .tai-sao ul li {width: 48%; margin: 20px 0;}
    .wrap-index .tai-sao ul li:nth-child(2) {float: right;}
    .wrap-index .tai-sao ul li:nth-child(4) {float: right; clear: none;}
    .wrap-index .tai-sao ul li:nth-child(6) {float: right;}
    .wrap-index .tai-sao ul li:nth-child(3) {clear: both}
    .wrap-index .tai-sao ul li:nth-child(5) {clear: both}
    .wrap-index .tin-tuc ul li {width: 100%; margin: 10px 0;}
    .wrap-index .tin-tuc ul li:nth-child(3) {display: block;}
    .wrap-category .content-cate .tin-tuc li .img-cate {width: 100%; margin: 0 0 10px;}
    .wrap-category .content-cate .tin-tuc li .content-tintuc {width: 100%;}
    .wrap-category .content-cate .san-pham li {width: 100%; margin: 10px 0 20px;}
    .wrap-category .content-cate .san-pham .img-cate {height: auto;}
    .wrap-single .san-pham .mo-ta .img-sanpham {width: 100%; margin-bottom: 20px;}
    .wrap-single .san-pham .mo-ta .thong-tin {width: 100%;}
    .wrap-single .bai-lien-quan ul li {width: 100%; margin: 0 0 20px;}
    .wrap-single .bai-lien-quan ul li img {height: auto;}
    .wrap-index .giai-phap ul.tabs li {padding: 0 10px;}
    .lien-he #ic-show-1 {font-size: 13px; padding: 5px; width: 50px;}
    .lien-he #ic-show-2 {font-size: 13px; padding: 5px; width: 50px;}
    .lien-he #ic-show-3 {font-size: 13px; padding: 5px; width: 50px;}
    .wrap-single .content-single .wrap-noidung td {display: inline-block; width: 100%!important; height: auto;}
}

@media all and (max-width: 490px) {
    .wrap-index .giai-phap ul.tabs {width: 100%;}
    .wrap-index .giai-phap ul.tabs li {width: 100%; margin: 5px 0;}
}

@media all and (max-width: 320px) {
    .wrap-header .wrap-menu .header-top .top-right input {width: 140px;}
}