

.gridimg-mob {
  display: block;
}
.gridimg-desk {
  display: none;
}
@media screen and (min-width: 960px) {
  .gridimg-mob {
    display: none;
  }
  .gridimg-desk {
    display: block;
  }
}
.card {
  margin-top: 3rem;
}
.card:hover .card-figure img {
  transform: scale(1.1);
}
.card .card-figure img {
  transition: transform 0.5s ease;
}
.two-third .card figure {
  text-align: center;
}
.grid-item {
  margin-bottom: 0 !important;
  padding-bottom: 3rem !important;
}
.card-link {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.card-figure {
  flex: 1;
}
.card-figure img {
  max-height: 100% !important;
  width: 100% !important;
  vertical-align: bottom;
  object-fit: cover;
}
.card:hover .arrow {
  margin-left: 0.3rem;
}
.card .arrow {
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
#grid {
  margin: 96px -2.4rem 0 -2.4rem;
}
#grid .grid-item {
  width: 100%;
  padding: 0 2.4rem 0 2.4rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  margin-bottom: 6rem;
}
@media screen and (min-width: 768px) {
  #grid .grid-item-1 {
    width: 8.33% !important;
  }
  #grid .grid-item-2 {
    width: 16.66% !important;
  }
  #grid .grid-item-3 {
    width: 25% !important;
  }
  #grid .grid-item-4 {
    width: 33.33% !important;
  }
  #grid .grid-item-5 {
    width: 41.66% !important;
  }
  #grid .grid-item-6 {
    width: 50% !important;
  }
  #grid .grid-item-7 {
    width: 58.33% !important;
  }
  #grid .grid-item-8 {
    width: 66.66% !important;
  }
  #grid .grid-item-9 {
    width: 75% !important;
  }
  #grid .grid-item-10 {
    width: 83.33% !important;
  }
  #grid .grid-item-11 {
    width: 91.66% !important;
  }
  #grid .grid-item-12 {
    width: 100% !important;
  }
  #grid .grid-item-h-1 {
    height: 250px;
  }
  #grid .grid-item-h-2 {
    height: 500px;
  }
  #grid .grid-item-h-3 {
    height: 750px;
  }
}

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:grid-item] [16.346] DESIGN*/
/*******************************************************************/
/* 0.6 D>D */
/* db 147 */