@media screen and (min-width: 375px) {
  .view-teasers.view-display-id-all_collections {
    padding: 0 3rem;
  }
  .node--type-collection.node--view-mode-teaser .collection_info {
    padding: 0;
  }
}


@media screen and (min-width: 576px) {
  .node--type-collection .form-radios:first-child .pretty-element:first-child,
  .pretty-element {
      width: fit-content;
      margin-bottom: 1rem;
      padding-right: 0;
  }
  /* article / news full */
  .node--type-article.node--view-mode-full .news_title h1 {
    font-size: 2.5rem;
    margin-top: 1rem;
  }
  /* view */
  .links_term_teasers h3 {
    font-size: 1.5rem;
  }
  .page-vocabulary-tipo-prodotto .views-view-grid {
    padding: 0 12px;
  }
  .page-vocabulary-tipo-prodotto .views-view-grid > div {
    padding: 0 0.5rem;
  }
  div#block-spencerclothing-catalogo {
    margin: 4rem 12px 2rem;
  }
  div#views-bootstrap-catalogo-catalogo > div {
    padding: 0 0.5rem;
  }
}


/* from -md- brakpoint */
@media screen and (min-width: 768px) {
  /* genral */
  h1 {
      font-size: 3.5rem;
  }
  .node--type-article.node--view-mode-full .news_title h1 {
      font-size: 3rem;
  }

  /* breadcrumbs */
  div#block-spencerclothing-breadcrumbs li.breadcrumb-item,
  .news_breadcumbs li.breadcrumb-item ,
  .wrapper_taxonomy_term .go_to_catalog li.breadcrumb-item {
      font-size: 1rem;
  }
  /* footer */
  footer.site-footer {
      padding: 1.5rem 2rem;
  }
  #block-customer-service {
      margin-top: 0;
  }
  /* slick -- arrow  */

  .slick-arrow {
    width: 3rem;
    height: 3rem;
  }

  .slick-prev:after,
  .slick-next:after {
    font-size: 3rem;
  }
  .slick-prev {
    left: -1rem;
  }

  .slick-next {
    right: -0.5rem;
  }
  .view-teasers.view-display-id-all_collections {
    padding: 2rem 5rem;
  }
  /* footer */
  footer .logo_footer {
    text-align: left;
  }
  footer .logo_footer img {
      width: 160px;
  }
  footer .logo_footer_info {
    width: 80%;
  }
  /* paragraphs */
  /* text and image */
  .paragraph--type--text-and-image {
    margin: 5rem auto;
  }
  .paragraph--type--text-and-image .col-tai-txt.col-txt.order-1 {
    padding-right: 3rem;
  }
  .paragraph--type--text-and-image .col-tai-txt.col-txt.order-2 {
    padding-left: 3rem;
  }
  /* STORES */
  .paragraph--type--view .view-places .view-filters {
      width: 50%;
      margin-bottom: 0;
  }
  .paragraph--type--view .views-element-container .view-places .view-header {
      width: 50%;
      position: absolute;
      top: 6rem;
      left: 0;
      height: 60%;
  }

  /* .paragraph--type--view .views-element-container .view-places .view-header {
      height: 56vh;
  } */

  .paragraph--type--view .views-element-container .view-places .view-header .views-field.views-field-title,
  .paragraph--type--view .views-element-container .view-places .view-header .views-field.views-field-field-address,
  .paragraph--type--view .views-element-container .view-places .view-header .views-field.views-field-field-opening-hours {
    padding-right: 2rem;
  }
  .paragraph--type--view .view-places.places-map.view-id-places.view-display-id-places_map > .view-content{
      width: 50%;
      height: 90vh;
  }

  .paragraph--type--view .view-places .view-footer {
      width: 46%;
      position: absolute;
      bottom: 0px;
      height: 22%;
      color: var(--white);
      padding: 1rem 3rem;
      margin-bottom: 2rem;
      margin-left: 1%;
  }

  /* slide */
  .paragraph--type--slide .slide_wrapper .content_slide {
      top: 50%;
      bottom: unset;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  .paragraph--type--slide h2 {
      font-size: 4.5rem;
  }

  /* view */
  .paragraph--type--view .text_view h2 {
       font-size: 3rem;
   }
   div#views-bootstrap-teasers-products-promoted {
     padding: 0 4rem;
   }
   div#views-bootstrap-teasers-products-promoted .node--type-product {
    padding: 1rem;
  }
  div#pId-28 {
      /* padding-bottom: 2rem; */
  }
  /* block */

  #block-newsletter .text-formatted.field--name-body h3 {
    font-size: 3rem;
  }
  #block-newsletter .text-formatted.field--name-body p{
      width: 60%;
  }
  #webform-submission-newsletter-block-content-4-add-form {
      flex-direction: row;
      justify-content: center;
  }
  #webform-submission-newsletter-block-content-4-add-form .form-actions {
    text-align: center;
    margin: 0;
    align-self: flex-end;
}

  #webform-submission-newsletter-block-content-4-add-form .webform-type-email.form-item-e-mail {
      align-content: center;
      justify-content: flex-end;
      width: 30%;
  }

  #webform-submission-newsletter-block-content-4-add-form button,
  form#webform-submission-diventa-retailer-block-content-5-add-form .btn.btn-primary {
      margin-left: 2rem;
  }
  /* nodes */

  /* catalogo */
  .node--type-collection.node--view-mode-full h2 {
    margin-bottom: 5rem;
  }
  .node--type-collection.node--view-mode-teaser .collection_title h3,
  .node--type-product.node--view-mode-fullwidth .collection_title h3 {
      padding: 0 3rem
  }
  .links_term_teasers h3 {
    font-size: 1rem;
  }


  .node--type-collection.node--view-mode-teaser .collection_title h3,
  .node--type-product.node--view-mode-fullwidth .collection_title h3 {
      font-size: 3rem;
  }
  /* prodotto */
  .node--type-product.node--view-mode-full h1 {
      font-size: 3.5rem;
  }
  .node--type-product.node--view-mode-full .view_other_products .view-header h2,
  .node--type-product.node--view-mode-full h2 {
       font-size: 2.8rem;
   }
   .node--type-product.node--view-mode-teaser,
   .node--type-product.node--view-mode-promoted {
     padding: 0.5rem;
   }
  /* news viewmode full */
  div.wrapper_shared_links {
      flex-direction: row;
  }
  .node--type-article.node--view-mode-full .content_share_links {
      display: flex;
      flex-direction: row;
      align-items: flex-end;
      margin: 2rem 0;
      margin-left: 2rem;
  }
  .node--type-product.node--view-mode-promoted {
      margin-bottom: 0;
  }

}





