.mainboxes-wrapper{
  margin-left: -24px;
  margin-right: -24px;
}
.mainboxes-wrapper .mainbox{
  padding: 0 24px 48px;
}
.mainboxes-wrapper .mainbox:nth-child(3n+1):nth-last-child(-n+3),
.mainboxes-wrapper .mainbox:nth-child(3n+1):nth-last-child(-n+3) ~ .mainbox {
  padding-bottom: 0;
}
.mainboxes-wrapper .mainbox .mainbox-link{
  text-decoration: none;
}
.mainboxes-wrapper .mainbox .mainbox-image{
  width: 100%;
}
.mainboxes-wrapper .mainbox .mainbox-image img{
  max-width: 100%;
  width: 100%;
}
.mainboxes-wrapper .mainbox hr{
  bottom: 0;
  left: 0;
  width: 80%;
  height: 12px;
  margin: 0 10%;
}
.mainboxes-wrapper .mainbox .mainbox-text{
  padding: 30px 10%;
}
.mainboxes-wrapper .mainbox .mainbox-text h3{
  word-break: break-word;
  font-size: 2.2em;
  line-height: 1em;
}
.mainboxes-wrapper .mainbox .mainbox-text .mainbox-learn:hover{
  color:#00A7EB;
}

@media (max-width:1080px){
  .mainboxes-wrapper .mainbox .mainbox-text h3{
    font-size: 2em;
  }
}
@media(max-width:991px){
  .mainboxes-wrapper .mainbox:nth-child(3n+1):nth-last-child(-n+3),
  .mainboxes-wrapper .mainbox:nth-child(3n+1):nth-last-child(-n+3) ~ .mainbox {
    padding-bottom: 48px;
  }
  #mainboxes.mainboxes-wrapper .mainbox:nth-child(2n+1):nth-last-child(-n+2),
  #mainboxes.mainboxes-wrapper .mainbox:nth-child(2n+1):nth-last-child(-n+2) ~ .mainbox {
    padding-bottom: 0;
  }
}
@media (max-width:767px){
  .mainboxes-wrapper .mainbox .mainbox-text h3{
    font-size: 1.8em;
  }
  .mainboxes-wrapper .mainbox .mainbox-text .mainbox-learn{
    font-size: 0.8em;
  }
}
@media (max-width:575px){
  .mainboxes-wrapper{
    margin-left: -5px;
    margin-right: -5px;
  }
  .mainboxes-wrapper .mainbox{
    padding: 0 5px 20px;
  }
}
@media (max-width:450px){
  .mainboxes-wrapper{
    margin-left: -10px;
    margin-right: -10px;
  }
  .mainboxes-wrapper .mainbox{
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 10px 20px;
  }
  .mainboxes-wrapper .mainbox .mainbox-text h3{
    font-size: 2.1em;
  }
  .mainboxes-wrapper .mainbox:nth-child(3n+1):nth-last-child(-n+3),
  .mainboxes-wrapper .mainbox:nth-child(3n+1):nth-last-child(-n+3) ~ .mainbox {
    padding-bottom: 20px;
  }
  #mainboxes.mainboxes-wrapper .mainbox:nth-child(2n+1):nth-last-child(-n+2),
  #mainboxes.mainboxes-wrapper .mainbox:nth-child(2n+1):nth-last-child(-n+2) ~ .mainbox {
    padding-bottom: 20px;
  }
  #mainboxes.mainboxes-wrapper .mainbox:nth-child(1n+1):nth-last-child(-n+1),
  #mainboxes.mainboxes-wrapper .mainbox:nth-child(1n+1):nth-last-child(-n+1) ~ .mainbox {
    padding-bottom: 0;
  }
}