.modfourbox {
  margin: 0 -10px;
}
.modfourbox > h2 {
  color: #333;
  font-size: 24px;
  margin: 0 0 20px !important;
  text-align: center;
}
.modfourbox>h2,
.sppb-section-title h2.sppb-title-heading {  
} 
.modfourbox > div {
  padding: 10px ;
}
.fourslider {
  width: 100%;
  z-index: 2;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.12);
  border-radius: 10px;
  position: relative;
  background: #fff;
  float: right;
  text-align: center;
  height: 100%;
  overflow: hidden;
  transition: all linear 0.3s;
}
.fourslider:hover{
  box-shadow: 0px 0px 14px rgba(0,0,0,0.2);
}
.fourbox img {
  margin: 0 auto;
  border-radius: 10px 10px 0 0;
  -webkit-transition: all 1.5s cubic-bezier(0,0,.2,1);
  transition: all 1.5s cubic-bezier(0,0,.2,1);
  width: 100%;
}
.fourslider h2 {
  overflow: auto;
  height: auto;
  line-height: normal !important;
  margin: 0;
  font-size: 14px !important;
  padding: 12px 10px;
}
.fourslider:hover h2{
  color: #e50001 !important; 
}
.fourbox:hover img {
  -webkit-transform: scale3d(1.1,1.1,1.1);
  transform: scale3d(1.1,1.1,1.1);
}
/**/
.mataleb {  
  margin-bottom:30px;
} 
.mataleb .fourbox img {
  height: 265px;
  width: 100%;
}
.modfourbox .col-lg-3.fourbox{
  padding: 10px 15px !important;
} 
.modfourbox.slide {
    height: 370px;
    overflow: hidden;
}
.modfourbox_text_overlay {
    clear: both;
    text-align: center;
    margin: 15px 0 !important;
    width: 100%;
    float: right;
}
.modfourbox_text_overlay .arrow_down {
  display: block;
  cursor: pointer;
  margin: 0 auto;
  background-color: #0071dc;
  color: #fff;
  text-align: center;
  padding: 9px 20px;
  border-radius: 10px;
  transition: all 0.3s cubic-bezier(0,0,.2,1);
  width: 135px;
}
.modfourbox_text_overlay .arrow_down::after {
  content: "\f078";
  font-family: FontAwesome;
  font-size: 9px;
  margin-right: 5px;
}
.modfourbox_text_overlay .arrow_up {
  display: none;
  cursor: pointer;
  margin: 0 auto;
  background-color: #aaa;
  color: #fff;
  text-align: center;
  padding: 9px 20px;
  border-radius: 10px;
  transition: all 0.3s cubic-bezier(0,0,.2,1);
  width: 135px; 
}
.modfourbox_text_overlay .arrow_up::after {
  content: "\f077";
  font-family: FontAwesome;
  font-size: 9px;
  margin-right: 5px;
}


@media (max-width: 768px) { 
.modfourbox .col-lg-3.fourbox{
  width: 50% !important;
}
.fourslider h2{
  font-size: 12px !important;
}

.modfourbox > h2{
  font-size: 20px !important;
  margin: 0;
  margin-bottom: 10px !important; 
}
.modfourbox {
  margin-top: 10px;
}
}
@media (max-width: 580px) {  
     
  .modfourbox.slide {
    height: 280px; 
  } 
  .mataleb .fourbox img {
    height: 150px !important;
  }
}