@media only screen and (max-width: 576px) {

  #wpadminbar {
    position: fixed;
  }
  .offcanvas {
      right: 100vw;
      width: 100vw;
      overflow: scroll;
  }
  li#wp-admin-bar-wpseo-menu {
    display: none!important;
  }
  svg#Capa_1 {
    fill: #fff;
  }
  .button{
    font-size: 14px;
  }
  .ctaGreyBarRow {
      padding: 2rem;
  }
  .ctaGreyBarRow h4{
    font-size: 20px;
    text-align: center;
    margin-bottom: 2rem;
  }
  .ctaGreyBarRow .colRight {
    text-align: center;
  }
  .colWrap {
    display: flex;
    flex-direction: column;
  }
  .numberWrap {
    text-align: center;
    margin-bottom: 2rem;
  }
  .numberWrap span.number{
    width: 70px;
    height: 70px;
    font-size: 26px;
    padding: 22px;
    margin: 0;
  }
  .titleSubtitleWrap {
    text-align: center;
  }
  .safetyConsultationRow{
    padding: 1rem;
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .scInnerRow .colRight {
    margin-top: 2rem;
  }
  .vimeoVideoWrapper {
    width: 80vw !important;
    height: 64vw !important;
  }

}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {

    .safetyConsultationRow{
      padding: 1rem;
      margin-left: 2rem;
      margin-right: 2rem;
    }
    .vimeoVideoWrapper {
      width: 90vw !important;
      height: 60vw !important;
    }

  }

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

    .scInnerRow .colRight {
      margin-top: 2rem;
    }

}


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

    #menu-main-menu{
      margin-left: 0;
    }

  .pwsRow .two-third{
    padding-left: 0;
    padding-right: 0;
  }

  }

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {

  }

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {

}


@media only screen and (max-width: 1024px) {


}

@media only screen and (max-width: 1600px) {

}