/*
|-----------------------------------------------------------------------------------------------------------------
| Responsive Stylesheet
|-----------------------------------------------------------------------------------------------------------------
*/




/*
|--------------------------------------------------------------------------
| Max Width #2100px
|--------------------------------------------------------------------------
*/
@media (max-width: 2100px) {
	.tile-row .article-mini--image {
		padding-top: 85%;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #2000px
|--------------------------------------------------------------------------
*/
@media (max-width: 2000px) {
	header .search-form {
		max-width: 400px;
	} 
}


/*
|--------------------------------------------------------------------------
| Max Width #1800px
|--------------------------------------------------------------------------
*/
@media (max-width: 1800px) {
	.category-grid > div {
		width: 25%;
	}

	.inner-nav {
		justify-content: space-around;
		padding: 0 20px;
	}
	.inner-nav > div {
		padding: 4px 0 2px;
	}

	.image-tile-intro {
        padding: 85px;
    }

	.tile-row .article-mini--image {
		padding-top: 100%;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1600px
|--------------------------------------------------------------------------
*/
@media (max-width: 1600px) {
	.panel--padding-120 {
		padding: 100px 0;
	}

	.product-grid .segment-20 {
		width: 25%;
	}

	.content-tiles.lg .tile-row {
		min-height: 560px;
	}
	.content-tiles.md .tile-row {
		min-height: 385px;
	}
	.pad-lg > .tile-content--inner {
		padding: 100px;
	}
	.pad-md > .tile-content--inner {
		padding: 70px;
	}
	.tile-content--title {
		font-size: 54px;
	}
	.title-md .tile-content--title {
		font-size: 48px;
	}
	.title-sm .tile-content--title {
		font-size: 30px;
	}
	.tile-content--inner .content:not(:last-child) {
		margin-bottom: 30px;
	}

	.tile-row--image > div {
		padding: 60px;
	}
	.article-mini--title {
		font-size: 18px;
	}
	.article-mini--content > .content {
		font-size: 15px;
	}

	header .search-form {
		max-width: 335px;
	}

	.listing-msg-banners {
		flex-direction: column;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #1500px
|--------------------------------------------------------------------------
*/
@media (max-width: 1500px) {
	.header-main--actions > div:not(:first-child) {
		margin-left: 40px;
	}

	.tile-row .article-grid > div {
		width: 50%;
	}
	.tile-row .article-grid > div:nth-child(3) {
		display: none;
	}

	.bottom-cta-banner--logo {
		max-width: 235px;
	}
	.bottom-cta-banner--usps > span {
		padding: 10px 15px;
		font-size: 16px;
		font-weight: 400;
	}
	.bottom-cta-links .button {
		font-size: 16px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1400px
|--------------------------------------------------------------------------
*/
@media (max-width: 1400px) {
	.panel--padding-120, 
	.panel--padding-100 {
		padding: 80px 0;
	}

	#checkout-container {
		padding: 0 20px 0 120px;
	}

	#confirm-container {
		padding: 0 20px 0 170px;
	}

	.checkout-side {
		padding: 45px 0 0 20px;
	}

	.checkout-main {
		width: 60%;
		padding: 45px 20px 0 0;
	}

	.basket-item-qty {
		padding: 0 25px;
	}

	.basket-item-pricing {
		min-width: 160px;
	}

	.basket-sidebar {
		max-width: 340px;
		margin: 0 0 0 25px;
	}

	.payment-method--button {
		font-size: 15px;
	}

	.payment-method--title {
		padding: 2px 0;
	}

	.comparison-bar--product-title {
		font-size: 10px;
		height: 24px;
	}

	.js-rm--toggle {
		font-size: 15px;
		margin-top: 15px;
	}

	.header-main--inner {
		padding: 20px 30px;
	}
	.header-main--inner > *:not(:last-child) {
		margin-right: 35px;
	}
	.header-main--nav > a {
		font-size: 15px;
	}

	.content-tiles.lg .tile-row {
        min-height: 520px;
    }
	.content-tiles.md .tile-row {
        min-height: 335px;
    }
	.tile-content--inner {
		padding: 45px;
	}
	.pad-md > .tile-content--inner {
        padding: 60px;
    }
	.pad-lg > .tile-content--inner, .image-tile-intro {
		padding: 80px;
	}
	.tile-content--title {
        font-size: 50px;
    }
	.tile-content--title:not(:last-child) {
		margin-bottom: 8px;
	}
	.title-md .tile-content--title {
		font-size: 44px;
	}
	.title-sm .tile-content--title {
		font-size: 28px;
	}
	.tile-content--inner .content {
		font-size: 15px;
	}

	.footer-right > div {
		width: unset;
		flex: 1 0 auto;
		margin-right: 40px;
	}

	.category-main {
		padding: 30px;
	}
	.category-grid--item--text {
		font-size: 16px;
	}
	.cat-grid-alt a {
		font-size: 36px;
	}

	.content-images-main {
		padding: 55px 45px;
	}
	.content-titles > h1 {
		font-size: 38px;
	}

	.bottom-cta-banner {
		padding: 18px 20px;
	}
	.bottom-cta-banner--usps {
		padding: 0 10px;
	}
	.bottom-cta-banner--usps > span {
        padding: 10px 12px;
	}

	.education-top > *:not(:last-child) {
		margin-right: 70px;
	}

	.title-plain {
		font-size: 48px;
		margin-bottom: 30px;
	}

	.timeline-cont:not(:first-child) {
		margin-top: 70px;
	}
	.timeline-heading__date {
		font-size: 76px;
	}
	.timeline-item__main {
		padding: 26px;
	}
	.timeline-item__title {
		font-size: 50px;
	}

	.sym-header-simple {
		padding: 80px 0 40px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1350px
|--------------------------------------------------------------------------
*/
@media (max-width: 1350px) {

	.listing-deadline-doughnut {
		display: inline-block;
	}

	.listing-deadline-doughnut,
	.listing-deadline--details {
		float: none;
	}

	.listing-deadline--details {
		padding: 0 0 10px 0;
	}

	.listing-deadline-doughnuts {
		float: none;
		text-align: center;
	}

	.sym-header-simple {
		padding: 80px 0 40px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1280px
|--------------------------------------------------------------------------
*/
@media (max-width: 1280px) {
	body, input, textarea, 
	.image-tile-intro--inner .content {
		font-size: 15px;
	}
	.product-grid .segment-20 {
		width: 33.333333333%;
	}

	.listing-extra {
		width: 100%;
		float: none;
	}

	.overlay-overview {
		height: auto;
	}

	.overlay--inner .listing-image,
	.overlay-basket--left {
		display: none;
	}

	.overlay-basket--right {
		width: 100%;
	}

	.overlay-thin .overlay--inner {
		max-width: 420px;
	}

	.header-main--inner {
        padding: 15px 30px;
        height: 100px;
    }
	header .logo {
		min-width: 180px;
	}
	.header-main--inner > *:not(:last-child) {
        margin-right: 30px;
    }
	.header-main--actions > div:not(:first-child) {
        margin-left: 30px;
    }
	.header-main--action svg {
		margin-bottom: 0;
	}
	.header-main--action span {
		display: none;
	}
	.header-main--nav > a {
        font-size: 14px;
    }

	.category-grid > div {
		width: 33.33333%;
	}

	.cat-grid-alt > div {
		width: 20%;
	}
	.cat-grid-alt a {
        min-height: 100px;
        font-size: 32px;
    }

	.listing-main {
		width: 565px;
		padding-right: 30px;
	}
	.listing-overview--top > h1 {
		font-size: 30px;
	}

	.listing-methods {
		flex-direction: column;
	}
	.listing-methods > span {
		margin: 0 0 10px;
	}

	.article {
		padding: 40px;
	}
	.article--title {
		font-size: 32px;
		padding: 30px 0;
	}

	.jumbotron {
		min-height: 155px;
	}
	.jumbotron--title {
		font-size: 48px;
	}
	.inner-nav a {
		font-size: 13px;
	}

	.content-side {
		width: 400px;
	}

	.content > h1 {
		font-size: 32px;
	}
	.education-top > *:not(:last-child) {
        margin-right: 50px;
    }
	.education-logo {
		min-width: 190px;
	}
	.education-logo img {
		max-width: 190px;
	}
	.education-top--content > .content:not(:last-child) {
		margin-bottom: 24px;
	}
	.category-events--filters--title, 
	.category-events--row .friend-banner--logo {
		width: 100%;
		max-width: 100%;
		flex: unset;
		margin: 0 0 15px;
	}
	.friend-banner--content {
		padding-left: 0;
	}

	.event-list > .product-grid {
		margin: 0 0 -15px -15px;
	}
	.event-list .product-grid--item, 
	.category-events .event-list .product-grid--item {
		padding: 0 0 15px 15px;
		width: 33.33333% !important;
	}

	.archive-side {
		width: 400px;
		margin-right: 24px;
	}
	.archive-side--inner {
		padding: 32px;
	}
	.archive-side--inner > *:not(:last-child) {
		margin-bottom: 24px;
	}
	.archive-side--title {
		font-size: 20px;
	}
	.archive-main {
		padding: 24px;
	}

	.sym-header--item {
		padding: 0 20px;
	}
	.sym-header--link {
		font-size: 16px;
	}
	.sym-header--logo {
		width: 200px;
	}
	.sym-home--heading {
		padding-bottom: 60px;
	}
	.sym-event--full-image {
		margin-bottom: 0;
	}

	.help-heading--main {
		padding: 32px;
	}
	.help-heading--main h1 {
		font-size: 46px;
	}
	.help-contact > * {
		flex: unset;
		width: 100%;
	}
	.help-heading--image {
		max-width: 240px;
	}

	.search-page-results.has-articles .product-grid--item.segment-20 {
		width: 33.3333333%;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1200px
|--------------------------------------------------------------------------
*/
@media (max-width: 1200px) {
	h3 {
		font-size: 32px;
	}
	.panel--padding-120, 
	.panel--padding-100, 
	.panel--padding-90, 
	.panel--padding-80 {
		padding: 70px 0;
	}

	.product-grid--item-inner:hover .product--overlay-top,
	.product-grid--item-inner:hover .product--overlay-bottom {
		display: none;
	}

	.sidebar,
	.sidebar:before {
		width: 260px;
	}

	.basket-heading--title {
		font-size: 36px;
	}

	.counter-input-button {
		width: 26px;
		height: 26px;
	}

	.basket-item-pricing {
		min-width: 130px;
	}

	.basket-item .has-right-divider:after {
		top: 0;
		bottom: 0;
	}

	.basket-item-details,
	.basket-item-pricing,
	.basket-item-qty {
		padding: 0 15px;
	}

	.counter-input {
		min-height: 26px;
	}

	.basket-heading--text {
		margin-left: 40px;
		font-size: 14px;
	}

	.basket-item-remove {
		font-size: 11px;
	}

	.counter-input input {
		font-size: 14px;
	}

	.basket-item-option {
		margin-right: 10px;
	}

	.basket-item-image {
		width: 70px;
	}

	.basket-item-options {
		font-size: 12px;
	}

	.basket-item-title-link {
		font-size: 16px;
	}

	.account-sidebar {
		width: 200px;
	}

	.account-details--left {
		width: 50%;
	}

	.brands-list--item {
		width: 20%;
	}

	.listing-tabs-button {
		font-size: 14px;
	}

	.brand-letter {
		width: auto;
		display: inline-block;
		float: none;
		padding: 0 1px 5px 0;
	}

	.brand-letter--inner {
		padding: 0;
		line-height: 40px;
		height: 40px;
		width: 40px;
	}

	.shop.hide {
		margin-left: -260px;
	}
	.featured-filter {
		width: 33.3333333%;
	}
	.featured-filter:nth-child(4n) {
		border-right: 1px solid #e9e9e9;
	}
	.featured-filter:nth-child(3n) {
		border-right: 0;
	}

	.loyalty {
        font-size: 15px;
    }

	header .logo {
		min-width: unset;
		width: 165px;
	}

	.header-main--actions > div:not(:first-child) {
        margin-left: 25px;
    }

	.content-tiles.lg .tile-row {
        min-height: 480px;
    }
	.content-tiles.md .tile-row {
        min-height: 285px;
    }
	.tile-content--image {
		width: 60px;
	}
	.tile-content--inner {
		padding: 30px;
	}
	.pad-md > .tile-content--inner {
        padding: 50px;
    }
	.pad-lg > .tile-content--inner, .image-tile-intro {
		padding: 60px;
	}
	.tile-content--title {
        font-size: 44px;
	}
	.title-md .tile-content--title, 
	h1.image-tile-into--title {
		font-size: 40px;
	}
	.title-sm .tile-content--title {
		font-size: 28px;
	}
	.tile-content--inner .content:not(:last-child) {
        margin-bottom: 20px;
    }

	.tile-row--image > div {
        padding: 45px;
    }

	.footer-main {
		padding: 60px 0;
	}
	.footer-main--inner > * {
		width: unset;
		flex: 1 0 auto;
	}

	.content-images-main {
		min-width: 550px;
	}
	.content-images-page > div {
		flex: unset;
		width: 100%;
	}

	.bottom-cta-banner {
        padding: 25px 20px;
		flex-direction: column;
	}
	.bottom-cta-banner--usps {
		flex-wrap: wrap;
	}
	.bottom-cta-banner > *:not(:last-child) {
		margin-bottom: 15px;
	}
	.bottom-cta-links .button {
        font-size: 14px;
        padding: 18px 10px 14px;
    }

	.listing-main {
		width: 500px;
	}
	.listing-thumbnail {
		width: calc(33.333333% - 10px);
	}

	.listing-overview--top > h1 {
		font-size: 28px;
	}
	.listing-purchase-actions {
		flex-direction: column;
		align-items: baseline;
	}
	.listing-overview--main {
		padding: 25px;
	}
	.listing-dd--title {
		padding: 22px 20px 18px;
	}
	

	.timeline-heading__date {
		font-size: 68px;
	}
	.timeline-item__main {
		padding: 20px;
	}
	.timeline-item__title {
		font-size: 44px;
	}
	.timeline-item__image {
		min-height: 140px;
		width: 205px;
	}

	.sym-header {
		padding: 25px;
	}
	.sym-header-simple {
		padding: 50px 0 20px;
	}
	.sym-header-simple img {
		width: 300px;
	}
	.sym-feature {
		padding: 20px;
	}
	.sym-feature--inner {
		padding: 50px;
	}
	.sym-feature--title {
		font-size: 21px;
	}
	.sym-feature--title:not(:last-child) {
		margin-bottom: 25px;
		padding-bottom: 20px;
	}
	.sym-feature--subtitle {
		font-size: 18px;
	}
	.prev-syms--title {
		font-size: 24px;
	}
	.sym-page--title {
		font-size: 32px;
	}
	.sym-heading--block .content, .sym-heading--block .content p, .sym-experts-heading .content, .sym-experts-heading .content p {
		font-size: 14px;
	}
	.sym-bottom-grid-column, .expert {
		margin: 0 50px;
		width: calc(50% - 100px);
	}
	.sym-event-group, .sym-event-form, .event-selects--container {
		padding: 50px 0 0;
	}
	.sym-event-group {
		margin: 50px 0 0;
	}

	.search-article {
		width: 33.333333333%;
	}

	.member--name {
		font-size: 20px;
	}

	.questionnaire-section {
		min-width: 420px;
	}
	.questionnaire-section:last-child:not(:first-child) {
		margin-left: 40px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1100px
|--------------------------------------------------------------------------
*/
@media (max-width: 1100px) {
	.education-cutout {
		display: none;
	}
	.education-quote {
		display: none;
		padding: 0!important;
		min-width: 0;
		max-width: 0;
	}

	.content-title {
		font-size: 28px;
	}

	.archive-side {
        width: 350px;
        margin-right: 24px;
    }

	.sym-event--logo {
		width: 110%;
	}
	.image-with-text--text {
        padding: 40px 35px;
    }
	.content-gallery--main {
		padding: 28px;
	}
	.content-gallery--side-content {
		padding: 28px;
	}
	.content-gallery--imgs {
		min-width: 400px;
	}
	.content-gallery--imgs:not(:first-child) {
		margin-left: 24px;
	}
	.content-gallery--imgs > *:not(:last-child) {
		margin-bottom: 24px;
	}
	.content-gallery--side-content .content-title {
		font-size: 20px;
	}

	.cms-sidebar {
		width: 295px;
	}
	.help-heading--main h1 {
        font-size: 42px;
    }
	.help-contact--form {
		padding: 28px;
	}

	.sym-event--logo {
    	width: 480px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1023px
|--------------------------------------------------------------------------
*/
@media (max-width: 1023px) {
	.main-inner {
		border-top: 0;
	}
	body, input, textarea, 
	.image-tile-intro--inner .content {
		font-size: 15px;
	}

	.button-outline {
		min-height: unset;
	}

	h3 {
		font-size: 28px;
	}

	.grid--36 {
		margin: 0 -25px -25px 0;
	}
	.grid--36 > * {
		padding: 0 25px 25px 0;
	}

	.panel--padding-120, 
	.panel--padding-100, 
	.panel--padding-90, 
	.panel--padding-80, 
	.panel--padding-72,
	.panel--padding-70 {
		padding: 60px 0;
	}

	.button {
		padding: 12px 18px 8px;
	}
	.header-top,
	.checkout-stages, 
	.header-main--nav {
		display: none;
	}

	.mobile-cart--btn-cont,
	.mobile-menu,
	.filter-subcategories,
	.checkout-breadcrumbs {
		display: block;
	}

	

	.mobile-menu--btn {
		display: flex;
	}

	.account-section--title {
		font-size: 16px;
	}

	.account-panel,
	.account-panels--wide .account-panel {
		width: 50%;
	}

	.basket-item-qty {
		margin: 10px 0 0 0;
	}

	.basket-item-details {
		justify-content: flex-start;
	}

	.basket-item-pricing {
		align-items: flex-end;
		margin: auto 0 0 0;
		padding: 0;
		min-width: 0;
	}

	.basket-item-details {
		padding-right: 0;
	}

	.basket-item-details:after {
		display: none;
	}

	.basket-item-savings {
		order: 3;
	}

	.basket-item-price {
		order: 2;
		font-size: 22px;
	}

	.basket-item {
		padding: 20px;
	}

	.basket-item-image-wrapper .has-right-divider:after {
		display: none;
	}

	.basket-item-image {
		width: 140px;
	}

	header {
        text-align: center;
        min-height: auto;
        border-bottom: 1px solid #DFEFDB;
    }

	.footer-bottom--inner {
		flex-direction: column;
		text-align: center;
	}
	.footer-bottom-links {
		margin-bottom: 40px;
		margin-right: 0;
	}

	.cart-main {
		padding: 0 0 30px 0;
		width: 100%;
		float: none;
	}

	.cart-side {
		float: none;
		width: 100%;
		padding: 0;
	}

	#checkout-container,
	#confirm-container {
		padding: 0 20px;
	}

	.checkout-side {
		padding: 45px 0 0 30px;
	}

	.checkout-main {
		padding: 45px 30px 0 0;
	}

	.checkout-main {
		width: 100%;
		float: none;
		border-right: none;
		padding-right: 0;
		padding-bottom: 30px;
	}

	.checkout-side {
		width: 100%;
		float: none;
	}

	.checkout-side {
		display: none;
		padding: 0 0 30px 0;
	}

	.checkout-action {
		padding-bottom: 0;
	}

	.listing .container {
		width: 100%;
		padding: 0 20px 20px;
	}

	.quote-side {
		width: 100%;
		margin-top: 30px;
	}

	.cart-option--image-text {
		display: none !important;
	}

	.loyalty {
        font-size: 14px;
    }

    .category-main {
        padding: 25px;
    }

	.tile-content--inner {
		padding: 25px;
	}
	.pad-md > .tile-content--inner, 
	.pad-lg > .tile-content--inner, .image-tile-intro {
        padding: 40px;
    }
	.content-tiles.lg .tile-row {
        min-height: 440px;
    }
	.content-tiles.md .tile-row {
        min-height: 235px;
    }
	.tile-content--image {
        width: 20px;
    }
	.tile-content--title {
        font-size: 38px;
    }
	.title-md .tile-content--title, 
	h1.image-tile-into--title {
		font-size: 34px;
	}
	.title-sm .tile-content--title {
        font-size: 24px;
    }
	.tile-content--inner .content {
        font-size: 14px;
    }

	.tile-row .article-grid {
		display: none;
	}

	h1.image-tile-into--title {
		margin-bottom: 12px;
	}

	.image-tile.lg .image-tile--title {
		font-size: 20px;
	}

	.cat-grid-alt > div {
        width: 25%;
    }

	.content-images-side > div:not(:last-child), 
	.bottom-cta-banner:not(:last-child) {
		margin-bottom: 25px;
	}
	.content-images-page + .bottom-ctas .bottom-cta-links {
		margin: 0 -25px -25px 0;
	}
	.content-images-page + .bottom-ctas .bottom-cta-links > div {
		padding: 0 25px 25px 0;
	}

	.category-heading {
		padding: 50px;
		margin-bottom: 30px;
	}

	.listing-page {
		padding: 40px 0;
	}
	.listing-purchase-actions {
		flex-direction: row;
	}
	.listing-main {
		width: 100%;
		padding-right: 0;
	}
	.listing-main-alt {
		padding-left: 0;
	}
	.listing-image-slider-container {
		margin-bottom: 30px;
	}
	.listing-image--link img {
		max-width: 500px;
	}
	.listing-thumbnails--grid {
		display: none;
	}

	.listing-titles-mob {
		display: block;
	}

	.blog-grid:not(:last-child) {
		padding-bottom: 40px;
	}
	.title-plain {
		font-size: 44px;
		margin-bottom: 25px;
	}
	.blog-search:not(:last-child) {
		margin-bottom: 50px;
	}
	.article-item-featured .article-item--image {
		max-width: 385px;
	}
	.article-item-featured .article-item--title {
		font-size: 28px;
	}
	.article-item-featured .article-item--main > .article-item--title:not(:last-child) {
		margin-bottom: 16px;
	}
	.article-item--bottom > .button {
		padding: 8px 12px 4px;
	}

	.blog-page--return {
		margin: -35px 0 25px;
	}

	.article {
		padding: 30px;
	}
	.article--title {
		font-size: 28px;
	}

	.image-tile-intro--inner .content:not(:last-child) {
		margin-bottom: 25px;
	}

	h1.gallery-content--title {
		font-size: 46px;
	}
	.gallery-grid-container:not(:first-child) {
		margin-top: 60px;
		padding-top: 35px;
	}
	.gallery-grid--title {
		margin-bottom: 30px;
	}

	.jumbotron--title {
		font-size: 44px;
	}

	.inner-nav--toggle {
		display: flex!important;
	}
	.inner-nav {
		display: none;
		padding: 10px 0;
	}
	.inner-nav > div {
		padding: 0;
	}
	.inner-nav a {
		font-size: 15px;
		padding: 12px 20px 10px;
		width: 100%;
	}
	.inner-nav a.sel {
		font-weight: 800;
	}
	.inner-nav a.sel::after {
		display: none;
	}

	.content-w-side > div.flex {
		flex-direction: column-reverse;
	}
	.content-title {
		font-size: 28px;
		margin-bottom: 20px;
	}
	.content-side {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.content-side > div {
		flex: 1;
	}
	.content-side > div:not(:last-child) {
		margin-bottom: 0;
		margin-right: 20px;
	}
	.content-main:not(:first-child) {
		margin-bottom: 25px;
	}

	.content-w-side > div:not(:last-child) {
		margin-bottom: 50px;
	}

	.education-top > *:not(:last-child) {
        margin-right: 45px;
    }

	.category-events--row {
		flex-direction: column;
	}

	.archive {
		flex-direction: column;
	}
	.archive-main {
		padding: 0;
	}
	.archive-side {
		display: flex;
		flex-direction: column-reverse;
		width: 100%;
		margin: 0 0 25px;
	}
	.archive-side--title {
		display: flex; 
		align-items: center;
		justify-content: space-between;
		max-width: 100%;
		cursor: pointer;
		margin-bottom: 0!important;
		-webkit-transition: ease-in-out .2s;
		transition: ease-in-out .2s;
	}
	.archive-side--title.open {
		margin-bottom: 20px!important;
	}
	.archive-side--title::after {
		content: '';
		position: relative;
		width: 30px; height: 14px;
		margin: -2px 0 0 15px;
		-webkit-transition: ease-in-out .2s;
		transition: ease-in-out .2s;
		background-image: url('data:image/svg+xml,<svg width="22" height="10" viewBox="0 0 22 10" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_394_2)"><mask id="mask0_394_2" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="22" height="10"><path d="M22 0.0761719H0V9.70117H22V0.0761719Z" fill="white"/></mask><g mask="url(%23mask0_394_2)"><path d="M11 9.01375C10.9098 9.01485 10.8204 8.99707 10.7376 8.96155C10.6547 8.92603 10.5801 8.87355 10.5187 8.8075L4.33125 2.62C4.05625 2.345 4.05625 1.91875 4.33125 1.64375C4.60625 1.36875 5.0325 1.36875 5.3075 1.64375L11.0137 7.35L16.7062 1.6575C16.9812 1.3825 17.4075 1.3825 17.6825 1.6575C17.9575 1.9325 17.9575 2.35875 17.6825 2.63375L11.495 8.82125C11.3575 8.95875 11.1787 9.0275 11.0137 9.0275L11 9.01375Z" fill="%233D3935"/></g></g><defs><clipPath id="clip0_394_2"><rect width="22" height="9.77778" fill="%233D3935"/></clipPath></defs></svg>'); 
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.archive-side--title.open::after {
		transform: rotate(180deg);
	}
	.archive-side--image {
		max-width: 220px;
		margin: 0 auto;
		border-radius: 12px 0;
		overflow: hidden;
	}

	.archive-downloads {
		display: none;
	}

	.timeline-heading {
		font-size: 22px;
		margin-bottom: 32px;
	}
	.timeline-heading__date {
        font-size: 60px;
    }
	.timeline-item {
		position: relative;
		margin: 0 0 20px 0 !important;
		width: 100%;
	}

	.sym-event--logo {
        width: 420px;
    }
	.sym-feature--desc, .prev-sym--main {
		font-size: 14px;
	}
	.prev-sym--main {
		padding: 20px 15px 15px;
	}
	.expert, .sym-bottom-grid-column {
		margin: 0;
	}
	.expert, .sym-bottom-grid-column {
		width: calc(50% - 20px);
		margin: 0 10px;
	}
	.sym-videos .segment-33 {
		width: 50%;
	}

	.sym-expert--container {
		padding: 32px;
	}
	.sym-expert--side {
		margin-right: 32px;
	}
	.sym-expert--main > * {
		margin-bottom: 32px;
	}
	.sym-expert-content--gallery > * { 
		width: calc(50% - 6px);
		padding: 0 0 12px 0;
	}

	.content-gallery--imgs {
		margin-right: -28px;
	}
	.content-gallery--imgs > * {
		margin-right: 28px;
		width: calc(50% - 28px);
	}
	.content-gallery--imgs:not(:first-child) {
        margin-left: 0;
        margin-top: 24px;
    }
	.content-gallery {
		flex-direction: column;
	}
	.content-gallery--side-content {
		width: 100%!important;
	}

	.help-page > * {
		width: 100%;
	}
	.cms-sidebar {
		margin: 0 0 36px;
		padding: 0;
	}

	.cms-sidebar__title svg {
		display: block;
		-webkit-transition: ease-in-out .2s;
		transition: ease-in-out .2s;
	}
	.cms-sidebar__title {
		margin-bottom: 0;
		padding: 20px 20px 18px;
		font-size: 16px;
		font-family: 'hanken-grotesk';
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: 0.08em;
		-webkit-transition: ease-in-out .2s;
		transition: ease-in-out .2s;
		cursor: pointer;
	}
	.cms-sidebar__title.open svg {
		transform: rotate(180deg);
	}
	.cms-page-list {
		display: none; 
		padding: 0 20px 20px;
	}

	.product-inner--title {
		font-size: 16px;
	}
	.event-list .product-inner--subtitle {
		font-size: 15px;
	}
	.selected-course-filters {
		margin-bottom: 25px;
	}

	.category-search-heading {
		margin: 37px auto 56px;
	}
	.category-search-heading h1 {
		font-size: 36px;
		margin-bottom: 16px;
	}

	.search-page-results.has-articles .category-inner {
		padding: 0;
	}
	.category-inner + .search-articles {
		position: relative;
		height: max-content;
		width: 100%;
		margin: 0;
		border: 0;
		padding: 0;
		margin-top: 20px;
	}
	.category-inner + .search-articles .search-article {
		width: 33.333333333%;
	}

	.search-article .article-item {
		min-height: 100%;
	}

	.team-grid.grid--40 {
		margin: 0 -30px -30px 0;
	}
	.team-grid.grid--40 > * {
		padding: 0 30px 30px 0;
	}
	.team-grid > div {
		width: 33.333333%;
	}

	.footer-newsletter--inner > .footer-title {
		font-size: 22px;
	}
	.footer-newsletter--inner > .content {
		font-size: 16px;
	}

	.cms-promo-banner--inner {
		flex-direction: column;
		padding: 18px;
	}
	.cms-promo-banner--inner > * {
		margin-right: 0!important;
		margin-bottom: 22px;
	}
	.cms-promo-banner--inner > *:last-child {
		margin-bottom: 0;
	}

	.questionnaire > .flex {
		flex-direction: column-reverse;
	}
	.questionnaire-section {
        min-width: 100%;
    }
	.questionnaire-section:last-child:not(:first-child) {
		margin: 0 0 24px;
	}
	.experts-cont--title {
		font-size: 44px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1000px
|--------------------------------------------------------------------------
*/
@media (max-width: 1000px) {
	.sidebar .filters--title,
	.sidebar:before,
	.shop--navtrail .breadvrumb-trail {
		display: none;
	}

	.account-details--left,
	.account-details--right {
		width: 100%;
	}

	.search-page {
		flex-wrap: wrap;
	}

	.overlay-basket-basic .overlay--inner {
		max-width: 90%
	}

	.sidebar-content {
		overflow: visible;
	}

	.basket-action {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.basket-action > .button {
		order: 2;
	}

	.basket-action .button:first-child {
		order: 3;
		margin: 0 0 0 auto;
	}

	#updateBasketBtn {
		order: 1;
		width: 100%;
	}

	.listing-tabs-buttons {
		display: block;
		width: 100%;
		height: 70px;
		overflow: hidden;
		padding: 0;
	}

	.listing-tabs-buttons.show {
		display: table;
		width: 100%;
	}

	.sidebar {
		border-top: 2px solid #f4f4f4;
	}

	.listing-tabs-buttons.show .listing-tabs-button {
		display: table-row-group;
	}

	.listing-tabs-buttons.show .listing-tabs-button.sel {
		display: table-header-group;
		padding: 15px;
		background: url(/images/style/basic/icon-chevron-up-white.png) center right
			30px no-repeat rgba(0, 0, 0, 0.1);
	}

	.listing-tabs-button {
		display: none;
		padding: 0;
	}

	.listing-tabs-button span {
		display: block;
		padding: 20px 30px;
	}

	.listing-tabs-button.sel {
		width: 100%;
		display: block;
		background: url(/images/style/basic/icon-chevron-down-white.png) center
			right 30px no-repeat;
	}

	.listing-tabs-button.sel span {
		display: block;
		font-size: 21px;
		padding: 22px 30px;
	}

	.footer-payment {
		float: none;
		display: block;
		text-align: center;
	}

	.listing-ratings,
	.listing-detail {
		text-align: left;
		display: block;
	}

	.grid-filters-subcategories {
		display: none;
	}

	.filter-subcategories .filter-title {
		display: block;
	}

	.listing-tabs-buttons,
	.comparison-bar {
		display: none !important;
	}

	.listing-tab {
		display: block !important;
	}

	/*Mobile Filters*/

	#sidebar--mbl-filters {
		display: block;
	}

	#mbl-filters {
		background: #01c4f4;
		color: #fff;
	}

	#mbl-filters span:after,
	#mbl-filters span:before {
		background: #fff;
	}

	#mbl-filters-sub .list-reset {
		padding: 4px 32px 22px 32px;
	}

	.search_dropdown {
		left: 50%;
		transform: translateX(-50%);
		right: auto;
	}

	.mobile-search--input {
		overflow: visible;
		position: relative;
	}

	.onpage-search .mobile-search--submit {
		position: absolute;
		right: 0;
	}

	.address-block--add,
	#savedAddresses .address-block {
		width: 50%;
	}

	.wishlist-prod-add-button button span {
		display: none;
	}
}

/*
|--------------------------------------------------------------------------
| Min Width #900px
|--------------------------------------------------------------------------
*/
@media (min-width: 900px) {
	.sidebar__categories--title + ul {
		display: block!important;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #900px
|--------------------------------------------------------------------------
*/
@media (max-width: 900px) {
	
	.sidebar {
		width: 100%;
	}

	.breadcrumbs {
		display: none;
	}

	.mobile-menu--btn-cont,
	.mobile-cart--btn-cont,
	.account-sidebar--mobile-title,
	.mobile-menu {
		display: block;
	}

	.home-welcome,
	.sort-by,
	.account-box,
	.home-news {
		width: 100%;
		float: none;
	}

	.shop--navtrail--sort {
		width: 100%;
	}
	.shop--navtrail .breadcrumb-trail {
		width: 100%;
		max-width: unset;
	}
	.shop--navtrail .breadcrumb-trail:not(:last-child) {
		margin-bottom:  15px;
	}

	.basket-heading--text {
		margin-left: 15px;
	}

	.account-sidebar,
	.account-main {
		width: 100%;
	}

	.account-sidebar {
		margin: 0 0 20px;
	}

	.home-tab .segment-60,
	.home-tab .segment-40,
	.page-list--item {
		width: 50%;
	}

	.brands-list--item {
		width: 25%;
	}

	.page-list--item-inner {
		padding: 0 0 50% 0;
	}

	.listing-deadline-doughnut {
		margin: 0;
		padding: 0;
	}

	.home-welcome {
		margin: 30px 0 0 0;
	}

	.home-welcome {
		padding: 20px;
	}

	.jumbotron--title {
		font-size: 36px;
	}

	.home-tab--btn.sel {
		font-size: 18px;
	}

	.footer-top > .container {
		text-align: center;
		height: auto;
	}

	.new-products {
		padding: 60px 0 40px 0;
	}

	.home-welcome {
		float: left;
	}

	@-webkit-keyframes overlayEntrance {
		0% {
			max-width: none;
			width: 95%;
			top: 40px;
			left: 2.5%;
			right: 2.5%;
		}
		100% {
			max-width: none;
			width: 95%;
			top: 40px;
			left: 2.5%;
			right: 2.5%;
		}
	}

	@keyframes overlayEntrance {
		0% {
			max-width: none;
			width: 95%;
			top: 40px;
			left: 2.5%;
			right: 2.5%;
		}
		100% {
			max-width: none;
			width: 95%;
			top: 40px;
			left: 2.5%;
			right: 2.5%;
		}
	}

	.account-sidebar--mobile-title.open ~ .account-wrap {
		display: block;
	}

	.account-sidebar--mobile-title ~ .account-wrap {
		display: none;
	}

	.account-sidebar--mobile-title.open svg {
		transform: rotate(-180deg) translateY(4px);
	}

	.account-table .dblc {
		padding: 12px 8px;
	}

	.wishlist-prod-add-button button span {
		display: inline;
	}

	.listing-overview--top--titles h1 {
		font-size: 30px;
	}

	.listing-overview--top--img {
		max-width: 200px;
	}

	.listing-overview--top--options .listing-price {
		font-size: 26px;
	}

	.sidebar__categories--title::after {
		display: block;
	}
	.category-grid > div {
        width: 50%;
    }

	.article-item-featured .article-item--image {
        max-width: 345px;
    }
	.article-item-featured .article-item--main {
		padding: 15px 30px;
	}
	.article-item-featured .article-item--main > *:not(:last-child) {
		margin-bottom: 18px;
	}
	.article-item--title {
		font-size: 18px;
	}
	.article-item--main > .content {
		font-size: 14px;
		margin-bottom: 15px;
	}
	.article-item--bottom {
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.article-item--bottom > .button {
        margin: 10px 0 0 0;
    }

	.image-tile-intro {
		padding: 30px;
	}

	h1.gallery-content--title {
		font-size: 42px;
	}

	.education-logo {
		display: none;
	}
	.education-top {
		padding: 30px 30px 0;
		min-height: unset;
	}
	.education-top > * {
		margin-right: 0!important;
		margin-bottom: 30px;
	}


    .sym-home--heading {
        padding-bottom: 50px;
    }
	.sym-talk--title {
		font-size: 24px;
	}
	.sym-talk--btn {
		font-size: 20px;
	}
	.sym-event-item--details > *:not(.sym-event-item--title) {
		line-height: 1.4;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #800px
|--------------------------------------------------------------------------
*/
@media (max-width: 800px) {
	.account-details--title-text {
		float: none;
		clear: left;
		width: 100%;
		max-width: 100%;
		padding: 0 0 30px;
	}

	.cookie-bar {
		flex-direction: column;
		align-items: flex-start;
	}
	.cookie-bar--text {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.show-cookie-pref, .cookie-bar--submit, .cookie-pref-save {
		padding: 8px 12px;
		letter-spacing: .05em;
		font-size: 13px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #767px
|--------------------------------------------------------------------------
*/
@media (max-width: 767px) {
	.grid--36 {
		margin: 0 -20px -20px 0;
	}
	.grid--36 > * {
		padding: 0 20px 20px 0;
	}

	.panel--padding-120, 
	.panel--padding-100, 
	.panel--padding-90, 
	.panel--padding-80, 
	.panel--padding-72,
	.panel--padding-70, 
	.panel--padding-60 {
		padding: 50px 0;
	}

	.header-message {
		display: none;
	}

	.header-main--inner {
        padding: 15px 25px;
        height: 80px;
    }
	.mobile-search--btn {
		display: flex;
	}
	.mobile-menu--btn svg {
		width: 28px;
		height: 28px
	}
	.mobile-menu--btn span {
		height: 2px;
	}
	.mobile-menu--btn div {
		margin: 0 0 5px;
	}
	.mobile-menu {
		top: 80px;
		left: -340px;
		width: 340px;
	}
	.page-slide.open .mobile-menu {
		margin-left: 340px;
	}
	.mobile-nav a {
		padding: 12px 20px;
		font-size: 18px;
	}
	.mobile-menu .contact-details {
        padding: 20px;
	}

	.mobile-menu .contact-details {
		padding: 20px 25px;
		font-size: 16px;
	}

	.header-main--inner > *:not(:last-child) {
		margin-right: unset;
	}

	header .search-form,
	.header-main--actions {
		display: none;
	}
	.search-form--close {
		display: flex;
	}

	header .search-form {
		position: absolute;
		top: 100%;
		left: 0;
		max-width: unset;
		width: 100%;
		background-color: #DFEFDB;
		padding: 10px;
		z-index: 5;
	}
	
	.mbl-home-tab-btns, 
	.mobile-menu--actions {
		display: block;
	}

	.listing-backdrop {
		display: none !important;
	}

	.order-panel:first-child,
	.listing-side,
	.listing-main {
		width: 100%;
	}

	.account-section--row > .flex {
		flex-direction: column;
	}

	.basket-main {
		flex-direction: column;
	}

	.basket-item-option {
		white-space: normal;
	}

	.basket-heading {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 10px 0;
	}

	.basket-heading--right {
		flex-direction: column;
		text-align: center;
		gap: 8px 0;
	}

	.basket-left {
		width: 100%;
	}

	.basket-sidebar {
		margin: 20px 0 0 0;
		width: 100%;
		max-width: 100%;
	}

	.account-heading h1, .account-heading h2 {
	}

	.account-section--image {
		width: 110px;
	}

    .account-section--row {
        padding: 18px
    }

    .account-subs--details {
        border-top: 1px solid #e9e9e9;
        width: 100%;
        padding: 20px 0 0 0;
        margin: 20px 0 0 0
    }

	.account-subs--prod-details {
		border: none;
		padding: 0;
	}

	.account-heading h1,
	.account-heading h2 {
		font-size: 22px;
	}

	.category-grid > div {
		width: 33.333333%;
	}

	.product-grid .segment-20,
	.cat-list--item {
		width: 50%;
	}

	.listing-side,
	.listing-main {
		float: none;
	}

	.listing-deadline--details {
		float: left;
	}

	.listing--left-inner {
		max-width: none;
	}

	div.home-cat-list--item.cat-list--item .cat-list--item-inner {
		padding: 0 0 40% 0;
	}

	.listing-deadline-doughnuts {
		float: right;
	}

	.listing-deadline-doughnut {
		margin: 0 0 0 10px;
	}

	.listing-ratings,
	.listing-detail {
		text-align: left;
		display: table-cell;
	}

	.listing-ratings {
		text-align: right;
	}

	.listing-main--inner {
		max-width: 100%;
		float: none;
	}

	.listing-image img {
		width: 100%;
	}

	.listing-tabs {
		margin-top: 10px;
	}

	.listing-extra {
		width: 50%;
		float: left;
	}

	.product--overlay-top {
		background: #37af56;
	}

	.account-main {
		padding: 25px;
	}

	.account-heading {
		margin: -25px -25px 25px -25px;
		padding: 20px 25px;
	}

	.order-panel {
		padding: 0 10px 10px 0;
		/* text-align: center; */
		width: 50%;
	}

	.account-loyalty--overview {
        padding: 30px 25px 25px;
    }
	.account-loyalty--overview:not(:last-child) {
		margin-bottom: 45px;
	}
	.account-loyalty--overview--total {
        font-size: 42px;
    } 
	.account-loyalty-refer, .loyalty-referral-code, .account-loyalty-section.loyaltys {
		display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
	}
	.loyalty-referral-code > span {
        margin-top: 12px;
		margin-left: 0;
    }
	.account-loyalty-section + .account-loyalty-section {
		margin-top: 45px;
	}
	.account-loyalty-section .account-mini-title, .account-loyalty-refer, .loyalty-referral-code {
		text-align: center;
	}
	.loyalty-overflow {
		width: 100%;
	}
	.loyalty {
		flex-wrap: wrap;
		padding: 15px;
		width: 100%;
    }
	.loyalty > *:not(:last-child) {
        margin-right: 0;
    }
	.loyalty-left {
		width: 100%;
		flex: unset;
		margin-bottom: 15px;
	}
	.loyalty-point {
        width: unset;
        margin-right: 15px;
    }
	.loyalty-date {
		text-align: right;
		margin-left: 10px;
		flex: 1;
	}
	.subs-olay {
		padding: 15px 10px;
	}
	.subs-olay .account-heading {
		margin: -20px -30px 20px -30px;
		padding: 10px 30px 20px;

	}

	.content-tiles.lg .tile-row {
        min-height: 330px;
    }
	.pos-bottom > .tile-content--inner {
		align-items: center;
	}
	.pad-md > .tile-content--inner, 
	.pad-lg > .tile-content--inner {
        padding: 30px;
    }
	.tile-row:not(.tile-row-heading) .tile-content--inner .content {
		display: none;
	}
	.tile-content--title {
        font-size: 34px;
    }
	.tile-content--title:not(:last-child) {
		margin-bottom: 12px;
	}
	.title-md .tile-content--title {
		font-size: 32px;
	}

	.category-heading {
		padding: 30px;
		margin-bottom: 20px;
	}
	.category-heading > h1 {
		font-size: 32px;
		font-weight: 400;
		margin-bottom: 12px;
	}
	.category-heading > .content {
		font-size: 15px;
	}

	.category-main {
        padding: 20px;
    }

	.cat-grid-alt > div {
        width: 33.333333%;
    }
	.cat-grid-alt a {
        min-height: 90px;
        font-size: 28px;
    }

	.content-images-main {
        padding: 40px;
    }
	.content-titles > h1 {
        font-size: 34px;
    }

	.bottom-cta-links {
		flex-direction: column;
	}

	.content-titles:not(:last-child) {
		margin-bottom: 25px;
	}
	.content.content-style {
		font-size: 14px;
	}
	.content.content-style > p {
		margin-bottom: 25px;
	}

	.listing-page {
        padding: 30px 0;
    }

	.title-plain {
        font-size: 40px;
	}
	.blog-search:not(:last-child) {
        margin-bottom: 32px;
    }
	.article-item-featured > .article-item {
		flex-direction: column;
	}
	.article-item-featured .article-item--image {
        max-width: 100%;
		padding: 35% 0 0 0;
    }
	.article-item-featured .article-item--main {
        padding: 22px 20px 15px;
    }
	.article-item-featured .article-item--main > *:not(:last-child) {
        margin-bottom: 14px;
    }
	.article-item-featured .article-item--title {
        font-size: 24px;
    }
	.article-item-featured .article-item--main > .article-item--title:not(:last-child) {
        margin-bottom: 12px;
    }
	.blog-grid > div:not(.article-item-featured) {
		width: 50%;
	}

	.blog-page--return {
        margin: 0 0 20px;
    }
	.article--title {
        font-size: 24px;
    }
	.article {
        padding: 25px;
    }

	.comments-title {
		font-size: 20px;
	}
	.comment-list > .comment {
		padding: 28px;
	}
	.blog-related--title {
		margin-bottom: 20px;
	}

	.image-tile-intro {
		width: 100%;
		flex: unset;
	}

	h1.gallery-content--title {
		font-size: 38px;
	}
	.gallery-grid-container:not(:first-child) {
		margin-top: 50px;
	}
	.gallery-grid > div {
		width: 50%;
	}

	.jumbotron {
        min-height: 115px;
    }
	.jumbotron--title {
        font-size: 32px;
    }

	.event-list .product-grid--item, 
	.category-events .event-list .product-grid--item {
		width: 50% !important;
	}
	.event-list .product-inner--subtitle {
		font-size: 14px;
	}
	.product-price-web {
		font-size: 16px;
	}

	.archive-side--inner {
        padding: 24px;
    }
	.archive-side--title {
        font-size: 18px;
		font-weight: 400;
        letter-spacing: 0.03em;
    }

	.tile-content--subtitle {
		font-size: 20px;
	}
	.tile-row-heading {
		flex-direction: column-reverse !important;
	}
	.tile-row-heading .tile-row--image {
		width: 100%;
		padding: 45% 0 0 0;
		background-position: top center;
	}
	.tile-row-heading .tile-content--inner {
		flex: 1;
	}
	.tile-row-heading .tile-content--inner > div {
		max-width: unset!important;
	}

	.sym-header--nav {
        display: none;
    }

	.sym-home--heading {
        padding-bottom: 40px;
    }
	.sym-header {
		height: unset;
	}
	.sym-header--inner {
		padding-top: 20px;
		flex-direction: column;
	}
	.sym-header--logo {
		position: relative;
		transform: unset;
		left: unset;
		top: unset;
	}
	.sym-mobile-menu {
		display: block;
		margin-top: 20px;
		background-color: #43435d;
		color: #FFF;
		width: 100%;
		border-radius: 5px;
		overflow: hidden;
	}
	.sym-mobile-menu--toggle {
		font-size: 16px;
		padding: 15px;
		cursor: pointer;
		transition: ease-in-out .2s;
	}
	.sym-mobile-menu--inner {
		display: none;
	}
	.sym-mobile-menu--inner a {
		width: 100%;
		font-size: 16px;
		padding: 10px 15px 14px;
		border-top: 1px solid #313042;
		color: #FFF;
	}
	.sym-bg {
		padding-top: 0;
	}
	.sym-bg > .sym-page {
		padding-top: 40px;
	}
	.sym-header-simple {
		padding: 30px 0 30px;
	}
	.sym-header-simple img {
		width: 260px;
	}
	.sym-feature:not(:last-child) {
		margin-bottom: 50px;
	}
	.sym-feature--inner {
		padding: 30px;
	}
	.prev-syms--title {
		font-size: 20px;
	}
	.prev-sym--main {
		padding: 15px 10px 10px;
		line-height: 1.3;
	}
	.sym-home--heading, .sym-ticket-blocks {
		flex-direction: column;
	}
	.sym-home--heading:not(.has-full-img) {
		padding: 0 0 80px;
		max-width: 330px;
		margin: 0 auto;
	}
	.sym-home--heading > .segment-50 {
		width: 100%;
	}
	.sym-home--heading > .segment-50:first-child, 
	.sym-home--heading--content {
		max-width: unset;
		order: 2;
		margin: 20px 0 0 0;
		padding: 0;
	}
	.sym-event--logo, 
	.sym-home--heading--image {
		width: 100%;
	}
	.text-on-texture {
		padding: 40px 70px;
	}
	.sym-image-with-text .flex {
		flex-direction: column;
	}
	.sym-image-with-text .segment-50 {
		width: 100%;
	}
	.sym-direction--block {
		flex-direction: column;
	}
	.sym-direction--direction {
		width: 100%;
	}
	.sym-direction--block:nth-child(even) .sym-direction--direction {
        margin: 0;
    }
	.sym-direction--block:nth-child(even) .sym-direction--image {
        order: 3;
    }
	.sym-direction--image {
		height: 220px;
		flex: none;
	}
	.experts-cont--title {
		font-size: 38px;
		margin-bottom: 24px;
	}
	.sym-experts-heading {
		margin: 0 0 50px;
	}
	.sym-expert-gallery {
		padding: 0 0 50px;
	}
	.sym-expert-gallery > .container > .flex {
		flex-direction: column;
	}
	.sym-expert--text {
		width: 100%;
		margin: 0;
		min-height: 0;
	}
	.sym-feature:not(:last-child) {
        margin-bottom: 50px;
    }
	.sym-home--heading--outer.has-full-bg {
		background: none!important; 
		padding: 0!important;
		margin: 0!important;
	}
	.sym-home--heading--outer.has-full-bg > .sym-home--heading {
		position: relative;
		left: unset;
		top: unset;
		transform: none;
	}

	.sym-expert--container {
		flex-direction: column;
	}
	.sym-expert--side {
		width: 100%;
		margin: 0;
		display: flex;
		justify-content: space-between;
	}
	.sym-expert--image {
		width: 200px;
	}

	.image-with-text--text {
        margin: -20px 20px 0 20px;
    }

	.help-heading--main h1 {
        font-size: 38px;
    }
	.help-heading--image {
		display: none;
	}
	.help-heading--main {
        padding: 28px;
    }

	.selected-course-filters {
		margin-bottom: 20px;
	}

	.category-search-heading h1 {
		font-size: 32px;
	}

	.team-row:not(:last-child) {
		margin-bottom: 52px;
	}
	.team-title {
		font-size: 28px;
	}
	.team-grid > div {
		width: 50%;
	}
	.member--content {
		padding-top: 26px;
	}
	.member--description {
		margin-top: 20px;
	}

	.footer-newsletter--inner {
		flex-direction: column;
		text-align: center;
	}
	.footer-newsletter--inner > *:not(:last-child) {
		margin: 0 0 8px 0;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #700px
|--------------------------------------------------------------------------
*/
@media (max-width: 700px) {
	.order-ref,
	.order-status,
	.acc-order-total,
	.order-date {
		display: none;
	}

	.banner {
		width: 50%;
		margin: 0 0 16px;
	}

	.banner:last-child {
		margin: 0 auto;
		float: none;
		clear: left;
	}

	#address-overlay-postcode {
		width: 50%;
  }

	.overlay-basket--right {
		width: 100%;
	}

	.overlay-basket--left {
		display: none;
	}

	.overlay-basket-basic--main {
		flex-direction: column;
	}

	.loyalty-point--cont {
		width: 100px;
	}

	.top-loyalty:before,
	.loyalty:before {
		left: 50px;
	}

	.at-share-btn,
	.at-share-btn svg,
	.at-icon-wrapper {
		height: 30px !important;
		width: 30px !important;
		line-height: 30px !important;
		max-width: 30px !important;
		max-height: 30px !important;
	}

	.original_search {
		margin: 0 0 10px 0;
	}

	.search_dropdown {
		opacity: 0 !important;
	}

	.offer-overlay--upper {
		padding: 20px;
	}

	.offer-overlay--title {
		font-size: 38px;
		line-height: 40px;
	}

	.order-btns .button {
		display: block;
		margin: 0 auto 5px;
		max-width: 320px;
		float: none;
	}

	.create-wishlist {
		float: left;
		clear: left;
		margin: 0 0 20px;
	}

	.wishlist-prod-add-button button span {
		display: none;
	}

	.wishlist-top,
	.wishlist-top-left,
	.wishlist-top-right {
		display: block;
	}

	.wishlist-top {
		margin: 0;
	}

	.wishlist-top-left {
		max-width: none;
	}

	.wishlist-edit,
	.wishlist-return {
		margin-left: 0;
		margin-right: 10px;
	}

	.wishlist-top .wishlist-top-left {
		margin-bottom: 10px;
	}

	.wishlist-top .wishlist-top-right {
		width: 100%;
		margin-bottom: 25px;
	}

	.listing-overview--top--img {
		display: none;
	}

	.order-page-search + .filter-row {
		order: 1;
	}

	.order-page-search,
	.order-page-search.account-search-input input[type="text"] {
		width: 100%;
	}

	.order-page-search {
		margin-bottom: 15px;
	}

	.filter-rows > .flex {
		flex-wrap: wrap;
	}

	.featured-filter {
		padding: 30px 25px;
	}

	.content-w-side {
		display: flex;
		flex-direction: column-reverse;
	}
	.content-w-side > div:not(:last-child) {
		margin-top: 50px;
		margin-bottom: 0;
	}
	.gallery-row > div {
		width: 50%;
	}
	.content-side > div {
		flex: unset;
		width: 100%;
	}
	.content-side > div:not(:last-child) {
		margin-bottom: 20px;
		margin-right: 0;
	}

	.image-tile.lg {
		width: 100%;
	}

	.sym-heading--block {
		margin: 0 0 -20px;
		padding: 26px 30px 50px;
	}
	.sym-talk--btn {
		font-size: 18px;
	}
	.sym-event-group, .sym-event-form, .event-selects--container {
		padding: 40px 0 0;
	}
	.sym-event-group {
		margin: 40px 0 0;
	}
	.sym-event-item--details {
		padding: 8px;
		text-align: center;
	}
	.sym-event-item--details > *:not(.sym-event-item--title) {
		line-height: 1.4;
	}
	.sym-event-item--img {
		margin: 0 0 10px !important;
	}
	.sym-form--title {
		font-size: 22px;
	}
	.sym-form--row {
		flex-direction: column;
		align-items: flex-start;
	}
	.sym-form--row > *:not(:last-child), .sym-buy-ticket > *:not(:last-child) {
		margin-right: 0;
		margin-bottom: 12px;
	}
	.sym-buy-ticket {
		flex-direction: column;
		align-items: flex-start;
	}
	.sym-buy-ticket > div {
		min-width: 100%;
	}
	.sym-form--row > *:not(:last-child), .sym-buy-ticket > *:not(:last-child) {
		margin-right: 0;
		margin-bottom: 12px;
	}

	.content-gallery--imgs {
		margin-right: -24px;
	}
	.content-gallery--imgs > * {
		margin-right: 24px;
		width: 100%;
	}

	.search-article, 
	.category-inner + .search-articles .search-article, 
	.search-page-results.has-articles .product-grid--item.segment-20 {
		width: 50%;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #600px
|--------------------------------------------------------------------------
*/
@media (max-width: 600px) {
	.panel--padding-120, 
	.panel--padding-100, 
	.panel--padding-90, 
	.panel--padding-80, 
	.panel--padding-72,
	.panel--padding-70, 
	.panel--padding-60,
	.panel--padding-50 {
		padding: 40px 0;
	}

	.button {
		padding: 9px 16px 6px;
		font-size: 13px;
	}

	.footer-main.open .footer-nav,
	.footer-newsletter.open,
	.footer-nav--mbl-button {
		display: block;
	}

	.footer-nav,
	.cart-item-image {
		display: none;
	}

	.address-block,
	.address-block--add,
	#savedAddresses .address-block,
	.comments-form div[class^="segment-"],
	.account-panel,
	.account-panels--wide .account-panel,
	.cat-list--item {
		width: 100%;
	}

	.brands-list--item {
		width: 33.333333333%;
	}

	.account-main h1 {
		font-size: 22px;
	}


	.basket-action .button:first-child {
		margin: 0;
	}

	.basket-action {
		display: flex;
		flex-direction: column;
		gap: 10px 0;
	}

	.basket-action > * {
		order: 2
	}

	#updateBasketBtn {
		order: 1;
	}

	.footer-main {
		padding: 40px 0;
	}

	div.home-cat-list--item.cat-list--item .cat-list--item-inner {
		padding: 22px;
	}

	.footer-nav--mbl-button {
		padding: 30px 0;
	}

	.footer-nav {
		padding: 0 0 30px;
	}

	.footer-nav > ul {
		width: 100%;
		text-align: center;
	}

	.footer-nav > ul:first-child a,
	.comments--title,
	.article--title {
		font-size: 24px;
		line-height: 24px;
	}

	.footer-nav > ul:not(:first-child) a {
		font-size: 21px;
	}

	.footer-nav--link {
		padding: 7px 0;
	}

	.footer-btm--links {
		float: none;
		text-align: center;
	}

	.footer-menu > div {
		flex: 1 0 auto;
	}
	.footer-menu > div:not(:last-child) {
		margin-right: 60px;
	}

	.category-grid > div {
		width: 50%;
	}

	.cat-list--item-title {
		display: block;
		position: relative;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		padding: 0 50px 0 0;
		text-align: left;
		font-size: 24px;
		color: #666666;
		background: url(/images/style/basic/mbl-icon-arrow-right-dark.png) no-repeat
			center right;
	}

	.cat-list--item .cat-list--item-title {
		font-size: 24px;
		line-height: 24px;
		color: #fff;
		background: url(/images/style/basic/mbl-icon-arrow-right.png) no-repeat
			center right;
	}

	.cat-list--item-inner:after {
		height: auto;
		top: 0;
		background: rgba(0, 0, 0, 0.4);
	}

	.cat-list--item-inner:hover:after {
		transform: none;
	}

	.cart-item-content {
		padding-left: 0;
	}

	.product-inner--title {
		font-size: 16px;
	}
	.label-inline .input-label, .open-filters {
		font-size: 15px;
	}

	.payment-method__card .payment-method--title,
	.payment-method__paypal .payment-method--title,
	.payment-method__paypal-paylater .payment-method--title,
	.payment-method__paypal-credit .payment-method--title {
		text-indent: -600px;
		background-position: center left;
	}

	.footer-newsletter {
		margin: 0 0 20px 0;
	}

	.wishlist-table tr {
		display: block;
		margin-bottom: 4px;
		overflow: hidden;
		background: #fff;
	}

	.wishlist-prod td {
		display: block;
		width: 100%;
		border: 0;
	}

	.wishlist-prod .wishlist-prod-image {
		display: none;
	}

	.wishlist-prod .wishlist-prod-move-button,
	.wishlist-prod .wishlist-prod-add-button,
	.wishlist-prod .wishlist-prod-del-button {
		padding-top: 0;
	}

	.wishlist-prod .wishlist-prod-add-button {
		padding-left: 20px;
		width: auto;
		float: left;
	}

	.wishlist-prod-add-button button span {
		display: inline;
	}

	.wishlist-prod .wishlist-prod-del-button {
		overflow: hidden;
		width: auto;
	}

	.account-table.vouchers-large .dblr:first-child {
		display: none;
	}

	.account-table.vouchers-large .dblc span {
		display: inline-block;
		padding-right: 5px;
	}

	.account-table.vouchers-large {
		border: none;
	}

	.account-table.vouchers-large .dblc,
	.account-table.vouchers-large .dblr {
		display: block;
		border: none;
		background: #1e1e1e;
		padding: 6px;
	}

	.account-table.vouchers-large .dblr {
		margin-bottom: 10px;
		position: relative;
	}

	.account-table.vouchers-large:not(.voucher-details) .dblc:last-child {
		position: absolute;
		right: 6px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.account-table.vouchers-large .mobile_hide {
		display: none;
	}

	.account-table.vouchers-large {
		margin: 0 0 10px;
	}

	.cookie-bar--inner {
		flex-direction: column;
		align-items: flex-start;
	}
	.cookie-bar--text {
		margin: 0;
	}
	.cookie-bar--action {
		margin-top: 12px;
	}

	.featured-filter {
		width: 50%;
	}
	.featured-filter:nth-child(3n) {
		border-right: 1px solid #e9e9e9;
	}
	.featured-filter:nth-child(2n) {
		border-right: 0;
	}

	.account-loyalty--overview--total {
        font-size: 38px;
    }
	.loyalty {
        font-size: 14px;
    }
	.account-loyalty-section .button {
		width: 100%;
	}

	.content-tiles.lg .tile-row {
        min-height: 270px;
    }
	.content-tiles.md .tile-row {
        min-height: 185px;
    }
	.tile-content--inner {
        padding: 20px;
    }
	.tile-content--title, 
	h1.image-tile-into--title {
        font-size: 30px;
	}
	.title-md .tile-content--title {
		font-size: 26px;
	}
	.title-sm .tile-content--title {
		font-size: 22px;
	}

	.content-images-main {
        padding: 30px;
		min-width: unset;
	}
	.content-titles > h1 {
        font-size: 30px;
    }
	.content.content-style > p {
		line-height: 1.4;
		margin-bottom: 20px;
	}

	.listing-overview--top > h1 {
        font-size: 26px;
    }
	.listing-overview--top > h2 {
		font-size: 18px;
		letter-spacing: 0.02em;
	}

	.listing-purchase-actions {
		flex-direction: column;
	}

	.cookie-bar--inner {
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.cookie-bar--text {
		width: 100%;
		margin-bottom: 10px;
		font-size: 12px;
	}

	.cookie-bar--inner {
		padding: 10px;
	}
	.blog-grid:not(:last-child) {
        padding-bottom: 20px;
    }
	.article-item--title {
        font-size: 16px;
    }
	.article-item-featured .article-item--image {
        padding: 50% 0 0 0;
    }
	.article-item-featured .article-item--main {
        padding: 22px 12px 15px;
    }
	.article-item-featured .article-item--title {
        font-size: 20px;
    }
	.default > .article-item .article-item--date {
		text-align: left;
	}

	.page_numbers_inner {
		padding: 20px;
	}

	.comments-form {
		padding: 28px;
	}
	.input-grid .input {
		width: 100%;
	}

	h1.gallery-content--title {
        font-size: 34px;
    }
	.gallery-grid-container:not(:first-child) {
        margin-top: 40px;
    }

	.friend-banner--content {
		width: 100%;
		flex: unset;
		padding: 0 0 15px 0;
	}

	.timeline-cont:not(:first-child) {
        margin-top: 50px;
    }
	.timeline-heading {
        margin-bottom: 24px;
    }
	.timeline-heading__date {
        font-size: 54px;
    }
	.timeline-item__title {
        font-size: 40px;
    }
	.timeline-item__image {
        min-height: 100px;
        width: 165px;
    }

	.sym-feature {
		padding: 0;
	}
	.sym-feature--inner {
		border: 0;
	}
	.sym-bottom-grid-column:nth-child(odd), .sym-bottom-grid-column:nth-child(even), .expert:nth-child(odd), .expert:nth-child(even) {
		width: 100%;
		margin: 0 auto;
		max-width: 450px;
	}
	.sym-bottom-grid {
		gap: 20px 0;
	}
	.sym-home--heading {
        padding-bottom: 30px;
    }
	.expert-content {
		padding: 34px 34px 34px;
	}
	.sym-expert-content--gallery > * {
		width: 100%;
	}

	.selected-course-filters {
		flex-direction: column;
		align-items: flex-start;
	}
	.selected-course-filters > span {
		margin: 0 0 10px;
		font-weight: 600;
	}

	.team-title {
		padding-bottom: 12px;
		margin-bottom: 30px;
		font-size: 24px;
	}
	.team-grid.grid--40 {
		margin: 0 -20px -20px 0;
	}
	.team-grid.grid--40 > * {
		padding: 0 20px 20px 0;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #570px
|--------------------------------------------------------------------------
*/
@media (max-width: 570px) {
	.header-main--inner {
		padding: 15px 20px;
        height: 70px;
    }
	.mobile-menu {
		top: 70px;
		left: -290px;
		width: 290px;
	}
	.page-slide.open .mobile-menu {
        margin-left: 290px;
    }
	.mobile-nav {
		padding: 15px 0;
	}

    .mobile-nav a {
        font-size: 16px;
    }

	.listing--title {
		font-size: 22px;
	}

	.offer-overlay--title,
	.offer-overlay--sub {
		margin-bottom: 15px;
	}

	.offer-overlay--title {
		font-size: 30px;
		line-height: 32px;
	}

	.overlay-account .overlay--inner {
		max-width: 88%;
	}

	.basket-item-qty {
		padding: 0;
	}

	.basket-item-image {
		width: 110px;
	}

	.counter-input input {
		width: 40px;
	}

	.account-heading {
		flex-direction: column;
		gap: 10px;
	}

	.account-viewing {
		align-items: flex-start;
	}

	.loyalty-table,
	.account-table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	.overlay-account .overlay--inner {
		max-width: 95%;
	}

	.payment-method--content {
		padding: 30px;
	}

	.cat-grid-alt a {
        min-height: 80px;
        font-size: 24px;
    }

	.faq-search .search-form--submit, .blog-search .search-form--submit {
		left: 15px;
	}
	.blog-search-form {
		flex: unset;
	}

	.title-plain {
        font-size: 34px;
    }

	.bottom-cta-links--inner {
		flex-direction: column;
	}
	.bottom-cta-links--inner > div:not(:last-child) {
		border-left: 0;
		border-bottom: 1px solid #006845;
	}

	.comment-list > .comment {
        padding: 24px;
    }
	.comment-list > .comment .comment-list--info {
		font-size: 13px;
	}
	
	.image-tile--content {
		padding: 8px 50px 6px 12px;
	}
	.image-tile--title {
		font-size: 16px;
	}

	.content-title {
		font-size: 24px;
		flex-direction: column;
		align-items: flex-start;
	}
	.content-title > span:not(:last-child) {
		margin: 0 0 10px 0;
	}
	.content-link--title {
		font-size: 16px;
	}
	.content-links > div > div:not(:last-child) {
		margin-right: 25px;
	}

	.text-on-texture {
		padding: 40px 30px;
	}
	.text-on-texture .container {
		padding: 0;
	}
	.image-with-text--image {
		margin: 0 -20px;
	}
	.sym-direction--blocks {
		padding: 0 0 50px;
	}
	.sym-direction--direction {
		position: relative;
	}
	.sym-direction--image {
		margin: -20px -20px 0;
	}
	.sym-videos .segment-33 {
		width: 100%;
	}
	.sym-expert--text {
		padding: 30px;
	}
	.experts-gallery {
		margin: -20px -30px -10px -20px;
	}
	.experts-gallery > .segment-33 {
		width: 50%;
	}
	.image-with-text--text {
        margin: -20px 0px 0 0px;
    }

	.form-border {
		padding: 28px; 
	}
	.input-grid-bg {
		padding: 24px;
	}

	.download-block {
		flex-direction: column;
		align-items: flex-start;
	}
	.download-block__image {
		margin-top: 20px;
		margin-left: 0;
	}

	.footer-right {
		flex-direction: column;
	}
	.footer-newsletter {
		margin: 40px 0 0;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #500px
|--------------------------------------------------------------------------
*/
@media (max-width: 500px) {
	h3 {
		font-size: 24px;
	}

	.cms-navtrail {
		display: none;
	}

	.order-panel,
	.request-form--input,
	.banner {
		width: 100%;
	}

	.listing-deadline-doughnuts,
	.listing-deadline--details {
		float: none;
	}

	.delivery-table--addl-info {
		display: none;
	}

	.cat-list--item-featured .cat-list--item-title {
		font-size: 24px;
	}

	.cat-list--item-title {
		font-size: 18px;
	}

	.listing-deadline-doughnuts {
		text-align: center;
	}

	.listing-deadline-doughnut {
		margin: 0 0 0 10px;
	}

	.button-more-about-us {
		padding: 10px 15px 10px 80px;
	}

	.btn-read-article {
		padding: 7px 10px;
	}

	.returns-form {
		padding: 30px 20px 0;
	}

	.returns-form--title {
		font-size: 19px;
	}

	.button-arrow span {
		padding: 0 24px 0 0;
	}

	.cart-item-right {
		position: static;
		float: none;
		text-align: left;
		clear: both;
		padding-top: 15px;
	}

	.cart-item-right .remove {
		bottom: 4px;
	}

	.cart-free-item-inner {
		display: block;
	}

	.cart-free-item-inner .cart-item-content {
		margin-bottom: 15px;
	}

	.cart-free-item-right {
		text-align: left;
	}

	.home-welcome--title {
		font-size: 26px;
		margin: 0 0 10px;
	}

	.listing-tab {
		padding: 24px;
	}

	.checkout-header {
		text-align: center;
	}

	.account-main-filter {
		width: 100%;
	}

	.account-table.vouchers .dblr:first-child {
		display: none;
	}

	.account-table.vouchers .dblc span {
		display: inline-block;
		padding-right: 5px;
	}

	.account-table.vouchers {
		border: none;
	}

	.account-table.vouchers .dblc,
	.account-table.vouchers .dblr {
		display: block;
		border: none;
		background: #1e1e1e;
		padding: 6px;
		font-size: 12px;
	}

	.account-table.vouchers .dblr {
		margin-bottom: 10px;
		position: relative;
	}

	.account-table.vouchers:not(.voucher-details) .dblc:last-child {
		position: absolute;
		right: 6px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.account-table.vouchers .mobile_hide {
		display: none;
	}

	.account-table.vouchers {
		margin: 0 0 10px;
	}

	.overlay.vouchers .button {
		padding: 8px 15px 6px;
	}

	.filter-row {
		flex-direction: column;
		width: 100%;
		align-items: flex-start;
	}

	.content-tiles.lg .tile-row {
        min-height: 220px;
    }
	.pad-md > .tile-content--inner, 
	.pad-lg > .tile-content--inner, 
	.image-tile-intro {
        padding: 20px;
    }
	.tile-content--title, 
	h1.image-tile-into--title {
        font-size: 28px;
	}
	.title-md .tile-content--title {
		font-size: 24px;
	}
	.title-sm .tile-content--title {
		font-size: 24px;
	}
	.tile-content--buttons > a:not(.button) {
		font-size: 12px;
	}

	.footer-menu a {
		font-size: 16px;
	}

	.cdsROW.narrow.border {
		padding: 4px 6px 0!important;
		width: 100px !important;
	}
	.cdsROW.narrow .cdsLocName {
		padding-bottom: 2px !important;
	}
	.cdsROW .cdsLocName a {
		font-size: 9px !important;
		line-height: 1.1;
	}
	.cdsROW .cdsRating {
		font-size: 9px !important;
	}
	.cdsROW.narrow .logo {
		padding-top: 0px!important;
	}
	.cdsROW.cx_brand_refresh .logo img {
		width: 75px !important;
	}
	
	.show-cookie-pref, .cookie-bar--submit, .cookie-pref-save {
		font-weight: 400;
		font-size: 12px;
	}

	.sym-bg {
		padding-bottom: 40px;
	}
	.sym-feature--inner {
		padding: 25px;
	}
	.prev-syms--list > div {
		width: 100%;
	}
	.sym-expert--socials {
		display: none;
	}
	.sym-expert--main--titles > h1 {
		font-size: 20px;
	}
	.sym-expert--main > * {
        margin-bottom: 24px;
    }

	.education-top--content {
		min-width: 100%;
	}

	.footer-bottom--imgs {
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-bottom--imgs .trustpilot-widget {
		width: 100%;
		margin: 0 0 20px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #479px
|--------------------------------------------------------------------------
*/
@media (max-width: 479px) {
    header .logo {
        width: 150px;
    }
	.mobile-menu {
        left: -250px;
        width: 250px;
    }
	.page-slide.open .mobile-menu {
        margin-left: 250px;
    }
	.mobile-nav a, 
	.mobile-menu .contact-details {
		font-size: 14px;
	}

	.account-details--block-action {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.basket-item-small .basket-item-image {
		display: none;
	}

	.basket-item-small .basket-item-main {
		/* flex-direction: column; */
	}

	.basket-item-small .basket-item-image-wrapper {
		order: 2;
	}

	.basket-item-small {
		padding: 10px;
	}

	.overlay-basket {
		padding: 10px;
	}

	.basket-item-small .basket-item-qty {
		padding-right: 0;
	}

	.basket-item-small .basket-item-pricing,
	.basket-item-small .basket-item-details {
		padding-left: 0;
	}

	.quote-side .basket-segment {
		padding: 10px;
	}

	.basket-sidebar {
		gap: 17px 0;
	}

	.container--basket {
		padding: 0 10px;
	}

	.subs-olay {
        padding: 10px 0;
    }
	.subs-olay .account-heading {
		margin: -10px -20px 10px -20px;
		padding: 0 20px 15px;
		display: block;
  	}

	.overlay-basket--right .stock {
		width: 100%;
	}

	.overlay-basket--right {
		padding: 20px;
	}

	.basket-item-pricing {
		align-items: flex-start;
		margin: 0;
	}

	.basket-item-stock-status {
		margin: auto 0 0 0;
	}

	.basket-item-pricing > * {
		display: none;
	}

	.basket-item-price {
		display: block;
		font-size: 13px;
	}

	.overlay-basket--qty-row {
		flex-direction: column;
	}

	#olay_box {
		padding: 10px;
	}

	.subs-olay-btns .button {
		width: 100%;
		margin: 5px 0 0 0;
	}

	.subs-olay .account-heading h2, .subs-olay .account-heading h1 {
	}

	.mobile-cart--btn-cont {
		line-height: 60px;
	}

	.order-price,
	.checkout-contact,
	.button-more-about-us {
		display: none;
	}

	.listing-extra,
	.new-products .segment-40,
	.new-products .segment-60,
	.page-list--item {
		width: 100%;
	}

	.brands-list--item,
	.image-block {
		width: 50%;
	}

	.mbl-home-tab--current-label {
		font-size: 16px;
	}

	.new-products {
		padding: 60px 0 35px 0;
	}

	.footer-payment img {
		width: 100%;
		height: auto;
	}

	.mobile-cart--btn-cont a {
		font-size: 30px;
		padding: 10px 0 0 30px;
		background-position-y: 10px;
	}

	.cart-items--action .button {
		width: 100%;
		text-align: center;
	}

	.checkout-header {
		padding: 18px 0;
	}

	.return-to-basket,
	#checkout-continue {
		width: 100%;
	}

	.checkout-action {
		padding-top: 4px;
		margin-bottom: 4px;
	}

	.checkout-segment {
		padding-bottom: 15px;
	}

	.checkout-segment--details .input {
		width: 100%;
	}

	#cart-login {
		width: 80px;
		margin-bottom: 0;
	}

	.mobile-action {
		padding: 10px 20px;
	}


	.mobile-search--input {
		padding: 18px 20px 17px;
	}

	.mobile-social-title {
		font-size: 20px;
		padding-bottom: 10px;
	}

	.mobile-social {
		padding: 10px 10px 1px 10px;
	}

	

	.mobile-action .icon {
		padding: 0 0 0 30px;
	}

	.bb-pp-container,
	.bb-card-container {
		table-layout: fixed;
	}

	.bt-pp-name,
	.bt-pp-cancel,
	.bt-pp-cancel button,
	.bt-pp-cancel a,
	.bt-card-cancel,
	.bt-card-cancel a {
		width: 20px;
		padding: 0;
	}

	.bt-pp-name,
	.bt-pp-cancel button,
	.bt-pp-cancel a,
	.bt-card-cancel a {
		text-indent: 100%;
		overflow: hidden;
	}

	.bt-pp-cancel button,
	.bt-pp-cancel a,
	.bt-card-cancel a {
		background-image: url(/images/style/basic/cross-white.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 12px 12px;
		background-color: #707070;
	}

	#braintree-paypal-loggedin,
	#braintree-paypal-credit-loggedin,
	#braintree-card-stored,
	#ppchkout-paypal-loggedin,
	#ppchkout-paypal-paylater-loggedin,
	#truevo-card-stored {
		padding: 16px 10px;
	}

	.category-heading {
        padding: 25px;
	}
    .category-heading > h1 {
        font-size: 28px;
	}
	.category-heading > .content {
		font-size: 14px;
	}

	.cat-grid-alt > div {
        width: 50%;
    }
	.cat-grid-alt a {
        font-size: 22px;
    }

	.product-inner--title {
        font-size: 14px;
    }
	.product-inner--subtitle {
		font-size: 12px;
	}

	.show-pref .cookie-pref-overlay {
		margin-left: 0;
		left: 0;
		width: 100%;
		padding: 25px;
		font-size: 14px;
	}

	.title-plain {
        font-size: 30px;
    }

	.blog-search-form {
        justify-content: center;
        max-width: 100%;
    }
	.blog-search .search-form--input {
		max-width: 180px;
	}

	.blog-grid > div:not(.article-item-featured) {
        width: 100%;
    }
	.article-item-featured > .article-item {
		padding: 0;
	}
	.article-item--image, .article-item-featured .article-item--image {
		padding: 58% 0 0 0;
	}
	.article-item-featured .article-item--main {
		padding: 14px;
	}
	.article-item-featured .article-item--title {
        font-size: 18px;
    }

	.article {
        padding: 25px 20px;
        margin: 0 -20px;
    }

	.image-tile-gallery {
		flex: unset;
		width: 100%;
	}

	h1.gallery-content--title {
        font-size: 30px;
    }

	.gallery-row > div {
		width: 100%;
	}

	.sym-bg {
		padding-bottom: 20px;
	}
	.sym-directions-form {
		flex-direction: column;
	}
	.sym-directions-form input {
		padding: 14px 10px;
		border: 1px solid #eeeeee;
		border-radius: 5px;
	}
	.sym-directions-form button {
		border-radius: 5px;
		margin: 10px 0 0 0;
	}
	.proceeds-block--inner {
		flex-direction: column;
	}
	.proceeds-block--text {
		padding: 15px 0 0 0;
	}

	.category-events--filters {
		flex-direction: column;
		align-items: flex-start;
	}
	.category-events--filters > .filters {
		flex: unset;
		min-width: unset;
		width: 100%;
	}
	.button-search-filters {
        margin-top: 10px;
        margin-right: 30px;
    }

	.event-list > .product-grid {
        margin: 0 0 -8px -8px;
    }
	.event-list .product-grid--item, .category-events .event-list .product-grid--item {
        padding: 0 0 8px 8px;
	}
	.event-list .product-inner--subtitle {
        font-size: 12px;
    }
	.product-inner {
		padding: 10px;
	}

	.category-search-heading {
		margin: 22px auto 46px;
	}
	.category-search-heading h1 {
		font-size: 28px;
	}

	.team-grid > div {
		width: 100%;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #400px
|--------------------------------------------------------------------------
*/
@media (max-width: 400px) {

	.brand a {
		height: 50px;
	}

	.mobile-search--input {
		line-height: 36px;
	}

	.mobile-search--submit {
		height: 70px;
	}

	.mobile-nav li {
		padding: 0;
	}

	.basket-heading--text span {
		display: block;
		margin: 0 0 5px;
	}

	#address-overlay-postcode {
		width: 100%;
	}

	.cart-side--delivery-option.sel:after,
	.cart-side--delivery-option:after {
		display: none;
	}

	.cart-side--delivery-option {
		padding-right: 12px;
		min-height: 0;
	}

	.basket-item-title-link {
		word-break: break-all;
	}

	.basket-checkout-button {
		font-size: 14px;
	}

	.basket-item-title-link {
		font-size: 14px;
	}

	.basket-item-image {
		 width: 94px;
	}

	.account-subs--action .button {
		width: 100%;
		margin: 10px 0 0 0;
	}

	.subs-olay .account-heading h2, .subs-olay .account-heading h1 {
		font-size: 18px;
	}

	.account-subs--action {
		flex-direction: column;
	}

	.mobile-social-title {
		padding-bottom: 8px;
	}

	.mobile-social {
		padding: 8px 10px 0 10px;
	}

	.payment-method--content {
		padding: 20px;
	}

	.loyalty {
        font-size: 13px;
    }

	.tile-row {
		flex-direction: column-reverse !important;
	}
	.tile-row > * {
		border: 0 !important;
	}
	.tile-row--image {
        flex: unset;
        width: 100%;
        padding: 25% 0;
    }

	.content-tiles.lg .tile-row {
        min-height: 170px;
    }
	.pad-md > .tile-content--inner {
        padding: 15px;
    }
	.tile-content--title, 
	h1.image-tile-into--title {
        font-size: 24px;
    }
	
	.tile-content--image {
		display: none;
	}

	.cdsROW.narrow.border {
        padding: 2px 3px 0 ;
	}

	.cookie-pref-form .cookie-bar--action {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.cookie-pref-form .show-cookie-pref {
		display: block;
		width: 100%;
		margin: 0;
	}

	.cookie-pref-form input.button.cookie-bar--submit {
		display: block;
		width: 100%;
		margin: 10px 0 0;
	}

	.gallery-grid > div {
		width: 100%;
	}

	.content-links > div.flex {
		flex-direction: column;
		align-items: flex-start;
	}
	.content-links > div > div:not(:last-child) {
		margin: 0 0 10px;
	}

	.timeline-item__image {
		display: none;
	}

	.experts-cont--title {
		font-size: 32px;
		margin-bottom: 20px;
	}
}

/*
|--------------------------------------------------------------------------
| Min Width #480px
|--------------------------------------------------------------------------
*/
@media (min-width: 480px) {
	.wpwl-form {
		padding: 0;
	}

	.wpwl-wrapper-billing {
		float: right;
	}
}