/**
 * @package WordPress
 * @subpackage Increase
 * @since Increase 1.0.2
 * 
 * Responsive Design CSS Rules
 * Created by CMSMasters
 * 
 */


/* ---------- Large Monitor (Note: Design for a width more than 1440px) ---------- */ 

@media only screen and (min-width: 1440px) {
	
	#page {width:1220px;}
	
	#header nav.navi_scrolled {width:1160px;}
	
	.pj_options_block {right:60px;}
	
	.p_options_block,
	.p_options_loader {right:60px;}
	
	#sidebar .widget_custom_flickr_entries .flickr_badge_image:nth-child(3n+1) {padding-right:0;}
	
	.post_type_shortcode article .project_rollover:before {height:10px;}
	
	.post_type_shortcode article .project_rollover {padding:11px 20px 9px 17px;}
	
	.post_type_shortcode article .project_rollover .cmsms_post_format_img {top:15px;}
	
	.portfolio.three_columns .portfolio_inner .project_rollover .entry-meta, 
	.portfolio.two_columns .portfolio_inner .project_rollover .entry-meta {padding:8px 0 0;}
	
	.portfolio.one_column .portfolio_inner .project_rollover .entry-meta {padding:10px 0 0;}
	
}
	
	
/* ---------- Tablet Portrait (Note: Design for a width more than 950px but less than 1024px) ---------- */

