@media (min-width: 400px){
  .realization-content {
    padding : 0 15px;
  }
  #habitat-realization{
    padding: 20px;
  }
  .realization-pagination{
    flex-direction: row;
    width: initial;
  }
  .btn-realization-pagination{
    width: initial;
  }
  .btn-realization-pagination:not(:last-child){
    margin-right: 8px;
    margin-bottom: 0;
  }
  .realization-thumbnails{
    max-width: 180px;
  }
}
@media (min-width: 540px){
  .realization-thumbnails{
    max-width: 249px;
  }
  .realization-thumbnail-slide {
    width: 75px !important;
    height: 75px !important;
  }
  .realization-thumbnails__container{
    bottom: 20px;
  }
}
@media (min-width: 768px){
  .realization-thumbnails{
    max-width: 324px;
  }
  .realization-thumbnail-slide {
    width: 100px !important;
    height: 100px !important;
  }
}
@media (min-width: 1024px){
  #habitat-realization{
    grid-template-columns: 55% calc(45% - 85px);
    grid-gap: 85px;
    padding: 10px;
  }
  .realization-content {
    grid-column : 2;
    max-width: 550px;
    padding: 0;
  }
  .realization-title__container svg{
    width: 90px;
    left : -52px;
    top : -52px;
  }
  .realization-images {
    grid-row: 1;
  }
  .btn-realization-back{
    margin-bottom: 70px;
    margin-top: 20px;
  }
  .realization-content>.realization-pagination{
    display: flex;
  }
  #habitat-realization>.realization-pagination{
    display: none;
  }
  .realization-pagination{
    margin: 60px 0 0 0;
  }
  .realization-title{
    font-size: 30px;
  }
}
@media (min-width: 1400px){
  #habitat-realization{
    grid-template-columns: 50% calc(50% - 150px);
    grid-gap: 150px;
  }
  .realization-title{
    font-size: 36px;
  }
  .realization-thumbnails{
    max-width: 399px;
  }
  .realization-thumbnail-slide {
    width: 125px !important;
    height: 125px !important;
  }
  .btn-realization-back{
    margin-bottom: 110px;
    margin-top: 65px;
  }
  .realization-title__container svg{
    width: initial;
    left : -75px;
    top : -60px;
  }
}