/* Smaller than large 1200 (devices and browsers) */
@media only screen and (max-width: 1199px) {

	/* Additional Padding */
	
	.sub-links,
	.header-wrap,
	.content-wrap,
	#feature-header h1,
	#feature-header h4,
	#subscribe,
	#footer,
	.breadcrumb-wrap {
		width: 96%;
		margin: 0 2%;
	}
	
}

/* Smaller than standard 980 (devices and browsers) */
@media only screen and (max-width: 979px) {

	/* Product Grid */
	
	.site-main ul.products li.product, ul.products li.product {
		margin-right: 4%;
		margin-bottom: 5em;
		width: 48%;
		float: left;
	}	

	.site-main ul.products li:nth-of-type(2n+0), ul.products li:nth-of-type(2n+0) {
		margin-right: 0;
	}	

	/* Shop by Style */
	.shop-by-product-grid a {
		width: 50%;
	}

}


/* All desktop sizes */
@media only screen and (min-width: 768px) {

	.header-wrap {
		position: relative;
	}

}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {

	.checkout-wrap span {
		display: none;
	}
	
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	/* General */
	
	input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], select {
		font-size: 16px !important;
		border-radius: 0;
	}
	
	.sub-links-wrap, #header-fixed {
		position: static;
		top: 0;
		width: 100%;
		z-index: 9996;
	}
	
	#header-fixed {
		padding: 0 2%;
		top: 45px;
		background-color: #15151b;
		position: static;
	}
	
	.header-wrap {
		margin: 0;
	}

	/* Navigation */
	
	#mobile-checkout {
		display: inline-block;
		position: absolute;
		z-index: 9996;
		border: 0;
		top: 70px;
		right: 58px;
		background: url(../images/checkout.png) no-repeat;
		background-image: url(../images/checkout.svg), none;
		background-repeat: no-repeat;
		background-color: #15151b;
		width: 28px;
		height: 28px;
		overflow: hidden;
		text-indent: -9999px;
	}
	
	.checkout-wrap {
		display: none;
	}
	
	.currency > span,
	.my-account span,
	#change-currency > span {
		display: none;
	}
	
	.currency {
		max-width: none;
	}
	
	.header-wrap {
		height: 75px;
	}
	
	#logo {
		margin: 25px 0;
	}
	
	#logo a {
		width: 200px;
		height: 23px;
	}
	
	.currency-wrap {
		top: 45px;
	}
	
	.currency-wrap span.arrow {
		left: 30px;
	}
	
	/* Search */
	
	form.search { display: none; }
	
	#mobile-search {
		display: block;
	}	
	
	#mobile-search {
		padding: 7% 0;
		width: 94%;
		margin: 5% 3% 3%;
		background-color: #1b1b23 ;
		border: 0;
		border-top: 1px solid #272732;
		border-bottom: 1px solid #272732;
	}
	
	#mobile-search input[type="text"], #mobile-search input[type="search"] {
		margin: 0;
		width: 70%;
		max-width: 70%;
		min-width: 0;
		padding: 3% !important;
		background-color: #fff;
		-webkit-appearance: none;
		border-radius: 0 !important;
		-webkit-border-radius: 0;
		font-size: 16px !important;
	}
	
	#mobile-search button {
		background: none #dd2c3a;
		width: 30%;
		text-indent: 0;
		margin: 0;
		font-family: 'Asap', helvetica, arial, sans-serif;
		font-weight: 700;
		font-size: 1em;
		color: #fff;
		text-transform: uppercase;
		padding: 2%;
		height: auto;
	}
	
	/* Footer */
	#subscribe h4 {
		font-size: 1.5em;
		max-width: 80%;
		margin: 0 auto 15px;
	}
	
	.subscribe-form {
		width: 80%;
	}
	
	.subscribe-form p {
		text-align: center;
	}
	
	.subscribe-form input[type="text"], .subscribe-form input[type="text"]:focus  {
		padding: 3%;
	}

	.subscribe-form button {
		font-size: 0.9em;
		padding: 3% 0;
	}
	
	#footer .footer-left {
		width: 97%;
		margin-right: 3%;
	}

	#footer .footer-left ul {
		width: 50%;
		float: left;
		margin: 0;
	}

	#footer .footer-right {
		width: 100%;
		margin: 25px 0 0;
		float: left;
		text-align: left;
		padding-top: 35px;
		border-top: 1px solid #272732;
	}
	
	#footer .footer-right .social {
		float: right;
		clear: right;
		margin: 0 0 25px;
	}

	#footer .supplementary {
		margin-top: 10px;
	}

	#footer .supplementary .payment {
		clear: both;
		float: none;
		margin: 0 auto;
	}
	
	#footer .supplementary p {
		margin: 15px 0 0;
		text-align: center;
	}
	
	/* Product Grid */
	ul.products li.product h3 {
		font-size: 1.4em;
	}
	
	.woocommerce-ordering {
		float: left;
		display: inline-block;
	}
	
	.woocommerce-result-count {
		display: inline-block;
		float: right;
	}
	
	.woocommerce-pagination {
		border-bottom: 0;
		padding-top: 2em;
	}
	
	.storefront-sorting {
		padding-bottom: 1em;
	}
	
	/* General */
	#feature-header {
		padding: 30px 0 36px;
	}
	
	#feature-header h1 {
		font-size: 2em;
	}
	
	/* Product */
	.single-product .breadcrumb-header {
		text-align: center;
	}
	
	.single-product .woocommerce-breadcrumb {
		display: block;
		margin-bottom: 0.5em;
	}
	
	.single-product .breadcrumb-header .share {
		display: block;
		float: none;
	}
	
	.single-product div.product .images {
		margin: 2em 0 4em;
	}
	
	.single-product div.product .images img {
		margin: 0 auto;
	}
	
	.single-product h1.product-title {
		margin-left: 0;
	}
	
	.single-product .quantity .qty {
		padding: 1.14em 1em;
		max-width: 8em;
	}
	
	.woocommerce-tabs ul.tabs {
		padding-bottom: 1.5em;
		margin-bottom: 1.5em;
		border-bottom: 1px solid #eceeee;
	}
	
	.woocommerce-tabs div h2, h2.related-products {
		text-align: center;
	}
	
	h2.related-products {
		margin-top: 2em;
	}

	/* Checkout */
	.shop_table td, table.cart td {
		padding: 1.4em 0.7em;
	}
	
	table.cart .qty {
		padding: 0.8em;
		max-width: 8em;
		min-width: 0;
	}
	
	.checkout_coupon .form-row-first {
		margin-right: 0;
	}
	
	#coupon_code {
		margin-right: 0;
		width: 100%;
	}
	
	.wc-proceed-to-checkout { margin-bottom: 0; }
	
	.cart_totals .wc-proceed-to-checkout .button {
		width: 100%;
		max-width: 100%;
		clear: both;
		float: none;
		padding: 20px;
	}
	
	.return-to-shop .button {
		width: 100%;
		text-align: center;
		padding: 1.5em 0;
	}
	
	/* My Account */
	.woocommerce-account .col2-set .col-1, .woocommerce-account .col2-set .col-2 {
		width: 100%;
		float: none;
		margin: 0;
	}
	
	#customer_login .col-1 {
		padding-bottom: 1.5em;
		margin-bottom: 2em;
		border-bottom: 5px solid #efefef;
	}
	
	table.shop_table_responsive tr td.order-actions::before {
		content: none;
	}
	
	table.shop_table_responsive tr td.order-actions {
		text-align: left !important;
	}
	
	/* 404 Page */
	.standard-page .search-form label {
		width: 100%;
		margin: 0 0 1em;
	}
	
	.standard-page .search-submit {
		width: 100%;
	}
	
	/* Shop by Colour */
	.shop-by-colour-grid a {
		width: 33.3%;
	}
	
	/* Contact Us */
	#contact-form  label {
		width: 100%;
		margin: 0;
		clear: both;
		text-align: left;
		margin-bottom: 0.2em;
	}
	
	#contact-form .text, #contact-form .text-input, #contact-form select {
		width: 100%;
	}
	
	#contact-form .button {
		width: 100%;
		margin-left: 0;
	}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	
	

	
}