@media only screen and (min-width: 950px) and (max-width: 1024px) {

	.one_fourth .cmsms_pricing_table .cmsms_price_outer > div {padding:12px 40px 12px 10px;}
	
	.post_type_shortcode h3 {padding:0 8% 0 2%;}

	.related_posts .one_half {width:48%;}
	
	.portfolio_inner .project_rollover, 
	.portfolio_inner .project_rollover.cmsms_with_out_thumb {padding-top:5px;}
	
	.portfolio.four_columns .project_rollover .cmsms_post_format_img  {
		top:10px;
		right:10px;
	}
	
	.portfolio.three_columns .portfolio_inner .project_rollover {padding-top:10px;}
	
	.portfolio.three_columns .portfolio_inner .project_rollover .cmsms_post_format_img {top:17px;}
	
	.portfolio.three_columns .portfolio_inner .project_rollover .entry-header {margin:3px 25px 0 0;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover {padding-top:10px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover {padding-top:13px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover .cmsms_post_format_img {top:17px;}
	
	.portfolio.one_column .portfolio_inner .project_rollover .entry-meta {margin-top:10px;}

}


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

@media only screen and (min-width: 769px) and (max-width: 1024px) {

	#content {width:64%;}
	
	#sidebar {width:30%;}
	
	.content_wrap.r_sidebar:before {
		right:auto;
		left:67%;
	}
	
	.content_wrap.l_sidebar:before {
		right:auto;
		left:33%;
	}

}


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

@media only screen and (min-width: 769px) and (max-width: 1023px) {
	
	.cmsms_pricing_table .cmsms_price_outer > div {padding:12px 43px 12px 10px;}
	
	.one_third .cmsms_pricing_table .cmsms_price_outer > div {padding:12px 43px 12px 10px;}
	
	.cmsms_pricing_table .title, 
	.one_fourth .cmsms_pricing_table .title, 
	.one_fifth .cmsms_pricing_table .title, 
	.one_sixth .cmsms_pricing_table .title {font-size:1.538em;}
 
	.one_fourth .cmsms_pricing_table .currency, 
	.one_fourth .cmsms_pricing_table .price, 
	.one_fourth .cmsms_pricing_table .coins {font-size:2.1em;}
	
	.one_fifth .cmsms_pricing_table .currency, 
	.one_fifth .cmsms_pricing_table .price, 
	.one_fifth .cmsms_pricing_table .coins {font-size:1.9em;}
	
	.one_third .cmsms_pricing_table .cmsms_currency, 
	.one_third .cmsms_pricing_table .price, 
	.one_third .cmsms_pricing_table .coins {font-size:3.1em;}
	
	.one_half .cmsms_pricing_table .title {font-size:2.25em;}
	
	.one_half .cmsms_pricing_table .cmsms_currency, 
	.one_half .cmsms_pricing_table .price, 
	.one_half .cmsms_pricing_table .coins {font-size:3.8em;}
	
	.one_half .cmsms_pricing_table .period {font-size:1.5em;}
	
	.content_wrap.r_sidebar .cmsms_info, 
	.content_wrap.l_sidebar .cmsms_info {
		float:none;
		overflow:hidden;
		padding-bottom:10px;
		width:100%;
	}

	.content_wrap.r_sidebar .cmsms_info .published, 
	.content_wrap.l_sidebar .cmsms_info .published {
		float:left;
		height:48px;
		margin:0 0 3px 1px;
		width:99px;
	}

	.content_wrap.r_sidebar .cmsms_post_format_img, 
	.content_wrap.l_sidebar .cmsms_post_format_img {margin:0 3px 0 3px;}

	.content_wrap.r_sidebar .cmsms_info .cmsms_like, 
	.content_wrap.l_sidebar .cmsms_info .cmsms_like {
		float:left;
		height:48px;
		width:48px;
	}
	
	.content_wrap.r_sidebar .blog.opened-article, 
	.content_wrap.l_sidebar .blog.opened-article {padding-left:0;}
	
	.content_wrap.r_sidebar .blog.opened-article .post, 
	.content_wrap.l_sidebar .blog.opened-article .post {margin-left:0;}
	
	.cmsms_pricing_table .cmsms_price_outer > div {padding:12px 43px 12px 10px;}
	
	.one_third .cmsms_pricing_table .cmsms_price_outer > div {padding:12px 43px 12px 10px;}
	
	.portfolio.three_columns .portfolio_inner .project_rollover .entry-meta, 
	.portfolio.two_columns .portfolio_inner .project_rollover .entry-meta, 
	.portfolio.one_column .portfolio_inner .project_rollover .entry-meta {padding:0;}
	
}


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

@media only screen and (min-width: 769px) and (max-width: 950px) {
	
	#navigation > li > a > span {min-width:100px;}
	
	.post_type_shortcode h3 {padding:0 11% 0 2%;}
	
	.post_type_shortcode article .project_rollover, 
	.portfolio_inner .project_rollover {padding-top:4px;}
	
	.post_type_shortcode article .project_rollover .cmsms_post_format_img, 
	.portfolio_inner .project_rollover .cmsms_post_format_img {
		right:8px;
		top:7px;
	}
	
	.post_type_shortcode article .project_rollover:before, 
	.portfolio_inner .project_rollover:before {height:5px;}
	
	.project_rollover .entry-header, 
	.project_rollover .entry-meta {margin-right:20px;}
	
	.project_rollover .entry-header h6 {margin-bottom:-1px;}
	
	.project_rollover .entry-content {margin-top:20px;}
	
	.one_fifth .cmsms_pricing_table .cmsms_price_outer > div, 
	.one_sixth .cmsms_pricing_table .cmsms_price_outer > div {padding:12px 40px 12px 5px;}
	
	.portfolio.three_columns .portfolio_inner .project_rollover {padding-top:10px;}
	
	.portfolio.three_columns .portfolio_inner .project_rollover .cmsms_post_format_img {top:13px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover {padding-top:10px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover .cmsms_post_format_img {top:12px;}

	.portfolio.one_column .portfolio_inner .project_rollover .entry-meta {padding-top:10px;}
	
	.portfolio.one_column .portfolio_inner .project_rollover .entry-meta {padding:3px 0 0;}

}


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

@media only screen and (min-width: 600px) and (max-width: 768px) {
	
	.related_posts .one_half {
		width:46%;
		float:left;
	}

}


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

@media only screen and (min-width: 541px) and (max-width: 768px) {
	
	.one_fourth {
		width:46%;
		float:left;
	}
	
	.one_fourth:nth-child(odd) {
		float:left;
		padding-left:0;
		padding-right:0;
		margin-left:2%;
		margin-right:0;
		width:46%;
	}
	
	.one_fourth:nth-child(even) {
		float:right;
		padding-left:0;
		padding-right:0;
		margin-right:2%;
		margin-left:0;
		width:46%;
	}
	
	.one_fourth:nth-child(2n+1):before {
		content:'';
		clear:both;
	}
	
	.portfolio.four_columns .project:nth-child(odd), 
	.format-album.cmsms_four .resize figure:nth-child(odd),
	.post_type_shortcode.four_columns article:nth-child(odd),
	.cmsms_sitemap_archive li:nth-child(odd),  
	.cmsms_sitemap > li > ul > li:nth-child(odd) {
		float:left;
		padding-right:4%;
		width:48%;
	}
	
	.portfolio.four_columns .project:nth-child(even),  
	.format-album.cmsms_four .resize figure:nth-child(even), 
	.post_type_shortcode.four_columns article:nth-child(even), 
	.cmsms_sitemap_archive li:nth-child(even), 
	.cmsms_sitemap > li > ul > li:nth-child(even) {
		float:right;
		padding-right:0;
		width:48%;
	}
	
	.portfolio.four_columns, 
	.post_type_shortcode.four_columns {margin-right:0;}
	
	.post_type_shortcode h3 {padding:0 15% 0 2%;}
	
}


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

@media only screen and (max-width: 1151px) {
	
	#page {width:94%;} 
	
	#header nav.navi_scrolled {
		width:88%;
		left:6%;
	}

}


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

@media only screen and (max-width: 1024px) {
	
	#slide_top {right:6px;}
	
	#header {
		padding:0;
		overflow:hidden;
		min-height:100px !important;
		height:auto !important;
	}

	#header > .header_inner {
		min-height:auto !important;
		height:auto !important;
	}
	
	#header nav.navi_scrolled {
		position:relative;
		top:auto;
		left:auto;
		right:auto;
		width:100%;
	}
	
	#header nav {
		top:auto;
		right:auto;
		display:block;
		position:relative;
	}
	
	#header nav.navi_scrolled.h_mt {margin-top:0px;}
	
	#header .header_html {
		position:relative;
		right:auto !important;
		top:auto !important;
		padding-top:15px;
	}
	
	.logo {
		position:relative;
		top:auto !important;
		left:auto;
		margin:14px 0 0 30px;
		float:left;
	}

	.custom_header {
		float:none;
		height:auto;
		overflow:hidden;
		position:relative;
		margin:0 auto;
		width:90%;
	}

	.wrap_social_icons {
		position:relative;
		right:0;
		top:0 !important;
		z-index:300;
		width:100%;
	}

	.wrap_social_icons ul {
		display:none;
		overflow:hidden;
		margin:20px auto 0;
		padding:0 5% 1px;
		width:90%;
		text-align:center;
	}

	.social_toggle {display:block;}
	
	.responsive_nav {
		position:relative;
		display:block;
		float:right;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin:29px 30px 10px 0;
		width:48px;
		height:38px;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
	}
	
	.responsive_nav:before {
		position:absolute;
		bottom:0;
		left:9%;
		z-index:0;
		width:82%;
		height:1px;
		box-shadow:0 1px 2px rgba(0, 0, 0, 0.4);
		content:"";
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
	}
	
	.responsive_nav:hover:before, 
	.responsive_nav.active:before {
		height:1px;
		opacity:0;
		filter:alpha(opacity=0);
		content:"";
	}
	
	.responsive_nav span {
		display:block;
		width:45x;
		height:38px;
		position:relative;
		background-image:url(../img/resp_nav_but_bg.png);
		background-position:50% 12px;
		background-repeat:no-repeat;
		-webkit-transition:all .3s ease-in-out;
		-moz-transition:all .3s ease-in-out;
		-ms-transition:all .3s ease-in-out;
		-o-transition:all .3s ease-in-out;
		transition:all .3s ease-in-out;
	}
	
	.responsive_nav:hover span,
	.responsive_nav.active span {
		background-color:#e5e5e5;
		background-color:rgba(0, 0, 0, .1);
	}
	
	#header nav {
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	
	#navigation {
		position:relative;
		display:none;
		overflow:hidden;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin:0 0 30px 0;
		width:100%;
		height:auto;
	}
	
	#navigation li:before, 
	#navigation li ul li:before	{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:1px;
		background-color:#e5e5e5;
		background-color:rgba(0, 0, 0, .08);
		content:"";
	}
	
	#header nav:before {
		display:none;
		content:none;
	}

	#navigation > li:hover {top:auto;}

	#navigation a {display:block;}

	#navigation > li > a {padding:0 0 0 30px;}
	
	#header nav {
		position:relative;
		top:auto !important;
		right:auto;
		margin:0;
		padding:25px 0 0 0;
		background:none;
		text-align:left;
	}
	
	#navigation > li {float:none;}
	
	#navigation > li > a > span {
		padding:11px 0 11px 0;
		width:100%;
		height:18px;
		text-align:left;
		line-height:18px;
	}
	
	#navigation li.dropdown > a > span:before {
		position:absolute;
		top:17px;
		right:29px;
		width:7px;
		height:9px;
		background:url(../img/resp_nav_arrow.png) no-repeat right top;
		content:'';
		-webkit-transition:background-position .3s ease-in-out, left .3s ease-in-out, top .3s ease-in-out;
		-moz-transition:background-position .3s ease-in-out, left .3s ease-in-out, top .3s ease-in-out;
		-ms-transition:background-position .3s ease-in-out, left .3s ease-in-out, top .3s ease-in-out;
		-o-transition:background-position .3s ease-in-out, left .3s ease-in-out, top .3s ease-in-out;
		transition:background-position .3s ease-in-out, left .3s ease-in-out, top .3s ease-in-out;
	}
	
	#navigation > li.dropdown > a:hover span:before, 
	#navigation li.current-menu-ancestor > a span:before, 
	#navigation > li.dropdown:hover > a span:before {background-position:left top;}

	#navigation li.dropdown li a:hover span:before, 
	#navigation ul > li.current-menu-ancestor.dropdown span:before {background:url(../img/resp_nav_arrow.png) no-repeat right top;}
	
	#navigation ul {
		position:relative;
		top:auto;
		left:auto;
		display:none;
		visibility:visible;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin:0;
		padding:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		background:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		opacity:1;
		filter:alpha(opacity=100);
		-webkit-transition:none;
		-moz-transition:none;
		-ms-transition:none;
		-o-transition:none;
		transition:none;
	}

	#navigation ul ul {
		top:auto;
		left:auto;
		margin:0;
		background:none;
	}

	#navigation ul li:hover > ul {margin:0;}

	#navigation ul ul:before {
		display:none;
		content:none;
	}
	
	#navigation ul li:before {
		position:absolute;
		top:0;
		left:0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:100%;
		height:1px;
		background:rgba(0, 0, 0, .08);
		content:'';
	}
	
	#navigation ul li {background:#ffffff;}
	
	#navigation ul li a {
		padding:0 10px 0 30px;
		min-width:auto;
		min-height:40px;
		-webkit-transition:background-color .3s ease-in;
		-moz-transition:background-color .3s ease-in;
		-ms-transition:background-color .3s ease-in;
		-o-transition:background-color .3s ease-in;
		transition:background-color .3s ease-in;
	}
	
	#navigation li.dropdown ul li{background-color:#ffffff;}
	
	#navigation li.dropdown ul li:hover, 
	#navigation li ul li.current-menu-ancestor , 
	#navigation ul li.current-menu-ancestor > a {background-color:#fdfdfd;}
	
	#navigation ul ul li a {padding-left:60px;}
	
	#navigation ul ul ul li a {padding-left:90px;}
	
	#navigation ul li.current_page_ancestor > a,
	#navigation ul li.current-menu-ancestor > a {
		background-color:rgba(255, 255, 255, 1);
		-webkit-transition:background-color 0.01s;
		-moz-transition:background-color 0.01s;
		-ms-transition:background-color 0.01s;
		-o-transition:background-color 0.01s;
		transition:background-color 0.01s;
	}
	
	#navigation ul li a span {
		display:block;
		padding:12px 45px 10px 30px;
		white-space:normal;
	}

}


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

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

	.widget_custom_popular_entries li .ovh {overflow:visible;}
	
	#middle_content .commentlist, 
	#middle_content #commentform > p {width:100%;}
	
	.one_fourth .tabs > li.current a span {padding:9px 10px;}
	
	.one_fourth .tabs > li a span {text-align:left;}
	
	.one_fourth .tabs > li {
		display:block;
		list-style:none;
	}
	
	.one_fourth .tabs > li.current:first-child a {margin:0 0 -1px;}
	
	.one_fourth .tabs > li a,
	.one_fourth .tabs > li:first-child a {
		margin:0 0 -1px 10px;
		border:1px solid #edecec;
		-webkit-transition:margin-left .3s ease-in-out;
		-moz-transition:margin-left .3s ease-in-out;
		-ms-transition:margin-left .3s ease-in-out;
		-o-transition:margin-left .3s ease-in-out;
		transition:margin-left .3s ease-in-out;
	}
	
	.one_fourth .tabs > li.current a {margin-left:0;}
	
	.one_fourth .tabs > li.current a:before {
		right:-20px;
		bottom:0;
		left:auto;
		width:20px;
		height:100%;
	}
	
	.one_fourth .tab .tab_content {border:1px solid #ebecec;}
	
	.one_fourth .widget_custom_posts_tabs_entries .tabs > li {width:100%;}
	
	.two_fifth .colored_button,
	.one_fourth .colored_button,
	.one_third .colored_button,
	.two_fifth .colored_title,
	.one_fourth .colored_title,
	.one_third .colored_title {display:block;}
	
	.two_fifth .colored_button,
	.one_fourth .colored_button,
	.one_third .colored_button {padding:15px 30px;}

}


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

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

	.portfolio.four_columns, 
	.portfolio.three_columns {margin-right:-4%;}

	.post_type_shortcode article .project_rollover, 
	.portfolio_inner .project_rollover, 
	.post_type_shortcode article .project_rollover.cmsms_with_out_thumb, 
	.portfolio_inner .project_rollover.cmsms_with_out_thumb {padding-top:25px;}	
	
	.content_wrap.r_sidebar .post_type_shortcode article .project_rollover, 
	.content_wrap.r_sidebar .portfolio_inner .project_rollover, 
	.content_wrap.l_sidebar .post_type_shortcode article .project_rollover, 
	.content_wrap.l_sidebar .portfolio_inner .project_rollover {padding-top:5%;}
	
	.portfolio.three_columns .portfolio_inner .project_rollover {padding-top:15px;}
	
	.portfolio.three_columns .portfolio_inner .project_rollover .cmsms_post_format_img {top:17px;}

	.portfolio.two_columns .portfolio_inner .project_rollover {padding-top:5px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover .cmsms_post_format_img {top:10px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover .entry-header {margin:0 25px 0 0;}

	.portfolio.two_columns .portfolio_inner .project_rollover .entry-meta {padding-top:0;}
	
	.post_type_shortcode article .project_rollover:before {height:10px;}
	
	.content_wrap.r_sidebar .post_type_shortcode article .project_rollover:before, 
	.content_wrap.l_sidebar .post_type_shortcode article .project_rollover:before {height:1px;}
	
	.post_type_shortcode article .project_rollover .cmsms_post_format_img {top:25px;}
	
	.content_wrap.r_sidebar .post_type_shortcode article .project_rollover .cmsms_post_format_img, 
	.content_wrap.l_sidebar .post_type_shortcode article .project_rollover .cmsms_post_format_img {top:15px;}
	
	.portfolio.four_columns .project:nth-child(odd), 
	.portfolio.three_columns .project:nth-child(odd), 
	.format-album.cmsms_four .resize figure:nth-child(odd),
	.cmsms_sitemap_archive li:nth-child(odd),  
	.cmsms_sitemap > li > ul > li:nth-child(odd) {
		padding-right:4%;
		width:46%;
	}
	
	.portfolio.four_columns .project:nth-child(even),  
	.portfolio.three_columns .project:nth-child(even),  
	.format-album.cmsms_four .resize figure:nth-child(even), 
	.cmsms_sitemap_archive li:nth-child(even), 
	.cmsms_sitemap > li > ul > li:nth-child(even) {
		padding-right:4%;
		width:46%;
	}
	
	.post_type_shortcode article.post:nth-child(odd),
	.post_type_shortcode article.post:nth-child(even), 
	.post_type_shortcode article.project:nth-child(odd),
	.post_type_shortcode article.project:nth-child(even) {width:46%;}
	
	.content_wrap.r_sidebar .post_type_shortcode article.post:nth-child(odd),
	.content_wrap.r_sidebar .post_type_shortcode article.post:nth-child(even), 
	.content_wrap.r_sidebar .post_type_shortcode article.project:nth-child(odd),
	.content_wrap.r_sidebar .post_type_shortcode article.project:nth-child(even), 
	.content_wrap.l_sidebar .post_type_shortcode article.post:nth-child(odd),
	.content_wrap.l_sidebar .post_type_shortcode article.post:nth-child(even), 
	.content_wrap.l_sidebar .post_type_shortcode article.project:nth-child(odd),
	.content_wrap.l_sidebar .post_type_shortcode article.project:nth-child(even) {
		width:46%;
		float:left;
		margin-bottom:20px;
	}

}


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

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

	.portfolio.four_columns, 
	.portfolio.three_columns {margin-right:-4%;}

	.post_type_shortcode article .project_rollover, 
	.portfolio_inner .project_rollover, 
	.post_type_shortcode article .project_rollover.cmsms_with_out_thumb, 
	.portfolio_inner .project_rollover.cmsms_with_out_thumb {padding-top:7%;}
	
	.portfolio.three_columns .portfolio_inner .project_rollover {padding-top:15px;}
	
	.portfolio.three_columns .portfolio_inner .project_rollover .cmsms_post_format_img {top:17px;}

	.portfolio.two_columns .portfolio_inner .project_rollover {padding-top:5px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover .cmsms_post_format_img {top:10px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover .entry-header {margin:0 25px 0 0;}

	.portfolio.two_columns .portfolio_inner .project_rollover .entry-meta {padding-top:0;}
	
	.post_type_shortcode article .project_rollover:before {height:10px;}
	
	.post_type_shortcode article .project_rollover .cmsms_post_format_img, 
	.project_rollover .cmsms_post_format_img, 
	.portfolio.three_columns .portfolio_inner .project_rollover .cmsms_post_format_img {top:20px;}
	
	#footer {
		text-align:center;
		padding-top:20px;
	}
	
	.footer_nav {float:none;}
	
	#footer .social_icons {
		display:inline-block;
		float:none;
	}
	
	.copyright {
		display:block;
		float:none;
		padding:10px 0;
	}
	
	.footer_nav {
		float:none;
		padding:10px 0;
	}
	
}


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

