/**
 * @package WordPress
 * @subpackage Agriculture
 * @since Agriculture 1.0
 * 
 * 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,
	.wrap_head {width:1160px;}
	
	#page .order_details li.method > span {padding:15px 25px;}
	
	.portfolio {margin:0 -0.51%;}
	
}


/* ---------- Tablet Portrait (Note: Design for a width more than 767px but less than 1024px) ---------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	.cmsms-form-builder select {width:70%;}
	
	#sidebar .widget .ovh {overflow:visible;}
	
	.opened-article .project.cmsms_three .resize > figure {
		width:100%;
		float:none;
		padding:0 0 1.2%;
	}
	
	.tab.lpr .tabs li {margin:0;}
	
	.tab.lpr .tab_content ul li > .alignleft {margin-bottom:10px;}
	
	.tab.lpr .tab_content ul li small {clear:both;}
	
	#page .cmsms_product_left_column {width:48.88%;}
	
	#page .cmsms_product_right_column {
		width:51.12%;
		padding:0 5px 0 10px;
	}
	
	#page .product .entry-summary .cart .button {min-width:110px;}
	
	#page .product .product_inner .cmsms_add_to_cart_button, 
	#page .product .product_inner .cmsms_details_button, 
	.woocommerce-tabs .tabs li a {font-size: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: 768px) {
	
	.one_fourth,
	#page .one_fourth_woocommerce .widget.woocommerce {width:49%;}
	
	.one_sixth {width:32.33%;}
	
	.cmsms_sitemap_archive li:nth-child(odd),  
	.cmsms_sitemap > li > ul > li:nth-child(odd) {
		float:left;
		width:49%;
		padding-right:2%;
	}
	
	.cmsms_sitemap_archive li:nth-child(even), 
	.cmsms_sitemap > li > ul > li:nth-child(even) {
		float:right;
		width:49%;
		padding-right:0;
	}
	
	.portfolio.four_columns .project {width:49%;}
	
	.cl_resp, 
	.divider_resp {display:block;}
	
}


/* ---------- Small Monitor (Note: Design for a width less than 1152px) ---------- */

@media only screen and (max-width: 1151px) {
	
	#page,
	.wrap_head {width:90%;}
	
	h1, 
	h2, 
	h3, 
	h4, 
	h5, 
	h6 {word-wrap:break-word;}
	
	#navigation > li > a {width:75px;}
	
	#page .content_wrap.r_sidebar .products .product,
	#page .content_wrap.l_sidebar .products .product {width:49%;}
	
	#page .content_wrap.r_sidebar .products > .product:nth-child(2n+1),
	#page .content_wrap.l_sidebar .products > .product:nth-child(2n+1) {clear:left;}
	
	#page .content_wrap.r_sidebar .products > .product:nth-child(3n+1),
	#page .content_wrap.l_sidebar .products > .product:nth-child(3n+1) {clear:none;}
	
}


/* ---------- Small Monitor (Note: Design for a width less than 1024px) ---------- */

