/**
 * Feature Name: Frontend-Media-Queries
 * Version:      1.0
 * Author:       MarketPress.com
 * Author URI:   http://marketpress.com
 */

/** Laptops **/
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
	.wrapper {
		width: 1000px;
	}
	
	body footer#footer .widget-column {
		margin-right: 50px;
	}
	
	.comment-text {
		max-width: 800px;
	}
}

/** Tablets **/
@media only screen and (min-width: 961px) and (max-width: 1024px) {
	.wrapper {
		width: 940px;
	}
	
	.comment-text {
		max-width: 600px;
	}
	
	body footer#footer .widget-column {
		margin-right: 20px;
	}
}

/** Smartphones Landscape Mode **/
@media only screen and (min-width: 641px) and (max-width: 961px) {
	.wrapper {
		width: 600px;
	}
	
	aside#headline {
		display: none;
	}

	#offcanvas {
		display: block !important;
	}
	
	body > header {
		height: 400px !important;
		max-height: 400px !important;
	}
	
	.comment-text {
		max-width: 400px;
	}
	
	body footer#footer .widget-column {
		width: 180px;
		margin-right: 20px;
	}
	
	body footer#footer .widget-column section.widget {
		width: 180px;
	}
}

/** Smartphones **/
@media only screen and (max-width: 640px) {
	body main#primary {
		padding-top: 53px;
	}
	
	body > header .header-text-container {
		padding-top: 20px;
	}
	
	.wrapper {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	
	body main#primary article:first-child {
		padding-top: 0;
	}
	
	body main#primary article .post-thumbnail {
		height: 400px;
	}
	
	body main#primary article .wrapper {
		padding: 10px;
	}
	
	.pagination {
		margin-top: 25px;
	}
	
	.main-navigation {
		display: none;
	}
	
	body > header {
		height: 250px !important;
		max-height: 250px !important;
	}
	
	#headline {
		height: 53px;
	}
	
	#headline nav {
		float: none;
		margin-top: 0;
	}
	
	#headline .logo {
		display: none;
	}
	
	body > .copyline .mp-site-info {
		float: none;
		text-align: center;
	}
	
	body > .copyline nav {
		float: none;
		text-align: center;
	}
	
	body > .copyline nav ul {
		margin: 15px 0 0 0;
		display: inline-block;
	}
	
	body > .copyline nav ul li a {
		margin-left: 0;
		padding: 0 10px;
	}
	
	.comment-text {
		float: none;
		margin-left: 0;
		max-width: 340px;
		text-align: left;
	}
	
	.comment-author {
		width: 100%;
		float: none;
		display: block;
		text-align: left;
		margin-bottom: 15px;
	}
	
	.comment-author img {
		height: 39px !important;
		width: 39px !important;
		float: left;
		margin-right: 20px;
	}
	
	.comment-reply-link {
		margin-left: 0;
	}
	
	ol.commentlist ul.children {
		margin: 0;
		padding: 0;
	}
	
	ol.commentlist ul.children .comment-text {
		margin-left: 0;
	}
	
	input, textarea {
		width: 100%;
	}
	
	#respond #submit, #respond p.form-allowed-tags {
		margin-left: 0;
	}
	
	footer > .wrapper {
		padding-top: 25px;
	}
	
	body footer#footer .widget-column {
		float: none;
		width: auto;
		margin-right: 0;
	}
	
	body footer#footer .widget-column section.widget {
		width: auto;
		margin: 0 0 15px 0;
	}
}
