/* @group fluid containers
================================================================================= */

.custom-background-1 #wrapper {
	width: 95%;
	max-width: 1020px;
}

header[role="banner"] .inner,
nav .inner,
#features .inner,
#slider .inner,
#reviews .inner,
#headline .inner,
#points .inner,
#mid .inner,
#breadcrumb .inner,
#footer .inner {
	width: 95%;
	max-width: 960px;
}

/* @end */

/* @group all mobile devices
================================================================================= */

@media all and (max-device-width: 1024px) {

	html {
		-webkit-text-size-adjust: none;
	}
	
	.page #content.content,
	.single #content.content {
		font-size: 1.2em;
	}
	
	.sidebar-hide {
		display: none;
	}
	
	.review-rating {
		margin: 0 0 15px 12%;
		font-size: 2em;
	}
	
	.review-rating .icon-star,
	.review-rating .icon-star-3,
	.review-rating .icon-star-2 {
		width: 30px;
	}

}

/* @end */

/* @group large tablets
================================================================================= */

@media all and (max-width: 959px) {

	#wrapper,
	.custom-background-1 #wrapper {
		width: 768px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	header[role="banner"] .inner,
	nav .inner,
	#features .inner,
	#slider .inner,
	#reviews .inner,
	#headline .inner,
	#points .inner,
	#mid .inner,
	#breadcrumb .inner,
	#footer .inner {
		padding: 20px 0;
	}
	
	nav .inner,
	#breadcrumb .inner {
		padding: 0;
	}
	
	#mid .inner {
		padding-bottom: 0;
	}
	
	#description {
		clear: left;
		padding-top: 2.0833333%;
	}
	
	nav .inner {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	nav ul li {
		width: 25%;
	}
	
	nav ul li a:link,
	nav ul li a:visited,
	nav ul li a:active {
		width: 78.6458333%;
		margin: 0 0 -1px -1px;
		padding: 15px 10.4166667%;
	}
	
	nav ul li ul.sub-menu {
		width: 100%;
	}
	
	nav ul li ul.sub-menu li {
		width: 100%;
	}
	
	nav ul li ul.sub-menu li a:link,
	nav ul li ul.sub-menu li a:visited,
	nav ul li ul.sub-menu li a:active {
		width: 78.6458333%;
		padding: 10px 10.4166667%;
	}
	
	nav ul li ul.sub-menu li ul.sub-menu {
		left: 192px;
	}
	
	#reviews .post {
		width: 108px;
		height: 180px;
	}
	
	#reviews .post:nth-of-type(6) {
		margin-right: 0;
	}
	
	#reviews .post:nth-of-type(7),
	#reviews .post:nth-of-type(8) {
		display: none;
	}
	
	.review-rating {
		margin: 0 0 15px 17%;
		font-size: 2em;
	}
	
	.review-rating .icon-star,
	.review-rating .icon-star-3,
	.review-rating .icon-star-2 {
		width: 30px;
	}
	
	.sidebar-left #content,
	.sidebar-right #content,
	.sidebar-left #index,
	.sidebar-right #index {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	
	#index h2.heading {
		margin-bottom: 20px;
	}
	
	#index.index-thumbnails .post,
	#index.index-text .post {
		margin-bottom: 20px;
	}
	
	#index.index-thumbnails .post-tnail {
		width: 28%;
		margin-bottom: 20px;
	}
	
	#index.index-thumbnails .post-content {
		width: 70%;
	}
	
	.review-rating {
		margin: 0 0 0 18%;
	}
	
	.sidebar-left #sidebar,
	.sidebar-right #sidebar {
		float: none;
		width: 100%;
	}
	
	.widget {
		float: left;
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	.widget h2.heading {
		margin: 0 0 15px;
		padding: 0 0 1.5%;
	}
	
	.widget ul li {
		margin: 0 0 15px;
		padding: 0 0 15px;
		list-style-type: none;
	}
	
	#sidebar #searchform.sidebar-hide {
		margin-bottom: 0;
		display: block;
	}
	
	#searchform #s {
		width: 91.0344828%;
		padding: 10px 2.7586207% 10px 6.2068966%;
	}
	
	#recent .post {
		float: left;
		width: 47.260274%;
		margin-bottom: 20px;
		padding-right: 2.739726%;
	}
	
	#recent .post:last-of-type {
		display: none;
	}
	
	#recent .post:nth-of-type(3) {
		clear: left;
	}
	
	#recent {
		margin-bottom: 5px;
	}
	
	#recent .post-tnail {
		width: 30.1369863%;
		margin-bottom: 5%;
	}
	
	#recent .post-tnail img {
		padding: 5%;
	}
	
	#recent .post-content {
		width: 64.3835616%;
	}
	
	#recent .post-content h1 {
		margin: 0 0 3%;
		padding: 0;
		font: 700 1.6em/1.2em "Cabin", Helvetica, Arial, sans-serif;
		border-bottom: 0;
	}
	
	#recent .post-content h1 a {
		text-decoration: none;
	}
	
	#recent .post-content time {
		display: block;
		margin-bottom: 2%;
		font: 400 1.3em/1em "Cabin", Helvetica, Arial, sans-serif;
	}
	
	.widget#ad-buttons {
		width: 94.2465753%;
		margin-bottom: 20px;
		padding: 2.739726% 2.739726% 0;
	}
	
	.widget#ad-buttons div {
		width: 125px;
		height: 125px;
	}
	
	.widget#ad-buttons div#ad-buttons-1,
	.widget#ad-buttons div#ad-buttons-2,
	.widget#ad-buttons div#ad-buttons-3 {
		margin: 0 2.9069767% 2.9069767% 0;
	}
	
	#reviews-archive .post {
		width: 125px;
	}
	
	#reviews-archive .review-cover {
		height: 175px;
	}
	
	#reviews-archive .review-rating {
		width: 92%;
		margin-left: 8%;
		font-size: 2em;
	}
	
	#reviews-archive .review-rating .icon-star,
	#reviews-archive .review-rating .icon-star-3,
	#reviews-archive .review-rating .icon-star-2 {
		width: 20px;
	}
	
	#subscribe-buttons {
		float: left;
		width: 100%;
		margin-bottom: 0;
	}
	
	#subscribe-buttons li a:link,
	#subscribe-buttons li a:visited,
	#subscribe-buttons li a:active {
		margin: 0 10px 10px 0;
	}

}