@media only screen and (max-width: 1023px) {

	.header_inner {
		text-align:left;
		height:auto !important;
	}
	
	#page #header > .header_inner > a.logo {
		left:auto;
		top:auto;
	}
	
	.logo {
		display:block;
		float:left;
		margin:50px 0 30px 45px;
		position:relative;
		left:auto;
		top:auto;
	}
	
	.responsive_nav  {
		display:block;
		width:40px;
		height:31px;
		float:right;
		margin:50px 30px 45px 0;
		padding:9px 8px;
		position:relative;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	.responsive_nav:hover,
	.responsive_nav.active {background-color:#ffffff;}
	
	.responsive_nav span {
		background-color:#ffffff;
		display:block;
		width:24px;
		height:3px;
		position:relative;
	}
	
	.responsive_nav span:before,
	.responsive_nav span:after {
		content:'';
		background-color:#ffffff;
		display:block;
		width:24px;
		height:3px;
		position:absolute;
		left:0;
		top:5px;
	}
	
	.responsive_nav span:after {top:10px;}
	
	html.csstransitions .responsive_nav,
	html.csstransitions .responsive_nav span, 
	html.csstransitions .responsive_nav span:before, 
	html.csstransitions .responsive_nav span:after {
		-webkit-transition:background-color .3s ease-in-out;
		-moz-transition:background-color .3s ease-in-out;
		-ms-transition:background-color .3s ease-in-out;
		-o-transition:background-color .3s ease-in-out;
		transition:background-color .3s ease-in-out;
	}
	
	#header nav {
		clear:both;
		margin-right:0;
		position:relative;
		top:auto;
		right:auto;
	}
	
	#navigation {
		background:#ffffff;
		display:none;
	}
	
	#navigation li {border-top:1px dotted #dad7cc;}
	
	#page #navigation a {
		background-color:transparent;
		padding-top:10px;
		padding-right:50px;
		padding-bottom:10px;
		padding-left:40px;
	}
	
	#page #navigation ul a {padding-left:60px;}
	
	#page #navigation ul ul a {padding-left:80px;}
	
	#page #navigation ul ul ul a {padding-left:100px;}
	
	#page #navigation ul ul ul ul a {padding-left:120px;}
	
	html.csstransitions #page #navigation a {
		-webkit-transition:background-color .3s ease-in-out, color .3s ease-in-out;
		-moz-transition:background-color .3s ease-in-out, color .3s ease-in-out;
		-ms-transition:background-color .3s ease-in-out, color .3s ease-in-out;
		-o-transition:background-color .3s ease-in-out, color .3s ease-in-out;
		transition:background-color .3s ease-in-out, color .3s ease-in-out;
	}

	#navigation > li {
		float:none;
		margin-left:0;
	}

	#navigation > li > a {
		text-align:left;
		width:auto;
		margin-top:0;
	}

	#page #navigation > li > a:before,
	#page #navigation > li > a:after, 
	#page #navigation > li > a > span:after,
	#page #navigation > li > a > span:before,
	#page #navigation > li > a > span > span:before,
	#page #navigation ul ul:before {
		content:none;
		display:none;
	}

	#navigation > li > a > span {padding:0;}

	#navigation > li.dropdown > a:hover > span,
	#navigation > li.dropdown:hover > a > span,
	#navigation > li.dropdown.current_page_item > a:hover > span,
	#navigation > li.dropdown.current_page_ancestor > a:hover > span,
	#navigation > li.dropdown.current-menu-ancestor > a:hover > span {padding-bottom:0;}

	#navigation > li > a > span > span {
		display:block;
		padding:0;
	}

	#navigation ul {
		background:#fffcf3;
		display:none;
		margin:0;
		padding:0;
		visibility:visible;
		position:relative;
		left:auto;
		top:auto;
		opacity:1;
		filter:alpha(opacity=100);
	}

	#navigation li:hover > ul {margin:0;}

	#navigation ul ul {
		margin:0;
		padding-top:0;
		left:auto;
		top:auto;
	}

	#navigation ul li:hover > ul {margin:0;}

	#navigation ul li a {
		text-align:left;
		display:block;
		width:auto;
		padding:0;
	}
	
	#page #navigation li.dropdown > a:before {
		content:'';
		border:0;
		background:url(../img/resp_nav_arrow.png) no-repeat 0 0;
		display:block;
		width:6px;
		height:6px;
		margin-top:-3px;
		overflow:hidden;
		position:absolute;
		left:auto;
		right:30px;
		bottom:auto;
		top:50%;
	}
	
	html.csstransitions #page #navigation li.dropdown > a:before {
		-webkit-transition:background-position .3s ease-in-out;
		-moz-transition:background-position .3s ease-in-out;
		-ms-transition:background-position .3s ease-in-out;
		-o-transition:background-position .3s ease-in-out;
		transition:background-position .3s ease-in-out;
	}
	
	#page #navigation li.dropdown.current_page_item > a:before, 
	#page #navigation li.dropdown.current_page_ancestor > a:before, 
	#page #navigation li.dropdown.current-menu-ancestor > a:before,
	#page #navigation li.dropdown > a:hover:before {background-position:100% 0;}
	
	#page #navigation li.dropdown > a.drop_active:before, 
	#page #navigation li.dropdown.current_page_item > a.drop_active:before, 
	#page #navigation li.dropdown.current_page_ancestor > a.drop_active:before, 
	#page #navigation li.dropdown.current-menu-ancestor > a.drop_active:before {background-position:0 100%;}
	
	#content {width:67%;}
	
	#sidebar {
		width:29%;
		margin-left:4%;
	}
	
	.content_wrap:before {left:68%;}
	
	.content_wrap.l_sidebar #content {padding-left:4%;}
	
	.content_wrap.l_sidebar:before {left:32%;}
	
	.project.format-album .pj_content_bar > .resize {margin-bottom:0;}
	
	.opened-article .project.cmsms_four .resize > figure {
		width:49%;
		padding-left:1.2%;
		padding-bottom:1.2%
	}
	
	.opened-article .project.cmsms_four .resize > figure:nth-child(2n+1) {padding-left:0;}
	
	.project.format-album .pj_content_bar .entry-content {margin-top:20px;}
	
	.one_sixth .colored_title, 
	.one_sixth .colored_button,
	.one_fifth .colored_title, 
	.one_fifth .colored_button,
	.one_fourth .colored_title, 
	.one_fourth .colored_button {
		display:block;
	}
	
	.one_fourth .tab.lpr .tabs li {
		width:100%;
		float:none;
		clear:both;
		margin:0;
	}
	
	.pj_content_bar.with_pj_side_bar {width:65.8%;}
	
	.pj_side_bar {width:33.3%;}
	
	.blog article.post, 
	.blog article.page, 
	.archive article.project, 
	.search article.project {
		padding-right:20px;
		padding-left:35px;
	}
	
	.blog.opened-article .project_navi, 
	.blog.opened-article .share_posts, 
	.blog.opened-article .about_author, 
	.blog.opened-article .related_posts, 
	.blog.opened-article #comments, 
	.blog.opened-article #respond {
		margin-left:35px;
		margin-right:20px;
	}
	
	#page .person_block figure, 
	#page .person_block .person_info {
		float:none;
		width:100%;
	}
	
	#page .person_block .person_info {padding:15px;}
	
	#page .person_block figure {text-align:center;}
	
	#page .person_block figure img {display:inline-block;}
	
	#page .products .product {width:49%;}
	
	#page .products > .product:nth-child(2n+1) {clear:left;}
	
	.widget_custom_colored_blocks_entries {margin-top:-35px;}
	
	.widget_colored_cell.four_box {
		display:block;
		width:50%;
		float:left;
	}
	
	.widget_colored_cell.four_box .widget_colored_cell_outer:before,
	.widget_colored_cell.two_box .widget_colored_cell_outer:before {border-left-width:260px;}
	
	.widget_colored_cell.four_box .widget_colored_cell_outer:after,
	.widget_colored_cell.two_box .widget_colored_cell_outer:after {border-right-width:260px;}
	
	.widget_colored_cell.three_box .widget_colored_cell_outer:before {border-left-width:220px;}
	
	.widget_colored_cell.three_box .widget_colored_cell_outer:after {border-right-width:220px;}
	
	.post_type_shortcode.type_post article .entry-content {overflow:visible;}
	
}