@media only screen and (max-width: 768px) {
	
	#content,
	.content_wrap.l_sidebar #content,
	#sidebar, 
	.content_wrap.l_sidebar #sidebar {
		float:none;
		width:100%;
	}

	.content_wrap.r_sidebar:before, .content_wrap.l_sidebar:before {
		content:none;
		display:none;
	}
	
	.opened-article .project .project_content, 
	.project_sidebar {
		float:none;
		width:100%;
	}
	
	.project_sidebar {padding-bottom:20px;}
	
	.portfolio.three_columns, 
	.portfolio.one_blocks {margin-right:0;}
	
	.cmsms_info {
		float:none;
		overflow:hidden;
		padding-bottom:10px;
		width:100%;
	}

	.cmsms_info .published {
		float:left;
		height:48px;
		margin:0 0 3px 1px;
		width:99px;
	}

	.cmsms_post_format_img {margin:0 3px 0 3px;}

	.cmsms_info .cmsms_like {
		float:left;
		height:48px;
		width:48px;
	}
	
	.colored_button {
		min-height:40px;
		padding:30px;
	}
		
	.post .entry-header .atricle_box {
		display:block;
		margin-top:36px;
	}
	
	.commentlist ul {padding-left:10px;}
	
	.comment-content {overflow:visible;}
	
	.comment-body .fn,
	.comment-body .alignleft{margin-bottom:6px;}
	
	.comment-body .published,
	.comment-body .fn,
	.comment-reply-link,
	#cancel-comment-reply-link {	float:none;}
	
	.error .search_line {width:60%;}
	
	.colored_button,
	.colored_title {display:block;}
	
	.p_options_block {right:auto;}
	
	.p_sort a[name="p_name"], 
	.p_sort a[name="p_date"], 
	div.p_filter {float:left;}
	
	.p_sort{
		display:block;
		float:none;
	}
	
	.tour_content {display:block;}
	
	.blog.opened-article .post {margin-left:0;}
	
	.blog.opened-article {padding:0;}
	
	#content {padding:20px 0 40px;}
	
	#sidebar:before {
		background:none repeat scroll 0 0 rgba(0, 0, 0, .08);
		top:0;
		content:"";
		height:1px;
		left:0;
		margin:0 -30px;
		position:absolute;
		top:0;
		width:150%;
	}
	
	#sidebar {
		padding:40px 0 0;
		overflow:visible;
	}
	
	.widget {
		padding-bottom:35px;
		padding-top:15px;
	}
	
}


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

