/* RESPONSIVE CSS ONLY */

@media only screen and (max-width: 1800px) {
  .grid-left article:first-of-type {padding-right: 100px;}
  .padding-200 {padding: 150px 0;}

  .store_map iframe { width: 900px; height: 450px;}

  .grid-banner article h2 {font-size: 50px; margin-bottom: 25px;}
  .grid-banner article h3, .content h3, footer h3 { font-size: 35px; line-height: 45px; margin-bottom: 25px;}
  h3.center {font-size: 40px;}

  .grid-banner article p, .content p {font-size: 20px; margin-bottom: 15px;}
  .hb-bg.grid-banner.small-text article p {font-size: 18px; line-height: 25px;}

  .grid-banner article h6, .content h6, footer .details h6 {font-size: 16px; margin-bottom: 20px;}

  footer .details p {font-size: 16px;}

}

.desktop-menu {display:block}
.mobile-menu {display:none}

@media only screen and (max-width: 1580px) {
    .cat-block-text h2 {font-size: 54px; line-height: 58px;}
    .dm-grid .dm-item figure {height:320px;}
    .dm-grid {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}

    .content-block article h2 {font-size: 44px; line-height: 48px;}
    .content-block article h5 {font-size: 32px; line-height: 40px;}


.dm-grid .dm-item img {max-height: 160px !important;}

.dm-container-content {max-width: 1280px;}

.dm-banner.consultation article h1 {font-size: 18px;}
.dm-banner.consultation article h2 {max-width: 750px; font-size: 75px; line-height: 1;}

header .button {font-size: 14px;}

.grid-left article:first-of-type { padding-right: 50px; }
.grid-left article:last-of-type { padding-right: 0;}
.grid-left article h3 {font-size: 60px; line-height: 65px;}

.grid-left {grid-template-columns: 1.3fr 1fr;}

.grid-banner article h1, .grid-banner article h6, .content h6, footer .details h6 { font-size: 14px; margin-bottom: 15px;}
.grid-banner article h2 { font-size: 40px; margin-bottom: 20px;  line-height: 45px;}
.grid-banner article h3, .content h3, footer h3 { font-size: 30px; line-height: 40px; margin-bottom: 20px; }

.grid-banner article p, .content p { font-size: 16px; margin-bottom: 10px; }

.hb-bg.grid-banner article .button-link, .hb-grid .swiper figure span {font-size: 14px;}

.hb-bg.grid-banner.small-text article p {font-size: 14px; line-height: 22px;}

.grid-banner article {width: 80%;}
footer .wrapper.grid {grid-template-columns: 1.5fr 1fr;}

.vertical-middle {padding: 20px;}

}

@media only screen and (max-width: 1300px) {

.margin-banner {margin-left: 100px;}

.dm-category-block .content-block article h1 {line-height:1.2}

.large {
    grid-column: auto / span 2 !important;

}

.dm-grid .dm-item.large img {max-height:350px;object-fit: contain; width: 100%; box-sizing: border-box; padding: 0 15px}


.cat-block-text h2 {font-size: 44px; line-height: 48px;}
.large { grid-area: auto; }
.large img {max-height:auto; width: 90%; margin:0 auto}
.content-block article {max-width: 85%;}
h3 {font-size:18px;}

.product-images.dm-grid {
    grid-template-columns: 100%;
}


.dm-container-content {
    max-width: 95%;
}

p {font-size: 14px; line-height: 21px;}
.dm-category-block .content-block article h1 {
    margin: 0 0 15px 0; font-size: 24px;
}



.dm-grid {
    grid-gap: 20px;
    margin: 20px 0;
}

.padding-50 {
    padding: 1vw 0;
}

:root {
    --mega-nav-height: 98px;
  }

.accordionjs .acc_section {font-size: 14px;}
.accord-title {padding: 7px 0}

.dm-product-block .dm-grid {grid-template-columns: 50% 50%;}

.cat-block-item h3 {font-size:24px;}
.fixed-height-hero {height: 500px;}
.dm-grid.featured .dm-item figure {height: 300px;}
.pStockMessage {line-height: 13px;}

header.dm-container {padding: 15px;}

.dm-logo {width: 80px;}
.dm-navigation {width: 88%;}
.shop-links {top: 12px; bottom:auto}
.lang {display:none}
.mega-nav--desktop .mega-nav__items {width:100% !important}
.dm-main-nav li a {font-size: 16px;}
.dm-main-nav .mega-nav__control {padding: 12px 0; margin-right: 15px;}

.dm-main-nav p {font-size: 13px;line-height: 18px;}
.shop-filter, .shop-filter-open li a {font-size: 14px;}
.shop-filter-open ul {column-count: 2;}

.dm-grid .dm-item.category-item {grid-column: auto / span 1;}
.dm-grid .dm-item.category-item figure { height: 200px;}

.content-block article h1 {font-size: 30px; line-height: 40px;}
.content-block article p {
    margin: 15px 0;
}

.dm-footer-grid { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); grid-gap: 20px;}
.dm-footer-grid p, .dm-newsletter-signup label {font-size: 13px;}
.dm-footer-nav li {font-size: 12px; line-height: 16px;}
.dm-footer-nav {
    padding: 20px 0;
}

