/*
|-----------------------------------------------------------------------------------------------------------------
| Responsive Stylesheet - For quick search use '#$width' e.g '#1200'
|-----------------------------------------------------------------------------------------------------------------
*/



/*
|---------------------9-----------------------------------------------------
| Max Width #1800px
|--------------------------------------------------------------------------
*/
@media (max-width: 1800px) {
	.header-sticky--contact {
		display: none;
	}
}

@media (max-width: 1770px) {
	.listing-setup-banner--subtitle {
		max-width: 300px;
	}
}



/*
|--------------------------------------------------------------------------
| Max Width #1600px
|--------------------------------------------------------------------------
*/
@media (max-width: 1600px) {
	.header-sticky--search {
		display: none;
	}

	.product-grid .segment-20, #category-with-product-grid .segment-20 {
		width: 25%;
	}

	.featured-listings .segment-20 {
		display: none;
	}

	.featured-listings .segment-20:nth-child(1),
	.featured-listings .segment-20:nth-child(2),
	.featured-listings .segment-20:nth-child(3),
	.featured-listings .segment-20:nth-child(4) {
		display: block;
	}

	.listing-setup-banner--title {
		font-size: 16px;
	}

	.listing-setup-banner--subtitle {
		font-size: 12px;
		max-width: 256px;
	}

	.compare-table--title {
		font-size: 22px;
	}

	.compare-table--head-cell-first {
		width: 250px;
	}

	.listing-deadline {
		float: left;
		margin: 20px 0 0 0;
     	width: 100%;
	}

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

	.content-heading > img {
		max-width: 310px;
		margin-left: 60px;
	}
}

@media (max-width: 1550px) {
	.listing-buttons {
		float: none;
		text-align: left;
		width: 294px;
		clear: both;
		padding: 10px 0 0 0;
	}
}



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


	.listing-side {
		padding: 70px 40px;
	}

	.stock {
		width: 55%;
	}
}




/*
|--------------------------------------------------------------------------
| Max Width #1400px
|--------------------------------------------------------------------------
*/
@media (max-width: 1400px) {
	#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-main {
		width: 40%;
	}

	.listing-wrap:before,
	.listing-side {
		width: 60%;
	}

	.listing-image--brand {
		width: 60px;
	}

	.cat-inner {
		font-size: 22px;
		height: 150px;
	}

	.compare-table--head-cell-empty i {
		font-size: 180px;
	}

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

	.category-banners {
		width: 500px;
	}

	.category-slider {
		width: calc(100% - 500px);
	}

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

	.listing-main--inner {
     	max-width: 420px;
	}

	.home-slide--title {
		font-size: 42px;
		line-height: 38px;
		margin: 15px 0 0 0;
	}
	.home-slide--subtitle {
		font-size: 18px;
		line-height: 21px;
	}

	.contact-main, .contact-form {
		width: 100%;
	}
	.contact-main {
		padding: 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 {
		background-size: auto 19px;
	}

	.content-heading h1 {
		font-size: 36px;
	}
	.content-heading .js-rm {
		font-size: 14px;
	}

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

	.content-heading--video {
		max-width: 50%;
		padding-left: 4rem;
	}
}






/*
|--------------------------------------------------------------------------
| Max Width #1350px
|--------------------------------------------------------------------------
*/
@media (max-width: 1350px) {
	.brand-articles__articles:after,
	.brand-articles__reviews:after,
	.header-top-telephone,
	.header-sticky {
		display: none;
	}

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

	.brand-main,
	.brand-articles--cont {
		width: 100%;
	}

	.header-nav--item > a {
		padding: 12px 10px 13px;
		font-size: 12px;
	}

	.home-brand img {
		width: 120px;
	}

	.footer-left {
		width: 270px;
	}

	.activity-slider--inner {
		padding: 0 0 100% 0;
	}

	.footer-right {
		width: 160px;
	}

	.footer-navs {
     	width: calc(100% - 510px);
	}

	.header-nav > .container {
		padding: 0;
	}

	.finance-filter-totals div {
		font-size: 18px;
	}
}



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

	.featured-listings .segment-20:nth-child(4),
	.featured-listing-price,
	.featured-listing-stock{
		display:none;
	}
	.product-grid .segment-20, #category-with-product-grid .segment-20 {
		width: 33.333333333%;
	}

	.page-list--item-title{
		font-size:22px;
	}

	.contact--left, .contact--right{
		width:100%;
		float:none;
	}

	.category-slide--title {
		font-size: 24px;
	}

	.compare-add-to-basket-button {
		font-size: 14px;
		padding: 10px 5px;
	}

	.contact--list{
		padding:30px 0 0 0;
		float:none;
	}

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

	.modal-overview {
		height: auto;
	}

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

	.modal--inner {
		max-width: 420px;
	}

	.featured-listing-title {
		overflow: visible;
	}

	.top-content {
		padding: 60px;
	}

	#financeFilterApply {
		margin-right: 15px;
	}

	#clearFinanceFilters span {
		display: none;
	}

	.finance-filter-instalment {
		min-width: 0;
		padding: 14px;
	}

	.content-main--top--image {
		width: 260px;
	}
	.content-main--title {
		font-size: 42px;
	}
	.content-main--subtitle {
		font-size: 32px;
	}
	.content-main--text *, .content-side--inner > p, .content-side--form > p {
		line-height: 1.5;
	}

	.content-heading--video {
		padding-left: 3rem;
	}
}






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

	.header-top--nav,
	.product--button-view,
	.product-grid--item-inner:hover .product--overlay-top,
	.product-grid--item-inner:hover .product--overlay-bottom,
	.listing-share--title span {
		display: none;
	}

	.product--button {
		width: 100%;
	}

	.cat-inner {
		font-size: 16px;
	}

	.listing-main--inner {
		max-width: 350px;
	}

	.stock {
		width: 45%;
	}

	.home-slider {
		margin: 0;
	}

	.header-nav--item > a {
		padding: 12px 2px 13px;
	}

	.about-visit {
		width: 70%;
	}

	.compare-table--head-cell-empty i {
		font-size: 120px;
	}

	.account-sidebar {
		width: 200px;
	}

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

	.article-list--info {
		width: 70%;
	}

	.about-bottom .map-cont,
	.article-list--image {
		width: 30%;
	}

	.brands-list--item {
		width: 20%;
	}
	.article-lists {
		padding: 30px 20px;
	}

	.article--cont {
		margin: -60px 0 -46px 0;
	}

	.article-list--info {
		width: 100%;
		min-height: 0;
		border-left: 2px solid #e7e7e7;
	}

	.home-article-list .article-list--info {
		border: 4px solid #e7e7e7;
	}

	.category-slide--subtitle,.category-banner--subtitle {
		font-size: 13px;
		font-weight: 400;
	}

	.article-list--image {
		display: block;
		position: relative;
		top: auto; right: auto; bottom: auto; left: auto;
		height: 140px;
		width: 100%;
	}

	.blog-category--title {
		font-size: 42px;
	}

	.article-list--title {
		font-size: 16px;
	}

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

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

	.top-text p {
		font-size: 18px;
		line-height: 1.4;
		color: #2f729f;
	}
	.top-text-ml p {
		font-size: 14px;
		line-height: 21px;
		color: #2b2b2b;
	}

	.shop.hide {
		margin-left: -260px;
	}

	.home-slide--title {
		font-size: 36px;
		line-height: 32px;
		margin: 15px 0 0 0;
	}

	.home-slide--subtitle {
		font-size: 18px;
		line-height: 18px;
	}

	.cms-side {
		width: 250px;
	}

	.listing-swatch-lrg {
		flex: 1 1 33.3333333%;
		max-width: calc(33.3333333% - 6px);
	}

	.content-main--top--image {
		width: 230px;
	}
	.content-side {
		width: 320px;
		margin-left: 30px;
	}
	.content-side--inner--title {
		font-size: 22px;
	}

	.content-heading.has-vid .js-rm--content, .content-heading.has-vid .js-rm.dummy-test .js-rm--dummy {
		-webkit-line-clamp: 4;
	}
	.content-heading > img {
        max-width: 270px;
        margin-left: 30px;
    }
	.content-heading--video {
        padding-left: 2rem;
    }
}


