/* ====================== */
/* ! Mobile Style Sheet   */
/* ====================== */

/* Smaller screens */

@media only screen and (max-width: 1023px) {

}


/* Mobile */

@media handheld, only screen and (max-width: 767px) {
	
	body {
	}
	#container {
		padding:0 2%;
	}
	#header-top .inner, header, nav#secondary-nav, #wrapper, #content .col, footer .inner, footer .col, #footer-sub .inner {
		width:100%;
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
		float:none;
	}
	#header-top {
		margin:0 -2%;
		padding:2%;
	}
	header {
		height:auto;
		padding:2% 0;
	}
	header #logo {
		margin:0 2% 15px;
		float:none;
	}
	header #area {
		float:none;
		width:auto;
		text-align:left;
	}
	nav#secondary-nav ul li {
		width:100%;
		border-bottom:1px solid #222;
	}
	nav#secondary-nav ul li a {
		background:none;
		height:auto;
		padding:8px 15px;
	}
	nav#secondary-nav ul li a span {
		display:inline;
		margin-left:10px;
	}
	#wrapper {
		padding-bottom:1%;
	}
	#content, #sidebar {
		margin-bottom: 20px;
		padding:3%!important;
		width:94%!important;
	}
	footer {
		margin:-50px -2% 0;
		padding:80px 0 20px;
	}
	footer .inner {
		width:auto;
		padding:3%;
	}
	footer .col {
		margin-bottom:2.5em;
	}
	#footer-sub .left, #footer-sub .right {
		float:none;
	}
	
	#breadcrumbs, #backtotop {
		margin:1% 3%;
	}
	
	.rg-caption p {
		font-size:12px!important;
	}
	
	.ccm-layout-table .ccm-layout-col {
		float: none !important;
		width: 100% !important;
	}
	
	.ccm-category-posts {
		margin-right:0;
	}
	
	.ccm-category-posts .ccm-page-list-item.first {
		padding:3%!important;
		width:auto!important;
	}
	.ccm-category-posts .first .ccm-page-list-pic {
		max-width:97%;
	}
	
	.c5mix-feature-posts-slider-thumbs {
		margin-top:-15px!important;
	}
	
}