/* Large mobile devices */
@media only screen and (max-width: 667px) {

	/* Search */
	#mobile-search input[type="text"], #mobile-search input[type="search"] {
		padding: 5% !important;
	}

	/* Footer */
	.subscribe-form input[type="text"], 
	.subscribe-form button {
		width: 100%;
		margin: 10px auto;
	}
	
	#footer .footer-left ul {
		font-size: 0.9em;
	}
	
	#footer .contact {
		text-align: center;
	}
	
	#footer .footer-right .social {
		float: none;
		clear: both;
		text-align: center;
		padding-left: 0;
	}	

	#footer .footer-right span {
		text-align: center;
		margin: 0 auto;
	}	
	
	/* Shop by Style */
	.shop-by-product-grid span {
		width: 150px;
		height: 150px;
		border-radius: 75px;
	}

	.shop-by-product-grid h4 {
		font-size: 1.2em;
		font-weight: 800;
	}	

	/* Shop by Colour */
	.shop-by-colour-grid h4 {
		font-size: 1em;
	}	
	
}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {


	/* Footer */
	.subscribe-form input[type="text"], .subscribe-form input[type="text"]:focus {
		padding: 4%;
	}
	
	.subscribe-form button {
		padding: 4% 0;
	}
	
	/* Product Grid */
	
	.site-main ul.products li.product, ul.products li.product {
		margin-right: 0;
		margin-bottom: 3em;
		width: 100%;
	}			
	
	ul.products li span.product-flag {
		left: 10%;
	}	
	
	.woocommerce-result-count { display: none; }
	.woocommerce-ordering { float: none; display: block; margin-bottom: 2em; }
	.woocommerce-ordering .orderby { width: 100%; }

	/* Product */
	.single-product h1.product-title {
		font-size: 2.6em;
	}
	
	.single-product div.product .supplementary .price {
		font-size: 1.8em;
	}
	
	.single-product div.product .meta {
		display: block;
		clear: both;
		text-align: left;
		padding: 1.2em 0 0.6em;
		float: none;
		font-size: 0.9em;
	}
	
	.single-product span.stock-status {
		margin-left: 0;
		float: none;
	}
	
	.single-product span.sku-wrapper {
		float: none;
		margin-left: 0;
		padding-left: 6px;
	}
	
	/* Shop by Style */
	.shop-by-product-grid a {
		width: 100%;
	}
	
	.shop-by-product-grid span {
		width: 250px;
		height: 250px;
		border-radius: 125px;
	}
	
	/* Shop by Colour */
	.shop-by-colour-grid a {
		width: 50%;
	}

}