/*********************************  Computer > 1440 *********************************/

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


	/*********  Content Areas *********/

	/* Page Wrapper */
	#page-wrapper {
	width: 1200px;
	}
	
	/* Main Content */	
	#content {
	width: 870px;	
	}


	/*********  Top Bar *********/
	
	/* Top Bar */
	#top-bar-inner {
	width: 1200px;
	}


	/*********  Review Box *********/
		
	/* Summary */
	#cr-summary {
	width: 70%;
	}


	/*********  Widgets *********/
	
	/* Calendar Widget */
	#footer #wp-calendar th {
	padding: 4px;
	}
	#footer #wp-calendar td {
	padding: 4px;
	}


}


/*********************************  Computer > 1200 *********************************/

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


	/*********  Content Areas *********/

	/* Page Wrapper */
	#page-wrapper {
	width: 1024px;
	}
	
	/* Main Content */	
	#content {
	width: 694px;	
	}


	/*********  Top Bar *********/
	
	/* Top Bar */
	#top-bar-inner {
	width: 1024px;
	}


	/********* Shortcodes: Carousel *********/
	
	/* Carousel Post */
	.carousel-wrapper .post-text h2 {
	font-size: 12px;
	}


}


/*********************************  iPad (Landscape)  *********************************/

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


	/*********  Content Areas *********/

	/* Page Wrapper */
	#page-wrapper {
	width: 960px;
	}
	
	/* Main Content */	
	#content {
	width: 630px;	
	}


	/*********  Top Bar *********/
	
	/* Top Bar */
	#top-bar-inner {
	width: 960px;
	}


	/*********  Header *********/
	
	/* Header Content */
	#header-content {
	width: 100%;
	margin-top: 30px;
	text-align: center;
	}


	/*********  Review Box *********/

	/* Site Scores */
	.cr-text-wrapper {
	font-size: 13px;
	}
	#cr-site-ratings-wrapper .cr-rating-wrapper,
	.cr-user-rating-wrapper.cr-rating-wrapper {
	height: 60px;
	}
	#cr-site-ratings-wrapper .cr-stars-wrapper,
	.cr-user-rating-wrapper .cr-stars-wrapper {
	top: 40px;
	left: 20px;
	}
				
	/* Summary */
	#cr-summary {
	width: 60%;
	}
		
		
	/********* Shortcodes: Slider *********/

	/* Slide Caption */
	.caption {
	width: 100%;
	padding: 15px;
	}
	.caption h2 {
	font-size: 14px;
	}
	.caption p {
	font-size: 11px;
	line-height: 16px;
	}
	
	/* Slider Buttons */	
	.flex-control-nav {
	display: none;
	}	

}


/*********************************  iPad (Portrait)  *********************************/

@media only screen and (min-width: 768px) and (max-width: 959px) {


	/*********  Content Areas *********/

	/* Page Wrapper */
	#page-wrapper {
	width: 748px;
	}
	
	/* Main Content */	
	#content {
	width: 530px;	
	}

	/* Sidebar */
	#sidebar {
	width: 188px;
	}
	
	
	/*********  Top Bar *********/
	
	/* Top Bar */
	#top-bar-inner {
	width: 748px;
	}


	/*********  Review Box *********/
		
	#cr-site-ratings-wrapper .cr-rating-wrapper,
	.cr-user-rating-wrapper.cr-rating-wrapper {
	height: 60px;
	}
	#cr-site-ratings-wrapper .cr-stars-wrapper,
	.cr-user-rating-wrapper .cr-stars-wrapper {
	top: 40px;
	left: 20px;
	}
			

	/*********  Widgets *********/
	
	/* Calendar Widget */
	#wp-calendar th {
	padding: 4px;
	}
	#wp-calendar td {
	padding: 4px;
	}


	/*********  Shortcodes: Featured Posts *********/
	
	/* Post Loop */
	.featured-small-posts .post-thumbnail {
	display: none;
	}
	.featured-small-posts .post-text {
	margin-left: 0 !important;
	}
				
	
}