@media only screen and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 2) {

	#page #navigation li.dropdown > a:before {
		background-image:url(../img/retina/resp_nav_arrow%402x.png);
		background-size:12px 12px;
	}
	
}


/* ---------- Small Tablet & Mobile (Note: Design for a width less than 768px) ---------- */

@media only screen and (max-width: 767px) {

	.header_html {
		text-align:center;
		clear:both;
		padding:20px 0 5px;
	}

	#content,
	.content_wrap.l_sidebar #content,
	#sidebar, 
	.content_wrap.l_sidebar #sidebar {
		float:none;
		width:100%;
		padding:0;
		margin:0;
	}
	
	.content_wrap:before {
		content:none;
		display:none;
	}
	
	#content,
	.content_wrap.l_sidebar #content {padding-bottom:40px;}
	
	#sidebar,
	.content_wrap.l_sidebar #sidebar {padding-top:40px;}
	
	#sidebar:before {
		content:'';
		border-top:1px dotted #dad7cc;
		border-bottom:1px dotted #dad7cc;
		width:100%;
		height:4px;
		position:absolute;
		top:0;
		left:0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	.one_sixth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.five_sixth,
	.one_half, 
	.one_third, 
	.two_third, 
	.three_fourth,
	#page .one_third_woocommerce .widget.woocommerce,
	#page .one_half_woocommerce .widget.woocommerce {
		float:none;
		width:99%;
		margin:0 0.5% 20px;
		clear:both;
	}
	
	.portfolio.three_columns .project {
		width:99%;
		float:none;
		clear:both;
	}
	
	.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;
	}
	
	.pj_content_bar.with_pj_side_bar, 
	.pj_side_bar {
		width:100%;
		float:none;
		clear:both;
	}
	
	.error h1 {font-size:14em;}
	
	.cmsms_sitemap > li > ul > li,
	.cmsms_sitemap_category > li > ul > li {margin-bottom:20px;}
	
	.colored_title,
	.colored_button {display:block;}
	
	.colored_button {padding:30px;}
	
	.tabs li a, 
	.related_posts > ul > li a {
		font-size:11px;
		min-width:1px;
		padding-left:5px;
		padding-right:5px;
		word-wrap:break-word;
	}
	
	.tour > li a, 
	.tour.active > li:first-child a {
		font-size:11px;
		padding-left:30px;
		padding-right:5px;
		word-wrap:break-word;
	}
	
	.tour > li a .cmsms_check {left:5px;}
	
	.tog {word-wrap:break-word;}
	
	.footer_inner {text-align:center;}
	
	#footer .footer_inner > .copyright,
	#footer .footer_inner > .social_icons {
		float:none;
		clear:both;
	}
	
	#footer .footer_inner > .copyright {margin:0 0 20px;}
	
	#page .cmsms_product_left_column, 
	#page .cmsms_product_right_column {
		width:100%;
		float:none;
		clear:both;
	}
	
	#page .cmsms_product_right_column {padding:40px 0 0;}
	
	.widget_custom_colored_blocks_entries {margin-top:-30px;}
	
	.widget_colored_cell.four_box .widget_colored_cell_outer:before,
	.widget_colored_cell.two_box .widget_colored_cell_outer:before {
		border-left-width:215px;
	}
	
	.widget_colored_cell.four_box .widget_colored_cell_outer:after,
	.widget_colored_cell.two_box .widget_colored_cell_outer:after {
		border-right-width:215px;
	}
	
	.widget_colored_cell.three_box {
		display:block;
		width:100%;
		float:none;
		clear:both;
	}
	
	.widget_colored_cell.three_box .widget_colored_cell_outer:before {border-left-width:440px;}
	
	.widget_colored_cell.three_box .widget_colored_cell_outer:after {border-right-width:440px;}
	
}


