
/*
|-----------------------------------------------------------------------------------------------------------------
| Responsive Stylesheet
|-----------------------------------------------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| Max Width #1700px
|--------------------------------------------------------------------------
*/
@media (max-width: 1700px) {
	.home-content__left {
		width: 45%;
	}
	.category-main .product-grid--item {
		width: 33.33333%;
		padding: 0 0 20px 20px;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #1600px
|--------------------------------------------------------------------------
*/
@media (max-width: 1600px) {
	.product-grid .segment-20 {
		width: 25%;
	}
	.home-feature__right iframe {
		width: 930px!important;
		height: 523px!important;
	}

	.listing-main--inner {
		padding-right: 20px
	}
	.listing-main {
		width: 860px;
	}
	.vimeo-vids iframe {
		height: 472px!important;
	}

	.home-cat-slider-container {
		padding: 0 60px;
	}

	.header-main__nav__item > span, .header-main__nav__item > a{
		font-size:17px;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #1500px
|--------------------------------------------------------------------------
*/
@media (max-width: 1500px) {
	.home-feature__right iframe {
		width: 830px!important;
		height: 466px!important;
	}
	.home-feature__left > div {
		padding: 25px 45px;
	}
	.product-list__cta .button {
		height: 36px!important;
	}
	.home-feature__timeleft {
		font-size: 16px;
	}
	.home-content {
		flex-direction: column;
	}
	.home-content__left {
		width: 100%;
		height: 450px;
	}
	.help-page {
		padding: 20px 0 75px 0;
	}

	.event-datepicker .ui-datepicker .ui-state-default {
		height: 32px;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #1400px
|--------------------------------------------------------------------------
*/
@media (max-width: 1400px) {
	.news-snippets--inner > div {
		width: 25%;
	}
	.news-snippets--inner > div:nth-child(5) {
		display: none;
	}
	.home-feature__right iframe {
		width: 730px!important;
		height: 427px!important;
	}
	.home-feature__left > div.home-feature__timeleft {
		padding: 25px 65px;
		font-size: 16px;
	}
	.home-feature__title {
		margin-bottom: 15px;
	}
	.home-feature .product-inner--image {
		max-width: 170px;
	}

	.listing-main {
		width: 760px;
	}
	.vimeo-vids iframe {
		height: 418px!important;
	}

	.listing-side__top {
		padding: 20px
	}

	.home-bottom__social > div {
		padding: 30px;
	}
	.home-bottom__social > div > span {
		font-size: 28px;
	}
	.footer-links {
		width: 250px;
		margin-right: 100px;
	}
	.footer-main__menu > div {
		max-width: 268px;
	}
	.sidebar {
		width: 230px;
	}
	.category-header__main {
		padding: 50px;
	}

	.content-header__title {
		font-size: 75px;
	}
	.content-header__info > img {
		height: 50px;
		width: 50px;
	}

	.listing-side__top h1 {
		font-size: 24px;
	}

	.content-split.with-gal .content-split__gallery {
		margin-left: 100px;
	}

	#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;
	}

	.listing-side__dropdown__inner {
		padding: 0 20px;
	}

	.comparison-bar--product-title {
		font-size: 10px;
		height: 24px;
	}

	a.logo {
		margin-left: 25px;
	}

	a.logo img {
		width: 232px;
	}
	form.search-form {
		min-width: 350px;
	}
	.header-main input.search-input {
		font-size: 15px;
		padding: 10px 15px!important;
	}
	a.header-main__basket {
		padding: 8px 12px;
	}
	.header-main__nav__item > span svg, .header-main__nav__item > a svg, .header-main__nav__item > span img, .header-main__nav__item > a img {
		margin-top: -2px;
		margin-left: 4px;
	}
	.header-main__nav__item > span, .header-main__nav__item > a {
		font-size: 14px;
	}

	.header-main__nav__item:not(:last-child){
		margin-right:15px;
	}

	.feature-yt--titles {
		min-width: 420px;
	}

}

/*
|--------------------------------------------------------------------------
| Max Width #1350px
|--------------------------------------------------------------------------
*/
@media (max-width: 1350px) {

	.listing-deadline-doughnut {
		display: inline-block;
	}

	.listing-deadline-doughnut,
	.listing-deadline--details {
		float: none;
	}

	.event-datepicker .ui-datepicker .ui-state-default {
		height: 32px;
	}

	.listing-deadline--details {
		padding: 0 0 10px 0;
	}

	.listing-deadline-doughnuts {
		float: none;
		text-align: center;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #1300px
|--------------------------------------------------------------------------
*/
@media (max-width: 1300px) {
	.home-feature__right iframe {
		width: 630px!important;
		height: 387px!important;
	}
	.category-grid > div {
		width: 25%;
	}

	.listing-side__dropdown .product-inner--info {
		margin: 0!important;
	}
	.listing-side__dropdown .product-price {
		flex-direction: column;
		margin:0!important;
	}
	.listing-side__dropdown .product-price-rrp {
		margin: 0;
		position: relative;
		bottom: unset;
	}
	.help-sidebar > div {
		margin-right: 50px;
	}
	.help-page__form {
		margin-left: 40px;
	}

	.featured-article {
		margin-bottom: 20px;
	}
	.article-grid {
		padding: 20px 0;
	}
	.article-item__image {
		min-width: 187px;
		height: auto;
	}

	.content-split.with-gal .content-split__gallery {
		width: 450px;
	}

	.gallery-page-list {
		margin: 0px -30px 0px 0;
	}
	.gallery-page-list > div {
		width: 25%;
		padding: 0 30px 30px 0;
	}
	.gallery-page-list .gallery-page__image {
		height: 200px;
	}
}


/*
|--------------------------------------------------------------------------
| 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;
	}

	.listing-main {
		width: 660px;
	}
	.vimeo-vids iframe {
		height: 360px!important;
	}

}

/*
|--------------------------------------------------------------------------
| Max Width #1200px
|--------------------------------------------------------------------------
*/
@media (max-width: 1200px) {
	.gal-magnified .inner {
		width: 800px;
		max-width: 80%;
	}

	.news-snippets--inner > div {
		width: 33.333333%;
	}
	.news-snippets--inner > div:nth-child(4) {
		display: none;
	}
	.news-snippet__title {
		font-size: 16px;
	}
	.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;
	}

	.vimeo-vids .vid-container {
		border-radius: 12px;
		overflow: hidden;
		height: 0;
		padding-bottom: 56.5%;
	}
	.vimeo-vids .vid-container iframe {
		position: absolute!important;
		top: 0;
		left: 0;
		width: 100%!important;
		height: 100%!important;
	}
	.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;
	}
	.listing-main {
		width: 530px;
	}
	.listing-main--inner {
		padding-right: 30px;
	}
	.vimeo-vids iframe {
		height: 288px!important;
	}

	a.logo {
		margin-left: 35px;
	}
	a.logo img {
		width: 210px;
	}
	form.search-form {
		min-width: 270px;
	}
	.ticker__viewport {
		padding: 15px 0;
	}
	.ticker__list {
		font-size: 16px;
	}
	.home-feature__right iframe {
		width: 570px!important;
		height: 327px!important;
	}
	.featured-product__slider__outer {
		position: relative;
		padding: 0 55px 30px 55px;
	}
	.slider_next.slick-arrow__styled {
		right: 5px;
	}
	.slider_prev.slick-arrow__styled {
		left: 20px;
	}
	.featured-product__slider__outer .slider_prev.slick-arrow__styled {
		left: 5px;
	}
	.home-bottom__social {
		max-width: 480px!important;
	}
	.product-inner > div:not(.product-inner--image) > .flex {
		flex-direction: column;
	}
	.product-inner--info {
		margin-bottom: 10px;
	}
	.product-price {
		position: relative;
		margin-bottom: 8px;
	}
	.product-price-rrp {
		bottom: 100%;
		margin-bottom: -7px;
		position: absolute;
	}
	a.prod_more {
		width: 100%;
	}
	.prod_button .button {
		margin: 0 0 5px;
	}
	.product-price {
		display: flex;
		flex-direction: column-reverse;
	}
	.product-inner--cat > a {
		font-size: 14px
	}
	a.prod_more:first-child:last-child {
		margin-bottom: 40px;
	}
	.content-header {
		height: 520px;
		margin-bottom: 20px;
	}
	.content-split, .bottom-block {
		margin: 20px 0;
	}
	.help_category-list .category-list__item {
		font-size: 18px;
	}
	.help_category-list .category-list__item img {
		width: 60px;
	}
	.help-page {
		flex-wrap: wrap;
	}
	.help-page__main {
		margin-top: 0;
	}
	.help-page__form {
		width: 100%;
		margin-left: 300px;
	}
	.featured-article__image {
		min-width: 427px;
		min-height: 315px;
	}
	.category-grid--inner > div {
		width: 33.333333%!important
	}

	.feature-yt > *:not(:last-child) {
		margin-right: 20px;
	}
	.feature-yt--titles {
		min-width: 360px;
		min-height: 225px;
	}
	.feature-yt--title {
		font-size: 24px;
	}
	.feature-yt--text {
		font-size: 16px;
	}
	.feature-yt--vid::before {
		height: 60px;
		width: 60px;
	}
	.feature-yt--vid > span {
		font-size: 14px;
	}
}


/*
|--------------------------------------------------------------------------
| Max Width #1100px
|--------------------------------------------------------------------------
*/
@media (max-width: 1100px) {
	.gal-page--gallery a {
		height: 230px;
	}
	.gallery-page-list > div {
		width: 33.333333%;
	}
	.gallery-page-list .gallery-page {
		font-size: 18px;
	}
	h1, .h1-style {
		font-size: 42px;
	}
	.page-header > .panel {
		padding: 20px 0;
	}
	.header-main {
		padding: 24px 0 26px;
		height: 90px;
	}
	.header-main > div {
		padding: 0 20px;
	}
	.header-main__nav, .header-top, .checkout-stages {
		display: none;
	}
	.mobile-menu--btn-cont,
	.mobile-cart--btn-cont,
	.mobile-menu,
	.filter-subcategories,
	.checkout-breadcrumbs {
		display: block;
	}
	form.search-form {
		display: none;
		width: 100%;
		position: absolute;
		left: 0;
		top: 50%;
    	transform: translateY(-50%);
		border-radius: 0;
		z-index: 2;
	}
	.header-main .search-form .input {
		margin: 0 10px;
	}
	.header-main input.search-input {
		padding: 15px 50px!important;
	}
	a.logo {
		margin-left: 0;
		display: flex;
		align-items: center;
	}
	a.header-main__basket {
		padding: 9px 20px;
		border-radius: 12px;
	}

	span.search-form__toggle {
		display: flex;
	}

	.home-feature {
		flex-direction: column-reverse;
	}
	.home-feature__left > div {
		align-items: center;
	}
	.home-feature__title {
		justify-content: center;
	}
	.home-feature__product.prod_list {
		width: 480px;
		max-width: 100%;
	}
	.home-feature__left > div.home-feature__timeleft {
		justify-content: center;
	}
	.product-grid--item {
		padding: 0 0 20px 20px;
	}

	.listing-related--products .product-grid {
		margin-left: -20px;
	}
	.featured-product__slider__outer {
		padding: 0 60px 30px 55px;
	}

	.category-grid > div {
		width: 33.333333%;
	}
	.footer-links {
		width: 230px;
		margin-right: 50px;
	}
	.footer-main__contact {
		width: 250px;
	}
	.footer-bottom__breaker {
		display: none;
	}

	.featured-article__content {
		padding: 40px 30px;
	}
	.featured-page .product-grid {
		margin-left: -20px;
	}
	.article-item {
		width: 100%;
	}
	.featured-article__action .button {
		background-color: #3879a5;
		padding: 5px 30px;
	}
	.content-header__title {
		font-size: 60px;
	}
	.content-header {
		height: 440px;
	}

	.featured-main__slider__outer {
		position: relative;
	}
	.featured-main__slider__outer .slick-arrow {
		display: flex!important;
		margin-top: 15px;
	}
	.featured-product__slider__outer {
		display: none;
	}
	.home-feature__right {
		border-radius: 0;
	}

	.home-feature__right iframe {
		width: 660px!important;
		height: 377px!important;
	}

	a.header-main__basket {
		position: absolute;
		right: 20px;
	}

	.search-toggle__off {
		display: block;
	}

	.advanced-header h1 {
		font-size: 36px;
	}
	.advanced-content:not(.img-ovfl) {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.advanced-content--title {
		font-size: 26px;
	}
	.advanced-content--img-group {
		min-width: 53%;
	}
}

/*
|--------------------------------------------------------------------------
| Max Width #1023px
|--------------------------------------------------------------------------
*/
@media (max-width: 1023px) {
	.vid-container__button, .vid-container__placeholder {
		display: none!important;
	}
	.account-panel,
	.account-panels--wide .account-panel {
		width: 50%;
	}

	header {
		text-align: center;
		min-height: auto;
		/*height: 90px !important;*/
		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;
	}

	.home-bottom {
		flex-direction: column;
		margin-bottom: 10px;
	}
	.home-bottom > div {
		width: 100%;
		padding: 30px 10px;
		max-width: 100%!important;
	}
	.category-page {
		padding-top: 0;
	}
	.category-header {
		flex-direction: column-reverse;
		margin: 0 0 20px;
	}
	.category-header > div {
		padding: 0;
	}
	.category-header > div:first-child:not(:last-child) > div {
		border-radius: 0 0 12px 12px!important;
	}
	.category-header > div:last-child:not(:first-child) > div {
		border-radius: 12px 12px 0 0!important;
	}
	.category-header__image {
		max-width: 100%;
	}
	.category-header__image > div {
		height: 230px;
	}

	.listing-main {
		width: 50%;
		margin-right: 20px;
	}
	.listing-main--inner {
		padding: 0;
	}
	.listing-side__top {
		padding: 25px;
	}
	.listing-side__dropdown__toggle, .listing-side__dropdown__inner, .listing-side__tip {
		padding-left: 20px;
		padding-right: 20px;
	}
	.listing-side__cat {
		display: none;
	}

	.nslt-signup span {
		margin: 0 0 15px;
	}
	.nslt-signup > div > .flex {
		flex-direction: column;
	}

	.careers-list {
		margin-right: 30px;
	}
	.careers-list__item__title {
		padding: 20px 25px;
		font-size: 20px;
	}

	.feature-yt {
		flex-wrap: wrap;
	}
	.feature-yt--titles {
		min-width: 100%;
		margin-right: 0!important;
	}
	.feature-yt--titles:not(:last-child) {
		margin-bottom: 20px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1000px
|--------------------------------------------------------------------------
*/
@media (max-width: 1000px) {
	.gal-page--gallery > div {
		width: 33.333333%;
	}

	.sidebar .filters--title,
	.sidebar:before,
	.shop--navtrail .breadvrumb-trail {
		display: none;
	}


	.search-page {
		flex-wrap: wrap;
	}

	.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(/images/style/knights/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/knights/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: #332e22;
		color: #fff;
		border-radius: 6px;
		padding: 15px 20px;
	}
	#mbl-filters.filter-open {
		border-radius: 6px 6px 0 0;
	}

	#mbl-filters-sub {
		display: none;
		overflow: hidden;
		background: #897d3d;
		color: #fff;
		border-radius: 0 0 6px 6px;
	}

	.filter-title svg {
		fill: #fff;
	}

	#mbl-filters span:after,
	#mbl-filters span:before {
		background: #fff;
	}

	#mbl-filters-sub .list-reset {
		padding: 0px 25px 15px 25px;
	}
	.filter--links a:before {
		background-color: #fff;
	}
	.filter--links a {
		color: #fff;
	}
	.filter-title {
		padding: 15px 20px;
	}

	.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;
	}

	#mbl-filters span {
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 600;
		display:flex;
		justify-content: space-between;
		align-items: center;
	}
	#mbl-filters span::after {
		content: '';
		height: 16px;
		width: 16px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.84 12.22' height='9'%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath fill='%23ffffff' d='M20.51,1,19.83.34a1.16,1.16,0,0,0-1.62,0L10.43,8.07,2.63.33A1.16,1.16,0,0,0,1.82,0,1.14,1.14,0,0,0,1,.33L.33,1a1.13,1.13,0,0,0,0,1.6l9.29,9.25a1.17,1.17,0,0,0,.8.36h0a1.17,1.17,0,0,0,.8-.36l9.28-9.23a1.15,1.15,0,0,0,0-1.61Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		background-color: transparent;
		transition: ease-in-out .2s;
	}
	#mbl-filters.filter-open span::after {
		transform: rotate(180deg);
	}
	.sort-by .select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 100%;
		right: 14px;
		background-position: center;
	}
	.category-main {
		margin: 0px 0 0px 5px!important;
	}

	.help_category-list {
		padding: 30px 0;
	}
	.help_category-list .category-list__item {
		font-size: 16px;
	}
	.help_category-list .category-list__item img {
		width: 40px;
		margin-bottom: 15px;
	}

	.article--image {
		height: 400px;
	}

	.content-split.with-gal .content-split__gallery {
		margin-left: 40px;
	}

	.gallery-page-list {
		margin: 0px -20px 0px 0;
	}
	.gallery-page-list > div {
		padding: 0 20px 20px 0;
	}

	.advanced-header--main {
		padding: 25px 30px;
	}
	.advanced-content--img-group {
		min-width: 50%;
	}
	.advanced-content--videos > div {
		min-width: 100%;
	}
	.advanced-content--img-gallery > div {
		width: 33.3333333%;
	}
}



