/*Retina Display Media Query*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.icons{
		background-image:url(../img/icons_retina.png);
		background-size:300px;
	}
	
	.button.viewmore:before{
		background: url(../img/icons_retina.png) -141px -36px no-repeat;
		background-size:300px;
	}
	
	.logo_site{
		background:url(../img/logo_retina.png) 0 0  no-repeat;
		background-size:159px;
	}
}
 



@media (min-width: 768px)  {
	#menu{ display:none}
	 
}
@media (max-width: 1169px)   {
	 /*.clip_wrapper .clip{ margin-bottom:20px;}*/
	 .news_update .news.highlight{ height:auto} 
	 .ads_side .ads{ margin-bottom:20px;}
}

@media (min-width: 1290px) and (max-width: 1315px){
	.full_width.first_section .ads160_600{ left: -165px;}
	.full_width.first_section .ads160_600 img{ width:100%}
}
 
@media (min-width: 1024px) and (max-width: 1290px){
	.full_width.first_section .ads160_600{ left: -105px; width:120px}
	.first_section .span4,
	.first_section .span5{
		position:relative;
		left:10px;
	}
	.first_section .span5{ left:20px}
}


/*@media (min-width: 1024px){
	.news.highlight .title a,
	.news.highlight p,
	.columnist .text h3,
	.columnist .text p{
		overflow:hidden;
		display:block;
	}
	.news.highlight .title a{max-height:83px;}
	.news.highlight p{max-height:160px;}
	
	.columnist .text{ height:190px}
	.columnist .text h3{ max-height:40px;}
	.columnist .text p{max-height:75px;}
	
}*/
@media (min-width: 768px){
	.news.highlight .title a,
	.news.highlight p,
	.columnist .text h3,
	.columnist .text p,
	.news_related_thumb .news_list a,
	.news_related_thumb .news_list .detail{
		overflow:hidden;
		display:block;
	}
	.news.highlight .title a{max-height:83px;}
	.news.highlight p{max-height:123px;}
	
	.columnist .text{ height:190px}
	.columnist .text p{max-height:75px;}
	.columnist .text h3{ max-height:40px}
	
	.news_related_thumb .news_list{ min-height:190px; }
	.news_related_thumb.news .news_list{ min-height:76px; }
	.news_related_thumb .news_list a{max-height:40px}
	.news_related_thumb .news_list .author a{ height:auto}
	.news_related_thumb .news_list .detail{max-height:91px;}
	.money_wealth_thumb li.text a{max-height:82px;}
	
	
}

 
/****phone and tablet****/
@media (max-width: 1024px) {
	
	.logo_site{ margin:20px 0 17px;}
	.ads{ width:auto; height:auto !important}
	.ads300_250, .ads220_250{ margin-top:20px;}
	 
	header .ads728_90{ width:75%;}
	header .header_row2{ height:45px;}
	.news_update .highlight p{ 
		height:auto;
		margin:0px;
		padding:5px 0
	}
	.search_wrapper{ margin-top:10px;}
	.search_button .icons{ margin-bottom:5px;}
	
	#fb-root { display: none;}
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
		width: 100% !important;
	}
	.fb-like-box{max-width:100%; height:240px;  float:left}
	.fb-like-box:before{
		content:"";
		width:100%;
		height:10px;
		background:#fff;
		position:absolute;
		bottom:0px;
		left:0px;
		z-index:99
	}
	.moderator .inner{ padding-left:20px}
	.share_box .right .share_buttons{ margin-top:0}
	.full_width.first_section .ads160_600{ display:none}
	
	.ads.transparent{ background:rgba(244,244,244,0.4);}
	.ads.transparent_w{ background:rgba(255,255,255,0.4);}
 
}
 



