li, a{
	transition: all 0.15s;
}

.image-gallery .body{
	padding: 5px;
}

.image-gallery .body img{
	height: 150px;
}

.notify .list{
	padding: 10px;
}

.notify .list li{
	position: relative;
}

.notify .list li a{
	line-height: 1.5;
	display: block;
	padding: 5px 0px;
	padding-left: 10px;
}
.notify .list li:before{
	content: "";
	background: black;
	width: 5px;
	height: 5px;
	position: absolute;
	border-radius: 50%;
	top: 12px;
}

.search-form-style {
	border: none !important;
}

.new-title a:hover, .new-title a:focus,
.bottom_nav a:hover, .bottom_nav a:focus,
.list-title a:hover, .list-title a:focus,
.notify .head a:hover, .notify .head a:focus,
.ngonngu a:hover, .ngonngu a:focus{
	color: #fbff00 !important;
}

.pagination{
	padding: 0px 10px;
}

.pagination li.active a{
	background: #823507;
    border-color: #823507;
}

.pagination li a, .pagination li a:hover{
	color: #823507;
}

.pagination li.active a:hover{
	background: #AF292E;
    border-color: #AF292E;
}

.article .nav-page{
	padding: 10px;
}

.article .nav-page a{
	border: 1px solid #823507;
	padding: 10px;
	color: #823507;
}

.article .nav-page a:hover, .article .nav-page a:focus{
	background: #823507;
	color: #fff;
}

.aui .dockbar .navbar-inner .container{
	padding: 0px;
}

.portlet-boundary_4_WAR_portaldanhbaportlet_ .portlet-body .title-main,
.portlet-image-gallery-display .portlet-body .header-title,
.portlet-image-gallery-display .portlet-body .taglib-header{
	display: none;
}

.portlet-image-gallery-display .portlet-body .navbar{
	margin-bottom: 0px;
}

.portlet-image-gallery-display .portlet-body .lfr-asset-column,
.portlet-image-gallery-display .portlet-body .navbar{
	margin: 0px;
	padding: 10px;
}

.portlet-asset-publisher .portlet-body,
.faq-wrapper,
.search-news-portlet .portlet-body,
.portlet-site-map .portlet-body,
.portlet-boundary_4_WAR_portalduthaovanbanportlet_ .portlet-body .col-sm-12,
.portal-vbpq-4-portlet .portlet-body,
.portlet-boundary_4_WAR_portaldanhbaportlet_ .portlet-body,
.portlet-image-gallery-display .portlet-body,
.portlet-journal-content .portlet-body{
	background: #fff;
	box-shadow: 0 1px 4px 0 rgba(50, 50, 50, 0.2);	
}

.faq-wrapper,
.search-news-portlet .portlet-body,
.portlet-site-map .portlet-body,
.portal-vbpq-4-portlet .portlet-body,
.portlet-boundary_4_WAR_portaldanhbaportlet_ .portlet-body,
.portlet-journal-content .portlet-body{
	padding: 10px
}


.faq-header-row .faq-search-icon{
	height: auto;
}

#footer p{
	margin-bottom: 2px
}

.bottom_nav{
	background: #823507;
}

.bottom_nav ul{
	padding-left: 20px;
}

.bottom_nav li {
	display: inline-block;
	position: relative;
}

.bottom_nav li a{
	padding: 5px 10px;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

.bottom_nav li:not(:last-child)::after{
	content: "";
	position:absolute;
	top: 10px;
	bottom: 10px;
	right: 0px;
	background: #fff;
	width: 1px;
}

.banner-display-portlet{
	margin-top: 2px;
}

.ngonngu a {
    color: #FFF;
}

.ngonngu a:hover {
    color: #f7ab49;
}

#column-1{
  display: none;
}

#sign-in img {
    top: 5px;
    right: 12px;
    position: absolute;
visibility: visible;
}
.aui #sign-in {
    top: -5px;
    height: 30px;
    right: -5px;
}

.list-news-top{
	padding-top: 5px;
}

.box-router .list-news-top .list:after{
  content:"";
  position: absolute;
  width: 5px;
  background: #333;
  height: 5px;
  left: 0;
  top: 12px;
}

.list-news-top .list{
	padding: 5px 0px;
	position: relative;
}

.box-router .list-news-top .list{
	padding-left: 10px;
}

.list-news-top .list:not(:last-child){
	border-bottom: 1px solid #e4e4e4;
}

.list-news-top .list a{
	display: block;	
}

