/* Responsive Styles */

/* Medium Desktop */

@media all and (max-width: 1280px) and (min-width: 0px) {
	
	/* Structure */
	#wrapper { width: 1100px; }
	
	/* Audio */
	.audio-player-wrapper .mejs-container .mejs-controls .mejs-duration-container { right: 24%; }
	
}


/* Fairly Small Desktop */

@media all and (max-width: 1140px) and (min-width: 0px) {
	
	/* Structure */
	#wrapper { width: 1000px; }
	
	/* Post */
	.post-header h1, .post-header h2 { font-size: 50px; line-height: 50px; }
	
	/* Comments */
	.post-comments .comments-area, 
	#respond { padding: 50px 50px 30px 50px; }
		.post-comments .leave-a-comment-button { right: 50px; top: 55px; }
		
	/* Video */
	.video-wrapper { height: 560px; }
		
	/* Audio */
	.audio-player-wrapper .mejs-container .mejs-controls .mejs-duration-container { right: 23.5%; }
	
	/* Bottom Widgets */
	#bottom-widgets .widget h5 { font-size: 24px; line-height: 24px; }
	
}


/* Small Desktop */

@media all and (max-width: 1040px) and (min-width: 0px) {
	
	/* Structure */
	#wrapper { width: 960px; }
		
	/* Video */
	.video-wrapper { height: 540px; }
	
	/* Audio */
	.audio-player-wrapper .mejs-controls .mejs-time-rail .mejs-time-total { width: 62%!important; }
	.audio-player-wrapper .mejs-container .mejs-controls .mejs-duration-container { right: 25.5%; }
	
	/* Portfolio */
	.entry .portfolio-items li a.item-permalink, 
	.entry .portfolio-items li span.item-zoom { width: 40px; height: 40px; line-height: 40px; font-size: 16px; }
	.entry .portfolio-items li a.item-permalink { right: 61px; }
	.entry .portfolio-items li a.item-preview .item-content h3 { font-size: 24px; line-height: 24px; }
	
}


/* Laptop */

@media all and (max-width: 980px) and (min-width: 0px) {
		
	/* Structure */
	#wrapper { width: 90%; max-width: 860px; }
	
	/* Site Nav */
	#site-header #site-nav div.menu {
		position: absolute;
		top: 51px;
		right: 0px;
		margin: 0 0 0 1px;
		width: 203px;
	}
	#site-header #site-nav.show-menu-on-load .menu { display: none; }
		#site-header #site-nav div.menu ul { float: none; }
			#site-header #site-nav div.menu ul li { float: none; margin: 0 0 1px 0; }
			#site-header #site-nav div.menu ul li ul { padding: 0 1px 0 0; left: auto; right: 203px; top: 0px; width: 203px; }
				#site-header #site-nav div.menu ul li a { float: none; }
	
	/* Post */
	.post-icon { font-size: 20px; }
	.post-header h1, .post-header h2 { font-size: 40px; line-height: 42px; margin: 0 0 15px 0; }
	.post-header .post-header-meta p { font-size: 18px; line-height: 22px; }
	
	/* Post -> Quote */
	article.format-quote blockquote, article.format-quote blockquote p { font-size: 40px; line-height: 45px; }
	
	/* Comments */
	.post-comments .comments-area, 
	#respond { padding: 50px 50px 30px 50px; }
	
	/* Audio */
	.audio-player-wrapper .mejs-controls .mejs-time-rail .mejs-time-total { width: 60%!important; }
	.audio-player-wrapper .mejs-container .mejs-controls .mejs-duration-container { right: 26%; }
	
	/* Video */
	.post-top .video-play-link { font-size: 24px; line-height: 28px; }
		.post-top .video-play-link i { font-size: 18px; top: 6px; left: 5px; }
	.video-wrapper { height: 480px; }
		
	/* Portfolio */
	.entry .portfolio-items { margin-right: -52px; }
	.entry .portfolio-items li { width: 50%; }
	.entry .portfolio-items li a.item-permalink, 
	.entry .portfolio-items li span.item-zoom { width: 50px; height: 50px; line-height: 50px; font-size: 18px; right: 30px; }
	.entry .portfolio-items li a.item-permalink { right: 71px; }
	
}


/* Small Tablet */

