.cy-inabout .swiper-container {width: 100%;margin-left: auto;margin-right: auto;max-height:500px;overflow: hidden;}
.cy-inabout img{width: 100%;}

.swiper-container-wrapper {display: flex;flex-flow: column nowrap;height: 100%;width: 100%;}

.swiper-button-next, .swiper-button-prev {
  color: #fff;
}

.swiper-slide-duplicate,.swiper-slide {
  text-align: center;
  background-size: cover;
  background-position: center;
  background-color: #fff;
  /* Center slide text vertically */
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: center;
  /* Slide content */
}


.swiper-slide-duplicate .description,
.swiper-slide-duplicate .title,
.swiper-slide .description,
.swiper-slide .title {
  display: block;
  opacity: 0;
  transition: 0.5s ease 0.5s;width: 100%;background: rgba(0,0,0,.60)
}
.swiper-slide-duplicate-active .description,
.swiper-slide-duplicate-active .title,
.swiper-slide-active .description,
.swiper-slide-active .title {
  opacity: 1;
}
.swiper-slide-duplicate-active .title,.swiper-slide-active .title {

  font-size: 24px;
  color: #fff;
  transition: opacity 0.5s ease 0.5s;
}
.swiper-slide-duplicate-active .title,.swiper-slide-active .title a{color: #fff;}

.swiper-slide-duplicate-active .description,
.swiper-slide-active .description {font-size: 16px;color: #fff;transition: opacity 0.5s ease 0.75s;}



.cy-inabout .gallery-top {width: 80%;height:auto;margin-right: 10px;position: relative;}
.cy-inabout .gallery-top .swiper-slide{width: 100%;min-height: 500px;}

.gallery-thumbs {width:20%;height:auto;padding-bottom: 10px;max-width:200px;}
.gallery-thumbs .swiper-wrapper{position: relative;height:auto;width: 100%;}

.gallery-thumbs .swiper-slide {
  width:100%;
  flex-flow: row nowrap;
  height:100%;max-height:120px;
  opacity: 0.75;
  cursor: pointer;right:0;
}



.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

@media (min-width: 768px) {
	

	
	.cy-inabout .swiper-container  {min-height: 320px;}
	.swiper-container-wrapper {flex-flow: row nowrap;}
  .gallery-thumbs .swiper-slide {flex-flow: column nowrap;width: 100%;}
}

@media screen and (max-width: 1024px) {
	.cy-inabout .gallery-top{width: 100%;margin: 0 auto;}
	.cy-inabout .gallery-top .swiper-slide{width: 100%;min-height: 200px;}
}