.skin-concerns-box {
  overflow: hidden;
  clear: both;
}

@media all and (max-width: 767px) {
  .skin-concerns-box {
      margin-left: 5%;
  }
}

.skin-concerns-flexbox-1,.skin-concerns-flexbox-2,.skin-concerns-flexbox-3 {
  float: left;
  width: 30%;
  margin: 20px;
}

.skin-concerns-flexbox-1 a,.skin-concerns-flexbox-2 a,.skin-concerns-flexbox-3 a {
  display: block;
}  


.skin-concerns-flexbox-1 a:hover,.skin-concerns-flexbox-2 a:hover,.skin-concerns-flexbox-3 a:hover {
  opacity: 0.5;
}

@media all and (max-width: 767px) {
  .skin-concerns-flexbox-1,.skin-concerns-flexbox-2,.skin-concerns-flexbox-3 {
    float: left;
    width: 42%;
    margin: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .skin-concerns-flexbox-1,.skin-concerns-flexbox-2,.skin-concerns-flexbox-3 {
    width: 44%;
  }
}
  
/* =======================================================================================================*/

.skin-concerns-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background-color: #e9f4ee;
  padding: 15px 10px;
}
.skin-concerns-inner-img {
  flex-shrink: 0;
  width: 20%;
  margin: 0 auto;
}

.skin-concerns-inner-txt {
  width: 50%;
  margin: 20px auto;
  font-size: 18px;
}  

@media all and (max-width: 767px) {
  .skin-concerns-inner {
      padding: 10px 5px 5px;
  }
  .skin-concerns-inner-img {
      width: 30%;
      margin: 0;
  }

  .skin-concerns-inner-txt {
      width: 52%;
      height: 55px;
      font-size: 13px;
      line-height: 2;
      margin: 3px 0 0 10px;
  }
}