/* ##### Overview Section ##### */

.content-boxes:hover {
  cursor: pointer;
}

@media (min-width: 767px) {
  .content-boxes:hover .content-boxes-image img {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.content-boxes:hover .content-boxes-text h2 {
  color: #3895cb;
}

.content-boxes .content-boxes-image {
  position: relative;
  padding: 0px 80px;
}

@media (min-width: 567px) {
  .content-boxes .content-boxes-image {
    padding: 0px 100px;
  }
}

@media (min-width: 767px) {
  .content-boxes .content-boxes-image {
    padding: 0px 70px;
  }
}

@media (min-width: 799px) {
  .content-boxes .content-boxes-image {
    padding: 0px 50px;
  }
}

@media (min-width: 992px) {
  .content-boxes .content-boxes-image {
    padding: 0px 20px;
  }
}

.content-boxes .content-boxes-image img {
  padding: 5px;
  background: transparent;
}

@media (min-width: 767px) {
  .content-boxes .content-boxes-image img {
    display: inline-block;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.content-boxes .content-boxes-text {
  text-align: center;
}

.content-boxes .content-boxes-text h2 {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

@media (min-width: 992px) {
  .content-boxes .content-boxes-text h2 {
    margin-top: 10px;
  }
}

.content-boxes .content-boxes-text p {
  font-size: 16px;
}

@media (min-width: 599px) {
  .content-boxes .content-boxes-text p {
    font-size: 22px;
  }
}

@media (min-width: 767px) {
  .content-boxes .content-boxes-text p {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  .content-boxes.text-left .content-boxes-text {
    text-align: left;
  }
}

@media (min-width: 992px) {
  .content-boxes.text-right .content-boxes-text {
    text-align: right;
  }
}

.content-boxes.not-right-column {
  margin-bottom: 30px;
}

@media (min-width: 767px) {
  .content-boxes.not-right-column {
    margin-bottom: 0px;
  }
}

.content-boxes.not-bottom-column {
  margin-bottom: 30px;
}