/* ---------- Medium Monitor (Note: Design for a width less than 1440px) ---------- */
@media only screen and (min-width: 1440px) {
	#navigation > li:first-child a {
		padding: 9px 12px 10px;
	}
}


@media only screen and (max-width: 1439px) {
	
	.header_inner,  
	#middle, 
	.bottom_inner, 
	.footer_inner {width:940px;}
	
	#navigation > li {margin:4px 1px 0;}
	
	#navigation > li > a {
		font-size:15px;
		padding:6px 8px 7px;
	}
	
	#navigation > li.current-menu-ancestor > a, 
	#navigation > li.current_page_item > a, 
	#navigation > li:hover > a	{
		font-size:15px;
		padding:6px 8px 7px;
	}
	
	.tabs li {height:48px;}
	
	.tour li.current span {top:6px;}
	
}


/* ---------- Small Monitor (Note: Design for a width less than 1152px) ---------- */

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

	input[type="text"], 
	textarea {
		line-height:18px;
		height:18px;
	}
	
	#top {
		padding:0 50px;
		margin:-40px -50px 0;
	}
	
	a.cmsms_prev_slide, 
	a.cmsms_next_slide {
		width:20px;
		height:40px;
		margin-top:-20px;
		opacity:.2;
	}
	
	a.cmsms_prev_slide {
		background-position:0 -190px;
		margin-left:-45px;
	}
	
	a.cmsms_next_slide {
		background-position:30px -150px;
		margin-right:-45px;
	}

}


/* ---------- Small Monitor (Note: Design for a width less than 1024px) ---------- */

@media only screen and (max-width: 1023px) {
	
	#middle, 
	.header_inner,  
	.bottom_inner, 
	.footer_inner {
		width:90%;
		margin:0 5%;
	}
	
	#middle_content .share_posts, 
	#middle_content .related_posts, 
	#middle_content #comments, 
	#middle_content #commentform, 
	#middle_content .about_author {width:100%;}
	
}

/* ---------- iPads (Portrait) ---------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
	.header_inner {
		padding-bottom:0px;
	}
} 

/* ---------- Tablet Portrait (Note: Design for a width more than 767px but less than 1024px) ---------- */

@media only screen and (min-width: 767px) and (max-width: 1023px) and (orientation : portrait) {
	
	input[type="text"], 
	textarea {width:93%;}
	
	#header nav {
		text-align:center;
		margin:30px 0;
		position:relative;
		top:auto;
		right:auto;
	}
	
	#navigation > li {margin:4px -2px 0;}
	
	#navigation > li > a {
		font-size:14px;
		padding:6px 6px 7px;
	}
	
	#navigation > li.current-menu-ancestor > a, 
	#navigation > li.current_page_item > a, 
	#navigation > li:hover > a	{
		font-size:14px;
		padding:5px 6px;
	}

    #header .header_inner {text-align:center; height: 200px;}
	
	#header.header_small .header_inner {padding-bottom:10px;}
	
	#navigation a {text-align:center;}
	
	.logo {
		display:inline-block;
		margin-top:0px;
		position:relative;
		left:17%;
		width:62%;
	}
	
	
	.comment-body .ovh {overflow:visible;}
	
	.comment-body .name, 
	.comment-body .comment-reply-link {float:none;}
	
	.commentlist .published {
		float:left;
		margin-left:0;
	}
	
}


@media only screen and (min-width: 851px) and (max-width: 1035px) {
	#navigation li a {
		font-size: 13px !important;
		padding: 5px 6px 6px !important;
	}
}

@media only screen and (min-width: 541px) and (max-width: 850px) {
	#navigation li a {
		font-size: 10px !important;
	}
}

@media only screen and (min-width: 541px) and (max-width: 710px) {
	#navigation {display:none;}
	
	select#resp_navigation {
		display:block;
		margin-top:11px;
	}
}

/* ---------- Small Tablet (Note: Design for a width more than 540px but less than 768px) ---------- */

