.clp-section.horizontal {
  margin-bottom: 0.5em; padding: 0.9em 0; border-bottom: 1px solid #e2e2e2;
}
.clp-section.vertical {
  float: left; max-width: 30%; width: 100%; margin: 0 0 30px;
}
.clp-section.vertical:nth-child(2),
.clp-section.vertical:nth-child(5),
.clp-section.vertical:nth-child(8),
.clp-section.vertical:nth-child(11),
.clp-section.vertical:nth-child(14),
.clp-section.vertical:nth-child(17),
.clp-section.vertical:nth-child(20) {
  margin: 0 5% 30px;
}
.clp-section.vertical img {
  display: block; width: 100%; height: auto;
}

@media only screen and (min-width:1551px){
  .clp-section.horizontal p img {
    float: left; margin: 0 0.9em 0.9em 0;
  }
  .clp-section.vertical {
    display: block; max-width: 30%; width: 100%; margin: 0 0 30px 0; float: left;
  }
  .clp-section.vertical img {
    display: block; width: 100%; height: auto;
  }
  .clp-section.vertical:nth-child(2),
  .clp-section.vertical:nth-child(5),
  .clp-section.vertical:nth-child(8),
  .clp-section.vertical:nth-child(11),
  .clp-section.vertical:nth-child(14) {
    margin: 0 5% 30px;
  }
}

@media only screen and (min-width:1441px) and (max-width:1550px){
 .clp-section.horizontal p img {
    float: left; margin: 0 0.9em 0.9em 0;
  }
  .clp-section.vertical {
    display: block; max-width: 30%; width: 100%; margin: 0 0 30px 0; float: left;
  }
  .clp-section.vertical img {
    display: block; width: 100%; height: auto;
  }
  .clp-section.vertical:nth-child(2),
  .clp-section.vertical:nth-child(5),
  .clp-section.vertical:nth-child(8),
  .clp-section.vertical:nth-child(11),
  .clp-section.vertical:nth-child(14) {
    margin: 0 5% 30px;
  }
}

@media only screen and (min-width:1281px) and (max-width:1440px){
  .clp-section.horizontal p img {
    float: left; margin: 0 0.9em 0.9em 0;
  }
  .clp-section.vertical {
    display: block; max-width: 30%; width: 100%; margin: 0 0 30px 0; float: left;
  }
  .clp-section.vertical img {
    display: block; width: 100%; height: auto;
  }
  .clp-section.vertical:nth-child(2),
  .clp-section.vertical:nth-child(5),
  .clp-section.vertical:nth-child(8),
  .clp-section.vertical:nth-child(11),
  .clp-section.vertical:nth-child(14) {
    margin: 0 5% 30px;
  }
}

@media only screen and (min-width:1025px) and (max-width:1280px){
  .clp-section.horizontal p img {
    float: left; margin: 0 0.9em 0.9em 0;
  }
  .clp-section.vertical {
    display: block; max-width: 30%; width: 100%; margin: 0 0 30px 0; float: left;
  }
  .clp-section.vertical img {
    display: block; width: 100%; height: auto;
  }
  .clp-section.vertical:nth-child(2),
  .clp-section.vertical:nth-child(5),
  .clp-section.vertical:nth-child(8),
  .clp-section.vertical:nth-child(11),
  .clp-section.vertical:nth-child(14) {
    margin: 0 5% 30px;
  }
}

@media only screen and (min-width:981px) and (max-width:1024px){
  .clp-section.horizontal p img {
    float: left; margin: 0 0 0.9em 0;
  }
  .clp-section.vertical {
    display: block; max-width: 30%; width: 100%; margin: 0 0 30px 0; float: left;
  }
  .clp-section.vertical img {
    display: block; width: 100%; height: auto;
  }
  .clp-section.vertical:nth-child(2),
  .clp-section.vertical:nth-child(5),
  .clp-section.vertical:nth-child(8),
  .clp-section.vertical:nth-child(11),
  .clp-section.vertical:nth-child(14) {
    margin: 0 5% 30px;
  }
}