.main-title, .description, .list{
	text-align: justify;
}

.row.row-fix.pad-top-10 .col-md-3.col-sm-3.col-xs-12.content-left {
    padding-right: 0px;
}

.bando img {
    padding: 5px 5px;
    width: 100%;
}

.box-new, .new-content{
	padding: 10px;
}

.box-new, .box-router, .notify{
	box-shadow: 0 1px 4px 0 rgba(50, 50, 50, 0.2);
	background: #fff;
	margin: 5px 0px;
}

.box-router.pad-top-10, .box-router.pad-top-10>div{
    padding: 0px;
}

.box-router.pad-top-10 .new-content .row{
	margin: 0px;
}


.portlet-nested-portlets .portlet-borderless-container, .aui .portlet, .aui .portlet-borderless-container{
  background: none;
}

.box-new .list-title a {
    border: 0 none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    margin: 0;
    outline: 0 none;
    padding: 0;
    color: #fff;
    font-weight: normal;
    line-height: 32px;
    text-decoration: none;
}

.box-new .list-title, .box-router .title-group, .title-main, .box-sidebar .head, .box-news .title {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    background: #823507;
    text-align: justify;
    margin: 0;
}

.header {
	background: #823507;
}

.header .nav.navbar-nav {
    background: #823507;
    float: none;
    margin: 0 auto;
}

.menu-item {
    width: 20%;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
}

.aui .list-sidebar li a {
    font-size: 13px;
}

.aui .list-line {
    margin-top: 0px;
    margin-bottom: 0px;
}

.aui .list-sidebar {
    padding-top: 10px;
}

.aui .dropdown-menu>li>a {
    padding: 0px 10px;
}

.journal-content-article p {
    font-size: 14px;
}

.article .title-news h1 {
    font-size: 16px;
}

body {
    background-color: #ededed;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 13px;
    color: #312f2f;
}

ul {
    list-style: none;
}

.box-news, .box-sidebar, .image-gallery {
    border: 1px solid #823507;
	margin: 5px 0px;
}

.box-new .slick-initialized .slick-slide{
    padding-left: 0px;
    padding-right: 10px
}

.number {
    color: #d50f0d;
    font-weight: bold;
    margin-left: 5px;
}

.statis {
    margin-top: 10px;
    margin-left: 20px;
}

.icon.-ap.icon-users {
    display: none;
}

.select-custom {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 15px;
}

.nav>li>a {
    padding: 10px 5px;
}

.aui .dot {
    padding-bottom: 0px;
    padding-top: 0px;
}

.par-top-10 {
    margin-top: 10px;
}

.mar-left-fix-thong-bao {
    margin-left: -15px;
}

.mar-bot-10 {
    margin-bottom: 10px;
}

.aui .portlet, .aui .portlet-borderless-container {
    margin-bottom: 0px;
}

.aui .desc__title__main {
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    color: #eb2024;
    margin-top: 16px;
    line-height: 1.1;
    text-shadow: 1px 0 0 white, -1px 0 0 white, 0 1px 0 white, 0 -1px 0 white, 1px 1px white, -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white;
}

.aui .header .dropdown-menu {
    background: #823507;
    padding: 0;
}

.aui .header .dropdown-menu>li>a {
    line-height: 3;
}

.aui .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.aui form {
    margin: 0 0 0px;
}

.aui input[type="text"] {
    height: auto;
    padding: auto;
    padding: 6px 12px;
    margin-bottom: 0px;
}

#wrapper {
    position: relative;
    padding: 0;
}

.pad-top-35 {
    padding-top: 40px;
}

.pad-bot-10 {
    padding-bottom: 10px;
}

.pad-bot-20 {
    padding-bottom: 20px;
}

.pad-top-20 {
    padding-top: 20px;
}

.pad-top-10 {
    padding-top: 10px;
}

.pad-bot-0 {
    padding-bottom: 0px !important;
}

.pad-left-15 {
    padding-left: 15px;
}

.pad-right-15 {
    padding-right: 15px;
}

.pad-left-0 {
    padding-left: 0px;
}

.pad-right-0 {
    padding-right: 0px;
}

.head a {
    color: #fff;
}

.new-title a {
    color: #fff;
}

.item-more a {
    color: #AF292E;
}

.event-title a {
    color: #AF292E;
}

/* them moi */

.font-size-18 {
    font-size: 18px !important;
}

.font-size-15 {
    font-size: 15px !important;
}

