.pagecontent p{
	
	text-align:center;
	margin:auto;
}
.gallery-list, .gallery{
	display: grid;
	margin:30px auto;
}
.gallery{
	grid-template-columns: auto auto auto;
	grid-gap: 0px;
	max-width:1000px;
}
.gallery img{
	width:100%; 
}
.gallery-list.topGallery, .pagecontent p{
	max-width:1000px;
}
.gallery-list.topGallery{
	grid-template-columns: auto auto auto;
	grid-gap: 20px;
	max-width:1000px;
	
}
.gallery-list.otherGallery{
	grid-template-columns: auto auto auto auto auto;
	grid-gap: 20px;
}
.gallery-list > div{
	background-color:#ffffff;
}
.gallery-list.topGallery > div{
	box-shadow: 10px 5px 5px #cccccc;
	margin-bottom:20px;
	margin:15px;
}
.gallery-list.otherGallery > div{
		box-shadow: 5px 3px 3px #f7f7f7;
		
}/*
.gallery-list.topGallery > div:hover {
  margin:0px;
  transition: 0.5s;
}*/
.gallery-list img{
	width:100%;
}.gallery-list.topGallery a{
	
	display: flex;
    flex-direction: column;
    height: 100%;
}
	
.gallery-list.topGallery .gallerytitle{
	padding:10px 20px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	
	flex-grow: 1;
    vertical-align: middle;
    align-items: center;
    align-content: center;
}
.gallery-list.topGallery .gallerytitle:before{
}
.gallery-list.otherGallery .gallerytitle{
	padding:15px;
	font-size:14px;
}
.gallery-list.topGallery a{
	/*color:var(--text_green);*/
}
.gallery-list.topGallery a:hover{
	color:var(--text_purple) !important;
}
.section-SERVICES button{ 
	margin:auto;
	display:block;
}
.section-SERVICES.gallerypage .bannerinfo{
	font-size:18px;
}
.gallery div{
	position:relative;
}
.gallery div:after{
	/*background-image: url(/images/icon/icon_enlarge.png);*/
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: '';
}
.gallery div:hover{
	opacity: 0.5;
	cursor:pointer;
}
.gallery div:hover:after{
	/* background-size: 25%;*/
}


.section-SERVICES{
		position:relative;
	}
	.lightbox{
		position:absolute;
		
		left:0;
		right:0;
		z-index:3;
		margin:auto;
		text-align:center;
		width:1200px;
		max-width:calc( 100% - 40px );
		height:100%;
		display:none;
		background-color:#000000;
		padding:20px;
	}	
	.lightbox-close{
		position:absolute;
		background-image:url('/images/icon/icon_close.png');
		right:0px;
		top:0px;
		width:40px;
		height:40px;
		background-size:cover;
		cursor:pointer;
		z-index:6;
	}
	.lightbox-inner{
		position:relative;
		overflow:hidden;
		
	}
	.swiper-container {
        width: 100%;
        height: 100%;
		z-index:5;
		background-color:#000000;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #000000;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
       
      }
	   .swiper-slide.mySwiper_large img{
		    max-width: 100%;
			max-height: 100%;
	   }
	   .swiper-slide.mySwiper_preview{
		   background-color:#000000;
	   }
	   .swiper-slide.mySwiper_preview img{
		    width: 100%;
			height: 100%;
			object-fit: cover;
	   }
      .swiper-container {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
      }

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

      .mySwiper_large {
        height: calc( 80% - 20px );
		padding-bottom:20px;
      }
		 .mySwiper_large  img{
			 max-height:100%;
			 max-width:100%;
			 width:auto;
			 height:auto;
		 }
      .mySwiper_preview {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
      }

      .mySwiper_preview .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
      }

      .mySwiper_preview .swiper-slide-thumb-active {
        opacity: 1;
      }
@media only screen and (max-width:1024px){
	.gallery-list.otherGallery{
		grid-template-columns: auto auto auto auto;
	}
}
@media only screen and (max-width:768px){
	.gallery-list.topGallery{
		    grid-template-columns: auto auto;
	}
	.gallery-list.topGallery > div {
		box-shadow: 5px 3px 3px #cccccc;
	}
	.gallery-list.otherGallery{
		grid-template-columns: auto auto auto;
	}
}
@media only screen and (max-width:640px){
	.gallery-list.topGallery {
		grid-gap: 0px;
	}
	.gallery{
		    grid-template-columns: auto auto;
	}
	.section-SERVICES.gallerypage .bannerinfo{
		
		font-size:14px;
	}
}
@media only screen and (max-width: 480px){
	.lightbox-close{
		width:30px;
		height:30px;
	}
	.gallery-list.topGallery {
		display:block;
	}
	.gallery-list.topGallery > div{
		margin-bottom:40px;
	}
	.gallery-list.otherGallery{
		grid-template-columns: auto auto;
	}
	
	.gallery-list.topGallery a{
		display:block;
		height:unset;
	}
}