html,
    body {
      position: relative;
      height: 100%;
    }

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

    }

    .swiper-slide {
      padding-top: 35.32986%;

      background-size: cover;
      background-position: center;
    }

    .gallery-top {
      width: 100%;
    }

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

    .gallery-thumbs .swiper-slide {
      height: 100%;
     opacity: 0.4;
     padding-top: 5.32986%;
    }

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

    @media screen and (max-width: 899px) {
	    .gallery-thumbs {
	      display: none;
	    }
    }
    
    .swiper-button-prev, .swiper-button-next i {
        display: inline;
        font-size: 36px;
    }



@media screen and (min-width: 900px) {
	.swiper-pagination {
		display: none;
	}
}
/*@media screen and (max-width: 899px) {
.gallery-top > nav span.prev {
	    left: 0;
	}
	.gallery-top > nav span {
	    position: absolute;
	    top: 50%;
	    z-index: 1000;
	    display: block;
	    width: 50px;
	    height: 100px;
	    outline: none;
	    text-align: left;
	    cursor: pointer;
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	}

	.gallery-top > nav span::before, .gallery-top > nav i::before {
	    top: 50%;
	    -webkit-transform: translateX(-50%) rotate(-135deg);
	    transform: translateX(-50%) rotate(-135deg);
	    -webkit-transform-origin: 50% 0%;
	    transform-origin: 50% 0%;
	}
	.gallery-top > nav span::before, .gallery-top > nav span::after, .gallery-top > nav i::before, .gallery-top > nav i::after {
	    position: absolute;
	    left: 50%;
	    width: 3px;
	    height: 50%;
	    outline: 1px solid transparent;
	    background: #dbccd0;
	    content: '';
	    -webkit-transition: -webkit-transform 0.3s;
	    transition: transform 0.3s;
	    -webkit-backface-visibility: hidden;
	    backface-visibility: hidden;
	}

	.gallery-top > nav span::after, .gallery-top > nav i::after {
	    top: 50%;
	    -webkit-transform: translateX(-50%) rotate(-45deg);
	    transform: translateX(-50%) rotate(-45deg);
	    -webkit-transform-origin: 0 0;
	    transform-origin: 0 0;
	}

	.gallery-top > nav span.next {
	    right: 0;
	}

	.gallery-top > nav span.next::before, .gallery-top > nav span.next i::before {
	    -webkit-transform: translateX(-50%) rotate(135deg);
	    transform: translateX(-50%) rotate(135deg);
	    -webkit-transform-origin: 50% 0%;
	    transform-origin: 50% 0%;
	}
	.gallery-top > nav span.next::after, .gallery-top > nav span.next i::after {
	    -webkit-transform: translateX(-50%) rotate(45deg);
	    transform: translateX(-50%) rotate(45deg);
	    -webkit-transform-origin: 100% 0%;
	    transform-origin: 100% 0%;
	}
}*/