/* In The community styles */

#imageCommunityGallery li img {
	width: 100%;
}
#imageCommunityGallery {
	max-height: 650px;
}
.lSPager.lSGallery {
	padding-top: 10px;
	padding-bottom: 10px;
}

#goToPrevCommunitySlide {
	top: 86%;
	left: 14%;
}
#goToNextCommunitySlide {
	top: 86%;
	right: 14%;
}
.tl-slideshow-wrapper {
	max-width: 800px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.lSSlideOuter .lSPager.lSGallery li {
	height: 118px;
}
.lSSlideOuter .lSPager.lSGallery li img{
	object-fit: cover;
}

.tl-hero-wrapper {
	overflow: hidden;
	height: 500px;
}

.tl-community-hero-caption-wrap {
	position: absolute;
    top: 75%;
    left: 75%;
    width: 250px;
    z-index: 2;
}
.tl-fair-hero-wrap {
	position: relative;
}
.tl-community-media-list-holder {
	display: inline-grid;
 	grid-template-columns: repeat(3, 1fr);
  	grid-gap: 10px;
  	overflow: auto;
	width: 100%;
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;

	/*display: inline-block;
	margin-left: 10px;
    list-style: none;
    width: 100%;
    max-width: 1240px;
    /*display: grid;
     grid-template-columns: 100px 50px 100px;
  grid-template-rows: 80px auto 80px; 
  grid-column-gap: 10px;
  grid-row-gap: 15px;*/
}
.clear {
  clear: both;
}

.tl-community-media-thumbnail {
    background: gray;
    position: relative;
    margin-right: 25px;
    width: 375px;
    height: 250px;
    float: left;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    overflow: hidden;
}
.tl-community-thumbnail-wrap {
	margin-top: 25px;
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1240px;
    width: 100%;
}

@media screen and (min-width: 1101px) {
	#goToPrevCommunitySlide {
		top: 87%;
		left: 15%;
	}

	#goToNextCommunitySlide {
		top: 87%;
    	right: 15%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
	#goToPrevCommunitySlide {
		top: 87%;
		left: 3%;
	}

	#goToNextCommunitySlide {
		top: 87%;
    	right: 3%;
	}
}

@media screen and (max-width: 767px) {

	
	#goToPrevCommunitySlide {
		top: 83%;
		left: 9%;
	}
	#goToNextCommunitySlide {
		top: 83%;
		right: 9%;
	}
}

@media screen and (min-width: 500px) and (max-width: 767px) {
	.lSSlideOuter .lSPager.lSGallery li {
		height: 160px;
	}
}
@media screen and (min-width: 300px) and (max-width: 499px) {
	.lSSlideOuter .lSPager.lSGallery li {
		height: 88px;
	}
	#goToPrevCommunitySlide {
	top: 87%;
	left: 9%;
	}
	#goToNextCommunitySlide {
		top: 87%;
		right: 9%;
	}
}
@media screen and (min-width: 900px) and (max-width: 1281px)  {
	.tl-hero-wrapper {
    overflow: hidden;
    height: 100%;
	}
	.tl-community-media-list-holder {
	display: grid;
 	grid-template-columns: repeat(2, 1fr);

 }
}
@media screen and (max-width: 899px) {
	.tl-community-media-list-holder {
		padding-left: 0px !important;
		grid-template-columns: repeat(1, 1fr);
	}
	.tl-community-media-thumbnail {
		    width: 320px;
		    height: 250px;
		    float: left;
		    text-align: center;
		    margin-left: auto;
		    margin-right: auto;
		    margin-bottom: 20px;
		    overflow: hidden;
	}
	.tl-hero-wrapper {
    overflow: hidden;
    height: 100%;
	}
	.tl-community-hero-caption-wrap {
	    position: absolute;
	    top: 50%;
	    left: 9%;
	    width: 250px;
	    z-index: 2;
	}
}