
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
.menumobile {
    display: none;
    position: fixed;
    z-index: 100;
    width: 100%;
	background:#F0F8FF;
}
.menumobile .bg-search {line-height:normal !important; padding:3px 10px !important; width:160px;}
.menumobile .box-search input#btnSearch {height:auto !important}

@media only screen and (min-width: 1281px) {
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    header { padding: 0 20px; }
    .homeimage .warp-box-image .topimage4 .img-item4 img { height: 125px !important; }
    .homemedia .warp-box-video .lstvideo .lst-boxvideo { display: flex !important; }
        .homemedia .warp-box-video .lstvideo .lst-boxvideo .image { float: left !important; margin-right: 15px; width: 120px !important; height: 78px !important; object-fit: cover; }
    .scroll-chidaodh { height: 260px; overflow-y: scroll; float: left; }
}
/*
@media (max-width: 1024px) {
	
	header {padding:0 10px;}
    .full-left, .copyright .info { width: 100%; }
    .fullcontent, footer { padding: 0 20px; }
    .banner-left img { width: 100%; }

    .full-right, .sitemap { display: none; }
    #cssmenu > ul > li > a { padding: 0 36px !important; }
    .event { display: none; }
    .home-info { margin-top: 20px; }
    .menumobile { display: none; }
	.header-site .header-menu {
		    width: 342px;
    float: right !important;
    padding-top: 15px;
    margin-right: 20px;
	}
	.menu-footer ul.menu li {padding:0 10px;}
	
	.full-left .fixshow {display:block !important; background: #FFEEAA;}
	.full-left .banner-left {display:none;}
	.full-left .fixshow img {width:300px;}
	.banner-home {margin-bottom:10px;}
	.banner-home div {display: inline-flex; margin:0 auto;}
}
*/


@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	header {padding:0 20px;}
    .full-left, .copyright .info { width: 100%; }
    .fullcontent, footer { padding: 0 20px; }
    .banner-left img { width: 100%; }

     .full-right { width: 100%; }
    .qc-right img { width: auto; text-align: center; margin: 0 auto; }
    #cssmenu > ul > li > a { padding: 0 10px !important; font:14px/35px Roboto,Arial,Tahoma !important;}
    /*.home-info { margin-top: 20px; }*/
    .menumobile { display: none; }
    .homenew2 .wrap .first .image { float: left; margin-right: 15px; width: 158px; height: 104px; /* border: 1px solid #EEE; */ object-fit: cover; }
    .banner3 div { width: calc(33.3333% - 15px) }
        .banner3 div img { width: 100%; }
    .homeimage .warp-box-image .topimage4 .img-item4 img { height: 98px; }
    .homemedia .warp-box-video .lstvideo .lst-boxvideo { display: inline-block; }
        .homemedia .warp-box-video .lstvideo .lst-boxvideo .image { float: none; width: 100%; height: auto }
	.header-site .header-menu {
		    width: 342px;
    padding-top: 15px;
	}
	.menu-footer ul.menu li {padding:0 10px;}
	
	.full-left .fixshow {display:block !important; background: #FFEEAA;}
	.full-left .banner-left {display:block;}
	.full-left .fixshow img {width:300px;}
	.banner-home {margin-bottom:10px;}
	.banner-home div {display: inline-flex; margin:0 auto;}
	.scroll-media {
		height: 390px;
		overflow-y: scroll;
		float: left;
	}
	.detailnew .detail img {width:100% !important}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .menumobile { display: none !important; }
    .full-left { width: 68.5546875% !important; float: left; }
    .full-right { max-width: 29.296875% !important; float: right; }
    #cssmenu > ul > li > a { padding: 0 18px !important; font:14px/35px Roboto,Arial,Tahoma !important;}
    .full-right, .sitemap { display: block !important; }

    /*.fullcontent, footer { padding: 0 !important; }*/
    .banner-left img { width: 100%; }
    /*.home-info { margin-top: 20px; }*/
	/*.homenew1 .s4-wpcell-plain {width:100%;}*/
	.scroll-topnew li a {font-weight:700;display: block;}
	/*.slider-new .topleft {border-bottom:1px solid #DDD; padding-bottom:15px;}*/
	.qc-right img {width:100% !important}
	.scroll-topnew li .small-new {width: 100px;margin-right: 10px;object-fit: cover;height: 68px;float:left;}
		.detailnew .detail img {width:100% !important}

}