@media all and (max-width: 900px) and (min-width: 0px) {
	
		
	/* Structure */
	#wrapper { width: 700px; }
	
	/* Header */
	#site-header .site-logo img { display: none; }
	#site-header .site-logo .logo-retina { display: block; }
	
	/* Post */
	.post-header { margin: 0 0 20px 0; }
	.post-top .post-header { margin: 0px; }
	.post-icon { font-size: 22px; left: auto; right: 40px; top: 40px; }
	.post-top .post-header { margin: 0 150px 0 0; padding: 0 0 40px 40px; }
	.post-header h1, .post-header h2 { font-size: 40px; line-height: 42px; margin: 0 0 15px 0; }
	.post-header .post-header-meta p { font-size: 16px; line-height: 20px; }
	.post-gallery ul.gallery-nav { bottom: 40px; right: 40px; }
	.post-gallery ul.gallery-slides li .caption { display: none; }
	
	.entry-content, 
	.entry-content-has-side { padding: 40px 40px 20px 40px; }
	
	.post-side-meta-back { display: none; }
	.post-side-meta {
		float: none;
		clear: both;
		border-bottom: 1px solid #e9e9e9;
		width: auto;
		margin: -40px -40px 30px -40px;
		padding: 40px 40px 30px 40px;
		overflow: hidden;
		background: #f9f9f9;
	}
		.post-side-meta aside {
			float: left;
			width: 47%;
			margin: 0 3% 0 0;
		}
			.post-side-meta aside p, 
			.post-side-meta aside ul { margin: 0px; }
				.post-side-meta aside ul li {
					float: left;
					display: block;
					background: #FFF;
					padding: 3px 5px;
					margin: 0 5px 5px 0;
				}
				
	/* Post -> Quote */
	article.format-quote .entry-content { padding-bottom: 40px; }
	article.format-quote blockquote, article.format-quote blockquote p { font-size: 30px; line-height: 35px; }
	
	/* Comments */
	.post-comments .comments-area, 
	#respond { padding: 40px 40px 40px 40px; }
		.post-comments h2#comments-title { font-size: 40px; line-height: 40px; margin: 0 0 10px 0; }
		.post-comments .leave-a-comment-button { right: 40px; top: 40px; }
	
	/* Audio */
	.audio-player-wrapper { margin: -40px -40px 40px -40px; }
	.audio-player-wrapper .mejs-controls .mejs-time-rail .mejs-time-total { width: 55%!important; }
	.audio-player-wrapper .mejs-container .mejs-controls .mejs-duration-container { right: 28%!important; }
		
	/* Video */
	.video-wrapper { height: 400px; }
	.post-top .video-play-link { bottom: 40px; right: 40px; font-size: 18px; }
		.post-top .video-play-link i { font-size: 14px; top: 8px; left: 10px; }
		
	/* Portfolio */
	.portfolio-filter { margin-bottom: 40px; }
	.entry .portfolio-filter ul li a, .entry .portfolio-filter ul li a { padding: 0 15px; line-height: 30px; }
	.entry .portfolio-items { margin: 0 -50px -20px -40px; }
	.entry .portfolio-items li { width: 49.5%; }
	.portfolio-gallery ul.gallery-slides li .caption { display: block; margin-left: -10px; margin-bottom: -10px; }
	.portfolio-gallery ul.gallery-nav { left: 40px; }
	
	/* Bottom Widgets */
	#bottom-widgets .widget {
		float: none;
		width: 100%;
		border-bottom: 1px solid #222;
	}
		#bottom-widgets .widget h5 { padding-left: 40px; }
		#bottom-widgets .widget .widget-inner { height: auto!important; padding: 40px 40px 20px 40px; }


}


/* Large Phone */

@media all and (max-width: 720px) and (min-width: 0px) {	
	
	/* Structure */
	#wrapper { width: 640px; }
	
	/* Site Header */
	#site-header #site-nav { width: 51px!important; }
	#site-header #site-nav div.menu {
		margin-top: 51px;
		margin-left: -152px;
	}
	#site-header .header-search { width: 51px!important; }
	#site-header .header-search .header-icon { opacity: 1!important; }
	#site-header .header-search form {
		margin-top: 51px!important;
		left: auto!important;
		right: 0px!important;
	}
	
	/* Post */
	.post-header h1, .post-header h2 { font-size: 34px; line-height: 36px; margin: 0 0 20px 0; }
	.post-top .post-header { margin-right: 40px; }
	.post-top .post-icon { display: none; }
	
	/* Comments */
	ol.comment-list li ol { margin-left: 30px; }
	
	/* Audio */
	.audio-player-wrapper .mejs-container .mejs-controls .mejs-duration-container { right: 26%!important; }
	
	/* Video */
	.video-wrapper { height: 360px; }
	.post-top .video-play-link { bottom: 34px;Ê}
		.post-top .video-play-link i { top: 8px; }
	

}