.mar-left-15 {
    margin-left: 15px;
}

.pad-25-20 {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 25px;
    padding-bottom: 0px;
}

.mar-bot-20 {
    margin-bottom: 20px;
}

.pad-bot-20 {
    padding-bottom: 20px;
}

.fl-right {
    float: right;
}

/* video-detail */

.video-container {
    padding-top: 25px;
}

/* header */

.menu-top {
    background-color: #AF292E;
}

.la-content {
    float: right;
    padding: 5px 30px;
}

.la-content a {
    color: #fff !important;
    font-weight: bold;
    margin: 5px;
}

.la-content a:hover, .la-content a:active, .la-content a:focus {
    text-decoration: none;
}

.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

/* banner slide */

#wrapper .banner-header {
    display: block;
    height: 136px;
    background: #b4865a;
}

#wrapper .banner-header > div, .header > .nav, #main-content > div:nth-child(2) > .container, #footer .container {
	position: relative;
	/*width: 965px;*/
	padding: 0px;
}

#main-content > div:nth-child(2) > .container{
	padding: 10px 0px;
}

#wrapper .hero-cover {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 80%;
    z-index: 1;
    text-align: right;
}

.apollo_slides {
    position: relative;
    width: 100%;
    height: 136px;
    overflow: hidden;
}

.apollo_slides a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
    background: white;
    filter: alpha(opacity=0);
    opacity: 0;
}

.nivoSlider:hover .nivo-directionNav a {
    transform: translate(0%, 0px);
    -ms-transform: translate(0%, 0px);
    -webkit-transform: translate(0%, 0px);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

#wrapper .hero-cover img {
    height: 175px !important;
}

.logo img {
    width: auto;
}

.hero-text {
width: 100%;
background-repeat: no-repeat;
}

.desc__title__main {
    font-size: 20px;
    font-weight: bold;
    color: #eb2024;
    margin-bottom: 5px;
}

.aui .subtitle {
    font-family: inherit;
    font-size: 30px;
    font-weight: bold;
    color: #fef200;
    margin-top: 10px;
    text-shadow: 2px 0 0 #ed1b24, -2px 0 0 #ed1b24, 0 2px 0 #ed1b24, 0 -2px 0 #ed1b24, 2px 1px #ed1b24, -1px -1px 0 #ed1b24, 1px -1px 0 #ed1b24, -1px 1px 0 #ed1b24;
line-height: 30px;
}

.aui .subtitle1 {
    font-family: inherit;
    font-size: 25px;
    font-weight: bold;
    color: #fef200;
    margin-top: 10px;
    margin-left: 0px;
    text-shadow: 2px 0 0 #ed1b24, -2px 0 0 #ed1b24, 0 2px 0 #ed1b24, 0 -2px 0 #ed1b24, 2px 1px #ed1b24, -1px -1px 0 #ed1b24, 1px -1px 0 #ed1b24, -1px 1px 0 #ed1b24;
line-height: 30px;
}

.hotline {
    padding-left: 100px;
    display: none;
}

.hotline .desc {
    padding-top: 55px;
}

.hotline .desc .text {
    font-size: 16px;
    font-weight: bold;
    color: #af292e;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.1;
}

.hotline .desc .number {
    font-size: 16px;
    font-weight: bold;
    font-family: Tahoma;
    text-transform: uppercase;
    color: #eb2024;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.1;
}

.hotline .desc .email {
    color: #118a43;
    font-style: italic;
}

#wrapper .header ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

#wrapper .header .menu-item{
	    border-right: 1px solid rgb(0, 0, 0);
    border-left: 1px solid #ffffff66;
}

#wrapper .header .menu-item:first-child{
	border-left: none;
}
#wrapper .header .menu-item:last-child{
	border-right: none;
}

#wrapper .header ul li a:hover, #wrapper .header ul li a:focus,
.header .menu-item.active, .dropdown-menu .active a {
    background-color: #630500 !important;
    background-image: none !important;
}

.dropdown-menu>li>a {
    line-height: 3;
}

.dropdown-menu {
    background: #b21117;
    padding: 0px 0px;
}

.aui .nav {
    margin-bottom: 0px;
}

.nav-toggle {
    display: none;
    padding: 3px 10px;
    color: #fff;
    font-size: 24px;
    border-radius: 5px;
    text-align: center;
}

.noti-content {
    padding: 5px 10px;
    background: #ededed;
}

.aui .row {
    margin-right: -15px;
    margin-left: -15px;
}

