/* iPad - vertical orientation */
/* iPhone - horizontal orientation. And mini tablet device */
@media screen and (min-width: 480px) and (max-width: 767px) {
  .landing {
    font-size: 16px;
    padding-bottom: 20px;
  }
  .landing p {
    margin: 13px 0;
  }
  .l-control:before {
    background-position: -135px 0;
  }
  .l-sertificates .l-box .l-img {
    width: 20%;
  }
  p.l-tagline {
    font-size: 25px;
    margin-top: 6px;
    margin-bottom: 0;
  }
  p.l-title-h2 {
    font-size: 25px;
  }
  p.l-title-h1 {
    font-size: 45px;
    margin-bottom: 0;
  }
  .l-sertificates .l-box .l-summary .l-price {
    font-size: 25px;
  }
  .l-already-bought .l-t2 {
    font-size: 25px;
  }
  .l-already-bought .l-t1 {
    font-size: 16px;
  }
  .l-date:before {
    display: none;
  }
  .l-jury .l-columns.l-three .l-col {
    width: 100%;
    margin-top: 2%;
  }
  .l-regulations .l-t1 {
    font-size: 25px;
  }
  p.l-title-h3 {
    font-size: 20px;
    margin: 20px 0 15px;
  }
  .l-list li:before {
    width: 8px;
    height: 8px;
    margin-right: 12px;
  }
  .l-regulations {
    min-height: 125px;
  }
  .l-control .l-menu {
    float: right;
    margin-top: -20px;
    text-align: left;
    width: 230px;
  }
  .l-control .l-menu a {
    display: inline-block;
    margin-bottom: 8px;
  }
  .l-control .l-tag {
    top: 6px;
  }
  .l-control.fixed {
    position: relative;
  }
  .l-columns.l-four .l-col {
    width: 33.33%;
  }
  p.l-title-h4 {
    font-size: 20px;
  }
  p.l-title-h2 + p.l-title-h4 {
    margin-bottom: 4.5%;
  }
  .protection-comp {
    margin-top: 90%;
  }
  .l-photos .l-info {
    margin-top: -8px;
  }
  p.l-title-h2 {
    margin-bottom: 6%;
  }
  .l-menu-steps {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    background-position: -134px 0;
  }
}
/* iPhone - vertical orientation */
@media screen and (min-width: 0px) and (max-width: 479px) {
  .landing {
    font-size: 16px;
    padding-bottom: 20px;
  }
  .landing p {
    margin: 13px 0;
  }
  .l-header {
    padding-bottom: 5%;
  }
  .l-about-preview {
    margin-bottom: 15%;
  }
  .l-control {
    padding: 0 30px;
  }
  .l-control-cover {
    margin-bottom: 12%;
  }
  .l-control:before {
    background-position: -135px 0;
  }
  .l-sertificates .l-box .l-img {
    width: 20%;
  }
  p.l-tagline {
    font-size: 22px;
    margin-top: 6px;
    margin-bottom: 0;
  }
  p.l-title-h2 {
    font-size: 20px;
  }
  p.l-title-h1 {
    font-size: 38px;
    margin-bottom: 0;
  }
  .l-sertificates .l-box .l-summary .l-price {
    font-size: 25px;
  }
  .l-already-bought .l-t2 {
    font-size: 20px;
  }
  .l-already-bought .l-t1 {
    font-size: 13px;
  }
  .l-date:before {
    display: none;
  }
  .l-jury .l-columns.l-three .l-col {
    width: 100%;
    margin-top: 2%;
  }
  .l-regulations .l-t1 {
    font-size: 25px;
  }
  p.l-title-h3 {
    font-size: 20px;
    margin: 20px 0 15px;
  }
  .l-list li:before {
    width: 8px;
    height: 8px;
    margin-right: 12px;
  }
  .l-regulations {
    min-height: 115px;
  }
  .l-control .l-menu {
    float: none;
    margin-top: 15px;
    text-align: left;
    width: 300px;
  }
  .l-control .l-menu a {
    display: inline-block;
    margin-bottom: 8px;
  }
  .l-control .l-tag {
    top: 0;
    float: none;
  }
  .l-control.fixed {
    position: relative;
  }
  .l-sertificates .l-box .l-img {
    float: none;
    margin-bottom: 10px;
    width: auto;
    max-width: none;
    text-align: center;
  }
  .l-sertificates .l-box .l-summary .l-subtitle,
  .l-sertificates .l-box .l-summary .l-price {
    text-align: center;
  }
  .l-participate-list p:nth-child(1):before,
  .l-participate-list p:nth-child(2):before,
  .l-participate-list p:nth-child(3):before,
  .l-participate-list p:nth-child(4):before,
  .l-participate-list p:nth-child(5):before {
    width: 38px;
  }
  .l-participate-list p {
    padding-left: 46px;
  }
  .l-participate-list {
    margin-bottom: 12%;
  }
  .l-date {
    display: inline;
    white-space: normal;
  }
  .l-control-cover.second {
    margin-top: -8px;
    margin-bottom: 9%;
  }
  .l-columns.l-four .l-col {
    width: 50%;
  }
  p.l-title-h4 {
    font-size: 18px;
  }
  p.l-title-h2 + p.l-title-h4 {
    margin-bottom: 7%;
  }
  .protection-comp {
    margin-top: 110%;
  }
  .l-photos .l-info {
    margin-top: -8px;
  }
  p.l-title-h2 {
    margin-bottom: 6%;
  }
  .l-menu-steps {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
    background-position: -134px 0;
  }
  .l-menu-steps a {
    margin: 0 4%;
  }
  .l-control-cover.l-second {
    margin-top: -6px;
  }
}