/* BARRIOTHEME > RESPONSIVE CSS  */

/* XS */

@media (max-width: 575px) {
  /******************** OPEN GENERALI ********************/

  .wrapper {
    width: calc(100% - 40px);
  }

  /******************** OPEN HEADER ********************/

  .fullScreen,
  .fullScreen .hImage {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }

  .fullScreen .title,
  .fullWidth .title {
    top: 40%;
  }

  .intro {
    font-size: 1rem;
    top: 25px;
  }

  .languages {
    font-size: 1rem;
    top: 25px;
  }

  .logo,
  .logo:visited,
  .logo:focus,
  .logo:hover {
    top: 70px;
    width: 200px;
    height: 78px;
  }

  header .payoff {
    top: 180px;
    font-size: 2.4rem;
  }

  .halfSnowflake1 {
    width: 230px;
  }

  /******************** OPEN PAYOFF ********************/

  .sectionPayoff .payoff {
    font-size: 2.6rem;
    line-height: 3.6rem;
    padding: 50px 0;
  }

  /******************** OPEN NIVES NEVE ********************/

  .sectionNivesNeve .payoff {
    font-size: 2.6rem;
    line-height: 3.6rem;
    padding: 0px 0px 40px 0px;
  }

  .halfSnowflake2 {
    width: 230px;
  }

  .logoNeve {
    padding: 150px 0px 40px 0px;
    width: 200px;
    height: auto;
  }

  /******************** OPEN STEPS ********************/

  .sectionSteps {
    padding-bottom: 60px;
  }

  .stickySx {
    margin-top: 60px;
  }

  .sectionSteps .payoff {
    line-height: 3.6rem;
    font-size: 2.6rem;
    padding-top: 40px;
  }

  .scheme {
    margin: 60px 0px 0px 0px;
    padding: 25px 0px;
  }

  .schemeIcon1 {
    width: 30px;
  }

  .schemeIcon2 {
    width: 15px;
  }

  .titleStepsB1 {
    font-size: 2rem;
    line-height: 3rem;
  }

  .textStepsB1 {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }

  .stepsB3 {
    padding-top: 40px;
  }

  .titleStepsB3 {
    font-size: 1.2rem;
    line-height: 1.7rem;
    padding-bottom: 50px 0px 10px 0px;
  }

  .titleStepsB3:first-of-type {
    margin-top: 80px;
  }

  .textStepsB3 {
    font-size: 2em;
    line-height: 3rem;
    padding-bottom: 40px;
  }

  /******************** OPEN GALLERY ********************/
  .sectionGallery {
    padding: 15px;
  }

  .galleryImage2 {
    padding: 15px 0px;
  }

  .galleryImage3 {
    padding: 0px 0px 15px 0px;
  }

  /******************** OPEN TIPS ********************/

  .lineTips::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 15;
    -webkit-mask: url(/img/fiocco+pr.svg) repeat-x;
    mask: url(/img/fiocco+pr.svg) repeat-x;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 150px;
    height: 30px;
    background-color: #143b83;
  }

  .lineTips::after {
    content: "";
    position: absolute;
    left: calc(200px - 15px);
    width: calc(100% - 200px);
    height: 1px;
    background-color: #143b83;
  }

  .titleTips {
    font-size: 1.2rem;
    line-height: 1.7rem;
    padding-bottom: 20px;
  }

  .textTips {
    font-size: 2rem;
    line-height: 3rem;
  }

  /******************** OPEN FOOTER ********************/

  .logoFooter {
    width: 150px;
    height: auto;
    padding: 30px 0px;
  }

  .logoTouring {
    width: 70px;
  }

  .titleFooter {
    font-size: 1.2rem;
    line-height: 1.7rem;
    padding: 30px 0px 20px 0px;
  }

  .textFooter {
    font-size: 2rem;
    line-height: 3rem;
    padding-bottom: 20px;
  }

  .microTextFooter {
    text-transform: none;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: 40px 0px;
  }

  .logoHellobarrio {
    padding: 50px 0px;
    width: 80px;
    height: auto;
  }
}

/* SM */

@media (min-width: 576px) and (max-width: 767px) {
  .rotate {
    position: fixed;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #1a3c47 url(../img/rotate.png) center center no-repeat;
    z-index: 10000;
  }
}

/* MD */

@media (min-width: 768px) and (max-width: 991px) {
  /******************** OPEN STEPS ********************/

  .stickySx {
    margin-top: 160px;
  }

  /******************** OPEN STEPS ********************/

  .sectionSteps {
    padding-bottom: 100px;
  }

  .scheme {
    margin-top: 110px;
  }

  .titleStepsB3:first-of-type {
    margin-top: 120px;
  }

  /******************** OPEN GALLERY ********************/
  .sectionGallery {
    padding: 15px;
  }

  .galleryImage2 {
    padding: 15px 0px;
  }

  .galleryImage3 {
    padding: 0px 0px 15px 0px;
  }
}

/* LG */

@media (min-width: 992px) and (max-width: 1199px) {
}