@charset "utf-8";
/* 
	CSS Document
	Designed by WEB123.VN
	Công ty CP Truyền thông Phú An Bình
	Contact information: 
		Tel:     84 - 4.667 41255 
		Hotline: 84-904 922 316
		EmaiL:   sale@web123.vn
*/

@media screen and (max-width: 1124px){
	#divAdLeft{display: none!important;}
	#divAdRight{display: none!important;}
}
@media screen and (min-width: 767px){
	#banner-mobile {
		display: none;
		flex:1;
	}
	#bannerdesktop {
		display: block !important;
	}
}

@media screen and (max-width: 767px){
	#banner-mobile {
		flex:1;
		text-align: center;
		display: grid;
		place-items: center;
	}
	#bannerdesktop {
		display: none !important;
	}
}

@media screen and (min-width: 769px) and (max-width: 1000px){
	.logo2{
		width:40%;
		float: right;
	}
	.logo2 img{
		position:absolute;
        right:10px;top:0px;z-index:99999;
        width:auto;
        height:70px;
	}
	#question{
		width:98%;
	}
	.right_adv{display: none!important}
	/* --------GLOBAL-------- */
	#wrap {width: 98% !important; margin: 0 1% !important;}
	.content_auto {width: 100% !important;}
	#divAdLeft{display: none!important;}
	#divAdRight{display: none!important;}
	/* --------HEARDER-------- */
	.wrapHeaderContainer {overflow: hidden; height: auto !important; }
	#mainMenuTopContainer {height: auto !important;}
	#wrapHeader {}
	.listLinkCar {height: auto !important;margin-top:10px;}
	
	/* --------CONTENT-------- */
	#content #col_left_home {width: 73% !important; float: left !important;margin:0px}
	#content #col_right_home {width: 26% !important; float: right !important;margin:0px}
	
	#content #col_left {width: 27.5% !important; float: left !important; }
	#content #col_right {width: 71% !important; float: righ !important; min-height: none !important;}
	
	/* --------SUPPORT ONLINE-------- */
	.supportOnline .yahooItem {width: 98% !important; float: left !important; padding: 5px 1% !important;}

	/* --------SLIDERHOME-------- */
	#slideHot #button_bar {display: none !important;}
	#slideHot #button_bar li.next {display: none !important;}
	#slideHot #button_bar li.prev {display: none !important;}
	
	/* --------PARTNER-------- */
	#partners {display: none !important;}
	
	/* --------VIEW-------- */
	.product_info .productDetail { margin-bottom: 15px !important;}
	.product_info .productDetail .detailLeft {
		height: auto !important;	
	}
	
	.product_info .productDetail .detailRight {
		padding-top: 0px !important;	
	}
	.product_info .productDetail .detailRight #info-description {height: auto !important;}
	
	/* --------RELATED ARTICLE-------- */
	#related_article {margin: 20px 0 20px 0 !important;}
	
	/* --------LIST NEWS-------- */
	.listnews6 .news {height: auto !important; min-height: 160px !important;}
	.listnews19 .listing {border: none !important; padding: 0 0 !important;}
	.listnews19 .listing .storyFirst {width: 100% !important;}
	.listnews19 slideLRAlbumDetail {width: 100% !important;}
	
	.listnews19 .listing {border: none !important; width: 98% !important; padding: 0 1% !important;}
	.listnews19 .listing .storyFirst {width: 100% !important;}
	.listnews19 .slideLRAlbumDetail {width: 100% !important;}
	.slideLRAlbumDetail .ch_container .preview {width: 100% !important;}
	.listnews19 .slideLRAlbumDetail .ch_container .news .image_container {}
	.listnews19 .slideLRAlbumDetail .ch_container .news img {width: 80% !important;}
	
	.listnews19 {width: 100% !important;}
	.listnews19 .listing {padding: 0px 0px !important; border: none !important; width: 100% !important;}
	.listnews19 #slideLRAlbumDetail {width: 100% !important;margin:0px;}
	.slideLRAlbumDetail .ch_container .preview li.itemLi {width: 100% !important;}
	.slideLRAlbumDetail .ch_container .preview_container {width: 100% !important;}
	.listnews19 .listing .story {margin: 0 auto !important; height: 180px !important; margin: 5px 5px !important;}
	.listnews19 .listing .story .image_cell img {height: 130px !important;}
	.slideLRAlbumDetail .ch_container .news img {width: 100% !important;margin:10px 0px;}
	.listnews19 .listing .hr {display: none !important;}
	
	#question2 {width: 100% !important;}
	.listingQuestions .commentBody .icon_comment {float: none !important;}
	.listingQuestions .name {width: 98% !important; padding: 5px 1% !important;}
	.listingQuestions .commentBody .center_comment_body .content_question {width: 100% !important; margin-left: 0px !important; }
	
	/* SLIDE ALBUM */

	.slideLRAlbumDetail .ch_container .preview_container{height:360px !important;}
	.slideLRAlbumDetail .ch_container .preview{height: 360x !important;}
	.slideLRAlbumDetail .ch_container .news .image_container {height: auto !important;margin:10px 0px;}
	.slideLRAlbumDetail .navigator li {height: 60px !important;}
	.slideLRAlbumDetail .navigator .thumb {height: 60px !important;}
	.slideLRAlbumDetail .navigator .image_thumb {height: 60px !important;}
	
	
	/* --------HOME-------- */
	.homeCatalog {width: 99%;margin:10px 0px 0px 1%;}
	.homeCatalog1 .news { width: 100% !important;  margin-bottom: 10px !important;}
	.homeCatalog1 .image_container {width: 27% !important;height:100px;}
	.homeCatalog1 .image_cell {width: 100% !important;display: block;height:100%;}
	.homeCatalog1 .image_news {width: 100% !important;height:100%;max-width: none;max-height: none;}
	.homeCatalog1 .other_info {width: 71% !important;}
	.homeCatalog1 .description {padding: 5px 0px !important; }
	
	.homeCatalog2 .news {width: 32% !important; margin-right: 2% !important;}
	.homeCatalog2 .lastitem {margin-right: 0px !important;}
	.homeCatalog2 .image_container {width: 100% !important; margin: 0px auto !important;}
	.homeCatalog2 .image_cell {display: block !important; width: 100% !important;}
	.homeCatalog2 .image_news {width: 100% !important; min-width: 100% !important;}
	.homeCatalog2 .title_sub {min-height: 10%;}
	
	.hotNewsHome {width: 100% !important;}
	.hotNewsHome .story {width: 31% !important; margin-right: 2% !important; float: left !important;}
	.hotNewsHome .lastitem {margin-right: 0px !important;}
	.hotNewsHome .title {width: 100% !important; margin-top: 10px !important; min-height: 20px !important;}
	.hotNewsHome .image_container {width: 100% !important; height: 100% !important; margin-bottom: 10px !important;}
	.hotNewsHome .image_cell {display: block !important;}
	.hotNewsHome .image_news {width: 100% !important; min-width: 100% !important;}
	
	/* --------ADV-------- */
	#divAdLeft {display: none !important;}
	#divAdRight {display: none !important;}
	.right_adv {width: 100% !important;}
	.right_adv img {width: 100% !important;}
	
	
	/* --------FOOTER-------- */
	#footerBototm {height: auto !important;}
	.wrapFooter .wbFooterLeft {}
		.linkSocial {width: 100% !important; float: none !important; background: #ffffff; height: 46px;}
		.linkSocial .share_bar { margin: 0 auto !important; width: 100% !important; }
		.linkSocial .share_bar ul.root {list-style: none; overflow: hidden;  padding: 8px 0; margin: 0 0;}
		.linkSocial .share_bar ul li {display: block; float: left; width: 35px;}

		#boxMenu{width:100%;height:auto;}
		#slideHot .navigator{margin-right: 30%;height:20px;width:auto;}
		#slideHot .navigator_bar .overFollow{width:40%!important;left:23%;}
		.clearfix:after{height:auto;}
		.top_adv img{height:74px;}
		#slideHot .navigator_bar{width:136%;margin:0px; padding:0px;display:none;}
		.homeCatalog2 .middle{width:100%;}
		.wrapFooter{width:100%;margin:0px;padding:0px;margin:0px;}

			.storyFirstVideo{width:90%!important;margin:10px 5%!important;}
		.listnews20 .storyFirst .player{width:83%;}
		.listnews20 .otherVideoList{width:100%;}
		.listnews20 .previewList{width:100%;float:left;height:auto;overflow: inherit;}
		.listnews20 .otherVideos{white-space: normal;position: static;}
		.listnews20 .story{height:200px;width:23%;margin:0 1%;padding:0px;margin-bottom: 15px;}
		.listnews20 .story .image_news{height:150px;width:100%;margin-bottom: 5px}
		.listnews20 .story .image_container{width:100%;}


		.col_right_view .wrapListProduct .product_info .pagetext img{width:auto!important;}
		.col_right_view .wrapListProduct .product_info .pagetext table{width:100%!important;}
		.comment_input .inputForm{width:99%;}



		.slideLRAlbumDetail .ch_container .preview, .slideLRAlbumDetail .ch_container .preview_container .column_list{width:100%;height:300!important;}
		.slideLRAlbumDetail .ch_container .news{width:100%;display: table-cell;vertical-align: middle;}
		.slideLRAlbumDetail .navigator{margin:0px;}
		.slideLRAlbumDetail .ch_container .news img{height:auto;}
		.slideLRAlbumDetail .ch_container .preview_container{height:auto!important;}
		.slideLRAlbumDetail .ch_container .news .image_container{height:auto;}

		.listnews19 .title_page .span_center{width:92%!important;}
		.listnews0 .pagetext{border-right:none;}

		.listnews12 .image_news{height:165px;}

		.slideLRAlbumDetail{width:90%;margin-right:5%;margin-left:5%;}

		.listnews12 .catalog{min-height: 0px;}
		.listnews10{width:100%;}
		.listnews10 .story{margin:10px 0px 0px 10px;}

		#product_info{width:98%!important;margin-left:1%;}
		.product_info .productDetail h1{padding:6px 0px;}
		#pITabContent{width:100%;}

		.listingQuestions .replyList .name{}
		.listingQuestions .replyListLoading{width:100%;}
		#question2{margin: 10px 1% 30px 1%;width:98%!important;}

		.mean-container .r_menu{display: block!important;}

		.listnews8 .pagecontent{width:100%;padding:0px;}
		.listnews8 .pagetext iframe{width:90%!important;margin-right:5%;margin-left:5%;}

	.top_adv{width:100%;}


	.listnews17 .middle .story .comment_member{width:97%!important;}
	.listnews17 .replyList li .reply_sub{width:100%;}

	.listnews17 .middle .story .info_story{width:100%;}

	#boxMenu{width:100%;height:auto!important;margin-bottom: 10px;}
	.listLinkCar{display: none;}
		#mainMenuTopContainer{width:100%;}
		.wrapHeaderContainer{min-height: 84px;}

		.listnews17 .commentBody{width:100%!important;padding:0px;}

		.listnews16 li{width:100%;margin-right:0px;}



		#articlePlayer_jwplayer_display_image{left:0px!important;}

		.otherInfo{width:47%!important;}
		.contentHot{width:100%!important;}
		
	


}


		