/****tablet****/
 
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px)  
{  
   /*Portrait & Landscape*/
   
 	.follow_wrapper{ margin-top:8px}
    .news.highlight{ height:568px;}
	.suggest_page .input_width{ width:65%}
	.suggest_page .code_width,
	.suggest_page .code{ width:35%}
	.setindex iframe{background:#fff;}
	.share_box .right div{float:none;}
	.share_box .right .share_buttons{float:none; margin-left:0px;}
	.share_box.money_wealth_page .left{ width:60%;}
	.share_box.money_wealth_page .right { margin-top:15px}
	.share_box.money_wealth_page .right div{ float:left}
	.share_box.money_wealth_page .right .share_buttons{ margin:0px 0px 2px 5px;}
	
	.ads_side .ads{ margin-bottom:20px;}
	.moderator{background-size:auto;}
	.money_wealth_page .detail img.img[align="left"]{ margin-right:20px}
	.money_wealth_page .detail img.img[align="right"]{ margin-left:20px}
	.money_wealth_page .detail.small img.img{ width:40%}
	
	.setindex iframe{ background:none}
	.main_title{ font-size:30px; line-height:30px}
	
	.inside_3_box{ margin: 0px 0 0 35px;}
	.inside_3_box div{ width:29%; margin:40px 10px 10px;}
	
	/*.clip_wrapper .clip {padding-top: 60px;}*/
	
	
	 
	
}

@media (min-width: 768px) and (max-width: 979px) {
	/* For portrait layouts only */	
	#menu_dekstop ul li a{ font-size:22px; padding:14px 20px 10px}
	.columnist_thumb li{
		width:100%;
		margin-left:0px;
	}
	.setindex iframe{ background:#fff}
	.news.highlight{ height:508px;}
	.share_box .left{ width:61%}
	.share_box.news_page  .left{ width:64%}
	.tvprogram .time{ font-size:18px;}
	.tvprogram .name a{ padding:0 3px;}
	
	.contact_box p{ font-size:18px;}
	.clip_wrapper.all .clip{ 
		margin-bottom:15px;
		/*padding-bottom: 65.3%;
	    padding-top:45px;*/
	}
 

	.clip_wrapper .big.clip{
		margin-bottom:15px;
		/*padding-top:100px; */
    }
	.home .clip_wrapper .clip {
	  padding-bottom: 65.3%;
	  padding-top: 35px;
	  margin-bottom:20px;
    }
	.clip_wrapper .buttons.home{ margin-top:5px}
	
	.home.money_wealth .buttons.home{ margin-top:15px} 
	
	.setindex iframe{
	  webkit-transform: scale(0.89);
	  -moz-transform: scale(0.89);
	  -o-transform: scale(0.89);
	  transform: scale(0.89);
	  margin-left:-14px;
	  margin-top:-15px;
	  background:none
	}
	
	.columnist .text{ height:220px}
	.columnist .text p{max-height:70px;}
	.columnist .text h3{ max-height:61px}
	 
	.news_related_thumb .news_list{ min-height:225px; }
	.news_related_thumb .news_list a{max-height:61px}
	.news_related_thumb .news_list .author a{ height:auto}
	.news_related_thumb .news_list .detail{max-height:70px;}
	.news_related_thumb.news .news_list{ min-height:110px; }
	.money_wealth_thumb li.text a{max-height:101px;}
	
 

 
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) 
{ 
	/* For iso landscape layouts only */
	.mac .backtotop a{ padding:5px 20px 5px; top:-30px;  }
	.first_section .span4,
	.first_section .span5{
		position:relative;
		left:0;
	}
	.first_section .span5{ left:0}
	
 
 
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
{ 
	/* For iso portrait layouts only */	
	.mac .backtotop a{ padding:5px 20px 5px; top:-30px; }
	.setindex iframe{
	  webkit-transform: scale(0.85);
	  -moz-transform: scale(0.85);
	  -o-transform: scale(0.85);
	  transform: scale(0.85);
	  
	   -webkit-transform-style: preserve-3d;
    -webkit-transform: scale3d(0.85,0.85,0.85);
	
	  margin-left:-14px;
	  background:none
	}
	
 
 
 
}
 

/****phone***/
 
@media (max-width: 767px) {
	body{ overflow-x:hidden; position:relative}
	.container,
	.boxed .container{
		width:auto;
		padding:0 10px;
	}
	.boxed .container{ padding-top:15px; padding-bottom:15px}
	
	
	
	.title .hidden-desktop, 
    .title .hidden-tablet{ display:inline !important}
	.main_title{ 
		margin-top:10px !important; 
		margin-bottom:10px !important; 
		line-height:25px;
		font-size:28px
 
	}
	.input_width, .select_width, .code_width, .code{ width:100% !important}
   
	
	.logo_site{ 
		margin:10px auto;
		float:none;
		display:block;
		height:41px;
		width:120px;
		
		background:url(../img/logo_retina.png) 0 0  no-repeat;
		background-size:120px;
	}
	.space{ margin-top:20px}
	.space_bottom{ margin-bottom:20px;}
	.ads_side .ads{ margin-bottom:20px}
	
	 
	
	header .ads728_90{
		margin:0px 0 10px;
		width:100%;
    }
	header .header_row2{ 
		height:40px;
			    box-shadow:0 7px 7px -5px #dddddd;
		-webkit-box-shadow:0 7px 7px -5px #dddddd;
		   -moz-box-shadow:0 7px 7px -5px #dddddd;
			 -o-box-shadow:0 7px 7px -5px #dddddd;
	}
	
 
	.search_button .icons{ top:2px; margin-bottom:5px;}
	.search_wrapper .search_button{ width:40px; border-bottom:3px solid transparent}
	.search_wrapper .search_button:hover{border-bottom:3px solid #f1a420}
	.search_option .inner div{ width:100% !important; margin-left:0 !important}
	.search_option{ height:auto}
	.follow_wrapper,.search_wrapper{ margin-top:6px;}
	
	.follow_wrapper .follow{
		width:25px;
		height:25px;
	}
	.icon_fb{ top:4px;}
	.icon_yt{ top:5px;}
	
	.buttons.home{ margin-top:0}
	.full_width{ padding:20px 0}
	
	.news_update .highlight p{ 
		height:auto;
		margin:0px;
		padding:5px 0
	}
	
	.news.highlight{ height:auto}
	.news_update .news_inner{ padding:10px;}
	.news_update .news.highlight{ margin-bottom:20px}
	.news_update .title span.date{ margin-bottom:10px;}
	.news_update.home .title{ margin-bottom:15px}
	
	.tvprogram{width:100% !important; margin-bottom:20px; margin-left:0 !important}
	.tvprogram_wrapper{ margin-left:0 !important}
	.home.tv_rerun .title{ margin-bottom:15px}
	.home .tvprogram{ margin-bottom:20px;}
	.home .tvprogram_wrapper{ margin-top:15px;}
	
	.home_ads220_150{ padding-bottom:45px}
	.columnist .profile{ margin-bottom:20px;}
	.contact_box{ margin-bottom:40px}
	.article_graybox{ padding:10px 10px 10px; margin-bottom:20px;}
	
	.contact_page .address{
		width:100%;
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.contact_page .address + .address{ margin-top:20px}
	
	.popup{left:0 !important; max-width:100%}
	.closebox{
		margin:0px;
			 -webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7);
		margin-left:-13px;
	}
	
	.news_related_thumb .news_list{ margin-bottom:20px;}
	.article_center .inner{ margin-top:35px;}
	
	.money_wealth.home .title{ padding-bottom:32px}
	.money_wealth_thumb{ float:left; margin: 0 0 20px}
	.money_wealth .buttons.home{ margin:10px 0 40px}
	.money_wealth_page .detail img.img{ width:100%; margin-bottom:10px}
	.money_wealth_page .detail.small img.img{ width:100%}
	
	.columnist_thumb .wrapper{ padding-right:10px;}
	.columnist_thumb li{width:100%; }
	.columnist_thumb .name{ font-size:20px; margin-bottom:10px}
	.columnist_blog.home .title{ margin-bottom:15px;}
	.columnist_top_box .columnist_thumb .name{ margin-top:-10px; margin-bottom:5px}
	
	.share_box .left,
	.share_box .right{ width:100%;}
	.share_box .right{text-align:center; position:relative; top:0; right:0; margin-top:5px}
	.share_box .left .wrapper { text-align:center; margin-top:0;}
	.share_box .left .wrapper > div,
	.share_box .right div{ display:inline-block; float:none}
	.share_box .left .wrapper > div{ margin-bottom:10px;}
	.share_buttons + .columnist_follow{ margin-left:10px; position:relative; top:-8px;}
	.share_box h2{ line-height:30px; margin-top:0 !important}
	.share_box .columnist_thumb li .wrapper{ text-align:left !important}
	.columnist_follow{ margin-top:15px;}
	.columnist_follow .popup_btn{ text-align:center}
	
	.backtotop a{ padding:0px 20px 6px; top:-26px}
	.fb-like-box{ margin-bottom:20px;}
	
	.inside_3_box{ margin: 0px 0 0 0px;}
	.inside_3_box div{ width:100%; margin:30px 0px 0px 0;}
	
	.full_width.first_section .ads160_600{ display:none}
	
	 .old_magazine .inner, .clip_wrapper.old .inner{ max-width:100%;}
	 .old_magazine ul.money_wealth_thumb{ margin-bottom:20px}
	 .title.phone{ margin-bottom:20px !important;}
	 
	 .home .clip_wrapper .clip{
		 padding-bottom: 56.25%;
    	padding-top: 30px; 
	}
	.clip_wrapper.all .clip{ 
		margin-bottom:20px;
		padding-bottom: 56.25%;
    	padding-top: 30px; 
	}
	.streaming { height:auto}
 
}
 
@media (max-device-width: 767px) {
	.button.viewmore{ padding-top:8px;} 
	.live_head h3{ margin-top:11px;}
	
}


@media (max-width: 480px) {
	footer{ padding:20px 0 15px;}
	.visited{ margin-right:15px; width:60px; text-align:center}
	.visited .wrap{ width:100%}
	.visited .number{ font-size:20px;}
	.visited .small_text{ font-size:16px; margin-top:-5px}
	.visited .icons{ margin-right:3px; height:30px; float:none}
	.icon-page_view{ background-position:0px -31px;}
	.logo_bottom{ width:100px; margin-top:17px}
	.moderator{ background:#fff; min-height:0}
	.moderator .slogan { color:#222720 !important; margin-top:0;}
	.moderator .name{ margin-top:20px}
	.moderator .label_width{ margin-right:0px; display:inline-block; width:60px;}
	.moderator .follow_m{ margin-bottom:5px; margin-top:5px }
	.moderator.first{ margin-top:0}
	.columnist_follow{ margin-top:15px; width:100%;}
	.share_buttons + .columnist_follow{ margin-left:0px; margin-top:5px; top:0}
	.share_box .right{ margin-right:0}
	
	.mm-menu {max-width: 280px; }
	
	/*.clip_wrapper .clip{ padding-top:150px }*/
	
 
}

@media (max-width: 320px) {
 
}