.grid .grid-item { display: block; float: none;  width: 31.5%; opacity:1; margin-bottom:20px;padding:0px;}
.grid .grid-item:hover, .grid .grid-item.notVisible { /*box-shadow: 0px 0px 8px #000000;*/ z-index: 2;
 -webkit-transition: all 150ms ease-in;
  -webkit-transform: scale(1.14); -ms-transition: all 150ms ease-in;
  -ms-transform: scale(1.14); padding:0;
    -moz-transition: all 150ms ease-in;
     -moz-transform: scale(1.14);
      transition: all 150ms ease-in;
        transform: scale(1.14);}
.grid .grid-item.notVisible {opacity:0;}
.grid-item:hover .event-overlay .social-content p{color:#fff;}
.grid .grid-item:hover .event-overlay{ background:#cc0000; color:#fff;}
.grid .grid-item:hover .event-overlay small{ color:#fff;}
.white-area{ width:100%;}
.event-overlay { background: #333333;}
.event-overlay .social-content h3 { display: inline-block; height: auto; width: 100%; color:#fff; font-size:24px;}
.Section.social-inn .cls_half_col { width: auto;}
/*.grid-item.animate:hover .cls_half_col { width: 107%; margin-left: -10px; margin-top: -20px; z-index:1;}*/
.grid.effect-3 li.animate{

}
.grid .grid-item:hover{padding:0;}
.event-overlay .social-content small{ font-size:13px; color:#999999; display: inline-block; margin:10px 0;}
.event-overlay .social-content p{ font-size:13px; color:#cccccc; margin-bottom:20px;}
.event-overlay .social-content a{ font-size:16px; padding:0; color:#cccccc; display: block; width: auto; position: initial; min-height: auto;}
.grid .grid-item:hover .event-overlay .social-content a{color:#fff;}
.event-overlay .social-content a:hover i{ border:none;}
.grid .grid-item:hover  .event-overlay .social-content{ padding:30px 30px;}
.event-overlay .social-content { padding: 25px 15px;}
.Section.social-inn .cls_half_col.even .event-container a { margin-right: 0;}
.event-overlay { width: 100%;}
.Section.social-inn .cls_half_col.even .event-overlay { margin-right: 0;}
.Section.social-inn .cls_half_col.odd .event-overlay { margin-left: 0;}
.Section.social-inn .cls_half_col.odd .event-container a { margin-left: 0;}
.Section.social-inn .cls_half_col{ margin-bottom:0;}
.event-overlay .social-content a i { border: none; color: #ccc; width: inherit; position: static; height: inherit; padding-left: 5px;}
.grid-item:hover .event-overlay .social-content a i{color:#fff;}
.event-overlay .social-content a:hover i, .event-container:hover + .event-overlay .social-content a i {
border: none;}
/*.grid.effect-3 li.animate:hover {
    animation: none;
}*/
.event-date{background:#333; width:36px; font-size:12px; font-weight:bold; padding:5px 5px 3px 5px; text-align:center; color:#fff; position:absolute; left:10px; top:10px; box-shadow: 0 0 0 5px rgba(255,255,255,0.66); text-transform:uppercase; line-height: initial;}
.event-date span{width:100%; float:left; font-size:10px; line-height: initial;margin-bottom: 2px;}
.grid .grid-item:hover .event-date{background-color:#cc0000;}


/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}




@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.grid .grid-item { display: block; float: none; margin-bottom: 20px; width: 31.5%; opacity:1;}
.grid .grid-item:hover, .grid .notVisible.grid-item {
    width: 35.7%;
    margin-left: -2.1%;
    transform: none;
    transition: 100ms linear;
}

}


@supports (-ms-ime-align:auto) {
	.grid .grid-item { display: block; float: none; margin-bottom: 20px; width: 31.5%; opacity:1;}
.grid .grid-item:hover, .grid .notVisible.grid-item {
   width: 35.7%;
    margin-left: -2.1%;
    transform: none;
    transition: 100ms linear;
}
}



@media screen and (max-width: 767px){
	.grid .grid-item{width:50%;}
	.event-overlay .social-content h3{font-size:20px;}
	.event-overlay .social-content small{font-size:12px;}
	.event-overlay .social-content a{font-size:15px;}

}
@media screen and (max-width: 1024px){
    .grid .grid-item:hover { -webkit-transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);  transform: scale(1.12); box-shadow:none;}
	.grid .grid-item{padding-top: 10px !important; padding-bottom: 10px !important;}
}
@media screen and (max-width: 480px){
	.grid .grid-item{width:100%; padding-left:0; padding-right:0;}  
}