@media (min-width : 1024px) {
  body:not(#index) .wrapper__inner {
    flex-direction : row;
  }

  body:not(#index) #content-wrapper {
    width : 75%;
  }

  body:not(#index) .left-column__wrapper {
    width          : 25%;
    margin-right   : 20px;
    padding-bottom : 0;
  }
}

@media (min-width : 400px) and (max-width : 764px) {
  .products {
    grid-template-columns : 1fr 1fr;
  }

  .add-to-cart-btn__wrapper {
    display : none !important;
  }
}

@media (max-width : 576px) {
  .product-miniature .product-price-and-shipping {
    flex-direction : column;
    padding        : 15px 20px;
    gap            : 5px;
  }

  .product-miniature .product-price_detail {
    padding : 0;
  }
}

@media (max-width : 1400px) {
  .display-inline .product-miniature .product-description {
    grid-template-columns : auto auto 130px 250px;
  }
}

@media (max-width : 1024px) {
  .display-inline .product-miniature .product-description {
    grid-template-columns : auto auto 100px 220px;
    column-gap            : 15px;
  }

  .display-inline .product-miniature .add-to-cart__wrapper {
    padding : 20px 15px;
  }
}

@media (min-width : 768px) and (max-width : 1024px) {
  .display-inline .product-miniature .product-manufacturer {
    display : none;
  }
}

@media (max-width : 767px) {
  .display-inline .product-miniature .product-description {
    border-left    : 1px solid #DFE4ED;
    display        : flex;
    flex-direction : column;
    height         : auto;
    padding        : 20px 25px;
  }

  .display-inline .product-miniature .product-manufacturer, .display-inline .product-miniature .add-to-cart__wrapper {
    display : none;
  }

  .display-inline .product-miniature .product-title {
    font-size   : 18px;
    font-style  : normal;
    font-weight : 600;
    line-height : normal;
    padding-top : 0;
  }

  .display-inline .product-miniature .product-price-and-shipping {
    border-radius   : 10px;
    background      : var(--color-grey-default);
    min-height      : 60px;
    display         : flex;
    flex-direction  : row;
    align-items     : center;
    padding         : 0 20px;
    gap             : 20px;
    justify-content : space-between;
    border          : none;
    margin          : 15px 0;
  }

  .display-inline .product-miniature .product-promotion {
    border-radius  : 10px;
    border         : 1px solid #DFE4ED;
    background     : var(--color-grey-default);
    display        : flex;
    max-width      : none;
    flex-direction : row;
    padding        : 0;
    margin         : 10px 0 0;
  }

  .display-inline .product-miniature .product-promotion_svg {
    border-right : 1px dashed #CCD3DE;
    padding      : 20px 15px;
  }

  .display-inline .product-miniature .promotion-details {
    padding : 10px;
  }

  .display-inline .product-miniature .promotion-details .promotion-details_title {
    text-align     : unset;
    font-size      : 13px;
    font-style     : normal;
    font-weight    : 800;
    line-height    : 17px;
    text-transform : uppercase;
    padding        : 0;
    border         : none;
  }

  .display-inline .product-miniature .promotion-details .promotion-details_content {
    text-align     : unset;
    padding        : 0;
    font-size      : 13px;
    font-style     : normal;
    font-weight    : 500;
    line-height    : 17px;
    letter-spacing : 0.26px;
  }

  .display-inline .product-miniature .product-thumbnail.--lazyload {
    width       : 120px;
    margin-left : 20px;
  }

  .display-inline .product-miniature .thumbnail-container {
    gap : 10px;
  }

  .display-inline .product-miniature .product-flag {
    margin-left : 10px;
  }
}

@media (max-width : 450px) {
  .display-inline .product-miniature .product-price-and-shipping {
    padding        : 15px 20px;
    gap            : 5px;
    flex-direction : column;
  }

  .display-inline .product-miniature .product-price_detail {
    padding : 0;
  }

  .display-inline .product-miniature .product-thumbnail.--lazyload {
    width : 90px;
  }

  .display-inline .product-miniature .product-description {
    padding : 20px 15px;
  }

  .display-inline .product-miniature .product-flag {
    max-width : 100px;
  }
}


/*********************
  Part - Filters
 *********************/

@media (max-width : 767px) {
  .product-list__filters.compact-toggle.type-1.ready {
    display       : flex;
    gap           : 30px;
    border        : 1px solid #E3E3EF;
    background    : var(--color-white-default);
    border-radius : 50px;
    align-items   : center;
    padding       : 10px 15px;
  }

  .btn-primary.compact-toggle.type-2.ready {
    display : none !important;
  }

  .product-list__filters.compact-toggle.type-1.ready .compact-toggle-text {
    position       : initial;
    font-size      : 18px;
    font-style     : normal;
    font-weight    : 600;
    line-height    : normal;
    letter-spacing : 0.36px;
    text-transform : initial;
    transform      : initial;
    white-space    : unset;
    background     : none;
  }

  #amazzing_filter.vertical-layout.displayLeftColumn .title_block {
    display         : flex;
    font-size       : 25px;
    line-height     : 40px;
    letter-spacing  : .38px;
    font-weight     : 600;
    padding         : 20px 25px;
    justify-content : space-between;
    align-items     : center;
    border-bottom   : 1px solid #E2E2E2;
    gap             : 15px;
  }

  .af_filter {
    position      : relative;
    border-bottom : 1px solid #E2E2E2 !important;
    padding       : 20px 25px !important;
  }

  #af_form {
    display       : block;
    padding       : 0;
    margin-bottom : auto;

  }

  #amazzing_filter .block_content {
    padding : 0;
    height  : 100%;
  }

  .af_subtitle.toggle-content {
    padding       : 0;
    border        : none;
    border-radius : unset;
    width         : 100%;
  }

  .af_filter_content {
    position      : initial;
    border-radius : unset;
    width         : initial;
    border        : none;
  }

  .dropdown-menu {
    position      : initial;
    border-radius : unset;
    width         : initial;
    border        : none;
    float         : initial;
  }

  .has-compact-filter.show-filter #amazzing_filter.compact-offset-left {
    display        : flex;
    flex-direction : column;
  }

  .block_content > .selectedFilters {
    display       : flex;
    flex-wrap     : wrap;
    margin-top    : auto;
    margin-bottom : 92px;
  }

  .has-compact-filter #amazzing_filter.animation-ready {
    transition : all .2s;
  }

  .has-compact-filter #amazzing_filter.compact-offset-left {
    transform : translateX(-100%);
  }

  .has-compact-filter.show-filter #amazzing_filter {
    transform     : translateX(0px);
    border-radius : 0 5px 5px 0;
  }

  .has-compact-filter #amazzing_filter {
    max-width : 500px;
  }

  .has-compact-filter #amazzing_filter {
    opacity    : 1;
    z-index    : 10001;
    top        : 0;
    width      : 80%;
    left       : 0;
    transform  : translateX(200%);
    padding    : 0;
    background : #FFF;
    height     : 100%;
    overflow   : visible;
  }
}

@media (min-width : 769px) and (max-width : 1199px) {
  .head-listing_container {
    position   : sticky;
    top        : 62px;
    background : var(--color-grey-default);
    padding    : 10px 20px 10px 0;
    z-index    : 3;
  }
}

@media (min-width : 1200px) {
  .head-listing_container {
    position   : sticky;
    top        : 74px;
    background : var(--color-grey-default);
    padding    : 10px 20px 10px 0;
    z-index    : 3;
  }
}
