/* Responsive Styles */

/* Medium Desktop */

@media all and (max-width: 1280px) and (min-width: 0px) {
	
	/* Structure */
	#wrapper { width: 1100px; }
	
	/* Site Header */
	#site-header .search-form { width: 235px; }
	
	/* Video */
	.video-wrapper { height: 470px; }
		
}


/* Fairly Small Desktop */

@media all and (max-width: 1140px) and (min-width: 0px) {
	
	/* Structure */
	#wrapper { width: 1000px; }
	
	/* Site Header */
	#site-header .search-form { width: 210px; }
	
	/* Video */
	.video-wrapper { height: 420px; }
	
}


/* Small Desktop */

@media all and (max-width: 1040px) and (min-width: 0px) {
	
	/* Structure */
	#wrapper { width: 940px; }
	
	/* Site Header */
	#site-header .search-form { width: 195px; }
	#site-nav div.menu ul li {
		font-size: 16px;
		margin: 0 20px 0 0;
		padding: 0 20px 0 0;
	}
	
	/* Video */
	.video-wrapper { height: 400px; }
	
	/* Comments */
	ol.comment-list li ol { margin-left: 30px; }
		
}


/* Laptop */

@media all and (max-width: 980px) and (min-width: 0px) {
		
	/* Structure */
	#wrapper { width: 880px; }
	
	/* Entry */
	.entry-content { padding: 40px 40px 20px 40px; }
	body.single .entry .post-title, 
	body.single .entry .post-title,
	.entry .post-title { margin: 0 40px 0 40px; font-size: 36px; line-height: 40px; }
	.entry .post-title a, .entry .post-title span { padding: 14px 20px 18px 20px; }
	.entry-under-bar { padding: 0 0 0 40px; overflow: visible; }
		.entry-under-bar .post-meta { padding: 0 20px; }
	.entry-bottom-meta { padding: 0 10px; background: #FFF; margin: 0px; }
	.entry blockquote, .entry q { margin: 0 0 20px 0; }
	
	/* Comments */
	.post-comments #comments-title { margin: 0 50px; }
	.post-comments .leave-a-comment-button { margin: 0 0 0 50px; }
	.post-comments .comments-area { padding: 50px 50px 10px 50px; }
	ol.comment-list li ol { margin: 0 0 0 50px; }
	#respond { padding: 40px 40px 40px 40px; }
	
	/* Video */
	.video-wrapper { height: 380px; }
	
	/* Portfolio */
	.portfolio-filter { margin: 0 40px 40px 40px; }
		.entry .portfolio-filter ul li a, 
		.entry .portfolio-filter ul li span { font-size: 16px; }
	.entry .portfolio-items { margin: 0 20px 40px 40px; }
	
}


/* Small Tablet */

@media all and (max-width: 900px) and (min-width: 0px) {
	
		
	/* Structure */
	#wrapper { width: 700px; }
	#page-content { float: none; width: auto; }
	#sidebar { float: none; width: auto; }
		#sidebar .sidebar-inner { padding: 0px; }
	
	/* Site Header */
	#site-header .site-logo img { display: none; }
	#site-header .site-logo .logo-retina { display: block; }
	#site-header .search-form { width: 240px; }
	#site-nav .site-nav-toggle { top: 0px; line-height: 22px; }
	#site-nav div.menu ul li {
		padding: 0 20px 0 0;
		margin: 0 15px 0 0;
		font-size: 16px;
	}
		#site-nav div.menu ul li a { line-height: 20px; }
		#site-nav div.menu ul li .divider { font-size: 16px; }
		#site-nav div.menu ul li ul { top: 30px; }
	
	/* Entry */
	.entry-content { padding: 50px 50px 30px 50px; }
	
	body.single .entry .post-title, 
	body.single .entry .post-title,
	.entry .post-title { margin: 0 50px 0 50px; }
	
	.entry p,
	.entry address,
	.entry ul,
	.entry ol,
	ol.comment-list li p { font-size: 16px; line-height: 24px; }
	
	.button, 
	.more-link, 
	body .simnor-shortcode-button, 
	#searchform input[type="submit"], 
	#respond input[type="submit"], 
	.wpcf7 input[type="submit"] { padding: 10px 16px 12px 16px; font-size: 16px; }
	#searchform input[type="submit"],
	#respond input[type="submit"], 
	.wpcf7 input[type="submit"] { height: 42px; line-height: normal; padding: 0 16px; }
	
	.entry-under-bar { padding: 0 50px; }
		.entry-under-bar .post-meta p { font-size: 16px; }
		
	.entry-bottom-meta { padding: 0 20px; }
	
	/* Portfolio */
	.entry .portfolio-filter ul li { padding: 0 20px 0 0; margin: 0 15px 10px 0; line-height: 28px; }
	.entry-under-bar .portfolio-gallery-nav { margin-left: -1px; }
	
	/* Video */
	.video-wrapper { height: 360px; }
	
	/* Site Footer */
	#site-footer { padding: 20px; }
	#site-footer .footer-text, 
	#site-footer .footer-menu {
		float: none;
		clear: both;
	}
	#site-footer .footer-text { margin: 0 0 12px 0; }
	

}