.row-fix {
    margin-left: 0px;
    margin-right: 0px;
}

.timesytem {
    font-weight: bold;
    text-transform: uppercase;
    color: #AF292E;
    padding: 8px 0px;
    padding-left: 5px;
}

.news-hot .list a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: 0px 10px;
    background: red;
    width: 3px;
    height: 3px;
}

.box-search {
    position: relative;
}

.noti {
    padding: 8px 0px;
}

.box-search .icon {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #888;
    width: 30px;
    text-align: center;
    padding: 10px 0px;
}

.aui .search-box input {
    width: 94%;
    float: right;
}

/* box new */

.list-news-top .list .row .post-img img {

    width: 100%;
    margin-top: 10px;

}

.post-main {
    padding-left: 0px;
    padding-right: 0px;
}

.post-title {
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: justify;
}

.post-title a {
    color: #000000;
    display: block;
}

.post-title a:hover, .post-title a:focus .post-title a:active {
    color: #AF292E;
    text-decoration: none;
}

.description {
    font-weight: normal;
    padding-bottom: 5px;
    border-bottom: 1px solid #e4e4e4;
}

.list-title {
    padding-bottom: 20px;
    text-align: center;
}

.list-title a {
    color: #AF292E;
    font-size: 16px;
    font-weight: bold;
}

.list-title a:hover, .list-title a:active, .list-title a:focus {
    text-decoration: none;
    color: #AF292E;
}

.list {
    font-weight: 500;
}

.list a {
    color: #222222;
}

.list .fa {
    color: #ff0b00;
    font-size: 13.86px;
}

.aui a:hover, .aui a:focus {
    color: #AF292E;
    text-decoration: none;
}

.item-more {
    color: #AF292E;
    float: right;
}

.item-more a:hover, .item-more a:focus, .item-more a:active {
    color: #AF292E;
    text-decoration: none;
}

.slider-main-new .slick-arrow {
    display: none !important;
}

/* box hot */

.box .new-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    background: #AF292E;
    padding: 9px 15px;
}

.box .new-title a:hover, .box .new-title a:focus, .box .new-title a:active {
    text-decoration: none;
    color: #fff;
}

.slider-topnews {
    padding-top: 10px;
}

.slick-slide img {
    display: block;
}

.slide-title {
    font-size: 14px;
    margin-top: 10px;
}

.slide-title a {
    color: #000000;
}

.slide-title a:hover, .slide-title a:focus {
    color: #AF292E;
    text-decoration: none;
}

.slick-arrow {
    z-index: 100;
    background: #dac8c9;
    width: 30px;
    height: 30px;
}

.slick-arrow:hover, .slick-arrow:focus {
    background: #dac8c9;
}

.slick-prev, .slick-next {
    top: 34%;
}

.slick-prev {
    left: 1.8%;
}

.slick-next {
    right: 1.75%;
}

.slick-prev:before, .slick-next:before {
    font-family: "slick";
    font-size: 40px;
    line-height: 0;
    color: #000000;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
}

.slick-prev:before {
    content: "‹";
}

.slick-next:before {
    content: "›";
}

/* box news */

.new-main {
    padding-top: 0px;
}

.new-main img {
    width: 100%;
    max-height: 274px;
}

.main-img {
    padding-left: 0px;
    padding-right: 0px;
}

.main-title {
    padding-top: 10px;
}

.main-title a {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    display: block;
}

.main-title a:hover, .main-title a:focus {
    text-decoration: none;
    color: #AF292E;
}

.main-time {
    font-size: 12px;
    color: #7d7d7d;
    padding-top: 10px;
}

.list-news {
    padding-top: 15px;
}

.new-list {
    padding-top: 20px;
    padding-left: 5px;
}

/* picture video */

.aui .nav-tabs {
    background: #ededed;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.aui .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    cursor: default;
    background-color: #AF292E;
    border: 1px solid #AF292E;
    border-bottom-color: transparent;
}

.aui .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #ededed;
}

.aui .nav-tabs>.active>a, .aui .nav-tabs>.active>a:hover, .aui .nav-tabs>.active>a:focus {
    cursor: default;
    background-color: #AF292E;
    border: 1px solid #AF292E;
    border-bottom-color: transparent;
    color: #ededed;
}

.aui .nav-tabs>li.active {
    border-top: 2px solid #AF292E;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.aui .nav-tabs li a {
    color: #AF292E;
    margin-right: 0px;
    padding-bottom: 7px;
    padding-top: 7px;
}