/* @group small tablets
================================================================================= */

@media all and (max-width: 767px) {

	#wrapper,
	.custom-background-1 #wrapper {
		width: 600px;
	}
	
	nav ul li a:link,
	nav ul li a:visited,
	nav ul li a:active {
		width: 79.3333333%;
	}
	
	nav ul li ul.sub-menu li a:link,
	nav ul li ul.sub-menu li a:visited,
	nav ul li ul.sub-menu li a:active {
		width: 79.3333333%;
	}
	
	nav ul li ul.sub-menu li ul.sub-menu {
		left: 150px;
	}

	#leaderboard {
		display: none;
	}

	#content,
	#sidebar {
		float: left;
		width: 100%;
	}
	
	.content img,
	#sidebar.content img {
		max-width: 98.6244842%;
		padding: 0.6877579%;
	}
	
	#breadcrumb {
		display: none;
	}
	
	#headline h1,
	#headline h2 {
		font: 400 2.4em/1.2em "Rokkitt", Helvetica, Arial, sans-serif;
	}
	
	#headline h2 {
		font-size: 2em;
	}
	
	#points h3 {
		font-size: 1.6em;
	}
	
	#features .post-inner {
		margin: 2.4271845%;
	}
	
	#reviews .post {
		width: 100px;
		height: 170px;
	}
	
	#reviews .post:nth-of-type(5) {
		margin-right: 0;
	}
	
	#reviews .post:nth-of-type(6),
	#reviews .post:nth-of-type(7),
	#reviews .post:nth-of-type(8) {
		display: none;
	}
	
	.content .wp-caption {
		padding: 1.1574074% 0;
	}
	
	.content .wp-caption p {
		margin: 0 5px;
	}
	
	.content img,
	.page-template-page-full-php .content img {
		max-width: 97.6851852%;
		padding: 1.1574074%;
	}
	
	#recent .post-tnail {
		width: 30%;
		margin-bottom: 17px;
	}
	
	#recent .post-tnail img {
		padding: 5px;
	}
	
	#recent .post-content {
		width: 63%;
	}
	
	#reviews-archive .post {
		width: 120px;
	}
	
	#reviews-archive .review-cover {
		height: 170px;
	}
	
	.review-details .review-rating {
		margin: 0 0 0 10%;
	}
	
	.widget#ad-buttons {
		width: 100%;
		padding: 0;
		background: transparent;
		border: 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.widget#ad-buttons div {
		width: 125px;
		height: 125px;
	}
	
	.widget#ad-buttons div#ad-buttons-1,
	.widget#ad-buttons div#ad-buttons-2,
	.widget#ad-buttons div#ad-buttons-3,
	.widget#ad-buttons div#ad-buttons-4 {
		margin: 0 15px 0 0;
	}

}