/*
|--------------------------------------------------------------------------
| Max Width 1100px
|--------------------------------------------------------------------------
*/
@media (max-width: 1100px) {
	.category-banners {
		width: 100%;
	}

	.hire .dblc:last-child {
		width: 200px;
	}

	.category-banner {
		height: 180px;
	}

	.secondhand-heading--title {
		font-size: 42px;
	}

	.secondhand-heading .container {
		max-width: 710px;
	}

	.secondhand-heading--subtitle {
		font-size: 18px;
	}

	.category-slider {
		width: 100%;
	}

	#overlay-finance .overlay--inner,
	.overlay--inner {
		max-width: 85%;
	}

	.finance-image {
		float: none;
		margin: 0 40px 30px 0;
	}

	.contact-store {
		float: none;
		width: 100%;
	}

	.contact-map {
		position: relative;
		height: 240px;
		margin: 0 0 20px;
		top: auto; left: auto; right: auto; bottom: auto;
	}

	.bundle--other-bundle-button {
		float: left;
		clear: both;
	}

	.bundle--more-details-link {
		clear: both;
	}

	.finance-filter-left,
	.finance-filter-right {
		width: 100%;
	}

	.finance-filter-left {
		padding: 0;
		margin: 0 auto;
		float: none;
	}

	.finance-filter-right {
		min-height: 0;
	}

	.finance-filter-left .finance-title {
		text-align: center;
	}

	.finance-filter .toggle-input {
		margin-bottom: 20px;
	}

	.finance-filter-totals,
	.finance-filter-message {
		display: block;
	}

	.finance-filter-totals div,
	.finance-filter-totals div:first-child {
		text-align: center;
		width: 100%;
		border: 0;
		font-size: 18px;
	}

	.finance-filter-totals div:first-child {
		padding-bottom: 5px;
	}

	.finance-filter-totals strong {
		font-weight: bold;
	}

	.finance-filter-buttons {
		text-align: center;
		margin-top: 20px;
	}

	.content-main {
		padding: 25px;
	}
	.content-main--top:not(:last-child) {
		margin-bottom: 30px;
	}
	.content-main--top--image {
        width: 190px;
    }
	.content-main--title {
        font-size: 38px;
    }
	.content-main--subtitle {
        font-size: 30px;
    }
	.content-main--text * {
		font-size: 14px;
	}
	.content-gallery {
		margin: 0 -20px -20px 0;
	}
	.content-gallery > div {
		padding: 0 20px 20px 0;
	}
	.content-side--inner, .content-side--form > p {
		font-size: 14px;
	}
	.content-side--inner + .content-side--form {
		padding-top: 10px;
	}
	.content-side-form--title {
		font-size: 22px;
	}

	.content-heading {
		padding: 30px;
	}
	.content-heading h1 {
        font-size: 34px;
    }
	.content-heading > img {
        max-width: 250px;
	}

	.content-heading.has-vid {
		flex-direction: column;
	}
	.content-heading--video {
		margin-top: 20px;
		padding-left: 0;
		width: 100%;
		max-width: unset;
	}
}