@media only screen and (min-width:481px) and (max-width:980px){
  .clp-section.horizontal p img {
    float: left; margin: 0 0.9em 0.9em 0;
  }
  .clp-section.vertical {
    display: block; max-width: 30%; width: 100%; margin: 0 0 30px; float: left;
  }
  .clp-section.vertical:nth-child(2),
  .clp-section.vertical:nth-child(5),
  .clp-section.vertical:nth-child(8),
  .clp-section.vertical:nth-child(11),
  .clp-section.vertical:nth-child(14) {
    margin: 0 5% 30px;
  }
}

/* iphone6 landscape */
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){
}

/* iphone6 plus landscape */
@media only screen and (min-device-width:414px) and (max-device-width:736px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:3){
}

/* iphone 5 landscape */
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
}

/* all phones portrait */
@media only screen and (max-width:480px){
  .clp-section.vertical {
    clear:left; max-width: 100%; width: 100%; margin: 0 0 10px;
  }
  .clp-section.vertical:nth-child(2),
  .clp-section.vertical:nth-child(5),
  .clp-section.vertical:nth-child(8),
  .clp-section.vertical:nth-child(11),
  .clp-section.vertical:nth-child(14),
  .clp-section.vertical:nth-child(17),
  .clp-section.vertical:nth-child(20) {
    margin: 0 0 10px;
  }
  .clp-section.vertical {
    margin: 0 0 0 0;
  }
  .clp-middle {
    margin-bottom: 0; padding-bottom: 30px;
  }
  .clp-section.horizontal p img,
  .clp-section.vertical p img {
    display: block; width: 100%; height: auto;
  }
}

/* all phones 480 landscape */
@media only screen and (max-width:480px) and (orientation:landscape){
  .clp-middle {
    margin-bottom: 0; padding-bottom: 30px;
  }
}

/* ipad landscape */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){
}

/* ipad portrait */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1){
  .clp-section.horizontal p img {
    float: left; margin: 0 0.9em 0.9em 0;
  }
  .clp-section.vertical {
    /*display: block; max-width: 30%; width: 100%; margin: 0 0 30px; float: left;*/
    display: inline-block; max-width: 30%; width: 100%; margin: 0 0 30px;
  }
  .clp-section.vertical:nth-child(2),
  .clp-section.vertical:nth-child(5),
  .clp-section.vertical:nth-child(8),
  .clp-section.vertical:nth-child(11),
  .clp-section.vertical:nth-child(14) {
    margin: 0 5% 30px;
  }
  .clp-section.vertical img {
    display: block; width: 100%; height: auto;
  }
}


/* ipad retina landscape */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){
  .clp-section.horizontal p img {
    float: left; margin: 0 0.9em 0.9em 0; max-width: 50%;
  }
  .clp-section.vertical {
    /*display: block; max-width: 30%; width: 100%; margin: 0 0 30px; float: left;*/
    display: inline-block; max-width: 30%; width: 100%; margin: 0 0 30px;
  }
  .clp-section.vertical:nth-child(2),
  .clp-section.vertical:nth-child(5),
  .clp-section.vertical:nth-child(8),
  .clp-section.vertical:nth-child(11),
  .clp-section.vertical:nth-child(14) {
    margin: 0 5% 30px;
  }
  .clp-section.vertical img {
    display: block; width: 100%; height: auto;
  }
}

/* ipad retina portrait */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){
  .clp-section.horizontal p img {
    float: left; margin: 0 0.9em 0.9em 0; max-width: 50%;
  }
  .clp-section.vertical {
    /*display: block; max-width: 30%; width: 100%; margin: 0 0 30px; float: left;*/
    display: inline-block; max-width: 30%; width: 100%; margin: 0 0 30px;
  }
  .clp-section.vertical:nth-child(2),
  .clp-section.vertical:nth-child(5),
  .clp-section.vertical:nth-child(8),
  .clp-section.vertical:nth-child(11),
  .clp-section.vertical:nth-child(14) {
    margin: 0 5% 30px;
  }
  .clp-section.vertical img {
    display: block; width: 100%; height: auto;
  }
}