.hm-sec2 {
    display: inline-block;
    width: 30.45%;
    margin: 1.3%;
    overflow: hidden;
    position: relative;
}
.hovereffect {
	width:100%;
	height:100%;
	float:left;
	overflow:hidden;
	position:relative;
	text-align:center;
	cursor:default;
}
.hovereffect img{position:relative; transition:all .4s linear; width: 100%;}

.hovereffect:hover img {transform:scale(1.4);}

.overlay {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	/*opacity:0;
	background-color:rgba(0, 0, 0, 0.67);*/
	transition:all .4s ease-in-out
}
/*.hovereffect:hover .overlay {opacity:1;}*/

.lable{
	background:#008cb5;
	position:absolute;
	top:0;
	right:15px;
	width:45px;
	padding:10px 10px;
	color:#fff;
	text-align:center;
	z-index:99;
}
.lable:after{
	content: '';
    position: absolute;
    left: 0px;
    bottom: -11px;
    border-left: 35px solid transparent;
    border-right: 30px solid transparent;
    border-top: 12px solid #008cb5;
    z-index: 0;
}
.lable:before{
	content: '';
    position: absolute;
    left: 0px;
    bottom: -10px;
    border-left: 35px solid transparent;
    border-right: 30px solid transparent;
    border-top: 10px solid #008cb5;
    z-index: 1;
	
}
.lable small{
	display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 50%;
    font-size: 16px;
    color: #242424;
    line-height: 30px;
    padding: 0;
    margin-bottom: 5px;
}
.lable span{
	text-transform:uppercase; 
	font-weight:700; 
	font-size:11px; 
	display:block;
}
.hovereffect-txt{
    position: absolute;
    left: 0px;
    bottom: 0px;
    background:url(../images/caption-bg.png);
    width: 100%;
    z-index: 2;
}
.teext{    
	padding: 25px 20px 15px;
    border-top: 10px solid #e3543e;
    margin: 0;
	float:left;
}
.teext a{
	text-align: left;
    color: #f7f7f7;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Muli', serif;
    margin-bottom: 5px;
    float: left;
	text-decoration:none;
}
.teext a:hover{text-decoration:underline;}

.teext p{float:left; color:#fbfbfb; font-size:15px; text-align: justify;}



/*----------hover effect 2 type-------*/
.event-box{
	display: inline-block;
    width: 64%;
    border: solid 1px #e6e6e6;
    margin: 0% 1% 2.5%;
    text-align: center;
    background-color: #fff;
	transition:all .4s ease-in-out;
	position:relative;
	vertical-align:top;
	overflow:hidden;
}
.event-box:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
    opacity: 0.7;
    z-index: 50;
	transition:all .4s ease-in-out;
}
.event-box:hover:before {opacity: 1; }

.event-box:hover{
	box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);
	transition:all .4s ease-in-out;
}
.event-box2{width:30.65%;}

.event-thumb{
	float:left; 
	width:100%;	
	position:relative; 
	overflow:hidden;
	transition:all .4s ease-in-out;
}
.event-thumb img{width:100%; transition:all .4s ease-in-out;}

.event-box:hover img{transform:scale(1.3) rotate(10deg);}

.evnt-txt{
	position:absolute; 
	bottom:30px; 
	left:30px;
	z-index:999;
	color:#fff;
	text-align:left;
}
.evnt-txt h2{
	text-align: left;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    font-family: Slabo-27px, serif;
    margin-bottom: 10px;
}
.evnt-txt p{color:#fff; font-size:16px; margin-bottom:10px;}


/*----------end hover effect 2 type-------*/



@media handheld, only screen and (max-width: 1024px) {

.hm-sec2{width:47%;}

.teext{width:91%; padding: 30px 20px 25px;}

.teext a{float:none; display: block;}

.event-box{width:97%;}

.event-box2{width:47%;}

}


@media handheld, only screen and (max-width: 667px) {

.hm-sec2{width:97.5%;}

.teext{width:93.5%;}

.event-box{width:97%;}

.event-box2{width:97%;}

}