/* Tablet */
@media (min-width: 768px) and (max-width: 999px) {
	.doc.boxed, .doc.boxed-spaced {
		width: 740px;
	}

	.wrapper {
		width: 700px;
		margin: 0 auto;
	}

	.content .main {
		width: 460px;
	}

	.content .aside {
		width: 220px;
	}	

	.content .aside .widget_mosher_widget_ad_300x250 {
		width: auto;
		height: auto;
	}

	.content .main .related-post ul li {
		float: none;
		width: auto;
		position: relative;
		padding-left: 70px;
		min-height: 60px;
	}

	
	.content .main .related-post .default-post-thumbnail {
		width: 60px;
		height: 60px;
		background-color: #f6f6f6;
		position: absolute;
		margin:0; 
		left:0;
		top:0; 
	}
	
	.content .main .related-post .default-post-thumbnail i {
		font-size: 25px;
		text-align: center;
		display: inline-block;
		width: 100%;
		line-height: 60px;
		color: #dddddd;
	}

	.content .main .related-post .wp-post-image {
		position: absolute;
		top: 0;
		left : 0;
		width: 100%;
		height: 100%;
	}
	
	.mobile-nav {
		display: block;
		width: 200px;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin: 0 auto;
	}

	.mobile-footer-nav {
		display: block;
		width: 200px;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin: 20px auto;
	}

	.navbar ul.nav-menu, .navbar ul.nav-footer-menu {
		display: none;
	}

	.navbar, .header .navbar:after {
		border: 0; 
	}
}

/* Mobile */
@media (max-width: 767px) {
	.doc.wide, .doc.boxed, .doc.boxed-spaced {
		width: auto;
	}

	.wrapper {
		width: 95%;
		margin: 0 auto;
	}

	.content .main {
		width: auto;
		float: none !important;
	}

	.content .aside {
		float: none !important;
		margin: 50px auto 0;
	}

	.content .main .related-post ul li {
		float: none;
		width: auto;
		position: relative;
		padding-left: 70px;
		min-height: 60px;
	}

	
	.content .main .related-post .default-post-thumbnail {
		width: 60px;
		height: 60px;
		background-color: #f6f6f6;
		position: absolute;
		margin:0; 
		left:0;
		top:0; 
	}
	
	.content .main .related-post .default-post-thumbnail i {
		font-size: 25px;
		text-align: center;
		display: inline-block;
		width: 100%;
		line-height: 60px;
		color: #dddddd;
	}

	.content .main .related-post .wp-post-image {
		position: absolute;
		top: 0;
		left : 0;
		width: 100%;
		height: 100%;
	}

	.mobile-nav {
		display: block;
		width: 200px;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin: 0 auto;
	}

	.mobile-footer-nav {
		display: block;
		width: 200px;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin: 20px auto;
	}

	.navbar ul.nav-menu, .navbar ul.nav-footer-menu {
		display: none;
	}

	.navbar, .header .navbar:after {
		border: 0; 
	}
}