/* ---------- Mobile (Note: Design for a width less than 541px) ---------- */

@media only screen and (max-width: 540px) {

	body {overflow-x:hidden;}

	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;}
	
	.wrap_head > .fr {float:none;}
	
	.wrap_head .cmsms_wrap_basket {
		text-align:right;
		float:none;
		clear:both;
		padding-left:0;
		padding-right:0;
	}
	
	.wrap_head .cmsms_wrap_basket > span.amount {
		border:0;
		padding-right:0;
	}
	
	.wrap_head .cmsms_header_search {
		float:none;
		clear:both;
	}
	
	.wrap_head .cmsms_header_search input[type="text"] {width:100%;}
	
	#page #header > .header_inner {padding:50px 0 0;}
	
	#page #header > .header_inner > a.logo, 
	.responsive_nav {
		display:block;
		float:none;
		margin:0 auto 35px;
	}
	
	#page #navigation a {padding-left:20px;}
	
	#page #navigation ul a {padding-left:40px;}
	
	#page #navigation ul ul a {padding-left:60px;}
	
	#page #navigation ul ul ul a {padding-left:80px;}
	
	#page #navigation ul ul ul ul a {padding-left:100px;}
	
	.pj_sort,
	div.pj_filter {
		float:none;
		clear:both;
	}
	
	.pj_sort > a {
		width:50%;
		margin:0;
	}
	
	.pj_sort a[name="pj_name"] {padding-right:4px;}
	
	.pj_sort a[name="pj_name"]:before {
		content:none;
		display:none;
	}
	
	.pj_filter_container {
		margin:0;
		padding-top:4px;
	}
	
	.pj_filter_container:before {
		border:0;
		border-top:1px dotted #ffffff;
		border-bottom:1px dotted #ffffff;
		width:100%;
		height:4px;
		left:0;
		top:0;
		z-index:1;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	.pj_options_loader {right:15px;}
	
	ul.pj_filter_list li a {width:100%;}
	
	.one_sixth, 
	.one_fourth,
	.cmsms_cc .cmsms-form-builder .form_info.cmsms_input, 
	#page .one_fourth_woocommerce .widget.woocommerce,
	#page .products .product,
	#page .content_wrap.r_sidebar .products .product,
	#page .content_wrap.l_sidebar .products .product,
	.portfolio.two_columns .project, 
	.portfolio.four_columns .project, 
	.post_type_shortcode article.one_fourth {
		float:none;
		width:99%;
		clear:both;
	}
	
	#page .product-category {text-align:center;}
	
	#page .product-category img {display:inline-block;}
	
	.opened-article .project.format-album.cmsms_four .resize figure, 
	.opened-article .project.format-album.cmsms_three .resize figure, 
	.opened-article .project.format-album.cmsms_two .resize figure, 
	.cmsms_sitemap_category > li, 
	.cmsms_sitemap_archive li, 
	.cmsms_sitemap > li > ul > li {
		float:none;
		padding-right:0;
		padding-left:0;
		width:100%;
	}
	
	.tabs > li, .related_posts > ul > li,
	.tab.lpr .tabs li {
		width:100%;
		float:none;
		margin-right:0;
	}
	
	.tour,
	.tour_box_content {
		width:100%;
		float:none;
		padding-left:0;
	}
	
	.tour > li a, 
	.tour.active > li:first-child a {
		font-size:13px;
		padding:13px 10px 11px 45px;
	}
	
	.tour > li a .cmsms_check {left:12px;}
	
	.cmsms_timeline:before {left:14px;}
	
	.cmsms_timeline > article,
	.cmsms_timeline > article:hover {padding-left:40px;}
	
	.cmsms_timeline > article:before {left:5px;}
	
	.cmsms_timeline_date {
		float:none;
		clear:both;
	}
	
	.tl_author_img {
		text-align:center;
		float:none;
		clear:both;
		margin:0;
	}
	
	.tl_author_img img {display:inline-block;}
	
	.cmsms_price {
		font-size:60px;
		line-height:60px;
	}
	
	.cmsms_currency, 
	.cmsms_coins {
		font-size:16px;
	}
	
	.blog article.post, 
	.blog article.page, 
	.archive article.project, 
	.search article.project {padding-right:0;}
	
	.blog.opened-article .project_navi, 
	.blog.opened-article .share_posts, 
	.blog.opened-article .about_author, 
	.blog.opened-article .related_posts, 
	.blog.opened-article #comments, 
	.blog.opened-article #respond {
		margin-left:0;
		margin-right:0;
	}
	
	.error .search_line {width:100%;}
	
	.error h1 {font-size:9em;}
	
	select {width:200px;}
	
	.cmsms_dynamic_cart {
		visibility:hidden;
		display:none;
	}
	
	.about_author .ovh {overflow:visible;} 
	
	.comment-body .alignleft {margin-right:20px;}
	
	.comment-body .cmsms_comment_info .published {
		display:block;
		float:none;
		padding:0 0 10px;
	}
	
	.comment-content {overflow:visible;}
	
	#page .cmsms_wrap_result {padding:10px;}
	
	#page .woocommerce-result-count,
	#page .woocommerce-ordering {
		float:none;
		clear:both;
	}
	
	#page .woocommerce-result-count {
		text-align:center;
		padding:0 0 10px;
	}
	
	#page .woocommerce-ordering select {width:100%;}
	
	#page .product .product_inner .cmsms_add_to_cart_button, 
	#page .product .product_inner .cmsms_details_button {font-size:10px;}
	
	#page .form-row,
	#page .checkout .col-1 #billing_email_field, 
	#page .checkout .col-1 #billing_phone_field {width:99%;}
	
	.country_select, 
	.state_select {width:100%;}
	
	#page .customer_details {margin:0 0 40px;}
	
	#page .col2-set.addresses .col-1,
	#page .col2-set.addresses .col-2,
	#page .cart-collaterals .cart_totals,
	#page .cart-collaterals .shipping_calculator	{
		width:99%;
		float:none;
		clear:both;
		padding:0 0 40px;
	}
	
	#page .order_details li {
		width:100%;
		float:none;
		clear:both;
	}
	
	#page .order_details li.method > span {
		padding:15px 25px;
		height:auto;
	}
	
	#page .woocommerce .shop_table.cart,
	#page .woocommerce .shop_table.cart tr,
	#page .woocommerce .shop_table.cart th,
	#page .woocommerce .shop_table.cart td {display:block;}
	
	#page .woocommerce .shop_table.cart tbody td.product-remove,
	#page .woocommerce .shop_table.cart thead {display:none;}

	#page .woocommerce .shop_table.cart tbody .cart_table_item {
		border-bottom:1px dotted #dad7cc;
		text-align:center;
		overflow:hidden;
		margin:20px 0;
		padding:0 0 20px;
	}
	
	#page .woocommerce .shop_table.cart tbody .cart_table_item:first-child {
		margin-top:0;
	}
	
	#page .woocommerce .shop_table.cart tbody td {
		border:0;
		display:inline-block;
		padding:10px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	#page .woocommerce .shop_table.cart tbody td.product-name,
	#page .woocommerce .shop_table.cart tbody td.product-thumbnail {
		text-align:center;
		text-transform:uppercase;
		display:block;
		padding:10px;
	}
	
	.js_ie9 #page .woocommerce .shop_table.cart tbody td.product-thumbnail {display:none;}
	
	.js_ie9 #page .woocommerce .shop_table.cart .actions .button,
	.js_ie9 #page .woocommerce .shop_table.cart .actions .coupon .input-text {margin-top:10px;}
	
	#page .woocommerce .shop_table.cart tbody td.product-thumbnail {float:left;}
	
	#page .woocommerce .shop_table.cart tbody td.product-thumbnail img {
		width:auto;
		height:auto;
		position:relative;
		z-index:1;
	}
	
	#page .woocommerce .shop_table.cart tbody td.actions {
		text-align:left;
		display:block;
		padding:0;
	}
	
	#page .woocommerce .shop_table.cart tbody td.actions .coupon {margin-right:10px;}
	
	#page .cmsms_product_comment_info {padding:10px 15px;}
	
	#page .product .woocommerce-tabs .comment_container .avatar {margin-top:0;}
	
	.widget_custom_colored_blocks_entries {margin-top:-35px;}
	
	.widget_colored_cell.four_box,
	.widget_colored_cell.three_box,
	.widget_colored_cell.two_box,
	.widget_colored_cell.one_box {width:100%;}
	
	.widget_colored_cell.four_box .widget_colored_cell_outer:before,
	.widget_colored_cell.three_box .widget_colored_cell_outer:before,
	.widget_colored_cell.two_box .widget_colored_cell_outer:before,
	.widget_colored_cell.one_box .widget_colored_cell_outer:before {border-left-width:270px;}
	
	.widget_colored_cell.four_box .widget_colored_cell_outer:after,
	.widget_colored_cell.three_box .widget_colored_cell_outer:after,
	.widget_colored_cell.two_box .widget_colored_cell_outer:after,
	.widget_colored_cell.one_box .widget_colored_cell_outer:after {border-right-width:270px;}
	
	.post_type_shortcode.type_post .cmsms_post_type_img {
		text-align:center;
		float:none;
		margin:0 0 20px;
	}
	
	.post_type_shortcode.type_post .cmsms_post_type_img img {display:inline-block;}
	
}