.dm-footer-top {display:none}

h2 {font-size: 50px; line-height: 55px;}
.sale-button.text-left {font-size: 30px}

.show-search {top:98px;}

#product-suggestions-rows {grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); padding: 0 20px;}
#product-suggestions-rows .product-li a .col-3 {height: 150px;}
#product-suggestions-rows h3 {line-height: 1.4; font-size: 13px;}
#product-suggestions-rows .product-li {margin-bottom: 20px;}

.section__cart h1 {font-size: 32px; padding: 20px 0}
.cart__item article {width: 70%}

.cart__right {width: 35%;}
.cart__left {width: 60%}
.cart__checkout {padding: 20px 25px}

.checkout-left {width: 65%;}
.sized-container {max-width: 600px;}
.section--checkout .slide h2 {margin:10px 0; line-height: 24px;}
.checkout-right, .ch-order-review {margin-top: 45px;}

.hero-image-text h4, .hero-text h4 {max-width: 80%; font-size: 24px;
    line-height: 35px;}

.content-grid h3 {padding: 15px 0;font-size: 16px; line-height: 1.5;}
.two-images-text article h1 {font-size: 20px; line-height: 21px;}
.two-images-text article h2 {
    font-size: 20px;
    line-height: 26px;
    margin-top: 10px;
}

blockquote { font-size: 30px; line-height: 40px; padding: 30px 0}

.homewares .swiper-slide figure {height: 40vh;}

.grid-left {margin: 0; grid-gap: 0px;}
.padding-200 {padding: 100px 0;}
.grid-left article h3, .form-text h3 { font-size: 50px; line-height: 55px; }
.grid-left article p {max-width: 400px; font-size: 16px;}
.grid-left article:first-of-type p {max-width: 550px;}


.store_map iframe { width: 850px; height: 450px;}

.grid-banner article h3, .content h3, footer h3 { font-size: 25px; line-height: 35px;}

footer .wrapper.grid {margin: 50px auto;}

.dm-footer-btm p, .dm-footer-btm a {font-size: 13px;}

}


@media only screen and (max-width: 1100px) {

.dm-grid .dm-item figure {
    height: 350px;
}

#faqs_outdoor {
    max-width: 90%;


    column-count: 1;

}


.NewsSummaryField {opacity: 0;}
.NewsSummaryField:first-child {opacity:1;}

.dm-banner.consultation article h1 {font-size: 16px; margin-bottom: 10px;}
.dm-banner.consultation article h2 {max-width: 550px; font-size: 55px;}

.grid-left { grid-template-columns: 1fr 1fr;}

.grid-left article h4 {font-size: 16px; margin-bottom: 10px;}
.grid-left article h3, .form-text h3 { font-size: 40px; line-height: 45px; }
.grid-left article:first-of-type p { max-width: 400px; }

.form-text {max-width: 700px;}

.swatches {grid-template-columns: repeat(8,1fr);}

.tooltip {padding: 25px 25px 25px 20px;}

.dm-logo a {width: 75px;}