/******************************************  iPhone (Portrait)  ******************************************/

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

	
	/*********  Content Areas *********/

	/* Page Wrapper */
	#page-wrapper {
	width: 100%;
	padding: 0 10px;
	}
	
	/* Main Content */	
	#content {
	width: 100% !important;
	}

	/* Sidebar */
	#sidebar {
	width: 100% !important;
	margin-top: 50px;
	padding-top: 50px;
	border-top: 2px solid #eee;
	}


	/*********  Top Bar *********/
	
	/* Top Bar */
	#top-bar-inner {
	width: 100%;
	padding: 0 10px;
	}

	/* Social Icons */
	#social-icons {
	padding: 15px 0 0 0;
	}


	/*********  Header *********/

	/* Logo */
	#logo {
	text-align: center;
	width: 100%;
	}

	/* Header Content */
	#header-content {
	width: 100%;
	margin-top: 30px;
	text-align: center;
	}


	/*********  Navigation Menus *********/
	
	/* Nav Wrapper */
	#top-nav {
	float: left;
	width: 50%;
	margin: 10px 0; 
	}
	#top-nav > ul{
	display: none;
	}
	#top-nav select {
	display: block;
	height: 30px;
	padding: 6px;
	width: 100%;
	font-size: 12px;
	border: 1px solid #888;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	}
	
		
	/*********  Page/Post Styling *********/

	/* Page/Post Title */
	.page-title {
	font-size: 34px;
	margin-bottom: 34px;
	}
	
	/* Posts */
	.post-loop {
	width: 100% !important;
	margin: 40px 0 0 0 !important;
	}
	.post-loop:first-child {
	margin-top: 0 !important;
	}
	.post-text {
	margin: 0 !important;
	width: 100%;
	}

	/* Post Thumbnail */
	.post-thumbnail,
	.post-thumbnail img {
	width: 100%;
	}
	.post-thumbnail.wrap {
	margin: 0 0 20px 0;
	}
	.spacing-small .post-thumbnail.wrap {
	margin: 0 0 10px 0;
	}

	/* Post Categories */
	.single-post .meta-cats a {
	font-size: 12px;
	line-height: 12px;
	}
	
	/* Post Share Meta */
	.meta-share {
	float: left;
	position: relative;
	top: 0;
	margin: 20px 0 0 0;
	width: 100%;
	}

	
	/*********  Lightbox *********/

	.pp_pic_holder.pp_default {
	width: 95% !important; 
	left: 5% !important;
	}
	.pp_content {
	width: 98% !important;
	height: auto !important;
	}
	.pp_fade {
	width: 100% !important;
	height: 100% !important;
	padding-bottom: 40px;
	}
	#pp_full_res img,
	#pp_full_res iframe {
	width: 100% !important;
	height: auto !important;
	max-width: none !important;
	}
	.pp_details {
	width: 100% !important;
	}
		

	/*********  Review Box *********/

	/* Review Box Wrapper */
	#cr-review-wrapper.review-position-left,
	#cr-review-wrapper.review-position-right {
	width: 100%;
	margin-left: 0;
	margin-right: 0; 
	}

	/* Site Scores */
	#cr-site-ratings-wrapper .cr-rating-wrapper,
	.cr-user-rating-wrapper.cr-rating-wrapper {
	height: 60px;
	}
	#cr-site-ratings-wrapper .cr-stars-wrapper,
	.cr-user-rating-wrapper .cr-stars-wrapper {
	top: 40px;
	left: 20px;
	}	
	
				
	/*********  Shortcodes: Blockquotes *********/
	
	blockquote,
	.blockquote-left,
	.blockquote-right {
	width: 100%;
	margin: 0 0 12px 0;
	padding: 0;
	}
	

	/********* Shortcodes: Carousel *********/
	
	/* Carousel Post */
	.carousel-wrapper .post-text h2 {
	display: none;
	}
	
		
	/*********  Shortcodes: Columns *********/

	/* General */
	.columns {
	width: 100% !important;
	margin: 0 0 20px 0;
	}
	.columns > div {
	height: auto !important;
	}
	.columns .sc-image {
	position: relative !important;
	}
	
	/* Joint Columns */
	.joint > div {
	border-left-width: 0;
	}
	.three.first.joint > div,
	.three.middle.joint > div {
	border-bottom-width: 1px;
	}
	

	/*********  Shortcodes: Featured Posts *********/
	
	/* Post Loop */
	.horizontal .featured-small-posts {
	width: 100%;
	}
	.horizontal .featured-small-post:first-child {
	margin-top: 30px !important;
	}
	.featured-small-posts .post-thumbnail {
	display: none;
	}
	.featured-small-posts .post-text {
	margin-left: 0 !important;
	}	
			

	/*********  Shortcodes: Images *********/
	
	/* Image */
	.sc-image,
	.sc-image img {
	height: auto !important;
	}


	/********* Shortcodes: Slider *********/

	/* Slide Caption */
	.caption {
	width: 100%;
	padding: 10px;
	}
	.caption h2 {
	font-size: 12px;
	margin-bottom: 5px;
	}
	.caption p {
	display: none;
	font-size: 11px;
	line-height: 16px;
	}
	
	/* Slider Buttons */	
	.flex-control-nav {
	display: none;
	}	
		
		
	/*********  Shortcodes: Tabs *********/
	
	.ui-tabs .ui-tabs-nav li { 
	width: 100%;
	border-bottom-width: 1px !important;
	}
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
	border-bottom-color: #eee;
	}


	/*********  Footer *********/
	
	/* Footer Container */
	.footer-widget {
	width: 100%;
	padding: 0;
	}
	
		
	/*********  Comments Section *********/
	
	/* Comment Box */
	.comment-avatar {
	display: none;
	}
	.comment-body {
	margin-left: 0;
	}
	
	/* Child Comments */
	#commentlist .children .comment-body {
	margin-left: 10px;
	}


	/*********  Footer *********/ 
	
	/* Footer */
	#footer {
	padding: 10px 10px 0 10px;
	}
	
		
}


/******************************************  iPhone (Landscape)  ******************************************/

 @media only screen and (min-width: 480px) and (max-width: 767px) {


	/********* Shortcodes: Slider *********/

	/* Slide Caption */
	.caption {
	width: 100%;
	}
	.caption p {
	display: block;
	}			
	
		
}