@media only screen and (min-width: 541px) and (max-width: 767px) {
	
	#navigation > li {margin:4px 0px 0;}
	
	.one_fourth, 
	.one_fourth+.one_fourth+.one_fourth, 
	.portfolio_container.four_blocks .portfolio:nth-child(odd), 
	.format-album.four_blocks .cmsms_media .cmsms_media_box:nth-child(odd),
	.post_type_shortcode.four_blocks article:nth-child(odd),
	.cms_archive > li:nth-child(odd),  
	.sitemap_category > li:nth-child(odd), 
	.sitemap > li > ul > li:nth-child(odd) {
		width:48%;
		float:left;
		padding-right:4%;
	}
	
	.one_fourth.last, 
	.one_fourth+.one_fourth, 
	.one_fourth+.one_fourth+.one_fourth+.one_fourth, 
	.portfolio_container.four_blocks .portfolio:nth-child(even),  
	.format-album.four_blocks .cmsms_media .cmsms_media_box:nth-child(even), 
	.post_type_shortcode.four_blocks article:nth-child(even), 
	.cms_archive > li:nth-child(even), 
	.sitemap_category > li:nth-child(even), 
	.sitemap > li > ul > li:nth-child(even) {
		width:48%;
		float:right;
		padding-right:0;
	}
	
	.portfolio_container.four_blocks, 
	.post_type_shortcode.four_blocks {margin-right:0;}
	
}


/* ---------- Mobile (Note: Design for a width more than 400 less than 541px) ---------- */

@media only screen and (min-width: 400px) and (max-width: 540px) {
	
	#page, 
	#footer {min-width:240px;}
	
	#header nav {
		text-align:left;
		margin:30px 0;
		position:relative;
		top:auto;
		right:auto;
	}
	
	.commentlist ul {padding-left:15px;}
	
	.portfolio_container.four_blocks {margin-right:0;}
	
	#footer {
		height:60px;
		margin-top:-130px;
	}
	
	.container {padding-bottom:130px;}
	
}


/* ---------- Small Tablet & Mobile (Note: Design for a width less than 768px) ---------- */

@media only screen and (max-width: 767px) {
	#header .header_inner { 
		padding-bottom: 25px;
	} 
	
	#header a.logo, 
	#header nav { 
		top : auto !important;
	} 
	
	.cmsms_slider_timer {display:none;}
	
	#top ul.cmsms_slides_nav {
		padding:5px 0;
		-webkit-transition:padding .5s ease-in-out;
		-moz-transition:padding .3s ease-in-out;
		-ms-transition:padding .3s ease-in-out;
		-o-transition:padding .3s ease-in-out;
		transition:padding .3s ease-in-out;
	}
	
	.content_wrap {background:none;}
	
	#content, 
	#sidebar {
		width:100%;
		float:none;
		padding:20px 0;
	}
	
	#sidebar {background:url(images/divider.png) repeat-x 0 0;}
	
	.portfolio_container.three_blocks, 
	.portfolio_container.one_blocks {margin-right:0;}
	
	.one_half, 
	.one_half.last, 
	.one_third, 
	.one_third.last, 
	.two_third, 
	.two_third.last, 
	.three_fourth, 
	.three_fourth.last, 
	.three_fourth+.one_fourth, 
	.one_fourth+.one_half+.one_fourth, 
	.portfolio_container.three_blocks .portfolio, 
	.format-album.two_blocks .cmsms_media .cmsms_media_box, 
	.format-album.three_blocks .cmsms_media .cmsms_media_box {
		width:100%;
		float:none;
		padding-right:0;
	}
	
	.header_inner {text-align:center;}
	
	#header.header_small .header_inner {padding-bottom:10px;}
	
	#navigation a {text-align:left;}
	
	.logo {
		display:inline-block;
		margin-top:20px;
		position:relative;
		left:22%;
		width:60%;
	}
	
	#header .header-inner {
		padding-bottom: 45px;
	}
	
	#header nav {
		position:relative;
		top:auto;
		right:auto;
		margin-top:6px;
	}
	
	.widget_custom_flickr_entries .flickr_badge_image, 
	.adv_widget_image {padding:0 4% 4% 0;}
	
	.widget_custom_flickr_entries .flickr_badge_image:last-child {padding-right:0;}
	
	.tabs li a {padding:10px 15px;}
	
	.tour_box, 
	.tour {
		width:100%;
		float:none;
	}
	
	.social_list_title, 
	#footer .social_list, 
	#footer .fr {float:none;}
	
	#footer .social_list {margin-left:0;}
	
	.footer_inner, 
	.footer_inner .fr {text-align:center;}
	
}


/* ---------- Mobile (Note: Design for a width less than 541px) ---------- */