/* Large Phone */

@media all and (max-width: 720px) and (min-width: 0px) {	
	
	/* Structure */
	#wrapper { width: 640px; }
	
	/* Site Header */
	#site-header { padding-top: 40px; }
	#site-header .site-header-top { position: static; margin: 0 0 10px 0; }
	#site-header .site-header-top .site-logo { margin: 0 0 20px 0; }
	#site-header .site-header-right {
		position: absolute;
		left: 50px;
		bottom: 40px;
	}
	#site-header .search-form { width: 200px; }
	#site-header .search-form .header-icon { display: block; }
	#site-header .search-form .header-icon:hover { opacity: 0.2; }
	#site-header .search-form .toggle-search-active { background: url(../images/back-white-10.png) repeat transparent; opacity: 1!important; }
	#site-header .search-form { max-width: 50px; }
		#site-header .search-form input[type="text"], 
		#site-header .search-form input[type="submit"] { display: none; }
	
	#site-nav { padding: 0px 0 0 51px; min-height: 50px; }
	#site-nav div.menu {
		padding: 10px 20px;
		width: 200px;
		display: none;
		position: absolute;
		top: 51px;
		left: 0px;
		background: url(../images/back-white-10.png) repeat #333;
	}
	#site-nav .site-nav-toggle {
		width: 50px;
		height: 50px;
		background: url(../images/back-white-30.png) repeat transparent;
		line-height: 50px;
		text-align: center;
		top: 0px;
		cursor: pointer;
	}
	#site-nav .site-nav-toggle-active {
		background: url(../images/back-white-10.png) repeat transparent;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	#site-nav div.menu ul li {
		margin: 0px;
		padding: 10px 0;
		font-size: 16px;
		float: none;
	}
		#site-nav div.menu ul li a { line-height: normal; float: none; padding: 0px; }
		#site-nav div.menu ul li span.divider {
			text-indent: -9999px;
			width: 100%;
			height: 1px;
			background: #FFF;
			position: absolute;
			top: auto;
			right: auto;	
			bottom: 0px;
			left: 0px;
			opacity: 0.15;
			filter: alpha(opacity=15);
		}
		#site-nav div.menu ul li ul, 
		#site-nav div.menu ul li ul li ul {
			top: auto;
			left: auto;
			position: relative;
			margin: 10px -20px -10px -20px;
			width: 200px;
		}
			#site-nav div.menu ul li ul li ul { margin-top: 0px; margin-bottom: 0px; }
			#site-nav div.menu ul li ul li a { padding: 7px 0px; }
	
	/* Shortcodes */
	body .simnor-shortcode-col { float: none!important; width: auto!important; clear: both!important; }
		body .simnor-shortcode-col-inner { margin: 0px!important; }
	
	/* Video */
	.video-wrapper { height: 270px; }
	.hide-video { margin: 30px 0 0 30px; }
	
}


