/* RESPONSIVE CSS ONLY */

@media only screen and (max-width: 1580px) {
    .cat-block-text h2 {font-size: 54px; line-height: 58px;}
    .dm-grid .dm-item figure {height:400px;}
    .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-container-content {max-width: 1280px;}

}

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

  .section--checkout > .wrapper {max-width: 1200px;}
  .checkout-left {max-width: 700px;}

}

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

.wrapper-sml {max-width: 1100px;}
.cart__item article {grid-template-columns: 3fr 1fr 1fr 1fr;}

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

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

.dashboard .grid-steps {max-width: 1100px;}
.dashboard .dashboard-content h3 {font-size: 35px;}
.dashboard .dashboard-content article {padding: 25px 30px; align-items: center;}
.dashboard .dashboard-content > article > label {font-size: 18px;}
.dashboard .dashboard-content article p {font-size: 20px;}

}

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

  .section--checkout > .wrapper {max-width: 85%; grid-gap: 50px;}
  .checkout-left, .checkout-right {max-width: none; width: 100%;}
  .checkout-right {position: relative; top: auto;}

}

@media only screen and (max-width: 1100px) {
  .wrapper-sml {max-width: 90%;}
  .section__cart h1, .section--checkout h1 {padding: 0 0 45px;}
  .cart__item {padding: 15px; box-sizing: border-box;}
  .cart__item article {display: flex; flex-wrap: wrap; grid-gap: 10px;}
  .cart__item article > div:first-child {width: 90%;}
  .cart__item article > div {width: 50%;}
  .cart__item article > div:last-child {width: auto; position: absolute; top: 20px; right: 20px;}
  .cart__subtotal {width: 100%;}
  .cart__subtotal p {font-size: 25px;}

  .section--checkout > .wrapper {grid-gap: 30px; width: 90%;}
  .slide {padding: 25px;}
  .section--checkout h2 {font-size: 20px;}
  .grid-right {grid-template-columns: 100%; grid-gap: 25px;}
  #loginPasswordContainer {order: 2; margin-top: 0px;}
  .button__checkout-block {text-align: left;}

  .dashboard .grid-steps {grid-template-columns: 100%; max-width: 90%;}

  .details-pop {max-width: 750px;}

}

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

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

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

.dm-banner {height: 400px}

.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; }
.dm-footer-nav li {font-size: 14px; margin: 10px 0}

.dm-grid.content-block {grid-template-columns: 100%;}
.content-block article {width: 100%; 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 40px 0px}
.cat-block-item article {padding: 30px 10px 30px 0;}
.cat-block-item h3 {font-size:24px}

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

.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: 13px;}
.dm-grid {grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 20px;}
.dm-grid .dm-item figure {height:180px}

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


.dm-product-block {width:100%}
.product-images.dm-grid {grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-gap: 10px;}
.dm-product-block .content-block article  {padding: 30px 0}
.content-block article p {margin: 15px 0;}
.accord-text {padding-top:10px}

#form_register {width: 95%;}

.two-images-text article {padding: 20px 0 0 0;}
.two-images-text article h1, .two-images-text article h2 {font-size: 24px;}
.two-images-text article p {font-size: 16px; line-height: 20px;}

.shop-grid {display: block;}

.section__cart h1, .section--checkout h1 {font-size: 5vw;}

.dashboard {padding: 50px 0px;}
.dashboard .grid-steps {margin: 0 auto 25px;}
.dashboard .dashboard-content h3 {font-size: 25px;}
.dashboard .button.cart {font-size: 18px !important;}
.dashboard .button.cart.edit::before {right: 15px;}
.dashboard .button.cart::after {right: 6px;}

.details-pop {max-width: 500px;}

}

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

.form-row .form-input {width: 100%;}

.section__cart h1, .section--checkout h1 {font-size: 7vw;}

.details-pop {max-width: 350px;}

}