/*Thêm class ds vào hình ảnh và vide danh sách*/



/*=============================================Màn hình ipad dọc=============================================*/

@media (max-width: 1199px){
	.khoi1140{ width: auto; }
	.header .info-group{ top: 30% }
	.header .info-group .txt{ padding: 0 }
	.header .info-group span{ font-size: 26.75px }
	.header .info-group p.desc{ font-size: 13px; padding-bottom: 10px }
	.header .banner-slide .slick-prev{ left: 20px }
	.header .banner-slide .slick-next{ right: 20px }
	.header .info-group .logo-info img{ width: 71px }
	.header .info-group .button a.btn{ width: 182px; height: 51px; padding: 0; line-height: 51px }
	.header .info-group p.desc span.light{ font-size: 13px }
	.header-trang-trong .banner .khungAnh:before{ padding-bottom: 48.58% }
	.duongdan .inner{ width: 100% }
	.duongdan .tieude{ font-size: 30px }

	/*==========================================================================================*/

	.main-menu ul.menu{ display: none; }
	.menu-responsive ul.menu{ display: none; }
	.menu-responsive ul.menu.show-menu{ display: block; transition: all .5s; }
	body.move{ position: absolute; left: -270px; transition: all .5s; }
	.main-menu .khoi1140{ padding: 0 20px }
	
	.menu-responsive{ display: block; }
	.menu-responsive .btn{ display: block; background: #fff url('img/menu-res.png') no-repeat center; width: 43px; height: 43px; position: absolute; top: 25px; right: 20px; border-radius: 4px; z-index: 10; }
	.menu-responsive .btn.active{ background: #1e8ec8 url('img/menu-active.png') no-repeat center; }
	.menu-responsive ul.menu{ background-color: #1f95d3; width: 270px; position: fixed; top: 0; right: 0; overflow: auto; z-index: 9999; transition: all .5s; margin-top: 0 ; height: 100% }
	.menu-responsive ul.menu li.active a.menu-txt{ color: #fff; }
	.menu-responsive ul.menu li.list a.menu-txt{ color: #fff; }
    .menu-responsive ul.menu li.list{ padding: 10px 0; border-top: 1px solid #27aef6; border-bottom: 1px solid #1c82b8; }
	.menu-responsive ul.menu li.list.morong{ background: url('img/plus-mn.png') no-repeat top 15px right 15px; }
	.menu-responsive ul.menu li.list.show{ background: url('img/minus.png') no-repeat top 15px right 15px; padding-right: 15px; position: relative; border-left: 4px solid #196a94; }
    .menu-responsive ul.menu li.list.show:after{ content: ''; position: absolute; top: 0; left: 0; border-left: 4px solid #196a94; }
	.menu-responsive ul.menu li.list.rm{ background: none }
    .menu-responsive ul.menu li.list ul.has-sub{ display: none; }
	.menu-responsive ul.menu li.list.show > ul {display: block;}
	.menu-responsive ul.menu li.list a.menu-txt:hover{ color: #fff !important; }
	.menu-responsive ul.menu li.list a.menu-txt{ background: none !important; width: calc(100% - 60px); font: 16px Segoeuibold; text-transform: lowercase; display: block; padding-left: 20px }
	.menu-responsive ul.menu li.list a.menu-txt:first-letter{ text-transform: uppercase; }
	.menu-responsive ul.menu li.list{ float: none; }
	.menu-responsive ul.menu li.list:last-child{ position: relative; }
	.menu-responsive ul.menu li.list:last-child:after{ content: ''; position: absolute; left: 0; bottom: 0; border-bottom: 1px solid #27aef6; width: 100%; height: 1px; }
	.menu-responsive ul.menu { border-bottom: 1px solid #27aef6; }
	.menu-responsive ul.menu li.ngonngu{ display: none; }
	.menu-responsive ul.menu li.lang{ text-align: center; padding: 10px 0; border-bottom: 1px solid #1c82b8;}
	.menu-responsive ul.menu li.lang a{ color: #fff; text-decoration: none; font: 14px SegoeUI; background-color: #166893; width: 96px; height: 31px; display: inline-block; line-height: 31px; margin: 0 2px }
	.menu-responsive ul.menu li.lang a:hover{ background-color: #0f4a69; }

	/*==========================================================================================*/
	
	.menu-responsive ul.menu li.search{ background: transparent; padding-right: 0 }
	.menu-responsive ul.menu li.search.show{ background: transparent; padding-right: 0 }

	.menu-responsive ul.menu .search-box{
		margin: auto;
		border-radius: 20px;
		overflow: hidden;
		z-index: 2;
		display: block;
		width: 251px;
		height: 44px;
		background-color: #fff;
		border-top: 1px solid #27aef6;
		border-bottom: 1px solid #1c82b8;
	}
	.menu-responsive ul.menu .search-box input{
		background-color: #fff;
	    width: calc(100% - 45px);
	    height: 42px;
	    border: 0;
	    outline: 0;
	    padding-left: 10px;
	    float: left;
	}
	.menu-responsive ul.menu .search-box input::-webkit-input-placeholder{
		color: #6d6d6d;
		font: 14px segoeuiitalic;
	}
	.menu-responsive ul.menu .search-box input::-moz-placeholder{
		color: #6d6d6d;
		font: 14px segoeuiitalic;
	}
	.menu-responsive ul.menu .search-box input:-ms-input-placeholder{
		color: #6d6d6d;
		font: 14px segoeuiitalic;
	}
	.menu-responsive ul.menu .search-box input:-moz-placeholder{
		color: #6d6d6d;
		font: 14px segoeuiitalic;
	}
	.menu-responsive ul.menu .search-box a.btSearch{
	    background: url(img/search-res.png) no-repeat center;
	    display: block;
	    width: 35px;
	    height: 44px;
	    float: right;
	}

	/*==========================================================================================*/


	/*====Sub-menu====*/
	.menu-responsive ul.menu > ul.has-sub{
		display:none;
		/*position:absolute;
		top:100%;*/
		background-color: #1673a4;
		padding:0;
		width: 100%;
		z-index: 10;
		border-top: 1px solid #27aef6; border-bottom: 1px solid #1c82b8;
	}
	.menu-responsive ul.menu > ul.has-sub.show-sub{ display: block; }
	.menu-responsive ul.menu > ul.has-sub li a{
		/*background: url(img/icon-list.png) no-repeat;*/
		/*background-position: left 8px top 16px;*/
		color: #fff;
		font: 16px Segoeuibold;
		display: block;
	    padding: 0 20px 0 20px;
	}
	.menu-responsive ul.menu > ul.has-sub > li{ padding: 15px 0 }
	
	/*==========================================================================================*/



	.content .section-first .about .desc{ margin-bottom: 0 }
	.content .section-first .khoi1140{ padding: 0 20px }

	.content .tab .tab-content .img-left{ width: 48%; }
	.content .tab .tab-content .text-right{ width: calc(100% - 48% - 25px); }
	.content .tab .tab-content .text-right p.desc{ text-align: justify; height: 221px }

	.khoi-gt .item{ width: 100% }
	.khoi-gt .anh{ width: 166px; height: 104px; }
	.khoi-gt .text{ width: 73.1% }

	.content .section-first .menu-sidebar{ display: none; }
	.content .section-first .khoi-gt-noidung{ width: 100% }

    #dautrang span{ margin: 0; }

	#CommonCuoiChiTietTin .apd a{ margin-right: 5px }
	.fb-like{ top: -4px }

	.sidebar .tin_noibat{ display: none; }
	/*.tieudiem{ padding-top: 0; }*/
	.loaitin{ padding-top: 0px; }
	.loaitin .khungAnh{ width: calc(30.8% - 4px) }
	.loaitin .detail{ height: 60px; overflow: hidden; }

	.lib{ display: none; }
	.loaitin .ds_anh .khungAnh{ width: 100% }
	/*.slide_album .slick-prev{ left: 35% }
	.slide_album .slick-next{ right: 38%; }*/

	.lh-left, .form-right{ width: 100% }
	.form-right .bottom{ margin-bottom: 20px; margin-top: -10px }

	
	/*==========================================================================================*/

	.content .section-second .slide-cttv{ padding: 0 20px 5px 20px }

	.content .section-second .info-cttv span.blue{ padding-right: 8px }
	.content .section-second .info-cttv span{ font: 28px segoeuibold !important; }

	.th_ct .khoi_phai .social #CommonCuoiChiTietTin .fr{ float: none; }
	
	.th_ct .khoi_phai .noidung span.inner{ font-size: 14px }
	.th_ct .ds_hotro .item{ width: 100%; }
	.th_ct .ds_lienhe{ float: none;overflow: hidden; }

	.content .section-second .slide-cttv .slick-dots{ margin-top: -15px }


	/*==========================================================================================*/

	.content .section-third .main .main-news{ width: calc(100% - 10px); margin-right: 0; padding: 0 20px; }
	.content .section-third .main .related-news{ width: calc(100% - 40px); padding: 0 20px; }
	.content .section-third .main .related-news .items{ width: 50%; float: left; }
	.content .section-third .main .related-news .right{ width: calc(100% - 35% - 6px); }

	.content .section-third.th_ds{ padding: 0 20px }
	.list-th .item{ width: calc((100% - 70px)/3); }
	.list-th .item:nth-child(4n){ margin-right: 20px; }
	
	.th_ct{ padding: 0 20px }
	.th_ct .khoi_trai{ width: 100% }
	.th_ct .khoi_phai{ width: 100% }

	.mota-th{ padding: 0 20px }
	.slide-th .slick-list{ width: calc(100% - 4px) }
	.slide-th .list-th .slick-prev{ left: calc(50% - 208px) }
	.slide-th .list-th .slick-next{ right: calc(50% - 190px) }

	/*==========================================================================================*/

	.content .section-fourth .library .left{ width: calc(100% - 44px); margin: 0 20px 50px 20px }
	.content .section-fourth .library .right{ width: calc(100% - 40px); margin: 0 20px; overflow: hidden; }
	.content .section-fourth .library .left .photo{ width: 100% }
	.content .section-fourth .library .right .video-dn .slider-nav .item:after{ top: calc(50% - 13.22px); }

	/*==========================================================================================*/

	.content .section-fifth .qc .info-qc{ padding: 75px 20px 50px 20px; }

	/*==========================================================================================*/


	.content .section-sixth{ padding: 20px }

	/*==========================================================================================*/

	.footer{ padding: 0 20px }
	.footer .left .desc{ height: 84px; margin-bottom: 10px }
	.footer .item.left{ width: 100% }
	.footer .item:not(:first-child){ width: calc((100% - 45px)/2) }
}


/*=============================================Màn hình ipad xoay ngang=============================================*/

@media (max-width: 1024px){
	.khoi1140{ width: auto; }
	.header .info-group{ top: 30% }
	.header .info-group .txt{ padding: 0 }
	.header .info-group span{ font-size: 26.75px }
	.header .info-group p.desc{ font-size: 13px; padding-bottom: 10px }
	.header .banner-slide .slick-prev{ left: 20px }
	.header .banner-slide .slick-next{ right: 20px }
	.header .info-group .logo-info img{ width: 71px }
	.header .info-group .button a.btn{ width: 182px; height: 51px; padding: 0; line-height: 51px }
	.header .info-group p.desc span.light{ font-size: 13px }
	.header-trang-trong .banner .khungAnh:before{ padding-bottom: 48.58% }
	.duongdan .inner{ width: 100% }
	.duongdan .tieude{ font-size: 30px }

	/*==========================================================================================*/

	.main-menu ul.menu{ display: none; }
	.menu-responsive ul.menu{ display: none; }
	.menu-responsive ul.menu.show-menu{ display: block; transition: all .5s; }
	body.move{ position: absolute; left: -270px; transition: all .5s; }
	.main-menu .khoi1140{ padding: 0 20px }
	
	.menu-responsive{ display: block; }
	.menu-responsive .btn{ display: block; background: #fff url('img/menu-res.png') no-repeat center; width: 43px; height: 43px; position: absolute; top: 25px; right: 20px; border-radius: 4px; z-index: 10; }
	.menu-responsive .btn.active{ background: #1e8ec8 url('img/menu-active.png') no-repeat center; }
	.menu-responsive ul.menu{ background-color: #1f95d3; width: 270px; position: fixed; top: 0; right: 0; overflow: auto; z-index: 9999; transition: all .5s; margin-top: 0 ; height: 100% }
	.menu-responsive ul.menu li.active a.menu-txt{ color: #fff; }
	.menu-responsive ul.menu li.list a.menu-txt{ color: #fff; }
    .menu-responsive ul.menu li.list{ padding: 10px 0; border-top: 1px solid #27aef6; border-bottom: 1px solid #1c82b8; }
	.menu-responsive ul.menu li.list.morong{ background: url('img/plus-mn.png') no-repeat top 15px right 15px; }
	.menu-responsive ul.menu li.list.show{ background: url('img/minus.png') no-repeat top 15px right 15px; padding-right: 15px; position: relative; border-left: 4px solid #196a94; }
    .menu-responsive ul.menu li.list.show:after{ content: ''; position: absolute; top: 0; left: 0; border-left: 4px solid #196a94; }
	.menu-responsive ul.menu li.list.rm{ background: none }
    .menu-responsive ul.menu li.list ul.has-sub{ display: none; }
	.menu-responsive ul.menu li.list.show > ul {display: block;}
	.menu-responsive ul.menu li.list a.menu-txt:hover{ color: #fff !important; }
	.menu-responsive ul.menu li.list a.menu-txt{ background: none !important; width: calc(100% - 60px); font: 16px Segoeuibold; text-transform: lowercase; display: block; padding-left: 20px }
	.menu-responsive ul.menu li.list a.menu-txt:first-letter{ text-transform: uppercase; }
	.menu-responsive ul.menu li.list{ float: none; }
	.menu-responsive ul.menu li.list:last-child{ position: relative; }
	.menu-responsive ul.menu li.list:last-child:after{ content: ''; position: absolute; left: 0; bottom: 0; border-bottom: 1px solid #27aef6; width: 100%; height: 1px; }
	.menu-responsive ul.menu { border-bottom: 1px solid #27aef6; }
	.menu-responsive ul.menu li.ngonngu{ display: none; }
	.menu-responsive ul.menu li.lang{ text-align: center; padding: 10px 0; border-bottom: 1px solid #1c82b8;}
	.menu-responsive ul.menu li.lang a{ color: #fff; text-decoration: none; font: 14px SegoeUI; background-color: #166893; width: 96px; height: 31px; display: inline-block; line-height: 31px; margin: 0 2px }
	.menu-responsive ul.menu li.lang a:hover{ background-color: #0f4a69; }

	/*==========================================================================================*/
	
	.menu-responsive ul.menu li.search{ background: transparent; padding-right: 0 }
	.menu-responsive ul.menu li.search.show{ background: transparent; padding-right: 0 }

	.menu-responsive ul.menu .search-box{
		margin: auto;
		border-radius: 20px;
		overflow: hidden;
		z-index: 2;
		display: block;
		width: 251px;
		height: 44px;
		background-color: #fff;
		border-top: 1px solid #27aef6;
		border-bottom: 1px solid #1c82b8;
	}
	.menu-responsive ul.menu .search-box input{
		background-color: #fff;
	    width: calc(100% - 45px);
	    height: 42px;
	    border: 0;
	    outline: 0;
	    padding-left: 10px;
	    float: left;
	}
	.menu-responsive ul.menu .search-box input::-webkit-input-placeholder{
		color: #6d6d6d;
		font: 14px segoeuiitalic;
	}
	.menu-responsive ul.menu .search-box input::-moz-placeholder{
		color: #6d6d6d;
		font: 14px segoeuiitalic;
	}
	.menu-responsive ul.menu .search-box input:-ms-input-placeholder{
		color: #6d6d6d;
		font: 14px segoeuiitalic;
	}
	.menu-responsive ul.menu .search-box input:-moz-placeholder{
		color: #6d6d6d;
		font: 14px segoeuiitalic;
	}
	.menu-responsive ul.menu .search-box a.btSearch{
	    background: url(img/search-res.png) no-repeat center;
	    display: block;
	    width: 35px;
	    height: 44px;
	    float: right;
	}

	/*==========================================================================================*/


	/*====Sub-menu====*/
	.menu-responsive ul.menu > ul.has-sub{
		display:none;
		/*position:absolute;
		top:100%;*/
		background-color: #1673a4;
		padding:0;
		width: 100%;
		z-index: 10;
		border-top: 1px solid #27aef6; border-bottom: 1px solid #1c82b8;
	}
	.menu-responsive ul.menu > ul.has-sub.show-sub{ display: block; }
	.menu-responsive ul.menu > ul.has-sub li a{
		/*background: url(img/icon-list.png) no-repeat;*/
		/*background-position: left 8px top 16px;*/
		color: #fff;
		font: 16px Segoeuibold;
		display: block;
	    padding: 0 20px 0 20px;
	}
	.menu-responsive ul.menu > ul.has-sub > li{ padding: 15px 0 }
	
	/*==========================================================================================*/



	.content .section-first .about .desc{ margin-bottom: 0 }
	.content .section-first .khoi1140{ padding: 0 20px; margin-top: -30px }

	.content .tab .tab-content .img-left{ width: 48%; }
	.content .tab .tab-content .text-right{ width: calc(100% - 48% - 25px); }
	.content .tab .tab-content .text-right p.desc{ text-align: justify; height: 221px }

	.khoi-gt .item{ width: 100% }
	.khoi-gt .anh{ width: 166px; height: 104px; }
	.khoi-gt .text{ width: calc(100% - 191px) }

	.content .section-first .menu-sidebar{ display: none; }
	.content .section-first .khoi-gt-noidung{ width: 100% }
	.content .section-first .khoi-gt-noidung .main_content{ overflow: hidden; }
    #dautrang span{ margin: 0; }

	.fb-like{ top: -4px }

	.sidebar .tin_noibat{ display: none; }
	/*.tieudiem{ padding-top: 0; }*/
	.loaitin{ padding-top: 0px; }
	.loaitin .khungAnh{ width: calc(30.8% - 4px) }
	.loaitin .detail{ height: 60px; overflow: hidden; }

	.lib{ display: none; }
	.loaitin .ds_anh .khungAnh{ width: 100% }
	/*.slide_album .slick-prev{ left: 35% }
	.slide_album .slick-next{ right: 38%; }*/

	.lh-left, .form-right{ width: 100% }
	.form-right .bottom{ margin-bottom: 20px; margin-top: -10px }

	
	/*==========================================================================================*/

	.content .section-second .slide-cttv{ padding: 0 20px 5px 20px }
	.content .section-second .info-cttv span.blue{ padding-right: 8px }

	.th_ct .khoi_phai .noidung span.inner{ font-size: 14px }
	.th_ct .ds_hotro .item{ width: 100%; }
	.th_ct .ds_lienhe{ float: none;overflow: hidden; }

	/*==========================================================================================*/

	.content .section-third .main .main-news{ width: calc(100% - 10px); margin-right: 0; padding: 0 20px; }
	.content .section-third .main .related-news{ width: calc(100% - 40px); padding: 0 20px; }
	.content .section-third .main .related-news .items{ width: 50%; float: left; }
	.content .section-third .main .related-news .right{ width: calc(100% - 35% - 6px); }

	.content .section-third.th_ds{ padding: 0 20px }
	.list-th .item{ width: calc((100% - 70px)/3); }
	.list-th .item:nth-child(4n){ margin-right: 20px; }
	
	.th_ct{ padding: 0 20px }
	.th_ct .khoi_trai{ width: 100% }
	.th_ct .khoi_phai{ width: 100% }

	.mota-th{ padding: 0 20px }
	.slide-th .slick-list{ width: calc(100% - 4px) }
	

	/*==========================================================================================*/

	.content .section-fourth .library .left{ width: calc(100% - 44px); margin: 0 20px 50px 20px }
	.content .section-fourth .library .right{ width: calc(100% - 40px); margin: 0 20px; overflow: hidden; }
	.content .section-fourth .library .left .photo{ width: 100% }
	.content .section-fourth .library .right .video-dn .slider-nav .item:after{ top: calc(50% - 13.22px); }

	/*==========================================================================================*/

	.content .section-fifth .qc .info-qc{ padding: 75px 20px 50px 20px; }

	/*==========================================================================================*/

	.content .section-sixth{ padding: 20px }

	/*==========================================================================================*/

	.footer{ padding: 0 20px }
	.footer .left .desc{ height: 84px; margin-bottom: 10px }
	.footer .item.left{ width: 100% }
	.footer .item:not(:first-child){ width: calc((100% - 45px)/2) }
}




/*=============================================Màn hình mobile dọc=============================================*/

@media (max-width: 479px){

	.header .banner-slide .khungAnh:before{ padding-bottom: 126.875% }
	.duongdan .inner{ top: 45% }
	.header .info-group .logo-info{ margin: 0 }
	.header .info-group{ width: 100% }
	.header .info-group p.desc, .header .info-group p.desc span.light{ font-size: 11.15px }
	.header .info-group .button a.xem-chi-tiet{ margin: 12px 0; }

	.header-trang-trong .banner .khungAnh:before{ padding-bottom: 97.5% }

	.main-menu .khoi1140{ padding: 0 10px }
	.menu-responsive .btn{ right: 10px }
	
	
	/*==========================================================================================*/

	.content .section-first .khoi1140{ padding: 0 10px }
	.content .tab .tab-content .img-left, .content .tab .tab-content .text-right{ width: 100% }
	.content .tab .tab-content .img-left{ margin-bottom: 25px; }
	.content .section-first .about .desc{ font-size: 14px }

	.khoi-gt .anh{ width: 50%; height: auto; margin-right: 10px }
	.khoi-gt .text{ width: calc(100% - 10px); float: none; }
	.khoi-gt .text .txt{ overflow: visible; height: auto; margin: 0 }
	.khoi-gt .text a.title{ width: calc(100% + 10px); padding-bottom: 10px; display: block; }
    #dautrang span{ margin: 0; }

	.tieudiem .khungAnh{ width: 100% }
	.ds_tieudiem{ width: calc(100% - 38px) }
	.loaitin .khungAnh{ width: calc(58% - 4px); margin-right: 15px; }
	.loaitin .detail{ padding-top: 15px; clear: both; }
	.loaitin .date_hour{ display: none; }

	.ds_anh li{ width: calc((100% - 34px)) }

	/*.slide_album .slick-prev{ left: 10% }
	.slide_album .slick-next{ right: 15% }*/
	.ds_popup li{ width: calc(100% - 4px) }
	#imageContainer{ padding: 10px 0 }
	#prevLink{ left: -12px }
	#nextLink{ right: 3px; }


	.form-right .bottom{ overflow: hidden; }
	.form-right .form .bottom .right{ display: table; float: none; margin: auto; padding: 10px 0 }
	.form-right .form .bottom .mbv{ width: 151px }
	.white_content{ width: calc(100% - 80px);}
	.white_content .inner p.desc{ line-height: 24px }

	.kq .ketqua{ font-size: 26px }


	/*===========================================CSS CHUNG===============================================*/

	.phanTrang .SplitPages a.trangkhac{ display: none; }
	.phanTrang .SplitPages a:nth-child(2){ display: inline-block; }
	.thongke{ font-size: 11px }
	.thongke_ngay{ margin-left: 0; padding-left: 15px }
	.thongke_luotxem{ margin-left: 10px }
	.NormalSize, #CommonCuoiChiTietTin a.top, #CommonCuoiChiTietTin .pl20, #CommonCuoiChiTietTin .shareItem{ display: none !important; }
	#CommonCuoiChiTietTin .fr{ margin-left: 0 }
	#CommonCuoiChiTietTin .apd a{ position: relative; top: -3px }
	.SmallSize{ background: url(img/tru-res.png) no-repeat center; width: 25px; height: 24px }
	.LargeSize{ background: url(img/cong-res.png) no-repeat center; width: 25px; height: 24px }
	.SmallSize, .LargeSize{ margin-right: 0px }
	.begin_now{ padding: 0 10px }
	

	/*==========================================================================================*/

	.content .section-second  p.add{ font-size: 14px; }
	.content .section-second.thuonghieu  p.add{ margin-bottom: 25px }
	.content .section-second .list-cttv{ width: calc( 100% + 25px); overflow: hidden; }
	.content .section-second .slide-cttv{ padding: 0 10px 40px 10px }
    .content .section-second.thuonghieu .slide-cttv, .content .section-second.congtytv .slide-cttv{ padding: 0 10px 0px 10px }
	.content .section-second .slide-cttv .slick-dots{ width: calc(100% - 25px) }
	.content .section-second.congtytv  p.title{ font-size: 14px; }

	.th_ct{ padding: 0 10px; margin-top: 20px }
	.th_ct .ds_hotro .item{ width: 100% }
	.th_ct .small_slide .slick-prev, .small_slide .slick-next{ width: 25px; height: 25px; background: url(img/prev1-res.png) no-repeat center; top: calc(50% - 13px) }
	.th_ct .small_slide .slick-next{ background: url(img/next1-res.png) no-repeat center }
	.th_ct .small_slide .slick-next:hover{ background: url(img/next1-res-hv.png) no-repeat center }
	.th_ct .small_slide .slick-prev:hover{ background: url(img/prev1-res-hv.png) no-repeat center }
	.th_ct .small_slide{ padding: 0 30px }
	

	.mota-th{ padding: 0 10px }
	.tab_pick a{ font: 13px segoeuisemibold; line-height: 35px; padding: 0 }
	.tab_pick li{ float: left; width: calc(50% - 2px); margin: 0 0px -1px 0; text-align: center;}
	.tab_pick li:last-child{ float: right; }

	.th_ct .khoi_phai .social .txt{ float: none; }
	/*.th_ct .khoi_phai .social #CommonCuoiChiTietTin .shareItem{ display: block !important; }*/


	.slide-th p.title{ font-size: 26px }
	.slide-th .list-th .slick-prev{ left: 0; top: -75px }
	.slide-th .list-th .slick-next{ right: 21px; top: -73px }

	/*==========================================================================================*/
	
	.content .section-third.th_ds{ padding: 0 10px }
	.content .section-third  p.add { font-size: 14px }
	.content .section-third .main .main-news{ padding: 0 10px }
	.content .section-third .main .main-news .news-item{ width: calc(100% - 10px); margin: 0 }
	.content .section-third .main .related-news{ padding: 0 10px; width: calc(100% - 20px) }
	.content .section-third .main .related-news .items{ width: 100% }
	.content .section-third .main .related-news .left{ width: calc(45% - 8px) }
	.content .section-third .main .related-news .right{ width: calc(100% - 45% - 6px) }

	.content .section-third .main .xem-them a{ padding: 12px 65px }

	.th_ds .btn-th{ margin: 30px 0 }
	.th_ds .btn-th a{ width: calc(100% - 2px); margin-right: 0; margin-bottom: 10px; padding: 0; height: 37px; line-height: 37px }
	.list-th .item{ width: calc(100% - 24px); }
	.content .section-third .main .xem-them a{ padding: 0; width: calc(100% - 22px); height: 37px; line-height: 37px }

	/*==========================================================================================*/
	
	.content .section-fourth .library .left .top p.title span.blue, .content .section-fourth .library .left .top p.title span.black{ font-size: 28px }
	.content .section-fourth .library .right .top p.title span.blue, .content .section-fourth .library .right .top p.title span.black{ font-size: 28px }
	.content .section-fourth .library .left{ margin: 0 10px 50px 10px; width: calc(100% - 20px) }
	.content .section-fourth .library .right{ width: calc(100% - 20px); margin: 0 10px }
	ul.list-ds-anh li{ width: calc(50% - 8px) }
	.content .section-fourth .library .right .video-dn .slider-nav .item:after{ background: url('img/play-res.png') no-repeat center; top: calc(50% - 18.045px) }
	.content .section-fourth{ margin-bottom: 40px }

	/*==========================================================================================*/

	.content .section-fifth .qc{ background-size: cover; }
	.content .section-fifth .qc .info-qc p.title{ font-size: 22px }
	.content .section-fifth .qc .info-qc p.desc{ font-size: 14px }


	/*==========================================================================================*/
	.content .section-sixth{ padding: 20px 10px }
	.content .section-sixth .partner{ padding: 0 20px }
	.content .section-sixth .partner .slick-list{ width: auto; margin: 0 }
	.content .section-sixth .partner .item{ margin: 20px 10px }

	/*==========================================================================================*/
	
	.footer{ padding: 0 10px }
	.footer .item{ width: 100% !important}
}



/*=============================================Màn hình mobile ngang=============================================*/

@media (max-width: 640px){

	.header .banner-slide .khungAnh:before{ padding-bottom: 126.875% }
	.duongdan .inner{ top: 45% }
	.header .info-group .logo-info{ margin: 0 }
	.header .info-group{ width: 100% }
	.header .info-group p.desc, .header .info-group p.desc span.light{ font-size: 11.15px }
	.header .info-group .button a.xem-chi-tiet{ margin: 12px 0; }

	.header-trang-trong .banner .khungAnh:before{ padding-bottom: 97.5% }

	.main-menu .khoi1140{ padding: 0 10px }
	.menu-responsive .btn{ right: 10px }
	
	
	/*==========================================================================================*/

	.content .section-first .khoi1140{ padding: 0 10px }
	.content .tab .tab-content .img-left, .content .tab .tab-content .text-right{ width: 100% }
	.content .tab .tab-content .img-left{ margin-bottom: 25px; }
	.content .section-first .about .desc{ font-size: 14px }

	.khoi-gt .anh{ width: 50%; height: auto; margin-right: 10px }
	.khoi-gt .text{ width: calc(100% - 10px); float: none; }
	.khoi-gt .text .txt{ overflow: visible; height: auto; margin: 0 }
	.khoi-gt .text a.title{ width: calc(100% + 10px); padding-bottom: 10px; display: block; }
    #dautrang span{ margin: 0; }

	.tieudiem .khungAnh{ width: 100% }
	.ds_tieudiem{ width: calc(100% - 38px) }
	.loaitin .khungAnh{ width: calc(58% - 4px); margin-right: 15px; }
	.loaitin .detail{ padding-top: 15px; clear: both; }
	.loaitin .date_hour{ display: none; }

	.ds_anh li{ width: calc((100% - 34px)) }

	/*.slide_album .slick-prev{ left: 10% }
	.slide_album .slick-next{ right: 15% }*/
	.ds_popup li{ width: calc(100% - 4px) }
	#imageContainer{ padding: 10px 0 }
	#prevLink{ left: -12px }
	#nextLink{ right: 3px; }


	.form-right .bottom{ overflow: hidden; }
	.form-right .form .bottom .right{ display: table; float: none; margin: auto; padding: 10px 0 }
	.form-right .form .bottom .mbv{ width: 151px }
	.white_content{ width: calc(100% - 80px); top: 10% }
	.white_content .inner p.desc{ line-height: 24px }

	.kq .ketqua{ font-size: 26px }


	/*===========================================CSS CHUNG===============================================*/

	.phanTrang .SplitPages a.trangkhac{ display: none; }
	.phanTrang .SplitPages a:nth-child(2){ display: inline-block; }
	.thongke{ font-size: 11px }
	.thongke_ngay{ margin-left: 0; padding-left: 15px }
	.thongke_luotxem{ margin-left: 10px }
	.NormalSize, #CommonCuoiChiTietTin a.top, #CommonCuoiChiTietTin .pl20{ display: none !important; }
	.SmallSize{ background: url(img/tru-res.png) no-repeat center; width: 25px; height: 24px }
	.LargeSize{ background: url(img/cong-res.png) no-repeat center; width: 25px; height: 24px }
	.SmallSize, .LargeSize{ margin-right: 0px }
	.begin_now{ padding: 0 10px }
	

	/*==========================================================================================*/

	.content .section-second  p.add{ font-size: 14px }
	.content .section-second .list-cttv{ width: calc( 100% + 25px); overflow: hidden; }
	.content .section-second .slide-cttv{ padding: 0 10px 40px 10px }
    .content .section-second.thuonghieu .slide-cttv, .content .section-second.congtytv .slide-cttv{ padding: 0 10px 0px 10px }
	.content .section-second .slide-cttv .slick-dots{ width: calc(100% - 25px); padding-bottom: 5px; margin-top: 0 }

	.th_ct{ padding: 0 10px; margin-top: 20px }
	.th_ct .ds_hotro .item{ width: 100% }
	.th_ct .small_slide .slick-prev, .small_slide .slick-next{ width: 25px; height: 25px; background: url(img/prev1-res.png) no-repeat center; top: calc(50% - 13px) }
	.th_ct .small_slide .slick-next:hover{ background: url(img/next1-res-hv.png) no-repeat center }
	.th_ct .small_slide .slick-prev:hover{ background: url(img/prev1-res-hv.png) no-repeat center }
	.th_ct .small_slide{ padding: 0 30px }
	

	.mota-th{ padding: 0 10px }
	.tab_pick a{ font: 13px segoeuisemibold; line-height: 35px; padding: 0 }
	.tab_pick li{ float: left; width: calc(50% - 2px); margin: 0 0px -1px 0; text-align: center;}
	.tab_pick li:last-child{ float: right; }


	.slide-th p.title{ font-size: 26px }
	.slide-th .list-th .slick-prev{ top: -75px }
	.slide-th .list-th .slick-next{ top: -73px }

	/*==========================================================================================*/
	
	.content .section-third.th_ds{ padding: 0 10px }
	.content .section-third  p.add { font-size: 14px }
	.content .section-third .main .main-news{ padding: 0 10px }
	.content .section-third .main .main-news .news-item{ width: calc(100% - 10px); margin: 0 }
	.content .section-third .main .related-news{ padding: 0 10px; width: calc(100% - 20px) }
	.content .section-third .main .related-news .items{ width: 100% }
	.content .section-third .main .related-news .left{ width: calc(45% - 8px) }
	.content .section-third .main .related-news .right{ width: calc(100% - 45% - 6px) }

	.content .section-third .main .xem-them a{ padding: 12px 65px }

	.th_ds .btn-th{ margin: 30px 0 }
	.th_ds .btn-th a{ width: calc(100% - 2px); margin-right: 0; margin-bottom: 10px; padding: 0; height: 37px; line-height: 37px }
	.list-th .item{ width: calc(100% - 24px); }
	.content .section-third .main .xem-them a{ padding: 0; width: calc(100% - 22px); height: 37px; line-height: 37px }

	/*==========================================================================================*/
	
	.content .section-fourth .library .left .top p.title span.blue, .content .section-fourth .library .left .top p.title span.black{ font-size: 28px }
	.content .section-fourth .library .right .top p.title span.blue, .content .section-fourth .library .right .top p.title span.black{ font-size: 28px }
	.content .section-fourth .library .left{ margin: 0 10px 50px 10px; width: calc(100% - 20px) }
	.content .section-fourth .library .right{ width: calc(100% - 20px); margin: 0 10px }
	ul.list-ds-anh li{ width: calc(50% - 8px) }
	.content .section-fourth .library .right .video-dn .slider-nav .item:after{ background: url('img/play-res.png') no-repeat center; top: calc(50% - 18.045px) }
	.content .section-fourth{ margin-bottom: 40px }

	/*==========================================================================================*/

	.content .section-fifth .qc{ background-size: cover; }
	.content .section-fifth .qc .info-qc p.title{ font-size: 22px }
	.content .section-fifth .qc .info-qc p.desc{ font-size: 14px }


	/*==========================================================================================*/
	.content .section-sixth{ padding: 20px 10px }
	.content .section-sixth .partner{ padding: 0 20px }
	.content .section-sixth .partner .slick-list{ width: auto; margin: 0 }
	.content .section-sixth .partner .item{ margin: 20px 10px }

	/*==========================================================================================*/
	
	.footer{ padding: 0 10px }
	.footer .item{ width: 100% !important}
}