.event-image-details {
	padding: 10px;
	margin: 0 0 20px;
	position: relative
}

.event-image-details a {
	padding: 0;
	margin: 0;
	display: table;
	outline: 0;
	text-decoration: none
}

.event-image-slide {
	padding: 0;
	margin: 0;
	overflow: hidden
}

.event-image-slide img {
	padding: 0;
	margin: 0;
	width: 100%;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.event-image-details a:hover .event-image-slide img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.event-details {
	padding: 20px !important;
	margin: 0;
	display: table;
	width: 100%
}

.event-details p {
	padding: 0 0 14px;
	margin: 0;
	font-size: 15px;
	line-height: 24px
}

@media (min-width:280px) and (max-width:767px) {
	.event-details, .events-img-details{
height:auto !important;
	}
	.event-image-details {
		margin: 0 0 20px
	}
}

.event-grid-list {
	padding: 0;
	margin: 0;
	display: table
}

.event-grid-list .event-image-slide img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.event-grid-list:hover .event-image-slide img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.event-grid-tab li .active {
	color: #fff !important;
	background: #6d6d6d !important;
	border-radius: 60px
}

.event-grid-tab li a {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #505050 !important;
	padding: 0 20px !important
}

.event-grid-tab .indicator {
	display: none !important
}

.event-grid-tab {
	/* display: table !important; */
	margin: 0 auto 20px !important;
	width: auto !important;
	background-color: transparent !important;
}

.event-grid-tab .tab {
	line-height: 38px !important;
	height: 42px !important;
	text-transform: none;
	margin: 0 20px 0 0;
	position: relative;
	border-radius: 60px
}

.event-grid-tab .tab:after {
	position: absolute;
	content: '/';
	top: 6px;
    left: 5px;
	font-size: 20px;
	color: #acacac
}

.event-grid-tab .tab:nth-of-type(1):after {
	display: none
}

.event-single-image {
	padding: 0;
	margin: 0 auto;
	display: block
}

.event-single-image img {
	padding: 0;
	margin: 0;
	width: 100%
}

.event-single-details {
	padding: 0;
	margin: 0;
	padding: 40px 40px 40px 40px
}

.event-single-details p,
blockquote {
	font-size: 16px;
	color: #000;
	line-height: 30px
}

.event-single-details .event-date-detail {
	padding: 0 0 7px !important;
	margin: 0;
	display: table
}

.events-img-details .event-date-detail {
	padding: 0 0 7px !important;
	margin: 0;
	position: absolute;
	top: 15px;
	left: 25px;
	right: 25px
}

.event-date-detail li {
	padding: 0 20px 0 0;
	margin: 0;
	float: left;
	color: #969696;
	font-size: 15px;
	font-weight: 400;
	list-style: none;
}

.event-single-image {
	overflow: hidden;
	margin: 25px 0 !important;
	padding: 0
}

.event-single-image img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	transition: all 4s linear, opacity 0s .3s;
	-webkit-filter: brightness(50%);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease
}

.event-single-image:hover img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-filter: brightness(100%)
}

.events-img-details {
	padding: 10px;
	margin: 0 0 20px;
	position: relative
}

.events-img-details a {
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
	text-decoration: none
}

.event-imag-slide {
	padding: 0;
	margin: 0;
	height: auto;
	overflow: hidden
}