.tab-pane {
    padding-top: 0px;
}

/* ads */

.banner-ads {
    padding-bottom: 15px;
}

.banner-stick {
    padding-left: 15px;
    padding-right: 15px;
}

.banner-stick .slick-arrow {
    display: none !important;
}

.banner-stick-item {
    padding-left: 0px;
    padding-right: 0px;
}

/* sidebar */

.banner-sidebar-content img {
    width: 100%;
    padding-bottom: 10px;
}

.list-sidebar {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 15px;
}

.list-sidebar li {
    list-style: none;
    margin: 5px;
}

.list-sidebar li a {
    color: #272727;
    font-size: 14px;
}

.list-sidebar li a:hover, .list-sidebar li a:focus {
    color: #AF292E;
    text-decoration: none;
}

.list-line {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #dfdfdf;
}

.dot {
    border-top-style: dotted;
    color: #dfdfdf;
}

.mar-top-10 {
    margin-top: 10px;
}

.list-sidebar .fa {
    color: #ff0b00;
    font-size: 13.86px;
}

.list-sidebar form input {
    margin-bottom: 5px;
}

.form-mail {
    display: grid;
}

.aui .login {
    float: right;
    width: 50%;
}

.event-title {
    font-size: 14px;
    color: #000000;
    text-transform: uppercase;
    padding-top: 10px;
    text-align: center;
}

.event-title a {
    text-decoration: none;
}

.total {
    text-align: center;
    font-weight: bold;
    font-size: 18.66px;
    color: #272727;
}

/* footer */

#footer {
    text-align: center;
    padding-bottom: 20px;
}

#footer .footer-menus {
    text-align: justify;
    left: 10px;
    height: 37px;
    background: #af292e;
}

#footer .footer-menus a {
    color: #fff;
    border: 0 none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    margin: 0;
    outline: 0 none;
    padding: 0;
    margin-top: 5px;
    margin-left: 10px;
    display: inline-block;
}

#footer .footer-menus a:hover, #footer .footer-menus a:focus {
    text-decoration: none;
}

#footer .footer-title {
    padding-top: 10px;
    padding-bottom: 0px;
    color: #ed020b !important;
    text-transform: uppercase;
    line-height: 20px;
    padding-left: 10px;
    font-size: 15px;
}

#footer .footer-content {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding-left: 10px;
}

#footer .footer-content strong {
    color: #1f6aff;
}

.aui #footer {
    text-align: justify;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px
}

/* responsive */

@media screen and (max-width: 1200px) {
    .aui .header .dropdown-menu {
        top: 0px;
    }
    .header .nav.navbar-nav {
        width: 250px;
    }
    .menu-item {
        width: 100%;
    }
    .navbar-nav {
        margin: 0;
    }
    .nav-toggle {
        display: inline-block;
        cursor: pointer;
    }
    .header .nav {
        position: fixed;
        top: 0px;
        height: 100%;
        background: #AF292E;
        left: 0px;
        width: 250px;
        z-index: 100;
        left: -100%;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease;
    }
    .header .show {
        visibility: visible;
        opacity: 1;
        left: 0px;
        transition: all 0.3s ease;
    }
    #overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background: #000;
        opacity: 0.5;
        z-index: 99;
        display: none;
    }
    .header .nav .menu-item {
        display: block;
    }
    .navbar-nav>li {
        float: none;
    }
    .aui .dropdown-menu {
        left: 100%;
    }
}

@media screen and (max-width: 1365px) {
    .slider-main-new .slick-list .slick-track .slick-slide img {
        max-height: 380px;
    }
    .slider-topnews .slick-list .slick-slide img {
        max-height: 134px;
    }
    .main-img img {
        max-height: auto;
    }
    .banner-stick .slick-list .slick-track .slick-slide img {
        max-height: 69px;
    }
    .banner-sidebar-content img {
        max-height: auto;
    }
    .list-sidebar img {
        max-height: 237px;
    }
}

@media screen and (max-width: 991px) {
    #wrapper
    {
        width: auto;
    }
    .hotline {
        display: none;
    }
    .slider-main-new .slick-list .slick-track .slick-slide img {
        max-height: 216px;
    }
    .slider-topnews .slick-list .slick-slide img {
        max-height: 99px;
    }
    .main-img img {
        max-height: auto;
    }
    .banner-stick .slick-list .slick-track .slick-slide img {
        max-height: 53px;
    }
    .banner-sidebar-content img {
        max-height: auto;
    }
    .list-sidebar img {
        max-height: 161px;
    }
    .login {
        float: none;
        width: 100%;
    }
    .list-sidebar {
        padding-left: 5px;
        padding-right: 5px;
    }
    .slick-prev, .slick-next {
        top: 26%;
    }
    .slick-next {
        right: 2.4%;
    }
    .slick-prev {
        left: 2.8%;
    }
}

