.icon-close{width:20px;height:20px;display:inline-block;position:relative;background:none}
.icon-close:before,.icon-close:after{content:"";position:absolute;width:130%;height:2px;background:#000;top:50%;left:50%}
.icon-close:before{transform:translate(-50%,-50%) rotate(-45deg)}
.icon-close:after{transform:translate(-50%,-50%) rotate(45deg)}

.boxtop3{min-height:348px;}
.h2fs15{font-weight:600;font-family:"Roboto Condensed","Roboto Slab",'Noto Sans',Roboto,Tahoma,Helvetica,Verdana,Arial;font-size:15px;margin-bottom:5px;}
.overflow-5x3{overflow:hidden;display:inline-block;width:100%;height:0;padding:0;position:relative;padding-bottom:60%}
.overflow-2x1{overflow:hidden;display:inline-block;width:100%;height:0;padding:0;position:relative;padding-bottom:50%}
.overflow-4x6{overflow:hidden;display:inline-block;width:100%;height:0;padding:0;position:relative;padding-bottom:150%}
.overflow-4x3{overflow:hidden;display:inline-block;width:100%;height:0;padding:0;position:relative;padding-bottom:75%}
.overflow-5x6{overflow:hidden;display:inline-block;width:100%;height:0;padding:0;position:relative;padding-bottom:120%}
.overflow-10x9{overflow:hidden;display:inline-block;width:100%;height:0;padding:0;position:relative;padding-bottom:90%}
.overflow-20x9{overflow:hidden;display:inline-block;width:100%;height:0;padding:0;position:relative;padding-bottom:45%}
.overflow-5x3 img,.overflow-4x3 img,.overflow-16x9 img,.overflow-2x1 img,.overflow-4x6 img,.overflow-5x6 img,.overflow-10x9 img,.overflow-20x9 img{transform:translate(0%,-50%);position:absolute;top:50%;left:0;width:100%;height:auto;min-height: 100%;top:0;transform:translate(0%,0%);}
.overflow-5x3 .img-horizontal-5x3,.overflow-4x3 .img-horizontal-4x3,.overflow-16x9 .img-horizontal-16x9,.overflow-2x1 .img-horizontal-2x1,.overflow-4x6 .img-horizontal-4x6,.overflow-5x6 .img-horizontal-5x6,.overflow-10x9 .img-horizontal-10x9,.overflow-20x9 .img-horizontal-20x9{object-fit:cover;transform:translate(-50%);position:absolute;top:0;left:50%;width:auto!important;max-width:none!important;height:100%;min-width:100%;}

#titlemoinhatcate a.active{width:80px;height:31px;}
#topbox160 h2,#topbox160 h3{margin:0px;}
.titlecate h1, .titlecate h2{margin:0px;}
#box160 #topbox160{height:26px;line-height:26px;}
.boxtopcate .top3{width:158px;}
/* .box1 .catename .icon-subMenu{display:none;} */
.box1 .catename{position:relative;}
.wappercontainer{float:left;width:100%}
.wapper{width:100%}
.mt24h .topbox h2,#topbox300 h2{margin-top:0;margin-bottom:0}
.mt24h .topbox h2{padding-top:3px;font-weight:600}
.mt24h .topbox{height:28px}
.topnewhp1 h2{font-weight:600;font-size:20px!important;font-family:"Roboto Slab",'Noto Sans',Roboto,Tahoma,Helvetica,Verdana,Arial}
.top3{margin-right:12px}
.top3 h2{font-weight:600;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.titlexn a{height:30px}
#titlemoinhatcate a{width:80px}
#titlemoinhatcate a.active{width:80px;height:32px}
#titlexemnhieucate{width:192px}
#titlexemnhieucate a.active{width:192px;height:30px}
.tinphai{width:276px}
.mt24h .tinphai{height:auto!important}
.mt24h .tinphai .slimScrollDiv{height:139px!important}
.tintrai h3,#topbox300 h2{font-weight:600;font-size:20px!important;}
.navbar-default .navbar-toggle .icon-bar{background-color:#FFF;}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px;}
.mobi-item .title{font-size:13px;color:#fff;font-family:"Roboto Slab";line-height:25px;height:25px;}
.displaynone,.an{display:none;}
#search .searchboxico{float:right;margin-top:4px;margin-right:4px;}
#search input.inputtext{border:0 none;padding:6px 5px 5px;float:left;width:100px;color:#BAB6B6;font-size:11px;-moz-box-flex:1;background:none repeat scroll 0 0 #FFF;border:medium none;width:90%;outline-style:none;box-shadow:none;border-color:transparent;}
.videoWrapper169{position:relative;padding-bottom:58.25%;padding-top:25px;height:0;width:100%;overflow: hidden;}
.videoWrapper169 .i-video,.videoWrapper169 .iframe,.videoWrapper169 iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.box1 .catename .subMyMenu{position:absolute;right:0;width:100%;max-width:200px;top:100%;margin-top:5px;display:none;z-index:9999;border:1px solid #ececec;box-shadow:0 0 3px rgba(0,0,0,0.15);background:#fff;border-radius:2px}
.box1 .catename .subMyMenu:after{content:"";position:absolute;right:5px;bottom:100%;margin-bottom:-1px;background:url(../images/graphics-new/i-arrow-menu.png) no-repeat;width:14px;height:14px}
.box1 .catename .subMyMenu li{float:left;width:100%;text-align:left;padding:0}
.box1 .catename .subMyMenu li:first-child{padding-top:5px}
.box1 .catename .subMyMenu li:last-child{padding-bottom:5px}
.box1 .catename .subMyMenu li{padding-top:0;padding-bottom:0;line-height:36px;padding-left:5px;}
.nav-main > ul > li.menushow a{padding:0 10px;font-size:12px;cursor:pointer;}
.nav-main > ul > li > a, .nav-main > ul > li:first-child > a{position:relative;line-height:inherit;padding:0 9px;margin:0;font-size:12px;font-weight:600;}
.nav-main > ul > li:not(:first-child) > a:before{content:'';position:absolute;left:0;top:50%;width:2px;height:100%;max-height:15px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1;}
.nav-main li .subMyMenu{background:#f8f8f8;visibility:hidden;opacity:0;color:#333;list-style:none;padding:0;border-top:none;box-shadow:1px 2px 3px #ed1c24;line-height:1.42857143;text-align:left;position:absolute;width:160px;right:0;top:100%;margin:0;margin-top: 1px;z-index:9999;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-webkit-transform:translate(0px,15px);-ms-transform:translate(0px,15px);transform:translate(-30px,-15px)}
.nav-main li:hover .subMyMenu{visibility:visible;opacity:1;-webkit-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate(0px,0px)}
.nav-main li .subMyMenu li{float:left;width:100%;line-height:36px;margin:0;padding:0 10px 0 5px;cursor:pointer;position:relative;border-bottom:1px solid #ed1c24;-moz-transition:all .1s linear;-ms-transition:all .1s linear;transition:all .1s linear;-webkit-transition:all .1s linear}
.nav-main li .subMyMenu li a{background: transparent;color:inherit;}
.nav-main li .subMyMenu li:hover{color:#fff;background:rgba(29, 94, 127, 0.9);}
.nav-main li .subMyMenu li.active{background:#ed1c24;color:#fff}

@media (min-width:1200px) {
.container{width:1040px}
}
@media (max-width:1024px) {
.container{padding-left:10px;padding-right:10px;width:1024px;}
.img,.box1 .list li img{width:100%;height:auto}
.tophotline,.toporder{font-size:11px;top:5px}
.lotxt{font-size:10px}
.centerhead .paddingtop20 img{width:290px}
.nav-main > ul > li > a{font-size:13px}
#col2, .boxxemnhieu, .mt24h, .tinphai{width:268px;}
#titlexemnhieucate{width:120px}
.topview{right:10px!important}
#titlemoinhatcate a{width:82px}
#titlemoinhatcate a.active{width:76px;height:30px}
#titlexemnhieucate a.active{width:120px}
.boxxemnhieu{height:auto}
#colleft{width:calc(100% - 310px)}
.tintrai2{width:270px}
.box1 .list li{width:204px}
.boxalbum,.boxcustomer{width:100%}
.boxalbum .list{width:290px}
.list .bx-wrapper,.topalbum .bx-wrapper{max-width:290px!important}
.topalbum{width:290px}
.tinanh{left:330px!important}
.boxalbum .catename{left:508px!important}
.namealbum{width:285px;height:70px!important}
.divalbumvideo .bx-wrapper{overflow:hidden}
.boxcustomer .slider2 li{margin-right:24px}
.arrrcate{margin-top:6px;}
#colcate2{margin-right:15px;}

.menuhide{display:none;}
.menushow{display:block!important;}
}
@media (max-width:768px) {
.fsm100{width:100%;}
#wrapper_left{width:100%;}
#wrapper_right{display:none;}
.mega-menu{top:75%;}
.container{padding-right:10px;padding-left:10px;width:100%}
.topnew{width:100%;height:auto}
.navbar-header{background:#FFF;background:#FFF}
.navbar-header .navbar-brand{padding-left:5px}
.navbar-header .head-col-right{background:#ed1c24;float:right;position:relative;height:60px;width:calc(100% - 191px)}
.navbar-header .head-col-right:before{content:"";position:absolute;left:-35px;right:100%;top:0;bottom:0;background:linear-gradient(to bottom right,transparent 50%,#ed1c24 51%)}
.head-col-right .mobi-item{float:right;height:60px;margin:0;padding:5px;text-align:center;width:75px}
.mobi-item .icon,.mobi-item .title{float:none;display:inline-block;line-height:25px;height:25px;width:100%;text-align:center;margin:0;padding:0;border:none;font-size:13px;color:#fff}
.mobi-item .icon{max-width:25px}
.mobi-item .title{font-size:13px;color:#fff;font-family:"Roboto Slab";line-height:25px;height:25px}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background:none}
.nav-mobi{margin:0;padding:5px 0}
.navbar-default .nav-mobi>li>a{margin:5px 0}
.navbar-toggle .icon-bar{background-color:#fff;-webkit-transition:.5s all;-moz-transition:.5s all;transition:.5s all;float:right}
.collapse-in .navbar-toggle .top-bar{-webkit-transition:.5s all;-moz-transition:.5s all;transition:.5s all;transform:rotate(45deg);width:30px;position:relative;top:6px}
.collapse-in .navbar-toggle .out{display:none;-webkit-transition:.5s all;-moz-transition:.5s all;transition:.5s all}
.collapse-in .navbar-toggle .bottom-bar{-webkit-transition:.5s all;-moz-transition:.5s all;transition:.5s all;transform:rotate(-45deg);width:30px}
.slick-slide img{width:100%;height:auto;}
#col2{margin-bottom:10px;}
.tintrai,.tinphai{width:100%!important;}
.tintrai img{margin-bottom:10px;}
.tinanh{left:303px!important;}
.boxalbum .catename{display:none;}
.boxalbum .list{width:50%;padding-left:0px;margin:10px 0px;}
.namealbum{width:100%;height:auto!important;min-height:70px;top:140px!important;}
.topalbum{width:45%;margin-right:0px;margin-left:10px;}
.tinanh{left:204px!important;}
.bx-wrapper .bx-viewport{left:0px;}
.nameva{font-weight:600;font-size:16px;color:#FFF;}
.divalbumvideo,.box1 .catename ul{display:none;}
.list .bx-wrapper{max-width:438px!important;}
.tintrai2,.tinphai2,.tinphai2 .bot2,.tinphai2 .bot2 li{width:100%;float:left;font-size:16px;font-weight:600;}
.tinphai2 .top2 li{width:45%;margin-right:10px;}
.tinphai2 .top2 li:last-child{margin-right:0px;}
.borbotred{display:inline-block;width:calc(100% - 50px);}
.catename{position:relative;}
.box1 .catename .subMyMenu li:first-child{padding-top:5px;}
.subMyMenu li{float:none;display:inline-block;position:relative;font-size:14px;padding:5px 10px;}
.subMyMenu a{loat:left;width:100%;padding:5px 5px 5px 10px;font-size:14px;line-height:36px;}
.box1 .catename .icon-subMenu{display:inline-block;margin-left:-4px;width:20%;width:calc(50px);text-align:right;vertical-align:middle;padding-right: 10px;}
.box1 .catename .icon-subMenu .i-icon{font-size:20px}

#colcate1{width:calc(100% - 200px);}
#col1{width:calc(100% - 225px);}
#col2, .boxxemnhieu, .mt24h, .tinphai{width:215px;margin-right:0px;}
#colcate2{float:right;margin-right:0px;}
#col3{width:100%;}
#col3 #box300{width:48%;float:left;margin-right:10px;}

#newscontents img {text-align:center;padding:5px 10px;max-width:100%!important;height:auto!important;}
#colleft{width:100%;margin-right:0px;}
#colright{width:100%;}
#colright #box300{width:48%;margin-right:10px;float:left;}
#register table{width:100%;}
.boxdatbao td{text-align:left;}
}
@media(max-width:736px){
	#col1{width:100%;}
	#col2{display:none;}
}
@media(max-width:667px){
  .mx_mb{width:100%!important;margin:0px;}
	html,body{max-width:100%!important;}
	.navbar{margin-bottom:10px;}
	.wappercontainer .container{padding:0px!important;}
	#wrapper_left,#txtinfocomment,.evtname{width:100%;}
	#vTicker-event-news,#linkshare .sharelike,.box1 ul{width:100%!important;}
  .box1 .row{width:100%!important;margin:0px;}
  #wrapper_right{width:100%;margin-right:0px;}
  .fontd,#newscontents{font-size:20px!important;}
	#newscontents table{width:100%!important;}
	a.link1,#midbox160 li a,.tintrai h3,#topbox300 h2{font-size:18px!important;;}
	.block_tag .tag_item,a.link2,#style1 a, #newsrelated1 li{font-size:16px!important;}
	.baonoipc{position:fixed;left:0px;top:180px;z-index:100;}
	.downlist{position:absolute;top:8px;right:73px;}
	.closebaonoi2{position:absolute;top:8px;right:45px;}
	.playerbaonoi{width:240px;}
	.stage2{width:100%;}
	#content{float:left;width:100%;padding:0px 10px;}
	#footer{padding:0px 10px;}
	.box1,.tab-content-list-item{padding:0px 5px!important;}
}
@media (max-width:568px) {
.content-fck iframe{width:100%;}
#colright #box300{width:100%!important;}
.top3 h2{font-size:15px!important;}
.top3 .fs16{font-size:16px!important;}
.tinphai2 .top2 li{width:100%;}
.tinphai2 .top2 li img{display:none;}
.top3{width:100%;height:auto;padding:0px 6px;}
.top3 img{display:none;}
.top3 .overflow75{height:auto!important;}
#col2{display:none}
#col1,#col2,#colleft,#colright,.boxxemnhieu,.mt24h,.tinphai,.tintrai,.tinphai,.tintrai2,.box1 .list li,#box300{width:100%;margin-top:5px;}
#col3,.tophead,.centerhead .fright,.box1 .catename ul{display:none}
.footerright{float:left}
.list .bx-wrapper, .topalbum .bx-wrapper{width:100%;max-width:480px!important;}
.boxcustomer .slider2 li{width:160px!important}
.tintrai{padding-right:0px;}
.tintrai .desc{margin-top:5px;}
.tintrai .marginright10{margin-right:0px!important;}
.boxalbum .list{width:100%;padding-left:0px;margin:10px 0px;}
.namealbum{width:100%;height:auto!important;min-height:20px;top:auto!important;}
.topalbum{width:100%;margin-right:0px;}
.tinanh{left:204px!important;}
.bx-wrapper .bx-viewport{left:0px;}
.nameva{font-weight:600;font-size:16px;color:#FFF;}
.divalbumvideo{display:none;}

#colcate1,#colcate2,#col3{width:100%;}
.boxtopcate .top3{width:100%;height:auto!important;}
.top3 h2{margin:0px;}
.boxtinmoi .desc{width:100%;margin-top:10px;}
.boxtinmoi li h3{font-weight:600;}
#box160{width:100%;}

#albumphotocol{width:50%;}
.navbar-brand>img{display:block;max-width:100%;border:0px;}
}
@media (max-width:414px) {
	.videoWrapper169{height:260px;}
}

@media (max-width: 360px){
.boxcustomer .slider2 li{width:44%!important;text-align:center;margin-right:0px;}
.tinanh{left:165px!important;}
.navbar-header .head-col-right{width:calc(100% - 186px);}
.navbar-brand{max-width:162px;padding:5px 15px;padding-left:5px;padding-top:21px;}
}

@media (max-width: 320px){
.boxcustomer .slider2 li{width:44%!important;}
.tinanh{left:165px!important;}
.navbar-header .head-col-right{width: calc(100% - 146px);}
.navbar-brand{max-width:138px;padding:5px 15px;padding-left:5px;padding-top:21px;}
}