/* Purity Responsive Stylesheet */

/* Tablet */

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
	body					{ background-image: none; }	
	#wrapper,
	.vntd-sticky-now,
	.inner					{ width:738px; }	
	.content				{ width:546px; margin-right: 10px; }
	.content.content_right 	{ margin: 0 0 0 10px; }
	.sidebar				{ width:172px; margin-left: 10px; }
	.sidebar.sidebar_left 	{ margin: 0 10px 0 0; }
	.nav ul li				{ font-size: 22px; margin-left: 26px; }
	.post-info,
	.blog3 .post-image		{ width: 170px; margin-right: 20px; }
	.post-entry				{ width: auto !important; }
	/*.comments-nr			{ width: 63px !important; }
	#wrapper .date					{ width: 64px !important; }*/	
	.date .bold,
	.comments-nr .bold 		{ font-size: 26px; }
	#wrapper 				{ padding: 0 20px;	}
	/* Homepage */	
	
	.home-section ul.fourcolumns li,
	#footer .inner ul.fourcolumns > li 		{ width: 169.5px; margin-left: 20px; }
	#recent-work ul.fourcolumns li img,
	#recent-work ul.fourcolumns li a.over 	{ width: 169.5px; height: 111px; }	
	.home-section ul.threecolumns li,
	#footer .inner ul.threecolumns > li 	{ width: 232.5px; margin-left: 20px; }
	#recent-work ul.threecolumns li img,
	#recent-work ul.threecolumns li a.over 	{ width: 232.5px; height: 165px; }	
	.home-section ul li:first-child,
	#footer .inner ul li:first-child 		{ margin-left: 0; }
	
	/* Portfolio sizes */
	
	.portfolio li img 		{ width: 100%; height: auto !important; }
	.three-columns li 		{ width: 229.5px; margin: 0 25px 20px 0; }
	.three-columns .over 	{ width: 216px; height: 152px; }	
	.two-columns li 		{ width: 354px; margin: 0 30px 25px 0; }	
	.two-columns .over 		{ width: 340px; height: 240px; }	
	.four-columns li 		{ width: 166px; margin: 0 25px 25px 0; }	
	.four-columns .over 	{ width: 152px; height: 107px; }	
	.detailed .item-image 	{ width: 520px; margin-right: 20px;  }
	.detailed .item-name 	{ width: 198px; }	
	.one-column > li 		{ width: 738px; }	
	.home_tagline h1 		{ font-size: 29px; }
	
	.avatar-holder			{ width: 60px !important; height: 60px!important; }
	.avatar-holder img		{ width: 50px; height: auto!important; }
	
	.comments-wrap ul li ul.children { margin-left: 0; }
	
}

/* Mobile Portrait */

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

	body					{ background-image: none; }
	#wrapper				{ width:100%; }
	.inner					{ width:300px; }
	header .logo			{ float: none; }
	header .logo img		{ display: block; margin-left: auto; margin-right: auto; }
	#wrapper .vntd-shopping-cart,
	.nav ul					{ display: none; }
	#wrapper .vntd-sticky-now {
		position: relative;
		margin-top: 0 !important;
		top: 0 !important;
	}
	#wrapper #main {
		margin-top: 25px !important;
		padding-top: 0 !important;
	}
	#wrapper .subheader-default {
		margin-top: -25px;
	}
	#wrapper {
		padding: 0;
	}
	#topbar {
		height: auto;
	}
	#topbar .inner > div {
		float: none;
		text-align: center;
	}
	.subheader- {
		margin-top: -20px;
	}
	
	.small_thumbnail .post-info,
	.content,
	.post-info,
	.post-entry,
	.blog3 .post-image,
	.nav,
	.big_form input[type=text],
	.big_form textarea,
	textarea,
	.portfolio,
	.portfolio li img,
	.home-section ul img,
	#recent-work .over,
	.column,
	#wrapper li.product,
	.sidebar 				{ width: 100% !important; margin-left: 0; margin-right: 0; }
	#wrapper .date					{ width: 149px !important; }
	.comments-nr			{ width: 148px !important; }
	.nav					{ margin: 0 0 30px 0; }
	.sidebar				{ margin: 0; }
	.nav select				{ display: block; }
	
	.portfolio li img,
	.portfolio li .over 	{ width: 286px; height: 201px !important; }	
	.portfolio li 			{ margin-bottom: 20px; width: 300px; }
	
	.detailed .item-image 	{ margin-bottom: 20px; }
	.detailed .item-image,
	.one-column li img,
	.detailed .item-image img { width: 286px; height: auto !important; }
	
	.home_tagline 			{ margin: -5px auto; }
	.home_tagline h1 		{ font-size: 26px; }
	.tagline 				{ padding: 20px 0 16px 0px !important; }
	
	#recent-work ul.home-list li a.over,
	#recent-work ul.home-list li img 			{ height: 211px; width: 300px; }	
	.home-section ul.home-list li,
	footer .inner ul > li 						{ width: 100% !important; margin: 0 0 20px 0 !important; }
	footer .inner ul li:last-child 			{ margin-bottom: 8px !important; }
	.home-section ul.home-list li:last-child,
	footer .inner ul.home-list > li 			{ margin: 0; }
	
	.slide-caption 	{ display: none !important; }
	.footer2 div 			{ float: none !important; }
	.footer2 .copyright 	{ margin-bottom: 5px; }
	.post-info p 			{ text-align: left; }
	
	.tabnav li,
	.tabnav li a 			{ display: block; }	
	.tabnav li 				{ padding: 0; }
	
	/* WooCommerce */	
	
	.woocommerce #wrapper .page-layout-sidebar_right ul.products li,
	#wrapper .related.products li {
		width: 100% !important;
		margin: 0 0 30px 0 !important;
	}
	
	#wrapper ul.product-filters {
		font-size: 11px;
	}
	#wrapper ul.product-filters li.product-orderby {
		width: 120px;
	}
	#wrapper ul.product-filters li.product-count {
		width: 105px;
	}
	
	#wrapper .shop_table thead,
	#wrapper .shop_table .product-remove,
	#wrapper .shop_table .product-thumbnail
	{
		display: none;
	}
	
	.woocommerce-page #wrapper .cart-collaterals,
	.woocommerce-page #wrapper .shipping_calculator,
	#wrapper .shop_table .actions input {
		width: 100%;		
		float: none;
	}
	
	#wrapper .shop_table .actions input {
		margin-bottom: 5px !important;
	}
	
}