/* @end */

/* @group landscape mobile photos
================================================================================= */

@media all and (max-width: 599px) {

	#wrapper,
	.custom-background-1 #wrapper {
		width: 480px;
	}

	header[role="banner"] .inner,
	nav .inner,
	#features .inner,
	#slider .inner,
	#reviews .inner,
	#headline .inner,
	#points .inner,
	#mid .inner,
	#breadcrumb .inner,
	#footer .inner {
		width: 90%;
		padding: 15px 0;
	}
	
	#breadcrumb .inner {
		padding: 0;
	}
	
	#points .inner {
		padding-bottom: 0;
	}
	
	.alpha,
	.bravo,
	.charlie,
	.widget.alpha,
	.widget.bravo,
	.widget.charlie {
		float: none;
		width: 100%;
		margin: 0 0 5%;
	}
	
	#description {
		display: none;
	}
	
	nav .inner {
		width: 90%;
		margin: 0 auto;
	}
	
	nav ul.menu,
	#footer ul.menu {
		display: none;
	}
	
	nav select,
	#footer select {
		display: block;
		width: 100%;
		font-size: 1.6em;
	}
	
	#footer select {
		float: left;
		margin: 5px 0 10px;
	}
	
	.flex-caption {
		display: none !important;
	}
	
	#features .post {
		position: relative;
		float: left;
		width: 47.6851852%;
		margin: 0 4.6296296% 20px 0;
	}
	
	#features .post:nth-of-type(2) {
		margin-right: 0;
	}
	
	#features .post:nth-of-type(3) {
		display: none;
	}
	
	#features .post-inner {
		position: relative;
		margin: 2.4271845%;
	}
	
	#features .overlay {
		display: none;
	}
	
	#index-style {
		display: none;
	}
	
	#index.index-thumbnails .post,
	#index.index-text .post {
		margin-bottom: 20px;
	}
	
	#index.index-thumbnails .post-tnail {
		width: 288px;
	}
	
	#index.index-thumbnails .post-tnail img {
		max-width: 96.5277778%;
		padding: 1.7361111%;
	}
	
	.sidebar-left #index .post-content,
	.sidebar-right #index .post-content {
		width: 100%;
	}
	
	#index ul.post-meta {
		margin: 0 0 15px;
	}
	
	.content #article-content h1 {
		font-size: 2.6em;
	}
	
	.single article h1.pagetitle {
		font-size: 2.6em;
	}

	.content .alignleft,
	.content .alignright {
		float: none;
		display: block;
		margin: 0 0 15px 0;
	}
	
	.review-rating {
		font-size: 1.3em;
	}
	
	.review-rating .icon-star,
	.review-rating .icon-star-3,
	.review-rating .icon-star-2 {
		width: 20px;
	}
	
	.content #pagination .alignleft {
		float: left;
	}
	
	.content #pagination .alignright {
		float: right;
	}
	
	.content img[align $='left'] {
		float: none;
		display: block;
		margin: 0 0 15px 0;
	}
	
	.content img[align $='right'] {
		float: none;
		display: block;
		margin: 0 0 15px 0;
	}
	
	#comments .comment-content {
		margin: -20px 0 0 85px;
	}
	
	#comments .reply {
		position: relative;
	}
	
	#comments .reply a {
		float: left;
		display: block;
		margin: -10px 0 20px 85px;
		padding: 2px 5px 0px 9px;
		font-size: 1em;
	}
	
	#commentform input#submit,
	#comments #cancel-comment-reply-link {
		padding: 10px;
	}
	
	#recent .post {
		float: left;
		width: 100%;
		margin-bottom: 15px;
		padding-right: 0;
	}
	
	.widget {
		width: 100%;
	}
	
	.widget#ad-buttons div#ad-buttons-1,
	.widget#ad-buttons div#ad-buttons-2,
	.widget#ad-buttons div#ad-buttons-3,
	.widget#ad-buttons div#ad-buttons-4 {
		margin: 0 10px 10px 0;
	}
	
	#reviews .inner {
		padding-bottom: 0;
	}
	
	#reviews .post {
		width: 96px;
		height: 165px;
		margin: 0 15px 15px 0;
	}
	
	#reviews .post:nth-of-type(4n) {
		margin-right: 0;
	}
	
	#reviews .post:nth-of-type(5),
	#reviews .post:nth-of-type(6) {
		margin-right: 15px;
	}
	
	#reviews .post:nth-of-type(7),
	#reviews .post:nth-of-type(8) {
		display: block;
		margin-right: 15px;
	}
	
	#reviews .review-rating {
		margin: 0 0 0 8%;
	}
	
	#footer span.divider {
		display: none;
	}
	
	#footer-powered {
		display: none;
	}

}

