.swiper-container {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .swiper-slide {
            background-size: cover;
            background-position: center;
        }

        .gallery-top {
            height: 80%;
            width: 100%;
        }

        .gallery-thumbs {
            height: 20%;
            box-sizing: border-box;
            padding: 10px 0;
        }

        .gallery-thumbs .swiper-slide {
            height: 1.8rem;
          
        }

        .gallery-thumbs .swiper-slide img {
            width: 100%;
            /*height: 100%;*/
        }

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

        .gallery-top img {
            width: 100%;
           /* height: 4.88rem;*/
        }
.gallery-thumbs .swiper-slide h3{
  display: none;
}
.gallery-top .swiper-slide{
  position: relative;
}

.gallery-top .swiper-slide h3{
   width: 100%;
    background: rgba(0, 0, 0, 0.6) !important;
    text-align: left;
    transition: top 1s, font-size 1s, padding-top 1s, line-height 1s;
    z-index: 99;
    position: absolute;
    line-height: 36px;
    bottom: 0;
    color: #fff;
    padding-left: 0.3rem;
}



  .peraqkp{
    width: 91%;
    margin: auto;
}
@media screen and (max-width: 768px) {
     .peraqkp{
        display: none;
    }
}