@media screen and (max-width: 767px) {
	#wrapper .banner-header > div,
	#wrapper .banner-header > div, .header > .nav, #main-content > div:nth-child(2) > .container, #footer .container{
		width: 100%;
	}
	
	#wrapper .header .menu-item{
		border: none;
	}
	
	#wrapper .banner-header .hero-text{
		background-size: contain;
	}
	
	.xemtatca
	{top: 1%;
	}
    .row.row-fix.pad-top-10 .col-md-3.col-sm-3.col-xs-12.content-left {
        margin-top: 10px;
        padding-left: 0px;
    }
    .box-new .col-md-12.col-sm-12.col-xs-12.right{
        padding-top: 10px;
    }
    #wrapper {
        width: auto;
    }
    #wrapper .hero-cover {
        display: none;
    }
    .col-xs-8 {
        width: 100%
    }
    .col-xs-6 {
        width: 100%
    }
    #wrapper .banner-header {
        height: auto;
    }
    #wrapper .bg {
        background: #f7ce6f;
        position: relative;
    }
    .pad-res-top-10 {
        padding-top: 10px;
    }
    .list-title {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .pad-left-0 {
        padding-left: 15px;
        padding-top: 10px;
    }
    .pad-right-0 {
        padding-right: 15px;
    }
    .pull-left {
        float: none !important;
    }
    .pull-right {
        float: none !important;
    }
    .logo {
        display: block;
        text-align: center;
    }
    .logo img {
        width: 14%;
    }
    .hero-text {
        padding-left: 0px;
    }
    .desc__title__main {
        margin-top: 0px;
    }
    .timesytem {
        text-align: center;
    }
    .search {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .aui .search-box input {
        width: 100%;
    }
.box-new .col-md-12.col-sm-12.col-xs-12.right .list-news-top {
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .list-news-top {
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .slider-main-new .slick-list .slick-track .slick-slide img {
        max-height: 461px;
    }
    .slider-topnews .slick-list .slick-slide img {
        max-height: 222px;
    }
    .slick-prev, .slick-next {
        top: 34%;
    }
    .slick-prev {
        left: 1.8%;
    }
    .slick-next {
        right: 1.8%;
    }
    .main-img img {
        max-height: auto;
    }
    .new-list {
        padding-top: 10px;
    }
    .banner-sidebar-content img {
        max-height: auto;
    }
    .list-sidebar img {
        max-height: 800px;
    }
    .banner-stick .slick-list .slick-track .slick-slide img {
        max-height: 136px;
    }
    .list-sidebar {
        padding-left: 15px;
        padding-right: 15px;
    }
    #footer {
        padding-left: 0px;
        padding-right: 0px;
    }
    #footer .footer-menus {
        width: auto;
        position: inherit;
    }
    #footer .footer-title {
        padding-top: 10px;
    }
    .mar-bot-20 {
        margin-bottom: 10px;
    }
    .box-sidebar.mar-top-10 {
        margin-top: 10px;
    }
}

@media screen and (min-width: 1366px) {
    .slider-main-new .slick-list .slick-track .slick-slide img {
        max-height: 380px;
    }
    .slider-topnews .slick-list .slick-slide img {
        max-height: 160px;
    }
    .main-img img {
        max-height: auto;
    }
    .banner-stick .slick-list .slick-track .slick-slide img {
        max-height: 82px;
    }
    .banner-sidebar-content img {
        max-height: auto;
    }
    .list-sidebar img {
        max-height: 296px;
    }
}

/* new post */

.main-content .article .title-news, .main-content .article .asset-full-content {
    padding: 0px 15px;
}

.main-content .article .title-news h1 {
    line-height: 1.1;
    margin-top: 0px;
    padding-top: 20px;
    margin-bottom: 10px;
}

.main-content .article #share-social {
    float: right;
    padding-right: 30px;
}

.main-content .article #share-social .fa-facebook {
    color: white;
    background-color: #3067a3;
    padding: 3px 5px;
}

.main-content .article #share-social .fa-twitter {
    color: white;
    background-color: #00aced;
    padding: 3px;
}