@media (min-width: 1024px) {
	.listing-overview .stock-status-tooltip:hover .stock-status-tooltip-content {
		display: block;
	}

	.tab-only, .mob-only {
		display: none;
	}
}



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


	.mobile-search-new,
	.listing-overview .stock-status-tooltip.show .stock-status-tooltip-content {
		display: block;
	}


	#compare_1,
	.header-nav,
	.header-main--right,
	.checkout-stages{
		display: none;
	}

	#force-show-cats,
	.filter-subcategories,
	.checkout-breadcrumbs{
		display: block;
	}

	.stock {
		width: 40%;
	}

	.header-main {
		margin: 0;
		padding: 0;
	}

	.header-actions {
		padding: 20px 0 20px 20px;
	}

	.cms-cat {
		padding: 50px 0;
	}

	.account-details--title-text {
		float: none;
		max-width: 100%;
		clear: both;
		padding: 0 0 10px;
	}

	.cat-inner {
		font-size: 24px;
	}

	.top-content--inner {
		max-width: 100%;
	}

	.top-image {
		height: 200px;
		position: relative;
	}

	.teacher {
		width: 50%;
	}

	.content-block .dbl {
		padding: 60px 0;
	}

	h1, .h1-style {
		font-size: 38px;
	}

	h2 {
		font-size: 36px;
	}

	h3 {
		font-size: 30px;
	}

	h4 {
		font-size: 24px;
	}

	h5 {
		font-size: 18px;
	}

	h6 {
		font-size: 16px;
	}

	.content-block .dblc {
		padding: 0 20px;
	}

	.top-content {
		width: 100%;
		padding: 40px 20px;
	}

	.header-action:last-child {
		padding-right: 0;
	}

	.cms-cat h1 {
		font-size: 28px;
		margin: 0;
	}

	.header-main--search {
		width: 260px;
	}

	.content-block--content {
		padding: 60px 20px 60px 40px;
		max-width: none;
	}
	.content-block--content, .content-blocks__full-width .content-block:nth-child(even) .content-block--content {
		padding: 60px 40px 60px 20px;
	}

	.home-slide {
		height: 450px;
	}

	.home-banner.segment-100 .home-banner--inner,
	.home-banner--inner {
		height: 250px;
		padding: 0;
	}

	.home-slide--cont,
	.home-banners {
		width: 100%;
	}

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

	.logo {
		padding: 19px 0;
	}

	.logo svg {
		height: 50px;
	}

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

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

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

	.teacher-page--name {
		font-size: 36px;
		margin: 20px 0 10px 0;
	}
	.teacher-page--role {
		font-size: 24px;
	}

	.mobile-menu {
		display: block;
	}

	.header-main--search,
	.header-action span {
		display: none;
	}

	.header-main > .container {
		padding: 0;
	}

	.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+ */
	}

	.header-actions {
		position: absolute;
		right: 0; top: 0; bottom: 0;
		padding: 0;
	}

	.logo {
		width: 203px;
		float: none;
		margin: 0 auto;
		padding: 14px 0;
/*     	transform: translateX(-30px);*/
	}

	.header-action {
		position: relative;
		height: 80px;
		width: 60px;
		float: left;
      	border-left: 1px solid #e9e9e9;
	}

	.header-action svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.mobile-menu--btn-cont {
		display: block;
	}

	.listing-top-button:hover .listing-tooltip {
		display: none;
	}

	.content-cols {
		padding: 40px 0;
		flex-direction: column;
	}
	.content-side {
		width: 100%;
		margin-top: 30px;
		margin-left: 0;
	}

	.content-main--content > .scroll-to-btn {
		margin-top: 20px;
		padding: 10px 20px;
	}
}






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

	.sidebar .filters--title,
	.sidebar:before,
	.shop--navtrail .breadvrumb-trail,
	.sidebar-content:before,
	.filters--show {
		display: none;
	}

	.selfilters {
		display: block;
	}

	.secondhand-heading {
		margin-top: 1px;
	}

	.cat-list--item-inner {
		padding: 0 0 55.41561712846348% 0;
	}

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

	.secondhand-left {
		margin: 0;
		order: 2;
		width: 100%;
	}

	.secondhand-right {
		width: 100%;
		margin: 0 0 20px;
	}

	.secondhand-banners {
		display: flex;
		margin: 0 -20px 0 0;
	}

	.secondhand-banner {
		width: 50%;
		margin: 0 20px 0 0;
	}

	.listing-tab {
		display: none;
		padding: 20px;
		border-bottom: 1px solid #e9e9e9;
	}

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

	.compare {
		overflow-y: scroll;
	}

	.sidebar {
		float: none;
	}

	.footer-right {
		display: none;
	}

	.footer-navs {
		width: calc(100% - 270px);
	}

	.listing-top-buttons {
		width: 100%;
	}

	.listing-top--wrap {
		text-align: center;
	}

	.filter-subcategories ul {
		display: none;
	}

	.mobile-tab-title {
		display: block;
		background-color: #fff;
		padding: 30px 40px;
		color: #222;
		font-size: 22px;
		border-bottom: 1px solid #e9e9e9;
	}

	.news-item {
		width: 33.33333333333333%;
	}

	#mbl-filters span:before, .filter-title span:before,
	#mbl-filters span:after, .filter-title span:after{
		background-color: #fff;
	}

	.sidebar-content {
		overflow: visible;
	}

	.listing-overview--top-inner {
		padding: 40px;
	}

	.listing-side {
		padding: 0;
	}

	.listing-side,
	.listing-main {
		width: 100%;
	}

	.listing-wrap:before {
		display: none;
	}

	.listing-main--inner {
		max-width: 570px;
	}

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

	.filter-subcategories .filter-title {
		background-color: #2a2a2a;
	}

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

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

	.home-map {
		width: 62%;
	}

	.home-btm--about {
		width: 35%;
	}

	.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/gig/icon-chevron-up-white.png) center right 30px no-repeat rgba(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/gig/icon-chevron-down-white.png) center right 30px no-repeat;
	}

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

	.listing-swatch-lrg {
		flex: 1 1 25%;
		max-width: calc(25% - 6px);
	}

	.footer-btm--links {
		padding: 0 0 20px 0;
	}

	.page-list--item-title{
		font-size:19px;
	}

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

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

	.product-overlay-top--button__compare,
	#listing-compare-btn,
	.listing-tabs-buttons,
	.comparison-bar {
		display: none!important;
	}

	.mobile-tab {
		padding: 20px 40px 40px 40px;
	}

	/*Mobile Filters*/

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

	#mbl-filters, .filter-title {
		background: #156799;
		color:#fff;
	}

	#mbl-filters {
		background-color: #2a2a2a;
	}

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

	#mbl-filters-sub .filter ul {
		padding: 25px;
	}

	.reset-filters {
		background-color: #414141;
	}

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

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

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

	.bundle--other-bundle-button {
		float: right;
		clear: none;
	}

	.bundle--more-details-link {
		clear: none;
	}
}





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

	.home-tab .segment-60 .featured-listing:nth-child(5),
	.home-tab .segment-60 .featured-listing:nth-child(4),
	.account-sidebar--mobile-title,
	.footer-top > .container:after,
	.header-top,
	.blog-search {
		display: none;
	}

	.account-sidebar--mobile-title,
	.footer-usp {
		display: block;
	}

	.contact--grid .segment-50,
	.blog-list > .segment-50,
	.footer-right,
	.home-welcome,
	.sort-by,
	.account-box,
	.about-visit,
	.about-bottom .map-cont,
	.home-news {
		width: 100%;
		float: none;
	}

	.about-bottom .map-cont {
		position: relative;
		height: 200px;
	}

	.vertical-padding {
		padding: 35px 20px;
	}

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

	.blog-top {
		padding: 0;
	}

	.checkout-header .brand svg {
		height: 40px;
	}

	.checkout-contact {
    	padding: 10px 0 0 0;
	}

	.jumbotron {
		height: 200px;
	}

	.blog-nav--mobile-btn.open ~ .blog-nav {
		display: block;
	}

	.blog-nav--mobile-btn.open svg {
		transform: rotate(-180deg);
	}

	.blog-nav--mobile-btn.open {
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}

	.blog-nav--mobile-btn {
		display: block;
		padding: 16px 7px;
	}

	.blog-nav--mobile-btn svg {
		float: right;
		position: relative;
		top: 4px;
	}

	.blog-nav {
		display: none;
	}

	#overlay-setup .overlay--inner {
		width:90%
	}

	.blog-nav path {
		fill: #fff;
	}

	.contact-detail--label {
		width: 90px;
	}

	.blog-nav li:last-child,
	.blog-nav li {
		display: block;
		padding: 10px 0;
	}


	.cat {
		width: 50%;
	}

	.home-tabs .tab-button {
		font-size: 24px;
	}

	.cat-inner {
     	height: 140px;
	}

	.about-visit--inner {
		padding: 50px 20px;
	}

	.home-blog .blog-nav {
		display: none;
	}

	.about-visit--inner {
		max-width: 100%;
	}

	.blog-text .button-white {
		display: block;
	}

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

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

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

	.category-list {
		margin: 0;
		padding: 20px 0;
	}

	.home-slide--content {
		text-align: center;
	}

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

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

	.home-welcome {
		padding: 20px
	}

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

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

	.featured-listing-title {
		line-height: 12px;
	}

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

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

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

	.home-article-list {
		width: 46%;
		float: right;
	}

	.home-article-list:first-child {
		float: left;
	}

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

	.home-slider .slick-dots {
		bottom: 20px;
		background-color: #eee;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		position: static;
		left: auto; right: auto;
		padding: 15px 0;
	}

	.home-usps .dbl {
		display: block;
	}

	.home-usp {
		display: block;
		float: left;
		width: 50%;
		height: 57px;
	}

	.home-usp:nth-child(1),
	.home-usp:nth-child(2),
	.home-usp:nth-child(3) {
		border-bottom: 1px solid #e9e9e9;
	}

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

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

	.account-sidebar nav {
		padding: 0px 24px 20px;
	}

	.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-payment-klarna{
		width: 68px;
		margin-top:4px;
	}
	
	.footer-payment-main{
		width: 339px;
		margin-top:4px;
	}

}






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

	.footer-navs {
		display: none;
	}

	.footer-navs__mobile {
		display: block;
		width: 100%;
	}

	.secondhand-heading--title {
		font-size: 28px;
	}

	.footer-navs__mobile li {
		display: none;
	}

	.footer-nav--title.open {
		padding-bottom: 15px;
	}

	.footer-nav--title.open ~ li {
		display: block;
	}

	.footer-logo {
		display: none;
	}

	.footer-left {
		float: none;
		padding: 30px 0 0 0;
		margin: 0 auto;
		clear: both;
	}

	.hire-side--mobile-btn {
		display: block;
	}

	.teacher {
		padding: 0 0 10px 0;
	}

	.footer-socials {
		padding: 0 0 0 0;
		margin: 0 auto;
	}

	.footer-nav--title.open svg {
		transform: rotate(-180deg)
	}

	.footer-nav li:last-child {
		padding-bottom: 20px;
	}

	.footer-nav--link {
		margin: 5px 30px;
		font-size: 24px;
	}

	.footer-btm--links,
	.footer-payment {
		float: none;
		display: block;
		width: 100%;
		text-align: center;
	}

	.footer-payment-klarna{
		width: 97px;
		margin:0 8px 0 0;
	}
	
	.footer-payment-main{
		width: 484px;
		margin:0;
	}

	.footer-left {
		width: 244px;
	}

	.footer-right {
		text-align: center;
		display: block;
	}

	footer {
		padding-top: 0;
	}

	footer > .container {
		padding: 0;
	}

	.teacher {
		width: 100%;
	}

	.teachers {
		max-width: 500px;
		margin: 0 auto;
	}

	.blog .blog-title,
	.blog .blog-text {
		max-width: 100%;
		float: none;
	}


	.cms-side--title {
    	border-bottom: 1px solid #f3f3f3;
	}

	.cms-main {
    	border-top: 10px solid #f3f3f3;
	}
	.account-details--title-text {
		float: none;
		clear: left;
		width: 100%;
		max-width: 100%;
		padding: 0 0 30px;
	}

	.blog .blog-text {
		padding: 14px 0 0 0;
		text-align: left;
	}

	.news-item {
		width: 50%;
	}

	.cms-side {
		width: 100%;
	}

	.cms-main {
		width: 100%;
	}

	.cms-side--mobile-btn {
		display: block;
	}

	.cms-side--mobile-btn.open ~ .cms-side-nav {
		display: block;
	}

	.cms-side--mobile-btn.open svg {
		transform: rotate(180deg);
	}

	.cms-side-nav {
		display: none;
	}
	.review-text {
		font-size: 14px;
	}

	.review-inner {
		padding: 40px 60px;
	}

	.reviews-top--left svg {
		position: relative;
		top: auto; right: auto; bottom: auto; left: auto;
	}

	.hire-side,
	.hire-main {
		width: 100%;
	}

	.hire-side {
		margin: 0 0 30px;
	}

	.hire-nav {
		display: none;
	}

	.article-side {
		margin: 30px 0 0 0;
	}

	.hire-side--mobile-btn.open ~ .hire-nav {
		display: block;
	}

	.hire-side--mobile-btn svg {
		float: right;
		position: relative;
		top: 3px;
	}

	.hire-side--mobile-btn.open svg {
		transform: rotate(180deg);
	}

	.reviews-top {
		text-align: center;
	}

	.reviews-top--right,
	.reviews-top--left {
		float: none;
		margin: 0 auto;
		text-align: center;
	}

	.content-block:nth-child(odd) .dblc,
	.content-block:nth-child(odd) .dblc:last-child,
	.content-block .dbl,
	.content-block .dblc {
		display: block;
		width: 100%;
		transform: none;
	}

	.top-content {
		padding: 40px 20px;
	}

	.page-btm--title {
		font-size: 24px;
	}

	h1, .h1-style {
		font-size: 34px;
	}

	h2 {
		font-size: 32px;
	}

	h3 {
		font-size: 28px;
	}

	.content-block .dblc {
		padding: 0;
	}

	.content-block .dblc > img {
		width: 100%;
	}

	.content-block .dblc:last-child {
		padding: 20px 0 0 0;
	}

	.home-blog .news-item {
		width: 100%;
		text-align: left;
	}

	.home-blog .news-item--image {
		width: 170px;
		height: 128px;
		float: left;
	}

	.cms-nav--links {
		display: none;
	}

	.cms-nav--links li {
		display: block;
	}

	.cms-nav--mobile-btn {
		display: block;
		color: #fff;
		font-size: 18px;
		padding: 15px 10px;
	}

	.cms-nav--mobile-btn.open ~ .cms-nav--links {
		display: block;
	}

	.cms-nav--mobile-btn.open svg {
		transform: rotate(-180deg);
	}

	.cms-nav--mobile-btn svg {
		margin: 0 0 0 4px;
		position: relative;
		top: -1px;
	}

	.cms-nav--mobile-btn path {
		fill: #fff;
	}

	.home-tabs > .container {
		padding-left: 10px;
		padding-right: 10px;
	}

	.home-tabs .slick-arrow {
		width: auto;
		height: auto;
		background: none;
	}

	.home-tabs .slick-slider {
		padding: 0 20px;
	}

	.home-tabs .slick-arrow svg {
		width: 15px;
	}

	.home-blog .news-item--title {
		font-size: 21px;
	}

	.home-blog .news-item--info {
		overflow: hidden;
		padding: 0 0 0 30px;
	}

	.content-blocks__full-width .content-block svg {
		display: none;
	}

	.content-blocks__full-width .content-block:nth-child(even),
	.content-blocks__full-width .content-block,
	.content-block,
	 .content-block:nth-child(even) {
		padding: 0;
	}

	.content-block--image {
		position: relative;
		width: 100%;
		height: 240px;
	}

	.content-block--content,
	.content-blocks__full-width .content-block:nth-child(even) .content-block--content {
    	padding: 40px 30px;
	}

	.home-btm--about,
	.home-map {
		width: 100%;
	}

	.home-map {
		height: 420px;
	}

	.opening-times {
		float: left;
		width: 50%;
		font-size: 13px;
	}

	.opening-time:last-child {
		padding: 0;
	}

	.home-map .about-map {
		padding: 0;
		float: right;
		width: 50%;
	}

	.home-btm--about {
		padding: 30px 0 0 0;
	}

	.home-map--times {
		position: absolute;
		bottom: 10px;
		margin: 0;
		left: 10px; right: 10px;
	}

	.cat-inner {
     	height: 130px;
		font-size: 16px;
	}

	.home-banner.segment-100 .home-banner--title {
		font-size: 30px;
	}

	.home-banner.segment-100 .home-banner--subtitle {
		font-size: 16px;
	}

	.home-banner--title {
		font-size: 18px;
		padding: 0 0 5px;
	}
}






