@charset "utf-8";

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local(OpenSans);
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local(OpenSans);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000
}
@font-face{
    font-family: "Myriad-Pro";
    src: url('../fonts/MyriadPro-Regular.otf') format("truetype");
}
* {
    margin: 0;
    padding: 0
}
body {
    color: #4a4a4a;
    font-size: 14px;
    background: #fff;
}
.news-content {
    display: inline-block;
    width: 100%;
}
.marT10 {
    margin-top: 10px;
}
.color-darkred {
    color: #b52328;
}
.color-white {
    color: #fff;
}
.line {
    border-bottom: 1px solid #ddd;
    clear: both;
}
p {
    margin: 10px 0;
}
.title-common {
	padding: 4px 10px;
	background: #14549e;
	/* display: inline-block; */
	border-radius: 2px;
	margin-bottom: 15px;
	background: -webkit-linear-gradient(left, #14549e , #1CB5E0);
	background: -o-linear-gradient(right, #14549e, #1CB5E0);
	background: -moz-linear-gradient(right, #14549e, #1CB5E0);
	background: linear-gradient(to right, #14549e, #1CB5E0);
}

.title-common span {
    font-size: 24px;
    font-family: 'Myriad Pro',Helvetica,Arial,sans-serif;;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}


.title-first-news {
	padding: 4px 10px;
	background: #14549e;
	 display: inline-block;
	border-radius: 2px;
	margin-bottom: 15px;
}

.title-first-news span {
    font-size: 24px;
    font-family: 'Myriad Pro',Helvetica,Arial,sans-serif;;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.readmore {
    padding: 2px 15px;
    border: 1px solid #999;
    border-radius: 20px;
    float: left;
    cursor: pointer;
    margin-top: 20px;
    background: #fff;
}
.readmore a i{
    border-left: 1px solid #ccc;
    margin-left: 5px;
    padding-left: 10px;
    color: #ccc;
    font-weight: 700;
}
.img-social {
    float: right;
    margin-top: 13px;
}
.readmore a  {
    font-size: 14px;
    color: #565656;
    font-weight: 700;
}
/*Start header-top*/
.header-top {
	width: 100%;
	height: 100%;
	background: url("../images/bg-line.png") repeat-x;
}
/*End header-top*/

/*Start header*/
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.topnav > li {
    float: left;
    padding: 8px 4px;
    height: 34px;
}
ul.topnav li a {
  display: inline-block;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: 0.3s;
  font-size: 14px;
  border: 0;
  text-transform: uppercase;
  border-right: 1px solid #ddd;
  padding-right: 8px;
  font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
}
ul.topnav li:hover {
    border-bottom: 1px solid #fff;
}
ul.topnav li:hover > a {
    background: #0d3a6e;
}
.input-search {
    display: none;
}
ul.topnav li.icon-search {
    position: relative;
}
ul.topnav li:hover .input-search {
    display: block;
    position: absolute;
    top: 33px;
    right: 0;
    z-index: 1;
}
ul.topnav li .input-search input {
    padding: 5px 10px;
    border: 0;
    background: #0d3a6e;
    width: 250px;
    color: #fff;
}
ul.topnav li.icon-search:hover {
    background: #0d3a6e;
}
ul.topnav li.icon-search:hover a {
    padding-right: 0;
}
ul.topnav .link-vp a{
    border-right: 0;
}
ul.topnav .icon-search a {
    float: right;
    border-right: 0;
}
ul.topnav li.navbar-right a:hover {
  background-color: #16467c;
  color: #fff;
}
ul.topnav li.icon {
  display: none;
}
.wrapper-header {
    background: #165dae;
}
ul.topnav li a.btn-login {
    background: #0a386c;
    padding: 4px 12px;
    text-transform: initial;
    font-size: 12px;
    margin-right: -4px;
}
ul.topnav li a.btn-register {
    background: #145297;
    padding: 4px 12px;
    text-transform: initial;
    font-size: 12px;
    margin-right: 10px;
}
.topnav li a i.fa {
    font-size: 18px;
}
.title-common-inner {
    padding: 0;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #0d3a6e;
    min-width: 270px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 1;
    top: 34px;
    left: 0;
}
.topnav > li:hover .dropdown-content {
    display: block;
}
.topnav > li{
    position: relative;
}
.topnav > li .dropdown-content a {
    padding: 8px;
    text-decoration: none;
    display: block;
    text-align: left;
    border-right: 0;
    text-transform: none;
    color: #fff;
    margin: 8px;
    background-color: #264e7d;
    border-radius: 3px;
    font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.topnav > li .dropdown-content a img{
    margin-right: 10px;
}
.topnav > li .dropdown-content a:hover {
    background-color: #76c7c0;
}
/*End header*/

/*Start maincontent-inner*/
.maincontent-inner {
    padding: 20px 0;
    display: inline-block;
    width: 100%;
}
.heading-new-content a {
    color: #14549e;
    font-weight: 700;
    font-size: 22px;
    /*font-family: 'Roboto';*/
    font-family: 'Arial';
    line-height: 1.2;
    text-align: justify;
}
.heading-new-content {
    margin-bottom: 10px;
}
.img-new-content {
    padding-left: 0;
}
.bd-new-content {
    /*margin: 20px 0;*/
    padding: 0;
    text-align: justify;
}
.body-new-content {
    padding-right: 0;
}
.content-news-common {
    text-align: justify;
}
.ct-new-content {
    text-align: justify;
}
.banner {
    margin-bottom: 20px;
}
.item-news-common {
    background: url("../images/bg-common.png");
    padding: 20px 10px;
}
.img-header-news-common img {
    padding: 5px;
    background: #fff;
}
.heading-news-common a {
    font-size: 19px;
    font-weight: 700;
    color: #333;
    font-family: Arial;
}
.heading-news-common {
    margin-bottom: 10px;
}
.list-news-common {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.news-common {
    margin-bottom: 20px;
}
.img-list-item {
    position: relative;
}
.content-list-item {
    position: absolute;
    background: rgba(20, 84, 158, 0.5);
    bottom: 0;
    padding: 10px;
}
.img-list-item:hover {
    background: rgba(20, 84, 158, 0.5);
}
.content-list-item a {
    color: #fff;
    font-weight: 700;
}
.seemore {
    padding: 2px 15px;
    border: 1px solid #999;
    border-radius: 20px;
    cursor: pointer;
    margin-top: 20px;
    background: #fff;
    display: inline-block;
    margin: 0 auto;
}
.seemore a {
    font-size: 14px;
    color: #565656;
    font-weight: 700;
}
.seemore a i {
    border-right: 1px solid #ccc;
    margin-right: 5px;
    padding-right: 10px;
    color: #ccc;
}
.wrap-seemore {
    text-align: center;
    margin-top: 10px;
}
.item-news-common-carousel {
    background: #e4e4e4;
    padding: 20px 30px;
    position: relative;
}
.item-news-common-carousel .right-next {
    position: absolute;
    right: -58px;
    left: inherit;
    top: 35%;
}
.item-news-common-carousel .left-prev {
    position: absolute;
    left: -58px;
    right: inherit;
    top: 35%;
}
.card-header a {
    padding: 6px 10px;
    display: block;
    border-bottom: 1px solid #999;
    color: #999;
}
.card-header a i {
    margin-right: 10px;
}
.header-news-common #accordion {
    margin-top: 10px;
}
.card-header a:hover {
    background: #3e86dc;
    text-decoration: none;
    color: #fff;
}
.card-header h5 {
    margin: 0;
}
.ttdn-left {
    padding-left: 0;
}
.ttdn-right {
    padding-right: 0;
}
/*End maincontent-inner*/

/*Start chi tiết*/
.list-details a {
    color: #333;
}
.list-details a i {
    margin-right: 5px;
}
.list-details a.active {
    font-weight: 700;
    color: #14549e;
}
.list-details a:hover {
    color: #14549e;
}
/*End chi tiết*/

/*Start sidebar right*/
.title-sidebar-right {
    background: #0054e4;
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
}
.title-sidebar-right span {
    float: left;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Myriad Pro',Helvetica,Arial,sans-serif;
}
.title-sidebar-right .news-social {
    float: right;
    /*width: 20%;*/
}
.news-social a {
    background: #fff;
    padding: 4px;
    border-radius: 50%;
    color: #333;
}
.news-social a i {
    width: 14px;
    height: 14px;
    text-align: center;
}
.sidebar-right {
    background: #165dae;
}
.item-news-highlight-inner {
    padding: 10px 10px 10px 0;
    clear: both;
    display: inline-block;
    width: 100%;
}
.item-news-highlight {
    margin-left: 50px;
}
.items-news-highlight {
    position: relative;
}
.items-news-highlight:hover {
    background: #11498b;
}
.items-news-highlight:hover .item-news-highlight:before {
    content: "";
    background: url("../images/i-prev.png");
    position: absolute;
    left: 18px;
    top: 23px;
    width: 12px;
    height: 23px;
}
.img-item-news-highlight {
    float: left;
    margin-right: 10px;
}
.content-item-news-highlight a {
    color: #fff;
}
.img-item-news-thongbao-giaymoi {
    float: left;
    margin-right: 10px;
    border-right: 1px solid #ddd;
    padding-right: 10px;
}
.item-news-thongbao-giaymoi {
    clear: both;
    padding: 10px 20px;
    clear: both;
    display: inline-block;
    width: 100%;
}
.content-item-news-thongbao-giaymoi {
    padding-bottom: 10px;
    margin-left: 70px;
}
.content-item-news-thongbao-giaymoi a {
    color: #fff;
}
.thongbao-giaymoi .seemore {
    margin-left: 20px;
    margin-bottom: 50px;
}
.phapluat .img-item-news-thongbao-giaymoi {
    border: 0;
}
.date-time .bct {
    color: #fff;
    border-right: 1px solid #fff;
    margin-right: 10px;
    padding-right: 10px;
}
.datetime {
    color: #b0b0b0;
}
.content-lienket-common {
    padding: 20px;
}
.one-img {
    margin-right: 9px;
}
.content-lienket {
    margin-bottom: 20px;
}
.search-vanban {
    background: #6AA1FF;
    padding: 20px;
}
.title-search-vanban span {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
    font-family: 'MyriadPro';
}
.form-search-vb .form-control {
    background: #E6EFFF;
    border-radius: 0;
    color: #000;
}
.form-search-vb .caphieuluc {
    width: 50%;
}
.time-to {
    padding-left: 0;
}
.time-from {
    padding-right: 0;
}
.datetime-form div input {
    float: left;
    width: 30%;
    margin-right: 2%;
}
.datetime-form span {
    float: left;
    margin-right: 3%;
    color: #fff;
    line-height: 34px;
}
.btn-search {
    background: #3e86dc;
    border-radius: 5px;
    padding: 4px 30px;
    display: inline-block;
    margin-top: 20px;
}
.btn-search-common {
    clear: both;
}
.btn-search a {
    color: #fff;
    font-family: 'MyriadPro';
    font-size: 18px;
    text-transform: uppercase;
}
/*End sidebar right*/

/*Start wrapper-slide-content*/
.slide-content-inner {
    padding: 30px 0;
}
.slide-content .left-prev.carousel-control, .slide-content .right-next.carousel-control{
    top: 25%;
}
/*End wrapper-slide-content*/

/*Start wrapper-footer*/
.wrapper-footer {
    background: #165dae;
}
.footer-inner {
    padding-bottom: 20px;
    display: inline-block;
    width: 100%;
}
.topnav-footer {
    list-style: none;
}
.logo-footer {
    padding: 20px 0;
}
.content-footer-right {
    margin-top: 40px;
    margin-left: 40px;
    height: auto;
    border-left: 1px solid #056b96;
    padding-left: 30px;
}
.topnav-footer li {
    float: left;
    padding-right: 80px;
    padding-bottom: 5px;
}
.footer-left .nav-header {
    border-bottom: 1px solid #999;
    display: inline-block;
    margin-bottom: 15px;
}
.topnav-footer li a {
    color: #fff;
}
.home {
    border-bottom: 1px solid #004c8d;
}
.gioithieu {
    border-bottom: 1px solid #006cc8;
}
.tintuc {
    border-bottom: 1px solid #006cc8;
}
.thongbao {
    border-bottom: 1px solid #0e983f;
}
.vanbanphapquy {
    border-bottom: 1px solid #b6ff29;
}
.album-anh {
    border-bottom: 1px solid #b4ae0e;
}
.video {
    border-bottom: 1px solid #d47510;
}
.info-footer span {
    color: #fff;
}
.footer-right > div{
    float: left;
}
.footer-right > div img {
    margin-right: 10px;
}
.content-footer-right span{
    color: #fff;
}
.news-social-footer, .contact-footer-right{
    margin-top: 40px;
}
.footer-bottom .content-footer-right i, .footer-bottom .contact-footer-right i {
    font-size: 16px;
    color: #fff;
}
.contact-footer-right span {
    color: #fff;
}
/*End wrapper-footer*/

/*Begin Danh muc*/
.safety-inspection-inner {
    text-align: center;
}
.title-safety-inspection {
    margin-bottom: 20px;
}
.body-safety-inspection ul {
    text-align: left;
    list-style: none;
}
.body-safety-inspection ul li {
    padding: 6px 12px;
}
.body-safety-inspection ul li.active {
    background: #232850;
}
.body-safety-inspection ul li:hover {
    background: #232850;
}
.body-safety-inspection ul li:hover a, .body-safety-inspection ul li.active a {
    color: #fff;
    text-decoration: none;
}
.body-safety-inspection ul li a {
    color: #3c3c3c;
    font-weight: 700;
}
.item-safety-inspection {
    position: relative;
    margin-bottom: 2%;
}
.link-item-safety-inspection {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
}
.link-item-safety-inspection a {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 0;
    padding: 0 40px;
    width: 100%;
    font-weight: 700;
}
.link-item-safety-inspection a:hover {
    text-decoration: none;
}
.img-item-safety-inspection a {
    width: 100%;
    height: 100%;
    display: block;
}
.content-vanban-phapquy p {
    text-align: justify;
    font-size: 16px;
    font-family: 'Roboto Black';
}
/*End Danh muc*/

/*Begin Chi tiet*/
.breadcrum-detail ul {
    list-style: none;
    display: inline-block;
    background: #232850;
    padding: 0 10px;
}
.breadcrum-detail ul li {
    float: left;
    padding: 8px 6px;
}
.breadcrum-detail ul li a {
    color: #fff;
    font-family: 'Roboto';
}
.breadcrum-detail ul li a.active {
    font-weight: 700;
}
.breadcrum-detail ul li a:hover {
    text-decoration: none;
}
.title-right-danhmuc span {
    text-transform: uppercase;
    color: #3c3c3c;
    font-size: 20px;
    font-weight: 700;
}
.title-vanban-phapquy span {
    font-size: 32px;
    text-transform: uppercase;
    color: #232850;
    font-weight: 700;
}
.time-vanban-phapquy span i {
    color: #6d6d6d;
}
.time-vanban-phapquy {
    margin-bottom: 10px;
}
.body-right-danhmuc ul li{
    border-left: 5px solid #232850;
    margin: 5px 0;
}
.right-danhmuc {
    margin-top: 75px;
}
.tinmoinhat {
    display: inline-block;
    width: 100%;
    margin: 30px 0;
}
.title-tinmoinhat {
    margin-bottom: 20px;
}
.title-tinmoinhat span {
    color: #3c3c3c;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
}
.title-tinmoinhat span img {
    margin-right: 10px;
}
.content-tinmoinhat a {
    color: #3c3c3c;
    padding: 10px 0;
    display: block;
    font-weight: 700;
    font-family: 'Roboto';

}
.img-tinmoinhat {
    position: relative;
}
.img-tinmoinhat:after {
    position: absolute;
    content: "";
    /* dang thie file nay */
    /*background: url("../images/icon-news.png") no-repeat;*/
    width: 74px;
    height: 30px;
    display: block;
    top: 0;
    right: 0;
}
/*End Chi tiet*/

/*Begin lienhe*/
.lienhe .right-danhmuc {
    margin-top: 0;
}
.lienhe .title-vanban-phapquy {
    display: inline-block;
    background: #232850;
    padding: 6px 10px;
    margin-bottom: 20px;
}
.lienhe .title-vanban-phapquy span {
    color: #fff;
}
.content-lienhe p {
    font-size: 16px;
}
.content-lienhe p img {
    margin-right: 10px;
}
.form-info .form-group span {
    margin-right: 10px;
}
.mxn {
    padding: 16px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.mxn-info img {
    margin-left: 5px;
}
.mxn-info{
    font-weight: 700;
}
.form-info .form-group a {
    padding: 10px;
    border: 1px solid #ec1d23;
    background: #ec1d23;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    width: 50%;
    display: inline-block;
    text-align: center;
    font-size: 20px;
}
.form-info .form-group a:hover {
    background: #CA5154;
    text-decoration: none;
}

/*End lienhe*/

/*Start danh muc*/
.cate-common {
    display: inline-block;
    width: 100%;
    padding-top: 20px;
}
.img-cate {
    float: left;
    margin-right: 20px;
}
.title-content-cate {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
ul.pagination {
    display: inline-block;
    padding: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: #fff;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
    background: #8c9898;
    font-weight: 700;
    border-radius: 5px;
}

ul.pagination li a.active {
    background-color: #2f6eb8;
    color: white;
    border: 1px solid #2f6eb8;
}
.pagination-cate {
    text-align: right;
}
.pagination-cate .pagination>li>a:hover, .pagination-cate .pagination>li>span:hover, .pagination-cate .pagination>li>a:focus, .pagination-cate .pagination>li>span:focus {
    background-color: #e5655d;
    color: #fff;
}
/*End danh muc*/

/*Start danh sách*/
.ds-table-content {
    background-color: #ebebeb;
    padding: 20px;
}
.ds-table-content label {
    color: #6b7278;
}
.todatetime input {
    float: left;
    width: 65%;
    margin-right: 10px;
}
.ds-table-content .btn-search-common {
    text-align: center;
}
.danhsach-ngaybanhanh th {
    text-align: center;
}
.bold {
    font-weight: 700;
}
/*End danh sách*/

/*Start danh sách album ảnh*/
.ds-album-anh {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.album-anh-common > a {
    display: block;
    padding: 5px;
}
.album-anh-common > a:hover {
    text-decoration: none;
}
.album-anh-content .datetime {
    margin: 5px 0;
}
.album-anh-common {
    width: 20%;
    float: left;
    margin-bottom: 10px;
}
.pad-album .album-anh-img {
    padding: 10px;
    border: 1px solid #ddd;
}
.album-anh-content {
    padding: 5px 10px;
}
.album-anh-common a .nd-album-anh span{
    color: #6c6c6c;
}
/*End danh sách album ảnh*/

/*Start chi tiet album ảnh*/
.wp-slide-album .title-body-new-content{
    margin-top: 30px;
}
.slide-album {
    background: url("../images/bg-album.png") center no-repeat;
}
.title-album-img span {
    font-size: 20px;
        font-family: 'Myriad Pro',Helvetica,Arial,sans-serif;
    color: #fff;
}
.title-album-img {
    padding-top: 20px;
    padding-bottom: 20px;
}
.album-img-inner {
    padding: 20px 30px;
    background-color: #fff;
    border-radius: 2px;
}
.slide-album-list-inner {
    padding: 20px 15px;
    background-color: #fff;
    border-radius: 2px;
}
.slide-album-list-common {
    margin-bottom: 11px;
}
.slide-album-list, .slide-album-img {
    padding-bottom: 50px;
}
.slide-album-list-common {
    margin-bottom: 16px;
}
.slide-album-list-common:last-child {
    margin-bottom: 0;
}
.slide-album-list {
    position: relative;
}
.icon-up {
    position: absolute;
    top: -35px;
    left: 120px;
}
.icon-down {
    position: absolute;
    bottom: 15px;
    left: 120px;
}
.content-album .ds-album-anh {
    padding: 0;
    border: 0;
}
/*End chi tiet album ảnh*/

@media screen and (max-width:767px) {
    ul.topnav li:not(:first-child) {
        display: none;
    }
    ul.topnav li.icon {
        float: right;
        display: inline-block;
    }
    ul.topnav.responsive {
        position: relative;
        padding-bottom: 20px;
    }
    ul.topnav.responsive li.icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    ul.topnav.responsive li {
        float: none;
        display: inline;
    }
    ul.topnav.responsive li a {
        display: block;
        text-align: left;
        border-right: 0;
    }
    .header-top-left img, .header-top-right img{
        width: 100%;
    }
    ul.topnav.responsive li a.btn-login, ul.topnav.responsive li a.btn-register {
        width: 48%;
        float: left;
        text-align: center;
        padding: 8px;
    }
    .list-item-news-common {
        margin-bottom: 10px;
    }
    ul.topnav li a {
        border-right: 0;
    }
    .title-common {
        margin-top: 10px;
    }
    .img-social img {
        width: 100%;
    }
    .ttkd {
        font-size: 16px;
        padding: 10px;
    }
    .featured-right {
        margin-top: 10px;
    }
    .content-my-service {
        width: 100%;
    }
    .content-service-inner {
        padding-bottom: 20px;
    }
    .title-news {
        margin-bottom: 10px;
    }
    .item-left, .item-right {
        padding: 0;
    }
    .content-download-document .carousel-indicators {
        bottom: -40px;
        width: 100%;
        text-align: center;
    }
    .item-left a {
        width: 100%;
    }
    .contact-inner {
        padding: 0;
    }
    .wrapper-contact {
        padding: 10px 0 20px 0;
    }
    .number-phone span, .address-mail span {
        font-size: 16px;
    }
    .right-next.carousel-control {
        right: -30px;
    }
    .footer-top {
        display: none;
    }
    .ttdn-left, .ttdn-right {
        margin-bottom: 10px;
    }
    .content-lienket-common, .search-vanban {
        padding: 10px;
    }
    .container {
        padding: 0;
    }
    .item-news-common-carousel .left-prev {
        left: -30px;
    }
    .label-phone, .label-mail {
        margin-bottom: 10px;
    }
    .contact-phone {
        margin: 0;
    }
    .slide-content .carousel-inner .item > div{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .slide-content-inner {
        padding: 20px 0;
    }
    .footer-left {
        margin-bottom: 10px;
    }
    .footer-inner {
        padding-top: 0;
    }
    .content-footer-right span {
        font-size: 16px;
    }
    .content-footer-right {
        /*margin-top: 10px;*/
        /* margin-top is override */
        margin: 0;
        border: 0;
    }
    .img-cate {
        width: 40%;
    }
    .img-cate img {
        width: 100%;
        height: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
  .introduction {
    margin-left: -15px;
    margin-right: -15px;
  }
  .deal-code .datetime-end span {
    font-size: 16px;
  }
  .muasanpham {
    padding: 10px;
  }
  .content-list-item a {
        color: #fff;
        font-size: 13px;
    }
  .title-common span {
      font-size: 22px;
  }
  .heading-new-content a {
      font-size: 25px;
  }
}

/*** fixed lan 1 **/
@media (min-width: 768px) and (max-width: 1024px){
    .header-top-left a img, .header-top-right a img{
        width: 100%;
    }
}
@media (max-width: 767px) {
    ul.topnav li.icon-search {
        width: 100%;
        float: inherit;
        padding: 0;
        display: inline-block;
        border: 0;
    }
    ul.topnav li.icon-search:hover a {
        position: absolute;
        right: 5px;
        top: 7px;
    }
    ul.topnav li:hover .input-search {
        width: 100%;
        position: initial;
    }
    ul.topnav li.icon:hover {
        border: 0;
    }
    ul.topnav li.icon:hover > a {
        text-decoration: none;
        border-bottom: 0;
        background: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .col-sm-7,.col-sm-5 {
        width: 100%;
    }
}

/* Tran Van fix */
.gap-right {
    margin-right: 20px;
}
.gap-bottom {
    margin-bottom: 10px;
}

/* van ban fix */
.content-vanban .box_lable
{
 font:bold 14px/26px 'Myriad Pro',Helvetica,Arial,sans-serif; 
 padding:8px;
 color:#fff;
}
.content-vanban .box_input
{
 padding:8px;
}
.content-vanban .box_input select
{
    padding:4px;
 font:14px/26px 'Myriad Pro',Helvetica,Arial,sans-serif; 
 width:100%;
}
.content-vanban .box_input input,button
{
 padding:4px;
 font:14px/26px 'Myriad Pro',Helvetica,Arial,sans-serif; 
 width:100%;
}