.main-content .article #share-social .fa-google-plus {
    color: white;
    background-color: #dd4b39;
    padding: 3px;
}

.main-content .article .news-related .title {
    background: #823507;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 10px;
    margin: 0px;
}

.main-content .article .other_assets_news {
    padding: 10px;
}

.main-content .article .news-related .other_assets_news li {
    margin-bottom: 0px;
    padding-bottom: 5px;
}

.main-content .article .news-related ul li {
    padding: 10px 20px;
    border-bottom: 1px dotted #eee;
    position: relative;
    list-style: none;
}

.aui .main-content .article .news-related ul li a {
    color: #222222;
    font-weight: 500;
    font-size: 14px;
}

.aui .main-content .article .news-related ul li a:hover {
    color: #AF292E;
    text-decoration: none;
}

.aui .main-content .article .news-related ul a:before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    background: #ff0b00;
}

.main-content .article .asset-content {
    margin-right: 0px;
    margin-left: 0px;
}

.aui .breadcrumb {
    background: #fff;
    font-size: 20px;
    margin: 5px 0px 0px 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 1px 4px 0 rgba(50, 50, 50, 0.2);
	border-top: 2px solid #823507;
}

.breadcrumb > li + li:before{
	content: none;
}

.aui .breadcrumb-truncate:before {
    content: none;
}

.taglib-social-bookmarks {
    display: none;
}

.box-news-xx .image {
    width: 180px;
    float: left;
    margin-right: 20px;
}

.box-news-xx .image img {
    width: 100%;
}

.box-news-xx .h2-title-xx, .box-news-xx .h2-title-xx a {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    margin: 0px;
    font-family: Arial;
    color: #222222;
}

.box-news-xx .h2-title-xx a:hover, .box-news-xx .h2-title-xx a:active, .box-news-xx .h2-title-xx a:focus {
    color: #AF292E;
    text-decoration: none;
}

.aui .breadcrumb a {
    color: #AF292E;
    text-decoration: none;
}

.box-news-xx {
    padding: 20px 15px;
    border-bottom: 1px dotted #eee;
}

.box-news-xx .image {
    width: 180px;
    float: left;
    margin-right: 20px;
}

.box-news-xx .image img {
    width: 100%;
}

.box-news-xx .h2-title-xx, .box-news-xx .h2-title-xx a {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    margin: 0px;
    font-family: Arial;
    color: #222222;
}

.box-news-xx .date_post {
    display: block;
    margin: 7px 0px;
    color: #777;
}

.box-news-xx .date_post .-ap {
    color: #005aa0;
    margin-right: 7px;
}

.box-news-xx .hot-news-sapo-x {
    font-size: 13px;
}

.portlet-site-map ul {
    margin-left: 0px;
    position: relative;
}

.portlet-site-map ul:before {
    top: 15px;
    position: absolute;
    content: "";
    width: 1px;
    border-left: 1px solid #b21117;
    bottom: 12px;
}

.portlet-site-map ul ul {
    margin-left: 50px;
}

.portlet-site-map ul>li>a {
    text-transform: uppercase;
    color: #b21117;
    padding-left: 15px;
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
    position: relative;
    padding-left: 40px;
}

.portlet-site-map ul>li>a:before {
    content: "";
    position: absolute;
    left: 0px;
    width: 30px;
    height: 2px;
    top: 0px;
    margin: auto;
    bottom: 0px;
    border-bottom: 1px solid #b21117;
}

.portlet-site-map ul>li>a:after {
    width: 5px;
    height: 5px;
    background: #b21117;
    position: absolute;
    content: "";
    top: 2px;
    left: 30px;
    bottom: 0px;
    margin: auto;
}

.portlet-site-map ul ul:before {
    position: absolute;
    width: 2px;
    border-left: 1px dotted #343434;
    content: "";
    top: 0px;
    bottom: 12px;
}

.portlet-site-map ul ul>li {
    position: relative;
    padding-left: 30px;
}

.portlet-site-map ul ul>li>a {
    color: #343434;
    display: block;
    text-transform: none;
    position: relative;
    font-weight: normal;
    margin-bottom: 10px;
    padding-left: 0px;
    font-size: 14px;
}

.portlet-site-map ul ul>li>a:after {
    display: none;
}

.portlet-site-map ul ul>li>a:before {
    content: "";
    position: absolute;
    left: -30px;
    width: 30px;
    height: 2px;
    top: 0px;
    margin: auto;
    bottom: 0px;
    border-bottom: 1px dotted #343434;
}