/*
|--------------------------------------------------------------------------
| Max Width #767px
|--------------------------------------------------------------------------
*/
@media (max-width: 767px) {
	.feedbacklab.zsfbright {
		display: none!important;
	}

	.featured-listings .segment-20:nth-child(3),
	.breadcrumb-trail,
	.home-blog .blog-intro > svg {
		display: none;
	}

	.home-tab .segment-60 .featured-listing:nth-child(4),
	.mbl-home-tab-btns {
		display: block;
	}

	.home-tab .segment-60 .featured-listing:nth-child(5),
	.home-tab .segment-60 .featured-listing:nth-child(6) {
		display: none;
	}

	.featured-listings .segment-20:nth-child(1),
	.featured-listings .segment-20:nth-child(2),
	.featured-listings .segment-20:nth-child(3),
	.featured-listings .segment-20:nth-child(4),
	.featured-listings .segment-20:nth-child(5),
	.featured-listings .segment-20:nth-child(6) {
		display: block!important;
	}

	.brand-main--left {
		float: none;
		margin: 0 auto;
	}

	.brand-main--content {
		padding: 0;
	}

	.sort-by-container {
		width: 50%;
		padding: 20px 40px;
		padding-left: 7.5px;
	}

	.sort-by-container:last-child {
		padding: 20px 40px;
		padding-right: 7.5px;
	}

	.content-block .dblc {
		font-size: 16px;
	}

	.listing-comments-stars--title {
		display: block;
	}

	.article-brand .product-grid--item {
		width: 50%!important;
	}

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

	.shop--navtrail ~ form {
		padding: 10px 0 0 0;
	}

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

	.product-grid .segment-20,
	#category-with-product-grid .segment-20,
	.listing-tab[data-tab="4"] .product-grid--item,
	.cat-list--item {
		width: 50%;
	}

	.teacher-page--image {
		max-width: 160px;
	}

	.contact-segment, .cms-segment {
		padding: 20px;
	}

	.teacher-page--name {
		font-size: 36px;
	}

	.teacher-page--role {
		font-size: 22px;
	}

	.secondhand-heading {
		margin: 1px 0 10px;
	}

	.secondhand-heading--subtitle {
		font-size: 16px;
		margin: 10px 0 0 0;
	}

	.secondhand-heading,
	.secondhand-cont {
		padding: 40px 0;
	}

	.secondhand-heading--title {
		max-width: 370px;
		margin: 0 auto;
		font-size: 24px;
	}

	.teacher-page--text {
		padding: 20px 0 0 0
	}

	.teacher-page--content,
	.teacher-page--image {
		position: relative;
		z-index: 2;
/*		width: 100%;*/
	}

	.category-list--item {
		width: 33.3333333%;
	}

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

	.article-side,
	.article-main {
		width: 100%;
		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-share {
		border: 2px solid #fff;
	}

	.article-list{
		width:100%;
	}

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

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

	.listing-main--inner{
		width:100%;
		padding: 50px 40px;
		float:none;
	}

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

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

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

	.listing-swatch-lrg {
		flex: 1 1 33.3333333%;
		max-width: calc(33.3333333% - 6px);
	}

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

	.account-main {
		padding: 25px
	}

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

	#launcher {
		display: none!important;
	}
	.whatsapp-sticky-link {
		position: fixed;
		bottom: 15px;
		right: 15px;
		display: flex;
		align-items: center;
		padding: 14px 14px;
		background-color: #64B161;
		border-radius: 50px;
		color: #FFF!important;
		font-size: 15px;
		font-weight: 600;
		transition: ease-in-out .2s;
		z-index: 200;
	}
	.whatsapp-sticky-link:hover {
		background-color: #539550;
	}
	.whatsapp-sticky-link > svg {
		width: 32px;
		height: 32px;
	}

	.content-main--top--image {
        width: 160px;
		margin-right: 20px;
    }
	.content-main--title {
        font-size: 34px;
        margin-bottom: 10px;
    }
	.content-main--subtitle {
        font-size: 26px;
    }
	.content-main--text *, .content-side--inner > p, .content-side--form > p {
        line-height: 1.4;
    }

	.content-heading > img {
		display: none;
	}
}






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

	.brand-article--view-all,
	.brand-article--cont,
	.featured-listing-title,
	.order-ref,
	.order-status,
	.acc-order-total,
	.order-date {
		display: none;
	}

	#mbl-filters-sub .filter ul {
		padding: 15px 25px 10px;
	}

	.secondhand-toggle {
		font-size: 14px;
		padding: 12px 16px;
	}

	.secondhand-form--title:before {
		top: 4px;
	}

	.secondhand-form--title {
		font-size: 20px;
	}

	.brand-articles {
		width: 100%;
		padding: 0;
	}

	.listing-overview--top-inner {
		padding: 30px 20px;
	}

	.listing-options-wrap {
		padding: 10px;
	}

	.brand-articles--title svg,
	.brand-articles.open .brand-article--view-all,
	.brand-articles.open .brand-article {
		display: block;
	}

	.brand-articles--title {
    	padding: 30px;
		font-size: 18px;
	}

	.brand-articles.open .brand-article--cont {
		display: block;
		padding: 0 30px 40px;
	}

	.account-main-filter {
		float: none;
		clear: left;
		width: 100%;
		margin: 0 0 20px;
	}

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

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

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

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

	.home-slide--button {
		margin: 20px 0 0 0;
	}

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

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

	.slick-slide img.home-slide--img__mobile {
		display: block;
	}

	.slick-slide img.home-slide--img__mobile ~ img.home-slide--img {
		display: none;
	}

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

	.listing-share--link {
		width: 30px;
		height: 30px;
	}

	.listing-share--title {
		line-height: 30px;
	}

	.listing-share .icon-mail {
		background-size: 30px 22px;
	}

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

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

	.footer-btm--links{
		padding:0 0 8px 0;
	}

	.footer-payment-klarna,
	.footer-payment-main {
		max-width:100%;
		margin:0 auto;
		display:block;
	}


	.listing-overview .listing-bundle--outer .options-wrap {
		display: flex;
		flex-wrap: wrap;
	}
	.listing-overview .listing-bundle--outer .input {
		width: 100%;
	}

	.image-blocks > div {
		width: 50%;
	}
}






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

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

	.listing-main--inner {
		padding: 20px;
	}

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

	.secondhand-main .input.segment-50 {
		width: 100%;
	}

	.account-login--block .input.segment-50 {
		width: 100%;
	}

	.listing-related--title {
		font-size: 18px;
	}

	.product-price-web {
		font-size: 13px;
		display: block;
		padding: 8px 0 0 0;
	}

	.product-price-rrp {
		font-size: 12px;
	}

	.account-login--block {
		padding: 15px 20px;
	}

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

	.category-list--item {
		width: 50%;
	}

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

	.jumbotron-brands .jumbotron--title {
		font-size: 34px;
	}

	.jumbotron-brands .jumbotron--text {
		font-size: 18px;
	}

	.listing-ratings, .listing-detail {
		text-align:left;
		display:block;
		padding: 10px 0 0 0;
	}

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

	.home-banner.segment-50 .home-banner--content {
		max-width: 200px;
		margin: 0 auto;
	}

	.home-banner.segment-50 .home-banner--subtitle {
		line-height: 16px;
	}

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

	.activity-slider--inner {
		padding: 0 0 125% 0;
	}

	.account-tabs a {
		padding: 10px;
	}

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

	.cart-bundle .cart-bundle-bottom .cart-item-content {
		margin-left: 0;
	}

	.article-list--image {
		height: 0;
		padding: 0 0 69.22141119221411%;
	}

	.footer-right {
		text-align: center;
	}

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

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

	.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;
		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%);
		background: none;
		width: auto;
	}

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

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

	.cart-main .button-add {
		position: relative;
		bottom: auto;
	}

	.bundle--other-bundle-button {
		float: left;
		clear: both;
	}

	.bundle--more-details-link {
		clear: both;
	}

	.content-tables table {
		font-size: 13px;
	}

	.content-main--top {
		flex-direction: column;
		align-items: center;
	}
	.content-main--top--image {
		width: 200px;
		max-width: 80%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.content-main--content > .scroll-to-btn {
		width: 100%;
	}
	
}






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

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

	.listing--subtitle {
		font-size: 15px;
		line-height: 1.2;
	}

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

	.secondhand-main .input textarea {
		/* padding-top: 30px; */
	}

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

	.listing-setup-content-block--title {
		font-size: 14px;
	}

	.listing-setup-overlay--text,
	.listing-setup-overlay--text p {
		font-size: 13px;
	}

	.listing-setup-content-block--text,
	.listing-setup-content-block--text p {
		font-size: 12px;
	}

	.listing-setup-overlay--content {
		padding: 20px 16px;
	}

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

	.listing-setup-banner--subtitle {
		/* max-width: 40px; */
	}

	.listing-setup-banner--image {
		display: none;
	}

	.listing-swatch-lrg {
		flex: 1 1 50%;
		max-width: calc(50% - 6px);
	}

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

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

	.hire .dblc:last-child,
	.hire .dblc {
		display: block;
		width: 100%;
	}

	.hire-image {
		text-align: center;
		width: 100%;
		max-width: 200px;
		margin: 0 auto;
		padding-bottom: 20px;
	}

	.hire-image img {
		margin: 0 auto;
	}

	.pagination .page_number,
	.pagination .page_number_sel,
	.pagination .next_page,
	.pagination .previous_page {
		font-size: 14px;
		line-height: 30px;
		width: 30px;
		height: 30px;
		margin: 0 8px;
	}

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

	.content-heading {
        padding: 25px;
    }
	.content-heading h1 {
        font-size: 30px;
    }
}






