@media (min-width:768px) {
  .col-md-5 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

@media (min-width:992px) {
  .col-lg-4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.box:hover {
  box-shadow: 0px 0px 10px #005a9a;
  border-left: 5px solid #00b2ff;
}

.box {
  text-align: center;
  background-color: #fff;
  margin-bottom: 30px;
  box-shadow: 0px 0px 3px #666666;
  background: #ffffff;
  padding: 15px;
  border-left: 5px solid #9be1ff;
}
.boxhong:hover {
  box-shadow: 0px 0px 10px #F05F52;
  border-left: 5px solid #DC3545;
}

.boxhong {
  text-align: center;
  background-color: #fff;
  margin-bottom: 30px;
  box-shadow: 0px 0px 3px #666666;
  background: #ffffff;
  padding: 15px;
  border-left: 5px solid #F38D97;
}
@media (min-width:1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 996px;
  }
}