/* from -lg- brakpoint */
@media screen and (min-width: 992px) {

  /* slick */
  .slick-prev:after,
  .slick-next:after {
    font-size: 2rem;
  }
  .slick-next {
    right: 1rem;
  }
  .view-teasers.view-display-id-all_collections {
    padding: 0;
 }
  /* NAVBAR - Menu */

  .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
      position: absolute;
      padding: 0;
      top: 3.5rem;
  }

  #navbar-main ul.nav.navbar-nav {
      font-size: 1rem;
  }

  #navbar-main ul.nav.navbar-nav > li a {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }
  #block-spencerclothing-global-search {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0;
    padding: 0;
  }
  form#views-exposed-form-global-search-global-search .search-input-wrapper {
    width: 70%;
    margin-left: 2rem;
  }
  #block-spencerclothing-global-search .view-content.row {
    position: absolute;
    width: 70%;
    right: 30%;
    transform: translateX(10%);
  }
  /* button scroll top */

  .btn-scroll-top {
    bottom: 3rem;
    right: 3rem;
  }

  /* PARAGRAPHS */

  .paragraph--type--view .text_view,
  .node--type-product.node--view-mode-full .view_other_products .view-header {
      width: 55%;
      /* margin-bottom: 3rem; */
  }
  .slick--view--teasers.slick--view--teasers--all-collections.slick--optionset--two-slide {
    padding: 0 3rem;
  }

}

/* from -iPadPro- brakpoint */
@media screen and (min-width: 1024px) {


  /* slick */
  .slick-next {
    right: -1rem;
  }

}

/* from -xl- brakpoint */
@media screen and (min-width: 1200px) {
  /* slick */

  /* news viewmode teaser */
  .node--type-article.node--view-mode-teaser .node_url {
      text-align: right;
  }
}

/* from -xxl- brakpoint */
@media screen and (min-width: 1400px) {
  /* slick */

  .slick-prev {
    left: -3rem;
  }
  .slick-next {
    right: -3rem;
  }
}