/* Medium Phone */

@media all and (max-width: 640px) and (min-width: 0px) {
	
	/* Structure */
	body { -webkit-text-size-adjust: none; font-size: 14px; }
	#wrapper { width: 480px; }	
	
	/* Header */
	#site-header { padding: 30px 0; }
		#site-header .site-title a { font-size: 16px; padding: 0 15px; line-height: 44px; }
	#site-header .mobile-search input[type="text"] { width: 378px; font-size: 16px; }
	#site-header a.header-icon:hover { background: url(../images/back-white-5.png) transparent; }
	#site-header a.header-icon-active { background: url(../images/back-white-10.png) transparent!important; }

	/* Basic Formatting */
	.entry h1 {
		font-size: 30px;
		line-height: 30px;
	}
	.entry h2 {
		font-size: 24px;
		line-height: 28px;
	}
	.entry h3 {
		font-size: 18px;
		line-height: 24px;
	}
	.entry h4 {
		font-size: 14px;
		line-height: 18px;
	}
	.entry h5 {
		font-size: 12px;
		line-height: 18px;
	}
	.entry p {
		font-size: 14px;
		line-height: 22px;
	}
	.entry ul {
		font-size: 14px;
		line-height: 22px;
		margin: 0 0 30px 0;
	}
		.entry ul li {
			background: url(../images/bullet-retina.png) no-repeat 5px 5px;
			background-size: 11px 12px;
		}
			.entry ul li ul { font-size: 12px; line-height: 20px; }
	.entry ol {
		font-size: 14px;
		line-height: 22px;
	}
	.entry blockquote, 
	.entry q {
		border-left: 5px solid #EEE;
		padding: 5px 0 0 20px;
		margin: 30px 20px 30px 20px;
		font-size: 14px;
		line-height: 22px;
		font-style: italic;
	}
		.entry blockquote p, 
		.entry q p {
			margin: 0 0 10px 0; 
			font-size: 14px;
			line-height: 22px;
		}
		.entry blockquote cite, 
		.entry q cite {
			font-style: normal;
			margin: 0px;
			line-height: normal;
			font-size: 11px;
		}
	.alignleft,
	.alignright,
	.aligncenter { clear: both; float: none; margin: 0 0 20px 0; }
	
	/* Shortcodes */
	body .simnor-shortcode-col { float: none!important; width: auto!important; clear: both!important; }
		body .simnor-shortcode-col-inner { margin: 0px!important; }
	
	/* Post */
	article.entry { margin: 0 0 30px 0; }
	.post-top { background: #FFF; }
	.post-top .post-header { padding: 30px 30px 0 30px; margin: 0px; position: static; }
		.post-header h1, .post-header h2 { font-size: 34px; line-height: 38px; margin: 0 0 10px 0; color: #4f70b3; }
			.post-top .post-header h1, .post-top .post-header h2, 
			.post-top .post-header h1 a, .post-top .post-header h2 a { color: #4f70b3; }
			.post-top .post-header h1 a:hover, .post-top .post-header h2 a:hover { text-shadow: none; }
		
		.post-top .post-header .post-header-meta p { color: #444; margin: 0 20px 0 0; }
			.post-top .post-header .post-header-meta p a { color: #4f70b3; }
	
	.post-image .overlay, .post-gallery .overlay { display: none; }
		.post-gallery ul.gallery-nav {
			bottom: auto;
			top: 0px;
			right: 0px;
			background: #222;
			padding: 12px 15px 12px 5px;
			opacity: 0.8;
		}
			.post-gallery ul.gallery-nav li { font-size: 14px; }
	
	.entry-content, .entry-content-has-side { padding: 30px 30px 10px 30px; }
	.no-entry-content { height: 30px; display: block; }
		.more-link { margin-top: 0px; }
		.post-side-meta { display: none; }
		.type-portfolio .post-side-meta { margin: -30px -30px 30px -30px; padding: 30px 30px 20px 30px; display: block; }
		
	.pagination { padding-top: 30px; }
		
	/* Comments */
	.post-comments h2#comments-title, #respond h3#reply-title { font-size: 34px; line-height: 38px; }
	.post-comments .leave-a-comment-button { display: none; }
	ol.comment-list li { line-height: normal; }
	ol.comment-list li .comment-body { padding-left: 50px; }
	ol.comment-list li .comment-author { font-size: 16px; padding-top: 0px; }
	ol.comment-list li .comment-author cite { font-size: 16px; }
	ol.comment-list li .comment-body .avatar { left: -50px; width: 40px; height: 40px; top: 0px; }
	ol.comment-list li .comment-meta { line-height: 20px; font-size: 13px; }
	ol.comment-list li .comment-meta .comment-by-author-label { display: none; }
	ol.comment-list li .comment-body p { font-size: 16px; line-height: 22px; }
		ol.comment-list li ol { margin-left: 0px; }
		ol.comment-list li ol li .comment-body { padding-left: 90px; }
		ol.comment-list li ol li .comment-body .avatar { left: -60px; }
		
	#respond p.comment-form-comment, #respond p.comment-form-author, #respond p.comment-form-email, #respond p.comment-form-url {
		float: none;
		clear: both;
		margin: 0 0 10px 0;
		width: auto;
	}
	#respond p input[type="text"],
	#respond p input[type="email"], 
	#respond p textarea { padding: 10px 4%; width: 91%; -webkit-appearance: none; font-size: 16px; }
	#respond p label { padding-left: 5%!important; font-size: 16px; }
	#respond p.form-submit { text-align: left; padding-top: 10px; }
	
	/* Audio */
	article.format-audio .entry-content-has-thumbnail .audio-player-wrapper { top: 24px; }
	.audio-player-wrapper { margin: -30px -30px 30px -30px; }
	.audio-player-wrapper .mejs-container .mejs-controls { padding-right: 40px; padding-left: 115px; }
	.audio-player-wrapper .mejs-controls .mejs-volume-button { right: 19%!important; }
	.audio-player-wrapper .mejs-controls .mejs-horizontal-volume-slider { display: none!important; }
	.audio-player-wrapper .mejs-controls .mejs-volume-button { display: none!important; }
	.audio-player-wrapper .mejs-controls .mejs-time-rail { margin-top: 25px; }
	.audio-player-wrapper .mejs-container .mejs-controls .mejs-time { bottom: 15px; margin-left: -5px; }
	.audio-player-wrapper .mejs-controls .mejs-time-rail .mejs-time-total { width: 69%!important; }
	.audio-player-wrapper .mejs-container .mejs-controls .mejs-duration-container { right: 7%!important; }
	
	/* Video */
	.video-wrapper { height: 270px; background: #222; }
	.post-top .video-play-link {
		bottom: auto;
		top: 0px;
		right: 0px;
		font-size: 14px; 
		line-height: 18px;
		color: #FFF;
		padding: 10px 12px 10px 35px; 
		background: #222;
		opacity: 0.8;
	}
	.post-top .video-play-link:hover { text-shadow: none; }
	.post-top .video-play-link i { top: 13px; font-size: 13px; left: 15px; }
	
	/* Portfolio */
	.entry .portfolio-filter { margin-bottom: 30px; }
	.entry .portfolio-filter ul li { margin: 0 10px 10px 0; }
		.entry .portfolio-filter ul li a { padding: 0px; line-height: normal; border: none!important; }
		.entry .portfolio-filter ul li.active a { text-decoration: underline; }
	.entry .portfolio-items { margin-left: -30px; }
	.entry .portfolio-items li { width: 241px; }
		.entry .portfolio-items li a.item-preview .item-content { left: 20px; margin-bottom: 20px; margin-right: 0px; }
		.entry .portfolio-items li a.item-permalink {
			right: 20px; bottom: auto; top: 20px; width: 40px; height: 40px; line-height: 40px; font-size: 14px; }
		.entry .portfolio-items li a.item-preview span.item-zoom { display: none!important; }
		
	.portfolio-gallery .overlay { display: block; }
	.portfolio-gallery ul.gallery-nav {
		bottom: 30px;
		top: auto;
		left: 30px;
		background: transparent;
		padding: 0px;
		opacity: 1;
	}
	.portfolio-gallery ul.gallery-slides li .caption { margin-left: -20px; }
	
	/* Bottom Widgets */
	#bottom-widgets .widget .widget-inner { padding-top: 30px; padding-bottom: 10px; } 
	#bottom-widgets .widget ul { margin: 0 0 20px 0; }
	#bottom-widgets .widget p, 
	#bottom-widgets .widget ul li { line-height: 22px; }

}	


/* Medium Phone */

@media all and (max-width: 480px) and (min-width: 0px) {
	
	/* Structure */
	#wrapper { width: 290px; }
	
	/* Header */
	#site-header .mobile-search input[type="text"] { width: 188px; }
	#site-header .site-header-right .social-icons { display: none; }
	
	/* Site Nav */
	#site-header #site-nav div.menu ul li ul { display: block!important; visibility: visible!important; position: static; margin-top: 1px; }
		#site-header #site-nav div.menu ul li ul li a { padding: 8px 20px; }
	
	/* Entry Formatting */
	.entry blockquote, .entry q { margin: 0 0 20px 0; padding: 0 0 0 20px; }
	
	/* Shortcodes */
	body .simnor-shortcode-tabs { padding-top: 0px; }
	body .simnor-shortcode-tab-buttons { height: auto; position: static; }
	body .simnor-shortcode-tab-buttons a {
		float: none; 
		padding: 10px 20px; 
		font-size: 13px; 
		line-height: normal; 
		margin: 0 0 10px 0; 
		height: auto; 
		border: 1px solid #EEE;
	}
	body .simnor-shortcode-tab-buttons a.active { border: 1px solid #CCC; }
	body .simnor-shortcode-toggle h3.simnor-shortcode-toggle-heading { font-size: 13px; }
	
	/* Post */
	.post-header h1, .post-header h2 { font-size: 28px; line-height: 32px; }
	.post-header .post-header-meta p { color: #444; padding: 10px 0 0 0; font-size: 14px; line-height: 18px; }
	
	/* Comments */
	.post-comments h2#comments-title, 
	#respond h3#reply-title { font-size: 28px; line-height: 32px; }
	ol.comment-list li .comment-body { padding-left: 0px; }
		ol.comment-list li ol { margin-left: 5px!important; }
		ol.comment-list li .comment-body .avatar { display: none; }
		ol.comment-list li .comment-meta { font-size: 12px; }
		ol.comment-list li ol li .comment-body { padding: 20px 20px 1px 20px; }
	#respond .comment-notes { line-height: 20px; }
	
	/* Audio */
	article.format-audio .entry-content { padding-top: 110px; position: relative; }
	article.format-audio .entry-content-has-thumbnail .audio-player-wrapper { top: 30px; }
	article.format-audio .entry-content-no-thumbnail { padding-top: 80px; }
	article.format-audio .entry-content-no-thumbnail .audio-player-wrapper { top: 0px; }
	article.format-audio .audio-player-wrapper { height: 50px; top: 30px; }
	.audio-player-wrapper .mejs-container { height: 50px!important; }
	.audio-player-wrapper .mejs-container .mejs-controls { padding-left: 80px; }
	.audio-player-wrapper .mejs-container .mejs-playpause-button { width: 50px; height: 50px; }
	.audio-player-wrapper .mejs-container .mejs-playpause-button button { width: 50px; height: 50px; background-size: 10px 11px; }
	.audio-player-wrapper .mejs-container .mejs-controls .mejs-time { display: none!important; }
	.audio-player-wrapper .mejs-controls .mejs-time-rail { margin-top: 18px!important; }
	.audio-player-wrapper .mejs-controls .mejs-time-rail .mejs-time-total { width: 62%!important; }
	.audio-player-wrapper .mejs-controls .mejs-horizontal-volume-slider { display: none!important; }
	.audio-player-wrapper .mejs-controls .mejs-volume-button { right: 20px!important; }
	.audio-player-wrapper .mejs-controls .mejs-mute button { background-size: 12px 10px; }
	.audio-player-wrapper .mejs-controls .mejs-unmute button { background-size: 6px 9px; }
	
	/* Video */
	.video-wrapper { height: 180px; }
	
	/* Portfolio */
	.entry .portfolio-items li { width: 291px; float: none; }
	.portfolio-gallery { padding: 0 0 50px 0; background: #333; }
	.portfolio-gallery ul.gallery-slides li .caption {
		font-size: 16px;
		line-height: 22px;
		margin-left: -50px;
		margin-bottom: -80px;
		background: #222;
		padding: 8px 30px;
	}
	.portfolio-gallery .overlay { display: none; }
	.portfolio-gallery ul.gallery-nav { bottom: 20px; }
		.portfolio-gallery ul.gallery-nav li { font-size: 14px; margin: 0 10px 0 0; }
	.type-portfolio .post-side-meta { padding-bottom: 1px; }
	.type-portfolio .post-side-meta aside { float: none; width: auto; margin: 0 0 30px 0; overflow: hidden; }
	body .type-portfolio .entry-content .simnor-shortcode-button { margin-bottom: 30px; }

	/* Bottom Widgets */
	#bottom-widgets .widget h5 { padding-left: 30px; padding-right: 30px; }
	#bottom-widgets .widget .widget-inner { padding: 25px 30px 10px 30px; }
	
	/* Site Footer */
	#site-footer p { font-size: 12px; line-height: 14px; }
	
}