/* Medium Phone */

@media all and (max-width: 640px) and (min-width: 0px) {
	
	/* Structure */
	body { -webkit-text-size-adjust: none; }
	#wrapper { width: 480px; }	
	
	/* Site Header */
	#site-header { padding: 30px 0; }
		#site-header .site-header-right { bottom: 30px; }
	#site-header .site-header-right { left: auto; right: 0px; }
	#site-header .search-form { width: 50px!important; }
	#site-header .search-form .toggle-search-active { right: 0px; }
		#site-header .search-form .search-fields {
			position: absolute;
			top: 51px;
			left: auto;
			right: 0px;
			display: block;
			width: 290px;
		}
		
	/* Entry */
	body.single .entry .post-title,
	.entry .post-title, 
	.entry .entry-top .post-title {
		position: relative;
		top: auto;
		left: auto;
		margin: 30px 30px 0 30px;
	}
	.entry .post-title { margin-top: 0px; }
	.entry .entry-top .post-title { margin-top: 30px; }
	.entry ul li {
		background: url(../images/bullet-retina.png) no-repeat 5px 5px;
		background-size: 11px 12px;
	}
	.entry-under-bar { position: static; padding: 0 30px 0 30px; }
	.entry-under-bar .gallery-nav {
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.entry-under-bar .gallery-nav .gallery-caption { display: none!important; }
	.entry-under-bar .gallery-nav a { width: 45px; height: 45px; line-height: 45px; background-image: none; }
	.entry-content { padding: 30px 30px 10px 30px; }
	.entry-bottom-meta { margin: 0 -2px; padding: 0px; }
		.entry-bottom-meta aside p, .entry-bottom-meta aside ul { font-size: 12px; line-height: 15px; }
		
	.alignleft,
	.alignright,
	.aligncenter { clear: both; float: none; margin: 0 0 20px 0; }
	
	/* 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; }
			
	/* Video */
	.entry-under-bar .play-video {
		position: absolute;
		top: 10px;
		right: 10px;
		background-image: none;
	}
	
	/* Audio */
	.audio-player-wrapper .mejs-container .mejs-controls { padding-right: 40px; }
	.audio-player-wrapper .mejs-container .mejs-controls .mejs-duration-container { margin-right: 40px; }
	.audio-player-wrapper .mejs-controls .mejs-horizontal-volume-slider { display: none; }
	
	/* Comments */
	.post-comments .comments-area { padding: 30px 30px 10px 30px; }
	.post-comments #comments-title, 
	.post-comments .leave-a-comment-button { margin-left: 30px; }
	ol.comment-list li ol { margin: 0 0 0 20px; }
	#respond { padding: 30px; }
		
	/* Portfolio */
	.portfolio-filter { padding: 20px 0 0 0; margin: 0 30px 0 30px; }
	.entry .portfolio-filter ul li { float: none; clear: both; position: relative; display: block; }
	.entry .portfolio-filter ul li a { float: none; display: block; }
	.entry .portfolio-filter ul li .divider { display: none; }
	.entry .portfolio-items { margin: 0 0px 30px 30px; }
	.entry .portfolio-items li { width: 100%; float: none; }
	.entry .portfolio-items li .item-preview .item-content, 
	.entry .portfolio-items li .item-permalink { display: block!important; }
	
	/* Footer */
	#site-footer .footer-text, 
	#site-footer .footer-menu {
		float: none;
		clear: both;
		margin: 0 0 10px 0;
		line-height: 18px;
	}

}	


/* Medium Phone */

