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


/*
|--------------------------------------------------------------------------
| Max Width #1800
|--------------------------------------------------------------------------
*/
@media (max-width: 1800px) {
	.listing-bulk--sub-option input.input-lg {
		width: 250px;
	}

	.listing-bulk--sub-option .input {
		flex-direction: column;
		align-items: flex-start;
	}
	.listing-bulk--sub-option .input label {
		margin: 0 0 4px 0;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1700
|--------------------------------------------------------------------------
*/
@media (max-width: 1700px) {
	.shop-cat__prods {
		padding: 20px;
	}
	.options__row.input input[type="text"] {
		padding: 10px;
		width: 100%
	}
	.options_text {
		border-right: 1px solid #8ecb70;
	}


	.listing-bulk--sub-option > *:not(:last-child) {
		margin-right: 32px;
	}
	.listing-bulk--sub-option .input label {
		font-size: 13px;
	}

	.listing-bulk .listing__image-section {
		width: 680px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1600px
|--------------------------------------------------------------------------
*/
@media (max-width: 1600px) {
	.product-grid .segment-20 {
		width: 25%;
	}

	.listing__upload {
		flex-direction: column;
	}
	.listing__upload-button {
		width: 60%;
		margin-top: 10px;
	}
	.listing-deadline > * {
		flex-direction: column;
		align-items: flex-start;
	}
	.listing-deadline > * > * {
		justify-content: space-between;
		width: 100%;
	}
	.img-cont--slick-listing.slick-next {
		right: -30px
	}
	.img-cont--slick-listing.slick-prev {
		left: -30px
	}
	.options-file-upload__text {
		width: 100%;
		text-align: center;
	}
	.header__nav-item--main {
		padding: 30px 0px;
		margin: 0 15px
	}
	.header__dropdown {
		top: 131px
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #1500px
|--------------------------------------------------------------------------
*/
@media (max-width: 1500px) {
	.shop-cat__header-inner {
		padding: 20px;
	}
	.jumbotron {
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 30px;
	}
	.product-grid .segment-20 {
		width: 25%;
	}
	.page-heading__title {
		font-size: 54px;
	}
	.heading__subtitle--delivery,
	.page-heading__subtitle {
		font-size: 20px;
	}
	.header__top,
	.header__main {
		padding: 10px 30px;
	}
	.header__nav-item--top {
		padding: 0 10px;
	}
	.header__login a:not(:last-child) {
		padding-right: 20px;
	}
	.header__top {
		font-size: 13px;
	}
	.grid--60--alt {
		margin: 0 -70px -60px 0px;
	}
	.grid--60--alt  > * {
		padding: 0 70px 60px 0px;
	}
	.usp:not(:nth-child(3n)):after {
		right: 35px;
	}
	.footer__main .container > * {
		padding: 0 35px;
	}
	.home-welcome {
		padding-right: 25px;
	}
	
	.home-blog {
		padding-left: 25px;
	}

	.listing-dropdown__content {
		padding: 25px 30px;
	}

	.home-banner__subtitle {
		font-size: 26px;
	}
	.shop-cat__sidebar { 
		width: 230px;
	}
	.sidebar__view-more {
		width:calc(230px - 50px)
	}
	.listing-dropdown.listing-related-products,
	.listing-deadline,
	.listing-upsell-container,
	.listing__heading-section,
	.listing-dropdown__title,
	.listing__stock-basket,
	.listing_options-section {
		padding: 30px;
	}
	.img-cont--slick-listing.slick-next {
		right: -15px
	}
	.img-cont--slick-listing.slick-prev {
		left: -15px
	}

	.footer__main .container > *:first-child {
		width: 380px;
	}

	.listing-pricebreaks {
		padding: 5px 30px 20px;
	}

	.listing-options--multibuy {
		padding: 5px 30px 20px;
	}

	.listing-bulk .listing__image-section {
		width: 680px;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #1400px
|--------------------------------------------------------------------------
*/
@media (max-width: 1400px) {
	.policy_overlay .overlay_popup--inner > h2 {
		font-size: 36px;
	}

	#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;
	}

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

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

	.comparison-bar--product-title {
		font-size: 10px;
		height: 24px;
	}
	.page-heading--delivery .page-heading__titles,
	.page-heading__titles {
		padding: 40px 0;
	}
	.case-study__title {
		font-size: 16px;
	}
	.case-study__label {
		font-size: 12px;
	}
	.home-blog,
	.home-welcome {
		padding: 0
	}
	.home-welcome {
		padding-bottom: 40px;
	}
	.home-about .segment-50 {
		width: 100%;
	}
	.home-about .container {
		display: flex;
		justify-content: center;
	}
	.about-segment-container {
		max-width: 1000px;
	}
	.home-banner::after {
		visibility: visible;
	}
	.listing-dropdown .product-grid--item {
		width: 50%;
	}
	.img-cont--slick-listing.slick-next {
		right: 0px
	}
	.img-cont--slick-listing.slick-prev {
		left: 0px
	}
	.header__nav-item--main {
		font-size: 14px;
	}
	.header__nav-item--top {
		font-size: 13px;
	}
	.header__logo-container {
		width: 140px;
	}
	.filter-swatch {
		width: 50%;
	}
	.panel--padding-60 {
		padding: 40px 0;
	}
	.footer__main-section--nav {
		width: 33%;
	}
	.listing__heading-section > :first-child {
		flex-direction: column-reverse;
	}
	.listing__heading-section .img-cont {
		padding: 1px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
		height: 70px;
		width: 70px;
	}
	.listing__heading-section .segment-75 {
		width: 100%;
	}

	.listing-bulk .listing__image-section {
		width: 636px;
	}
}



/*
|--------------------------------------------------------------------------
| 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;
	}
	.page-heading__title {
		font-size: 50px;
	}
	.footer__contact a:nth-child(5),
	.footer__contact a:last-child {
		display: none;
	}
	.footer__nav-item {
		font-size: 16px;
	}
	.home-banner {
		/* background-position: center; */
	}
	.block-link__title {
		font-size: 24px;
	}
	.block-link__subtitle {
		font-size: 15px;
	}
	.block-link__header .img-cont {
		width: 50px;
	}
	.button--footer {
		display: block;
		order: 2;
	}
	.shop-cat__cat--container {
		width: 25%;
	}
	.shop-cat__cat-title {
		font-size: 12px;
	}
	.product-grid--item {
		width: 20%;
	}

	.listing-bulk .listing__image-section {
		width: 575px;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #1300px
|--------------------------------------------------------------------------
*/
@media (max-width: 1300px) {
	.size-charts__img {
		width: 430px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1280px
|--------------------------------------------------------------------------
*/
@media (max-width: 1280px) {
	.product-grid .segment-20 {
		width: 33.333333333%;
	}

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

	.modal-overview {
		height: auto;
	}

	.modal--inner .listing-image {
		display: none;
	}

	.modal--inner {
		max-width: 420px;
	}
	.header__top  {
		font-size: 12px;
	}
	.header__main {
		font-size: 14px;
	}
	.header__nav-item--main {
		margin: 0 15px;
	}
	.header__top,
	.header__main {
		padding: 10px 20px;
	}
	.header__login a:not(:last-child) {
		padding-right: 10px;
	}
	.header__nav-item--top {
		padding: 0 5px;
	}
	.header__top svg {
		margin-right: 4px;
	}
	.header__logo-container svg {
		width: 80%;
	}
	.panel--padding-100,
	.panel--padding-80 {
		padding: 50px 0;
	}
	.options_text {
		width: 100%;
		padding: 10px;
	}
	.listing_options-section .input {
		width: 100%;
		/* height: 53px; */
	}
	.listing__upload-button {
		width: 100%;
	}
	.button {
		font-size: 14px;
	}
	.listing__heading-section h1 {
		font-size: 30px;
	}
	.listing__heading-section .listing-price {
		font-size: 26px;
	}
	.img-cont.segment-10 {
		width: 20%;
	}
	.home-find .container--width-1500 {
		max-width: 750px;
	}
	.header__nav-item--main {
		font-size: 13px;
	}
	.header__nav-item--top {
		font-size: 12px;
	}
	.case-study-slider.slick-slider {
		padding-top: 30px;
	}
	.opt-desc--qmark {
		top: 25%;
		right: 10px;
		left: initial;
	}

	.parent-cat-title::after {
		bottom: -22px;
	}
	.options__row {
		margin-bottom: 10px;
	}
	.listing-option-disc {
		/* padding-top: 51px; */
	}
	.cart-item-option,
	.cart-item-option:not(:nth-child(2)),
	.cart-item-option:not(:last-child) {
		width: 100%;
		padding: 0;
	}
	.cart-item-option:not(:last-child)::after {
		display: none;
	}

	.listing-bulk--prices {
		font-size: 24px;
	}
	.listing-bulk--overview, 
	.listing-bulk--options {
		padding: 30px;
	}
	.listing-bulk--options .checkbox-label {
		font-size: 14px;
	}
	.listing-bulk--option--main {
		padding: 10px 16px;
	}
	.listing-bulk--option .option-name, 
	.listing-bulk--option .option-price {
		font-size: 14px;
	}
	.listing-bulk--sub-option {
		padding: 12px 18px 4px 18px
	}
	.listing-bulk--results {
		padding: 30px 30px 18px;
	}
	.listing-bulk--results--subtotal {
		font-size: 20px;
		font-weight: 500;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1200px
|--------------------------------------------------------------------------
*/
@media (max-width: 1200px) {
	.policy_overlay .overlay_popup--inner > h2 {
		font-size: 30px;
	}
	
	.contact-sections {
		margin-right: -15px;
	}
	.contact-sections > * {
		margin: 0 15px 0 0;
	}
	.contact-section {
		padding: 30px;
	}
	.contact__directions {
		flex-direction: column;
		align-items: flex-start;
		padding: 10px 25px 15px;
	}
	.contact_directions-label {
		padding: 5px 0 10px;
		padding-right: 0;
		width: 100%;
	}
	.contact__directions-form {
		width: 100%;
	}
	.address-hours {
		flex-direction: column;
	}
	.address-hours > div:first-child:not(:last-child) {
		margin-bottom: 10px;
	}
	.contact__emails > * > a:first-child:not(:last-child) {
		padding-bottom: 8px;
	}
	.contact__emails--container {
		padding-bottom: 20px;
	}
	.contact-section > * > .panel--padding-30 {
		padding: 20px 0;
	}
	.img-cont--contact {
		min-width: 25px;
		width: 25px;
	}

	.pp-category-container {
		min-height: 1200px;
	}
	.product-grid--item-inner:hover .product--overlay-top,
	.product-grid--item-inner:hover .product--overlay-bottom {
		display: none;
	}

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

	.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;
	}
	.heading__title--delivery,
	.page-heading__title {
		font-size: 46px;
	}
	.heading__subtitle--delivery,
	.page-heading__subtitle {
		font-size: 19px;
	}
	.panel:nth-child(odd) .img-cont--about {
		padding-right: 40px;
	}
	.panel:nth-child(even) .img-cont--about {
		padding-left: 40px;
	}
	.content--custom {
		padding-right: 40px;
	}
	.image-gallery > .segment-25,
	.case-study {
		width: 50%;
	}
	.contact__address {

	}
	.contact-form__container {	
		width: 100%;
		margin: 0;
		margin-top: 10px;
	}
	.block-links .segment-33 {
		width: 50%
	}
	.shop-cat__sidebar {
		width: 200px;
	}
	.sidebar__view-more {
		width:calc(200px - 50px)
	}
	.shop-cat__cat-title {
		font-size: 11px;
	}
	.header__nav--top {
		left: 0%;
	}
	.home-banner__title {
		font-size: 65px;
	}
	.home-banner__content {
		max-width: 700px;
	}
	.schools-sm {
		width: 280px; 
		margin-right: 20px;
	}

	.size-charts__img {
		width: 360px;
	}

    .listing-bulk .listing__image-section {
        width: 530px;
    }

	.listing-bulk--titles > * {
		margin-bottom: 16px;
	}
	.listing-bulk--heading {
		margin-bottom: 16px;
	}
	.listing-bulk--overview--bottom {
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.listing-bulk .stock--listing {
		margin: 0 0 20px 0;
	}
	.listing-bulk--titles h1 {
		font-size: 24px;
	}
}
/*
|--------------------------------------------------------------------------
| Max Width #1100px
|--------------------------------------------------------------------------
*/
@media (max-width: 1100px) {
	.basket-items-options {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.panel:nth-child(even) .img-cont--about,
	.panel:nth-child(odd) .img-cont--about {
		padding: 0;
		padding-top: 30px;
	}
	.custom__text-image .container,
	.panel:nth-child(even) .text-image-sections__section .container,
	.panel:nth-child(odd) .text-image-sections__section .container {
		flex-direction: column-reverse;
		max-width: 600px;
		padding: 0 20px;
	}
	.custom__text-image .container {
		flex-direction: column;
	}
	.custom__text {
		padding-bottom: 30px;
	}
	.content--custom {
		padding-right: 0;
	}
	.footer__main .container > * {
		padding: 0 20px;
	}
	.product-grid--item {
		width: 25%;
	}
	.listing__stock-basket {
		flex-direction: column-reverse;
	}
	.listing__stock-basket > div {
		align-items: flex-start;
	}
	.listing__stock-basket > div > * {
		width: 100%;
	}
	#listingStockStatus_1 {
		text-align: center;
	}
	.listing__add-to-basket {
		padding-top: 20px;
		flex-direction: row;
		align-items: flex-end;
	}
	.listing__add-to-basket > *  {
		width: 50% !important;
	}
	.listing-content .segment-40,
	.listing-content .segment-60 {
		width: 50%;
	}
	.input-qty {
		margin-bottom: 0;
	}
	.header__nav-item--main {
		margin: 0 7px;
	}

	.footer__bottom > .flex {
		flex-direction: column;
	}
	.footer-bottom-right {
		flex-direction: column-reverse;
		align-items: flex-start;
		margin-top: 15px;
	}
	.footer-bottom-right > .flex {
		align-items: flex-start;
	}

	.size-charts__item > div.flex {
		flex-direction: column!important;
	}
	.size-charts__content {
		padding: 0!important;
	}
	.size-charts__img {
		margin-top:30px;
		width: auto;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1023px
|--------------------------------------------------------------------------
*/
@media (max-width: 1023px) {
	.img-cont--header-mobile svg {
		height: 19px;
		width: 19px;
		margin-right: 5px;
	}
	.contact__emails > a {
		width: 50%;
	}

	.pp-category-container {
		min-height: 1000px;
	}
	.header-top,
	.checkout-stages {
		display: none;
	}
	.header-mobile {
		display: flex;
	}
	.mobile-menu--btn-cont,
	.mobile-cart--btn-cont,
	.mobile-menu,
	.filter-subcategories,
	.checkout-breadcrumbs {
		display: block;
	}

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

	header {
		text-align: center;
		min-height: auto;
		overflow: hidden;
	}

	.page-slide.open {
		-webkit-animation: mobileMenuOpen 1s ease forwards; /* Safari 4+ */
		-moz-animation: mobileMenuOpen 1s ease forwards; /* Fx 5+ */
		-o-animation: mobileMenuOpen 1s ease forwards; /* Opera 12+ */
		animation: mobileMenuOpen 1s ease forwards; /* IE 10+, Fx 29+ */
	}

	.page-slide.close {
		-webkit-animation: mobileMenuClose 1s ease forwards; /* Safari 4+ */
		-moz-animation: mobileMenuClose 1s ease forwards; /* Fx 5+ */
		-o-animation: mobileMenuClose 1s ease forwards; /* Opera 12+ */
		animation: mobileMenuClose 1s ease forwards; /* IE 10+, Fx 29+ */
	}

	.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;
	}
	.page-heading--delivery .page-heading__titles,
	.page-heading__titles {
		padding: 30px 0;
	}
	.heading__title--delivery,
	.page-heading__title {
		font-size: 40px;
	}
	.heading__subtitle--delivery,
	.page-heading__subtitle {
		font-size: 18px;
	}
	.header-desktop {
		display: none;
	}
	.footer__main-section {
		width: 50%;
		justify-content: flex-start;
	}
	.footer__main-section:last-child {
		display: none;
	}
	.footer__bottom .container {
		flex-direction: column;
	}
	.footer__bottom .container > * {
		padding-bottom: 20px;
	}
	.img-cont--icon {
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}
	.home-banner {
		height: 480px;
		justify-content: center;
	}
	.home-banner__content {
		text-align: center;
		padding: 0;
	}
	.home-banner__content .button {
		align-self: center;
	}
	.shop-cat {
		flex-direction: column;
	}
	.shop-cat__sidebar {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0;
	}
	.shop-cat__sidebar--inner {
		padding: 0;
		width: 60%;
		position: relative;
		flex: 1;
	}
	.sidebar__sub-cats {
		/* display: none; */
		position: absolute;
		z-index: 100;
		width: 100%;
		background-color: #040707;
		display: flex;
		align-items: center;
	}
	.shop-cat__navtrail {
		display: none;
	}
	.shop-cat__main h1 {
		font-size: 36px;
	}
	.jumbotron {
		padding: 0 60px;
	}
	.grid-filters-subcategories {
		position: absolute;
		background-color: #040707;
		right:0;
		top: 100%;
		z-index: 5;
		width: 50%;
	}
	.sidebar {
		position: relative;
	}
	.sidebar__sub-cat {
		display: flex;
		position: relative;
		font-size: 16px;
		padding:10px 0;
		border-bottom: 1px solid #1d2323;
		width: 100%;
		justify-content: center;
		text-transform: uppercase;
	}
	.sidebar__subsub-cats {
		display: none;
	}
	/*Mobile Filters*/

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

	#mbl-filters {
		background: #040707;
		color: #fff;
		width: 100%;
		height: 60px;
		text-align: center;
		display: flex;
		align-items: center;
	}

	#mbl-filters-sub {
		display: none;
	}

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

	#mbl-filters-sub .list-reset {
		padding: 4px 32px 22px 32px;
	}
	.cats-mbl-label {
		display: flex;
	}
	.sidebar .filters--title,
	.sidebar:before,
	.shop--navtrail .breadvrumb-trail {
		display: none;
	}
	.search-page {
		flex-wrap: wrap;
	}
	.search-page .sidebar {
		width: 100%;
		display: flex;
		justify-content: flex-end;
		background-color: #f36621;
		border-bottom: 1px solid #fff;
	}
	.search-page {
		position: relative;
	}
	.search-page .breadcrumb-trail {
		position: absolute;
		top: 0;
		z-index: 5;
		height: 60px;
	}
	.search-page #mbl-filters {
		display: flex;
		align-items: center;
		position: relative;
		z-index: 10;
		border-bottom: none;
	}
	.search-page .grid-filters-subcategories {
		top: 60px;
	}
	.shop-cat__header {
		padding: 20px 30px !important;
	}
	.shop-cat__header-inner {
		padding: 0;
		width: 100%;
		padding-right: 40px;
	}

	.shop-cat__header-inner > h1 {
		margin: 0;

	}
	.filters__title {
		display: none;
	}
	.listing-content .listing__upload-button {
		width: 100%;
	}
	.shop-cat__header > .img-cont.img-cont--header-badge {
		display: block;
	}
	.filter-swatch {
		width: 50%;
	}
	.img-cont--header-large {
		display: none;
	}
	.product-grid--item {
		width: 20%;
	}
	.shop-cat__header-inner .content {
		max-height: 0px;
	}
	.sidebar {
		width: 40%;
	}
	.shop-cat__header-inner, .shop-cat__header-inner p {
		align-items: center;
		text-align: center;
	}
	.shop-cat__header-inner .content {
		padding-top: 10px;
		text-align: center;
	}
	.home-banner::after {
		background: rgb(4,7,7, .2);
		background: radial-gradient(circle, rgba(4,7,7,.4) 0%, transparent 100%);
	}
	.jumbotron:not(.jumbotron--sub-sub) .img-cont {
		display: none;
	}

	.listing-bulk .listing__image-section {
		display: none;
	}
	.listing-bulk .listing-image--upper {
        display: block;
        background-color: #FFF;
        border-bottom: 1px solid #222;
        padding: 30px 70px;
    }
	.listing-bulk .listing-image--upper .listing-image {
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}
	.listing-bulk .listing-image--slider {
		display: grid;
	}
	.listing-bulk--option--main > *:not(:last-child) {
		margin-right: 28px;
	}
	.listing-bulk--overview, .listing-bulk--options {
        padding: 22px;
    }
	.listing-bulk--option--main {
		flex-wrap: wrap;
	}
	.listing-bulk--results {
        padding: 22px 22px 10px;
    }

	.content-container {
		padding: 40px 0;
	}
	.content-sidebar {
		margin-right: 40px;
	}

	.page-slide-container {
		overflow: hidden;
	}
	.ovfl-fix {
		overflow: visible;
	}

	.listing-bulk .listing-image {
		position: unset;
		top: unset;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1000px
|--------------------------------------------------------------------------
*/
@media (max-width: 1000px) {
	.address-hours {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.contact-sections {
		margin-right: 0;
		flex-direction: column;
	}
	.contact-sections > * {
		margin: 0;
		width: 100%;
	}
	.contact-sections > *:not(:last-child) {
		margin-bottom: 30px;
	}
	.contact__directions {
		padding: 15px 20px;
	}
	.contact_directions-label {
		padding: 0 0 10px 0;
	}
	.contact-section {
		padding: 30px;
	}

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


	.sidebar-content {
		overflow: visible;
	}

	.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(<?=$IMAGE_PATH?>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(<?=$IMAGE_PATH?>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;
	}

	.product-inner--titles {
		text-align: left;
	}

	.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;
	}


	.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;
	}
	.product-grid--item {
		width: 25%;
	}

	.schools-sm {
		display: none;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #900px
|--------------------------------------------------------------------------
*/
@media (max-width: 900px) {
	.breadcrumbs {
		display: none;
	}

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

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

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

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

	.account-sidebar nav {
		padding: 0px 24px 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;
	}

	/* .sort-by-container {
		float: left;
		width: 50%;
	} */

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

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

	.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;
	}

	.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;
	}
	.panel--padding-100,
	.panel--padding-80,
	.panel--padding-60,
	.panel--padding-50 {
		padding: 20px 0;
	}
	.usp-title--home {
		font-size: 16px;
	}
	.grid--60--alt {
		margin: 0 -50px -50px 0px;
	}
	.grid--60--alt  > * {
		padding: 0 50px 50px 0px;
	}
	.usp:nth-child(3n):after,
	.usp:not(:nth-child(3n)):after {
		right: 25px;
	}
	.news-item-container--featured .news_main_item {
		flex-direction: column;
	}
	.news-item-container--featured .blog-post__content {
		padding: 20px;
		max-width: 760px;
		width: auto;
	}
	.panel--padding-40 {
		padding: 20px 0;
	}
	.category-nav__link {
		margin: 0 15px;
	}
	.category-nav__links {
		margin-left: 30px;
	}
	.category-nav__title {
		margin-right: 30px;
	}
	.cat-title {
		font-size: 20px;
	}
	.container--padding-40 {
		padding: 0;
	}
	.shop-cat__body .container--padding-40 {
		padding: 0px 20px;
	}

	.listing-content .segment-40,
	.listing-content .segment-60 {
		width: 100%;
	}
	.listing-content {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.sale-logo--listing,
	.listing-image--lower {
		display: none;
	}
	.listing-image--upper {
		display: block;
	}
	.listing-dropdown .product-grid--item {
		width: 33%;
	}
	.options_text {
		width: 50%;
	}
	.listing_options-section .input {
		width: 50%;
	}
	.listing__upload-button {
		width: 50%;
	}
	.listing__upload {
		flex-direction: row;
	}
	.listing__upload-button {
		width: auto;
		margin-top: 0px;
	}
	.listing__stock-basket {
		flex-direction: row;
	}
	.listing__stock-basket > div > * {
		width: 100%;
	}
	.listing__add-to-basket {
		padding-top: 0px;
		flex-direction: column;
	}
	.listing__add-to-basket > *  {
		width: 100% !important;
	}
	.breadcrumb-trail--listing {
		padding: 20px 30px;
	}
	.listing-swatches  {
		width: 70% !important;
	}
	.footer__contact a:nth-child(4) {
		display: none;
	}
	.shop-cat__cat--container {
		width: 33%;
	}
	.listing__image-section .panel--padding-60,
	.listing-content .panel--padding-60 {
		padding-bottom: 0;
	}
	.opt-desc--qmark {
		top: 50%;
		transform: translateY(-70%);
		right: initial;
		left: 45%;
	}
	.options-file-upload__text {
		width: 400%;
		text-align: left;
	}
	.home-banner__title {
		font-size: 60px;
	}
	.home-banner__content {
		max-width: 650px;
	}
	.options__row {
		margin-bottom: 0px;
	}
	.listing-option-disc {
		padding-top: 51px;
	}
	.options__row.input {
		width: 100%;
	}
	.options__row.input input[type="text"] {
		padding: 10px;
		width: 50%
	}
	.options__row {
		margin-bottom: 10px;
	}
	.listing-option-disc {
		padding-top: 10px;
	}
	.form-options .button-block {		
		margin-top: 10px;
	}
	
	.listing-pricebreaks {
		padding: 20px 30px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #800px
|--------------------------------------------------------------------------
*/
@media (max-width: 800px) {
	.contact__emails > a {
		width: 100%;
	}
	.account-details--title-text {
		float: none;
		clear: left;
		width: 100%;
		max-width: 100%;
		padding: 0 0 30px;
	}
	.page-heading--delivery .page-heading__titles,
	.page-heading__titles {
		padding: 20px 0;
	}
	.heading__title--delivery,
	.page-heading__title {
		font-size: 36px;
	}
	.heading__subtitle--delivery,
	.page-heading__subtitle {
		font-size: 16px;
	}
	.font-30 {
		font-size: 26px;
	}
	.usp--home {
		width: 100%;
	}
	.usp--home:not(:nth-child(3))::before {
		content: "";
		height: 1px;
		position: absolute;
		bottom: 25px;
		width: 100px;
		background: #e9e9e9;
		left: 50%;
		transform: translateX(calc(-50% - 25px));
	}
	.contact__emails .segment-50 {
		width: 100%;
		margin: 0;
	}
	.contact__emails .segment-50:first-child {
		padding-bottom: 20px;
	}

	.contact__directions .segment-40,
	.contact__directions .segment-60 {
		width: 100%;
	}
	.block-link__title {
		font-size: 22px;
	}
	.block-link__subtitle {
		font-size: 14px;
	}
	.block-link__header .img-cont {
		display: none;
	}
	.block-link__header {
		text-align: center;
		top: 5%;
	}
	.block-link__titles {
		padding: 0;
	}
	.container.container--width-700 {
		max-width: 100%;
		padding: 0 20px;
	}
	.breadcrumb-trail--listing {
		flex-direction: column;
		align-items: flex-start;
	}
	.breadcrumb-trail--listing .listing-share-container {
		align-self: flex-start;
		margin-top: 10px;
	}
	.grid--15 {
		margin: 0 -8px -8px 0px;
	}
	.grid--15  > * {
		padding: 0 8px 8px 0px;
	}
	.img-cont--banner {
		height: 220px;
	}
	.cust-serv__item--outer {
		width: 100%;
	}
	.article-header {
		padding: 0;
	}
	.product-grid--item {
		width: 33%;
	}

	.size-charts__item > div.flex {
		padding: 30px;
	}

	.content-container {
		flex-direction: column-reverse;
	}
	.content-sidebar {
		margin: 32px 0 0 0;
		width: 100%;
	}
	.progress-track--titles {
		margin-bottom: 20px;
	}
	.progress-track--title {
		font-size: 28px;
		margin-bottom: 0;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #767px
|--------------------------------------------------------------------------
*/
@media (max-width: 767px) {
	.mbl-home-tab-btns {
		display: block;
	}

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

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

	.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;
	}

	.order-panel {
		padding: 0 10px 10px 0;
		text-align: center;
		width: 50%;
	}
	.usp--custom.segment-33,
	.usp--about.segment-33 {
		width: 50%;
	}
	.usp--about:nth-child(3n):after,
	.usp--custom:nth-child(3n):after {
		content: "";
		width: 1px;
		position: absolute;
		right: 25px;
		top: 0;
		height: calc(100% - 60px);
		background: #e9e9e9;
	}
	.usp:not(:nth-child(3n)):after {
		right: 25px;
	}
	.usp--custom:nth-child(3n):after {
		background-color: #8ecb70;
	}
	.img-cont--slick {
		background-color: #6cbd45;
	}
	.listing-image .img-cont--slick svg {
		fill: #fff;
	} 
	.jumbotron-lg .jumbotron--inner {
		padding: 20px 30px;
		min-height: 150px;
	}
	.order-tracking {
		padding: 40px 20px;
	}
	.order-tracking--top {
		text-align: center;
		margin-bottom: 30px;
	}
	.order-tracking--top--line, .order-tracking--step--title {
		font-size: 15px;
	}
	.order-tracking--top > *:not(:last-child) {
		margin-bottom: 10px;
	}
	.order-tracking--step:not(:last-child) {
		margin-bottom: 25px;
	}
	
}



/*
|--------------------------------------------------------------------------
| Max Width #700px
|--------------------------------------------------------------------------
*/
@media (max-width: 700px) {
	
	.mobile-slider  {
		display: block;
	}
	.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;
	}

	.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;
	}
	.heading__title--delivery,
	.page-heading__title {
		font-size: 30px;
	}
	.custom__text-image .container,
	.panel:nth-child(even) .text-image-sections__section .container,
	.panel:nth-child(odd) .text-image-sections__section .container {
		max-width: 560px;
		padding: 0 20px;
	}
	.footer__main-section {
		width: 100%;
		justify-content: center;
		flex-direction: column;

	}
	.footer__main .container > *:first-child {
		width: 100%;
	}
	.footer__main .container {
		flex-direction: column;
		justify-content: center;
	}
	.footer__main .container > * {
		padding: 0;
		padding-bottom: 20px;
	}
	.footer__main .container > *:nth-child(2) {
		padding: 0;
	}

	.footer__nav-item {
		font-size: 21px;
		text-align: center;
	}
	.footer__nav-column:first-child {
		padding: 0;
	}
	.img-cont--icon {
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}
	.img-cont--icon svg {
		width: 20px;
		height: 20px;
	
	}
	.news_main_item {
		flex-direction: column;
	}
	.blog-post__content {
		padding: 20px;
		max-width: 760px;
		width: auto;
	}
	.img-cont--blog {
		width: 100%;
	}
	.category-nav__links {
		display: none;
	}
	.category-nav__title {
		margin: 0;
		font-size: 18px;
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.category-nav__links,
	.blog-nav nav {
		align-items: center;
		flex-direction: column;
		margin: 0;
	}
	.category-nav__link {
		margin: 0;
		padding: 10px 0;
	}
	.category-nav__title.active,
	.category-nav__link.active,
	.category-nav__title--blog.active,
	.category-nav__link--blog.active {
		border: none;
	}
	.img-cont--dropdown-arrow {
		display: flex;
	}
	.blog-nav nav {
		flex: 1;
	}
	.blog-nav nav > div {
		width: 100%;
		justify-content: center;
	}
	.category-nav__title:hover,
	.category-nav__link:hover,
	.category-nav__title--blog:hover,
	.category-nav__link--blog:hover {
		color: #fff;
	}
	.dropdown {
		padding-bottom: 20px;
	}
	.news-item-container--featured .button--blog {
		padding: 3px 15px;
	}
	.home-blog {
		justify-content: center;
	}
	.cat-title {
		font-size: 24px;
	}

	.cust-serv__background {
		min-height: 1000px;
	}
	.cust-serv__contact .flex:first-child {
		margin-right: 30px;
	}
	.qty-status {
		flex-direction: column;
		align-items: flex-start;
	}
	.qty-status > * {
		padding-left: 0;
	}
	.address-hours {
		flex-direction: column;
	}
	.contact__address {
		margin: 0;
		padding-bottom: 20px;
	}
	.contact-section .img-cont {
		width: 20px;
		margin-right: 10px
	}
	.contact__emails--container .img-cont {
		display: none;
	}
	.contact__directions .img-cont {
		width: 59px;
		margin-right: 0;
	}
	.contact-section {
		padding: 20px;
		font-size: 13px;
	}
	.home-top-bar {
		font-size: 14px;
	}

	.shop-cat__main h1 {
		font-size: 30px;
	}
	.jumbotron {
		justify-content: center;
	}
	.listing-share-container {
		font-size: 13px;
	}
	.cart-total .cart-total--label, .cart-total .cart-total--price {
		font-size: 15px;
	}
	#voucher {
		font-size: 13px;
	}
	.checkout .input-grid > .input:not(.input--voucher) {
		width: 100%;
	}
	.checkout .input--voucher {
		width: 100%;
	}
	.checkout .button--voucher:not(#account_del_8_button) {
		width: 100%;
	}
	.listing-dropdown.listing-related-products,
	.listing__heading-section,
	.listing-dropdown__title,
	.listing__stock-basket,
	.listing_options-section {
		padding: 20px;
	}
	.listing-dropdown__title  {
		font-size: 16px;
	}
	.search-page .breadcrumb-trail {
		padding-left: 30px;
	}
	.listing-image--upper {
		padding: 20px;
	}
	.listing__heading-section h1 { 
		font-size: 26px;
	}
	.listing-dropdown__content.content  {
		padding-right: 30px;
	}
	.listing__additional-title {
		padding-right: 70px;
	}	
	.img-cont.segment-10 {
		width: 33%;
	}
	.img-cont.segment-10:last-child {
		display: none;
	}
	.home-find .container--width-1500 {
		max-width: 480px;
	}
	.home-banner {
		display: none;
	}
	.home-banner--mobile {
		display: flex;
	}
	.footer__contact a:nth-child(3) {
		display: none;
	}
	.header-mobile--main {
		padding: 10px 20px;
	}
	.article-content--title {
		font-size: 28px;
	}
	.img-cont--article {
		padding: 20px 0;
	}
	.contact__emails > * {
		padding-left: 30px;
	}
	.listing-swatches  {
		width: 80% !important;
	}
	.jumbotron--sub-sub.shop-cat__header {
		padding: 0 15px !important;
	}
	.home-banner__title {
		font-size: 46px;
	}
	.home-banner__content {
		max-width: 500px;
	}
	.home-slider {
		display: none;
	}

	.footer-logos-container {
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}
	.footer-logos-container > div {
		margin-bottom: 5px;
	}
	.footer-bottom-right {
		align-items: center;
		width: 100%;
	}
	.footer-bottom-right > .flex {
		align-items: center;
	}

	.school-lg__block > div > span {
		font-size: 18px;
	}
	
	.listing-pricebreaks {
		padding: 20px;
	}

	.listing-options--multibuy {
		padding: 5px 20px 20px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #600px
|--------------------------------------------------------------------------
*/
@media (max-width: 600px) {
	.cat-password-overlay form {
		padding: 25px 30px 30px;
	}
	.form-title {
		font-size: 21px;
	}
	.footer-main.open .footer-nav,
	.footer-newsletter.open,
	.footer-nav--mbl-button {
		display: block;
	}
	
	.cart-item-content > * {
		width: 100%;
	}
	.cart-item-right {
		max-width: 100%;
		padding: 0;
		text-align: left;
		padding-bottom: 20px;
	}


	.cart-item-content > :first-child {
		flex-direction: column;
	}

	.footer-newsletter,
	.footer-nav {
		display: none;
	}


	.cart-item-image {
		padding-right: 20px;
		height: 50%;
	}

	.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;
	}

	.footer-main {
		padding: 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;
	}

	.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(<?=$IMAGE_PATH?>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(<?=$IMAGE_PATH?>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;
	}

	.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-right {
		text-align: center;
	}

	.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;
	}
	.img-cont--about img {
		width: 80%;
	}
	.img-cont--about {
		display: flex;
		justify-content: center;
	}
	.custom__text-image .container,
	.panel:nth-child(even) .text-image-sections__section .container,
	.panel:nth-child(odd) .text-image-sections__section .container {
		max-width: 448px;
	}
	.footer__contact {
		padding: 30px 0;
	}
	.footer__contact .container {
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
	}
	.footer__contact a:first-child {
		justify-content: center;
		width: 100%;
		font-size: 21px;
		padding-bottom: 30px;
	}
	.news-item-container--featured  .news_item_title {
		font-size: 24px !important;
	}
	.dd-text {
		padding-right: 100px;
	}
	.image-gallery > .segment-25,
	.case-study {
		width: 100%;
	}
	.slick-next {
		right: 10px;
	}
   
	.slick-prev {
		left: 10px;
	}
	.cust-serv__contact .flex:first-child {
		margin-right: 0px;
		padding-bottom: 10px;
		width: 100%;
		justify-content: center;
	}
	.account-login .input {
		width: 100%;
	}
	.block-link__title {
		font-size: 18px;
	}
	.block-link__subtitle {
		font-size: 13px;
	}
	.input-grid__row {
		flex-direction: column;
	}
	.input-grid__row .input {
		width: 100%;
	}
	.listing-dropdown .product-grid--item {
		width: 50%;
	}
	.options_text {
		width: 100%;
	}
	.listing_options-section .input {
		width: 100%;
	}
	.listing__upload-button {
		width: 100%;
	}
	.listing__upload {
		flex-direction: column;
	}
	.listing__upload-button {
		width: 100%;
		margin-top: 20px;
	}
	.breadcrumb-trail--listing > *:first-child {
		display: none;
	}
	.breadcrumb-trail--listing .listing-share-container {
		align-self: flex-end;
		margin-top: 0;
	}
	.breadcrumb-trail--listing {
		padding: 10px;
	}
	
	.listing-upsell-container .product-inner--image {
		margin: 0;
	}
	.listing-upsell-container .product-inner--image {
		width: 30%;
	}
	.img-cont--slick {
		width: 35px !important;
		height: 35px !important;
	}
	.case-study--slider .img-cont--slick {
		width: 45px !important;
		height: 45px !important;
		margin: 0;
	}
	.home-banner {
		display: none;
	}
	.home-banner--mobile {
		display: flex;
	}
	.shop-cat__cat--container {
		width:50%;
	}
	.article-content--title {
		font-size: 26px;
	}
	.checkout {
		padding-bottom: 20px;
	}
	.listing-swatches  {
		width: 90% !important;
	}
	.opt-desc--qmark {
		top: 25%;
		right: 20px;
		left: initial;
	}
	.product-grid--item {
		width: 50%;
	}
	.options__row.input input[type="text"] {
		padding: 10px;
		width: 100%
	}
	.listing-option-disc {
		padding-top: 51px;
	}

	.size-charts__content table td, .size-charts__content table th {
		font-size: 12px;
	}

	.basket-items-options .basket-btn-block {
		flex-wrap: wrap;
		width: 100%;
	}

	.basket-btn-block .button {
		width: 100%;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #570px
|--------------------------------------------------------------------------
*/
@media (max-width: 570px) {
	.listing--title {
		font-size: 22px;
	}

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

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

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

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

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

	.payment-method--content {
		padding: 30px;
	}
	.usp.segment-33 {
		width: 100%;
	}
	.usp--custom::before,
	.usp--about::before {
		content: "";
		height: 1px;
		position: absolute;
		bottom: 25px;
		width: 100px;
		background: #e9e9e9;
		left: 50%;
		transform: translateX(calc(-50% - 25px));
	}
	.usp--custom::before {
		background: #8ecb70;
	}
	.home-top-bar a{
		display: none;
	}
	.shop-cat__main h1 {
		font-size: 26px;
	}

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

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

	.listing-bulk--option .option-price {
		min-width: 100%;
		margin-top: 10px;
		text-align: left;
	}
	.listing-bulk--option .option-name {
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0;
	}
}



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

	.jumbotron-lg .jumbotron--inner {
		padding: 20px;
		min-height: 130px;
	}
	.jumbotron--title {
		font-size: 32px;
	}

	.order-tracking--top--line, .order-tracking--step--title {
		font-size: 14px;
	}
	.order-tracking--step {
		position: relative;
		padding-left: 55px;
		font-size: 13px;
	}
	.order-tracking--step:first-child::after, .order-tracking--step:last-child::after {
		width: 55px;
	}
	.order-tracking--step--icon {
		width: 35px;
		height: 35px;
	}
	.order-tracking--bottom {
		margin-left: 55px;
	}

	.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;
	}

	.mobile-menu {
		width: 80%;
		left: -80%;
	}

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

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

	@-webkit-keyframes mobileMenuOpen {
		from {
			transform: translate(0px, 0px);
			-webkit-transform: translate(0px, 0px);
		}
		to {
			transform: translateX(80%);
			-webkit-transform: translateX(80%);
		}
	}

	@keyframes mobileMenuOpen {
		from {
			transform: translate(0px, 0px);
			-webkit-transform: translate(0px, 0px);
		}
		to {
			transform: translateX(80%);
			-webkit-transform: translateX(80%);
		}
	}

	@-webkit-keyframes mobileMenuClose {
		from {
			transform: translateX(80%);
			-webkit-transform: translateX(80%);
		}
		to {
			transform: translate(0px, 0px);
			-webkit-transform: translate(0px, 0px);
		}
	}

	@keyframes mobileMenuClose {
		from {
			transform: translateX(80%);
			-webkit-transform: translateX(80%);
		}
		to {
			transform: translate(0px, 0px);
			-webkit-transform: translate(0px, 0px);
		}
	}

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

	.listing-deadline-doughnut {
		margin: 0 0 0 10px;
	}
/* 
	.button {
		padding: 13px 15px;
	} */

	.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 {
		float: none;
		clear: left;
		width: 100%;
		margin: 0 0 20px;
	}

	.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;
	}

	.modal.vouchers .button {
		padding: 8px 15px 6px;
	}
	.heading__title--delivery,
	.page-heading__title {
		font-size: 26px;
	}
	.heading__subtitle--delivery,
	.page-heading__subtitle {
		font-size: 14px;
	}
	.img-cont--about img {
		width: 70%;
	}
	.font-30 {
		font-size: 22px;
	}
	.mobile-menu {
		top: 0; left: -80%; bottom: 0;
		width: 80%;
	}
	.page-slide.open .header-mobile--top,
	.page-slide.open .header-mobile--main {
		padding-left: 15px;
	}
	.mobile-menu__top,
	.mobile-nav a {
		padding: 15px 20px;
		font-size: 16px;
	}
	.mobile-nav--lower a {
		padding: 10px 20px;
	}
	.post-label {
		font-size: 16px;
	}
	.news-item-container--featured  .news_item_title {
		font-size: 20px !important;
	}
	.dd-text {
		padding-right: 80px;
	}
	.dd-section--title {
		font-size: 22px;
	}

	.contact-form__container {
		padding: 10px;
	}
	.block-link__title {
		font-size: 16px;
	}
	.sort-by-container {
		padding: 10px 20px;
	}
	.checkout-payment {
		display: flex;
		flex-direction: column;
	}
	.listing__stock-basket {
		flex-direction: column-reverse;
	}
	.listing__stock-basket > div > * {
		width: 100%;
	}
	.listing__add-to-basket {
		padding-top: 20px;
		flex-direction: column;
	}
	.listing__add-to-basket > *  {
		width: 100% !important;
		max-width: 100%;
	}
	.search-page .breadcrumb-trail {
		padding-left: 10px;
	}
	.upsell-title {
		font-size: 12px;
	}
	.listing-upsell-container .product-price-web,
	.listing-upsell-container .product-inner--title {
		font-size: 14px;
	}
	.slick-center,
	.slick-center img {
		width: 100vw !important;
	}
	.case-study-slider.slick-slider {
		padding-top: 0px;
	}
	.dd-question {
		font-size: 14px;
	}
	.contact__directions {
		padding: 10px;
	}
	.contact_directions-label {
		padding: 0;
		padding-bottom: 10px;
	}
	.content,
	.content--about {
		font-size: 14px;
	}
	.listing-swatches  {
		width: 100% !important;
	}
	.cart-totals .footer-payment {
		display: flex;
		align-items: center;
	}
	.input-qty {
		align-self: center;
		margin-bottom: 10px;
		width: 50%;
		max-width: 50%;
		text-align: center;
	}
	.shop-cat__main h1 {
		font-size: 30px;
		width: 100%;
		text-align: center;
	}
	.shop-cat__header > .img-cont {
		display: none;
	}
	.home-banner__title {
		font-size: 36px;
	}
	.home-banner__content {
		max-width: 350px;
	}
	.cart-item {
		flex-direction: column-reverse;
	}
	.cart-item-image {
		padding-top: 20px;
	}
	.shop-cat__header-inner {
		padding: 0;
	}

	.school-lg__block > div:not(.school-badge) {
		padding: 15px 20px;
	}
	.school-lg__block .school-badge {
		display: none;
	}

	.size-chart__table {
		overflow-x: scroll;
	}
	.size-charts__content table {
		min-width: 500px;
	}
	.size-charts__tabs > span {
		font-size: 16px; 
		padding: 12px;
	}

	.size-charts__item > div.flex {
		padding: 20px;
	}

	.listing-bulk-options--check {
		flex-direction: column;
		width: 100%;
		align-items: flex-start;
	}
	.listing-bulk-options--check > .input:not(:last-child) {
		margin: 0 0 12px 0;
	}
	.listing-bulk-options--check > .input {
		width: 100%;
	}

	.listing-bulk--sub-option--last {
		width: 100%;
		flex: unset;
		justify-content: flex-start;
	}
	.listing-bulk--option .option-qty > .input .select2-basic--container {
		min-width: 120px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #479px
|--------------------------------------------------------------------------
*/
@media (max-width: 479px) {
	/* header {
		height: 60px !important;
	} */

	/* .mobile-menu--btn-cont,
	.mobile-cart--btn-cont {
		height: 60px;
	}

	.mobile-menu--btn-cont,
	.mobile-cart--btn-cont {
		width: 70px;
		min-width: 70px;
	}

	.mobile-menu--btn {
		margin: 14px auto;
	}

	.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:not(.checkout-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;
	}

	.basket-items-options .basket-btn-block {
		flex-direction: column;
	}
/* 
	.mobile-action {
		padding: 10px 20px;
	} */

	/* .mobile-nav {
		padding: 0 20px 10px 20px;
	}

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

	.static-mobile-nav {
		padding: 10px 20px 0 20px;
	}

	.mobile-nav li {
		padding: 6px 0;
	} */

	.mobile-store {
		padding-top: 10px;
	}

	.mobile-nav .mobile-store--link {
		margin-bottom: 0;
	}

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

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

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

	.mobile-store--cont > a {
		background: url(<?=$IMAGE_PATH?>icon-mobile-dropdown-down.png) no-repeat
			right 6px;
	}

	.mobile-store--cont.open > a {
		background: url(<?=$IMAGE_PATH?>icon-mobile-dropdown.png) no-repeat
			right 6px;
	}

	.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(<?=$IMAGE_PATH?>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 {
		padding: 16px 10px;
	}
	.mobile-nav--phone .img-cont--header-mobile {
		margin-right: 5px;
	}
	.mobile-nav--phone a {
		font-size: 13px;
	}
	.news_main_item {
		justify-content: center;
	}
	.img-cont--blog {
		display: flex;
		justify-content: center;
	}
	.home-blog {
		width: 360px !important;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	.home-blog .img-cont {
		width: 340px !important;
	}
	.block-link__subtitle {
		display: none;
	}
	.cart-total .cart-total--label, .cart-total .cart-total--price {
		font-size: 14px;
	}
	#checkout {
		font-size: 15px;
	}
	.mobile-search--input .img-cont--header-mobile__search {
		height: 70px;
		width: 70px;
	}
	.listing-upsell-container .product-inner--image {
		width: 40%;
	}
	.home-blog {
		flex-direction: column-reverse;
	}
	.post-label--home {
		writing-mode: inherit;
	}
	.img-cont--post-label {
		border: none;
		padding: 0;
		padding-right: 20px;
	}
	.shop-cat__cat--container {
		width: 100%;
	}
	.shop-cat__cat-title {
		font-size: 14px;
	}
	.block-links .segment-33 {
		width: 100%;
	}
	.block-link__title {
		font-size: 20px;
	}
	.input-qty {
		text-align: left;
		max-width: 40%;
	}
	.shop-cat__header > .img-cont.img-cont--header-badge {
		display: none;
	}
	.product-grid--item {
		width: 100%;
	}
	.block-link__title {
		padding-top: 25px;
	}
	.block-links .segment-33 {
		width: 90%;
		margin: 0 auto;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #400px
|--------------------------------------------------------------------------
*/
@media (max-width: 400px) {
	.form-title {
		font-size: 18px;
	}
	.brand a {
		height: 50px;
	}

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

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

	/* .mobile-nav li {
		padding: 0;
	}

	.mobile-nav li a {
		padding: 3px 0;
	}

	.mobile-nav a {
		font-size: 18px;
	} */

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

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

	.payment-method--content {
		padding: 20px;
	}
	.img-cont--about img {
		width: 60%;
	}
	.custom__text-image .container,
	.panel:nth-child(even) .text-image-sections__section .container,
	.panel:nth-child(odd) .text-image-sections__section .container {
		max-width: 336px;
	}
	.dd-text {
		padding-right: 80px;
	}
	.home-blog {
		width: 310px !important;
	}
	.home-blog .img-cont {
		width: 280px !important;
	}
	.cust-serv__contact .flex:first-child {
		font-size: 13px;
	}
	.sort-by-container {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.listing-share-container {
		align-self: initial;
	}

	.sort-by {
		margin-bottom: 10px;
	}
	#checkout {
		font-size: 13px;
		font-weight: 700;
	}
	.listing-dropdown .product-grid--item {
		width: 100%;
	}
	.checkout-payment > div > span {
		display: none;
	}
	.shop-cat__cat--container {
		width: 100%;
	}
	.contact__emails > * {
		padding-left: 0px;
	}
	.button--blog {
		font-size: 12px;
	}
	.input-qty {
		text-align: center;
		max-width: 60%;
	}
	.block-link__title {
		padding-top: 12px;
	}
}