/*  ==========================================================================
	Responsive Styling
	========================================================================== */	
	@media only screen and ( max-width: 1360px ) {
		.sidebar-logo {
			display: none;
		}
	}	
	@media only screen and ( max-width: 1180px ) {
		#site-header .menu-primary-navigation-container .menu > li > a,
		#site-header .menu-primary-navigation-container .menu li .sub-menu li a {
			font-size: 18px;
		}
		.home #slickslider {
			min-height: 0;
			height: auto;
			background-color: #000;
		}
		
		.logo-link {
			margin-left: 30px;
		}
		#site-header .menu-primary-navigation-container {
			margin-right: 10px;
		}
		.fullwidth-callout .button {
			margin: 10px auto 0 auto;
			float: none;
			display: inline-block
		}
		.fullwidth-callout {
			text-align: center;
		}
		.slide-content h1, .slide-content h2 {
			font-size: 46px;
			line-height: 54px;
		}
		h4 {
			font-size: 24px;
			line-height: 28px;	
		}
		.footer-col {
			width: 29.333333%;
			margin: 0 2%;
		}
		.fullwidth-callout h2 {
			font-size: 30px;
			line-height: 34px;
			padding-right: 40px;
		}
		p, blockquote, address {
			line-height: 22px;
		}
		main,
		.walkers-banner {
			overflow: hidden;
		}
		#site-header .menu-primary-navigation-container .menu > li > a {
			padding: 10px;
		}
		.infographic-wrapper > img {
			float: right;
			width: 50%;
		}
		.infographic-blocks li:after {
			display: none;
		}
		.infographic-blocks {
			width: 50%;
			float: left;
		}
		.infographic-blocks li {
			position: relative;
			width: 48%;
			margin: 0 1% 30px;
			display: inline-block;
			top: auto !important;
			left: auto !important;
			right: auto !important;
			bottom: auto !important;
			vertical-align: middle;
			text-align: center;
		}
		.infographic-blocks li:nth-child(2n+1) { 
			clear: left;
		}
		.shop-link span.delivery-label {
			clear: left;
			margin: 20px 0 0 0;
		}
		.button, .wpcf7-submit,
		.banner-content .button {
			-webkit-border-image-source: none;
		    -moz-border-image-source: none;
		    border-image-source: none;
		    -webkit-border-image-slice:  0;
		    -moz-border-image-slice: 0;
		    border-image-slice: 0;
		    -webkit-border-image-width: 0;
		    -moz-border-image-width: 0;
		    border-image-width: 0;
		    border-image-repeat: none;
		    border: 3px solid #fff;
		    padding: 7px 20px;
		}
		input {
		    -webkit-appearance: none;
		    border-radius: 0;
		}
	}
	@media only screen and ( max-width: 1023px ) {
		figure.ragged-border,
		figure.ragged-border img {
			width: 100%;
		}
		.content-blocks .col-half .col-half {
			width: 100%;
		}
		.signpost h3 {
			font-size: 40px;
			line-height: 44px;
		}
		.signpost {
			-ms-transform: rotate(0deg);
		    -webkit-transform: rotate(0deg);
		    transform: rotate(0deg);
		}
		.banner-img {
			display: none;
		}
		.toffee-banner {
			min-height: 0;
			width: 100%;
		}
		.toffee-banner .banner-content {
			position: relative;
			top: auto;
			left: auto;
			-webkit-transform: translate(0, 0);
		    -ms-transform: translate(0, 0);
		    transform: translate(0, 0);
		    padding: 40px 0;
		}
		.where-to-buy-banner .banner-img.left {
			right: 75%;
		}
		.banner-content {
			max-width: 80%;
		}
		.toffee-banner .banner-content p {
			max-width: 100%;
		}
		.toffee-products li {
			width: 44%;
		}
		.walkers-banner h4 {
			font-size: 30px;
			line-height: 38px;
		}
		.walkers-banner .inner-padding {
			padding: 20px 0;
		}
		.walkers-banner .banner-content {
			max-width: 100%;
		}
		.walkers-banner .banner-img {
			display: block;
			position: relative;
			float: right;
			margin: 20px auto;
			-webkit-transform: none;
		    -ms-transform: none;
		    transform: none;
		    top: auto;
		    left: auto;
		    max-width: 200px;
		}
		.small-banner .tick-list li {
			margin: 0 20px;
		}
		.wc-tabs li, .ui-tabs-nav li {
			font-size: 18px;
			line-height: 28px;
		}
	}
	@media only screen and ( max-width: 920px ) {
		.fullwidth-callout h2 {
			padding-right: 0;
		}
		.col3 {
			width: 50%;
		}
		.column-wrap .col3 {
			margin-bottom: 30px;
		}
		.col23 {
			width: 100%;
		}
		.flat-bordered-block .col23 {
			width: 60%;
		}
		.col23 .col3 {
			width: 33.33333%;
		}
		.team-member:nth-child(3n+1) {
			clear: none;
		}
		.team-member:nth-child(2n+1) {
			clear: left;
		}
		.trade-content {
			padding-left: 0;
		}
		h1 {
			font-size: 50px;
			line-height: 54px;
		}
		h2 {
			font-size: 44px;
			line-height: 48px;
		}
		h3,
		.product-variations li h2 {
			font-size: 32px;
			line-height: 36px;
		}
		h4,
		.tab-toggle,
		.mix h2 {
			font-size: 24px;
			line-height: 28px;
		}
		h5 {
			font-size: 16px;
			line-height: 16px;
		}
		h6 {
			font-size: 18px;
			line-height: 18px;
		}
		.infographic-wrapper {
			padding: 50px 0 20px;
		}
		.infographic-wrapper > img {
			display: none;
		}
		.infographic-blocks {
			width: 100%;
		}
		.vertical-tick-list-wrapper {
			width: 100%;
			margin-top: 30px;
		}
		.inner-wrapper {
			width: 100%;
			margin: 0;
		}
		span.large, span.large a {
			font-size: 24px;
			line-height: 28px;
		}
		.toffee-banner {
			background-color: #eb7225;
			background-image: none !important;
			min-height: auto;
		}
		.toffee-banner .banner-content:before,
		.toffee-banner .banner-content:after {
			display: none;
		}
		.fullwidth-callout .border {
			display: none;
		}
		.toffee-banner * {
			color: #fff;
		}
		.toffee-banner .button {
			margin-bottom: 0;
		}
		.where-to-buy-banner .banner-img.left {
			display: none;
		}
		.social-icons,
		.header-cart {
			margin-top: 25px;
		}
		#menu-toggle {
			display: block;
		}
		#site-header .menu-primary-navigation-container {
			position: absolute;
			top: 100%;
			height: auto;
			min-height: 100vh;
			width: 100%;
			background-color: #eb7225;
			background-color: rgba(235, 114, 37, 0.95);
			z-index: 100;
			float: none;
			text-align: left;
			margin: 0;
			display: none;
		}
		#site-header .menu-primary-navigation-container .menu {
			text-align: left;
			padding: 30px;
		}
		#site-header .menu-primary-navigation-container .menu > li {
			display: block;
		}
		#site-header .menu-primary-navigation-container .menu li .sub-menu {
			display: block;
			position: relative;
			background-color: transparent;
			top: auto;
			left: auto;
			width: 100%;
			padding: 0 30px 10px;
		}
		#site-header .menu-primary-navigation-container .menu li .sub-menu:before {
			display: none;
		}
		#site-header .menu-primary-navigation-container .menu > li.current-menu-item > a:after, #site-header .menu-primary-navigation-container .menu li.current-page-parent > a:after {
			left: 0;
			margin-left:  -10px;
		}
		#site-header .menu-primary-navigation-container .menu li .sub-menu:after {
			display: none;
		}
		.single-toffee-intro .col-half {
			width: 100%;
		}
		.single-toffee-intro .col-half.right img {
			margin: 0 auto 30px auto;
		}
		.single-toffee-intro .col-half.left {
			margin-bottom: 0;
		}
		.product-image {
			margin-bottom: 30px;
		}
		.product-image,
		.product-desc {
			width: 100%;
		}
		.fullwidth-callout h2:after,
		#factory-teams-title:before {
			display: none;
		}
		.where-to-buy-banner .trade-catalogue-content {
			width: 70%;
			text-align: left;
			margin: 0 5% 20px 5%;
		}
		.small-banner {
			display: none;
		}
		.stockist-container .col-half {
			width: 100%;
		}
		.mix .contact-details {
			margin-top: 10px;
		}
		.mix {
			position: relative;
		}
		.mix .col-half.left {
			margin-right: 2%;
		}
		.mix .col4.right {
			position: absolute;
			top: 0;
			right: 0;
		}
		.banner-button-right {
			 width: 30%;
		}
		.trade-catalogue {
			min-height: 0;
		}
		.trade-catalogue-content {
			max-width: 100%;
		}
		div.woocommerce {
			padding: 0px 0;
		}
		.wc-tabs li, .ui-tabs-nav li {
			font-size: 16px;
			line-height: 28px;
		}
		.woocommerce-tabs .col3.right {
			width: 100% !important;
			margin-top: 30px !important;
		}
	}
	@media only screen and ( max-width: 768px ) {
		h1 {
		    font-size: 42px;
		    line-height: 46px;
		}
		#container,
		.col2-set {
			margin: 20px 0;
			width: 100%;
		}
		#container {
			margin: 0;
		}
		.slide-content.vertical-align-mid {
			margin-left: 5%;
		}
		.col-half {
			width: 100%;
			margin-bottom: 30px;
		}
		h3, .product-variations li h2,
		#accordion > h3 {
			font-size: 24px;
			line-height: 28px;
		}
		.stockists .col-half {
			margin-bottom: 0;
		}
		.content-blocks > .col-half {
			width: 48%;
			margin-bottom: 0;
		}
		.signpost:after {
			display: none;
		}
		.signposts {
			margin: 50px 0 20px;
		}
		.alignright,
		.alignleft {
			float: none;
			margin: 0 auto 30px;
		}
		.footer-col {
			width: 100%;
			float: none;
			margin: 0 0 30px;
			text-align: center;
		}
		.footer-col.middle .margin-top {
			display: none;
		}
		#site-footer .social-icons {
			text-align: center;
		}
		#site-footer .menu-footer-menu-container {
			display: inline-block;
		}
		#site-footer {
			padding-top: 55px;
		}
		.wpcf7 {
			text-align: center;
		}
		.form-wrap .inner-padding {
			position: relative;
		}
		.contact-wrap .inner-padding {
			padding: 40px 0;
		}
		.content_column,
		.sidebar {
			width: 100%;
		}
		.sidebar {
			float: none;
			max-width: 340px;
			margin: 0 auto 40px;
		}
		.contact-wrap {
			text-align: center;
		}
		.contact-wrap img {
			margin: 0 auto;
		}
		.small-orange-border {
		    float: none;
		    margin-bottom: 30px;
		    display: block;
		    text-align: center;
		}
		#slickslider .slick-slide {
		    height: 350px !important;
		}
		p, blockquote, address {
			font-size: 14px;
			line-height: 20px;
		}
		.team-member {
			margin: 30px 0 40px;
		}
		.gallery-slider img {
			width: 100%;
			height: auto;
		}
		.cart-collaterals {
			width: 100%;
		}
		.slide-content {
			margin: 0;
		}
		.slide-content p {
			font-size: 18px;
			line-height: 24px;
		}
		.infographic-blocks li {
			width: 46%;
			margin: 0 2% 30px;
		}
		.gridlist-toggle {
			margin-bottom: 40px;
		}
		.shop-sidebar {
			width: 100%;
			margin-bottom: 40px;
		}
		.shop-sidebar .widgets > li {
			display: inline-block;
			vertical-align: top;
			margin-right: 20px;
			width: 25%;
		}
		.products.list, .products.grid {
			width: 100%;
		}
		ul.products.list li.product h3, ul.products.list li.product div[itemprop="description"], ul.products.list li.product .price, ul.products.list li.product .gridlist-buttonwrap {
			margin-right: 0 !important;
			width: 75% !important;
		}
		.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
			width: 46% !important;
			margin: 0 2% 40px !important;
		}
		.woocommerce-page ul.products li.product:nth-child(3n+1) {
			clear: none !important;
		}
		.woocommerce-page ul.products li.product:nth-child(2n+1) {
			clear: both !important;
		}
		ul.products.list li.product .price, ul.products.list li.product .gridlist-buttonwrap {
			position: relative !important;
		}
		ul.products.list li.product .price {
			float: right !important;
		}
		.woocommerce ul.products li.product h3 {
			margin-bottom: 0 !important;
		}
		ul.products.list li.product .gridlist-buttonwrap {
			float: right !important;
			top: auto !important;
			right: auto !important;
			left: auto !important;
			bottom: auto !important;
		}
		ul.products.list li.product div[itemprop="description"] {
			margin-bottom: 20px !important;
			    margin-top: 20px;
		}
		ul.products.list li.product {
			padding-bottom: 30px !important;
		}
		.gridlist-toggle {
			display: none !important;
		}
		.woocommerce-ordering {
		    margin: 0 auto 20px !important;
		    float: none !important;
		    display: block;
		}
		.upsells.products .products li {
			width: 48% !important;
		}
		.upsells.products .products li:nth-child(2n+1) {
			clear: left;
		}
		.large-bordered {
			padding-bottom: 25px;
		}
		.tab-border-title {
			clear: both;
			padding-top: 20px;
		}
		.post-date {
			font-size: 16px;
			line-height: 22px;
		}
	}
	@media only screen and ( max-width: 736px ) {
		.slick-track {
			background-color: #fffef6;
		}
		.slide-content.vertical-align-mid,
		.slide-content.centrally-align-mid {
			position: relative;
			width: 90%;
			left: auto;
			margin: 0 auto !important;
			max-width: 100%;
			text-align: center;	
			top: auto;
			-webkit-transform: none;
		    -ms-transform: none;
		    transform: none;
		}
		.slide-content.vertical-align-mid *,
		.slide-content.centrally-align-mid * {
			color: #000 !important;
		}
		.inner-header-image {
			display: block;
			width: 100%;
			height: auto;
			margin-bottom: 20px;
		}
		.section-title {
			margin-top: 0;
		}
		
		#inner-header {
			background-image: none !important;
			height: auto;
		}
		.slideinnerimage {
			display: block !important;
			width: 100%;
			height: auto;
		}
		#slickslider .slick-slide {
			background-image: none !important;
		}
		#slickslider .slide-content {
			top: auto;
			-webkit-transform: none;
		    -ms-transform: none;
		    transform: none;
		    position: relative;
		    background-color: #fffef6;
		    max-width: 100%;
		    margin: 0;
		    width: 100%;
		    padding: 20px 20px 50px;
		    -webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			text-align: center;
		}
		#slickslider .slide-content * {
			color: #000 !important;
		}
		#slickslider .slide-content .button {
			background-color: #eb7225;
			border: none;
			text-transform: none;
			padding: 9px 25px;
			font-size: 21px;
			color: #fff !important;
		}
		#slickslider .slide-content.vertical-align-mid {
			margin-left: 0;
		}
		#slickslider .slick-slide {
			height: auto !important;
		}
		.slide-content h1, .slide-content h2 {
			font-size: 40px;
			line-height: 42px;
		}
		#slickslider:after, #inner-header:after {
			display: none;
		}
	}
	@media only screen and ( max-width: 640px ) {
		.single_add_to_cart_button {
			vertical-align: top;
		}
		.banner-button-right {
			width: 90%;
			margin: 0 auto;
			position: relative;
			top: auto;
			right: auto;
			left: auto;
			-webkit-transform: none;
		    -ms-transform: none;
		    transform: none;
		    float: none;
		}
		.where-to-buy-banner .trade-catalogue-content {
			margin-left: auto;
			margin-right: auto;
			width: 90%;
		}
		.inner-padding,
		#site-header .menu-primary-navigation-container .menu {
			padding: 10px 20px 20px;
		}
		.mix .col4.right {
			position: relative;
			top: auto;
			left: auto;
			right: auto;
			float: none;
			width: 100%;
			max-width: 200px;
			margin: 0 auto;
		}
		.col4 {
			width: 50%;
		}
		.toffee-products li {
			margin-bottom: 20px;
		}
		.delivery-label {
			padding-right: 60px;
			background-size: 50px auto;
		}
		.summary .cart {
			clear: both !important;
		}
		.summary .cart .quantity {
			margin: 0 30px 0 0 !important;
		}
		
	}
	@media only screen and ( max-width: 600px ) {
		.link-blocks .col3 {
			width: 100%;
			margin: 0 auto 30px;
			max-width: 350px;
			float: none;
		}
		.link-blocks .col3:last-child {
			margin-right: auto;
		}
		.cart-contents {
			display: none;
		}
		.social-icons {
			margin-right: 0;
		}
		.woocommerce ul.products li.product h3 {
			font-size: 24px;
			line-height: 30px;
		}
		ul.products.list li.product .price span {
			font-size: 24px !important;
			line-height: 28px;
		}
		.button, .wpcf7-submit {
			font-size: 20px;
		}
		#order_review th {
			text-align: left;
			margin-top: 10px;
		}
		
		/* Force table to not be like tables anymore */
		.shop_table thead {
			display: none !important;
		}
		.woocommerce-page table.shop_table,
		.woocommerce-page table.shop_table thead,
		.woocommerce-page table.shop_table tbody,
		.woocommerce-page table.shop_table tfoot,
		.woocommerce-page table.shop_table th,
		.woocommerce-page table.shop_table td,
		.woocommerce-page table.shop_table tr {
		    display: block;
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.woocommerce-page table.shop_table thead tr {
		    position: absolute;
		    top: -9999px;
		    left: -9999px;
		}
		
		.woocommerce-page table.shop_table tr {
		    /*border: 1px solid #d2d3d3; */
		}
		
		.woocommerce-page table.shop_table td {
		    /* Behave like a "row" */
		    border-bottom: 1px solid #d2d3d3;
		    position: relative;
		    padding: 5px 5px 5px 30% !important;
		}
		.woocommerce-page table.shop_table .order td {
			padding-left: 5px !important;
		}
		
		.woocommerce-page table.shop_table {
		    border: none;
		}
		
		.woocommerce-page table.shop_table td.product-spacer {
		    border-color: #FFF;
		    height: 10px;
		}
		
		.woocommerce-page table.shop_table td:before {
		    /* Now like a table header */
		    position: absolute;
		    /* Top/left values mimic padding */
		    top: 6px;
		    left: 6px;
		    width: 25%;
		    padding-right: 10px;
		    font-size: 12px;
		    white-space: nowrap;
		}
		
		/*
		Label the data
		*/
		.woocommerce-page table.shop_table td.product-remove:before {
		    content: "DELETE";
		}
		
		.woocommerce-page table.shop_table td.product-thumbnail:before {
		    content: "IMAGE";
		}
		
		.woocommerce-page table.shop_table td.product-name:before {
		    content: "PRODUCT";
		}
		
		.woocommerce-page table.shop_table td.product-price:before {
		    content: "PRICE";
		}
		
		.woocommerce-page table.shop_table td.product-quantity:before {
		    content: "QUANTITY";
		}
		
		.woocommerce-page table.shop_table td.product-subtotal:before {
		    content: "SUBTOTAL";
		}
		
		.woocommerce-page table.shop_table td.product-total:before {
		    content: "TOTAL";
		}
		
		.woocommerce .quantity,
		.woocommerce #content .quantity,
		.woocommerce-page .quantity,
		.woocommerce-page #content .quantity {
		    margin: 0;
		    float: none;
		}
		
		.woocommerce-page table.cart td.actions,
		.woocommerce-page #content table.cart td.actions {
		    text-align: left;
		    border:0;
		    padding-left: 6px !important;
		}
		
		.woocommerce-page table.cart td.actions .button.alt,
		.woocommerce-page #content table.cart td.actions .button.alt {
		    float: left;
		    margin-top: 10px;
		}
		
		.woocommerce-page table.cart td.actions div,
		.woocommerce-page #content table.cart td.actions div,
		.woocommerce-page table.cart td.actions input,
		.woocommerce-page #content table.cart td.actions input {
		    margin-bottom: 10px;
		}
		
		.woocommerce-page .cart-collaterals .cart_totals {
		    float: left;
		    width: 100%;
		    text-align: left;
		}
		
		.woocommerce-page .cart-collaterals .cart_totals th,
		.woocommerce-page .cart-collaterals .cart_totals td {
		    border:0 !important;
		}
		
		.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
		.woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
		.woocommerce-page .cart-collaterals .cart_totals table tr.total td {
		    padding-left: 6px !important;
		}
		
		.woocommerce-page table.shop_table tr.cart-subtotal td,
		.woocommerce-page table.shop_table tr.shipping td,
		.woocommerce-page table.shop_table tr.total td,
		.woocommerce-page table.shop_table.order_details tfoot th,
		.woocommerce-page table.shop_table.order_details tfoot td {
		    padding-left: 6px !important;
		    border:0 !important;
		}
		
		.woocommerce-page table.shop_table tbody {
		    padding-top: 10px;
		}
		
		.woocommerce .col2-set .col-1,
		.woocommerce-page .col2-set .col-1,
		.woocommerce .col2-set .col-2,
		.woocommerce-page .col2-set .col-2,
		.woocommerce form .form-row-first,
		.woocommerce form .form-row-last,
		.woocommerce-page form .form-row-first,
		.woocommerce-page form .form-row-last {
		    float: none;
		    width: 100%;
		}
		
		.woocommerce .order_details ul,
		.woocommerce-page .order_details ul,
		.woocommerce .order_details,
		.woocommerce-page .order_details {
		    padding:0;
		}
		
		.woocommerce .order_details li,
		.woocommerce-page .order_details li {
		    clear: left;
		    margin-bottom: 10px;
		    border:0;
		}
		
		/* make buttons full width, text wide anyway, improves effectiveness */
		#content table.cart td.actions .button,
		.woocommerce #content table.cart td.actions .input-text,
		.woocommerce #content table.cart td.actions input,
		.woocommerce table.cart td.actions .button,
		.woocommerce table.cart td.actions .input-text,
		.woocommerce table.cart td.actions input,
		.woocommerce-page #content table.cart td.actions .button,
		.woocommerce-page #content table.cart td.actions .input-text,
		.woocommerce-page #content table.cart td.actions input,
		.woocommerce-page table.cart td.actions .button,
		.woocommerce-page table.cart td.actions .input-text,
		.woocommerce-page table.cart td.actions input {
		    width: 100%;
		}
		
		/* keep coupon at 50% */
		#content table.cart td.actions .coupon .button,
		.woocommerce #content table.cart td.actions .coupon .input-text,
		.woocommerce #content table.cart td.actions .coupon input,
		.woocommerce table.cart td.actions .coupon .button,
		.woocommerce table.cart td.actions .coupon .input-text,
		.woocommerce table.cart td.actions .coupon input,
		.woocommerce-page #content table.cart td.actions .coupon .button,
		.woocommerce-page #content table.cart td.actions .coupon .input-text,
		.woocommerce-page #content table.cart td.actions .coupon input,
		.woocommerce-page table.cart td.actions .coupon .button,
		.woocommerce-page table.cart td.actions .coupon .input-text,
		.woocommerce-page table.cart td.actions .coupon input {
		    width: 48%;
		}
		
		/* clean up how coupon inputs display */
		#content table.cart td.actions .coupon,
		.woocommerce table.cart td.actions .coupon,
		.woocommerce-page #content table.cart td.actions .coupon,
		.woocommerce-page table.cart td.actions .coupon {
		    margin-top: 1.5em;
		}
		
		#content table.cart td.actions .coupon .input-text,
		.woocommerce table.cart td.actions .coupon .input-text,
		.woocommerce-page #content table.cart td.actions .coupon .input-text,
		.woocommerce-page table.cart td.actions .coupon .input-text {
		    margin-bottom: 1em;
		}
		
		/* remove cross sells, they interfere with flow between cart and cart totals + shipping calculator */
		.woocommerce .cart-collaterals .cross-sells,
		.woocommerce-page .cart-collaterals .cross-sells {
		    display: none;
		}
		
		.cart_item td {
			height: auto;
			min-height: 0;
		}
		#order_review .cart_item {
			background-color: transparent;
		}
		#order_review .cart_item td {
			height: auto;
		}
		.cart_item {
			border-bottom: none;
			margin-bottom: 20px;
		}
		.cart-collaterals {
			margin-top: 40px;
		}
		.product-quantity {
			width: auto;
		}
		.quantity {
			margin: 0 !important;
		}
		.edit-account legend {
			margin-bottom: 10px;
		}
		#order_review .cart_item td.product-name {
			width: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.slide-content h1, .slide-content h2 {
			font-size: 40px;
			line-height: 46px;
		}
	}
	
	
	@media only screen and ( max-width: 550px ) {
		h1 {
			font-size: 34px;
			line-height: 38px;
		}
		h2,
		.addresses-title, .upsells.products h2 {
			font-size: 26px;
			line-height: 30px;
		}
		h3 {
			font-size: 22px;
			line-height: 26px;
		}
		#tab-description ul li {
			display: block;
		}
		.wc-tabs-wrapper {
			margin-top: 30px;
		}
		.wc-tabs-wrapper:after, .wc-tabs-wrapper:before, .ui-tabs:after, .ui-tabs:before {
			background-image: none;
		}
		.wc-tabs li:after, .ui-tabs-nav li:after {
			display: none;	
		}
		.panel.wc-tab, .ui-tabs-panel {
			padding: 20px 0;
		}
		.wc-tabs li a, .ui-tabs-nav li a {
			padding: 10px 0;
		}
		.tabs li.active a {
			color: #eb7225
		}
		.product-title-wrap {
			padding-top: 0;
			background-image: none;
		}
		
		.slide-content span {
			color: #fff !important;
		}
		.intro,
		p .intro {
			max-width: 100%;
			font-size: 16px;
			line-height: 22px;
		}
		.team-member .email {
			padding-left:0;
		}
		.team-member .email:before {
			display: none;
		}
		.product .summary {
			width: 100%; 
			float: none;
		}
		.product .images {
			width: 100% !important; 
			float: none !important; 
			max-width: 200px !important;
			margin: 0 auto 20px !important;
		}
		.single_add_to_cart_button {
			clear: left !important;
			margin-top: 0px !important;
		}
		.tabcontent {
			width: 100%;
		}
		.footer-col span {
			font-size: 14px;
		}
		.shop-link {
			margin-bottom: 30px;
		}
		#slickslider:after, #inner-header:after {
			display: none;
		}
		.wc-tabs, .ui-tabs-nav {
			padding-left: 0;
		}
		.wc-tabs li, .ui-tabs-nav li {
			display: block;
			width: 100%;
			margin-left: 0;
		}
		#tab-nut-info li, .tab-info li {
			margin-bottom: 2px;
		}
		.woocommerce .quantity, .woocommerce-page .quantity {
			margin-bottom: 20px !important;
		}
		
	}
	@media only screen and ( max-width: 510px ) {
		#site-header .paintborder.full-border {
			display: none;
		}
		.bordered-intro-media {
			width: 150px;
			float: none;
			margin: 0 auto;
		}
		.bordered-intro-content {
			width: 90%;
		}
		.infographic-blocks li p {
			font-size: 14px;
			line-height: 18px;
		}
		.infographic-blocks li p strong {
			font-size: 16px;
			line-height: 18px;
		}
		.col23 .col3 {
			width: 48%;
			float: left;
		}
		.home #slickslider {
			background-color: transparent;
		}
		.signpost .inner-padding {
			padding: 20px;
		}
		.signpost h3,
		.fullwidth-callout h2,
		h2,
		.woocommerce ul.products li.product h3 {
			font-size: 26px !important;
			line-height: 30px !important;
		}
		.slide-content h1, .slide-content h2 {
		    font-size: 36px !important;
		    line-height: 42px !important;
		}
		.toffee-banner .banner-content {
			padding: 20px 0;
		}
		#accordion > h3 {
			padding: 20px 30px 20px 0px;
			font-size: 20px;
			line-height: 24px;
		}
		#accordion > h3:before {
			display: none;
		}
		h4, .tab-toggle, .mix h2,
		.shop-sidebar h3 {
			font-size: 18px;
			line-height: 22px;
		}
		.slide-content h1, .slide-content h2 {
		    font-size: 34px;
		    line-height: 38px;
		}
		.content-blocks > .col-half,
		.col3 {
			width: 100%;
			float: none;
			margin: 0 0 40px;
		}
		.inner-padding {
			padding: 20px;
		}

		.logo-link {
			width: 80px;
			float: left;
			margin: 5px 20px 10px;
			display: block;
		}
		#site-header .social-icons {
			position: absolute;
			right: 10px;
			bottom: 10px;
			margin: 0;
		}
		#site-header .social-icons li{
			margin-left: 5px;
		}
		#site-header .social-icons li a {
			height: 25px;
			width: 25px;
			line-height: 25px;
		}
		#site-header .social-icons li a i {
			font-size: 18px;
			line-height: 26px;
		}
		#menu-toggle {
			position: absolute;
			right: 10px;
			top: 10px;
			margin: 0;
		}
		.header-cart {
			position: absolute;
			top: 10px;
			right: 70px;
			margin: 0;
		}
		.cart-icon {
			height: 26px;
		}
		.slick-dots {
			position: relative;
		}
		.slick-dots li {
			margin: 0 2px;
		}
		.slick-dots li button {
			height: 10px;
			width: 10px;
		}
		#accordion > h3.uk-flag-icon,
		#accordion > h3.world-icon {
			padding-left: 0;
		}
		.toffee-products li {
			width: 96%;
		}
		.large-cart {
			display: none;
		}
		#accordion .col4,
		#accordion .flat-bordered-block .col23 {
			width: 100%;
		}
		#accordion .col4 img {
			margin-bottom: 20px;
		}
		.signpost h3, .fullwidth-callout h2, h2, .woocommerce ul.products li.product h3 {
			font-size: 20px !important;
			line-height: 24px !important;
		}
		.upsells.products .products li {
			width: 96% !important;
		}
		#locations {
			width: 100%;
			margin-top: 0;
			background-color: #fff;
			-webkit-appearance: menulist;
		}
		.back-link,
		.single-toffee-intro .subtitle {
			display: none;
		}
		.available-sizes li {
			font-size: 18px;
			margin: 0 10px;
		}
		.available-sizes li:after {
			right: -19px;
		}
		.single-toffee-intro .col-half.right img {
			height: 170px;
			width: auto;
			margin: 0 auto;
		}		
		.single-toffee-intro .col-half {
			margin-bottom: 10px;
		}
		
		/* Shop */
		ul.products.list li.product img.size-shop_catalog {
			width: 100% !important; 
			float: none !important; 
			max-width: 200px !important;
			margin: 0 auto 20px !important;
		}
		ul.products.list li.product h3, ul.products.list li.product div[itemprop="description"], ul.products.list li.product .price, ul.products.list li.product .gridlist-buttonwrap {
			width: 100% !important;
		}
		.shop-sidebar {
			display: none !important;
			margin: 20px 0 20px !important;
		}
		.products.list, .products.grid {
			margin-top: 30px !important;
		}
		
		.button, .wpcf7-submit,
		.banner-content .button {
			-webkit-border-image-source: none;
		    -moz-border-image-source: none;
		    border-image-source: none;
		    -webkit-border-image-slice:  0;
		    -moz-border-image-slice: 0;
		    border-image-slice: 0;
		    -webkit-border-image-width: 0;
		    -moz-border-image-width: 0;
		    border-image-width: 0;
		    border-image-repeat: none;
		    border: 3px solid #fff;
		    padding: 5px 15px;
		}
		.summary .cart .quantity {
			margin-right: 20px !important;
		}
		.available-sizes {
		margin-bottom:0; 
		padding:0 0 10px 0; 
		}
		
		.available-sizes:before {
		content: none;
		}
		.available-sizes:after {
		content: none;
		}
		.vertical-tick-list li, .tick-list li {
			display: block;
		}
		.home .tick-list {
			margin-top: -10px;
			padding:0 0 4px 0;
		}
		
		.tick-list {
			margin:0;
			padding:0;
		}
		
	}	
	
	@media only screen and ( max-width: 380px ) {
	
		.slide-content h1, .slide-content h2 {
		    font-size: 30px !important;
		    line-height: 36px !important;
		}
	
	}	
		