/* ---------- Mobile (Note: Design for a width less than 401px) ---------- */

@media only screen and (max-width: 400px) {
	
	.error h1 {font-size:8em;}
	
	.gallery-item {width:100% !important;}
	
	.pj_sort > a {
		width:100%;
		float:none;
	}
	
	.pj_sort a[name="pj_name"] {padding-right:0;}
	
	.pj_sort a[name="pj_date"] {padding-top:4px;}
	
	.pj_sort a[name="pj_date"]:before {
		border:0;
		border-top:1px dotted #ffffff;
		border-bottom:1px dotted #ffffff;
		width:100%;
		height:4px;
		left:0;
		top:0;
	}
	
	.pj_sort a[name="pj_date"] span:before {right:20px;}
	
	#footer .footer_nav > li {
		display:block;
		float:left;
		padding:0;
		width:45%;
	}
	
	#page .woocommerce .shop_table.cart tbody td.product-thumbnail {
		text-align:center;
		float:none;
	}
	
	#page .woocommerce .shop_table.cart tbody td.product-thumbnail img {
		display:inline-block;
		width:auto;
		height:auto;
		position:relative;
		z-index:1;
	}
	
	#page .cmsms_product_comment_author,
	#page .product .cmsms_product_comment_info .star-rating,
	#page .cmsms_product_comment_info time {
		display:block;
		float:none;
		clear:both;
		margin-top:5px;
	}
	
	#page .cmsms_product_comment_author {margin-top:0;}
	
	.widget_custom_colored_blocks_entries {margin-top:-30px;}
	
	.widget_colored_cell.four_box,
	.widget_colored_cell.three_box,
	.widget_colored_cell.two_box,
	.widget_colored_cell.one_box {width:100%;}
	
	.widget_colored_cell.four_box .widget_colored_cell_outer:before,
	.widget_colored_cell.three_box .widget_colored_cell_outer:before,
	.widget_colored_cell.two_box .widget_colored_cell_outer:before,
	.widget_colored_cell.one_box .widget_colored_cell_outer:before {border-left-width:215px;}
	
	.widget_colored_cell.four_box .widget_colored_cell_outer:after,
	.widget_colored_cell.three_box .widget_colored_cell_outer:after,
	.widget_colored_cell.two_box .widget_colored_cell_outer:after,
	.widget_colored_cell.one_box .widget_colored_cell_outer:after {border-right-width:215px;}
	
	#page .woocommerce-message .button {
		margin-top:0;
		margin-bottom:0;
	}
	
}

