/* Small devices such as large phones (640px and up) */
@media (min-width: 1000px) and (max-width: 1100px) {

  .section-1 .break-line-lg {
    display: block;
  }
}
 
@media (min-width: 1180px) and (max-width: 1200px) and (min-height: 800px) and (max-height: 820px) {
  .section-2-CUPRE-BACH .img-1 {
    position: absolute;
    bottom: -18%;
    left: -5%;
    height: 500px;
    height: calc(var(--viewport-height) - 5%);
    right: 0;
  }
  .section-2-CUPRE-BACH {
    max-height: 100%;
  }
  .section-2 .content-CUPRE-BACH {
    margin-top: 1em;
  }
  
}
@media (min-width: 1020px) and (max-width: 1023px) and (min-height: 600px) and (max-height: 650px) {
  .section-1 .align-items-md-start {
    align-items: center !important;
    margin: auto;
  }
  .section-2 .order-lg-1 {
    order: 2 !important;
  }
  .section-2 .order-lg-2 {
    order: 1 !important;
  }
  .section-2 .col-lg-5 {
    width: 100%;
  }
  .section-2 .col-lg-7 {
    width: 100%;
  }
  .section-3 .col-lg-2 {
    width: 100%;
  }
  .section-3 .col-lg-10 {
    width: 100%;
  }
  .section-3 .col-lg-6 {
    width: 100%;
  }
  .section-4 .col-lg-5 {
    width: 100%;
  }
  .section-4 .col-lg-7 {
    width: 100%;
  }
  .section-4 .order-lg-1 {
    order: 2 !important;
  }
  .section-4 .order-lg-2 {
    order: 1 !important;
  }
  .section-4 .h2-desctacar {
    position: absolute;
    margin-top: -10px;
    background: url(/resources/imagenes/landing4/section4-img-2.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: 1;
    max-width: 90%;
    max-height: 83px; 
    left: 10%;
    background-size: cover;
  }
}
@media (min-width: 1023px) and (max-width: 1032px) and (min-height: 650px) and (max-height: 660px) {
  .section-1 .align-items-md-start {
    align-items: center !important;
    margin: auto;
  }
  .section-2 .order-lg-1 {
    order: 2 !important;
  }
  .section-2 .order-lg-2 {
    order: 1 !important;
  }
  .section-2 .col-lg-5 {
    width: 100%;
  }
  .section-2 .col-lg-7 {
    width: 100%;
  }
  .section-3 .col-lg-2 {
    width: 100%;
  }
  .section-3 .col-lg-10 {
    width: 100%;
  }
  .section-3 .col-lg-6 {
    width: 100%;
  }
  .section-4 .col-lg-5 {
    width: 100%;
  }
  .section-4 .col-lg-7 {
    width: 100%;
  }
  .section-4 .h2-desctacar {
    position: absolute;
    margin-top: -10px;
    background: url(/resources/imagenes/landing4/section4-img-2.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    z-index: 1;
    max-width: 90%;
    max-height: 83px;
    /* left: revert-layer; */
    /* margin-left: 0; */
    left: 10%;
    background-size: cover;
  }
  .break-line-lg {
    display: block;
  }
  .section-1 {
    height: 100%;
  }

  .section-1 .img-1-desktop-1 {
    display: none;
  }
  .section-1 .img-1-desktop-2 {
    display: block;
  }
  .section-1 .img-1-mobile {
    display: none;
  }
  .section-1 .subtitle {
    text-align: left;
    margin-left: 0;
  }
  .section-1 .img-1 {
    position: absolute;
  }
  .section-1 .container-fluid {
    margin-top: 4.5em;
    margin-left: 2em;
  }
  .section-1 h1 {
    text-align: left;
    font: normal normal 800 43px Mulish;
    margin-left: 0;
  }
  .section-1 .text {
    text-align: left;
    margin-left: 0;
  }
  .section-1 .btn-1 {
    font: normal normal 800 30px Mulish;
    margin-top: 0.5em;
    margin-left: 0;
    margin-bottom: 2em;
  }
  .section-1-CUPRE-BACH .btn-1 {
    font: normal normal 800 25px Mulish;
  }
  .section-1-CUPRE-BACH .container-fluid {
    margin-top: 2em;
  }
  .section-1-CUPRE-BACH .img-2 {
    max-width: 70%;
    margin-top: 1em;
  }
  .section-1-CUPRE-BACH .text {
    font: normal normal 100 25px Mulish;
  }
  .section-2 .img-1 {
    position: relative;
    bottom: 0;
    left: 10px;
    height: 500px;
    bottom: 0;
  }
  .section-2-CUPRE-BACH .text {
    font: normal normal normal 25px Mulish;
  }
  .section-2-CUPRE-BACH .img-1 {
    position: relative;
    bottom: 0;
    left: -5%;
    height: 600px;
    bottom: 0;
    max-height: 600px;
  }
}
