﻿.menumobile .header-menu img { height: 100% }
.jscarousal-contents-horizontal { width: 100% }

@media all and (max-width:1024px) {
    .header-menu a { top: 0 !important }
    .listfooter .f1 { width: 100% !important }
    .hidden-md-xs { display: none !important }
    .top-footer { display: block !important }
    .container {padding: 20px 10px 0 10px !important;width: 95% !important;}
	.breadcrumb {padding-left: 10px;}
    .slider-home .carousel-indicators li { width: 30% }
   /* header { background: none; height: 75px }*/
    table.table-style-three td { padding: 3px }
    /*.menumobile { background: url('../img/bg-head_full.png') no-repeat bottom center; display: block; height: 65px; padding-top: 10px; text-align: center }
        .menumobile .header-menu img { width: 80% }*/
   /* .header-banner, #cssmenu { display: none }*/
    .listtop-home .f1 { width: 31.6% }
    .cam-content-container { width: 34% }
   /* .top-menu { width: 65% }*/
   /* .box-search { width: 27% }*/
        .box-search ul li { padding-right: 10px }
    .top-menu ul { padding-top: 13px }
        .top-menu ul li { width: 12%; padding-right: 10px }
    .logo img { width: 95% }
    .amazingcarousel-fulltitle { width: 87.4% }
    .box-head span, .textsearch { display: none }
    .box-daotao { width: 19.3% }
        .box-daotao a { padding: 0 }
    .titletop2n { width: 44.9999% }
    #amazingcarousel-1 .amazingcarousel-title a { font-size: 15px }
    #cssmenu > ul > li > a { padding: 0 16px !important; text-decoration: none; font-size: 15px; font-weight: 700; color: #fff; text-transform: uppercase; line-height: 50px; }
}

@media only screen and (min-width:600px) and (max-width:999px) {
    header { background: none; height: 75px }
    .menumobile { background: url('../img/bg-head_full.png') no-repeat bottom center; display: block; height: 65px; padding-top: 10px; text-align: center }
        .menumobile .header-menu img { width: 80% }
    .header-banner, #cssmenu { display: none }
    .menu-page { margin-top: 0 }
    .titletop { float: left; padding-right: 10px }
    .full-left { width: 100% }
    .full-right { display: none }
    .banner-link img { width: 100% }
    .content-footer { width: 70%; padding-top: 10px }
    .share-footer { display: none }
    .titletop2n { width: 45.7999% }
    .top-footer { display: block }
    #amazingcarousel-1 .amazingcarousel-title a { font-size: 15px }
    .listfooter .f1 { width: 50% }
    .listfooter .f2 { width: 100% }
    .leftbox-home .head-box a { line-height: normal; }
}

@media all and (max-width:800px) {
    .listfooter .f2 { width: 100%; padding-bottom: 20px }
    .jwplayer { height: 250px !important }
    header { background: none; height: 75px }
    .fullvideo-home .fv1 { width: 55.1% }
        .fullvideo-home .fv1 .box-title { width: 95% }
    .menumobile { background: url('../img/bg-head_full.png') no-repeat bottom center; display: block; height: 65px; padding-top: 10px; text-align: center }
        .menumobile .header-menu img { width: 80% }
    .headbox span { display: none }
    .header-banner, #cssmenu { display: none }
    .menu-page { margin-top: 0 }
    .titletop { float: left; padding-right: 10px }
    .full-left { width: 100% }
    .full-right { display: none }
    .banner-link img { width: 100% }
    .content-footer { width: 70%; padding-top: 10px }
    .share-footer { display: none }
    .titletop2n { width: 44% }
    .top-footer { display: block }
    .box-daotao { width: 19.3% }
        .box-daotao a { padding: 5px 0 0 0 }
    .listfooter .f1 { width: 50% }
    .listfooter .f2 { width: 100% }
    .skdslider { height: 290px }
    .leftbox-home .head-box a { line-height: normal; }
	.detailnew .detail img, .detailnew .detail table {width: 100% !important;height: auto !important;}
.vbdt-content .trichyeu table, .vbdt-content .trichyeu img,
.hddetail .noidung table, .hddetail .noidung img,
.hdtraloiitem .noidung table, .hdtraloiitem .noidung img {width: 100% !important;height: auto !important;}
.menu-footer ul.menu li {padding: 0 5px;}
}