.tthc-treeview ul>li>a {
    color: #b21117;
}

.tthc-treeview ul>li>a::before {
    border-bottom: 1px solid #b21117;
}

.tthc-treeview ul>li>a::after {
    background: #b21117;
}

.row.slick-slide a {
    color: black;

}
.row.slick-slide a:hover {

text-decoration: none;
color: #2277b3;
}

@font-face {
  font-family: 'Roboto Condensed';
  font-weight: normal;
  font-style: normal; }

/* Normal */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: normal;
  src: local("Roboto Condensed Regular"), local("RobotoCondensed-Regular"), url("/portal-tnn-bandantoc-theme/font/RobotoCondensed-Regular.ttf") format("truetype");
}

/* Bold */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: bold;
  src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("/portal-tnn-bandantoc-theme/font/RobotoCondensed-Bold.ttf") format("truetype");
}
.ngonngu {
    width: 187px;
    height: 24px;
    line-height: 20px;
    background: url(/portal-tnn-bandantoc-theme/images/ngonngu.png) no-repeat;
    position: absolute;
    top: -1px;
    right: 20px;
    z-index: 9;
    color: #fff;
    text-align: center;
}
.xemtatca {
    text-transform: uppercase;
    background: url(/portal-tnn-bandantoc-theme/images/next2.png) no-repeat right;
    font-size: 14px;
    color: white !important;
    padding-right: 18px;
    position: absolute;
    top: 1.5%;
    right: 10px;
    line-height: 18px;
}.box-router.pad-top-10 .col-md-12.col-sm-12.col-xs-12 .new-content .row .col-md-6.col-sm-6.col-xs-12 .list-news-top .list .row {
    display: inline-block;
    padding: 6px 4px 5px 15px;
    vertical-align: top;
    width: 100%;
    font-size: 14px;
    color: #333333;
    font-weight: normal;
    line-height: 19px;
    border-bottom: 1px solid #ccc;
    background: rgba(0, 0, 0, 0) url(/portal-tnn-bandantoc-theme/images/icon2.png) no-repeat scroll left 10px;
}
.box-sidebar.mar-top-10 .row.slick-slide {
    display: inline-block;
    padding: 6px 20px 5px 15px;
    vertical-align: top;
    width: 100%;
    font-size: 14px;
    color: #333333;
font-weight: normal;
line-height: 19px;
border-bottom: 1px solid #ccc;
background:
rgba(0, 0, 0, 0) url(/portal-tnn-bandantoc-theme/images/icon2.png) no-repeat scroll left 10px;
margin-left: 5px;}
.post-new a img {
	width: 100%;
    height: 150px;
}

.menu-item .dropdown-menu > li:not(:last-child) {
	border-bottom: 1px solid #ccc;
}

.navbar-nav > li > .dropdown-menu {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;

}
.bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 3;
}

.box-sidebar.links .col-md-12.col-sm-12.col-xs-12 {
  margin: 0 0px;
  padding: 0 0px;
}
.box-sidebar.links .col-md-12.col-sm-12.col-xs-12 .row {
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  margin-right: 5px;
}
.post-img-mid {
  margin: 0px 5px;
}
.post-new-quang-cao {
    margin-left: 5px;
    margin-right: 5px;
}
.box-sidebar.links .col-md-12.col-sm-12.col-xs-12 .row img {

    width: 100%;

}
.portlet-site-map ul > li > a {
	color: #AF292E;
}
.portlet-site-map ul > li > a:hover
{
	color: #009cdd;
}
.navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
}

.title-main name {
  padding: 0px 0px;
  color: #fff;
  margin: 7px 10px;
  position: absolute;
  font-weight: normal;
}

#fsearch {
  width: initial !important;
  margin-top: 10px;
}

.video-box  p {
    padding-right: 10px;
    padding-left: 15px;
}

.video-box  a {
    color: #333333;
}

.television  .list {
    padding-right: 10px;
    padding-left: 15px;
}

.television  .list li {
    line-height: inherit;
}

#wrapper .box-sidebar.television .list > li:before {
content: "";
    position: absolute;
    top: auto;
    left: 0;
    width: 4px;
    height: 4px;
    background: #9b0a03;
    margin-top: 8px;
    margin-left: 8px;
}

.video-image a {
    height: 140px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
}

.video-title a {
    color: #272727;
    font-size: 13px;
}
