/*
|-----------------------------------------------------------------------------------------------------------------
| Responsive Stylesheet - For quick search use '#$width' e.g '#1200'
|-----------------------------------------------------------------------------------------------------------------
*/
@media (min-width: 1920px) {
.banner-slider .home-main-banner--top, .banner-slider .home-main-banner--bottom,
.container {
max-width: 1500px;
}
.home-tab .product-grid--item:nth-child(1),
.home-tab .product-grid--item:nth-child(2),
.home-tab .product-grid--item:nth-child(3),
.home-tab .product-grid--item:nth-child(4),
.home-tab .product-grid--item:nth-child(5) {
width: 20%;
}
.home-tab .product-grid--item:nth-child(6),
.home-tab .product-grid--item:nth-child(7),
.home-tab .product-grid--item:nth-child(8),
.home-tab .product-grid--item:nth-child(9),
.home-tab .product-grid--item:nth-child(10),
.home-tab .product-grid--item:nth-child(11) {
width: 16.66666666666667%;
}
.home-tab .product-grid--item:nth-child(12),
.home-tab .product-grid--item:nth-child(13),
.home-tab .product-grid--item:nth-child(14),
.home-tab .product-grid--item:nth-child(15),
.home-tab .product-grid--item:nth-child(16),
.home-tab .product-grid--item:nth-child(17),
.home-tab .product-grid--item:nth-child(18),
.home-tab .product-grid--item:nth-child(19) {
width: 12.5%;
}
}
@media (min-width: 2050px) {
.banner-slider .home-main-banner--top, .banner-slider .home-main-banner--bottom,
.container {
max-width: 1600px;
}
}
@media (min-width: 2200px) {
.banner-slider .home-main-banner--top, .banner-slider .home-main-banner--bottom,
.container {
max-width: 1700px;
}
}
@media (max-width: 2050px) {
.header-nav {
justify-content: space-around;
}
li:first-child ul.header-nav--subcats {
left: -20px;
transform: translateX(0);
}
li:last-child ul.header-nav--subcats {
left: unset;
right: -20px;
transform: translateX(0);
}
}
@media (max-width: 1850px) {
.home-main__right {
width: calc(100% - 840px);
}
}
/*
|--------------------------------------------------------------------------
| Max Width #1800px
|--------------------------------------------------------------------------
*/
@media (max-width: 1800px) {
.header-sticky--contact {
display: none;
}
.home-main__right {
width: calc(100% - 750px);
}
.header-upper--brands a:nth-child(10) {
display: none;
}
}
@media (max-width: 1700px) {
.home-main__right {
width: calc(100% - 630px);
}
}
/*
|--------------------------------------------------------------------------
| Max Width #1800px
|--------------------------------------------------------------------------
*/
@media (max-width: 1650px) {
.header-sticky--contact {
display: none;
}
.product-grid--item.segment-33 {
width: 50%;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #1600px
|--------------------------------------------------------------------------
*/
@media (max-width: 1600px) {
.header-sticky--search {
display: none;
}
.product-grid .segment-20, #category-with-product-grid .segment-20 {
width: 25%;
}
.product-grid--item {
width: 14.28571428571429%;
}
.ajax-product-grid .product-grid--item:nth-child(9n + 1) {
clear: none !important;
}
.ajax-product-grid .product-grid--item:nth-child(7n + 1) {
clear: both !important;
}
.compare-table--title {
font-size: 22px;
}
.compare-table--head-cell-first {
width: 250px;
}
.home-slide--title {
font-size: 68px;
line-height: 1;
}
.home-main__left {
width: 850px;
}
.home-usp__text {
font-size: 14px;
}
.header-top--trustpilot {
padding: 12px 10px;
}
.header-upper--brands a:nth-child(9) {
display: none;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #1500px
|--------------------------------------------------------------------------
*/
@media (max-width: 1500px) {
.home-main__left {
width: 800px;
}
.latest-blog-slider .container,
.blog-category-sliders .container {
max-width: calc(100% - 210px);
}
/* .home-main__right {
width: calc(100% - 800px);
} */
.home-usp__text {
font-size: 13px;
}
.home-usp {
padding: 10px 4px;
}
.youtube-block__title {
font-size: 22px;
}
.youtube-block__title svg {
height: 15px;
width: 21px;
}
.youtube-block__right-inner {
padding: 26px 23px;
}
.youtube-grid-item {
font-size: 13px;
}
.home-store--right {
float: none;
width: 100%;
display: flex;
}
.home-store--main-img.cover {
position: relative;
width: 100%;
padding: 0 0 45%;
}
.home-store--content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 1;
margin-top: 20px;
}
.home-store--secondary-img {
display: flex;
height: auto !important;
padding: 0 0 35% 0;
width: calc(50% - 10px);
margin: 20px 0px 0px 20px;
}
.category-series-heading__content {
margin-top: 100px;
padding: 100px;
}
}
@media (max-width: 1450px) {
.home-usps {
display: none;
}
.home-usps--mobile {
display: flex;
margin: 20px 20px 0 20px;
}
.home-usps--mobile {
max-width: 100%;
}
.home-main__right {
width: calc(100% - 530px);
}
}
/*
|--------------------------------------------------------------------------
| 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;
}
.home-main-banner--top > .home-banner-v2,
.home-main-banner--bottom > .home-banner-v2 {
padding: 5px;
}
.checkout-main {
width: 60%;
padding: 45px 20px 0 0;
}
.payment-method--button{
font-size:15px;
}
.listing-main {
width: calc(100% - 650px);
margin: 0 50px 0 0;
}
.payment-method--button:before {
top: 24px;
}
.payment-method.open .payment-method--button:after {
top: 28px;
}
.home-slide--content {
padding: 200px 40px;
}
.hybrid-spec-block .flex {
padding: 0 80px;
}
.highend-specs--hybrid {
width: auto;
max-width: 370px;
}
.payment-method--title{
padding:2px 0;
}
.comparison-bar--product-title {
font-size: 10px;
height: 31px;
}
.category-content {
width: 50%;
}
.category-content__full-width {
width: 100%;
}
.category-image {
width: 50%;
left: 50%;
}
.product-grid--item {
width: 20%;
}
.home-tab .product-grid--item {
width: 12.5%;
}
.ajax-product-grid .product-grid--item:nth-child(7n + 1) {
clear: none !important;
}
.ajax-product-grid .product-grid--item:nth-child(5n + 1) {
clear: both !important;
}
.instagram-block {
width: 20%;
}
.if-item {
width: 25%;
}
.if-item:last-child {
display: none;
}
.jumbotron-ig .if-item:last-child {
display: block;
}
.home-main__left {
width: 750px;
}
/* .home-main__right {
width: calc(100% - 750px);
} */
.home-main__title {
font-size: 32px;
}
.home-main__subtitle {
font-size: 20px;
}
.header-top--trustpilot {
padding: 14px 10px;
}
.header-top--trustpilot {
padding: 14px 10px;
}
.jumbotron-app .jumbotron-text {
font-size: 28px;
}
.header-upper--brands {
margin-right: 25px;
}
.brand-blocks {
margin: 0 -20px -20px 0;
}
.brand-blocks > div {
padding: 0 20px 20px 0;
}
.header-upper--brands a:nth-child(8) {
display: none;
}
.header-upper--brands--inner:not(:last-child) {
margin-right: 20px;
}
.category-list-v2 > div {
width: 12.5%;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #1350px
|--------------------------------------------------------------------------
*/
@media (max-width: 1350px) {
.header-top-telephone,
.header-sticky {
display: none;
}
.listing-deadline-doughnut {
display: inline-block;
}
.header-nav--item > a {
padding: 12px 10px 13px;
font-size: 12px;
}
.home-brand img {
width: 120px;
}
.brand-subcategory-slider {
max-width: 35%;
margin: 0 0 0 34px;
}
.activity-slider--inner {
padding: 0 0 100% 0;
}
.listing-deadline-doughnut,
.listing-deadline--details {
float: none;
}
.listing-deadline-doughnuts {
float: none;
text-align: center;
}
.jumbotron-large {
/* height: 80vh;*/
}
.jumbotron-large .jumbotron-image {
left: 500px;
}
.jumbotron-large--right .jumbotron-image {
right: 500px;
left: 0;
}
.jumbotron-large .jumbotron-content {
width: 500px;
padding: 60px 50px 50px 50px;
}
.jumbotron-large .jumbotron-buttons {
left: 50px;
}
.home-main__left {
width: 700px;
}
.home-main__right {
width: calc(100% - 490px);
}
.highend-content {
height: auto;
min-height: 0;
max-height: 100%;
padding: 100px 0 152px 25px;
width: 45%;
}
.jumbotron-large.jumbotron-appointment .jumbotron-content {
padding: 60px 50px 230px 50px;
}
#show-appointment-overlay {
left: 50px;
width: 420px;
}
#show-appointment-overlay--title {
font-size: 18px;
}
#show-appointment-overlay--text {
font-size: 10px;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #1310px
|--------------------------------------------------------------------------
*/
@media (max-width: 1310px) {
.header-top--trustpilot, .header-top-contact {
display: none;
}
.header-top {
height: 34px;
}
}
/*
|--------------------------------------------------------------------------
| Min Width #1281px
|--------------------------------------------------------------------------
*/
@media (min-width: 1281px) {
.category-series-sub--outer:nth-child(n+10), .category-series-subs--toggle--outer {
display: none;
}
.category-series-sub--outer:not(:nth-child(n+10)) {
display: flex!important;
}
.category-series-subs--toggle--outer:nth-child(n+11) {
display: flex;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #1280px
|--------------------------------------------------------------------------
*/
@media (max-width: 1280px) {
.search_dropdown {
width: 950px;
left: 50%;
transform: translateX(-50%);
}
.featured-listing-price,
.jumbotron-ig .if-item:last-child,
.featured-listing-stock{
display:none;
}
.jumbotron-ig .instagram-block,
.product-grid .segment-20, #category-with-product-grid .segment-20 {
width: 33.333333333%;
}
.page-list--item-title{
font-size:22px;
}
.product-grid--item {
width: 16.66666666666666666666666%;
}
.highend-inner {
padding: 202px 0 0 0;
}
.ajax-product-grid .product-grid--item:nth-child(5n + 1) {
clear: none !important;
}
.ajax-product-grid .product-grid--item:nth-child(6n + 1) {
clear: both !important;
}
.listing-swatch {
width: 10%;
}
.home-main__right {
padding: 153px 30px 30px 30px;
}
.jumbotron-ig {
padding: 60px 0 0 0;
width: 460px;
}
.jumbotron-ig .if-item {
width: 50%;
}
.contact--left, .contact--right{
width:100%;
float:none;
}
.contact--list{
padding:30px 0 0 0;
float:none;
}
.blog-return {
display: none;
}
.listing-extra{
width:100%;
float:none;
}
.listing {
padding: 242px 0 0 0;
}
.exchange-block--text {
padding: 25px;
}
.modal-overview {
height: auto;
}
.room-content {
width: 450px;
}
.room-image {
left: 450px;
}
.room-content {
padding: 120px 30px;
}
.room:nth-child(even) .room-image {
right: 450px;
}
.header-nav a {
font-size: 14px;
}
.category,
.brand-category,
.brand-subcategory {
padding: 243px 0 0 0;
}
.listing-spec {
width: 320px;
}
.modal--inner .listing-image {
display: none;
}
.modal--inner {
max-width: 420px;
}
#hitachi-overlay .modal--inner {
max-width: 620px;
}
.featured-listing-title {
overflow: visible;
}
.header-logo svg {
height: 60px;
}
.header-action a {
height: 88px;
padding: 22px 0;
}
.header-action span {
font-size: 12px;
}
.header-main {
height: 88px;
}
.basket {
padding: 200px 0 0 0;
}
.header-logo a {
padding: 12px 15px 11px;
}
.jumbotron-large,
.jumbotron {
padding: 220px 0 0 0;
}
.basket h1 {
padding: 0 0 30px;
}
.home-main-clear-header {
padding-top: 270px;
}
.header-upper--nav a:not(:last-child) {
margin-right: 20px;
}
.header-upper--brands {
margin-right: 20px;
}
.news {
padding-top: 245px;
}
.page-clear-header {
padding-top: 280px;
padding-bottom: 80px;
}
.header-upper--brands a:nth-child(7) {
display: none;
}
.listing-thumbnails.slider-vertical {
width: 145px;
}
.listing-thumbnails.slider-vertical .listing-thumbnail--link, .listing-thumbnails.slider-vertical .listing-thumbnail.slick-slide img {
width: 145px !important;
}
.product-item-gallery--titles {
padding: 28px;
}
.product-item-gallery--title {
font-size: 24px;
}
.category-series-heading__content {
padding: 80px;
}
.category-series-heading__title {
font-size: 36px;
}
.category-series-subs {
padding: 40px 0 20px;
}
.category-series-sub,
.category-series-sub--outer {
width: calc(50% - 20px);
}
.category-series-sub--outer:nth-child(n+7) {
display: none;
}
.category-series-subs--toggle--outer:nth-child(n+7) {
display: flex;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #1250px
|--------------------------------------------------------------------------
*/
@media (max-width: 1250px) {
.home-main__left {
width: 650px;
}
.home-main__right {
width: calc(100% - 370px);
}
.youtube-block__right {
width: 400px;
}
.blog-category-slider .slick-arrow {
width: 50px;
height: 50px;
}
.blog-category-slider .slick-prev {
left: -70px;
}
.blog-category-slider .slick-next {
right: -50px;
}
.latest-blog-slider .container, .blog-category-sliders .container {
max-width: calc(100% - 160px);
}
.jumbotron-large.jumbotron-appointment .jumbotron-content {
padding: 60px 45px 230px 45px;
}
#show-appointment-overlay {
left: 45px;
width: 340px;
bottom: 30px;
}
#show-appointment-overlay--title {
font-size: 18px;
}
#show-appointment-overlay--text {
font-size: 10px;
}
.cart-upsells .cart-item-image {
width: 100px;
}
.cart-upsells .cart-item-content {
padding-right: 100px;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #1200px
|--------------------------------------------------------------------------
*/
@media (max-width: 1200px) {
.header-top--trustpilot,
.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%;
}
.footer-social span {
display: block;
}
.footer-social {
height: 72px;
}
.footer-social svg {
margin: 0 0 4px;
}
.listing-main {
width: calc(100% - 600px);
margin: 0 20px 0 0;
}
.home-banner {
padding: 0 10px 10px 0;
}
.home-main__right-inner {
margin: 0 -10px -10px 0;
}
.home-main__right {
padding: 138px 15px 15px 15px;
}
.listing-side {
width: 580px;
}
.home-slider {
margin: 0;
}
.account-sidebar {
width: 200px;
}
.category-content {
padding: 20px 25px;
}
.rooms-grid--item {
width: 20%;
}
.rooms-grid--item a,.rooms-grid--title {
padding: 20px 10px;
}
.rooms-grid--title {
font-size: 24px;
}
.article-list--info {
width: 70%;
}
.article-list--image {
width: 30%;
}
.listing--title {
font-size: 32px;
}
.account-details--left {
width: 50%;
}
.header-dropdown--images {
width: 600px;
}
.listing-overview #options_stock_1,
.available-in-store {
float: none;
display: inline-block;
margin: 0 0 4px 0;
}
.listing-thumbnail .youtube-cont {
min-width: 356px;
}
.jumbotron-large .jumbotron-content {
height: 60vh;
min-height: 0;
}
.listing-related .segment-1-9 {
width: 16.66666666666667%;
}
.listing-related .segment-1-9:nth-child(7),
.listing-related .segment-1-9:nth-child(8) {
display: none;
}
.brands-list--item {
width: 20%;
}
.article-lists {
padding: 30px 20px;
}
.store-map--right {
width: 590px;
}
.map-cont {
right: 610px;
}
.article--cont {
margin: -60px 0 -46px 0;
}
.category-list--item {
/* width: 33.3333333333333%; */
}
.article-list--info {
width: 100%;
min-height: 0;
border-left: 2px solid #e7e7e7;
}
.home-article-list .article-list--info {
border: 4px solid #e7e7e7;
}
.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: 14px;
}
.brand-letter {
width: 5%;
display: inline-block;
float: none;
}
.brand-letter--inner {
padding: 0;
line-height: 40px;
height: 40px;
width: 100%;
}
.shop.hide {
margin-left: -260px;
}
.product-grid--item {
width: 25%;
}
.ajax-product-grid .product-grid--item:nth-child(6n + 1) {
clear: none !important;
}
.ajax-product-grid .product-grid--item:nth-child(4n + 1) {
clear: both !important;
}
.category-title {
font-size: 30px;
line-height: 30px;
margin: 0;
}
.category-desc p {
font-size: 13px;
line-height: 18px;
}
.jumbotron-blog .jumbotron-inner {
padding: 0;
}
.header-submit--search-cont {
width: 40px;
}
.content {
padding-top: 10px;
}
.jumbotron-app .jumbotron-text {
font-size: 24px;
margin-top: 15px;
}
.brand-blocks > .segment-33 {
width: 50%;
}
.brand-block--content {
padding: 20px;
}
.brand-block--content > *:not(:last-child) {
margin-bottom: 16px;
}
.brand-block--title {
font-size: 22px;
}
.header-upper--brands a:nth-child(6) {
display: none;
}
.plain-title {
font-size: 38px;
}
.image-content-blocks {
padding: 0 25px;
}
.image-content-blocks--row {
margin: 0 -30px 0 0;
}
.image-content-blocks--row > div {
padding: 0 30px 30px 0;
min-width: 50%;
}
.ar--80-120.image-content-blocks--row > div {
max-width: 100%;
}
.image-content-block--content {
padding: 25px;
}
.ar--80-120 .image-content-block--image {
max-height: 620px;
}
.category-list-v2 > div {
width: 14.2857%;
}
}
@media (max-width: 1200px) {
.header-action li:first-child {
display: none;
}
.header-top-contact {
display: none;
}
.header-logo a {
width: 150px;
}
.home-slide--title {
font-size: 64px;
line-height: 1;
margin: 7px 0 0 0;
}
.jumbotron-blog-root .jumbotron-content {
padding: 40px 20px;
}
.home-slide--subtitle {
font-size: 32px;
line-height: 1;
}
.home-slide .button {
margin: 20px 0 0 0;
}
.jumbotron-large {
/* height: 70vh;*/
}
.jumbotron-large .jumbotron-image {
left: 430px;
}
.jumbotron-large--right .jumbotron-image {
right: 430px;
left: 0;
}
.jumbotron-large .jumbotron-content {
width: 430px;
padding: 60px 45px 45px 45px;
}
.jumbotron-title {
font-size: 42px;
line-height: 42px;
}
.jumbotron-about-subtitle p {
font-size: 24px;
line-height: 30px;
}
.jumbotron-large .jumbotron-buttons {
left: 45px;
}
.jumbotron-large .jumbotron-buttons .button-large {
font-size: 14px;
padding: 11px 20px;
}
.home-main__left {
width: 600px;
}
/* .home-main__right {
width: calc(100% - 600px);
} */
.is-guide--listing {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.is-guide--listing > div:first-child {
order: 1;
}
.listing-youtube--group {
margin: 20px -15px -15px 0;
}
.listing-youtube--group > div {
min-width: 100%;
padding: 0 15px 15px 0;
}
}
@media (max-width: 1100px) {
/* .home-main__left {
width: 50%;
}
.home-main__right {
width: 50%
} */
.youtube-block__right {
width: 270px;
}
.brand-subcat-title {
font-size: 32px;
}
.brand-listing--title {
font-size: 28px;
}
.brand-listing--image,
.brand-subcat-image {
max-width: 320px;
margin: 0 30px 0 0;
}
.dd-large .dd-title {
font-size: 24px;
}
.dd-large .dd-title:after {
top: 35px;
}
.dd-large .dd-title:before {
top: 41px;
}
.header-nav li:nth-last-child(2) {
padding-right: 4px;
}
.category-series-heading__image {
width: 400px;
}
.category-series-heading__content {
margin-top: 120px;
padding: 60px;
}
.category-series-heading__title {
font-size: 32px;
}
}
@media (max-width: 1050px) {
.jumbotron-event-blog .jumbotron-title,
.jumbotron-event-blog .jumbotron-subtitle,
.jumbotron-event-blog .jumbotron-content {
text-align: center;
float: none;
}
.jumbotron-ig {
float: none;
margin: 0 auto;
padding: 40px 0 30px 0;
}
.jumbotron-event-blog .jumbotron-content {
padding-bottom: 0;
}
}
@media (max-width: 1024px) {
.home-main__left .aspect-ratio {
display: none;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #1023px
|--------------------------------------------------------------------------
*/
@media (max-width: 1023px) {
.search_dropdown {
width: 850px;
}
.is_guide_text:hover .guide-tooltip {
display: none;
}
.header-main--right,
.checkout-stages{
display: none;
}
.plek-book-banner--title {
font-size: 18px;
}
.checkout-login--btn {
padding: 20px 0;
transition: opacity 300ms ease;
color: #fbb03b;
transition: color 300ms ease;
}
.mobile-cart--btn-cont,
.mobile-menu,
#force-show-cats,
.filter-subcategories,
.checkout-breadcrumbs{
display: block;
}
.highend-inner {
background-position: center left;
}
.home-banner[data-banner-type="1"] {
display: none;
}
.home-banner[data-banner-type="2"] {
display: block;
}
.home-banner {
width: 100%;
}
.home-main__right {
width: 340px;
}
.home-main__left {
width: calc(100% - 340px)
}
.highend-inner:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
height: 100%;
max-width: 55%;
z-index: 1;
background: rgb(0, 0, 0);
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 15%);
}
.highend-inner > * {
position: relative;
z-index: 2;
}
.header-main {
margin: 0;
padding: 0;
}
.account-panel,
.account-panels--wide .account-panel {
width: 50%;
}
.highend-wrap {
padding: 50px 0;
}
.header-main--search-input {
width: 250px;
}
.news-title {
padding: 0;
}
.news > .vertical-padding {
padding: 20px 0;
}
.contact-left,
.contact-right {
width: 100%;
}
.contact-left {
padding: 0 0 40px;
}
.blog-return {
display: none;
}
.blog-cat-nav a {
font-size: 14px;
}
.cms-cat {
padding: 122px 0 40px;
}
.home-blog {
padding:50px 0;
}
.home-bottom {
padding: 50px 0;
}
.instagram-feed {
padding: 0 0 50px;
}
.listing-divido,
.listing-hitachi {
padding: 16px 0 0 4px;
}
.rooms-grid--item {
width: 25%;
font-size: 13px;
}
.rooms-grid--title {
font-size: 20px;
}
.highend-block--content-inner {
min-height: 480px;
}
.highend-title,
.listing-price {
font-size: 28px;
}
.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+ */
}
.basket {
padding: 120px 0 0 0;
}
.cart-main {
padding: 0 0 30px 0;
width: 100%;
float: none;
}
.cart-side {
float: none;
width: 100%;
padding: 0;
}
#checkout-container, #confirm-container{
padding:0 20px;
}
.checkout-side {
padding: 45px 0 0 30px;
}
.home-slider {
min-height: 0;
}
.checkout-main{
padding:45px 30px 0 0;
}
.slick-vertical .slick-slide {
height: 690px;
}
.listing-thumbnail.slick-slide {
height: auto;
}
.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;
}
.home-slider button {
height: 50px;
width: 12px;
}
.quote-side {
width: 100%;
margin-top: 30px;
}
.jumbotron-large {
/* height: 60vh;*/
}
.page-bg-container, .jumbotron-large, .jumbotron {
padding: 120px 0 0 0;
}
.jumbotron-large .jumbotron-image {
left: 400px;
}
.jumbotron-large--right .jumbotron-image {
right: 400px;
left: 0;
}
.jumbotron-large .jumbotron-content {
width: 400px;
padding: 60px 40px 40px 40px;
}
.jumbotron-large .jumbotron-buttons {
left: 40px;
}
.contact-left p {
font-size: 13px;
line-height: 18px;
margin: 0 0 15px 0;
}
.youtube-block {
display: flex;
max-width: 600px;
margin: 0 auto 30px;
flex-direction: column;
}
.youtube-block__left,
.youtube-block__right {
flex: none;
width: 100%;
}
.youtube-block__right-inner .button {
margin: 14px 0 0 0;
}
.jumbotron-large.jumbotron-appointment .jumbotron-content {
padding: 60px 40px 23px 40px;
}
.header-nav li {
padding: 0 8px;
}
#category-with-product-grid.category-list-grid-parent {
display: none;
}
.header-upper--top {
display: none;
}
.header-upper--bottom {
justify-content: center;
}
.header-upper--bottom > div:not(.header-upper--nav) {
display: none;
}
.header-upper--nav a {
font-weight: 400;
}
.header-upper--nav a:not(:last-child) {
margin-right: 15px;
}
.category, .brand-category, .brand-subcategory {
padding: 160px 0 0 0;
}
.news {
padding-top: 160px;
}
.account, .listing {
padding: 160px 0 0;
}
.page-clear-header {
padding-top: 180px;
padding-bottom: 60px;
}
.header-nav li {
padding: 0 4px;
}
.header-nav a,
.header-nav > li > span {
font-size: 12px;
}
.plain-title {
font-size: 34px;
}
.home-store--content {
padding: 50px 80px;
}
.archive-products--results .product-grid--item {
width: 25%;
}
h2.tac {
font-size: 36px;
}
.archive-products--title {
font-size: 32px;
}
.product-item-gallery--titles {
padding: 24px;
}
.product-item-gallery--title {
font-size: 20px;
}
.archive-filters {
margin-left: 16px;
}
.archive-filters .filter ul {
left: unset;
right: 0;
transform: none;
}
.series-category {
margin-top: 160px;
}
.category-series-heading__image {
width: 320px;
}
.category-series-heading__content {
margin-top: 0px;
padding: 40px;
}
.category-series-heading__title {
font-size: 28px;
}
.category-series-heading__desc > p {
font-size: 14px;
line-height: 1.2;
}
.category-series-heading__content > .button {
margin-top: 12px;
}
.input-tooltip {
bottom: unset !important;
top: 100% !important;
left: 50% !important;
right: unset !important;
transform: translateX(-50%) !important;
margin: 12px 0 0 !important;
}
.input-tooltip:after {
left: 50% !important;
right: unset!important;
top: 0!important;
bottom: unset!important;
transform: rotate(45deg) translateX(-50%)!important;
margin: 0!important;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #1000px
|--------------------------------------------------------------------------
*/
@media (max-width: 1000px) {
.bundle-builder {
padding: 30px 20px;
}
.bundle-builder > h3 {
font-size: 26px;
}
.bundle-builder-selector {
font-size: 14px;
}
.bundle-builder-selector label > span:last-child:not(:first-child) {
min-width: 80px;
}
.header-nav li {
padding: 0 5px;
}
.product-overlay-top--button__compare,
.sidebar .filters--title,
.sidebar:before,
.shop--navtrail .breadvrumb-trail,
.filters--show {
display: none;
}
.product-overlay-top--button__compare {
display: none!important;
}
.listing-brands {
flex-wrap: wrap;
}
.listing-brand {
width: 100%;
border-right: none;
border-bottom: 1px solid #171717;
}
.cat-list--item-inner {
padding: 0 0 55.41561712846348% 0;
}
.hybrid-details {
flex-direction: column;
}
.listing-side {
width: 50%;
flex: 1;
}
.listing-payment {
flex-direction: column;
}
.listing-payment span {
font-size: 14px;
margin: 0 0 10px;
}
.listing-payment img {
max-width: 420px;
}
.listing-payment > div {
margin-left: 0;
}
.listing-payment {
padding-bottom: 15px;
}
.button-finance {
font-size: 14px;
}
.listing-buy {
padding: 11px 15px;
}
.listing-swatch-lrg {
flex: 1 1 24%;
max-width: calc(25% - 6px);
}
.product--title {
font-size: 12px;
}
.listing-main {
width: 50%;
}
.listing-usps {
flex-wrap: wrap;
}
.listing-usp {
flex-direction: row;
justify-content: space-between;
text-align: left;
}
.listing-usp__icon {
width: 40px;
text-align: center;
margin-right: 20px;
}
.product-table .dblr:first-child,
.product-table .dblr:first-child .dblc {
display: block;
text-align: left;
height: auto;
}
.listing-usp__content {
flex: 1;
}
.form-options,
.listing-overview--top-inner {
padding: 20px;
}
.listing--title {
font-size: 26px;
}
.listing-price {
font-size: 24px;
}
.listing-deadline {
padding: 12px 20px;
}
.listing-buy {
font-size: 14px;
}
.listing-usp {
width: 100%;
flex: none;
border-bottom: 1px solid #262626;
border-right: none;
}
.listing-usp:last-child {
border-bottom: none;
}
.hybrid-details .flex-item {
order: 2;
}
.hybrid-details .flex-item:last-child {
order: 1;
margin: 0 0 20px;
}
.sidebar,
.sidebar-content,
.account-details--left,
.account-details--right {
width: 100%;
}
.sidebar-content:before {
display: none;
}
.sidebar {
margin: 20px 0 0 20px;
width: calc(100% - 40px);
float: none;
}
.home-tab .product-grid--item,
.home-tab .product-grid--item:nth-child(5),
.home-tab .product-grid--item:nth-child(6),
.home-tab .product-grid--item:nth-child(7),
.home-tab .product-grid--item:nth-child(8),
.home-tab .product-grid--item:nth-child(9),
.home-tab .product-grid--item:nth-child(10) {
width: 20%;
}
.sidebar-content {
overflow: visible;
}
.compare {
overflow-y: scroll;
}
.loyalty-point--cont {
width: 90px;
}
.top-loyalty:before, .loyalty:before {
left: 45px;
}
.cat-list--item {
width: 25%;
}
.cat-list--item-featured .cat-list--item-title,
.cat-list--item-title {
font-size: 16px;
}
.exchange-block--image {
position: relative;
left: auto; right: auto; bottom: auto; top: auto;
height: 140px;
width: 100%;
}
.exchange-block--content {
min-height: 130px;
}
.exchange-block:nth-child(odd) .exchange-block--content {
margin: 0;
}
.exchange-block--content {
width: 100%;
}
.listing-tabs-buttons {
display: block;
width: 100%;
height: 70px;
overflow: hidden;
padding: 0;
}
#mbl-filters {
display: block;
}
.filter-subcategories ul {
display: none;
}
.listing-tabs-buttons.show {
display: table;
width: 100%;
}
.sidebar--subcategories {
padding: 0;
}
.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/peach/icon-chevron-up-white.png) center right 30px no-repeat rgba(0,0,0,.1);
}
.filter-subcategories {
border-top: 2px solid #fbb03b;
}
.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/peach/icon-chevron-down-white.png) center right 30px no-repeat;
}
.listing-tabs-button.sel span {
display: block;
font-size: 21px;
padding: 22px 30px;
}
.footer-btm--links {
padding: 0 0 20px 0;
}
.page-list--item-title{
font-size:19px;
}
.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-sub{
display:none;
}
#mbl-filters{
border-top: 2px solid #fbb03b;
}
#mbl-filters-sub .filter--links {
background-color: #171717;
}
#mbl-filters-sub .list-reset{
padding: 4px 32px 22px 32px;
}
.search_dropdown{
left: 50%;
transform: translateX(-50%);
right: auto;
}
.mobile-search--input {
position: relative;
}
.onpage-search .mobile-search--submit {
position: absolute;
right: 0;
}
.address-block--add,
#savedAddresses .address-block {
width: 50%;
}
.instagram-block {
width: 25%;
}
.if-item {
width: 33.33333333333%;
}
.if-item:nth-child(3) {
display: none;
}
#mbl-filters-sub .filter-title {
color: #FFF;
}
.filter--links a:before {
background-color: #0d0d0d;
top: 5px;
}
.filter--links a {
padding: 7px 0 7px 20px;
font-size: 13px;
line-height: 13px;
}
#mbl-filters-sub .list-reset {
padding: 4px 24px 0 24px;
}
#show-appointment-overlay--text-container-listing {
padding: 16px 20px;
}
.home-main-clear-header {
padding: 180px 0 20px;
}
.product-inner {
height: 100%;
display: flex;
flex-direction: column;
}
.product-inner .product-right {
flex: 1;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.header-nav li:nth-last-child(2) {
padding-right: 4px;
}
.listing-free-details--text {
font-size: 13px;
}
.listing-free-logo + .listing-free-details-title {
font-size: 15px;
padding-left: 10px;
}
.listing-promo {
font-size: 11px;
}
.listing-free-details--upper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.listing-free-logo + .listing-free-details-title {
padding: 10px 0 0;
margin-top: auto;
}
.category-heading--content {
padding: 20px;
}
.category-list-v2 {
display: none;
}
.category-main > * {
border-top: 0;
}
.category-main > .sidebar {
margin-top: 20px;
order: 1;
}
.category-main > *:not(.sidebar) {
order: 2;
}
.brand-letter {
width: 6.25%;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #900px
|--------------------------------------------------------------------------
*/
@media (max-width: 900px) {
.header-submit--search-cont {
display: none;
}
.product--offer__flash {
padding: 10px 20px;
font-size: 18px;
}
.product--offer__flash > svg {
height: 18px;
}
.flashdeal-listing--timer > div {
padding: 8px 18px;
font-size: 16px;
}
.header-dropdowns {
display: none;
}
.home-tab .segment-60 .featured-listing:nth-child(5),
.home-tab .segment-60 .featured-listing:nth-child(4),
.news-backdrop,
.footer-top > .container:after,
.header-nav {
display: none;
}
.breadcrumb-trail {
display: none;
}
.mobile-cart--btn-cont,
.mobile-breadcrumb-trail,
.account-sidebar--mobile-title,
.mobile-menu,
.footer-usp {
display: block;
}
.brand-subcategory-listings--title,
.brand-subcategory--title {
font-size: 42px;
}
.brand-subcategory-media {
flex-direction: column;
max-width: 600px;
margin: 0 auto;
}
.blog-category-slider .slick-arrow {
bottom: 80px;
width: calc(50% - 20px);
top: auto;
transform: none;
}
.blog-category-slider {
padding: 0px 0 120px;
}
.blog-category-slider .slick-prev {
left: 0px;
}
.blog-category-slider .slick-next {
right: 20px;
}
.latest-blog-slider .container, .blog-category-sliders .container {
max-width: 100%;
}
.brand-subcategory-video,
.brand-subcategory-slider {
width: 100%;
margin: 0;
padding: 0;
max-width: 100%;
}
.brand-subcategory-slider {
margin: 40px 0 0 0
}
.brand-category-top {
flex-direction: column;
}
.featured-home-row-cont .slick-arrow {
top: 30%;
}
.brand-category-top--right {
margin: 40px 0 0 0;
}
.brand-category-top--left, .brand-category-top--right {
width: 100%;
padding: 0;
}
.jumbotron-large .jumbotron-content {
padding: 40px;
}
.jumbotron--plek .jumbotron-content {
align-items: center;
}
.jumbotron--plek .jumbotron-text {
max-width: 420px;
text-align: center;
}
.plek-video {
max-width: 590px;
padding: 0 30px;
}
.jumbotron-large--right .jumbotron-content,
.contact--grid .segment-50,
.blog-list > .segment-50,
.home-welcome,
.account-box,
.footer-nav,
.home-news,
.home-map {
width: 100%;
float: none;
}
.account-sidebar,
.account-main {
width: 100%;
}
.home-main__right {
padding: 103px 15px 15px 15px;
}
.home-main__left {
padding: 0;
margin: 89px 0 0 0;
}
.input-qty {
max-width: 200px;
}
.home-main__left .aspect-ratio {
top: 0;
}
.highend-content {
height: 300px;
min-height: 300px;
max-height: 600px;
}
.listing-upsells .product-grid--item {
width: 50%;
}
.highend-inner {
padding: 89px 0 0 0;
}
.home-banner {
width: 50%;
}
.jumbotron-large .jumbotron-content {
height: auto;
min-height: 0;
}
.account-sidebar {
margin: 0 0 20px;
}
.footer-social {
width: 50%;
}
.hybrid-brand,
.hybrid-brand ~ .flex {
margin: 0 auto;
text-align: center;
justify-content: center;
}
.sidebar {
margin: 0 0 0 20px;
}
.footer-social:first-child,
.footer-social:nth-child(2) {
border-bottom: 1px solid #262626;
}
h1 {
font-size: 44px;
}
.account {
padding: 88px 0 0 0;
}
.finance-logo {
float: none;
padding: 0 0 10px;
}
.account-sidebar nav {
padding: 0px 24px 20px;
}
.home-tab .segment-60 .featured-listing,
.home-tab .segment-60,
.home-tab .segment-40,
.review,
.page-list--item {
width: 50%;
}
.listing {
padding: 94px 0 0 0;
}
.block-image,
.block-content,
.block:nth-child(even) .block-content {
width: 100%;
padding: 0;
margin: 0;
}
.jumbotron-content {
padding: 35px 20px;
}
.news {
padding-top: 88px;
}
.block-image {
position: relative;
top: auto; right: auto; bottom: auto; left: auto;
height: 240px;
}
.news-item__large .news-item--published-on {
position: relative;
top: auto; right: auto; bottom: auto; left: auto;
}
.jumbotron-nav {
display: none;
}
.mobile-cats {
display: block;
}
.vertical-padding {
padding: 30px 20px;
}
.jumbotron-large .jumbotron-image,
.jumbotron-large--right .jumbotron-image,
.jumbotron-large .jumbotron-buttons {
position: relative;
top: auto; right: auto; bottom: auto; left: auto;
height: 420px;
}
.jumbotron-large .jumbotron-title {
margin: 0;
}
.cover-gradient {
display: none;
}
.jumbotron-large .jumbotron-buttons {
height: auto;
padding: 10px 0 0 0;
}
.jumbotron-large--right .jumbotron-content,
.jumbotron-large .jumbotron-content {
width: auto;
}
.store-bottom .map-cont {
position: relative;
top: auto; right: auto; bottom: auto; left: auto;
height: 220px;
width: 100%;
}
.store-map--right {
width: 100%;
margin: 0;
}
.jumbotron-large {
height: auto;
text-align: center;
}
.listing-block--title {
font-size: 18px;
}
.listing-related .segment-1-9 {
width: 20%;
}
.listing-related .segment-1-9:nth-child(6) {
display: none;
}
.room-image {
position: relative;
height: 200px;
left: auto; top: auto; right: auto; bottom: auto;
}
.room-content {
width: 100%;
padding: 60px 30px;
}
.brands-list--item {
width: 25%;
}
.home-slide--content {
padding: 0 50px;
}
.page-list--item-inner {
padding: 0 0 50% 0;
}
.page-bg-container, .jumbotron-large, .jumbotron {
padding: 100px 0 0 0;
}
.jumbotron--plek .jumbotron-title {
margin: 0 0 10px;
}
.plek-book-banner {
margin: 40px 0 0 0
}
header {
background-color: #0d0d0d;
}
.header-top {
display: none;
}
.listing-deadline-doughnut {
margin: 0;
padding: 0;
}
.category-list {
margin: 0;
padding: 20px 0;
}
.contact--list {
padding: 30px 0 0 0;
}
.home-welcome {
padding: 0 0 20px;
}
.jumbotron--title {
font-size: 36px;
}
.news-main {
padding: 30px 0 0 0;
}
.news-right {
padding: 0 0 0 40px;
}
.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;
}
@-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%; }
}
.header-logo {
position: relative;
margin: 0 auto;
width: 200px;
text-align: center;
border: none;
}
.header-logo a {
display: inline-block;
}
.mobile-menu--btn-cont {
display: block;
}
.news-item {
width: 50%;
}
.news-item__large {
width: 100%;
}
.news-item:nth-child(3) {
display: none;
}
.highend-content {
max-width: none;
float: none;
}
.news-item__large .news-item--image {
position: relative;
top: auto; right: auto; bottom: auto; left: auto;
height: 200px;
display: block;
}
.news-item__large .news-item--info {
width: 100%;
float: none;
min-height: 0;
}
.account-sidebar--mobile-title.open ~ .account-wrap {
display: block;
}
.account-sidebar--mobile-title ~ .account-wrap {
display: none;
}
.account-sidebar--mobile-title.open svg {
transform: rotate(-180deg) translateY(4px);
}
.account-table .dblc {
padding: 12px 8px;
}
.blog {
padding: 40px;
}
.home-main__left {
width: 100%;
height: 410px;
}
.home-main__right {
width: 100%;
padding: 15px;
}
.home-main {
display: block;
}
.jumbotron-large.jumbotron-appointment .jumbotron-content {
padding: 40px;
}
.jumbotron-large.jumbotron-appointment .jumbotron-buttons {
bottom: auto;
}
#show-appointment-overlay {
position: relative;
left: 50%;
bottom: auto;
margin-top: 20px;
transform: translate(-50%, 0);
width: 100%;
max-width: 340px;
}
.home-main-clear-header {
padding: 110px 0 20px;
}
.member-group__container {
margin: 0 -30px 0 0;
}
.member-group__container > div {
padding: 0 30px 30px 0;
}
.member-group__title, .tm-name {
font-size: 26px;
}
.tm-text p {
font-size: 14px;
}
.header-upper--bottom {
display: none;
}
.category, .brand-category, .brand-subcategory {
padding: 90px 0 0 0;
}
.page-clear-header {
padding-top: 150px;
}
.brand-blocks > div {
width: 100% !important;
}
.brand-block--image {
height: 270px;
}
.brand-block--content {
font-size: 14px;
}
.slick-initialized .home-store.slick-slide {
display: flex;
flex-direction: column;
}
.home-store--right {
flex-direction: column;
}
.home-store--content {
margin-top: 0;
}
.home-store--secondary-img {
display: none;
}
.series-category {
margin-top: 88px;
}
.category-series-heading__image {
width: 240px;
}
.category-series-heading__content {
margin-top: 0px;
padding: 32px;
}
.category-series-sub__content > .content {
max-height: 64px;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #800px
|--------------------------------------------------------------------------
*/
@media (max-width: 800px) {
.usp-blocks > div {
width: 50%;
min-width: 50%;
}
.product-grid--item.segment-33 {
width: 100%;
max-width: 540px;
margin: 0 auto;
float: none;
}
.cms-sidebar {
width: 100%;
background-color: #181818;
margin: 20px;
width: calc(100% - 40px);
}
.cms-sidebar ul.list-reset {
display: none;
}
.listing-swatch-lrg {
flex: 1 1 25%;
max-width: calc(25% - 6px);
}
.listing-cont {
flex-direction: column;
display: block;
}
.listing-upsells .product-grid--item {
width: 25%;
}
.product--image img + img {
display: none!important;
}
.cms-sidebar--title.open ~ ul.list-reset {
display: block;
}
.cms-sidebar--title.open svg {
transform: rotate(-180deg) translateY(4px);
}
.cms-sidebar--title {
position: relative;
padding: 16px 20px;
}
.header-action a {
width: 88px;
}
.cms-sidebar--title svg {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px;
transform-origin: center;
}
.account-details--title-text {
float: none;
clear: left;
width: 100%;
max-width: 100%;
padding: 0 0 30px;
}
.cms-inner {
width: 100%;
padding: 0;
}
.cms-inner:before {
display: none;
}
.cms-inner .vertical-padding {
padding:110px 20px 60px;
}
.cms-inner .vertical-padding > .container {
padding: 0;
}
.listing-main,
.listing-side {
width: 100%;
}
.listing .container {
max-width: 600px;
}
.listing-related .container {
max-width: 100%;
}
.listing-side {
margin-top: 30px;
}
#overlay-appointment .overlay--submit-group {
flex-direction: column;
}
#overlay-appointment #appointment-submit {
margin: 20px 0 0;
}
.home-main-banner--bottom > .home-banner-v2 {
width: 50%;
padding: 0 10px 10px 0;
}
.home-main-banner--bottom {
margin-bottom: -10px;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #767px
|--------------------------------------------------------------------------
*/
@media (max-width: 767px) {
#the-peach-story h2, .members h2 {
font-size: 30px;
}
.blocks {
padding: 0;
}
.listing-block,
.news-item {
width: 50%;
}
.highend-content {
display: none;
}
.highend-inner--image {
right: 0 !important;
width: 100% !important;
}
.highend-inner .container {
display: block;
width: 100%;
max-width: 100%;
height: 0;
padding: 0 0 100%;
}
.brand-subcat-title {
font-size: 24px;
}
.brand-subcategory-listings {
margin: 35px 0;
}
.home-youtube-grid-item {
width: 50%;
}
.home-youtube-grid-item:nth-child(5),
.home-youtube-grid-item:nth-child(6) {
display: none;
}
.brand-subcategory-banner {
margin: 0 0 35px;
}
.brand-subcategory--subtitle {
margin: 0 auto 30px;
font-size: 20px;
}
.brand-subcategory-listings .product-grid {
margin: 25px 0 0 0
}
.brand-subcategory-btn,
.brand-category-btn {
font-size: 18px;
}
.highend-content--mobile {
position: relative;
display: flex;
background: url(/images/style/peach/wood-bg-3.jpg);
/* background-size: contain; */
background-repeat: repeat-y;
background-position: top center;
width: 100%;
min-height: 0;
max-height: 100%;
height: auto;
padding: 40px 0;
}
.highend-inner:before,
.highend-inner:after {
display: none;
}
.home-content__inner {
max-width: 600px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.highend-content--mobile:before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(0,0,0,0.4);
}
.highend-content--mobile > * {
position: relative;
z-index: 4;
}
.brand-listing--image,
.brand-subcat-image {
max-width: 220px;
}
.footer-social {
width: 25%;
}
.home-slide--content-inner {
float: none!important;
text-align: center!important;
max-width: 100%;
}
.home-slide--right:before,
.home-slide--left:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
}
.home-slide--right:after,
.home-slide--left:after {
display: none;
}
.featured-review--image {
float: left;
}
.featured-review--image ~ .featured-review--content {
padding: 4px 10px 4px 0;
}
.hybrid-image {
width: 100%;
padding: 0 0 20px;
}
.hybrid-images {
max-width: 420px;
margin: 0 auto;
}
.home-tab .product-grid--item:nth-child(4) .stock-status span {
display: none;
}
.home-usps--mobile
.highend-inner {
background-position: center center;
}
.order-panel:first-child,
.news-item__large,
.footer-right {
width: 100%;
}
.hybrid-spec-block .flex {
flex-direction: column;
}
.highend-specs--hybrid {
order: 2;
margin: 40px 0 0 0;
}
.hybrid-spec-block .flex .flex-item {
order: 1;
}
.highend-block--image-cont__360 {
border: none;
}
.rooms-grid--item {
width: 33.3333333333%;
font-size: 13px;
}
.compare-table--head-cell-empty i {
font-size: 100px;
}
.store-video {
margin: 40px 0 0 0;
}
.rooms-grid--title {
font-size: 18px;
}
.footer-socials {
max-width: 560px;
margin: 20px auto 20px;
}
.footer-social:first-child, .footer-social:nth-child(2) {
border-bottom: none;
}
.footer-right {
padding: 30px 0 0 0;
}
.home-welcome h2 {
font-size: 22px;
}
.slick-vertical .slick-slide {
height: 500px;
}
.listing-thumbnail.slick-slide {
height: auto;
}
.loyalty-point--cont {
display: none;
}
.cant-find--title {
font-size: 22px;
}
.news-title {
font-size: 32px;
line-height: 36px;
}
.account-main,
.cant-find {
padding: 25px
}
.basket h1 {
text-align: center;
padding-bottom: 30px;
font-weight: 700;
}
.order-panel {
padding: 0 10px 10px 0;
text-align: center;
width: 50%;
}
.home-store--content {
padding: 50px 76px;
}
.loyalty-points-dblc {
display: block;
}
.news-item:nth-child(3),
.home-store--secondary-img,
.footer-navs {
display: none;
}
.loyalty-table .dblc {
display: block;
width: 100%;
border-bottom: none;
}
.loyalty-table .dblr {
display: block;
margin: 0 0 20px;
}
.breadcrumb-trail {
display: none;
}
.jumbotron-buttons .button {
margin: 0 10px 6px;
}
.listing-spec {
width: 230px
}
.listing-share {
margin: 20px 0;
}
.listing-thumbnails.has-arrows .listing-thumbnails--slider {
padding: 5px;
}
.listing--title {
padding: 0;
}
.news-item__large .news-item--info {
padding: 22px 24px;
}
.news-item__large .news-item--title {
font-size: 22px;
}
.featured-content,
.featured-main-img,
.featured-right,
.home-store--main-img,
.home-store--right,
.home-cat {
width: 100%;
float: none;
position: relative;
}
.listing-image--brand {
/* display: none; */
}
.listing-related .segment-1-9 {
width: 25%;
}
.listing-related .segment-1-9:nth-child(5) {
display: none;
}
.category-content.show-on-mobile {
display: block;
max-width: 100%;
width: 100%;
}
.category-image {
position: relative;
width: 100%;
top: auto; right: auto; bottom: auto; left: auto;
}
.category-content.hide-on-mobile {
display: none;
}
.listing-block:nth-child(2) {
border-right: none;
}
.listing-block:last-child {
width: 100%;
border-top: 1px solid #2a2a2a;
}
.listing-main--inner {
padding: 0;
}
.footer-right,
.footer-btm {
text-align: center;
}
.featured-main-img,
.home-store--main-img {
position: relative;
width: 100%;
height: 240px;
}
.footer-main {
padding: 10px 0 0;
border-bottom: none;
}
.footer-newsletter {
padding: 0 20px 20px;
}
.highend-block--content,
.highend-block--image-cont,
.highend-block:nth-child(even) .highend-block--content,
.highend-block:nth-child(even) .highend-block--image-cont {
padding: 0;
}
.highend-block--content-inner {
padding: 25px;
}
.highend-block--image-cont {
position: relative;
top: auto; right: auto; bottom: auto; left: auto;
}
.highend-block--image-cont__360 {
max-width: 640px;
float: none;
margin: 0 auto 20px;
height: 450px;
}
#360iframelisting {
/* height: 450px; */
}
.highend-block--image-cont .slick-slide {
min-height: 300px;
}
.highend-block--content-inner {
min-height: 0;
}
.highend-block--image-cont,
.highend-block--content {
width: 100%;
}
.footer-main > .container {
padding: 0;
}
.home-store--main-img {
height: 290px;
}
.home-tab .segment-60 .featured-listing:nth-child(4),
.mbl-home-tab-btns {
display: block;
}
.highend-testimonial--image {
float: none;
margin: 0 auto;
}
.highend-testimonial--text {
padding: 10px 0 0 0;
}
.home-cat--inner {
height: auto;
padding: 20px;
}
.home-tab .segment-60 .featured-listing:nth-child(5),
.home-tab .segment-60 .featured-listing:nth-child(6),
.featured-secondary-img,
.header-top {
display: none;
}
.listing-backdrop {
display: none!important;
}
.home-tab .product-grid--item:nth-child(1),
.home-tab .product-grid--item:nth-child(2),
.home-tab .product-grid--item:nth-child(3) {
width: 33.333333333333%;
}
.home-tab .product-grid--item:nth-child(4),
.home-tab .product-grid--item,
.home-tab .product-grid--item:nth-child(5),
.home-tab .product-grid--item:nth-child(6),
.home-tab .product-grid--item:nth-child(7),
.home-tab .product-grid--item:nth-child(8),
.home-tab .product-grid--item:nth-child(9),
.home-tab .product-grid--item:nth-child(10) {
width: 25%;
}
.category-list--info,
.listing-side,
.listing-main {
width: 100%;
}
.home-event {
padding: 20px 0;
}
.store-map {
max-width: 100%;
}
.home-slide--title {
font-size: 42px;
}
.home-slide--subtitle {
font-size: 16px;
font-weight: 400;
}
.featured-cont,
.home-tab,
.home-bottom,
.highend-wrap,
.listing-related,
.listing-blocks,
.listing-desc,
.store-bottom {
padding: 40px 0;
}
.home-blog {
padding: 40px 0;
}
#the-peach-story h2,.members h2 {
font-size:36px;
}
.members h2 {
margin: 0 0 25px 0;
}
.highend-cont {
padding: 0 0 30px;
}
.home-tabs--button {
font-size: 24px;
padding: 24px 10px;
}
.home-cat--inner {
padding: 35px 30px;
}
.home-cat--inner:before,
.home-cat--inner:after {
height: 100%
}
.home-cat--title,
.home-cat--count {
position: relative;
text-align: left;
font-weight: 700;
left: auto; top: auto; right: auto; bottom: auto;
}
.home-cat--title {
font-size: 24px;
}
.home-cat--count {
font-size: 14px;
margin-top: 3px;
}
.product-grid .segment-20,
#category-with-product-grid .segment-20,
.cat-list--item {
width: 50%;
}
.category-list--item {
/* width: 33.3333333%; */
}
.listing-side,
.listing-main {
float: none;
flex: 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;
}
.article-list{
width:100%;
}
.listing-ratings, .listing-detail {
text-align:left;
display:table-cell;
}
.listing-ratings {
text-align:right;
}
.listing-main--inner{
max-width:100%;
float:none;
}
.listing-tabs{
margin-top:10px;
}
.listing-extra {
width: 50%;
float: left;
}
.product--overlay-top {
background: #37af56;
}
.dd-section {
padding: 20px 0 0 0;
}
.member-group__container {
margin: 0 -15px 0 0;
}
.member-group__container > div {
width: 50%;
padding: 0 15px 15px 0;
}
.page-clear-header {
padding-top: 130px;
padding-bottom: 40px;
}
.brand-blocks:not(:last-child) {
margin-bottom: 30px;
}
.plain-title {
font-size: 30px;
}
.jumbotron-archive-subtitle {
font-size: 20px;
}
.archive-products--results .product-grid--item {
width: 33.3333333%;
}
h2.tac {
font-size: 32px;
}
.archive-products--title {
font-size: 28px;
}
.gallery-product-slider--container {
display: none;
}
}
/*
|--------------------------------------------------------------------------
| Min Width #701px
|--------------------------------------------------------------------------
*/
@media (min-width: 701px) {
.category-series-sub--outer:not(:nth-child(n+7)) {
display: flex!important;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #700px
|--------------------------------------------------------------------------
*/
@media (max-width: 700px) {
.featured-listing-title,
.order-ref,
.order-status,
.acc-order-total,
.hide700,
.order-date {
display: none;
}
.jumbotron-title {
font-size: 30px;
line-height: 30px;
}
.dd-section--title {
font-size: 20px;
line-height: 20px;
}
.review {
width: 100%;
}
.review img {
display: none;
}
.footer-payment {
float: none;
display: block;
text-align: center;
}
.footer-btm--links {
float: none;
text-align: center;
}
.order-btns .button {
display: block;
margin: 0 auto 5px;
max-width: 320px;
float: none;
}
.news-left,
.news-right {
width: 100%;
}
.blog-listings .product-grid--item {
width: 33.33333333333333333333%!important;
}
.page-list--item-title{
font-size:18px;
}
.footer-feedback h3 {
font-size: 24px;
}
.news-right {
padding: 30px 0 0 0;
}
.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;
}
.slick-slide img.home-slide--img__mobile {
display: block;
}
.slick-slide img.home-slide--img__mobile ~ img.home-slide--img {
display: none;
}
.instagram-block,
.if-item {
width: 50%;
}
.if-item:nth-child(3) {
display: block;
}
.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;
}
.home-slide--content {
padding: 0 30px;
}
.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;
}
.product-grid--item {
width: 33.33333333333%;
}
.ajax-product-grid .product-grid--item:nth-child(4n + 1) {
clear: none !important;
}
.ajax-product-grid .product-grid--item:nth-child(3n + 1) {
clear: both !important;
}
.news-cat-date-mob {
display: block;
}
.news-cat-date-desk {
display: none;
}
.news-cat a {
font-size: 16px;
line-height: 20px;
padding: 0;
}
.news-published-on {
font-size: 14px;
letter-spacing: 0.1em;
color: #717171;
text-transform: uppercase;
padding: 0 0 24px;
}
.news-title {
margin: 0 0 20px;
}
.news-right {
padding: 0;
}
#hitachi-overlay .modal--inner {
max-width: 420px;
}
#hitachi-overlay img {
float: none;
margin: 0 0 5px;
}
#hitachi-overlay .hitachi-plan,
#hitachi-overlay .hitachi-deposit,
#hitachi-overlay .hitachi-plan label,
#hitachi-overlay .hitachi-plan select,
#hitachi-overlay .hitachi-deposit label,
#hitachi-overlay .hitachi-range-slider {
display: block;
}
#hitachi-overlay .hitachi-plan label,
#hitachi-overlay .hitachi-deposit label {
text-align: left;
width: 100%;
padding: 0;
margin-bottom: 5px;
}
#hitachi-overlay .hitachi-plan select {
margin-bottom: 20px;
}
#hitachi-overlay .hitachi-row--label {
width: 55%;
}
#hitachi-overlay .hitachi-row--value {
width: 45%;
}
.cart-upsells > .cart-items > .cart-item {
width: 100%;
}
.cart-upsells .cart-item:last-child {
margin-bottom: 0;
border-bottom: 0;
}
.app-store-cta--img {
min-width: 240px;
}
.app-store-cta--title {
font-size: 28px;
}
.image-content-blocks--row {
margin: 0 -25px 0 0;
}
.image-content-blocks--row > div {
padding: 0 25px 25px 0;
min-width: 100%;
}
.category-series-heading__image {
width: 160px;
}
.category-series-sub,
.category-series-sub--outer {
width: 100%;
margin-right: 0;
}
.category-series-sub--outer:nth-child(n+5) {
display: none;
}
.category-series-subs--toggle--outer:nth-child(n+5) {
display: flex;
}
.category-series-sub__content > .content {
max-height: unset;
}
.category-series-heading__desc > p {
font-size: 12px;
}
}
@media (max-width: 667px) {
.home-usps--mobile {
flex-wrap: wrap;
}
.manu-content--inner {
flex-wrap: wrap;
}
.manu-img {
margin: 20px 0 0;
}
.home-usp {
width: 100%;
flex: none;
padding: 20px 14px;
border-right: none;
border-bottom: 1px solid #040404;
}
.home-usp:last-child {
border-bottom: none;
}
.banner-slider .container.slick-slide {
padding: 0 40px;
}
.banner-slider .slick-arrow {
width: 32px;
height: 32px;
}
.home-usp__text {
font-size: 16px;
}
.home-main-banner--top > .home-banner-v2 {
width: 100%;
}
.brand-listing,
.brand-subcat {
flex-direction: column;
align-items: flex-start;
}
.brand-listing--image,
.brand-subcat-image {
margin: 0 0 20px;
max-width: 320px;
}
.brand-listing:nth-child(even) .brand-listing--image {
order: initial;
margin: 0 0 20px;
}
.brand-letter-all {
max-width: 100%;
min-width: 100%;
min-height: 40px;
margin-top: 1px;
}
.brand-letter {
width: 8.333333333333333%;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #600px
|--------------------------------------------------------------------------
*/
@media (max-width: 600px) {
.bundle-builder-price {
font-size: 20px;
}
.bundle-builder--bottom .button {
font-size: 16px;
}
.tm-name {
font-size: 20px;
}
.tm-role {
font-size: 16px;
font-weight: 500;
}
.jumbotron.has-gallery {
padding-bottom: 110px;
}
.gallery-slider {
margin-top: -110px;
}
.footer-nav,
.hide600,
.jumbotron-ig,
.checkout-contact,
.cart-item-image {
display: none;
}
.checkout-header {
padding: 20px 0;
}
.checkout-header svg {
height: 60px;
}
.checkout {
/* margin: 104px 0 0 0; */
}
.home-tab .product-grid--item:nth-child(3) .stock-status span {
display: none;
}
.home-banner {
width: 100%;
}
.home-main__banners {
max-width: 510px;
margin: 20px auto;
}
.listing-usp {
width: 100%;
border-bottom: 1px solid #262626;
border-right: none;
}
.brand-subcategory-listings--title, .brand-subcategory--title {
font-size: 30px;
}
.checkout-header .brand {
float: none;
margin: 0 auto;
text-align: center;
}
.listing-upsells .product-grid--item {
width: 50%;
}
.hybrid-spec-block .flex {
padding: 0 20px;
}
.cart-item {
padding: 0 10px 10px 10px;
}
.cart-main {
padding: 0 0 15px 0;
}
.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-event-blog .jumbotron-content {
padding: 25px 20px;
}
.account-main h1 {
font-size: 22px;
}
.footer-main {
padding: 0;
}
.youtube-cont {
min-width: 0px;
}
div.home-cat-list--item.cat-list--item .cat-list--item-inner {
padding: 22px;
}
.listing-price--cont {
flex-direction: column;
align-items: flex-start;
}
.listing-buy,
.button-finance {
display: block;
width: 100%;
float: none;
}
.listing-actions {
flex-direction: column;
}
.listing-actions > * {
margin: 0 12px 8px 0;
width: 100%;
}
.listing-overview--top-inner,
.form-options {
padding: 20px;
}
.form-options .dbl,
.form-options .dblr,
.form-options .dblc {
display: block;
text-align: center;
width: 100%;
}
.home-tab .product-grid--item:nth-child(1),
.home-tab .product-grid--item:nth-child(2) {
width: 50%;
}
.listing-related .segment-1-9 {
width: 33.33333333333%;
}
.listing-related .segment-1-9:nth-child(4) {
display: none;
}
.home-tab .product-grid--item:nth-child(3),
.home-tab .product-grid--item:nth-child(4),
.home-tab .product-grid--item,
.home-tab .product-grid--item:nth-child(5),
.home-tab .product-grid--item:nth-child(6),
.home-tab .product-grid--item:nth-child(7),
.home-tab .product-grid--item:nth-child(8),
.home-tab .product-grid--item:nth-child(9),
.home-tab .product-grid--item:nth-child(10) {
width: 33.333333333333%;
}
.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;
}
.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/peach/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/peach/mbl-icon-arrow-right.png) no-repeat center right;
}
.cat-list--item-inner:after {
height: auto;
top: 0;
background: rgba(0,0,0,0.4);
}
.cat-list--item-inner:hover:after {
transform: none;
}
.cart-item-content{
padding-left:0;
}
.payment-method__card .payment-method--title,
.payment-method__paypal .payment-method--title,
.payment-method__hitachi .payment-method--title {
text-indent:-600px;
background-position: center left;
}
.article-list--image {
height: 0;
padding: 0 0 69.22141119221411%;
}
.footer-right {
text-align: center;
}
.footer-newsletter {
margin: 0 0 20px 0;
}
.product-grid--item__large .product--title {
font-size: 14px;
}
#overlay-appointment .overlay--header {
margin-bottom: 0;
}
#overlay-appointment .overlay--header--image {
display: none;
}
#overlay-appointment .overlay--header--text {
width: 100%;
padding: 30px 30px 0px;
}
.overlay--basket-title {
font-size: 18px;
}
.overlay--basket-icon {
padding-right: 20px;
width: 95px;
}
#listing-overlay .overlay--header {
padding: 30px 20px;
}
#listing-overlay .overlay--content {
padding: 20px;
}
.vacancies--title {
font-size: 30px;
}
.cart-upsells > .cart-items > .cart-item {
padding-left: 0;
}
.cart-upsells .cart-item:last-child .cart-item-right .button-small {
bottom: 0;
}
.cart-upsells .cart-item-right .button-small {
bottom: 15px;
}
.app-store-cta--img {
min-width: 200px;
}
.app-store-cta--title {
font-size: 24px;
}
.brand-block--image {
height: 230px;
}
.plain-title {
font-size: 26px;
}
.ar--80-120 .image-content-block--image {
max-height: 550px;
}
.preorder-notify--container {
flex-direction: column;
}
.preorder-notify--container .listing-notify,
.preorder-notify--container .listing-notify .button {
width: 100%;
}
.preorder-notify--container .listing-notify {
margin-right: 0px;
margin-top: 10px;
}
}
/*
|--------------------------------------------------------------------------
| Min Width #571px
|--------------------------------------------------------------------------
*/
@media (min-width: 571px) {
.listing-thumbnails.slider-vertical {
position: relative;
width: 165px;
overflow: hidden;
margin: 0 0 0 10px;
}
.listing-thumbnails.slider-vertical .slick-slider {
position: absolute;
width: 100%;
height: 100%;
padding: 0;
}
.listing-thumbnails.slider-vertical .slick-slider .slick-list {
height: 100%!important;
}
.listing-thumbnails.slider-vertical .slick-slide {
margin: 0 0 10px 0;
}
.listing-thumbnails.slider-vertical .listing-thumbnail--link,
.listing-thumbnails.slider-vertical .listing-thumbnail.slick-slide img {
width: 165px !important;
height: auto;
display: flex;
align-items: center;
justify-content: center;
}
.listing-thumbnails.slider-vertical .slick-arrow {
left: unset;
height: 40px;
width: 50%;
bottom: 0;
top: unset;
border: 1px solid #FBB03B;
background-color: #121212!important;
}
.listing-thumbnails.slider-vertical .slick-arrow::after {
content: '';
position: absolute;
bottom: 100%; left: 0;
height: 10px; width: 102%;
margin-bottom: 1px;
background-color: #121212;
}
.listing-thumbnails.slider-vertical .slick-prev {
border-right: 0;
background: url('data:image/svg+xml,') no-repeat center;
}
.listing-thumbnails.slider-vertical .slick-next {
left: 50%;
background: url('data:image/svg+xml,') no-repeat center;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #570px
|--------------------------------------------------------------------------
*/
@media (max-width: 570px) {
.team-members {
margin: 0;
}
.member-group__title.has-img {
display: block;
}
.member-group > img {
display: none;
}
.listing-block {
width: 100% !important;
border-right: none;
border-top: 1px solid #2a2a2a;
}
.account-login--block .segment-50 {
width: 100%;
}
.listing-block:first-child {
border-top: none;
}
.footer-newsletter .input-grid .input {
width: 100%;
margin: 0 0 1px;
}
.footer-newsletter .input-grid .input input {
border: none;
}
.plek-custom-inputs {
flex-wrap: wrap;
}
.plek-custom-input {
width: 100%;
margin: 0 0 10px
}
.plek-custom-input:last-child {
margin: 0;
}
.account-login--buttons {
margin: 0;
}
.account-login--block .button-small {
width: 100%;
margin-top: 10px;
}
.account-login--block .button {
font-size: 14px;
width: 100%;
}
.account-login--block .button-password {
width: 70px;
font-size: 12px;
}
.listing--title {
font-size: 22px;
margin: 0;
}
.listing-swatch-lrg {
flex: 1 1 32%;
max-width: calc(33.333333% - 6px);
}
.mobile-hide,
.footer-social span {
display: none;
}
.instagram-block {
width: 100%;
float: none;
}
.instafeed {
overflow: auto;
float: none;
}
.instagram-block--inner {
padding: 90px 0;
}
.footer-newsletter .mobile-hide {
display: none;
}
.cms-cat-cont {
width: 100%;
}
.cms-cat h1 {
font-size: 30px;
line-height: 30px;
}
.mobile-show {
display: block;
}
.block-content--inner {
padding: 25px 20px;
}
.member-details .dblc {
display: block;
}
.member-details .dblc:first-child {
width: 100%;
}
.footer-newsletter-submit {
float: none;
}
.member-image {
float: none;
margin: 0 auto;
}
.member-content {
padding: 0;
}
.listing-spec {
float: none;
width: 100%;
padding: 0 0 30px;
}
.footer-newsletter-submit .button {
display: block;
width: 100%;
}
.listing-buttons {
float: none;
text-align: center;
}
.listing-buttons .button {
float: none!important;
min-width: 240px;
margin: 0 auto 6px;
}
.offer-overlay--title,
.offer-overlay--sub {
margin-bottom: 15px;
}
.offer-overlay--title {
font-size: 30px;
line-height: 32px;
}
.home-tab .product-grid--item:nth-child(1),
.home-tab .product-grid--item:nth-child(2) {
width: 50%;
}
.footer-social {
height: 90px;
padding: 26px 5px;
}
.footer-social svg {
height: 38px;
margin: 0;
}
.payment-method--content {
padding: 30px;
}
[data-divido-choose-finance],
[data-divido-choose-deposit],
.hitachi-plan,
.hitachi-deposit,
[data-divido-choose-finance] label,
[data-divido-choose-finance] select,
[data-divido-choose-deposit] label,
.hitachi-plan label,
.hitachi-plan select,
.hitachi-deposit label,
.divido-range-slider,
.hitachi-range-slider {
display: block;
}
[data-divido-choose-finance] label,
[data-divido-choose-deposit] label,
.hitachi-plan label,
.hitachi-deposit label {
text-align: left;
width: 100%;
padding: 0;
margin-bottom: 5px;
}
[data-divido-choose-finance] select,
.hitachi-plan select {
margin-bottom: 20px;
}
.divido-row--label,
.hitachi-row--label {
width: 55%;
}
.divido-row--value,
.hitachi-row--value {
width: 45%;
}
.payment-method--divido,
.payment-method--hitachi {
padding: 0 2px 2px;
}
.account-table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
.overlay--basket-icon {
padding-right: 20px;
width: 75px;
}
.overlay--header-action {
padding: 10px 20px;
}
.overlay--header-action > .button {
font-size: 13px;
}
.overlay--title {
font-size: 18px;
}
.listing-images-split {
flex-direction: column;
}
.listing-thumbnails.slider-vertical {
width: 100%;
}
.listing-thumbnails.slider-vertical .listing-thumbnail--link, .listing-thumbnails.slider-vertical .listing-thumbnail.slick-slide img {
width: auto !important;
}
.archive-products--results .product-grid--item {
width: 50%;
}
.category-series-heading__image {
display: none;
}
.series-sub-heading > .category-content .category-title {
font-size: 24px;
}
.brand-letter {
width: 12.5%;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #500px
|--------------------------------------------------------------------------
*/
@media (max-width: 500px) {
#the-peach-story h2, .members h2 {
font-size: 26px;
}
.usp-blocks > div {
width: 100%;
min-width: 100%;
}
.cms-navtrail {
display: none;
}
.slick-slide img.home-slide--img__mobile {
display: block;
}
.order-panel,
.sort-by-container,
.request-form--input,
.sort-by,
.banner {
width: 100%;
}
.brand-listing--image,
.brand-subcat-image {
max-width: 100%;
}
.home-youtube-grid-item {
width: 100%;
}
.home-youtube-grid-item:nth-child(4) {
display: none;
}
.category-list--item-title {
position: relative;
display: block;
width: 100%;
padding: 10px 20px;
height: unset !important;
background: none;
}
.listing-related--title {
font-size: 24px;
}
.listing-2-tab-button {
font-size: 14px;
}
#overlay-plek-terms .overlay--header {
flex-direction: column;
}
#overlay-plek-terms .overlay--header--text {
margin: 0 0 20px;
}
.highend-specs__title {
font-size: 16px;
}
.listing-related .segment-1-9 {
width: 100%;
max-width: 280px;
margin: 0 auto;
float: none;
}
.account-main-filter {
float: none;
clear: left;
width: 100%;
margin: 0 0 20px;
}
.cart-item-content .dbl,
.cart-item-content .dblc {
display: block;
width: 100%;
}
.rooms-grid--item,
.rooms-grid--item:first-child {
width: 50%;
}
.contact-form {
padding: 10px;
}
.contact-form--action {
text-align: center;
}
.contact-form--action span {
display: block;
text-align: center;
padding: 0 0 10px;
}
.contact-form--action .button {
float: none;
margin: 0 auto;
}
.rooms-grid--item:first-child {
font-size: 16px;
}
.listing-related .segment-1-9:nth-child(4) {
display: none;
}
.sort-by-container,
.cart-item-content {
padding: 0;
}
.cart-item-content .dbl .input {
max-width: 200px;
}
.jumbotron-large .jumbotron-image,
.jumbotron-large--right .jumbotron-image {
height: 300px;
}
.news-item {
width: 100%;
}
.news-item:nth-child(3) {
display: block;
}
.listing-deadline-doughnuts,
.listing-deadline--details {
float: none;
}
.delivery-table--addl-info {
display:none;
}
.mobile-menu {
width: 80%;
left: -80%;
}
.product-grid--item {
width: 50%;
}
.ajax-product-grid .product-grid--item:nth-child(3n + 1) {
clear: none !important;
}
.ajax-product-grid .product-grid--item:nth-child(2n + 1) {
clear: both !important;
}
.cart-item {
padding: 10px 10px 10px 10px;
}
.cat-list--item-featured .cat-list--item-title {
font-size: 24px;
}
.cat-list--item-title {
font-size: 18px;
}
.listing-deadline--date,
.listing-deadline--title {
font-size: 11px;
}
.listing-deadline--details {
flex-direction: column;
align-items: flex-start;
}
.cart-side .listing-deadline--details {
flex-direction: row;
justify-content: center;
}
@-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;
}
.button-arrow span {
padding: 0 24px 0 0;
}
.blog-category{
padding:0;
}
.blog-category-view-button{
padding: 26px 0;
}
.cart-item-content .cart-item--stock {
padding: 0;
}
.cart-item-right {
position: static;
float: none;
text-align: left;
clear: both;
padding: 10px 10px 10px 0;
}
.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;
}
.cart-item--surcharge .input {
margin: 0;
}
#overlay-appointment .overlay--inner {
padding: 10px;
}
#overlay-appointment .overlay--header--text {
padding: 15px 15px 0;
}
#overlay-appointment .input-grid {
padding: 20px 0 20px 15px;
}
#overlay-appointment .appointment-form-heading {
padding-top: 5px;
}
.overlay--header-action {
flex-wrap: wrap;
}
.overlay--header-action > .button {
width: 100%;
margin-bottom: 10px;
}
.overlay--header-action > .button:last-child {
margin-bottom: 0;
}
.overlay--header .listing-image {
max-width: 200px;
}
.jumbotron-app .jumbotron-text {
font-size: 20px;
font-weight: 400;
}
.app-store-cta {
padding: 15px 30px 25px;
}
.app-store-cta--title {
font-size: 20px;
margin-bottom: 20px;
}
.app-store-cta--img {
min-width: 160px;
}
.app-store-cta--links > a:not(:last-child) {
margin-bottom: 10px;
}
.category-list--grid {
padding: 0;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #479px
|--------------------------------------------------------------------------
*/
@media (max-width: 479px) {
.tm-name {
font-size: 16px;
margin-bottom: 6px;
}
.tm-role {
font-size: 14px;
font-weight: 400;
}
.tm-content {
padding: 10px 15px 15px;
}
.order-price, .home-brand:nth-child(4), .checkout-contact,
.button-more-about-us {
display: none;
}
.featured-listing-title {
display: block;
}
.home-featured-title {
font-size: 22px;
}
.home-featured-title img {
height: 16px;
}
.jumbotron-about-us-video {
margin: 20px -20px;
}
.listing-extra,
.new-products .segment-40,
.new-products .segment-60,
.page-list--item {
width: 100%;
}
.home-tab .product-grid--item .stock-status span {
display: none;
}
.brand-category-slider .slick-arrow,
.brand-subcategory-slider .slick-arrow {
height: 50%;
}
.brand-category-slider .slick-next,
.brand-subcategory-slider .slick-next {
height: 50%;
bottom: 50%;
}
.listing-deadline--right > span {
margin: 0 6px 4px;
}
.listing-deadline--right {
flex-direction: column;
align-items: center;
justify-content: center;
}
.brands-list--item,
.image-block {
width: 50%;
}
.youtube-block__right-inner .button {
width: 100%;
display: block;
}
.blog-listings .product-grid--item {
width: 50%!important;
}
.youtube-grid-item {
width: 100%;
}
.mbl-home-tab--current-label {
font-size: 16px;
}
#page_numbers a {
padding: 8px 8px;
}
.store-bottom .hide-mobile {
display: none;
}
.store-bottom .show-mobile {
display: block;
width: 100%;
margin: 0 0 10px;
}
.about-map--input-cont .input {
margin: 0;
}
.new-products {
padding: 60px 0 35px 0;
}
.continue-button {
display: block;
width: 100%;
margin: 0 0 10px;
}
.update-button {
display: block;
width: 100%;
}
.cart-segment--inner {
padding: 17px;
}
.listing-swatch {
width: 16.66666666666667%;
}
.home-tab .product-grid--item:nth-child(3),
.home-tab .product-grid--item:nth-child(4),
.home-tab .product-grid--item,
.home-tab .product-grid--item:nth-child(5),
.home-tab .product-grid--item:nth-child(6),
.home-tab .product-grid--item:nth-child(7),
.home-tab .product-grid--item:nth-child(8),
.home-tab .product-grid--item:nth-child(9),
.home-tab .product-grid--item:nth-child(10) {
width: 50%;
}
.footer-payment img{
width:100%;
height:auto;
}
.mobile-cart--btn-cont a{
font-size: 30px;
padding: 10px 0 0 30px;
background-position-y: 10px;
}
.cart-items--action .button{
width:100%;
text-align:center;
}
.return-to-basket, #checkout-continue {
width:100%;
}
.checkout-action{
padding-top:4px;
margin-bottom:4px;
}
.checkout-segment{
padding-bottom:15px;
}
#cart-login{
width:80px;
margin-bottom:0;
}
.mobile-action{
padding:10px 20px;
}
.mobile-nav a{
font-size:20px;
}
.mobile-nav li{
padding:6px 0;
}
.mobile-store{
padding-top:10px;
}
.mobile-nav .mobile-store--link{
margin-bottom:0;
}
.mobile-social-title {
font-size:20px;
padding-bottom:10px;
}
.mobile-social {
padding: 10px 10px 1px 10px;
}
.mobile-store--cont > a {
background: url(/images/style/peach/icon-mobile-dropdown-down.png) no-repeat right 6px;
}
.mobile-store--cont.open > a {
background: url(/images/style/peach/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/peach/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-paypal-paylater-loggedin,
#braintree-card-stored,
#ppchkout-paypal-loggedin,
#ppchkout-paypal-paylater-loggedin {
padding: 16px 10px;
}
.overlay--header .listing-image {
margin: 0 auto 10px;
}
#listing-overlay .overlay--header {
flex-wrap: wrap;
}
.overlay--header--text {
width: 100%;
}
.listing-free-details--upper {
align-items: center;
}
.listing-free {
flex-direction: column;
text-align: center;
}
.listing-free-image {
width: 50%;
margin: 10px auto;
}
.dd-large .dd-title {
font-size: 24px;
}
.dd-large .dd-title {
padding: 20px;
}
.dd-large .dd-text {
padding: 0 20px 20px;
}
.dd-large .dd-text p {
font-size: 14px;
}
.dd-large .dd-title:after {
top: 29px;
}
.dd-large .dd-title:before {
top: 35px;
}
.plain-title {
font-size: 24px;
}
.category-content {
padding: 20px 5px;
}
.image-content-blocks {
padding: 0 5px;
}
.archive-search--container {
flex-direction: column;
}
.archive-filters {
margin: 12px 0 0;
}
.archive-filters .filter ul {
left: 50%;
right: unset;
transform: translateX(-50%);
width: 100vw;
}
}
@media (max-width: 430px) {
.plek-banner--title span {
display: block;
margin: 0 0 3px;
}
.is-guide--listing > div:first-child {
order: 0;
}
.is_guide--buttons {
margin-top: 10px;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #400px
|--------------------------------------------------------------------------
*/
@media (max-width: 400px) {
.listing-price--cont {
margin-right: -95px;
}
.brand a{
height:50px;
}
.mobile-cart--btn-cont{
line-height:70px;
}
.mobile-search--input {
line-height: 36px;
}
.mobile-nav li{
padding:0;
}
.listing-swatch-lrg {
flex: 1 1 50%;
max-width: calc(50% - 6px);
}
.listing-swatch-details--info > span {
width: 100%;
display: block;
margin: 4px 0 0 ;
}
.home-blog--title {
float: none;
}
.home-blog--title ~ .button {
float: none;
display: block;
max-width: 200px;
clear: left;
margin: 10px 0 0 ;
}
.plek-book-banner {
max-width: 200px;
}
.mobile-nav li a{
padding:3px 0;
}
.mobile-nav a {
font-size: 18px;
}
.mobile-social-title{
padding-bottom:8px;
}
.mobile-social{
padding:8px 10px 0 10px;
}
.payment-method--content {
padding: 20px;
}
.payment-method--divido,
.payment-method--hitachi {
padding: 0 2px 2px;
}
.payment-method--hitachi .modal-segment {
padding: 20px;
}
.listing-2-tab {
padding: 20px;
}
.listing-2-tab-button {
padding: 14px 16px
}
#show-appointment-overlay--image-listing {
display: none;
}
#show-appointment-overlay--text-container-listing {
width: 100%;
}
.app-store-cta--img {
min-width: 130px;
}
}
/*
|--------------------------------------------------------------------------
| Max Width #375px
|--------------------------------------------------------------------------
*/
@media (max-width: 375px) {
.hitachi-row--label,
.hitachi-row--value,
#hitachi-overlay .hitachi-row--label,
#hitachi-overlay .hitachi-row--value {
text-align: center;
display: block;
width: 100%;
}
.payment-method__card .payment-method--title {
background-size: 200px;
}
.hitachi-row--label,
#hitachi-overlay .hitachi-row--label {
padding-bottom: 0;
}
.hitachi-row--value,
#hitachi-overlay .hitachi-row--value {
padding-top: 0;
}
.member-group__container > div {
width: 100%;
}
.team-member {
width: 100%;
}
.tm-image img {
width: 100%;
}
.tm-name {
font-size: 18px;
}
.tm-role {
font-size: 16px;
}
}