/*
|--------------------------------------------------------------------------
| 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;
	}

	.home-welcome,
	.sort-by,
	.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;
	}

	.listing-deadline-doughnut {
		margin: 0;
		padding: 0;
	}

	.home-welcome {
		margin: 30px 0 0 0;
	}

	.footer-right {
		padding: 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;
	}

	.footer-main {
		padding-bottom: 10px;
	}
	.footer-main > div > div.flex {
		flex-wrap: wrap;
	}
	.footer-main__contact {
		width: 100%;
	}

	.product-grid--item, .featured-page .product-grid--item {
		width: 50%!important;
	}

	.sidebar, .sidebar:before {
		width: 240px;
	}
	.category-main {
		margin-left: 20px;
	}

	.listing-main, .listing-side {
		width: 100%;
	}
	.listing-main--inner {
		padding: 0;
	}
	.listing-main__outer > div > .flex {
		flex-direction: column;
	}
	.listing-thumbnail {
		width: 25%;
	}
	.listing-side {
		margin-top: 20px;
	}
	.listing_sku {
		position: relative;
		margin-bottom: 10px;
	}
	.listing-side__dropdown .product-price {
		flex-direction: row;
	}

	.careers {
		flex-direction: column;
		align-items: center;
	}
	.careers-list {
		margin-right: 0;
		margin-bottom: 20px;
		width: 100%;
	}
	.careers-list__item {
		padding-right: 0;
	}
	.careers-form {
		width: 550px;
		max-width: 100%;
	}

	.faq-page .dd-title {
		padding: 18px 50px 18px 20px;
	}
	.faq-page .dd-title::after {
		top: 23px;
	}

	.featured-article__image {
		min-width: 337px;
		min-height: auto;
	}
	.article__inner {
		padding: 0 20px;
	}

	.content-split {
		flex-direction: column;
	}
	.content-split.with-gal .content-split__gallery {
		margin-left: 0;
		margin-top: 30px;
		width: 100%;
		align-items: center;
	}

	.bottom-block > div {
		padding: 20px;
		flex-direction: column;
	}
	.bottom-block span {
		font-size: 24px;
	}
	.bottom-block a {
		margin: 15px 0 0;
	}

	.newsletter-olay #newsletter-olay-form-container {
		margin-bottom: 30px;
	}
	.newsletter-olay #newsletter-olay-main {
		padding: 30px 30px 25px;
		font-size: 20px;
	}
	.newsletter-olay--title {
		font-size: 30px;
	}
	
	.advanced-header h1 {
        font-size: 32px;
    }
	.advanced-content--main {
		flex-direction: column;
	}
	.advanced-content--content:not(:last-child) {
		margin-bottom: 30px;
	}
	.advanced-content--side-img, .advanced-content--img-group {
		margin-left: 0!important;
		width: 100%;
	}
	.advanced-content--side-img, .flex-rev .advanced-content--img-group {
		margin-right: 0!important;
	}
	.advanced-content--img-gallery > div {
		width: 50%;
	}
	.advanced-content--img-gallery > div > img {
		width: 100%;
	}
	.img-ovfl .advanced-content--main {
		width: 100%;
		padding-right: 0; padding-left: 0!important;
		margin-left: 0!important;
	}
	.img-ovfl .advanced-content--side-img {
		position: relative;
		width: 100%;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #800px
|--------------------------------------------------------------------------
*/
@media (max-width: 800px) {

	.sidebar-cats {
		display: none;
	}

	.gal-page--gallery > div {
		width: 50%;
	}
	.home-bottom > div {
		padding: 25px 0px;
	}
	.news-snippets--inner > div {
		width: 50%;
	}
	.news-snippets--inner > div:nth-child(4) {
		display: block;
	}
	.news-snippet__info {
		padding: 20px;
	}
	.gallery-page-list > div {
		width: 50%;
	}
	.gallery-page-list .gallery-page {
		font-size: 16px;
	}
	.gallery-page-list .gallery-page__image {
		margin-bottom: 10px;
	}

	.account-details--title-text {
		float: none;
		clear: left;
		width: 100%;
		max-width: 100%;
		padding: 0 0 30px;
	}
	.footer-bottom {
		flex-direction: column;
		align-items: flex-start;
	}
	.footer-payment {
		margin-top: 15px;
	}

	.category {
		flex-direction: column;
	}
	.category-header__main {
		padding: 30px;
	}
	.sidebar {
		width: 100%;
		margin-bottom: 10px;
	}

	.sort-by label {
		left: 20px;
	}
	.sort-by .select2-container--default .select2-selection--single .select2-selection__rendered {
		padding: 25px 60px 10px 20px;
	}

	.featured-article__title a {
		font-size: 28px;
	}
	.featured-article__image {
		min-width: 257px;
	}

	.news-category__list {
		margin-top: 0px;
		margin-bottom: -50px;
	}

	.category-main {
		margin: 20px 0 0 0!important;
	}
	.category-grid__subs {
		margin-left: 0;
	}
	.product-grid {
		margin-left: -20px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #767px
|--------------------------------------------------------------------------
*/
@media (max-width: 767px) {
	.mbl-home-tab-btns {
		display: block;
	}

	.home-cat-slider-cont .slick-arrow__styled {
		display: flex !important;
	}

	.listing-backdrop {
		display: none !important;
	}

	.order-panel:first-child,
	.listing-side,
	.listing-main {
		width: 100%;
	}

	.cart-item-price {
		font-size: 18px
	}

	.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;
	}

	.option-radio--inner {
		font-size: 14px;
		padding: 10px;
		min-height: 40px;
	}
	.options-radios .cf {
		padding: 5px 0 0 0;
		margin: 0 0 5px;
	}
	.listing-side__top .options_text, .booking-v2--title {
		font-size: 14px;
	}
	.event-datepicker .ui-datepicker .ui-datepicker-header {
		height: 46px;
	}

	.product--overlay-top {
		background: #37af56;
	}

	.account-main {
		padding: 25px;
	}

	.order-panel {
		padding: 0 10px 10px 0;
		text-align: center;
		width: 50%;
	}

	.home-feature {
		margin-bottom: 20px;
	}
	.featured-product__slider__outer {
		padding: 0 20px 30px 15px;
	}
	.slick-arrow__styled {
		display: none;
	}
	.featured-product__slider {
		display: flex;
		flex-direction: column;
	}
	.featured-product__slider > div {
		width: 100%;
	}
	.featured-product__slider .product-inner > div {
		display: flex;
		flex-direction: column;
	}
	.prod_button .button {
		height: 42px;
	}
	.featured-product__slider .product-inner-row {
		margin-bottom: 10px;
	}
	.category-grid > div {
		width: 50%;
	}
	a.prod_more:first-child:last-child {
		margin-bottom: 47px;
	}

	.help-page__main h1 {
		font-size: 34px;
	}
	.featured-main__slider__outer .slick-arrow {
		margin-top: 25px;
	}

	.sidebar {
		border: 0;
	}
	.sidebar-categories {
		background-color: #f2f2f2;
		border-radius: 6px;
		overflow: hidden;
		margin-bottom: 10px;
	}
	.sidebar-categories-mobile-title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-weight: 600;
		font-size: 16px;
		padding: 15px 20px;
		color: #1f1f1f;
		text-transform: uppercase;
	}
	.sidebar-categories-mobile-title svg {
		width: 15px;
		transition: ease-in-out .2s;
	}
	.sidebar-categories-mobile-title svg path {
		fill: #1f1f1f;
	}
	.sidebar-categories-mobile-title.open svg {
		transform: rotate(180deg);
	}
	.sidebar-categories > ul {
		padding: 5px 20px 0;
		display: none;
	}

	.advanced-header {
		flex-direction: column;
	}
	.advanced-header--main {
		width: 100%!important;
	}
	.advanced-header--img {
		min-height: 240px;
	}
}