@media all and (max-width:768px) {
    header { background: none; height: 75px }
    .menumobile { background: url('../img/bg-head_full.png') no-repeat bottom center; display: block; height: 65px; padding-top: 10px; text-align: center }
        .menumobile .header-menu img { width: 53% }
    .listtop-home .f1 { width: 31.6% }
    .fullvideo-home .fv1 { width: 56% }
        .fullvideo-home .fv1 .box-title { width: 95% }
    .headbox span  { display: none }
    .header-banner, #cssmenu { display: none }
    .menu-page { margin-top: 0 }
    .titletop { float: left; padding-right: 10px }
    .full-left { width: 100% }
    .full-right { display: none }
    .banner-link img { width: 100% }
    .content-footer { width: 70%; padding-top: 10px }
    .share-footer { display: none }
    .titletop2n { width: 44% }
    .top-footer { display: block }
    .box-daotao { width: 19.3% }
        .box-daotao a { padding: 5px 0 0 0 }
    .listfooter .f1 { width: 50% }
    .listfooter .f2 { width: 100% }
    .skdslider { height: 290px }
    #amazingcarousel-1 .amazingcarousel-image .datetime { font-size: 23px }
    .leftbox-home .head-box a { line-height: normal; }
    /*.lts-bovoicongdan ul li { width: calc(100% - 30px); border: none; }*/
    #featured ul.ui-tabs-nav { width: calc(384px - 60px); }
    #featured { min-height: 480px; }
    .menu-footer ul.menu {padding:10px;}
	
	.slider-new .topleft,.slider-new .topright {width:100%;}
	.title-new-hot {display:none;margin-top:10px;}
	.lts-new li a {
		font-weight: bold;
	}
	.slider-new .topright {
		margin-top: 10px;
	}
	.left-listnew {width:calc(100% - 30px) !important;}
	.list-news .newsItem img {
		width: 140px;
	}
	.list-news .newsItem .container{padding-bottom:20px !important; margin-bottom:0px;width: 97%;}
	h2.resp-accordion {color:#FFF;}
	.resp-tab-active {color:#FFF;border-radius: 0 0 !important;}
	.resp-tab-content {overflow:auto;border-radius: 0 0 !important;}
	.info .f2, .info .f1{width: calc(100% - 20px) !important; padding: 0 10px;}
	.control-search .label {display:none;}
	.control-search .txtinput {float:left; width:100%;}
	.search-advan {background:#FFFDDF !important; height:auto; padding:10px; border-radius:10px 10px; border:1px solid #ddd;}
	.txtinput select {width:100%;margin-right:0;margin-bottom:10px;}
	.btn-search {margin: 0 auto; display: -webkit-box;}
	.txtinput input {width: calc(100% - 22px);}
	
	.info-desc .f1 {width: 100%; border-right: none; padding-right: 0;}
	.info-desc .f2 {width:100%;margin:0;}
	.vanbanlienquanitem span {width:100%;display:block;padding:0 !important;}
	.menu-footer ul.menu li a {font:700 13px/25px Roboto,Arial,Tahoma;}
	.vanbanduthao h3.title {font:700 15px/25px Roboto,Arial,Tahoma}
	.vbdt-content .trichyeu img {width:100% !important;}
}

@media all and (max-width:600px) {
    header { background: none; height: 75px }
    .fullvideo-home .fv1, .fullvideo-home .fv2 { width: 100%; border: none }
    .menumobile { background: url('../img/bg-head_full.png') no-repeat bottom center; display: block; height: 65px; margin-bottom: 15px; padding-top: 10px; text-align: center }
        .menumobile .header-menu img { width: 80% }
    .headbox span { display: none }
    .header-banner, #cssmenu { display: none }
    .menu-page { margin-top: 0 }
    .titletop { float: left; padding-right: 10px }
    .full-left { width: 100% }
    .full-right { display: none }
    .banner-link img { width: 100% }
    .content-footer { width: 70%; padding-top: 10px }
    .share-footer { display: none }
    .titletop2n { width: 43% }
    .top-footer { display: none }
    .box-daotao { width: 18.3% }
        .box-daotao a { padding: 5px 0 0 0 }
    .listfooter .f1 { width: 50% }
    .listfooter .f2 { width: 100% }
    .skdslider { height: 250px }
    .leftbox-home .head-box a { line-height: normal; }
    .lts-bovoicongdan ul li { width: calc(100% - 30px); border: none; }
	
}

@media all and (max-width:560px) {
    .menumobile { background: url('../img/bg-head_full.png') no-repeat bottom center; display: block; height: 65px; margin-bottom: 15px; padding-top: 10px; text-align: center }
        .menumobile .header-menu img { width: 80% }
    .box-daotao { padding: 9px; width: 18.9% }
    .headbox div a { font-size: 16px; line-height: 40px }
    .leftbox-home .head-box a { line-height: normal; }
    .ltstop2 .top2 { max-width: 100%; margin-bottom: 20px; }
    .ltstop4 ul li { max-width: 100% !important; }
    .lts-bovoicongdan ul li { width: calc(100% - 30px); border: none; }
	
}

@media all and (max-width:480px) {
	#featured ul.ui-tabs-nav{display:none;}
    header { background: none; height: 75px }
    .listtop-home .f1 { border: medium none; margin-right: 0; width: 100% }
    .menumobile { background: url('../img/bg-head_full.png') no-repeat bottom center; display: block; height: 65px; margin-bottom: 15px; padding-top: 8px; text-align: center }
        .menumobile .header-menu img { width: 80% }
    .skdslider { height: 175px !important }
        .skdslider .slide-desc a { font-size: 13px }
    .header-banner, #cssmenu, .slide-navs { display: none }
    .menu-page { margin-top: 0 }
    .titletop { padding-right: 0; padding: 0 }
    .full-left { max-width: 100% }
    .full-right { display: none }
    .boxrow2 .boxleft, .boxrow2 .boxright { width: 100%; padding: 0 0 }
    .titletop a:first-child { padding: 5px 0; max-width: 100% }
    .titletop h2 a { color: #58585a; display: block; font-size: 15px; font-weight: 700; float: none !important; margin-top: 0 }
    .titletop p { float: left; padding: 10px 0 }
    .banner-link img { width: 100%; margin-bottom: 10px }
    .footer { background: none }
    .content-footer { font-size: 13px; line-height: normal; padding: 20px 10px 10px 72px; width: auto }
    .top-footer { display: none }
    .titletop2n { width: 100%; padding: 0 }
        .titletop2n:last-child { border-left: none }
            .titletop2n:last-child .mhide img { display: none }
        .titletop2n .desc { display: none }
        .titletop2n .box1n .desc, .titletop2n .box2n .desc { display: block; padding-bottom: 10px }
        .titletop2n .box2n .desc { border-bottom: 1px dotted #ccc }
        .titletop2n .view { display: none }
    .box-daotao { width: 19.3% !important }
        .box-daotao div { height: 10% !important }
        .i-daotao, .i-lienket, .i-lamvahoc, .i-tientien, .box-daotao:hover .i-daotao, .box-daotao:hover .i-lienket, .box-daotao:hover .i-lamvahoc, .box-daotao:hover .i-tientien { background-size: 100% }
    .contentContainer .newsItem img { max-width: 100px }
    .amazingcarousel-list li { width: 100% }
    .leftbox-home .head-box a { line-height: normal; }
    .ltstop2 .top2 { max-width: 100%; margin-bottom: 20px; }
    .ltstop4 ul li { max-width: 100% !important; }
    .lts-bovoicongdan ul li { width: calc(100% - 30px); border: none; }
    .footer .left .logo-footer { display: none; }
    .footer .left, .footer .right { width: calc(100% - 30px) !important; padding: 0 15px; }
        .footer .left .info-footer { width: 100%; }
    .library table tr th:nth-last-child(-n+2), .library table tr td:nth-last-child(-n+2) { display: none !important; }
	table.library tr th:nth-last-child(-n+2), table.library tr td:nth-last-child(-n+2) { display: none !important; }
    #featured .ui-tabs-panel { width: 100% !important; }
	
}

@media all and (max-width:320px) {
    header { background: none; height: 75px }
    .listtop-home .f1 { border: medium none; margin-right: 0; width: 100% }
    .menumobile { background: url('../img/bg-head_full.png') no-repeat bottom center; display: block; height: 65px; margin-bottom: 15px; padding-top: 8px; text-align: center }
        .menumobile .header-menu img { height: 54%; padding-left: 50px; padding-top: 10px }
    .left-listnew .new0 { width: 100%; padding-right: 0 }
    .left-listnew .new1n { width: 100%; border-left: none }
        .left-listnew .new1n ul { padding: 0; margin-top: 10px }
    .list-video img { display: none }
    .fullvideo-home .fv1 .box-title { width: 93% }
    .skdslider { height: 120px !important }
        .skdslider .slide-desc a { font-size: 13px }
    #cssmenu, .slide-navs { display: none }
    .box-daotao:nth-child(-n+2) { width: 42.3% !important; margin-right: 1.5%; padding: 6px; margin-bottom: 5px }
    .box-daotao:nth-child(n+3) { width: 42.3% !important; margin-right: 1.5%; padding: 6px }
    .box-daotao div { height: 38% !important }
    .content-footer { padding: 10px 10px 10px 72px }
    .contentContainer .newsItem img { max-width: 100px }
    .amazingcarousel-list li { width: 100% }
    .leftbox-home .head-box a { line-height: normal; }
    .ltstop2 .top2 { max-width: 100%; margin-bottom: 20px; }
    .ltstop4 ul li { max-width: 100% !important; }
    .footer .left .logo-footer { display: none; }
    .footer .left, .footer .right { width: calc(100% - 30px) !important; padding: 0 15px; }
        .footer .left .info-footer { width: 100%; }
    .library table tr th:nth-last-child(-n+2), .library table tr td:nth-last-child(-n+2) { display: none !important; }
	table.library tr th:nth-last-child(-n+2), table.library tr td:nth-last-child(-n+2) { display: none !important; }
    #featured .ui-tabs-panel { width: 100% !important; }
	
}

@media all and (min-width:320px) and (max-width:480px) {
    header { background: none; height: 75px }
    .skdslider { height: 120px }
        .skdslider .slide-desc a { font-size: 13px }
    .left-listnew .new0 { width: 100%; padding-right: 0 }
    .left-listnew .new1n { width: 100%; border-left: none }
        .left-listnew .new1n ul { padding: 0; margin-top: 10px }
    .list-video img { display: none }
    .fullvideo-home .fv1 .box-title { width: 93% }
    .menumobile { background: url('../img/bg-head_full.png') no-repeat bottom center; display: block; height: 65px; margin-bottom: 15px; padding-top: 8px; text-align: center }
        .menumobile .header-menu img { height: 69%; padding-left: 50px; padding-top: 6px; }
    .leftbox-home .head-box a { line-height: normal; }
    .header-banner, #cssmenu, .slide-navs { display: none }
    .menu-page { margin-top: 0 }
    .titletop { padding-right: 0; padding: 0 }
    .full-left { max-width: 100% }
    .full-right { display: none }
    .boxrow2 .boxleft, .boxrow2 .boxright { width: 100%; padding: 0 0 }
    .titletop a:first-child { padding: 5px 0; max-width: 100% }
    .titletop h2 a { color: #58585a; display: block; font-size: 15px; font-weight: 700; float: none !important; margin-top: 0 }
    .titletop p { float: left; padding: 10px 0 }
    .banner-link img { width: 100%; margin-bottom: 10px }
    .footer { background: none }
    .content-footer { font-size: 13px; line-height: normal; padding: 20px 10px 10px 72px; width: auto }
    .top-footer { display: none }
    .titletop2n { width: 100%; padding: 0 }
        .titletop2n:last-child { border-left: none }
            .titletop2n:last-child .mhide img { display: none }
        .titletop2n .desc { display: none }
        .titletop2n .box1n .desc, .titletop2n .box2n .desc { display: block; padding-bottom: 10px }
        .titletop2n .box2n .desc { border-bottom: 1px dotted #ccc }
        .titletop2n .view { display: none }
    .box-daotao { height: 117px; padding: 6px; width: 18.3% }
        .box-daotao div { height: 10% }
        .i-daotao, .i-lienket, .i-lamvahoc, .i-tientien, .box-daotao:hover .i-daotao, .box-daotao:hover .i-lienket, .box-daotao:hover .i-lamvahoc, .box-daotao:hover .i-tientien { background-size: 100% }
    .contentContainer .newsItem img { max-width: 100px }
    .amazingcarousel-list li { width: 100% }
    .ltstop2 .top2 { max-width: 100%; margin-bottom: 20px; }
    .ltstop4 ul li { max-width: 100% !important; }
    .footer .left .logo-footer { display: none; }
    .footer .left, .footer .right { width: calc(100% - 30px) !important; padding: 0 15px; }
        .footer .left .info-footer { width: 100%; }
    .library table tr th:nth-last-child(-n+2), .library table tr td:nth-last-child(-n+2) { display: none !important; }
	table.library tr th:nth-last-child(-n+2), table.library tr td:nth-last-child(-n+2) { display: none !important; }
    #featured .ui-tabs-panel { width: 100% !important; }
	
	
}