/* @end */

/* @group portrait mobile photos
================================================================================= */

@media all and (max-width: 479px) {

	#wrapper,
	.custom-background-1 #wrapper {
		width: 320px;
	}

	#logo {
		font-size: 6em;
	}
	
	#reviews .review-rating {
		float: left;
		width: 100%;
		margin-left: 0;
		font-size: 1.4em;
	}
	
	.content .wp-caption {
		padding: 1.7361111% 0;
	}
	
	.content img,
	.page-template-page-full-php .content img {
		max-width: 96.5277778%;
		padding: 1.7361111%;
	}

	#reviews .post,
	#reviews-archive .post {
		width: 84px;
		height: 144px;
		margin: 0 15px 15px 0;
	}
	
	#reviews .post:nth-of-type(3n),
	#reviews-archive .post:nth-of-type(3n) {
		margin-right: 0;
	}
	
	#reviews .post:nth-of-type(4n),
	#reviews-archive .post:nth-of-type(4n) {
		clear: left;
	}
	
	#reviews .post:nth-of-type(4),
	#reviews .post:nth-of-type(5) {
		margin-right: 15px;
	}
	
	#reviews .post:nth-of-type(6) {
		display: block;
	}
	
	#reviews .post:nth-of-type(7),
	#reviews .post:nth-of-type(8) {
		display: none;
	}
	
	#reviews .post .review-cover,
	#reviews-archive .post .review-cover {
		height: 120px;
	}
	
	#reviews .review-rating,
	#reviews-archive .review-rating {
		width: 100%;
		margin: 0 0 15px 2px !important;
		font-size: 1.6em;
	}
	
	#reviews .review-rating .icon-star,
	#reviews .review-rating .icon-star-3,
	#reviews .review-rating .icon-star-2,
	#reviews-archive .review-rating .icon-star,
	#reviews-archive .review-rating .icon-star-3,
	#reviews-archive .review-rating .icon-star-2 {
		width: 15px;
	}
	
	.review-details .review-art {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.review-details .review-info {
		float: none;
		width: 100%;
	}
	
	.review-rating {
		margin: 0 0 15px 22% !important;
		font-size: 2em;
	}
	
	.review-rating .icon-star,
	.review-rating .icon-star-3,
	.review-rating .icon-star-2 {
		width: 32px;
	}

}

/* @end */