.event-imag-slide img {
	padding: 0;
	margin: 0;
	width: 100%;
	/* height: 100%; */
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.event-overlay,
.events-img-details a:hover .event-imag-slide img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.event-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 6px;
	background-color: #000;
	opacity: .3;
	width: 100%;
	height: auto;
	overflow: hidden;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.events-img-details a:hover .event-overlay {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	bottom: 0
}

.event-imag-slide {
	position: relative
}

.events-img-details {
	position: relative;
	display: table;
}

.events_details p {
	padding: 0 0 14px 0;
	margin: 0;
	font-size: 15px;
	color: #000;
	line-height: 24px
}

.events-img-details a {
	-webkit-transition-property: left right;
	transition-property: left right;
	-webkit-transition-duration: .8s;
	transition-duration: .8s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	border-bottom: 10px solid transparent
}

.events-img-details a:hover {
	border-bottom: 10px solid #ccc
}

.event-detail-page {
	padding: 30px 30px 10px 40px !important
}

.event-single-details h1 {
	line-height: 18px;
}

.event-single-details h2,
.event-single-details h3,
.event-single-details h4,
.event-single-details h5,
.event-single-details h6 {
	line-height: 24px;
}

@media (min-width:280px) and (max-width:399px) {
	.event-detail-page {
		padding: 0 !important
	}

	.event-single-details {
		padding: 0 !important
	}

	.event-single-image {
		margin: 10px 0 !important
	}
}

@media (min-width:400px) and (max-width:767px) {
	.event-single-details {
		padding: 20px
	}
}

@media (min-width:280px) and (max-width:767px) {
	.event-details .h5-head {
		font-size: 20px;
	}

	.events-img-details .h1-head h1,
	.events-img-details .h1-head h2,
	.events-img-details .h1-head h3,
	.events-img-details .h1-head h4,
	.events-img-details .h1-head h5,
	.events-img-details .h1-head h6,
	.events-img-details .h1-head p {
		font-size: 28px !important;
	}

	.events-img-details .h1-head h1 span,
	.events-img-details .h1-head h2 span,
	.events-img-details .h1-head h3 span,
	.events-img-details .h1-head h4 span,
	.events-img-details .h1-head h5 span,
	.events-img-details .h1-head h6 span,
	.events-img-details .h1-head p span {
		font-size: 28px !important;
	}

	.events-img-details h1,
	.events-img-details h2,
	.events-img-details h3,
	.events-img-details h4,
	.events-img-details h5,
	.events-img-details h6 {
		font-size: 19px !important;
	}

	.events-img-details p {
		font-size: 16px !important;
	}

	.events-img-details h1 span,
	.events-img-details h2 span,
	.events-img-details h3 span,
	.events-img-details h4 span {
		font-size: 18px !important;
		line-height: 25px;
	}

	.events-img-details h5 span,
	.events-img-details h6 span {
		font-size: 16px !important;
		line-height: 25px;
	}

	.events-img-details p span {
		font-size: 16px !important;
	}

	.event-single-details h1 {
		line-height: 18px !important;
	}

	.event-single-details h2,
	.event-single-details h3,
	.event-single-details h4,
	.event-single-details h5,
	.event-single-details h6 {
		line-height: 24px !important;
	}

}

@media (min-width:768px) and (max-width:1199px) {
	.event-details .h5-head {
		font-size: 20px;
	}

	.events-img-details .h1-head h1,
	.events-img-details .h1-head h2,
	.events-img-details .h1-head h3,
	.events-img-details .h1-head h4,
	.events-img-details .h1-head h5,
	.events-img-details .h1-head h6,
	.events-img-details .h1-head p {
		font-size: 24px !important;
	}

	.events-img-details .h1-head h1 span,
	.events-img-details .h1-head h2 span,
	.events-img-details .h1-head h3 span,
	.events-img-details .h1-head h4 span,
	.events-img-details .h1-head h5 span,
	.events-img-details .h1-head h6 span,
	.events-img-details .h1-head p span {
		font-size: 24px !important;
		line-height: 25px;
	}

	.events-img-details h1,
	.events-img-details h2,
	.events-img-details h3,
	.events-img-details h4,
	.events-img-details h5,
	.events-img-details h6 {
		font-size: 20px !important;
		line-height: 25px;
	}

	.events-img-details p {
		font-size: 16px !important;
	}

	.events-img-details h1 span,
	.events-img-details h2 span,
	.events-img-details h3 span,
	.events-img-details h4 span {
		font-size: 18px !important;
		line-height: 25px;
	}

	.events-img-details h5 span,
	.events-img-details h6 span {
		font-size: 16px !important;
		line-height: 25px;
	}

	.events-img-details p span {
		font-size: 16px !important;
	}

	.event-single-details h1 {
		line-height: 18px;
	}

	.event-single-details h2,
	.event-single-details h3,
	.event-single-details h4,
	.event-single-details h5,
	.event-single-details h6 {
		line-height: 24px;
	}


}

@media (min-width:1200px) and (max-width:4000px){
.event-grid-tab{
	display: table !important;
}
}
.tabs {
    overflow-x: auto;
    overflow-y: hidden;
    height: 48px;
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
    white-space: nowrap;
}
tabs .tab {
    display: inline-block;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
}
.event-grid-tab .tab {
    line-height: 38px!important;
    height: 42px!important;
    text-transform: none;
    margin: 0 20px 0 0;
    position: relative;
    border-radius: 60px;
}
.tabs .tab a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 14px;
    overflow: hidden;
    -webkit-transition: color .28s, background-color .28s;
    transition: color .28s, background-color .28s;
}
.event-grid-tab li .active {
    color: #fff!important;
    background: #6d6d6d!important;
    border-radius: 10px;
	width: 100% !important;
	margin: 0px 20px;
	height: 37px !important;
	text-decoration: none;
}
.tabs .tab {
    display: inline-flex !important;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 7px 0px !important;
    margin: 0;
}

.bg-img-common, .common-space, .common-text-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


@media only screen and (min-width: 993px){
    .event-mobile-image {
        display: none !important;
    }
}
@media only screen and (max-width: 992px){
    .event-desktop-image {
        /* display: none!important; */
    }
	.event-overlay {
		background-color: transparent;
	}
	.event-mobile-image img {
		width: 100%;
	}
}

@media only screen and (min-width: 993px) {
    .event-mobile-image img{
        display: none !important;
    }
}

@media only screen and (max-width: 992px) {
    .event-imag-slide {
        /* display: none !important; */
    }
	.event-imag-slide img {
		height: 300px !important; 
	}
}