/*
|--------------------------------------------------------------------------
| 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;
	}

	.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;
	}

	.home-content__content {
		padding: 30px;
	}
	.home-content__title {
		font-size: 36px;
	}
	.home-content__left {
		width: 100%;
		height: 370px;
	}

	.footer-main > div > div.flex {
		flex-direction: column;
	}
	.footer-links {
		width: 100%;
		margin-bottom: 20px;
	}

	.help-sidebar {
		width: 100%;
	}
	.help-sidebar > div {
		width: 100%;
		margin-bottom: 20px;
	}
	.help-sidebar__title {
		font-size: 22px;
		padding: 10px 20px 8px;
	}
	.help-sidebar a {
		padding: 10px 20px;
		font-size: 18px;
	}
	.help-page__form {
		margin-left: 0;
	}

	.faq-page .dd-section:nth-child(2) {
		margin-top: 0;
	}
	.faq-page .dd-section {
		padding: 30px 20px 40px;
	}

	.featured-article__action {
		flex-direction: column;
		align-items: flex-start;
	}
	.featured-article__info {
		margin-top: 10px;
	}

	.content-header__title {
		font-size: 50px;
	}

	.newsletter-olay--title {
		font-size: 26px;
	}
	.newsletter-olay--title:not(:last-child) {
		margin-bottom: 15px;
	}
	.newsletter-olay #newsletter-olay-main {
		padding: 20px 20px 15px;
		font-size: 16px;
	}

	.feature-yt--vids {
		flex-direction: column;
	}
	.feature-yt--vid {
		width: 100%;
	}
	.feature-yt--vid:not(:last-child) {
		margin-bottom: 15px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #600px
|--------------------------------------------------------------------------
*/
@media (max-width: 600px) {
	.gal-heading__msg {
		display: none;
	}
	.footer-main.open .footer-nav,
	.footer-newsletter.open,
	.footer-nav--mbl-button {
		display: block;
	}

	.footer-newsletter,
	.footer-nav {
		display: none;
	}
	.cart-item {
		flex-direction: column;
	}
	.basket-overlay-upsell .cart-item {
		flex-direction: row;
	}

	.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-top: 20px;
	}

	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(/images/style/knights/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/knights/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 {
		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;
	}

	.vimeo-vids iframe {
		height: 207px!important;
	}

	.home-feature__left > div.home-feature__timeleft {
		display: none;
	}
	.home-feature {
		border-radius: 0!important;
	}
	.home-feature__title {
		font-size: 25px;
	}
	.home-feature__title img {
		width: 30px;
		height: 30px;
	}
	.home-feature__left > div {
		padding: 25px 20px;
	}
	.home-feature .product-inner--cat > a {
		font-size: 13px;
	}
	.home-feature a.product-inner--title {
		font-size: 16px;
	}
	.home-feature .product-price-web {
		font-size: 15px;
	}
	.product-list__cta .button {
		height: 45px!important;
	}

	.mobile-nopad {
		padding: 0!important;
	}
	.home-content {
		border: 0;
	}
	.category-block {
		border-radius: 0;
		padding: 30px 0;
	}
	.block-title {
		justify-content: center;
	}
	.block-title > span {
		font-size: 25px;
	}
	a.block-title__button.button {
		display: none;
	}

	.news-snippet__action {
		flex-direction: column;
		align-items: flex-start;
	}
	.news-snippet__date {
		margin-top: 5px;
	}

	.header-main {
		padding: 14px 0 16px;
		height: 70px;
	}
	.mobile-menu--btn-cont, .mobile-cart--btn-cont {
		height: 70px;
		width: 80px;
	}
	.mobile-menu--btn {
		margin: 22px auto;
	}
	.ticker__viewport {
		padding: 10px 0;
	}
	.ticker__list {
		font-size: 14px;
	}

	.help_category-list {
		padding: 30px 20px;
		width: 370px;
		max-width: 100%;
	}
	.help_category-list .category-list__item {
		width: 100%;
		border: 0;
		padding: 20px 0;
	}
	.help_category-list .category-list__item:not(:last-child) {
		border-bottom: 1px solid #3ea3e7;
	}
	.help_category-list .category-list__item img {
		width: 60px;
	}

	.featured-article__image {
		width: 100%;
		height: 200px;
	}
	.article-item > div, .featured-article {
		flex-direction: column;
	}

	.article__inner {
		padding: 0 0px;
	}

	.basket-cta {
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	.basket-cta .button {
		width: 100%;
	}
	.basket-cta .button:not(:first-child) {
		margin-top: 10px;
	}

	.featured-main__slider__outer .slick-arrow {
		top: 350px;
		transform: none;
		height: 30px;
		width: 30px;
		margin-top: 50px;
	}
	.featured-main__slider__outer .slick-arrow__styled::after {
		height: 17px;
		width: 17px;
	}
	.featured-main__slider__outer .slider_prev.slick-arrow__styled {
		left: 25px;
	}
	.category-grid__subs {
		padding: 15px 5px 15px 15px;
	}
	.category-grid__subs > div {
		margin: 0 -10px -10px 0;
	}
	.category-grid--inner > div {
		width: 50%!important;
		padding: 0 10px 10px 0;
	}
	.category-grid--inner > div > a img {
		display: none;
	}

	.advanced-content {
		padding-left: 5px; padding-right: 5px;
	}
}



/*
|--------------------------------------------------------------------------
| 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;
	}
	.home-content {
		border-radius: 0;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #500px
|--------------------------------------------------------------------------
*/
@media (max-width: 500px) {
	.gal-page--gallery a {
		height: 170px;
	}
	.gallery-page-list .gallery-page {
		font-size: 14px;
	}
	.gallery-page-list .gallery-page__image {
		height: 160px;
	}
	.gallery-page-list .gallery-page .button {
		padding: 10px 5px;
		font-size: 13px;
	}
	.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 {
		height: 50px;
		width: 170px;
		bottom: 10px;
		top: unset;
		float: none;
		text-align: right;
		clear: both;
		padding-top: 15px;
	}

	.cart-item-right .remove {
		bottom: 50px;
	}
	.cart-item-content {
		padding-right: 0!important
	}

	.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;
	}

	a.logo img {
		width: 180px;
	}

	.home-feature__right iframe {
		width: 460px!important;
		height: 267px!important;
	}

	.news-snippet_cat {
		display: none;
	}
	.news-snippet__img {
		height: 150px;
	}
	.news-snippet__title {
		font-size: 16px;
	}

	.footer-form {
		flex-direction: column;
		width: 100%;
	}
	.footer-form .input input[type="text"], .footer-form .input input[type="email"] {
		padding: 18px 10px 5px 10px;
		border-radius: 0;
		border: 0;
	}
	.footer-form .input:first-child input[type="text"], .footer-form .input:first-child input[type="email"] {
		border-radius: 6px 6px 0 0;
		border-bottom: 1px solid #d5cfe5;
	}
	.footer-form button {
		border-radius: 0 0 6px 6px;
	}

	.listing-side__dropdown .product-price {
		flex-direction: column;
	}
	.listing-side__dropdown .product-inner > div:not(.product-inner--image) {
		display: flex;
		flex-direction: column;
		padding: 10px 60px 10px 10px;
	}
	.listing-side__dropdown .prod_button .button {
		position: absolute;
		right: 10px;
	}
	.listing-related--products {
		margin-left: 0;
	}
	.listing-thumbnails {
		padding: 0;
	}
	.listing-thumbnail {
		width: 50%;
	}
	.breadcrumb-trail {
		font-size: 12px;
	}

	.news-category__item {
		width: 100%;
	}
	.news-category__item a {
		width: 100%;
		text-align: center;
		margin: 0;
	}
	.article-content--social > span {
		display: none;
	}
	.article-content--social a.at-icon-wrapper.at-share-btn:first-child {
		padding-left: 0;
	}
	h1.article-content--title {
		font-size: 30px;
	}
	.article--image {
		height: 240px;
	}

	.content-header {
		height: auto;
		padding: 0;
		background-image: none!important;
	}
	.content-header__title {
		font-size: 35px;
		color: #262626;
		margin: 0;
	}
	.content-header__info > img {
		display: none;
	}
	.featured-main__slider__outer .slick-arrow {
		top: 290px;
		margin-top: 0;
	}

	.home-bottom__social a svg {
		width: 35px;
		height: 35px;
	}

	.home-bottom__social > div > div {
		flex-wrap: wrap;
		justify-content: center;
	}
	.home-bottom__social > div > div a {
		margin: 5px 10px;
	}
	.home-bottom__social > div {
		padding: 20px 20px 15px;
	}

	.newsletter-input-container {
		width: 100%;
	}

	.basket-overlay-upsell {
		display: none;
	}

	.listing-side__top {
		padding: 20px;
	}
	.event-datepicker-cont {
		padding: 15px;
	}
	.event-datepicker-keys {
		margin-bottom: 5px;
	}
	.event-datepicker-key {
		font-size: 13px;
		margin-bottom: 5px;
	}
	.event-datepicker-key-circle {
		width: 17px;
		height: 17px;
	}
	.event-datepicker .ui-datepicker-title {
		font-size: 16px;
	}
	.event-datepicker .ui-datepicker td {
		padding: 3px;
	}
	
	#olay.yt-olay #olay_box_container {
		width: 95%;
		top: 30%;
	}
	#olay.yt-olay #olay_box, #olay.yt-olay #olay_content {
		border-radius: 5px;
	}

	.advanced-header--main {
        padding: 30px;
    }
	.has-img > .advanced-header--main {
		min-height: unset;
	}
	.advanced-header--img {
		min-height: 200px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #479px
|--------------------------------------------------------------------------
*/
@media (max-width: 479px) {
	.news-snippets--inner > div {
		width: 100%;
	}
	header {
		height: 60px !important;
	}
	.header-usps {
		display: none;
	}
	.breadcrumb-trail {
		margin-top: 10px;
	}

	.mobile-menu--btn-cont,
	.mobile-cart--btn-cont {
		height: 60px;
	}

	.event-datepicker .ui-datepicker .ui-datepicker-prev {
		left: 0!important
	}

	.event-datepicker .ui-datepicker .ui-datepicker-next {
		right: 0!important
	}

	.cart-item-content > .input {
		max-width: 50%;
	}

	.mobile-menu--btn-cont,
	.mobile-cart--btn-cont {
		width: 70px;
		min-width: 70px;
	}

	.mobile-menu--btn {
		margin: 17px 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 img {
		width: calc(83.8% - 12px);
		height: auto;
	}

	.footer-payment img.footer-payment-klarna {
		width: 16.2%;
    	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: 14px 0;
	}
	.checkout-header .brand img {
		height: 30px;
	}


	.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-nav a {
		font-size: 20px;
	}

	.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(/images/style/knights/icon-mobile-dropdown-down.png) no-repeat
			right 6px;
	}

	.mobile-store--cont.open > a {
		background: url(/images/style/knights/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(/images/style/knights/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 {
		padding: 16px 10px;
	}

	.header-main {
		padding: 10px 0;
		height: 60px;
	}
	span.search-form__toggle {
		left: 80px;
	}
	a.logo img {
		width: 160px;
	}
	a.header-main__basket {
		padding: 9px 10px;
		width: 85px;
		justify-content: center;
	}
	.category-block .category-grid {
		flex-direction: column;
		align-items: center;
	}
	.category-grid > div {
		width: 300px;
		max-width: 100%;
	}

	.home-content__left {
		height: 220px;
	}

	.product-price-web > span {
		display: none;
	}

	.category-grid--inner > div {
		width: 100%!important;
	}
	.overlay--header-action > .button {
		width: 100%;
	}
	.overlay--header-action > .button:not(:last-child) {
		margin-bottom: 10px;
	}
	.overlay--basket-header {
		padding: 0 0 15px;
	}
	.overlay--basket-title {
		font-size: 16px;
	}
	.overlay-tick-icon svg {
		width: 40px;
	}

	.advanced-content--img-gallery > div, .advanced-content--imgs-sm > div {
		width: 100%;
	}
	.advanced-content--img-gallery > div > img, .advanced-content--imgs-sm > div > img {
		width: 100%;
	}
	.advanced-content--img-lg {
		height: 0;
		margin-top: -30px;
	}
}



/*
|--------------------------------------------------------------------------
| 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;
	}

	.cart-item-content > .input {
		max-width: 100%;
	}

	.event-datepicker.hasDatepicker {
		margin: 0 -15px -30px -15px;
	}
	.event-datepicker-key {
		margin-right: 10px;
	}
	.event-datepicker .ui-datepicker-title {
		font-size: 14px;
	}
	.event-datepicker .ui-datepicker td {
		padding: 2px;
	}

	.event-datepicker .ui-datepicker .ui-state-default {
		font-size: 12px;
		height: 24px;
	}

	.mobile-nav li a {
		padding: 15px 20px;
	}

	.cart-item-right .remove {
		bottom: 30px;
	}

	.cart-item-right {
		text-align: left;
	}

	.mobile-nav a {
		font-size: 18px;
	}
	.mobile-nav__dropdown a {
		padding: 8px 20px!important;
		font-size: 16px;
	}
	.mobile-nav-small a {
		font-size: 18px;
		padding: 7.5px 20px;
	}
	nav.mobile-nav-small {
		padding: 10px 0;
	}
	.mobile-menu-bottom {
		background-color: #262626;
		padding: 10px 0;
	}
	.mobile-menu .header-top__login {
		padding: 15px 20px;
	}
	.mobile-menu-bottom > div {
		padding: 10px 20px;
	}
	.mobile-menu-bottom > div a {
		font-size: 18px;
	}
	.mobile-social-title {
		padding-bottom: 8px;
	}

	.mobile-social {
		padding: 8px 10px 0 10px;
	}

	.payment-method--content {
		padding: 20px;
	}

	span.search-form__toggle {
		left: 65px;
	}
	a.header-main__basket {
		width: auto;
	}
	.header-main__basket > img {
		display: none;
	}
	a.logo img {
		width: 130px;
		margin-left: 19px;
	}
	.home-feature__right iframe {
		width: 319px!important;
		height: 186px!important;
	}

	.news-snippet {
		flex-direction: column;
	}
	.news-snippet__img {
		width: 100%;
	}
	.news-snippet__info {
		align-items: center;
	}

	.footer-main__menu {
		flex-direction: column;
		margin-bottom: 10px;
	}
	.prod_button .button img, .product-inner--cat, .product-inner__code {
		display: none;
	}
	a.product-inner--title {
		font-size: 14px;
	}

	.help-page__main h1 {
		font-size: 28px;
	}

	.article-item__action {
		flex-direction: column;
		align-items: flex-start;
	}
	.article-item__info {
		margin-top: 10px;
	}
	.cart-item-right {
		position: static;
	}

	.featured-main__slider__outer .slick-arrow {
		top: 210px;
	}
	.home-feature__title img {
		display: none;
	}
	.home-feature .product-inner--image {
		max-width: 150px;
		padding-bottom: 0;
	}
	.product-list__cta {
		flex-direction: column;
	}
	.product-list__cta button.button {
		margin-right: 0;
	}
	.product-list__cta .button {
		width: 100%;
	}
	.help-page__form .form-bottom .g-recaptcha {
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
		margin: -10px 0 5px;
	}

	.feature-yt--titles {
		min-height: 185px;
	}
}
