/*--------------------------------------------------------------
10.0 - Media Queries
--------------------------------------------------------------*/
/* All size smaller than standard 1291 (devices and browsers) */
@media only screen and (max-width: 1290px) {
	.container {
		padding: 0 30px;
	}
	.narrow-layout #page {
		max-width: 964px;
	}
	.main-blog-layout .has-post-thumbnail .post-featured-content,
	.widget-featured-content {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* All Tablet Portrait size smaller than standard 1024 (devices and browsers) */
@media only screen and (max-width: 1023px) {
	.narrow-layout #page {
		margin: 0 30px;
	}
	.clearfix-third,
	.clearfix-fourth {
		clear: none;
	}
	.clearfix-half {
		clear: both;
	}
	.page-title-wrap {
		background-attachment: scroll;
	}
	#primary,
	#secondary,
	.no-sidebar-layout #main,
	.nav-links .nav-previous,
	.nav-links .nav-next {
		float: none;
		width: 100%;
		margin: 0;
	}
	.nav-links:before {
		content: normal;
	}
	.nav-links .nav-previous{
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.column-fourth .column-wrap {
		width: 33.33%;
	}
	.widget-featured-image {
		width: 100%;
		position: relative;
		height: 250px;
	}
	.widget-featured-image:after,
	.page-template .odd.widget-has-featured-image .widget-featured-image:after {
		left: 50%;
		top: auto;
		right: auto;
		bottom: -24px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		content: '\f0d8';
	}
	.widget-has-featured-image .widget-featured-content,
	.page-template .odd.widget-has-featured-image .widget-featured-content {
		width: 100%;
		float: none;
		min-height: inherit;
	}
	.widget-has-featured-image .widget-featured-content article,
	.widgets_grid_global .widget-has-featured-image .widget-featured-content {
		left: inherit;
		position: relative;
		top: inherit;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		width: 100%;
	}
	.widgets_grid_global .widget-featured-image,
	.widgets_grid_global .odd.widget-has-featured-image .widget-featured-image {
		height: inherit;
		float: none;
	}
	.featured-slider .featured-slider-content {
		padding-bottom: 12%;
	}
}

/* All Mobile Portrait size smaller than 768 (devices and browsers) */
@media only screen and (max-width: 767px) {
	hr {
		margin-bottom: 30px;
	}
	.container {
		padding: 0 14px;
	}
	.narrow-layout #page {
		margin: 0 14px;
	}
	.narrow-layout #colophon {
		margin-bottom: 14px;
	}
	.main-blog-layout .post-featured-content,
	.main-blog-layout .has-post-thumbnail .post-featured-content,
	.widget-featured-content {
		padding: 50px 14px;
	}
	.comments-title,
	#respond h3#reply-title {
		font-size: 26px;
		line-height: 32px;
	}
	#masthead .info-bar {
		display: none;
	}
	#main h1,
	#main h2,
	#main h3,
	#main h4,
	#main h5,
	#main h6 {
		padding-bottom: 10px;
	}
	#site-logo {
		margin-bottom: 10px;
		margin-top: 10px;
		width: 80%;
	}
	.hgroup-right {
		padding-right: 0;
		min-width: inherit;
		clear: both;
		float: none;
	}
	.search-toggle {
		display: none;
	}

	/* Responsive Navigation */
	.menu-toggle {
		display: block;
		background-color: rgba(0, 0, 0, 0);
		font-size: 0;
		border: 0 none;
		padding: 0;
		color: #333;
		height: 20px;
		float: right;
		margin-top: 17px;
		cursor: pointer;
	}
	.menu-toggle:before {
		display: block;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 28px;
		line-height: 0;
		font-family: 'FontAwesome';
		vertical-align: top;
		content: '\f0c9';
	}
	.nav-menu {
		display: none;
	}
	.toggled-on .nav-menu {
		display: block;
	}
	.main-navigation {
		float: none;
	}
	.main-navigation li {
		position: inherit;
		width: 100%;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		margin-left: 0;
	}
	.main-navigation a {
		float: none;
		padding: 10px 0;
		height: inherit;
	}
	/* Dropdown */
	.main-navigation ul li ul,
	.main-navigation ul li:hover ul ul,
	.main-navigation ul ul li:hover ul ul,
	.main-navigation ul ul ul li:hover ul ul,
	.main-navigation ul ul ul ul li:hover ul ul {
		display: block;
	}
	.main-navigation ul li ul {
		position: inherit;
		top: 0;
		width: inherit;
		border: 0 none;
	}
	.main-navigation ul li ul li {
		border-bottom: 0 none;
 	}
	.main-navigation ul li ul li a,
	.main-navigation ul li.current-menu-item ul li a,
	.main-navigation ul li ul li.current-menu-item a,
	.main-navigation ul li.current_page_ancestor ul li a,
	.main-navigation ul li.current-menu-ancestor ul li a,
	.main-navigation ul li.current_page_item ul li a {
		padding: 10px 0 10px 15px;
	}
	.main-navigation ul li ul li ul {
		left: 0;
	}
	.main-navigation ul li ul li ul li a,
	.main-navigation ul li.current-menu-item ul li ul li a,
	.main-navigation ul li ul li.current-menu-item ul li a,
	.main-navigation ul li.current_page_ancestor ul li ul li a,
	.main-navigation ul li.current-menu-ancestor ul li ul li a,
	.main-navigation ul li.current_page_item ul li ul li a {
		padding-left: 21px;
	}
	.page-title-wrap {
		padding: 20px 0;
	}
	#content {
		padding-top: 50px;
	}
	/* Column */
	.column-area {
		margin-left: 0;
	}
	.column-wrap {
		float: none;
		padding-left: 0;
	}
	.column-half .column-wrap,
	.column-third .column-wrap,
	.column-fourth .column-wrap {
		width: 100%;
	}
	#main .post,
	#main .attachment {
		margin-bottom: 40px;
	}
	#main .type-page {
		margin-bottom: 20px;
	}
	.post-featured-image,
	.post-featured-image a {
		width: 100%;
		position: relative;
		height: 250px;
	}
	.main-blog-layout .post-featured-image:after,
	.main-blog-layout .odd .post-featured-image:after {
		left: 50%;
		top: auto;
		right: auto;
		bottom: -24px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		content: '\f0d8';
	}
	.has-post-thumbnail .post-featured-content {
		padding-left: 0;
	}
	.has-post-thumbnail .post-featured-content,
	.main-blog-layout .odd .post-featured-content,
	.main-blog-layout .has-post-thumbnail .post-featured-content {
		width: 100%;
		float: none;
		min-height: inherit;
	}
	.main-blog-layout .post-featured-content {
		position: relative;
	}
	.main-blog-layout .has-post-thumbnail.format-link article,
	.main-blog-layout .has-post-thumbnail.format-quote article {
		left: inherit;
		position: relative;
		top: inherit;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		width: 100%;
	}
	.entry-title,
	blockquote p {
		font-size: 28px;
		line-height: 35px;
	}
	.entry-meta .cat-links,
	.entry-meta .cat-links a {
		font-size: 24px;
		line-height: 31px;
	}
	.nav-links a { 
		padding: 14px;
	}
	.wp-pagenavi .current,
	.wp-pagenavi a {
		padding: 10px 20px;
	}
	.nav-links,
	.wp-pagenavi,
	.widget {
		margin-bottom: 40px;
	}
	.widget_article,
	#colophon .widget_article {
		margin-bottom: 20px;
	}
	#colophon .widget-area {
		margin-left: 0;
	}
	#colophon .column-half .column-wrap,
	#colophon .column-third .column-wrap,
	#colophon .column-fourth .column-wrap {
		float: none;
		width: 100%;
		padding-left: 0;
	}
	.site-info .social-profiles,
	.site-info .copyright {
		float: none;
		width: 100%;
	}
	.site-info .social-profiles ul {
		text-align: center;
		float: none;
	}
	.site-info .social-profiles ul li {
		display: inline-block;
		float: none;
	}
	.site-info .copyright {
		padding-top: 20px;
		text-align: center;
	}
	.featured-slider .featured-slider-image,
	.featured-slider .featured-slider-image a,
	.featured-slider .featured-slider-content {
		width: 100%;
	}
	.featured-slider .featured-slider-content article {
		margin-top: 0;
		position: relative;
	}
	.featured-slider .featured-slider-content .entry-title,
	.featured-slider .featured-slider-content .entry-title a,
	.featured-slider .featured-slider-content .entry-content {
		color: #fff;
	}
	.featured-slider .featured-slider-content {
		padding-bottom: 80px;
	}
	#controllers {
		right: auto;
		width: 100%;
		bottom: 20px;
	}
	#controllers a {
		background-color: #fff;
		color: #fff;
	}
	#controllers a.active {
		border-color: #fff;
	}
}

/* All Mobile landscape size and All Mini Tablet Portrait size smaller than standard 768 and larger than 480 (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	/* Column */
	.column-area {
		margin-left: -14px;
	}
	.column-wrap {
		float: left;
		padding-left: 14px;
	}
	.column-half .column-wrap,
	.column-third .column-wrap,
	.column-fourth .column-wrap {
		width: 50%;
	}
}