@media only screen and (max-width: 540px) {
	
	#navigation {display:none;}
	
	select#resp_navigation {
		display:block;
		margin-top:11px;
	}
	
	div.jp-video div.jp-current-time, 
	div.jp-audio div.jp-current-time, 
	div.jp-video div.jp-time-sep, 
	div.jp-audio div.jp-time-sep, 
	div.jp-video div.jp-duration, 
	div.jp-audio div.jp-duration {display:none;}
	
	.one_fourth, 
	.one_fourth.last,  
	.one_fourth+.one_fourth, 
	.one_fourth+.one_fourth+.one_fourth, 
	.one_fourth+.one_fourth+.one_fourth+.one_fourth, 
	.portfolio_container.two_blocks .portfolio, 
	.portfolio_container.four_blocks .portfolio:nth-child(odd), 
	.portfolio_container.four_blocks .portfolio:nth-child(even), 
	.format-album.four_blocks .cmsms_media .cmsms_media_box:nth-child(odd), 
	.format-album.four_blocks .cmsms_media .cmsms_media_box:nth-child(even), 
	.post_type_shortcode.four_blocks article:nth-child(odd), 
	.post_type_shortcode.four_blocks article:nth-child(even),
	.cms_archive > li:nth-child(odd), 
	.cms_archive > li:nth-child(even), 
	.sitemap_category > li:nth-child(odd), 
	.sitemap_category > li:nth-child(even), 
	.sitemap > li > ul > li:nth-child(odd),
	.sitemap > li > ul > li:nth-child(even) {
		width:100%;
		float:none;
		padding-right:0;
	}
	
	input[type="text"], 
	textarea, 
	#commentform input[type="text"], 
	#commentform textarea{width:90%;}
	
	.post_type_shortcode.four_blocks, 
	.post_type_shortcode.two_blocks, 
	.portfolio_container.two_blocks .portfolio {margin-right:0;}
	
	.comment-body .ovh {overflow:visible;}
	
	.comment-body .name, 
	.comment-body .comment-reply-link {float:none;}
	
	.commentlist .published {
		float:left;
		margin-left:0;
	}
	
	.commentlist ul {padding-left:10px;}
	
	.pj_sort {padding-top:110px;}
	
	.p_options_block {
		right:auto;
		left:10px;
	}
	
	.p_sort {
		float:none;
		overflow:hidden;
		margin-bottom:10px;
	}
	
	div.p_filter	{float:left;}
	
	.tabs li {
		height:auto;
		float:none;
		margin-right:0;
	}
	
	.tabs li a.current {
		margin:0 0 2px;
		padding-bottom:10px;
	}
	
	.tabs li a {
		margin:0 0 2px 20px;
		padding:10px 15px;
	}
	
	.cmsms-form-builder .cmsms_input {width:100%;}
	.logo {
		display:inline-block;
		margin-top:20px;
		position:relative;
		left:33%;
		width:77%;
	}
}


/* ---------- Mobile (Note: Design for a width less than 401) ---------- */

@media only screen and (max-width: 400px) {
	
	.portfolio_container.four_blocks {margin-right:0;}
	
	.related_posts ul li {float:none;}
	
	.related_posts ul li a {
		display:block;
		margin:0 0 0 20px;
		-webkit-transition:margin .2s ease-in-out;
		-moz-transition:margin .2s ease-in-out;
		-ms-transition:margin .2s ease-in-out;
		-o-transition:margin .2s ease-in-out;
		transition:margin .2s ease-in-out;
	}
	
	.related_posts ul li a.current {margin-left:0;}
	.logo {
		display:inline-block;
		margin-top:20px;
		position:relative;
		left:40%;
		width:84%;
	}
}

/* ---------- Mobile (Note: Design for a width less than 301) ---------- */

@media only screen and (max-width: 300px) {
	
	.portfolio_container.four_blocks {margin-right:0;}
	
	.related_posts ul li {float:none;}
	
	.related_posts ul li a {
		display:block;
		margin:0 0 0 20px;
		-webkit-transition:margin .2s ease-in-out;
		-moz-transition:margin .2s ease-in-out;
		-ms-transition:margin .2s ease-in-out;
		-o-transition:margin .2s ease-in-out;
		transition:margin .2s ease-in-out;
	}
	
	.related_posts ul li a.current {margin-left:0;}
	.logo {
		display:inline-block;
		margin-top:20px;
		position:relative;
		left:0;
		margin-left:0px;
		width:88%;
	}
}