@media all and (max-width: 480px) and (min-width: 0px) {
	
	/* Structure */
	#wrapper { width: 290px; }
	
	/* Site Header */
	#site-header { padding: 30px 0; }
		#site-header .site-header-right { bottom: 30px; }
		#site-header .search-form { z-index: 1000; }
			#site-header .search-form input[type="text"] { font-size: 16px; }
	
	/* Entry */
	article.entry { margin: 0 0 30px 0; }
	body.single .entry .post-title, body.single .entry .post-title, .entry .post-title, 
	.post-comments #comments-title {
		font-size: 18px;
		line-height: 24px;
	}
	body.single .entry .post-title, .entry .post-title a, .entry .post-title span { padding: 8px 12px 12px 12px; }
	.entry-under-bar .post-meta { padding: 0 12px; }
		.entry-under-bar .post-meta p { font-size: 14px; line-height: 18px; padding: 10px 0; }
	.entry-bottom-meta { padding: 0px; }
		.entry-bottom-meta aside {
			float: none;
			border: none;
			width: auto;
			border-bottom: 1px solid #ececec;
		}
		.entry-bottom-meta .meta-portfolio-empty { display: none; }
			.entry-bottom-meta aside .inner { padding: 20px 30px; }
		
	.entry h1 {
		font-size: 30px;
		line-height: 38px;
	}
	.entry h2 {
		font-size: 24px;
		line-height: 32px;
	}
	.entry h3 {
		font-size: 18px;
		line-height: 26px;
	}
	.entry h4 {
		font-size: 14px;
		line-height: 22px;
	}
	.entry h5 {
		font-size: 12px;
		line-height: 18px;
	}
	.entry h6 {
		font-size: 12px;
		line-height: 18px;
	}
	.entry p, 
	.entry address, 
	ol.comment-list li p, 
	.entry ul,  
	.entry ul li ul, 
	.entry ol {
		font-size: 14px;
		line-height: 22px;
	}  
	.entry ul li { background-position: 2px 4px; }
	.entry blockquote, 
	.entry q, 
	.entry blockquote p, 
	.entry q p {
		font-size: 22px;
		line-height: 28px;
	}
	.entry blockquote p, .entry q p { padding: 10px 15px; }
	.entry blockquote cite, .entry q cite { padding-left: 15px; padding-right: 15px; }
	
	.button, 
	.more-link, 
	body .simnor-shortcode-button, 
	#searchform input[type="submit"], 
	#respond input[type="submit"], 
	.wpcf7 input[type="submit"] { font-size: 14px; padding: 8px 14px 12px 14px; }
	#searchform input[type="submit"], 
	#respond input[type="submit"], 
	.wpcf7 input[type="submit"] { height: 40px; line-height: normal; }
	
	.entry-under-bar .gallery-nav a, .entry-under-bar .play-video, .hide-video { 
		line-height: 40px;
		height: 40px;
		width: 40px;
		font-size: 16px;
	}
	.entry-under-bar .play-video, .hide-video { padding: 0 10px 0 35px; font-size: 14px; width: auto; }
		.entry-under-bar .play-video i, .hide-video i { line-height: 40px; left: 15px; }
		
	/* Comments */
	.post-comments #comments-title { padding: 14px 20px 18px 20px; }
	.post-comments .leave-a-comment-button { display: none; }
	ol.comment-list li .comment-by-author-label { display: none; }
	ol.comment-list li .comment-author img { width: 40px; height: 40px; margin: -3px 10px 0 0; }
	ol.comment-list li .comment-author, 
	ol.comment-list li .comment-author cite { font-size: 16px; }
	ol.comment-list li .comment-meta { font-size: 11px; }
		ol.comment-list li ol { margin: 0 0 0 10px; }
	
	/* Audio */
	.audio-player-wrapper { margin-left: -10px; margin-right: -10px; }
	.audio-player-wrapper .mejs-container .mejs-controls { padding-right: 20px; padding-left: 90px; }
	.audio-player-wrapper .mejs-container .mejs-controls .mejs-volume-button { display: none; }
	.audio-player-wrapper .mejs-container .mejs-controls .mejs-time { display: none; }
	
	/* Video */
	.video-wrapper { height: 200px; }
	.hide-video { margin-top: 35px; margin-bottom: 5px; }
	
	/* Portfolio */
	.entry .portfolio-filter ul li a, .entry .portfolio-filter ul li span { font-size: 13px; }
	
	/* Sidebar */
	#sidebar .widget { padding: 0 0 10px 0; }
		
		
}