/* Mobile Landscape */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	body					{ background-image: none; -webkit-text-size-adjust: none; }
	#wrapper				{ width:100%; }
	.inner					{ width:460px; }
	header .logo,
	.post-info,
	.post-entry				{ float: none; }
	header .logo img		{ display: block; margin-left: auto; margin-right: auto; }
	#wrapper .vntd-shopping-cart,
	.nav ul					{ display: none; }
	#wrapper .vntd-sticky-now {
		position: relative;
		margin-top: 0 !important;
		top: 0 !important;
	}
	#wrapper {
		padding: 0;
	}
	#wrapper #main {
		margin-top: 25px !important;
		padding-top: 0 !important;
	}
	#wrapper .subheader-default {
		margin-top: -25px;
	}
	#topbar {
		height: auto;
	}
	#topbar .inner > div {
		float: none;
		text-align: center;
	}
	.subheader- {
		margin-top: -20px;
	}
	.small_thumbnail .post-info,
	.content,
	.post-info,
	.post-entry,
	.blog3 .post-image,
	.nav,
	.big_form input[type=text],
	.big_form textarea,
	.portfolio,
	.portfolio li img,
	.home-section ul img,
	.home-section ul li,
	#recent-work .over,
	#footer li,
	.column,
	#wrapper li.product,
	.sidebar 				{ width: 100% !important; margin-left: 0; margin-right: 0; }
	#wrapper .date					{ width: 229px !important; }
	.comments-nr			{ width: 228px !important; }
	.nav					{ margin: 0 0 30px 0; }	
	.sidebar				{ margin: 0; }
	.nav select				{ display: block; }
	
	
	.portfolio li img,	
	.portfolio li .over 	{ width: 446px; height: 314px !important; }
	.portfolio li 			{ margin-bottom: 20px; width: 460px; }
	
	.detailed .item-image 	{ margin-bottom: 20px; }
	.detailed .item-image,
	.one-column li img,
	.detailed .item-image img { width: 446px; height: auto !important; }

	.home_tagline 			{ margin: -5px auto; }
	.home_tagline h1 		{ font-size: 28px; }
	.tagline 				{ padding: 20px 0 16px 0px !important; }
	#recent-work ul.home-list li a.over,
	#recent-work ul.home-list li img 			{ height: 323px; }	
	.home-section ul.home-list li,
	footer .inner ul > li 						{ width: 100% !important; margin: 0 0 20px 0 !important; }
	footer .inner ul li:last-child 			{ margin-bottom: 8px !important; }
	.home-section ul.home-list li:last-child,
	footer .inner ul.home-list > li 			{ margin: 0; }

	#wrapper .slide-caption 	{ display: block !important; font-size: 20px; padding: 0px; }
	.post-info p 			{ text-align: left; }
	
	/* WooCommerce */	
	
	.woocommerce #wrapper .page-layout-sidebar_right ul.products li,
	#wrapper .related.products li  {
		width: 100% !important;
		margin: 0 0 30px 0 !important;
	}
	#wrapper ul.product-filters {
		font-size: 11px;
	}
	#wrapper ul.product-filters li.product-orderby,
	#wrapper ul.product-filters li.product-count {
		width: 150px;
		font-size: 12px;
	}
	
	#wrapper .shop_table thead,
	#wrapper .shop_table .product-remove,
	#wrapper .shop_table .product-thumbnail
	{
		display: none;
	}
	
	.woocommerce-page #wrapper .cart-collaterals,
	.woocommerce-page #wrapper .shipping_calculator,
	#wrapper .shop_table .actions input {
		width: 100%;		
		float: none;
	}
	
	#wrapper .shop_table .actions input {
		margin-bottom: 5px !important;
	}
	
}