/*
|--------------------------------------------------------------------------
| Max Width #500px
|--------------------------------------------------------------------------
*/
@media (max-width: 500px) {
	.product-og-img__text .title {
		font-size: 14px;
	}
	.contact--form {
		padding: 20px;
	}

	.g-recaptcha 
	{
	transform:scale(0.90);
	-webkit-transform:scale(0.90);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
	} 
	.cms-navtrail {
		display: none;
	}

	#comments_submit {
		width: 100%;
		display: block;
		margin: 20px 0 0 0;
	}

	.cart-main .button {
		display: block;
		width: 100%;
		margin: 10px 0;
		float: none;
	}

	.cart-item-content {
		padding-right: 10px
	}

	.slick-slide img.home-slide--img__mobile {
		display: block;
	}

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

	.newsletter-options .input {
		width: 100%;
	}

	.home-blog .news-item--title {
		font-size: 18px;
	}

	.logo {
		width: 154px;
     	padding: 20px 0;
	}

	#overlay-finance .finance-form {
		padding: 10px 5px;
	}

	.logo svg {
		height: 38px;
	}

	.listing-tab[data-tab="4"] .product-grid--item {
		width: 100%;
	}

	#listing_options ~ .dbl,
	#listing_options ~ .dbl .dblr,
	#listing_options ~ .dbl .dblc {
		display: block;
		width: 100%;
	}

	.review {
		width: 100%;
	}

	.listing-swatch--inner {
		width: 25px;
		height: 25px;
	}

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

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

	.home-map .opening-times,
	.home-map .about-map {
		width: 100%;
		max-width: 100%;
	}

	.home-map .about-map {
		padding: 20px 0 0 0;
	}

	.home-map .map {
		position: relative;
		height: 300px;
	}

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

	.product-data .dbl {
		display: block;
	}



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

	.mobile-tab-title {
		padding: 20px 24px;
	}

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

	.blog-category{
		padding: 0;
	}

	.blog-category-view-button {
		padding: 26px 0;
	}

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

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

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

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

	#category-with-product-grid .segment-20 {
		width: 100%;
	}

	#category-with-product-grid img{
		display:none;
	}

	.listing-tab{
		padding:24px;
	}

	.blog-list .segment-50 {
		padding-top: 40px;
	}

	.blog-list .segment-50:first-child {
		padding-top: 0;
	}

	.home-slide--button {
		margin: 20px 0 0;
	}

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

	.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;
		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%);
		width: auto;
		background: transparent;
	}

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

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

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

	.listing-resources{
		text-align:center;
	}

	.listing-resources--title{
		padding:8px 0 6px  0;
	}

	.listing-resources .button{
		display:block;
	}

	.listing-resources .fr{
		float:none;
	}

	.listing-bundle--container {
		flex-direction: column;
		padding: 20px;
	}
	.listing-bundle--image-container {
		width: 100%;
		padding: 0 0 10px 0;
	}
	.listing-bundle--image-container img {
		max-width: 160px;
	}
	.listing-bundle--container-contents {
		width: 100%;
	}

	.content-tables table {
		font-size: 12px;
	}
	.content-tables table th, .content-tables table td {
		padding: 6px 8px;
	}

	.content-gallery > div {
		width: 100%;
	}
	.content-main--title {
        font-size: 30px;
	}
	.content-main--subtitle {
        font-size: 24px;
    }
}






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

	.order-price, .home-brand:nth-child(4), .checkout-contact,
	.button-more-about-us  {
		display: none;
	}

	.featured-listing-title {
		display: block;
	}

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

	.footer-navs__mobile .footer-nav--title {
		font-size: 18px;
	}

	.footer-navs__mobile .footer-nav svg {
		top: 3px;
	}

	.footer-nav--link {
		font-size: 16px;
	}

	.product-grid--item {
		padding: 0 10px 10px 0;
	}

	.product-grid {
		margin: 0 -10px 0 0;
	}

	.article-brand .product-grid--item {
		width: 100%!important;
	}

	.teacher-page--image {
		float: none;
		margin: 0 auto 30px;
	}

	.listing-button svg {
		position: relative;
		top: auto;
		transform: none;
		left: auto;
		margin-right: 4px;
    	vertical-align: middle;
	}

	.bundle--more-details-link svg {
		position: absolute;
		top: 50%;
		right: 10px;
		left: unset;
		transform: translateY(-50%);
	}

	.teacher-page--content {
		padding: 0;
	}

	.sort-by-container,
	.sort-by-container:last-child{
		width: 100%;
		padding: 20px 40px;
	}

	.sort-by-container:last-child {
		padding-top: 0;
	}

	.cat {
		width: 100%;
	}

	.home-tabs .tab-button {
		font-size: 15px;
	}

	.home-blog .blog-title,
	.home-blog .blog-text {
		display: block;
		float: none;
	}

	.sort-by-container, .sort-by-container:last-child {
		padding: 10px;
	}

	.sidebar-content .vertical-padding {
		padding: 10px;
	}

	.logo {
     	transform: translateX(-12.5px);
		padding: 24px 0;
		width: 123px;
	}

	.logo svg {
		height: 30px;
	}

	.home-usp {
		height: auto;
		width: 100%;
	}

	.home-usp--svg {
		display: block;
		width: auto;
		margin: 0 auto;
		text-align: center;
		padding: 0 0 10px;
	}

	.home-usp--wrap {
		text-align: center;
	}

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

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

	.news-item {
		width: 100%;
	}

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

	.header-action {
     	width: 50px;
	}

	.about-visit-details > .segment-50 {
		width: 100%;
		border: none;
		text-align: center;
	}

	.about-visit-details > .segment-50:before {
		display: none;
	}

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

	.reviews-widget {
		text-align: center;
	}

	.reviews-widget--text {
		width: 100%;
	}

	.reviews-widget--text span {
		float: left;
	}

	.reviews-widget--text span:nth-child(2) {
		float: right;
	}

	.reviews-widget--stars {
		float: right;
		padding-right: 0;
	}

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

	.sort-by-container:last-child {
		padding: 0 10px 10px 10px
	}

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

	#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/gig/icon-mobile-dropdown-down.png) no-repeat right 6px;
	}

	.mobile-store--cont.open > a {
		background: url(/images/style/gig/icon-mobile-dropdown.png) no-repeat right 6px;
	}

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

	.mobile-nav--tel, .mobile-nav--wa {
		font-size: 16px;
	}

	.listing-action > .button,
	.listing-button,
	.listing-buttons,
	.listing-buttons .segment-50,
	.bundle--other-bundle-button {
		width: 100%;
	}

	.listing-buttons .segment-50 {
		padding: 0;
	}

	.pagination .page_number,
	.pagination .page_number_sel,
	.pagination .next_page,
	.pagination .previous_page {
		margin: 0 5px;
	}

	.finance-filter-example,
	.finance-filter-header {
		padding: 12px 15px;
	}

	.finance-filter-form {
		padding: 15px;
	}

	.finance-title {
		font-size: 16px;
	}

	.footer-payment-klarna{
		width:80px;
	}

	.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/gig/cross-white.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 12px 12px;
		background-color: #707070;
	}

	#ppchkout-paypal-loggedin,
	#ppchkout-paypal-paylater-loggedin {
		padding: 16px 10px;
	}

	.content-heading h1 {
        font-size: 28px;
        margin-bottom: 10px;
    }
	.payment-method__card .payment-method--title,
	.payment-method__paypal-credit .payment-method--title {
		text-indent:-600px;
		background-position: center left;
	}
}






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

	.g-recaptcha {
		transform:scale(0.75);
		-webkit-transform:scale(0.75);
	}
	.brand a{
		height:50px;
	}

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

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

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

	.listing-setup-banner--subtitle {
		max-width: 140px;
	}

	.secondhand-left {
		padding: 25px;
	}

	.secondhand-toggles {
		flex-direction: column;
	}

	.secondhand-toggle {
		width: 100%;
		margin: 0 0 15px;
	}

	.secondhand-toggle:last-child {
		margin: none;
	}

	.home-blog .news-item--image {
		width: 100px;
	}

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

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

	.pagination .page_number,
	.pagination .page_number_sel,
	.pagination .next_page,
	.pagination .previous_page {
		margin: 0 2px;
	}

	.account-table.vouchers:not(.voucher-details) .dblc:last-child {
		position: initial;
		right: auto;
		top: auto;
		-webkit-transform: none;
		transform: none;
		background: initial;
		background: rgba(0,0,0, 0.1);
	}

	.account-table.vouchers:not(.voucher-details) .dblc {
		text-align: center;
	}

	.account-table.vouchers:not(.voucher-details) .dblc:first-child {
		padding-top: 12px;
	}

	.account-table.vouchers:not(.voucher-details) .dblc:last-child {
		padding-bottom: 12px;
	}

	.checkout-login--btn {
		display: block;
		width: fit-content;
		margin: 8px 0 22px;
	}

	.secondhand-form .input-file {
		flex-direction: column;
	}

	.secondhand-form .input-file-dummy {
		margin: 10px 0 0 0;
	}

	.secondhand-form .input-file .button {
		width: 100%;
	}

	.toggle-input {
		flex-wrap: wrap;
	}

	.toggle-input-toggle {
		margin: 0;
		width: 100%;
		padding: 6px 12px 12px 12px;
		justify-content: center;
	}

	.toggle-input input {
		width: calc(100% - 31px);
	}

	.finance-filter-instalments {
		flex-wrap: wrap;
	}

	.finance-filter-instalment {
		flex: 1 1 auto;
		padding: 10px 5px;
		text-align: center;
		width: 25%;
		max-width: 25%;
		margin-bottom:4px;
		margin-top: -1px;
	}

	.listing-swatches-lrg--grid {
		margin-bottom: -4px;
		padding: 0 2px;
	}

	.listing-swatch-lrg {
		margin: 0 2px 4px 2px;
		max-width: calc(50% - 4px);
	}

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

	.listing-overview .options-wrap {
		display: flex;
		flex-wrap: wrap;
	}
	.listing-overview .input {
		width: 100%;
	}

	.listing-bundle--container-title {
		font-size: 16px;
	}

	
}
@media (max-width: 360px) {
	.form-captcha {
		overflow-x: scroll;
		width: 500px;
		max-width: 133%;
		overflow-y: hidden;
	}

	.payment-method__paypal .payment-method--title,
	.payment-method__paypal-paylater .payment-method--title {
		background-size: auto 14px;
	}
}
@media (max-width: 340px) {
	.secondhand-main .input textarea {
		/* padding-top: 40px; */
	}
}