@media (min-width: 320px) and (max-width: 1023px) {
  .page-node-type-landing-page .ui-accordion-content-active {
    height: 100%;
  }

  .page-node-type-landing-page .ui-accordion-content-active .field--name-field-reponse p {
    color: #848484;
    margin-top: 16px;
    margin-bottom: 60px;
  }

  .page-node-type-landing-page h3.ui-accordion-header-active {
    padding-bottom: 0 !important;
    height: 100% !important;
  }
}
@media (max-width: 480px) {
  .page-node-type-landing-page .slick--view--campaign--block-1 {
    margin-left: 0 !important;
  }
  .page-node-type-landing-page .slick--optionset--cards-slider .slick__slide {
    border: 2px solid #c2c2c2;
    margin-bottom: 25px;
    padding: 25px 30px !important;
    border-radius: 30px;
    margin: 0 15px;
    text-align: left;
  }
  .page-node-type-landing-page .ui-accordion-content-active {
    height: 100%;
  }

  .page-node-type-landing-page .ui-accordion-content-active .field--name-field-reponse p {
    color: #848484;
    margin-top: 16px;
    margin-bottom: 60px;
  }

  .page-node-type-landing-page h3.ui-accordion-header-active {
    padding-bottom: 0 !important;
    height: 100% !important;
  }
  .page-node-type-landing-page .paragraph--type--image-slider .slick-prev.slick-arrow {
    float: left;
  }


  .page-node-type-landing-page .paragraph--type--image-slider .slick-next.slick-arrow {
    float: right;
  }

  .page-node-type-landing-page .paragraph--type--image-slider .slick-dots {
    padding: 0;
    position: relative !important;
    top: 16px;
  }

  .slick--optionset--image-slider nav.slick__arrow {
    width: 352px;
    height: 40px;
  }
  body.page-node-type-landing-page div.paragraph--type--image-slider .slick-slide.slick-active.slick-current img {
    width: 350px !important;
    height: 346px !important;
    max-width: 350px !important;
    max-height: 346px !important;
    margin: 0 auto !important;
  }
  .paragraph--type--image-slider.block-child {
    margin-top: 80px;
  }
  .page-node-type-landing-page .slick--optionset--image-slider .slick-slide {
    height: 346px;
    width: 350px;
  }

  .page-node-type-landing-page .paragraph--type--image-slider .slick-slide img {
    height: 346px;
    max-height: 346px;
    position: relative;
    border-radius: 30px;
    width: 350px;
    border-collapse: separate;
    max-width: 350px;
  }

  .page-node-type-landing-page .paragraph--type--image-slider .slick-track,
  .page-node-type-landing-page
    .paragraph--type--image-slider
    .slick-slide.slick-active,
  .page-node-type-landing-page
    .paragraph--type--image-slider
    .slick-slide.slick-active
    .slide__content,
  .page-node-type-landing-page
    .paragraph--type--image-slider
    .slick-slide.slick-active
    .slide__content
    .media--slick {
    height: 346px;
    max-height: 346px;
  }

  .page-node-type-landing-page .field--name-field-heading {
    margin-bottom: 50px;
  }

  .page-node-type-landing-page .card {
    width: 90%;
  }

  .page-node-type-landing-page .wrapper-block-half .card,
  .page-node-type-landing-page .paragraph--type--cards-list .card {
    width: 100%;
  }
  .page-node-type-landing-page .button--primary {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    width: 100%;
  }
  .page-node-type-landing-page
    .paragraph--type--card-slider-0
    .tiny-slider-wrapper
    .tns-item {
    margin: 0;
  }
  .paragraph--type--image-with-text-slider .bg-image {
    /* background-size: contain !important;
        */
    width: 100% !important;
    border-radius: 30px;
  }
  .page-node-type-landing-page
    .paragraph--type--texte-et-image
    .field--name-field-text {
    padding: 0;
    /* vertical-align: baseline;
        */
    position: relative;
    top: 325px;
  }
  .page-node-type-landing-page
    .paragraph--type--image-slider-0
    .tns-slide-active
    ~ .tns-slide-active
    ~ .tns-slide-active
    img,
  .page-node-type-landing-page
    .paragraph--type--image-slider-0
    .tns-slide-active
    img {
    margin-top: 0;
  }
  .page-node-type-landing-page .image-slider-0 .tns-item img {
    border-radius: 30px;
  }

  .page-node-type-landing-page .image-slider-0 .tns-outer .tns-controls button {
    margin: 0;
  }

  .page-node-type-landing-page .image-slider-0 .tns-outer .tns-nav,
  .page-node-type-landing-page .image-slider-0 .tns-outer .tns-controls {
    /* margin: 0;
    position: relative; */
  }

  .page-node-type-landing-page .image-slider-0 .tns-outer .tns-controls {
    /* margin-top: -28px;
    z-index: 999; */
  }
  .page-node-type-landing-page .image-slider-0 .tns-outer .tns-nav {
    /* margin-top: 40px; */
  }

  .page-node-type-landing-page .image-slider-0 .tns-outer .tns-nav button {
    /* pointer-events: all;
    z-index: 9999;
    position: relative; */
  }

  .page-node-type-landing-page
    .image-slider-0
    .tns-outer
    .tns-controls
    button[data-controls="prev"] {
    /* margin-right: 280px; */
  }
  .page-node-type-landing-page .card-img-wide {
    width: 350px;
    height: 350px;
    border-radius: 30px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .paragraph--type--cards-list .paragraph--view-mode--card-wide .card-block {
    text-align: left;
  }
  .page-node-type-landing-page
    .paragraph--type--image-with-text-slider
    .tns-controls {
    margin-top: 30px !important;
  }
  .paragraph--type--cards-list .container-half .card-body {
    text-align: left;
  }

  .paragraph--type--cards-list
    .container-half
    .card-body
    .field--name-field-card-text {
    opacity: 0.7;
  }

  .page-node-type-landing-page
    .paragraph--type--cards-list
    .container-half
    .paragraph--view-mode--default.card
    .card-body {
    padding-bottom: 40px;
  }
  .page-node-type-landing-page .paragraph--type--video-campaign {
    color: #fff;
    /* padding-left: 80px;
  padding-right: 80px; */
  }

  .page-node-type-landing-page .field--name-field-video-title {
    font-size: 50px;
    line-height: 55px;
    text-align: center;
  }

  .page-node-type-landing-page .field--name-field-video-content {
    margin-top: 8px;
    margin-bottom: 26px;
    text-align: center;
    /* padding-left: 20px;
  padding-right: 20px; */
  }

  .page-node-type-landing-page .field--name-field-video-content p {
    font-size: 18px;
    line-height: 26px;
  }

  .page-node-type-landing-page .youtube-container,
  .page-node-type-landing-page .embed-responsive-16by9,
  .page-node-type-landing-page .paragraph--type--video-campaign iframe,
  .page-node-type-landing-page
    .paragraph--type--video-campaign
    .field--name-field-video {
    width: 100% !important;
    height: 375px !important;
  }
  .page-node-type-landing-page .paragraph--view-mode--card-half .card-block {
    text-align: left;
    opacity: 0.7;
  }
  .page-node-type-landing-page .card-img-wide.card-img-half {
    width: 100%;
    height: 300px;
    border-radius: 30px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .page-node-type-landing-page
    .paragraph--view-mode--card-wide
    .col-lg-4.card-img-wide {
    width: 100%;
    height: 300px;
    background-position: center;
    border-radius: 30px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}

@media (max-width: 375px) {
  .page-node-type-landing-page
    .image-slider-0
    .tns-outer
    .tns-controls
    button[data-controls="prev"] {
    margin-right: 265px !important;
  }
}

@media (min-width: 320px) and (max-width: 768px) {

  .page-node-type-landing-page .slick--optionset--images-with-text .slick-slide {
    width: 288px !important;
    max-width: 288px !important;
  }

  .page-node-type-landing-page .slick--optionset--images-with-text .slick-slide.slick-active {
    margin-right: 18px;
    margin-left: 20px;
  }

  .page-node-type-landing-page .slick--optionset--images-with-text .slick-list {
    overflow: visible;
    scroll-behavior: smooth;
  }

  .page-node-type-landing-page .paragraph--type--image-with-text-slider .bg-gradient {
    width: 288px;
    height: 375px;
    left: 0px;
    top: 0px;
    border-radius: 30px;
  }

  .page-node-type-landing-page .paragraph--type--image-with-text-slider .bg-image {
    height: 375px;
    width: 288px !important;
  }

  .page-node-type-landing-page
    .paragraph--type--texte-et-image
    .field--name-field-text {
    top: 281px;
  }

  #slick-views-campaign-block-block-2-3-slider {
    /* width: auto; */
  }
}