@media only screen and (min-width: 481px) and (max-width: 767px) {
	.box-dieuhuong { padding: 0; line-height: normal; margin: 10px 0; }
	.header-menu-mobile {text-align:center;}
	.menumobile{display:block !important;}
    .menumobile { background: url(../images/bg-head.png) no-repeat center bottom; }
    .header-menu-mobile img { margin-top: 10px; width: 210px; }
    .header-site .logo img { width: 50%; }
    .full-left, .copyright .info, #featured .ui-tabs-panel { width: 100% !important; }
    .fullcontent, footer { padding: 0 20px; }
    .banner-left img { width: 100%; }

    .sitemap, #cssmenu, #featured ul.ui-tabs-nav { display: none !important; }
        #cssmenu > ul > li > a { padding: 0 16px !important; }
    .cssmenu, header { display: none; }
    .home-info { margin-top: 20px; }
    #featured { min-height: 500px !important; }
    .head-cm ul li:nth-child(n + 2) { display: none !important; }
    .ltstop4 ul li { width: 100%; float: none !important; margin-bottom: 20px; display: -webkit-inline-box; }
    .ltstop2 .top2 { width: 100%; float: left; margin-bottom: 10px; }
        .ltstop2 .top2 a img { width: 140px; float: left; margin-right: 10px; margin-bottom: 10px; }
        .ltstop2 .top2 .info a { padding: 0; }
    .lts-bovoicongdan ul li { width: 100%; margin: 0; border: none; padding-right: 0; }
    .lts-bovoicongdan ul { padding-left: 25px; }

    .menu-footer { padding-top: 10px; display:none; }
    .bottomfooter { padding-top:26px; font-size:13px; }

    .head-cm .xemthem { display: none; }
    .box-new-home .right img { /*display: none;*/ }
    .left-listnew .new1n { border-left: none; padding-left: 14px; width:100%; margin-top:10px; }
    .lts-new li:nth-child(n+6) { display: none; }
    .contentContainer .newsItem img { width: 140px; }
    .otherListNews ul, .dongsukien ul { margin-left: 17px; }
    .detail img { width: 300px !important; }
	.detailnew .detail table {width:100% !important;text-align:center;}
    /*.box-dieuhuong li:last-child { display: none; }*/
	
	.lts-bovoicongdan .search-vb {display:none;}
	.slider-new .topleft,.slider-new .topright {width:100%;}
	.title-new-hot {display:none;margin-top:10px;}
	.left-listnew .new0 {width:calc(100% - 2px);}
	
	table.library thead { display: none; }
	table.library td:before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }
	table.library tr td {display:block; text-align:right; border-right:1px solid #DDD; overflow:auto; line-height:18px;}
	table.library tr {margin-bottom: 10px; display: block; border: 1px solid #DDD;}
	
	.box-lienket ul {display:inline;}
	.box-lienket ul li {margin-right:0; margin-bottom:5px;display:block;}
	.box-lienket img {width:100%;}
	
	.search-advan {background:#FFFDDF !important; height:auto; padding:10px !important; border-radius:10px 10px !important; border:1px solid #ddd;}
	.txtinput select {width:100% !important;margin-right:0 !important;margin-bottom:10px !important;}
	.btn-search {margin: 0 auto; display: -webkit-box;}
	.control-search .label {display:none;}
	.control-search .txtinput {float:left !important; width:calc(100% - 14px) !important;margin-bottom:10px;}
	.form-comment-news1 li span.label {width:100% !important; padding-left:0 !important; font:100 13px/18px Roboto,Arial,Tahoma !important;}
	.form-comment-news1 li input[type=text].txt{width:calc(100% - 10px);}
	
	.left-listnew {border-bottom:none;}
	.box-new-home {border-bottom:none;}
	.ui-dialog {width:calc(100% - 24px) !important;}
	
	.form-email {padding:0 !important;}
	.form-email li input[type=text], 
	.form-email li select, 
	.form-email li textarea {width:100% !important;}
	.slider-new .topright {margin-top:10px;}
	.lts-new li a{font-weight:bold;}
	.menu-footer ul.menu li a {font:700 13px/25px Roboto,Arial,Tahoma;}
	
	.canboinfo .anhdaidien img {width:130px;}
	.canboinfo .anhdaidien {width:140px;}
	.full-right {width:100%;}
	.lts-cmanh .top1 img {max-width:100% !important;}
	.link-banner ul li img {margin:0 auto; display:none;}
	.fixdisplay {display:none;}
	.newsTool {display:none;}
	.search-advan {display: inherit !important; margin-bottom:20px; overflow:auto;}
	#menuphai {display:none;}
	.boxtimkiem {width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;}
	table.library tr td a {color:#0072c6 !important; text-shadow: 0px 0px 5px #999; font-weight: bold;}
	.full-left .fixshow {display:block !important;}
	.full-left .banner-left {display:block;}
	.qc-right img {
		display: none;
		width: 100%;
	}
	.bottomfooter .sitename {font: 700 15px Roboto,Arial,Tahoma;}
	#ctl00_ctl35_g_4f8949b2_4b31_4052_bae7_6448095e83d1 {display:none;}
	
	
	.lts-bovoicongdan ul li:nth-child(n + 3) {display:none;}
	.box-lienket ul li:last-child {display:none;}
	.box-truyna .stt {display:none;}
	table.library tr td:nth-child(n + 5):nth-child(-n + 6) {display:none !important; }
	table.library tr td:last-child{display:none;}
	
	footer { overflow: auto; background: #be1e2d url(../images/bg-footer-mobile.png) repeat-x center top; min-height: 200px; }
	.copyright {min-height:auto;}
	.topfooter {min-height:130px;}
	.vanbanduthaoitem, .vanbanduthaoitem.le {padding:0; background:#FFF;margin-bottom:15px;}
	.vanbanduthaoitem div.title {text-align:justify;}
	.vanbanduthaoitem div.title a {font: 700 15px/21px Roboto,Arial,Tahoma;}
	.vanbanduthaoitem .desc {display:none;}
	.vanbanduthaoitem div.title {margin-bottom:0;}
	.copyright .info {width:80% !important;}
	.fullcontent {padding-top:90px;}
	.banner-home div div:nth-child(2n){display:none;}
	.homenew1 .s4-wpcell-plain {width:100%;}
	.homenew1 .s4-wpcell-plain:first-child {margin-right: 0px !important;}
	.homenew1 .s4-wpcell-plain:last-child { margin-left: 0px !important;}
	.scroll-chidaodh {height:200px}
	.fixshow img{display:block !important}
	.scroll-topnew li a {font-weight:700;}
	.slider-new .topleft {border-bottom:1px solid #DDD; padding-bottom:15px;}
	.scroll-topnew li .small-new {width: 100px;margin-right: 10px;object-fit: cover;height: 68px;}
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
	.fix-search-mb {margin:7px 20px;overflow:auto;}
	.fix-search-mb .box-search {background:none; min-width:auto;}
	.fix-search-mb .box-search .txt-search {border:1px solid #DDD; border-radius:7px;display: flex; background:#FFF;}
	.fix-search-mb input#btnSearchmb {margin:0;background: url("../../../images/isearch.html")no-repeat 42px center; border:none;}
	.menumobile { display: block !important; }
    /*.menumobile { height: 110px; }*/
	.box-dieuhuong { padding: 0; line-height: normal; margin: 10px 0; }
	.header-menu-mobile {text-align:center;background: url(../images/bg-head.png) no-repeat center bottom; padding-bottom:10px;}
    .header-menu-mobile img { margin-top: 10px; width: 210px; }
    .header-site .logo img { width: 50%; }
    .full-left, .copyright .info, #featured .ui-tabs-panel { width: 100% !important; }
    .fullcontent, footer { padding: 0 20px; }
    .banner-left img { width: 100%; }

    .sitemap, #cssmenu, #featured ul.ui-tabs-nav { display: none !important; }
        #cssmenu > ul > li > a { padding: 0 16px !important; }
    .cssmenu, header { display: none; }
    /*.home-info { margin-top: 20px; }*/
    #featured { min-height: 500px !important; }
    .head-cm ul li:nth-child(n + 2) { display: none !important; }
    .ltstop4 ul li { width: 100%; float: none !important; margin-bottom: 20px; display: -webkit-inline-box; }
    .ltstop2 .top2 { width: 100%; float: left; margin-bottom: 10px; }
        .ltstop2 .top2 a img { width: 140px; float: left; margin-right: 10px; margin-bottom: 10px; }
        .ltstop2 .top2 .info a { padding: 0; }
    .lts-bovoicongdan ul li { width: 100%; margin: 0; border: none; padding-right: 0; }
    .lts-bovoicongdan ul { padding-left: 25px; }

    .menu-footer { padding-top: 10px; display:none; }
    .bottomfooter { padding-top:26px; font-size:13px; }

    .head-cm .xemthem { display: none; }
    .box-new-home .right img { /*display: none;*/ }
    .left-listnew .new1n { border-left: none; padding-left: 14px; width:100%; margin-top:10px; }
    .lts-new li:nth-child(n+6) { display: none; }
    .contentContainer .newsItem img { width: 140px; }
    .otherListNews ul, .dongsukien ul { margin-left: 17px; }
    .detail img { width: 300px !important; }
	.detailnew .detail table {width:80% !important;text-align:center;}
    /*.box-dieuhuong li:last-child { display: none; }*/
	
	.lts-bovoicongdan .search-vb {display:none;}
	.slider-new .topleft,.slider-new .topright {width:100%;}
	.title-new-hot {display:none;margin-top:10px;}
	.left-listnew .new0 {width:calc(100% - 2px);}
	
	table.library thead { display: none; }
	table.library td:before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }
	table.library tr td {display:block; text-align:right; border-right:1px solid #DDD; overflow:auto; line-height:18px;}
	table.library tr {margin-bottom: 10px; display: block; border: 1px solid #DDD;}
	
	.box-lienket ul {display:inline;}
	.box-lienket ul li {margin-right:0; margin-bottom:5px;display:block;}
	.box-lienket img {width:100%;}
	
	.search-advan {background:#FFFDDF !important; height:auto; padding:10px !important; border-radius:10px 10px !important; border:1px solid #ddd;}
	.txtinput select {width:100% !important;margin-right:0 !important;margin-bottom:10px !important;}
	.btn-search {margin: 0 auto; display: -webkit-box;}
	.control-search .label {display:none;}
	.control-search .txtinput {float:left !important; width:calc(100% - 14px) !important;margin-bottom:10px;}
	.form-comment-news1 li span.label {width:100% !important; padding-left:0 !important; font:100 13px/18px Roboto,Arial,Tahoma !important;}
	.form-comment-news1 li input[type=text].txt{width:calc(100% - 10px);}
	
	.left-listnew {border-bottom:none;}
	.box-new-home {border-bottom:none;}
	.ui-dialog {width:calc(100% - 24px) !important;}
	
	.form-email {padding:0 !important;}
	.form-email li input[type=text], 
	.form-email li select, 
	.form-email li textarea {width:100% !important;}
	.slider-new .topright {margin-top:10px;}
	.lts-new li a{font-weight:bold;}
	.menu-footer ul.menu li a {font:700 13px/25px Roboto,Arial,Tahoma;}
	
	.canboinfo .anhdaidien img {width:130px;}
	.canboinfo .anhdaidien {width:140px;}
	.full-right {width:100%;}
	.lts-cmanh .top1 img {max-width:100% !important;}
	.link-banner ul li img {margin:0 auto; display:none;}
	.fixdisplay {display:none;}
	.newsTool {display:none;}
	.search-advan {display: inherit !important; margin-bottom:20px; overflow:auto;}
	#menuphai {display:none;}
	.boxtimkiem {width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;}
	table.library tr td a {color:#0072c6 !important; text-shadow: 0px 0px 5px #999; font-weight: bold;}
	.full-left .fixshow {display:block !important;}
	.full-left .banner-left {display:block;}
	.qc-right img {
		display: none;
		width: 100%;
	}
	.bottomfooter .sitename {font: 700 15px Roboto,Arial,Tahoma;}
	#ctl00_ctl35_g_4f8949b2_4b31_4052_bae7_6448095e83d1 {display:none;}
	
	
	.lts-bovoicongdan ul li:nth-child(n + 3) {display:none;}
	.box-lienket ul li:last-child {display:none;}
	.box-truyna .stt {display:none;}
	table.library tr td:nth-child(n + 5):nth-child(-n + 6) {display:none !important; }
	table.library tr td:last-child{display:none;}
	
	footer { overflow: auto; background: #be1e2d url(../images/bg-footer-mobile.png) repeat-x center top; min-height: 200px; }
	.copyright {min-height:auto;}
	.topfooter {min-height:130px;}
	.vanbanduthaoitem, .vanbanduthaoitem.le {padding:0; background:#FFF;margin-bottom:15px;}
	.vanbanduthaoitem div.title {text-align:justify;}
	.vanbanduthaoitem div.title a {font: 700 15px/21px Roboto,Arial,Tahoma;}
	.vanbanduthaoitem .desc {display:none;}
	.vanbanduthaoitem div.title {margin-bottom:0;}
	.copyright .info {width:80% !important;}
	.fullcontent {padding-top:90px;}
	.banner-home div div:nth-child(2n){display:none;}
	
	.slider-new .topleft, .slider-new .topright, .homenew2 .home-new-row,
    .homenew3 .home-new-row, .homemedia .warp-box-video .onevideo, .homemedia .warp-box-video .lstvideo,
    .homeimage .warp-box-image .topimage, .homeimage .warp-box-image .topimage4,
    .share-link .content-link .box-left-home, .optionlink, .full-right { width: 100%; }
    .slider-new .topleft, .topimage { margin-bottom: 20px; }
    .homenew2 { margin: 0; }
    .homenew2, .homenew3, .homemedia .warp-box-video, .homeimage .warp-box-image, .share-link .content-link { display: table; }
    .banner3 { display: block; margin: 0 auto; }
        .banner3 img { margin-bottom: 10px; width: 100%; }
    .homenew2 .wrap .first { display: flex; flex-direction: row; flex-wrap: wrap; text-align: left; }
        .homenew2 .wrap .first .image { width: 100% /*calc(45vw - 22px)*/; height: 45vw; margin-right: 0px; object-fit: cover; order: 2; }
        .homenew2 .wrap .first .title { width: 100%; order: 1; }
            .homenew2 .wrap .first .title a { font-family: Roboto,Arial,Tahoma; font-style: normal; font-weight: bold; font-size: 18px; line-height: 27px; margin-bottom: 12px; display: inline-block; margin-top: 0; }
        .homenew2 .wrap .first p { order: 3; width: 100%/*calc(55vw - 33px)*/; margin: 0; }
    .homenew2 .home-new-row, .onevideo { margin-bottom: 20px; }
    .homenew1 .home-new-row .menu-category-home .sub-menu, .homemedia .home-new-row .menu-category-home .sub-menu { display: none; }
    .scroll-media { height: 187px; }
    .homemedia .warp-box-video .onevideo .sourcevideo iframe { max-height: 200px; }
    .homenew1 .wrap .itemqa { display: inline-block;width:100%; }
    .scroll-topnew { height: 345px; }
    .time-search { overflow: auto; padding: 5px 20px; display: flex; background: #f3f3f3; justify-content: space-between; }
    .bg-search-mobile { font: 12px Roboto,Arial,Tahoma; padding: 4px 8px; border: 1px solid #DDD; border-radius: 5px; width: 50vw; }
    #clock-mobile { font-size: 12px; line-height: 28px; }
	.box-new-home .left {width:100%}
	.box-new-home .right {width:100%; margin-top:20px;}
	.homenew1 .s4-wpcell-plain {width:100%;}
	.homenew1 .s4-wpcell-plain:first-child {margin-right: 0px !important;}
	.homenew1 .s4-wpcell-plain:last-child { margin-left: 0px !important;}
	.scroll-chidaodh {height:200px}
	.fixshow img{display:block !important}
	.scroll-topnew li a {font-weight:700;}
	.slider-new .topleft {border-bottom:1px solid #DDD; padding-bottom:15px;}
	
	.scroll-topnew li .small-new {width: 100px;margin-right: 10px;object-fit: cover;height: 68px;}
}


.class-en{
	    right: 0;
    background: none !important;
    color: #be1e2d !important;
    padding-top: 20px;
    height: 48px !important;
    font-weight: bold;
	font-size:18px;
}

.class-search{
	right: 35px;
    background: none !important;
    color: #be1e2d !important;
    padding-top: 20px;
    height: 48px !important;
    font-weight: bold;
	font-size:18px;
}



.form-email{padding: 15px 50px;}
        .form-email li{display: inline-block;clear: both;width: 100%;padding: 5px 0px;}
        .form-email li span.label{width: 150px;float: left;display: block;color: #333;font: 12px Arial,Helvetica,sans-serif;padding-top: 2px;}
        .form-email li input[type=text], .form-email li select, .form-email li textarea{border: 1px solid #ccc;font: 12px Arial,Helvetica,sans-serif;padding: 3px;width: 400px;}
        .form-email li textarea{height: 100px;}
        .form-email li.submit{text-align: center;}