@media screen and (min-width: 641px) and (max-width: 768px){
	.otherInfo{width:47%!important;}
	.product_info .likeBar{display: none;}

	.logo2{
		width:40%;
		float: right;
		position:absolute;
        right:10px;top:0px;z-index:99999;
	}
	.logo2 img{
		
        width:auto;
        height:73px;
	}
	#question{
		width:98%;
	}

	.right_adv{display: none!important}
	#divAdLeft{display: none!important;}
	#divAdRight{display: none!important;}
	/* --------GLOBAL-------- */
	.wrapView .supportOnline, .wrapList .supportOnline{display:none;}
	#wrap {width: 98% !important; padding: 0 1%;}
	.content_auto {width: 100% !important;}
	.wrapView .supportOnline, .wrapList .supportOnline{display:none;}

	/* --------HEARDER--------
	.wrapHeaderContainer {height: auto !important;min-height:0px;}
	#boxMenu {height: 100% !important; margin-bottom: 10px !important;width:100%;}
	#mainMenuTopContainer {float: none !important; width: 100% !important; clear: both !important;}
	.contentHot {float: none !important; width: 100% !important;}
	#wrapHeader .logo_container {top: 10%;}
	.listLinkCar .news img {height: auto !important; width: 100% !important;}

	 */
	.wrapHeaderContainer {overflow: hidden; height: auto !important; margin-bottom: 10px !important;min-height: 0px;}
	#wrapHeader .wrapHeaderBG {height:auto;}
	.listLinkCar {height: auto !important;}
	.listLinkCar .news {padding: 0 2%;}
	#boxMenu {height: auto !important; overflow: hidden;}
	#mainMenuTop {display: none !important;}
	#wrapHeader {}
	.logo_container {float: none !important; top: 0px !important;}
	.hotline {display: none; margin-top: 10px !important;}
	.boxSearch{float:none !important;width: 100%; margin-top: 10px !important; margin-right: 0px !important;} 


	
	/* --------MAIN MENU-------- */
	#mainMenuTopContainer {width: 100% !important; float: none !important;display: block;}
	#mainMenuTop {display: none !important;}
	.mean-container .mean-bar{display: block;}
	
	/* --------SLIDERHOME-------- */
	.contentHot{height: auto !important; width: 100% !important; overflow: hidden; float: none !important;}
	#slideHot {height: auto !important; overflow: hidden;}
	#slideHot .slider {height: auto !important; overflow: hidden;}
	#slideHot .slider li {height: auto !important; overflow: hidden; position: static !important;}
	#slideHot .slider li img{height:auto !important; overflow: hidden;}
	#slideHot .slider .image_hotnews {height: auto !important;}
	#slideHot #button_bar {display: none !important;}
	#slideHot #button_bar li.next {display: none !important;}
	#slideHot #button_bar li.prev {display: none !important;}
	
	/* --------DIRECTORY-------- */
	.directory{padding:20px 0 25px 0 !important;}
	
    /* --------CONTENT-------- */
	#content #col_left_home, #content #col_left {width: 100% !important; float: none !important;margin:0px}
	#content #col_right_home, #content #col_right {width: 100% !important; float: none !important; margin-top: 10px !important;}
	#content .boxLeft {width: 96% !important; float: left !important; margin-right: 2% !important;margin-left:2%!important; margin-top: 10px !important;}
	#content #col_right {width:96%!important;margin:0px 2%;}
	
	/* --------SUPPORT ONLINE-------- */
	.wrapHome .supportOnline {width: 100% !important; float: left !important; margin-right: 0% !important;}
	.supportOnline .yahooItem {width: 98% !important; padding: 0 1% !important;}
	.wrapHome .supportOnline .top{text-align: center;}
		
	/* --------LEFT MENU-------- */
	.left_menu {width: 100% !important; float: left;}
	
	/* --------ADV-------- */
	.left_adv {width: 49% !important; float: right !important;}
	.left_adv img {width: 100% !important; height: auto !important;}
	.right_adv {width: 96% !important; float: left !important;margin:0px 2%;}
	.right_adv img {width: 46% !important; height: auto !important;float:left;margin-right:2%;margin-left: 2%;}
	
	
	/* --------HOME-------- */
	.homeCatalog {width: 100%;}
	.homeCatalog1 .news { width: 100% !important;  margin-bottom: 10px !important;}
	.homeCatalog1 .image_container {width: 25% !important;}
	.homeCatalog1 .image_cell {width: 100% !important;}
	.homeCatalog1 .image_news {width: 100% !important;}
	.homeCatalog1 .other_info {width: 72.5% !important;}
	.homeCatalog1 .description {padding: 5px 0px !important; }
	
	.homeCatalog2 .news {width: 47% !important; margin-right:2% !important;margin-left:6px;text-align: center;}
	.homeCatalog2 .image_container {widows: 100% !important; margin: 0px auto !important;}
	.homeCatalog2 .image_cell {display: block !important;}
	.homeCatalog2 .image_news {width: 100% !important; min-width: 100% !important;height:187px;}
	
	.hotNewsHome {width: 100% !important;}
	.hotNewsHome .story {width: 32% !important; margin-right: 2% !important; float: left !important;}
	.hotNewsHome .lastitem {margin-right: 0px !important;}
	.hotNewsHome .title {width: 100% !important; margin-top: 10px !important; min-height: 25px !important;margin-bottom:15px;}


	
		.hotNewsHome .title a{color:#484848;}
	.hotNewsHome .image_container {width: 100% !important; height: 100% !important; margin-bottom: 10px !important;}
	.hotNewsHome .image_cell {display: block !important;overflow: inherit;}
	.hotNewsHome .image_news {width: 100% !important; min-width: 100% !important;}
	
	.homeCatalog3 .pagetextCatalog img {margin-left: 10% !important;}
	
	/* --------LIST-------- */
	#col_left { width: 100%; float: none !important; overflow: hidden;}
	#col_right { width: 100%; float: none !important;}
	.rightStylePlayer { margin-bottom: 10px;}
	.col_right_view .listCourseCalendar {margin-top: 10px !important;}
	
	#question2 {width: 100% !important;}
	.listingQuestions .name {width: 98% !important; padding: 5px 1% !important;}
	.listingQuestions .commentBody .center_comment_body .content_question {width: 94% !important; margin-left: 0px !important; }
	
	.listnews19 .listing {border: none !important; width: 100% !important; padding: 0 0 !important;}
	.listnews19 .listing .storyFirst {width: 100% !important;}
	.listnews19 .slideLRAlbumDetail {width: 100% !important;}
	.slideLRAlbumDetail .ch_container .preview {width: 100% !important;}
	.listnews19 .slideLRAlbumDetail .ch_container .news .image_container {}
	.listnews19 .slideLRAlbumDetail .ch_container .news img {height: auto !important;max-width: 80%;margin-top:10px;}
	
	.listnews19 {width: 100% !important;}
	.listnews19 .listing {padding: 0px 0px !important; border: none !important; width: 100% !important;}
	.listnews19 #slideLRAlbumDetail {width: 96% !important;margin-right:2%;margin-left:2%;}
	.slideLRAlbumDetail .ch_container .preview li.itemLi {width: 100% !important;}
	.slideLRAlbumDetail .ch_container .preview_container {width: 100% !important;}
	.listnews19 .listing .story {margin: 0 auto !important; height: 180px !important; margin: 5px 5px !important;}
	.listnews19 .listing .story .image_cell img {height: 130px !important;}
	.slideLRAlbumDetail .ch_container .news img {}
	.listnews19 .listing .hr {display: none !important;}
	
	.listnews6 .news { margin-bottom: 20px !important;}
	
	#question {width: 100% !important;}
	.listingQuestions .name {width: 98% !important; padding: 5px 1% !important;}
	.listingQuestions .commentBody .icon_comment {float: none !important;}
	.listingQuestions .commentBody .center_comment_body .content_question {width: 100% !important; margin-left: 0px !important; float: none !important;}
	
	.wrapMiddleContainer .form_question {width: 98% !important; padding: 0 0 !important; margin-left: 0px !important;}
	.form_question .line .name {float: none !important; display: block !important; text-align: left !important; margin-bottom: 10px !important; width: 94% !important; padding: 0 3% !important;}
	.form_question .line .input_style {display: block !important; float: none !important; width: 94% !important; padding: 0 3% !important;}
	.form_question .line .input_style input {display: block !important; width:98% !important; padding: 2px 1% !important;}
	.form_question textarea {width: 96% !important; padding: 8px 2% !important;}
	.form_question .line .select_box {width: 94% !important; padding: 0 3% !important;}
	
	/* SLIDE ALBUM */
	.slideLRAlbumDetail .ch_container .button_bar .left{top:120px !important;}
	.slideLRAlbumDetail .ch_container .button_bar .right{top:120px !important;}
	.slideLRAlbumDetail .ch_container .button_bar .start{top:122px !important;}
	.slideLRAlbumDetail .ch_container .button_bar .stop{top:122px !important;}
	.slideLRAlbumDetail .ch_container .preview_container{height:260px !important;}
	.slideLRAlbumDetail .ch_container .preview{height: 260px !important;}
	.slideLRAlbumDetail .ch_container .news .image_container {height: 260px !important;}
	.slideLRAlbumDetail .navigator li {height: 50px !important;}
	.slideLRAlbumDetail .navigator .thumb {height: 50px !important;}
	.slideLRAlbumDetail .navigator .image_thumb {height: 50px !important;}
	
	
	/* --------RELATED ARTICLE-------- */
	#related_article {margin-top: 0px !important; margin-bottom: 20px !important;}
	
	/* --------VIEW-------- */
	.product_info .productDetail { margin-bottom: 15px !important;}
	.product_info .productDetail .detailLeft {
		height: auto !important;	
	}
	.product_info .productDetail .detailRight {
		padding-top: 0px !important;	
	}
	.product_info .productDetail .detailRight .info-description { height: auto !important;}
	
	.product_info .productDetail .detailRight #info-description {height: auto !important;}
	.listnews0 .pagetext {border-right: none !important; width: 94.393393% !important;}
	#product_info .productDetail .detailLeft {width: 100% !important;}
	#product_info .productDetail .thumb {float: none !important;}
	/*#product_info .gallery_catalog{float: none !important; width: 100% !important;}
	#product_info .gallery_catalog .image_news {width: 100% !important;}
	.product_info .productDetail .image_large {float: none !important;}
	#product_info .otherInfo {float: none !important; width: 100% !important;}
	#product_info .detailLeft .title {width: 100% !important;}*/
	#product_info .productDetail .thumb a {}
	#product_info #view_slide_image img {}
	#product_info .comment_input .input_style {width: 60% !important;}
	
	/* --------PARTNER-------- */
	#partners {display: none !important;}
	
	/* --------FOOTER-------- */
	#footerBototm {height: auto !important;}
	.wrapFooter .wbFooterLeft {width: 98% !important;margin-left:1%;margin-right:1%;}
	.wrapFooter .wbFooterRight {width: 98% !important; float: none !important;margin-left:1%;margin-right:1%;}
	.companyFooterContent {padding: 30px 0 !important;}
		.menuBottom {margin: 10px 0 !important;}
		.boxCounter .linkSocial {width: 100% !important; float: none !important; background: #ffffff;clear: both !important;}
		.linkSocial .share_bar { margin: 0 auto !important; width: 100% !important;}
		.linkSocial .share_bar ul.root {list-style: none; overflow: hidden; padding: 8px 0; margin: 0 0;}
		.linkSocial .share_bar ul li {display: block; float: left; width: 35px;}
		.boxCounter .counterContainer {width: 100% !important; float: none !important;}
		.counterContainer p {margin-left: 5px !important;}
		.counterContainer .user_online{ margin-left: 0px !important;}
		
		.listLinkCar{display:none;}
		
		
		.homeCatalog1 .image_container{width:80%;height:auto;margin-bottom:15px!important;}
		.homeCatalog1 .image_cell{width:auto;margin:0px;height:auto;display:block;}
		
		.homeCatalog1 .image_news{width:100%;height:auto;max-width:none;max-height: none;}
		.homeCatalog2 .middle{width:100%;}
		.homeCatalog2 .news{height:234px;margin-bottom:30px;}
		.homeCatalog2 .image_container{height:auto!important;width:100%;}
		.homeCatalog2 .image_cell{width:auto;height:auto;}
		.homeCatalog{width:98%;margin:0px 1%;}
		.wrapFooter{width:100%;margin:10px 0px;padding:0px;}
		
		#slideHot{height:auto!important;margin-bottom:10px;}
		#slideHot .navigator_bar{display:none!important}
		#slideHot .slider .image_hotnews{height:auto!important;}
		.hotNewsHome .listing{width:96%;margin:0px 2%;}
		.hotNewsHome .story{margin-right:0px;}
		.hotNewsHome .story{height:auto;}
		.hotNewsHome .image_news{height:auto;}
		.hotNewsHome .image_news{}
		
		
		.top_adv img{height:80px!important;}
		#wrapHeader .logo_container{height:auto!important;}
		
		#slideHot .button_bar li.next, #slideHot .button_bar li.prev{top:35%!important;}
		.clearfix:after{height:auto!important;}
		#wrapHeader{}
		#wrapHeader .logo_container{overflow: inherit;}


		.left_adv{display: none;}
		.left_menu .root li span.span_center, .span_center{width:93%!important;}
		.listnews12 .firstitem{width:98%!important;margin:0px 1%;}
		.listnews12 .image_news{max-height: none;max-width: none;width:100%!important;margin:0px 0%;height:100%!important;}
		.listnews12 .image_cell{height:100%;}
		.listnews12 .image_container{width:98%!important;}
		.listnews12 .description{width:98%;margin:0px 1%;}
		.listnews12 .listing .catalog{width:46%!important;margin-right:2%;margin-left:2%;}
		.listnews12 .listing{padding:0px;width:100%!important;}

			.left_menu .root li span.span_center{width:93%!important;}


			.storyFirstVideo{width:90%!important;margin:10px 5%!important;}
		.listnews20 .storyFirst .player{width:100%;}
		.listnews20 .otherVideoList{width:100%;}
		.listnews20 .previewList{width:100%;float:left;height:auto;overflow: inherit;}
		.listnews20 .otherVideos{white-space: normal;position: static;}
		.listnews20 .story{height:200px;width:31%;margin:0 1%;padding:0px;margin-bottom: 15px;}
		.listnews20 .story .image_news{height:150px;width:100%;margin-bottom: 5px}
		.listnews20 .story .image_container{width:100%;}

		.col_right_view .wrapListProduct .product_info .pagetext img{width:auto!important;}
		.col_right_view .wrapListProduct .product_info .pagetext table{width:100%!important;}
		.comment_input{display: none;}
		.left_menu .middle{margin-top:0px;}
		


		.slideLRAlbumDetail .ch_container .preview, .slideLRAlbumDetail .ch_container .preview_container .column_list{width:100%;height:300px!important;}
		.slideLRAlbumDetail .ch_container .news{width:100%;display: table-cell;}
		.slideLRAlbumDetail .navigator{margin:0px;}
		.slideLRAlbumDetail .ch_container .news img{height:300px;}
		.slideLRAlbumDetail .ch_container .preview_container{height:auto!important;}
		.slideLRAlbumDetail .ch_container .news .image_container{height:auto;}
		.listnews0 .pagetext{border-right:none;}


		#slideHot .slider {height: auto !important; overflow: hidden;height:370px!important;}
		#slideHot .slider .image_hotnews{height:370px!important;}

		.listnews10 .story{width:47%!important;margin:15px 1%;height:245px!important;}
		.listnews10 .story .image_container .image_news{width:98%!important;max-width: none;max-height: none;}
		.listnews10 .story .image_container{padding:0px!important;}
		.slideLRAlbumDetail{width:90%;margin:0px;margin-left:5%;margin-right:5%;}
		.listnews10 .listing{width:100%!important;}
		.listnews12 .catalog{min-height: 0px;}


		.listnews10{width:100%;}

		.listnews10 .story .image_container{width:100%!important;padding:0px;margin:0px;}

		.listnews10 .story .title{height:27px;}
		.listnews10 .story .image_container .image_news{width:90%!important;height:100%;}
		.listnews10 .story .image_container .image_cell{width:100%!important;display: block;}
		.listnews10 .story .contact_buy{display: none;}


		.listnews12 .catalog{min-height: 0px;}


		#product_info{width:98%!important;margin-left:1%;}
		.product_info .productDetail h1{padding:6px 0px;}
		#pITabContent{width:100%;}


		.listingQuestions .replyList .name{}
		.listingQuestions .replyListLoading{width:100%;}
		#question2{margin: 10px 1% 30px 1%;width:98%!important;}

		.mean-container .r_menu{display: block!important;}

		#wrapHeader .logo_container img{width:100%;height:auto;}

		.listnews8 .pagecontent{width:100%;padding:0px;}
		.listnews8 .pagetext iframe{width:90%!important;margin-right:5%;margin-left:5%;}

		



	.listnews17 .replyList li{width:86%;margin-left:10%;}
	.listnews17 .middle .story .comment_member{width:97%!important;}
	.listnews17 .replyList li .reply_sub{width:100%;}

	.listnews17 .middle .story .info_story{width:100%;}

#boxMenu{width:100%;margin-bottom: 10px;}
	.listLinkCar{display: none;}

	.listnews17 .commentBody{width:100%!important;padding:0px;}

	.listnews16 li{width:100%;margin-right:0px;}


	.listnews20{width:100%;}
	.player #articlePlayer{width:100%!important;}
	.player .articlePlayer_displayarea{width:100%!important;}
	#articlePlayer_displayarea{width:100%!important;height:100%!important;}
	#articlePlayer_jwplayer_display{height:100%!important;}

	#articlePlayer_jwplayer_display_image{width:100%!important;height:350px!important;left:0px!important;}
	#articlePlayer{height:350px!important;margin-top:7px!important;}
	#articlePlayer_jwplayer_display_iconBackground{top:35%!important;}
	


	
		
		
		
		
		
}

/*  767px và lớn hơn 481px 
@media screen and (min-width: 330px) and (max-width: 438px){
.wrapView .supportOnline, .wrapList .supportOnline{display:none;}
	
	#mainMenuTopContainer {float: none !important; width: 100% !important; clear: both !important;}
	.contentHot {float: none !important; width: 100% !important;}
	

	#mainMenuTopContainer {width: 100% !important; float: none !important;}
	#mainMenuTop {display: none !important;}
	

	#footerBototm {position: static;}
	
	.slideLRListTeacher .ch_container .image_container img {width: 100% !important; min-width: 330px !important;}
	
	.listnews6 .image_container .image_news {min-width: 100px !important;}
	
	.rightStylePlayer .news {margin: 0 auto !important;}
	.listLinkCar{display:none;}
	
	
	
	.homeCatalog1 .image_container{width:80%;height:auto;margin-bottom:15px!important;}
		.homeCatalog1 .image_cell{width:auto;margin:0px;height:auto;display:block;}
		
		.homeCatalog1 .image_news{width:100%;height:auto;max-width:none;max-height: none;}
		.homeCatalog2 .middle{width:100%;}
		.homeCatalog2 .news{height:auto;}
		.homeCatalog2 .image_container{height:auto!important;}
		.homeCatalog2 .image_cell{width:auto;height:auto;}
		.homeCatalog{width:98%;margin:0px 1%;}
		.wrapFooter{width:100%;margin:10px 0px;padding:0px;}
		
		.wrapHeaderContainer{min-height:80px;}
		#slideHot{height:240px!important;}
		#slideHot .navigator_bar{display:none!important}
		#slideHot .slider .image_hotnews{height:240px!important;}
		.hotNewsHome .listing{width:100%;}
		.hotNewsHome .story{margin-right:0px;}
		.hotNewsHome .story{height:auto;}
		.hotNewsHome .image_news{height:auto;}
		.hotNewsHome .image_news{}
		
		.top_adv img{height:120px!important;}
		
		
	
	
	
}*/


@media screen and (min-width: 481px) and (max-width: 640px) {

	#question{
		width:98%;
	}
	.logo2{
		width:40%;
		float: right;
		height:100px;
	}
	.logo2 img{
		
        width:auto;
        height:73px;
		position:absolute!important;
	
        right:10px;top:10px;z-index:99999;
	}


	.right_adv{display: none!important}
	/* --------GLOBAL-------- */
	#wrap{width:98%;margin:0px 1%;}
	.content_auto {width: 100% !important;}
	.wrapView .supportOnline, .wrapList .supportOnline{display:none;}
	#divAdLeft{display: none!important;}
	#divAdRight{display: none!important;}
	
	
	/* --------HEADER-------- */
	.wrapHeaderContainer {height: auto !important;min-height:0px;}
	#boxMenu {height: 100% !important; margin-bottom: 10px !important;width:100%;}
	#mainMenuTopContainer {float: none !important; width: 100% !important; clear: both !important;}
	.contentHot {float: none !important; width: 100% !important;}
	#wrapHeader .logo_container {top: 10%;}
	.listLinkCar .news img {height: auto !important; width: 100% !important;}
	
	/* --------MAIN MENU-------- */
	#mainMenuTopContainer {width: 100% !important; float: none !important;}
	#mainMenuTop {display: none !important;}
	
	/* --------SLIDERHOME-------- */
	.contentHot{width: 100% !important; height: auto !important; overflow: hidden; float: none !important;}
	#slideHot {height: auto !important; overflow: hidden;}
	#slideHot .slider {height: auto !important; overflow: hidden;}
	#slideHot .slider li {height: auto !important; overflow: hidden; position: static !important;}
	#slideHot .slider li img{height:auto !important; overflow: hidden;}
	#slideHot .slider .image_hotnews {height: auto !important;}
	#slideHot .title {display: none !important;}
	#slideHot .navigator_bar .overFollow {}
	#slideHot .navigator li {}
	#slideHot .button_bar li.next {display: none !important;}
	#slideHot .button_bar li.prev {display: none !important;}
	#slideHot #button_bar {display: none !important;}
	#slideHot #button_bar li.next {display: none !important;}
	#slideHot #button_bar li.prev {display: none !important;}
	
	/* --------HEARDER-------- */
	.wrapHeaderContainer {overflow: hidden; height: auto !important; margin-bottom: 10px !important;}
	#wrapHeader {}
	.wrapHeaderBG {height: auto !important; overflow: hidden !important;}
	.logo_container {float: none !important;}
	.listLinkCar {height: auto !important;display:none;}
	.listLinkCar .news {padding: 0 5px;}
	
	
	/* --------HOME-------- */
	.homeCatalog {width: 100%;}
	.homeCatalog1 .news {height: auto !important; margin-bottom: 10px !important;}
	.homeCatalog1 .image_container {float: left !important; margin: 0 auto !important;clear:both;width:32%!important;}
	.homeCatalog1 .other_info {float: right !important; width: 65%!important;}
	.homeCatalog1 .description {padding: 5px 0px !important; }
	.homeCatalog1 .news, .homeCatalog1 .line{clear:both;}
	
	
	
	
	.homeCatalog2 .news {width: 100% !important; margin-right: 0px !important;}
	.homeCatalog2 .image_container {width: 80% !important; margin: 0px 10% !important;}
	.homeCatalog2 .image_cell {display: block !important;}
	.homeCatalog2 .image_news {width: 100% !important; min-width: 100% !important;}
	
	.hotNewsHome {width: 100% !important;}
	.hotNewsHome .story {width: 100% !important;}
	.hotNewsHome .title {width: 100% !important; margin-top: 10px !important;}
	.hotNewsHome .image_container {width: 100% !important; height: 100% !important; margin-bottom: 10px !important;}
	.hotNewsHome .image_cell {display: block !important;overflow: inherit;}
	
	
	.homeCatalog3 .pagetextCatalog img {margin-left: 10% !important;}	
	
	/* --------DIRECTORY-------- */
	.directory{padding:16px 0 20px 0 !important;}
	
	/* --------CONTENT-------- */
	#content #col_left_home {width: 100% !important; float: none !important;margin:0px;}
	#content #col_right_home {width: 100% !important; float: none !important;margin:0px;}
	#content #col_left {margin-bottom: 12px !important;width:96%;margin:0px 2%;}
	#content #col_right {min-height: none !important; min-height: none !important;}
	#listCourse .title a {float: none !important;}
	#listCourse .description {padding-left: 0px !important;}
	
	/* --------SUPPORT ONLINE-------- */
	.supportOnline .yahooItem {width: 94% !important; padding: 0 3% !important; }
	
	/* --------VIEW-------- */
	.product_info .productDetail { margin-bottom: 15px !important;}
	.product_info .productDetail .detailLeft {
		height: auto !important;	
	}
	.product_info .productDetail .detailRight {
		padding-top: 0px !important;	
	}
	.product_info .productDetail .detailRight #info-description {height: auto !important;}
	.listnews0 .pagetext {border-right: none !important; width: 96% !important;margin:10px 2%;padding:0px;}
	#product_info .productDetail .detailLeft {width: 100% !important;}
	#product_info .gallery_catalog{float: none !important; width: 100% !important; padding-right: 0px !important;}
	#product_info .productDetail .image_large {width: 100% !important; float: none !important;}
	#product_info .productDetail .zoom_image {width: 100% !important; float: none !important;}
	#product_info .gallery_catalog .image_news {width: 100% !important;}
	#product_info .otherInfo {float: none !important; width: 100% !important;}
	#product_info .detailLeft .title {width: 100% !important;}
	.product_info .productDetail .thumb {float: none !important;}
	#product_info .productDetail .thumb a {height: 48px !important;}
	#product_info #view_slide_image {width: 100% !important; overflow: hidden !important; height: 67px !important; margin-bottom: 15px !important;}
	#product_info #view_slide_image img {}
	.product_info .productDetail .thumb img {height: 40px !important;}
	#product_info .comment_input .col1 {width: 25% !important;}
	#product_info .comment_input .input_style {width: 70% !important;}
	#product_info .comment_input .submit {margin-top: 10px !important;}
	.slideLROtherProducts .ch_container .lastitem {}
	.slideLROtherProducts .ch_container .story .title {height: 30px !important;}
	
	/* --------RELATED ARTICLE-------- */
	#related_article {display: none;}
	
	/* --------PARTNER-------- */
	#partners {display: none !important;}
	
	/* --------ADV-------- */
	.right_adv {width: 100% !important;}
	.right_adv img {width: 100% !important; height: auto !important;}
	
	#divAdLeft{display: none !important;}
	#divAdRight{display: none !important;}
	
	/* --------LIST-------- */
	#col_left { width: 100%; float: none !important; overflow: hidden;}
	#col_right { width: 100%; float: none !important;}
	.rightStylePlayer { margin-bottom: 10px; margin: 0 auto 10px auto !important;}
	.listnews12 .listing {width: 100% !important; padding: 0 0 !important; background-color: #fff !important; border: none !important;}
	.listnews12 .catalog {width: 100% !important; float: none;}
	.listnews12 .firstitem {margin-right: 0px !important;}
	.listnews12 .image_container {width: 100% !important; height: auto !important;}
	.listnews12 .image_news {height: 100% !important;}
	
	#question2 {width: 100% !important;}
	.listingQuestions .name {width: 98% !important; padding: 5px 1% !important;}
	.listingQuestions .commentBody .icon_comment {float: none !important;}
	.listingQuestions .commentBody .center_comment_body .content_question {width: 100% !important; margin-left: 0px !important; float: none !important;}
	
	/* --------LIST NEWS-------- */
	.listnews6 {font-family: "Times New Roman", Times, serif;}
	.listnews6 .news {height: auto !important; min-height: 120px !important; margin-bottom: 15px !important;}
	.listnews6 .news .title {padding-top: 0px !important;}
	.listnews6 .news .image_container { height: 120px !important;}
	.listnews6 .image_container .image_cell {height: 120px !important;}
	.listnews6 .description {font-size: 13px; color: #333;}
	.listnews28 .title {padding-top: 15px !important;}
	.listnews28 .listing  .news { height: 150px !important; margin-bottom: 20px !important;}
	
	.listnews10 {width: 100% !important;}
	.listnews10 .listing {width: 100% !important;}
	.listnews10 .story {float: none !important;}
	.listnews10 .image_container {height: 140px !important;}
	
	.wrapMiddleContainer .form_question {width: 98% !important; padding: 0 0 !important; margin-left: 0px !important;}
	.form_question .line .name {float: none !important; display: block !important; text-align: left !important; margin-bottom: 10px !important; width: 94% !important; padding: 0 3% !important;}
	.form_question .line .input_style {display: block !important; float: none !important; width: 94% !important; padding: 0 3% !important;}
	.form_question .line .input_style input {display: block !important; width:98% !important; padding: 2px 1% !important;}
	.form_question textarea {width: 96% !important; padding: 8px 2% !important;}
	.form_question .line .select_box {width: 94% !important; padding: 0 3% !important;}
	.listnews19 {width: 100% !important;}
	.listnews19 .listing {padding: 0px 0px !important; border: none !important; width: 100% !important;}
	.listnews19 #slideLRAlbumDetail {width: 100% !important;margin:0px;}
	.slideLRAlbumDetail .ch_container .preview li.itemLi {width: 100% !important;}
	.slideLRAlbumDetail .ch_container .preview_container {width: 100% !important;}
	.slideLRAlbumDetail .ch_container .news .image_container {width: 100% !important;}
	.listnews19 .listing .story {margin: 0 auto !important; height: 180px !important; margin: 5px 5px !important;}
	.listnews19 .listing .story .image_cell img {height: 130px !important;}
	.slideLRAlbumDetail .ch_container .news img {width: 100% !important;}
	.listnews19 .listing .hr {display: none !important;}

	.listnews10 .first{margin-bottom: 10px;width:100%;}
	
	/* --------CONTACT-------- */
	#contact textarea {height: 100px !important;} 
	
	/* --------FOOTER-------- */
	#footerBototm {height: auto !important; position: static;}
	.wrapFooter .wbFooterLeft {width: 100% !important; float: none !important;}
	.companyFooterContent {padding: 20px 0 !important;}
	.listnews10 .story .image_container .image_news{height:auto!important;}
	.wrapFooter .wbFooterRight {width: 100% !important; float: none !important;}
		.menuBottom {margin: 10px 0 !important;}
		.boxCounter .linkSocial {width: 100% !important; float: none !important; background: #ffffff;clear: both !important;}
		.linkSocial .share_bar { margin: 0 auto !important; width: 100% !important;}
		.linkSocial .share_bar ul.root {list-style: none; overflow: hidden; padding: 8px 0; margin: 0 0;}
		.linkSocial .share_bar ul li {display: block; float: left; width: 35px;}
		.boxCounter .counterContainer {width: 100% !important; float: none !important;}
		.counterContainer p {margin-left: 5px !important;}
		.counterContainer .user_online{ margin-left: 0px !important;}
		.top_adv img{height:80px!important;}
		
		
		.homeCatalog1 .image_container{width:80%;height:auto;margin-bottom:15px!important;}
		.homeCatalog1 .image_cell{width:auto;margin:0px;height:auto;display:block;}
		
		.homeCatalog1 .image_news{width:100%;height:auto;max-width:none;max-height: none;}
		.homeCatalog2 .middle{width:100%;}
		.homeCatalog2 .news{height:auto;}
		.homeCatalog2 .image_container{height:auto!important;}
		.homeCatalog2 .image_cell{width:auto;height:auto;}
		.homeCatalog{width:98%;margin:0px 1%;}
		.wrapFooter{width:100%;margin:10px 0px;padding:0px;}
		
		.wrapHeaderContainer{}
		#slideHot{height:auto!important;}
		#slideHot .navigator_bar{display:none!important}
		#slideHot .slider .image_hotnews{height:auto!important;}
		.hotNewsHome .listing{width:100%;}
		.hotNewsHome .story{margin-right:0px;}
		.hotNewsHome .story{height:auto;}
		.hotNewsHome .image_news{height:auto;}
		.hotNewsHome .image_news{}
		
		#wrapHeader .logo_container img{
			height:40px;
			max-height:none;
			max-width:none;
		}
		.homeCatalog .viewmore{
			position:static;
			float:right;
		}
		.homeCatalog{}
		.right_adv{width:80%!important;margin:0px 10%;display: none}
		.wrapFooter .wbFooterLeft, .boxCounter{width:98%;margin:0px 1%;}

		.left_adv{display: none;}
		.left_menu .root li span.span_center, .span_center{width:91%!important;}
		.listnews12 .firstitem{width:98%!important;margin:0px 1%;}
		.listnews12 .image_news{max-height: none;max-width: none;width:100%!important;margin:0px 0%;height:auto!important;}
		.listnews12 .image_container{width:98%!important;}
		.listnews12 .description{width:98%;margin:0px 1%;}
		.listnews12 .listing{width:90%!important;margin:0px 5%;}

		.storyFirstVideo{width:98%!important;margin:1% 1%!important;}
		.listnews20 .storyFirst .player{width:100%;}
		.listnews20 .otherVideoList{width:100%;}
		.listnews20 .previewList{width:100%;float:left;height:auto;overflow: inherit;}
		.listnews20 .otherVideos{white-space: normal;position: static;}
		.listnews20 .story{height:300px;width:95%;margin:0 auto;padding:0px;margin-bottom: 15px; display: block;}
		.listnews20 .story .image_news{height:270px;width:100%;margin-bottom: 5px}
		.listnews20 .story .image_container{width:100%;}

		.col_right_view .wrapListProduct .product_info .pagetext img{width:auto!important;}
		.col_right_view .wrapListProduct .product_info .pagetext table{width:100%!important;}
		.comment_input{display: none;}
		.left_menu .middle{margin-top:0px;}



		.slideLRAlbumDetail .ch_container .preview, .slideLRAlbumDetail .ch_container .preview_container .column_list{width:100%;height:auto;}
		.slideLRAlbumDetail .ch_container .news{width:100%;display: table;vertical-align: middle;}
		.slideLRAlbumDetail .navigator{margin:0px;}
		.slideLRAlbumDetail .ch_container .news img{height:auto;margin-top:10px;}
		.slideLRAlbumDetail .ch_container .preview_container{height:auto;}
		.slideLRAlbumDetail .ch_container .news .image_container{height:auto;}
		.listnews0 .pagetext{border-right:none;}


		#slideHot .slider {height: auto !important; overflow: hidden;height:280px!important;}
		#slideHot .slider .image_hotnews{height:280px!important;}



		

		.hotNewsHome .title{
			background: -webkit-linear-gradient(top,#c4c5c7,#fefefe);
			background: -moz-linear-gradient(top,#c4c5c7,#fefefe);
			background: -ms-linear-gradient(top,#c4c5c7,#fefefe);
			background: -o-linear-gradient(top,#c4c5c7,#fefefe);
			border:#b7b3b4 1px solid;
			height:25px;
			width:100%!important;
	
			margin-bottom: 0px;

		}
		.hotNewsHome .title a{color:#484848;}
		.hotNewsHome .story {width: 33% !important;}

		.wrapHome #content{margin-top:5px;}
		.hotNewsHome .image_news {width: 100.6% !important; min-width: 0 !important;}
		.hotNewsHome .image_container{width:90%!important;margin-left:5%;margin-right:5%;}
		.hotNewsHome .title{width:89.6%!important;margin-right:5%;margin-left:5%;}

		.slideLRAlbumDetail .ch_container .preview_container{width:96%!important;margin-right:2%;margin-left:2%;}

		.title_page{white-space: nowrap;}


		.slideLRAlbumDetail .ch_container .preview, .slideLRAlbumDetail .ch_container .preview_container .column_list{width:100%;height:auto;}
		.slideLRAlbumDetail .ch_container .news{width:100%;}
		.slideLRAlbumDetail .navigator{margin:0px;}
		.slideLRAlbumDetail .ch_container .news img{height:auto;}
		.slideLRAlbumDetail .ch_container .preview_container{height:auto;}
		.slideLRAlbumDetail .ch_container .news .image_container{height:auto;}
		.slideLRAlbumDetail .ch_container .preview{height:300px!important;}
		.slideLRAlbumDetail{width:100%;margin:0px;}

		.listnews10 .story .contact_buy{display: none;}
		.left_menu .middle{margin-top:0px;}
		.listnews10 .listingTitle{width:96.6%!important;margin-left:1%;margin-right:1%;margin-bottom:10px;}


		.listnews10 {width: 100% !important;}
	.listnews10 .listing {width: 90% !important;margin:0px 5%;}
	.listnews10 .story {float: none !important;}
	.listnews10 .image_container {}
	.listnews10 .story{height:auto;padding-bottom: 15px;}
	.listnews10 .image_container{height:auto!important;}


	#product_info{width:98%!important;margin-left:1%;}
		.product_info .productDetail h1{padding:6px 0px;}
		#pITabContent{width:100%;}

		.listingQuestions .replyList .name{}
		.listingQuestions .replyListLoading{width:100%;}
		#question2{margin: 10px 1% 30px 1%;width:98%!important;}

		.mean-container .r_menu{display: block!important;}

		.listnews8 .pagecontent{width:100%;padding:0px;}
		.listnews8 .pagetext iframe{width:100%!important;}

		
	.listnews17 .replyList li{width:86%;margin-left:10%;}
	.listnews17 .middle .story .comment_member{width:97%!important;}
	.listnews17 .replyList li .reply_sub{width:100%;}

	.listnews17 .middle .story .info_story{width:100%;}

	.listnews20 .listing{width:98%;}

	#boxMenu{width:100%;}
	.listLinkCar{display: none;}
	#mainMenuTopContainer{width:100%;}
.listnews17 .commentBody{width:100%!important;padding:0px;}

.listnews16 li{width:100%;margin-right:0px;}



	.listnews20{width:100%;}
	.player #articlePlayer{width:100%!important;}
	.player .articlePlayer_displayarea{width:100%!important;}
	#articlePlayer_displayarea{width:100%!important;height:100%!important;}
	#articlePlayer_jwplayer_display{width:100%;}
	#articlePlayer_jwplayer_display_image{width:100%!important;height:350px!important;left:0px!important;}
	#articlePlayer{height:350px!important;margin-top:7px!important;}
	#articlePlayer_jwplayer_display_iconBackground{top:35%!important;}



		/*.listnews10 .story{width:80%!important;margin:10px 10%;}
		.listnews10 .story .image_container .image_news{width:95%!important;}
		.listnews10 .story .image_container{width:100%!important;padding:0px;}
		.listnews10 .story .image_container .image_cell{width:90%!important;margin:0px 5%;}*/


	

		
}



/*  480px và lớn hơn 120px */
@media screen and (max-width: 480px) {
	#question{
		width:98%;
	}
	.logo2{
		width:40%;
		float: right;
		height:100px;
	}
	.logo2 img{
		
        width:auto;
        height:73px;
		position:absolute!important;
	
        right:10px;top:10px;z-index:99999;
	}



	.right_adv{display: none!important}
	/* --------GLOBAL-------- */
	#wrap {width: 98% !important; margin:0px 1%;}
	.content_auto {width: 100% !important;}
	.wrapView .supportOnline, .wrapList .supportOnline{display:none;}
	
	/* --------HEADER-------- */
	.wrapHeaderContainer {height: auto !important; min-height: auto !important;}
	#boxMenu {height: 100% !important; margin-bottom: 10px !important;width:100%;}
	#mainMenuTopContainer {float: none !important; width: 100% !important; clear: both !important;}
	.contentHot {float: none !important; width: 100% !important;}
	.listLinkCar .news img {height: auto !important; width: 100% !important;}
	
	/* --------MAIN MENU-------- */
	#mainMenuTopContainer {width: 100% !important; float: none !important;}
	#mainMenuTop {display: none !important;}
	
	/* --------SLIDERHOME-------- */
	.contentHot{width: 100% !important; height: auto !important; overflow: hidden; float: none !important;}
	#slideHot {height: auto !important; overflow: hidden;}
	
	#slideHot .slider {height: auto !important; overflow: hidden;height:200px!important;}
	#slideHot .slider .image_hotnews{height:200px!important;}

	#slideHot .slider li {height: auto !important; overflow: hidden; position: static !important;}
	#slideHot .slider li img{height:auto !important; overflow: hidden;}
	#slideHot .slider .image_hotnews {height: auto !important;}
	#slideHot .title {display: none !important;}
	#slideHot .navigator_bar .overFollow {}
	#slideHot .navigator li {}
	#slideHot .button_bar li.next {display: none !important;}
	#slideHot .button_bar li.prev {display: none !important;}
	#slideHot #button_bar {display: none !important;}
	#slideHot #button_bar li.next {display: none !important;}
	#slideHot #button_bar li.prev {display: none !important;}
	
	/* --------HEARDER-------- */
	.wrapHeaderContainer {overflow: hidden; height: auto !important; min-height: none !important; margin-bottom: 10px !important;}
	#wrapHeader {}
	.wrapHeaderBG {height: auto !important; overflow: hidden !important;}
	.logo_container {float: none !important;}
	.listLinkCar {height: auto !important;display:none;}
	.listLinkCar .news {padding: 0 5px;}
	
	
	/* --------HOME-------- */
	.homeCatalog {width: 100%;}
	.homeCatalog1 .news {height: auto !important; margin-bottom: 10px !important;}
	.homeCatalog1 .image_container {float: none !important; margin: 0 auto !important;}
	.homeCatalog1 .other_info {float: none !important; width: 100%!important;}
	.homeCatalog1 .description {padding: 5px 0px !important; }
	
	.homeCatalog2 .news {width: 100% !important; margin-right: 0px !important;}
	.homeCatalog2 .image_container {width: 96% !important; margin: 0px 2% !important;}
	.homeCatalog2 .image_cell {display: block !important;}
	.homeCatalog2 .image_news {width: 100% !important; min-width: 100% !important;}
	
	.hotNewsHome {width: 100% !important;}
	
	.hotNewsHome .title {width: 100% !important; margin-top: 10px !important;}
	.hotNewsHome .image_container {width: 100% !important; height: 100% !important; margin-bottom: 10px !important;}
	.hotNewsHome .image_cell {display: block !important;overflow: inherit;}
	.hotNewsHome .image_news {width: 100% !important; min-width: 0 !important;}
	
	.homeCatalog3 .pagetextCatalog img {margin-left: 10% !important;}	
	
	/* --------DIRECTORY-------- */
	.directory{padding:16px 0 20px 0 !important;}
	
	/* --------CONTENT-------- */
	#content #col_left_home {width: 100% !important; float: none !important;margin:0px;}
	#content #col_right_home {width: 100% !important; float: none !important;margin:0px;}
	#content #col_left {margin-bottom: 12px !important;}
	#content #col_right {min-height: none !important; min-height: none !important;}
	#listCourse .title a {float: none !important;}
	#listCourse .description {padding-left: 0px !important;}
	
	/* --------SUPPORT ONLINE-------- */
	.supportOnline .yahooItem {width: 94% !important; padding: 0 3% !important; }
	
	/* --------VIEW-------- */
	.product_info .productDetail { margin-bottom: 15px !important;}
	.product_info .productDetail .detailLeft {
		height: auto !important;	
	}
	.product_info .productDetail .detailRight {
		padding-top: 0px !important;	
	}
	.product_info .productDetail .detailRight #info-description {height: auto !important;}
	.listnews0 .pagetext {border-right: none !important; width: 94.393393% !important;}
	#product_info .productDetail .detailLeft {width: 100% !important;}
	#product_info .gallery_catalog{float: none !important; width: 100% !important; padding-right: 0px !important;}
	#product_info .productDetail .image_large {width: 100% !important; float: none !important;}
	#product_info .productDetail .zoom_image {width: 100% !important; float: none !important;}
	#product_info .gallery_catalog .image_news {width: 100% !important;}
	#product_info .otherInfo {float: none !important; width: 100% !important;}
	#product_info .detailLeft .title {width: 100% !important;}
	.product_info .productDetail .thumb {float: none !important;}
	#product_info .productDetail .thumb a {height: 48px !important;}
	#product_info #view_slide_image {width: 100% !important; overflow: hidden !important; height: 67px !important; margin-bottom: 15px !important;}
	#product_info #view_slide_image img {}
	.product_info .productDetail .thumb img {height: 40px !important;}
	#product_info .comment_input .col1 {width: 25% !important;}
	#product_info .comment_input .input_style {width: 70% !important;}
	#product_info .comment_input .submit {margin-top: 10px !important;}
	.slideLROtherProducts .ch_container .lastitem {}
	.slideLROtherProducts .ch_container .story .title {height: 30px !important;}
	
	/* --------RELATED ARTICLE-------- */
	#related_article {display: none;}
	
	/* --------PARTNER-------- */
	#partners {display: none !important;}
	
	/* --------ADV-------- */
	.right_adv {width: 100% !important;}
	.right_adv img {width: 100% !important; height: auto !important;}
	
	#divAdLeft{display: none !important;}
	#divAdRight{display: none !important;}
	
	/* --------LIST-------- */
	#col_left { width: 100%; float: none !important; overflow: hidden;}
	#col_right { width: 100% !important; float: none !important;}
	.rightStylePlayer { margin-bottom: 10px; margin: 0 auto 10px auto !important;}
	.listnews12 .listing {width: 100% !important; padding: 0 0 !important; background-color: #fff !important; border: none !important;}
	.listnews12 .catalog {width: 100% !important; float: none;}
	.listnews12 .firstitem {margin-right: 0px !important;}
	.listnews12 .image_container {width: 100% !important; height: auto !important;}
	.listnews12 .image_news {height: 100% !important;}
	
	#question2 {width: 100% !important;}
	.listingQuestions .name {width: 98% !important; padding: 5px 1% !important;}
	.listingQuestions .commentBody .icon_comment {float: none !important;}
	.listingQuestions .commentBody .center_comment_body .content_question {width: 100% !important; margin-left: 0px !important; float: none !important;}
	
	/* --------LIST NEWS-------- */
	.listnews6 {font-family: "Times New Roman", Times, serif;}
	.listnews6 .news {height: auto !important; min-height: 120px !important; margin-bottom: 25px !important;position: relative;padding-bottom:20px;}
	.listnews6 .news .title {padding:0px;margin-bottom: 7px;}
	.listnews6 .time{padding:0px;margin-bottom: 5px;}
	.listnews6 .more-details{padding:0px;position: absolute;bottom:0px;right:10px;}
	.listnews6 .news .image_container { width:100%;height: auto !important;float: none;margin-bottom:10px;}
	.listnews6 .image_container .image_cell {height: auto !important;width:100%!important;display: block;}
	.listnews6 .description {font-size: 13px; color: #333;}
	.listnews28 .title {padding-top: 15px !important;}
	.listnews28 .listing  .news { height: 150px !important; margin-bottom: 20px !important;}
	.listnews6 .image_container .image_cell img{
		height: 250px;
	}
	
	.listnews10 {width: 100% !important;}
	.listnews10 .listing {width: 90% !important;margin:0px 5%;}
	.listnews10 .story {float: none !important;}
	.listnews10 .image_container {}
	.listnews20 .listing{
		width: 100% !important;
	}
	.wrapMiddleContainer .form_question {width: 98% !important; padding: 0 0 !important; margin-left: 0px !important;}
	.form_question .line .name {float: none !important; display: block !important; text-align: left !important; margin-bottom: 10px !important; width: 94% !important; padding: 0 3% !important;}
	.form_question .line .input_style {display: block !important; float: none !important; width: 94% !important; padding: 0 3% !important;}
	.form_question .line .input_style input {display: block !important; width:98% !important; padding: 2px 1% !important;}
	.form_question textarea {width: 96% !important; padding: 8px 2% !important;}
	.form_question .line .select_box {width: 94% !important; padding: 0 3% !important;}
	.listnews19 {width: 100% !important;}
	.listnews19 .listing {padding: 0px 0px !important; border: none !important; width: 98% !important;margin:0px 1%;}
	.listnews19 #slideLRAlbumDetail {width: 100% !important;margin:0px;}
	.slideLRAlbumDetail .ch_container .preview li.itemLi {width: 100% !important;}
	.slideLRAlbumDetail .ch_container .preview_container {width: 100% !important;}
	.slideLRAlbumDetail .ch_container .news .image_container {}
	.listnews19 .listing .story {margin: 0 auto !important; height: 180px !important; margin: 5px 5px !important;}
	.listnews19 .listing .story .image_cell img {height: 130px !important;}
	.slideLRAlbumDetail .ch_container .news img {width: 100% !important;}
	.listnews19 .listing .hr {display: none !important;}
	
	/* --------CONTACT-------- */
	#contact textarea {height: 100px !important;} 
	
	/* --------FOOTER-------- */
	#footerBototm {height: auto !important; position: static;}
	.wrapFooter .wbFooterLeft {width: 100% !important; float: none !important;}
	.companyFooterContent {padding: 20px 0 !important;}
	.wrapFooter .wbFooterRight {width: 100% !important; float: none !important;}
		.menuBottom {margin: 10px 0 !important;}
		.boxCounter .linkSocial {width: 100% !important; float: none !important; background: #ffffff;clear: both !important;}
		.linkSocial .share_bar { margin: 0 auto !important; width: 100% !important;}
		.linkSocial .share_bar ul.root {list-style: none; overflow: hidden; padding: 8px 0; margin: 0 0;}
		.linkSocial .share_bar ul li {display: block; float: left; width: 35px;}
		.boxCounter .counterContainer {width: 100% !important; float: none !important;}
		.counterContainer p {margin-left: 5px !important;}
		.counterContainer .user_online{ margin-left: 0px !important;}
		.top_adv img{height:80px!important;}
		
		
		.homeCatalog1 .image_container{width:98%!important;height:auto;margin-bottom:15px!important;}
		.homeCatalog1 .image_cell{width:auto;margin:0px;height:auto;display:block;}
		
		.homeCatalog1 .image_news{width:100%;height:auto;max-width:none;max-height: none;}
		.homeCatalog2 .middle{width:100%;}
		.homeCatalog2 .news{height:auto;}
		.homeCatalog2 .image_container{height:auto!important;}
		.homeCatalog2 .image_cell{width:auto;height:auto;}
		.homeCatalog{width:96%;margin:0px 2%;}
		.wrapFooter{width:100%;margin:10px 0px;padding:0px;}
		
		.wrapHeaderContainer{min-height:80px;}
		#slideHot{height:auto!important;}
		#slideHot .navigator_bar{display:none!important}
		#slideHot .slider .image_hotnews{height:auto!important;}
		.hotNewsHome .listing{width:100%;}
		.hotNewsHome .story{margin-right:0px;}
		.hotNewsHome .story{height:auto;}
		.hotNewsHome .image_news{height:auto;}
		.hotNewsHome .image_news{}
		
		#wrapHeader .logo_container img{
			height:40px;
			max-width:none;
			max-height:none;
		}
		.homeCatalog .viewmore{
			position:static;
			float:right;
		}
		.wrapHome .supportOnline{width:100%!important;}
		.wrapFooter .wbFooterLeft, .boxCounter{width:98%;margin:0px 1%;}
		.right_adv{width:96%!important;margin:0px 2%;}
		.right_adv{display: none;}
		.cf_content, .web123Sig{width:98%;margin:0px 1%;}
		.menuBottom{display:none;}


		.left_adv{display: none;}
		.left_menu .root li span.span_center, .span_center{width:87%!important;}
		.listnews12 .firstitem{width:98%!important;margin:0px 1%;}
		.listnews12 .image_news{max-height: none;max-width: none;width:100%!important;margin:0px 0%;height:auto!important;}
		.listnews12 .image_container{width:98%!important;}
		.listnews12 .description{width:98%;margin:0px 1%;}



		.storyFirstVideo{width:98%!important;margin:1% 1%!important;}
		.listnews20 .storyFirst .player{width:100%;}
		.listnews20 .storyFirst{width:98%!important;margin:1% 1%!important;}
		.listnews20 .otherVideoList{width:100% !important; float: none;}
		.listnews20 .previewList{width:100% !important;float:none;}
		.listnews20 .otherVideos{ float: none;}
		.listnews20 .story{height:auto;width:90%;margin:0 auto;padding:0px;margin-bottom: 15px; display: block; min-height: inherit;}
		.listnews20 .story .image_news{width:100% !important;margin-bottom: 5px;height: 230px;
			white-space: normal;}
		.listnews20 .story .image_container{width:100% !important; float: none;}
		.listnews20 .story .image_container .image_cell a{
			white-space: normal;
		}
		.col_right_view .wrapListProduct .product_info .pagetext img{width:100%!important;}
		.col_right_view .wrapListProduct .product_info .pagetext table{width:100%!important;}
		.comment_input{display: none;}



		.slideLRAlbumDetail .ch_container .preview, .slideLRAlbumDetail .ch_container .preview_container .column_list{width:100%;height:auto;}
		.slideLRAlbumDetail .ch_container .news{width:100%;}
		.slideLRAlbumDetail .ch_container .preview{height:175px;}
		.slideLRAlbumDetail .navigator{margin:0px;}
		.slideLRAlbumDetail .ch_container .news img{height:auto;}
		.slideLRAlbumDetail .ch_container .preview_container{height:auto;}
		.slideLRAlbumDetail .ch_container .news .image_container{height:auto;}
		.title_page{}



		#slideHot .slider {height: auto !important; overflow: hidden;height:220px!important;}
		#slideHot .slider .image_hotnews{height:220px!important;}

		.listnews10 .story{width:100%!important;margin:15px 0px;height:auto;padding-bottom: 15px;}
		.listnews10 .story .image_container .image_news{width:98%!important;max-width: none;max-height: none;height:auto!important;}
		.listnews10 .story .image_container .image_cell{height:auto;max-height: none}



		.listnews10 .story .contact_buy{display: none;}
		.left_menu .middle{margin-top:0px;}
		.listnews10 .listingTitle{width:96.6%!important;margin-left:1%;margin-right:1%;}


		.hotNewsHome .title{
			background: -webkit-linear-gradient(top,#c4c5c7,#fefefe);
			background: -moz-linear-gradient(top,#c4c5c7,#fefefe);
			background: -ms-linear-gradient(top,#c4c5c7,#fefefe);
			background: -o-linear-gradient(top,#c4c5c7,#fefefe);
			border:#b7b3b4 1px solid;
			height:25px;
			width:99.5%!important;

			margin-bottom: 0px;

		}
		.hotNewsHome .title a{color:#484848;}
		.hotNewsHome .story {width: 96% !important;margin-left:2%;margin-right:2%;}

		.wrapHome #content{margin-top:5px;}

		.slideLRAlbumDetail .navigator .image_thumb{width:100%;}
		.slideLRAlbumDetail .navigator li{width:27%;}



		.slideLRAlbumDetail{width:96%;margin:0px 2%;}


		.listnews10 .story .image_container{height:auto;}



		#product_info{width:98%!important;margin-left:1%;}
		.product_info .productDetail h1{padding:6px 0px;}
		#pITabContent{width:100%;}

		.listnews8 .pagetext iframe{width:100%!important;}

		.listingQuestions .replyList .name{}
		.listingQuestions .replyListLoading{width:100%;}
		#question2{margin: 10px 1% 30px 1%;width:98%!important;}

		.mean-container .r_menu{display: block!important;}

		.listnews8 .pagecontent{width:100%;padding:0px;}
		#contact .input_style input{width:90%;}

	
	.listnews17 .replyList li{width:86%;margin-left:10%;}
	.listnews17 .middle .story .comment_member{width:97%!important;}
	.listnews17 .replyList li .reply_sub{width:100%;}

	.listnews17 .middle .story .info_story{width:100%;}

	.listnews20 .listing{width:98%;}


	#boxMenu{width:100%;}



	/*.listnews20 #articlePlayer_wrapper object{width:100%!important;}*/
	/*.listnews20 #articlePlayer_wrapper{width:100%!important;}*/
	/*#articlePlayer_wrapper{width:100%;}*/
	/*.listnews20 #articlePlayer_wrapper iframe, .listnews20 #articlePlayer_wrapper object, .listnews20 #articlePlayer_wrapper embed{
		width:100%!important;
	}*/

	.fancybox-opened .fancybox-skin{padding:7px!important;}
	.fancybox-inner{width:100%!important;}
	.fancybox-close{display: none;}
	.listnews17 .commentBody{width:100%!important;padding:0px;}

	.listnews16 li{width:100%;margin-right:0px;}
	.player{
		width: 100% !important;
		margin: 0 auto;
		
	}
	#articlePlayer_wrapper{
		width: 100% !important;
	}
	#articlePlayer_wrapper object{
		width: 100% !important;
	}



	.listingQuestions .commentFuncContent .input_reply_style{
		width:195px;
	}
	.listingQuestions .commentFuncContent .input_reply_style input{width:90%;}
	.listingQuestions .commentFuncContent .input_reply_style textarea{width:98%!important;}
	.listnews20{width:100%;}
	.player #articlePlayer{width:100%!important;}
	.player .articlePlayer_displayarea{width:100%!important;}
	#articlePlayer_displayarea{width:100%!important;}
	#articlePlayer_jwplayer_display{width:100%!important;height:230px!important;}

	#articlePlayer_jwplayer_display_image{width:100%!important;height:230px!important;left:0px!important;top:0px!important;}
	#articlePlayer{height:230px!important;margin-top:7px!important;}
	#articlePlayer_jwplayer_display_iconBackground{top:40%!important;}


	.listnews10 .story .title{height:auto;margin-bottom:10px;}
	.listnews6 .description{padding:0px;}

}

@media screen and (min-width: 463px)and (max-width: 480px){

	.hotNewsHome .story{width:30.6%!important;margin-right:0%;margin-left:2%;}
	.hotNewsHome .image_news{width:100.8%!important;}
}

/*  319px và lớn hơn 120px 
@media screen  and (min-width: 120px) and (max-width: 319px) {
	.boxSearch input {width: 72% !important; }
	

	.listnews6 .news {height: 80px !important; min-height: 80px !important; margin-bottom: 15px !important;}
	.listnews6 .news .title {padding-top: 0px !important;}
	.listnews6 .news .image_container { height: 80px !important;}
	.listnews6 .image_container .image_cell {height: 80px !important;}
	.listnews6 .description {display: none !important;}
	
	.listnews28 .title {padding-top: 40x !important;}
	.listnews28 .listing .news {height: 100px !important; margin-bottom: 15px !important;}
	.listnews28 .description {display: none !important;}
	.wrapView .supportOnline, .wrapList .supportOnline{display:none;}
	
	
	.homeCatalog1 .image_container{width:90%;}*/
}