@media only screen and (max-width: 767px) {
	
	.one_sixth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.five_sixth,
	.one_half, 
	.one_third, 
	.two_third, 
	.three_fourth {
		float:none;
		width:96%;
		margin:0 2% 20px;
	}
	
	.portfolio.three_columns .project, 
	.format-album.cmsms_two .resize figure, 
	.format-album.cmsms_three .resize figure {
		float:none;
		padding-right:0;
		width:100%;
	}
	
	.tour,
	#middle_content .two_third .tour, 
	#middle_content .three_fifth .tour, 
	.content_wrap.r_sidebar .tour, 
	.content_wrap.l_sidebar .tour, 
	.tour_box_content, 
	#middle_content .two_third .tour_box_content, 
	#middle_content .three_fifth .tour_box_content, 
	.content_wrap.r_sidebar .tour_box_content, 
	.content_wrap.l_sidebar .tour_box_content {
		width:100%;
		float:none;
	}
	
	.tour {padding:0 0 20px;}
	
}


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

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

	.portfolio.two_columns .project {
		float:none;
		padding-right:0;
		width:96%;
	}
	
	.post_type_shortcode article .project_rollover, .portfolio_inner .project_rollover {padding-top:5%;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover .entry-header {margin:0 25px 1px 0;}
	
	.portfolio.two_columns .portfolio_inner:hover .project_rollover:before {height:15px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover {padding-top:17px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover .entry-meta {padding-top:3px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover .cmsms_post_format_img {
		right:14px;
		top:18px;
	}
	
}


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

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

	.post_type_shortcode article .project_rollover .cmsms_post_format_img, 
	.project_rollover .cmsms_post_format_img, 
	.portfolio.three_columns .portfolio_inner .project_rollover .cmsms_post_format_img {top:10px;}
	
	.post_type_shortcode article .project_rollover, 
	.portfolio_inner .project_rollover, 
	.portfolio.three_columns .portfolio_inner .project_rollover, 
	.portfolio_inner .project_rollover.cmsms_with_out_thumb, 
	.portfolio.three_columns .portfolio_inner .project_rollover.cmsms_with_out_thumb {padding-top:7px;}
	
	.content_wrap.r_sidebar .post_type_shortcode article .project_rollover:before, 
	.content_wrap.l_sidebar .post_type_shortcode article .project_rollover:before {height:10px;}
	
	.post_type_shortcode article .project_rollover:before {height:10px;}
	
	.portfolio.one_column .portfolio_inner .project_rollover {padding-top:12px;}
	
	.portfolio.one_column .portfolio_inner .project_rollover .cmsms_post_format_img {
		top:14px;
		right:13px;
	}
}


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

@media only screen and (max-width: 540px) {
	
	.responsive_nav {
		position:relative;
		display:block;
		float:none;
		margin:15px auto 10px;
		width:48px;
		height:38px;
	}
	
	.logo {
		float:none;
		margin:20px auto;
	}

	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 {width:96%;}

	.portfolio.four_columns .project:nth-child(odd), 
	.portfolio.four_columns .project:nth-child(even), 
	.portfolio.three_columns .project:nth-child(odd), 
	.portfolio.three_columns .project:nth-child(even), 
	.format-album.cmsms_four .resize figure:nth-child(odd), 
	.format-album.cmsms_four .resize figure:nth-child(even), 
	.cmsms_sitemap_archive li:nth-child(odd),  
	.cmsms_sitemap_archive li:nth-child(even), 
	.cmsms_sitemap > li > ul > li:nth-child(odd),
	.cmsms_sitemap > li > ul > li:nth-child(even),
	.post_type_shortcode article.post:nth-child(2n+1), 
	.post_type_shortcode article.post:nth-child(2n), 
	.post_type_shortcode article.project:nth-child(2n+1), 
	.post_type_shortcode article.project:nth-child(2n), 
	.content_wrap.r_sidebar .post_type_shortcode article.post:nth-child(odd),
	.content_wrap.r_sidebar .post_type_shortcode article.post:nth-child(even), 
	.content_wrap.r_sidebar .post_type_shortcode article.project:nth-child(odd),
	.content_wrap.r_sidebar .post_type_shortcode article.project:nth-child(even), 
	.content_wrap.l_sidebar .post_type_shortcode article.post:nth-child(odd),
	.content_wrap.l_sidebar .post_type_shortcode article.post:nth-child(even), 
	.content_wrap.l_sidebar .post_type_shortcode article.project:nth-child(odd),
	.content_wrap.l_sidebar .post_type_shortcode article.project:nth-child(even) {
		float:none;
		padding-right:0;
		width:100%;
	}
	
	.post_type_shortcode article.post:nth-child(2n+1), 
	.post_type_shortcode article.post:nth-child(2n), 
	.post_type_shortcode article.project:nth-child(2n+1), 
	.post_type_shortcode article.project:nth-child(2n) {
		margin-left:0;
		margin-right:0;
	}

	.post .entry-header .atricle_box_inner {padding:0;}
	
	.tabs li, 
	.tab.lpr .tabs li, 
	.related_posts ul li, 
	.related_posts ul li a {
		width:100%;
		float:none;
		margin:0;
	}

	.cmsms_comments_wrap {
		float:none;
		margin:0;
		line-height:18px;
	}
	
	.post_type_shortcode h3 {padding:0 20% 0 2%;}
	
	.post_type_shortcode article .project_rollover, 
	.portfolio.four_columns .portfolio_inner .project_rollover, 
	.portfolio.three_columns .portfolio_inner .project_rollover {padding:25px 20px 9px 25px;}
	
	.post_type_shortcode article .project_rollover .cmsms_post_format_img, 
	.project_rollover .cmsms_post_format_img, 
	.portfolio.three_columns .portfolio_inner .project_rollover .cmsms_post_format_img {
		right:25px;
		top:25px;
	}
	
	.project_rollover .entry-header, 
	.project_rollover .entry-meta {margin-right:35px;}
	
	.project_rollover .entry-meta, 
	.portfolio.three_columns .portfolio_inner .project_rollover .entry-meta {padding:5px 0 0;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover {padding-top:13px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover .cmsms_post_format_img {top:16px;}
	
	.portfolio.one_column .portfolio_inner .project_rollover {padding-top:8px;}
	
	.portfolio.one_column .portfolio_inner .project_rollover .cmsms_post_format_img {top:11px;}
	
	a.cmsms_comments {
		display:inline-block;
		float:none;
		min-width:auto;
		height:auto;
		background:none;
		line-height:18px;
	}
	
	a.cmsms_comments:before {display:none;}

	.share_posts .fl {margin:5px 0;}
	
	.comment-body .published {padding-left:0;}
	
	.comment-reply-link {margin-bottom:10px;}
	
	.tab_content h1, 
	.tab_content h2, 
	.tab_content h3, 
	.tab_content h4, 
	.tab_content h5, 
	.tab_content h6 {clear:both;}
	
	#commentform label {padding-left:0;}
	
	.error .search_line {width:100%;}
	
	select {width:200px;}
	
	.post_type_shortcode.four_columns, 
	.post_type_shortcode.two_columns, 
	.portfolio.two_columns .project, 
	.portfolio.four_columns	{margin-right:0;}
	
	textarea, 
	select, 
	#contactform input[type="text"], 
	#contactform .cmsms-form-builder, 
	.cmsms-form-builder .cmsms_input,
	#commentform input[type="text"],
	#commentform textarea,
	.cmsms-form-builder input[type="text"] {width:100%;}
	
	#commentform label {
		display:block;
		padding-left:0;
	}
	
	.cmsms_nav_wrap_wrap {display:none;}
	
	.pj_options_loader {right:15px;}
	
	div.pj_filter {float:left;}
		
	.pj_sort {
		float:left;
		padding-bottom:10px;
		padding-right:20px;
	}
	
}


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

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

	.post_type_shortcode article .project_rollover, 
	.portfolio.four_columns .portfolio_inner .project_rollover, 
	.portfolio.three_columns .portfolio_inner .project_rollover {padding:18px 20px 9px 20px;}
	
	.post_type_shortcode article .project_rollover .cmsms_post_format_img, 
	.project_rollover .cmsms_post_format_img, 
	.portfolio.three_columns .portfolio_inner .project_rollover .cmsms_post_format_img {
		right:20px;
		top:20px;
	}
	
	.post_type_shortcode article .project_rollover:before {height:13px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover .entry-meta {padding:0;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover .cmsms_post_format_img {top:10px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover {padding-top:8px;}
	
	.portfolio.one_column .portfolio_inner .project_rollover {padding-top:3px;}
	
	.portfolio.one_column .portfolio_inner .project_rollover .cmsms_post_format_img {top:6px;}
	
}


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

@media only screen and (max-width: 400px) {
	
	.gallery-item {width:100% !important;}
	
	.percent_parent:before {left:34%;}
	
	.percent_item > span {width:32%;}
	
	.percent_item_colored_main_wrap {width:63%;}
	
	.content_wrap:after {width:150%;}
	
	.error h1 {font-size:8em;}
	
	.testimonial .published {
		float:left;
		padding:10px 0;
		width:100%;
	}
	
	.tl_author_img {margin-right:15px;}
	
	.testimonials .testimonial .button, 
	.testimonials .testimonial .button_small {margin-top:10px;}
	
	.comment-body .published {padding-bottom:20px;}
	
	.tp-bullets.simplebullets.round .bullet {margin-top:14%;}
	
	.post_type_shortcode article .project_rollover, 
	.portfolio.four_columns .portfolio_inner .project_rollover, 
	.portfolio.three_columns .portfolio_inner .project_rollover {padding:15px 20px 9px 15px;}
	
	.project_rollover .entry-meta, 
	.portfolio.three_columns .portfolio_inner .project_rollover .entry-meta {padding:0;}
	
	.post_type_shortcode article .project_rollover .cmsms_post_format_img, 
	.project_rollover .cmsms_post_format_img, 
	.portfolio.three_columns .portfolio_inner .project_rollover .cmsms_post_format_img {
		right:13px;
		top:17px;
	}
	
	.portfolio.two_columns .portfolio_inner .project_rollover {padding-top:15px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover .entry-header {margin:0 25px 5px 0;}
	
	.portfolio.two_columns .portfolio_inner:hover .project_rollover:before {height:20px;}
	
	.portfolio.one_column .portfolio_inner .project_rollover:before, 
	.portfolio.one_column .portfolio_inner:hover .project_rollover:before {height:1px;}
	
	.portfolio.one_column .portfolio_inner .project_rollover {padding-top:11px;}
	
	.portfolio.one_column .portfolio_inner .project_rollover .entry-meta {padding-top:1px;}
	
	.portfolio.one_column .portfolio_inner:hover .project_rollover:before {height:15px;}
	
}


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

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

	.post_type_shortcode article .project_rollover:before {height:1px;}
	
	.testimonials .testimonial .button, 
	.testimonials .testimonial .button_small {
		float:left;
		margin-right:10px;
	}
	
	.entry .project_navi {text-align:center;}
	
	.project_navi a[rel="next"], 
	.project_navi a[rel="prev"] {float:none;}
	
	.entry .project_navi a {display:inline-block;}
	
	.post_type_shortcode article .project_rollover, 
	.portfolio.four_columns .portfolio_inner .project_rollover, 
	.portfolio.three_columns .portfolio_inner .project_rollover {padding:15px 20px 10px 20px;}
	
	.post_type_shortcode article .project_rollover .cmsms_post_format_img, 
	.project_rollover .cmsms_post_format_img, 
	.portfolio.three_columns .portfolio_inner .project_rollover .cmsms_post_format_img {top:12px;}
	
	.post_type_shortcode article .project_rollover:before {height:10px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover {padding:10px;}
	
	.portfolio.two_columns .portfolio_inner .project_rollover .cmsms_post_format_img {
		right:7px;
		top:7px;
	}
	
	.portfolio.two_columns .portfolio_inner:hover .project_rollover:before {height:6px;}
	
	.portfolio.one_column .portfolio_inner .project_rollover {padding:7px;}
	
	.portfolio.one_column .portfolio_inner .project_rollover .cmsms_post_format_img {
		right:7px; 
		top:2px;
	}

}


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

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

	.percent_parent:before {left:39%;}
	
	.percent_item > span {width:36%;}
	
	.percent_item_colored_main_wrap {width:57%;}
	
	.percent_item > span {padding-right:7%;}
	
	.cmsms_pricing_table .cmsms_price_outer > div {padding-left:16px;}
	
	.cmsms_pricing_table .currency, 
	.cmsms_pricing_table .price, 
	.cmsms_pricing_table .coins {font-size:42px;}
	
	.testimonials .testimonial .button, 
	.testimonials .testimonial .button_small {margin-top:0;}
	
	.testimonial a.tl_author, 
	.opened-article .testimonial a.tl_author {padding:10px 0 5px;}
	
	.comment-reply-link, 
	.button, 
	.pricing_button, 
	.button, 
	.button_small, 
	.button_medium, 
	.button_large, 
	#cancel-comment-reply-link, 
	#submit, 
	input[type="submit"] {padding:8px 15px 9px;}
	
	.pj_sort > a {margin-bottom:10px;}
	
	.cmsms_info {width:auto;}
	
	.post_type_shortcode article .project_rollover, 
	.portfolio.four_columns .portfolio_inner .project_rollover, 
	.portfolio.three_columns .portfolio_inner .project_rollover {padding:7px 10px 9px;}
	
	.post_type_shortcode article .project_rollover .cmsms_post_format_img, 
	.project_rollover .cmsms_post_format_img, 
	.portfolio.three_columns .portfolio_inner .project_rollover .cmsms_post_format_img {
		top:10px;
		right:8px;
	}
	
	.project_rollover .entry-header, .project_rollover .entry-meta {margin-right:28px;}

}