body{
  touch-action: pan-x pan-y;
}

.model-footer{
  border-top: none !important;
}
.model-header{
  border-bottom: none !important;
}

@media (min-width: 320px) and (max-width: 768px){
  .relatedProject .singleFolio{
    margin-bottom: 15px;
}
.slid2s h2{
  font-size: 17px;
  margin: 0 24px;
  line-height: 1.4;
}
.itemContent h2{
  line-height: 1.4;
}
 .btnNone{
  display: none;
 }
 .noneVisibly{
  display: initial;
}
  .feature-tequila{
    width: auto;
  }
  .fix-mt{
    display: flex;
    flex-wrap: wrap;
  }
  #descripcion p {
    width: auto;
    max-width: 500px;
  }
  article#descripcion.carticle{
    padding-top: 50px;
  }
  .centerFixText{
    top: 0%;
  }
  .pad3{
    padding: 3em 0;
  }
.singleFolio img{
  height: 32em;
}


}
@media (min-width:769px){
  #descripcion p{
   width: auto;
   max-width: 500px;

 }
 .noneVisibly{
   display: none;
 }
 .btnNone{
   display: initial;
  }

}

@media (min-width:769px) and (max-width:821px){
  section.comonSection.callToAction2{
    /* flex-direction: row; */
    display:  inline-grid;
}
.btnNone{
  display: none;
 }
 .noneVisibly{
  display: initial;
}
  article#descripcion.col-sm-12{
    order: 1;
    padding-top: 100px;
}
article#imagen.col-sm-12{
    order: 2;
}
article#caracteristicas.col-sm-12{
    order: 3;
    padding-top: 20px;
}
.slid2s h2{
  font-size: 22px;
  font-weight: 700;
  margin: 0 20px;
  line-height: 1.4;
}

}

@media (min-width:820px) and (max-width:1180px){
.h8p{
height: 80%;
}
.slid2s h2{
  line-height: 1.4;

}
}

@media (min-width:768px) and (max-width:1200px){
 
  .feature-tequila{
    width: auto;

  }
}


@media (max-width:992px){
  .itemContent p{
    line-height: initial;
  }
  
}

@media (min-width: 1200px){
.containerX{
  width: 1200px;
}


}










.opacidadDiv{
  background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%);
}

.opacidad{
  /* transition: all 0s ease 0s !important; */
  /* background: black !important; */
  opacity: .5;
  /* filter: alpha(opacity=100);
  transition: opacity .35s ease-in-out !important; */
}

.carousel .slide .legend{
  
  position: absolute !important;
  top: 29% !important;
  /* width: 100% !important; */
  text-align: center !important;
  background: transparent !important;
  opacity: unset !important;
  transition: none !important;
}

.sllearnMore{
  /* margin-top: calc(100vh - 487px); */
  margin-top: calc(50vh + -40px);
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  .menuButtons, .menuButtons2{
    display: none;
  }

  /* .sllearnMore{
    margin-top: calc(100vh - 487px);
    margin-top: calc(50vh + -23px);
  } */
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  .menuButtons, .menuButtons2{
    display: none;
  }

  /* .sllearnMore{
    margin-top: calc(100vh - 427px); 
  }*/
  
}

/* media query for fix menu where broke */

@media (min-width: 1025px) and  (max-width: 1209px){
  
  .mainMenuDesk{
    display: none !important;
  }
  
  .menuButtons{
    display: inline-block;
    z-index: 3000;
    position: absolute;
    right: 50px;
    top: 25px;
  }

  .menuButtons2, .menuButtons  img{
    width: 30px;
  }

  .item-submenu{
    display: block !important;
  }

  .verticalMenu{
    overflow: auto;
  }

}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

  .mainMenuDesk{
    display: none !important;
  }

  .menuButtons2{
    display: inline-block;
    z-index: 3000;
    position: absolute;
    right: 50px;
    top: 25px;
    display: none;
  }

  .menuButtons2, .menuButtons  img{
    width: 30px;
  }

  .carousel .slide img {
    width: 100%;
    /* vertical-align: top; */
    /* border: 0; */
    height: 90vh;
    object-fit: cover;
  }
  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  .sideMenuArea{
    overflow: auto;
  }

  .mainMenuDesk{
    display: none !important;
  }


  .menuButtons{
    display: inline-block;
    z-index: 3000;
    position: absolute;
    right: 50px;
    top: 25px;
  }

  .menuButtons2{
    display: inline-block;
    z-index: 3000;
    position: absolute;
    right: 50px;
    top: 25px;
    display: none;
  }

  .menuButtons2, .menuButtons  img{
    width: 30px;
  }

  .carousel .slide img {
    width: 100%;
    /* vertical-align: top; */
    /* border: 0; */
    height: 80vh;
    object-fit: cover;
  }
  
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  
  .menuButtons2{
    display: inline-block;
    z-index: 3000;
    position: absolute;
    right: 50px;
    top: -84px;
    z-index: 2;
}

  .menuButtons2 img{
    width: 30px;
  }

  .menuButtons{
    display: none !important;
  }

  .sllearnMore{
    display: none !important;
  }

  .carousel .slide img {
    width: 100%;
    /* vertical-align: top; */
    /* border: 0; */
    height: 100vh;
    object-fit: cover;
  }
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  .menuButtons2{
    display: inline-block;
    z-index: 3000;
  }

  .menuButtons2 img{
    width: 30px;
  }

  .menuButtons{
    display: none !important;
  }

  .item-submenu{
    display: block !important;
  }

  .sllearnMore{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 40px;
    z-index: 1;
  }

  .carousel .slide img {
    width: 100%;
    /* vertical-align: top; */
    /* border: 0; */
    height: 100vh;
    object-fit: cover;
  }
  
}