.grid-banner article h1, .grid-banner article h6, .content h6, footer .details h6 {font-size: 12px;}
.grid-banner article h2 {font-size: 30px; line-height: 35px; margin-bottom: 15px;}
.grid-banner article h3, .content h3, footer h3 { font-size: 20px; line-height: 30px; margin-bottom: 15px; }
.grid-banner article p, .content p {font-size: 14px;}

.hb-bg.grid-banner article .button-link {padding-bottom: 5px;}

h3.center {font-size: 30px;}

.grid-banner.small-text article {padding: 50px 0;}
.grid-banner.small-text figure {height: 100%;}
.grid-banner.small-text figure img {width: 100%; height: 100%; object-fit: cover;}

footer .details {grid-gap: 30px;}
footer .details p {font-size: 12px;}

.dm-footer-btm p, .dm-footer-btm a {font-size: 11px;}

}

@media only screen and (max-width: 900px) {
:root {
    --mega-nav-height: 80px !important;
}

.dm-logo img {height:60px!important;}
header .button {font-size: 12px;}

}

@media only screen and (max-width: 900px) {
  .hero-content article {top:20%;}

  .store_map iframe { width: 500px; height: 450px; }
  .one-column.new {padding:0;}

  #store_details {padding-bottom: 0px!important;}

  #store_details .one-column li {font-size: 14px;}
  #store_details article {margin: 0 0 30px 0;}
  .two-images-text article p {width:100%;}
  .dm-container-content {padding:0 20px;}


.dm-grid .dm-item.Meluka img, .dm-grid .dm-item.Until img, .dm-grid .dm-item.Baya img, .dm-grid .dm-item.NedCollection img, .dm-grid .dm-item.ArcAtelier img, .dm-grid .dm-item.Furtex img, .dm-grid .dm-item.Warranbrooke img, .dm-grid .dm-item.Citta img, .dm-grid .dm-item.Jellycat img, .dm-grid .dm-item.Sunnylife img, .dm-grid .dm-item.DanskeMobler img
{
    max-height: none !important;}


.stockists-list.dm-grid {display:block}

.dm-grid .dm-item img {max-height: 80px !important; }

input, select, textarea {
    font-size: 16px;
}

.checkout-right {position: fixed;
    bottom: 0px;
    z-index: 999999;
    width: 100% !important; left:0;}

.checkout-right .cart__checkout {border:none; background:#626365; color:#fff}
.checkout-right .cart__checkout p {color:#fff}

.checkout-right h2 {line-height: 16px; border-color:#fff}
.checkout-right .note, .checkout-right .terms {display:none}

.dm-container-sml {margin: 15px;}

.desktop-menu {display:none}
.mobile-menu {display:block}

.dm-logo {width: 60px;}
.dm-banner .desktop {display:none}
.dm-banner .mobile {display:block}
.dm-banner .banner-overlay {display:none}
.dm-top-nav, .shop-links {display:none}

.dm-navigation { width: 75%; align-items: center; align-content: center; display: flex;}

p {font-size: 14px !important; line-height: 20px  !important;}

.dm-banner {height: auto}

.dm-grid.shop-filter {grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));}
.filter-action a {font-size: 14px;}
.filter-action a img { width: 9px;}

.dm-grid .dm-item.category-item figure {height: 120px;}
.dm-grid .dm-item.category-item .dm-price {font-size: 10px;}

.shop-filter-open ul { column-count: 1;}

.hero-newsletter article h2 {font-size: 25px; line-height: 34px; margin-bottom: 40px;}
.hero-newsletter {padding: 40px 0;}
.hero-newsletter form input {font-size:16px;}

.dm-footer-top {font-size: 11px;}
.dm-footer-top > div {text-align: center;}
.dm-footer-grid > .text-right {grid-column: auto / span 2;}

.dm-footer-btm {grid-gap: 10px;}
.dm-footer-btm > div {grid-column: auto / span 2; text-align: center;}

.dm-footer-grid.dm-footer-nav { grid-template-columns: 100%;}
.dm-footer-grid > .dm-footer-grid {margin:0; display:none}
.dm-footer-nav li {font-size: 14px; margin: 10px 0}
.dm-footer-btm {border-top:none}

.dm-grid.content-block {grid-template-columns: 100%;}
.content-block article {width: auto; padding: 40px}
.content-block article p:last-child {margin-bottom: 0;}
.cat-block-text, .cat-block-slider {width: 100%;}
.cat-block-text h2 {font-size: 34px; line-height: 38px; }
.cat-block-text article {padding: 20px 0; max-width: 95%}
.hero-content article h3 {font-size: 12px;}
.hero-content h2 {font-size: 30px; line-height: 35px; max-width: 90%; margin: 0 auto;}
.cat-block-item article {padding: 30px 10px 30px 0;}
.fixed-height-hero img {opacity:0.8}
.cat-block-item h3 {font-size:24px}

.content-block h3 {font-size: 13px; line-height: 16px; margin: 10px 0}

.hero-content .summary {width:75%}

.content-block article h2 {
    font-size: 30px;
    line-height: 35px;
}

.cat-block-overlay-text {top:35%}
.cat-block-overlay-text h4 {font-size: 24px; line-height: 30px; max-width: 80%;}
.dm-grid .dm-item .dm-price {font-size: 12px !important;}

.large { grid-column: auto !important;}

.dm-grid {grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-gap: 10px;}
.dm-grid .dm-item figure {height:150px; padding: 7px 0}
.dm-grid .dm-item article {padding-top:5px;}

.sale-tag { top: 5px; left: 5px; padding: 6px; width: auto;  font-size: 11px; line-height: 11px;}
.dm-option {bottom:10px; left:10px; right:auto; font-size: 10px;}

.dm-grid .dm-item article p.made-nz {position:relative; top:0; line-height: 11px; font-size: 7px !important; padding: 5px 7px !important;}
.quick-buy-btn {opacity:0}
.dm-grid .dm-item article p {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 6px;
}


.pStockMessage {
    line-height: 13px;
    font-size: 7px !important;
    margin-top: 0; line-height: 10px !important
}

.dm-product-block {width:100%}
.product-images.dm-grid {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 10px;}


.product-images.dm-grid .large {
    grid-column: auto / span 2;
    max-width: 100% !important;
}


.dm-product-block .content-block article  {padding: 30px 0}
.content-block article { font-size: 14px; line-height:1.5}
.content-block article p {margin: 15px 0; font-size: 15px; line-height:1.5}
.accord-text {padding-top:10px}

.dm-grid.two-images-text {display:block}
.two-images-text article {padding: 20px;}
.form input[type="text"], .form input[type="password"], .coupon-field input {padding:0; text-indent: 15px;}
.form-input label { padding-bottom: 5px; font-size: 13px;}
.form-input input, .form-input select {height:40px}
.button-group {font-size: 13px;}
.fieldMessage {font-size:11px; padding: 5px 0;}

.show-search {top: 0; display:block !important; position:relative}
.product-suggestions .view-all {display:none !important; width: 100%}
.show-search input[type="text"] {border-bottom:1px solid #eee; padding: 15px; font-size: 14px;}
#product-suggestions-rows .product-li a .col-3 img {padding:15px;}
#product-suggestions-rows .description {display:none}
#product-suggestions-rows .product-li {margin: 10px 0}
#product-suggestions-rows {grid-gap:10px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));}

.dm-grid.featured .dm-item figure {height: 170px;}

.mega-nav__sub-nav figure {display:none}
.mega-nav__sub-nav .half-columns p {display:none}
.mega-nav--mobile h2 { font-size: 16px; margin-bottom: 0;}
.category-menu { margin-top: 0px;}
.mega-nav--mobile .half-columns article { padding: 0 0 25px 0;}

.category-menu ul { display: block; grid-template-columns: 100%;}
.dm-main-nav li a {border-bottom:none}
.category-menu li a {font-family: 'graphik-regular';}

.dm-main-nav li.mega-nav_item {border-bottom: 1px solid #ccc}

/** CART **/

.section__cart .dm-container-content {margin:15px auto; max-width: 90%}
.cart__item article {width: 67%;}
.ch-order-review .cart__item article {width: 64%;}
.section__cart h1 {font-size: 24px; padding:0 0 15px 0; text-align:center}

.cart__right, .cart__left {width: 100%}
.cart__item figure, .cart__item figure img {width: 50px !important; height: auto}
.cart__item article {grid-template-columns: 100%;}
.cart__item-price {border-top: 1px solid #eee; padding-top: 10px; position:relative}
.cart__left .remove {position:absolute; left:0; top:10px; margin-top:0}

.cart__checkout { padding: 15px;}
.cart__blocks {margin-bottom: 15px;}

.checkout-right {width: 100%}
.full-width-container {width: 100%; min-width: 370px;}
.sized-container { max-width: 350px; margin-left: 10px;}
.checkout-left { width: 100%;}
.section--checkout.dm-container-content { max-width: 95%; margin: 10px auto;}

#change_button .button-link {font-size: 12px;}
.button__checkout-block { padding-top: 0;}
.button__checkout-block .sized-container {margin-left:0}
.checkout-right, .ch-order-review { margin-top: 15px;}
.slide {padding-bottom:0}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {font-size: 13px;}
.form-radio-block i {display:none}
.box-wrapper {padding: 15px}

.button-container button {
    margin-right: 0;
    width: 100% !important;
    margin-top: 15px;
}

.hero-image-text h4, .hero-text h4 {
    max-width: 90%;
    font-size: 18px;
    line-height: 26px;
    margin: 0 auto;
}

.blog-landing figure {
    height: 120px;}

.content-grid h3 {
    padding: 10px 0;
    font-size: 14px;
    line-height: 1.2;
}

.content-block article h1 {margin: 20px 0}

.blog-detail__content h2 {line-height: 30px; margin:0}

.blog-detail__content h2 strong {

    font-size: 28px; margin:  10px 0; line-height: 30px;

}

.dm-item:hover .quick-buy-btn {
    opacity: 0 !important;
}


.instagram-feed h4, .instagram-feed a {font-size: 12px; margin-bottom:10px}
.instagram-feed {
    margin: 10px auto 10px;
    border-top: 1px solid #222;
    padding-top: 10px;
    max-width: 98%;
}

.homewares .swiper-slide {width: 45%!important;}
.homewares h2 {margin-bottom: 25px;}

#recently-viewed-section.swiper-overflow {margin: 0 15px; width: auto;}
#recently-viewed-section h2 {padding-left: 0px;}
#recently-viewed-section.swiper-overflow #recently-viewed-items {padding-left: 0px; width: 100%;grid-template-columns: 1fr;}

.grid-left { grid-template-columns: 100%; grid-gap: 0px;}

.padding-200 { padding: 15px 15px 0px!important;}
.dm-banner.consultation article h1 {font-size: 14px;}
.dm-banner.consultation article h2 { max-width: none; font-size: 35px;}

.grid-left article h3, .form-text h3 { font-size: 25px; line-height: 30px; }
.grid-left article h4 { font-size: 14px; margin-bottom: 0px; }

/* .dark-bg .padding-200 h3 {margin-bottom: 0px;} */
.dark-bg .padding-200:last-child {padding-top:0px!important;}
.form-text h3 {margin-bottom: 15px;}
.form-text h4 {font-size: 14px; line-height: 20px;}
.form-text + .one-column {margin-bottom: 15px;}

.dm-main-nav {display: none;}

.grid-banner, .hb-grid {grid-template-columns: 1fr;}
.hb-grid {grid-gap: 30px;}

.grid-banner article {width: 85%; padding: 50px 0;}

.hb-grid .swiper-pagination {display: block;}

footer .wrapper.grid { grid-template-columns: 1fr; max-width: 90%; grid-gap: 20px;}
footer .details, .dm-footer-btm {grid-template-columns: 1fr;}
}

@media only screen and (max-width: 500px) {
.homewares .swiper-slide {width: 85%!important;}

  .store_map iframe { width: 400px; height: 450px; }
}


@media only screen and (max-width: 400px) {
.homewares .swiper-slide {width: 85%!important;}

  .store_map iframe { width: 300px; height: 450px; }
}