/* Smartphones (portrait and landscape) ----------- */
@media only screen 
/* and (min-width : 320px)  */
and (max-width : 570px) {

	html{
	overflow-x: hidden;
	}

	body{
		overflow-x: hidden;
		width: 100%;
	}
	/* full width witout margin */
	.main-content,
	.wrapper,
	.featured-main,
	.featured-main .selected-image,
	.featured-article,
	.featured-thumbnail,
	.breaking-news,
	.breaking-news .col-1,
	.in-focus,
	.sports5,
	.sports5 .col-1,
	.sports5 .col-2,
	.business-news,
	.business-news .articles,
	.business-news .col-1,
	.opinion,
	.life-style,
	.footer-content,
	.in-focus .col {
		width: 320px;
	}
	
	.sports5 .col-2 .sidebar-bottom-ads { display:none; }
	
	/* with 10px margin */
	.featured-article p,
	.latest-news,
	.other-news .float-left img,
	.business-news p{
		width: 290px !important;
	}

	/* with 20px margin / padding */

	.latest-news p,
	.other-news .float-left,
	.sports5 .col img,
	.in-focus .col p {
		width: 270px !important;
	}

	/* hide element */
	.header,
	.super-leader-board,
	.todays-headline,
	.bottom-bar,
	.leader-board-1,
	.in-focus .text,
	.sports5 .row,
	.banner300{
		display: none;
	}
	
	.deskads{
	display:none;
	}
	
	.mobileads{
	width:300px;
	margin-top:10px;
	margin-left:10px;
	display:block;
	padding-top:60px;
	}
	
	.mobileadsinnity{
	
	}
	.header-mobile .social a{
		display: block;
		width: 100%;
		height: 100%;
		background-image: url(images/socials.png);
	}	

	.social .fb{

	}

	.social .tw{
		background-position: 105px;
	}

	/* reset border */
	.breaking-news,
	.latest-news p,
	.other-news .float-left img,
	.sports5,
	.sports5 img,
	.opinion,
	.life-style{
		border:0px solid #fff !important;
	}

	/* reset margin */
	.main-content,
	.wrapper,	
	.featured-main,
	.featured-main .selected-image,
	.featured-article,
	.featured-thumbnail,
	.breaking-news,
	.sports5,
	.opinion,
	.life-style,
	.in-focus .col p,
	.in-focus .col {
		margin: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}

	/* reset padding */
	.main-content,
	.featured-article p,
	.featured-thumbnail,
	.sports5,
	.business-news,
	.in-focus .col p {
		padding: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.latest-news,
	.breaking-news p,
	.business-news p{
		width:300px;
	}

	.featured-articles-bar,
	.featured-article,
	.opinion{
		height: auto;
	}

	.featured-articles-bar{
		background-color: #000;
	}


		.featured-article p{
			margin-left: 10px;
			padding-bottom: 10px;
		}

		.featured-main .selected-image{
			height: 197px;
		}

		.featured-main .selected-image{
			border: 0px solid #fff;
		}

		.featured-thumbnail{
			height: 35px;
		}

		.featured-thumbnail ul{
			width: 130px;
			height: 20px;
			padding: 0;
			margin: 0 auto;
			margin-top: 5px;
		}

		.featured-thumbnail li.selected {
			border: 1px solid #ff0000;
			background: #ff0000;
		}

			.featured-thumbnail ul li{
				border-radius: 50%;
				height: 15px;
				width: 15px;
				background: #fff;
			}

				.featured-thumbnail ul li img{
					display: none;
				}	

	.breaking-news,
	.main-content{
		background-color: #fff;
	}	
		.breaking-news .latest-news{

			background-color: #fff;
			border:1px solid #999999;
			margin:10px auto;
		}

		 .breaking-news .col-2{
			/* display: none; */
			margin-left:10px;
		} 

		.other-news .float-left{
			background-color: #fff;
			border:1px solid #999999;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 10px;
			margin-bottom: 0;	
		}

			.other-news .float-left img{
				margin-left: -10px;
			}

		.in-focus .in-focus-header{
			top: -39px;
		}
			.in-focus .in-focus-header p{
				font-size: 40px;
				margin-left: 25px;
			}

				.in-focus .in-focus-header p .sub-title{
					display: block;
					font-size: 14px;
					color: #fff;
					line-height: 4.3;
				}

			.in-focus .social{
				width: 110px;
				margin-right: 8px;
				padding-top: 10px;
			}

			.social li{
				width: 23px;
				height: 23px;
			}

				.social li a{
					background-size: cover;
				} 

				.social .gplus{
					background-position: 48px;
				}

	.in-focus{
		padding: 0;
		padding-top: 10px;
		margin-bottom: 10px;
	}
	.in-focus .col p{
		padding-bottom: 20px;
		margin-left: 25px;
	}
	.social ul{
		padding: 0;
		margin: 0;
	}

	.in-focus{
		padding-top:20px;
		padding-bottom: 20px;
	}

	.in-focus .view-more{
		background: url(images/view_more_1.png) no-repeat -334px;
	}
	.in-focus img {
		
		margin-left: 20px;
	}
			.sports5 .col p {
				width: 270px;
				margin-left: 14px;
				border: 1px solid #999999;
				padding:10px;
				background-color: #fff;
			}

		.sports5-articles,
		.sports5-banner{
			margin-left: 10px;
		}

		.sports5-articles{
			height: auto;
		}

		.business-news{
			background: #333333;
			height: auto;
			padding-bottom: 36px;
			margin-bottom: 10px;
		}
		

	.business-news .col-title{
		width: 285px;
	}

		.business-news .view-more{
			background: url(images/view_more_business.png) no-repeat -331px;
			bottom: -7px;
			line-height: 3.3;
			display:none;
		}
		
		.business-news .more-news { display:none; }
		
		.breaking-news .latest-news .title{
			font-size: 21px;
		}

	.opinion .col {
		border: 1px solid #999999;
		width: 318px;
		background-color: #fff;
		margin-bottom: 13px;
	}		

	.life-style{
		_background-color: #fff;
		margin-left: 8px;
	}
	.life-style .col{
		background-color: #fff;
	}

	.life-style .col{
		margin-left: 0;
		width: 300px;
	}
	
	.life-style p{
		margin-left: 10px;
		width: 290px;
		padding-top: 10px;
		margin-bottom: 10px;
		border-top: 1px solid #999999;
	}
			
.business-news .articles img,
.in-focus img {

	width: 280px;
	height: auto;
}
.sports5 .col img {
	height: auto;
}
	.footer{
		height: auto;
		background-color: #333333;
		position: relative;
		width:100%;
		color:#fff;
	}
	.footer .logo{
		display: none;
	}
	
	
	.footer .logo-label{
		display:block;
		padding:10px;
		background-color:#330000;
		width:100%;
		text-align:center;
		font-size:12px;
	}
	
	.footer .logo-copyright{
		display:block;
		padding:10px;
		background-color:#000;
		width:100%;
		text-align:center;
		font-size:9px;
	}
	
	.footer-content {
		
		display:block; background-color:#333;
		height:60px; text-align:center;
		width:100%;
	}

	.footer-content ul {	
		margin: 10px auto;
		padding: 0;
		font-size:10px;
		width:270px;
		text-align: center;
	}
	.footer-content li {
		margin: 3px; 
		border-right:solid 1px #fff; padding-right:5px;
		text-align: center;
	}
	
	.footer-content  li:last-child { border-right:0px; }
	
	.footer-content li a{
		font-size: 10px;
	}

	.footer .copyright{
		font-family: "Lucida Sans";
		font-size: 10px;
		color: #fff;
		_position: absolute;
		_bottom: -17px;
		_margin-left: 38px;
		display: block;
		width: 300px;
		margin: 0 auto
	}

	.mob-wrapper{
		width: 100%;
		position: absolute;
		bottom: -17px;
	}
	.social .rsfeed {
		background-position: 23px;
	}

	.social .tw {
		background-position: 73px;
	}

	.header-mobile{
		display: block;
		height: 67px;
		width: 100%;
		margin-bottom: 10px;
		/* position: relative; */
		position:fixed;
		z-index:999;
		margin-top:-10px;
		overflow-x: hidden; 
	}
	
	.mm-background .header-mobile { margin-top:0px; }

	.header-mobile .mob-navigation{
		height: 35px;
		width: 100%;
		background-color: #330000;
		border-bottom: 3px solid #000;
	}
	.header-mobile .mob-breaking-news{
		height: 23px;
		width: 100%;
		background-color: #fff;
		border-bottom: 1px solid #999999;
	}

	.m-left{
		float: left;
	}

	.mob-menu{
		width: 38px;
		height: 55px;
		position: absolute;
		left: 0;
		top: 0;
		background: url(images/mob-menu.png) no-repeat;
		margin:10px 0 0 10px;
	}

	.mob-logo{
		width: 148px;
		height: 23px;
		background: url(images/mob-logo.png) no-repeat;
		margin-left: 47px;
		margin-top: 8px;
	}

	.main-content{
		width: 320px;
		height: 100%;
		margin: 0 auto;
	}
	.m-right{
		float: right;
		margin-top: 5px;
		margin-right: 7px;
	}

	.mob-news{
		font-family: Arial;
		font-size: 10px;
		font-weight: bold;
		list-style-type:none;
		margin-left: 5px;
		line-height: 2.1;
	}
	.mob-news a{
		color: #330000;
		text-decoration: none;
	}

	.mob-breaking-news .m-right{
		color: #666666;
		font-family: Arial;
		font-size: 10px;
	}
	
	/* additional, article: EFF,  */
	article { padding:10px 0px 0px 0px; overflow-x: hidden; }
	article h1 { padding:0px; margin:0px; font-size:24px; color:#990000; }
	article #main-image-wrap { width:320px; display:block; border-bottom:solid 1px #666666; padding:none; margin:none; }
	article #main-image-wrap img { width:320px; display:block; padding:none; margin:none; }
	
	.photo-cont { border:none; background-color:#cccccc; display:block; margin:auto; width:320px;  }
	.photo-caption { color:#3d3d3d; width:300px; display:block; margin:auto; padding-top:10px; padding-bottom:10px; font-size:12px; font-style:italic; }
	
	.article-details { width:300px; margin:auto; padding-top:10px; overflow-x: hidden;  }
	.article-details p { padding:0px; margin:0px 0px 10px 0px; font-size:12px;  }
	
	.article-head .article-section { display:block; color:#ff0000; font-size:10px; }
	
	/* .featured-article { display:none; } */
	.featured-article { background-color:#000; }
	
	.featured-article p{
		color: #fff;
	}
	
	.featured-article .attributes, .teaser, .read-more { display:none; }

	.related-bot-cont { margin-bottom:20px; }
	.related-bot-cont .title { border-bottom:solid 2px #ccc; padding:5px 0 3px 0px; margin:5px 0 5px 0; font-weight:bold; color:#ff0000; }
	.related-bot-cont ul.related-bottom { list-style:none; margin:0px 5px 0px 3px; padding:0px;	} 
	.related-bot-cont ul.related-bottom  li { font-size:11px; } 		
	.related-bot-cont ul.related-bottom  li a { color:#000; text-decoration:none; }
	.related-bot-cont ul.related-bottom  li a:hover { text-decoration:underline; }
	
	div#sidebar-related-articles { display:none; }
	
	.featured-section-header { display:none; }
	.header-filler  { display:none; }
	.featured-section-header p { margin-left:10px; }
	
	.national-news { width:300px; border: 1px solid #999999;
margin: 0 10px 10px 10px; }
	
	.national-news > .col-1{
		width: 300px;
		min-height: 200px;
		float: left;
	}
	
	.national-news .col-1 .title {
		font-size: 18px;
		display: block;
		margin-bottom: 10px;
	}
	
	.national-news .col-1 p{
		width: 290px;
		margin-left: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		font-family: Arial;
		font-size: 14px;
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #999999;
	}
	
	.national-news .col-1 img { display:none; }
	
	.national-news > .col-2{
		width: 300px;
		height: 100%;
		float: left;
		margin-right: -1px
	}
	
	.national-news .life-style .col{
		margin-left: -1px;
		margin-right: 0px;

	}
	
	.sidebar-ads-below { margin:none; display:none; }

	/*tatoo ads*/
	#left_ads_120x600{
	display:none
	}
	#right_ads_120x600{
	display:none
	}
	
	
	.columnist-con { width:290px; margin-left:0px;  }	
	.columnist-content { width:280px; }

	.search-mobile {
		display:block; padding-top:60px; padding-left:50px; padding-bottom:10px;
	}

	#super-leaderboard-955 { display:none }
	#pse-ticker { display: none; }

	.sidebar-ads-related{
	display:none;
	}

	#war-and-rebuild { width:100%; margin-top:10px; margin-left:-12px; } 
}