@media (max-width:1024px){
    .slick-slide{
        max-height: 190px;
        width: auto !important;
    }
    .Access h1 {
    font-size: 109px;
    display: inline-block;
    letter-spacing: -2px;
    margin-bottom: 1px;
    }
    .Home.bg{
    padding-top: 250px;
    padding-bottom: 75px;
    }
    .Sistema{
        height:400px;
    }
    .Sistema.scrollimg {
    background-position: center -31px;
    }
    div#Sustentabilidad h2 {
    word-break: break-word;
    font-size: 59px;
    }
    li.nav-item {
    font-size: 9px;
    }
}
@media (max-width:992px){
    h2 {
    font-size: 44px;
    }
    .navbar-collapse {
    height: 0;
    background: rgb(0,255,0);
    }
    .navbar-collapse.show {
    height: 100vh;
    -webkit-animation: .6s 1;
    -moz-animation: .6s 1;
    animation: .6s 1;
    }
    .navbar {
    padding: 0;
    }
    .navbar-brand{
        margin: 0.5rem 1rem;
         color:#fff;
    }
    ul.navbar-nav.mr-auto {
    padding: 1em;
    }
    button.navbar-toggler {
    margin: 0px 13px;
    top: 4px;
    position: relative;
    }
    .navbar-nav .nav-link {
    color: #fff;
    }
    ul.redes{
        display:inline-block;
        margin-top: 0;
        margin-bottom:0;
    }
    .navbar-right {
    position: absolute;
    right: 0;
    top: 0;
    }
    .scrolled .navbar-brand {
    color: #333;
    }
    .slick-list.draggable {
    margin-bottom: 30px;
    }
    .Sistemadesc .slick-slide {
    height: auto;
    font-size: 19px;
    }
    .Sistemadesc .horizontal .slick-list.draggable {
    margin-bottom: 0;
    }
    span.bajada{
        display:none;
    }
    .Access h1 {
    font-size: 118px;
    display: inline-block;
    letter-spacing: -2px;
    margin-bottom: -7px;
    }
    .Sistema{
    height: 100%;
    padding-bottom: 30px;
    }
    .Sistemadesc .col-md-4, .Sistemadesc .col-md-8 {
    height: auto;
    width: 100%;
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
    /* display: block; */
    }
    .glyph {
    position: relative;
    bottom: auto;
    max-width: 37px;
    margin-bottom: 31px;
    top: 13px;
    }
    .col-md-4 img {
    max-width: 45px;
    }
    .Fabricacion{
        height:auto;
    }
    .Fabricacion .col-md-4 {
    padding: 100px 17px 35px;
    height: auto;
    }
    .Transporte{
        height:auto;
    }
    .Transporte .col-md-4, .Transporte .col-md-8, .Detalles .col-md-4, .Detalles .col-md-8 {
    height: auto;
    }
    .Transporte .slick-list.draggable{
        height: auto !important;
    }
    .Montaje, .Montaje .col-md-4{
        height:auto;
    }
    div#Sustentabilidad h2 {
    word-break: break-word;
    }
    .Sustentabilidad .slick-track {
    height: auto !important;
    }
    .obras .slick-list.draggable {
    margin-bottom: 0;
    }
    .navbar-collapse.collapse.show ul.navbar-nav.mr-auto {
    display: block !important;
    }
    .navbar-collapse.collapse.show ul.navbar-nav.mr-auto a.nav-link {
    color: #000;
    }
    .navbar-collapse.collapse.show ul.navbar-nav.mr-auto a.btn.btn-default {
    margin-top: 10px;
    }
    .navbar-collapse.collapse.show ul.navbar-nav.mr-auto a.nav-link {
    color: #000;
    font-size: 12px;
    }
}

@media (max-width:800px){
    .Home.bg {
    padding-top: 70px;
    padding-bottom: 75px;
    }
}

@media (max-width:414px){
    .hidden-xs{
        display:none;
    }
    .hidden-lg{
        display:block;
    }
    .Access h1 {
    font-size: 60px;
    display: block;
    letter-spacing: -2px;
    margin-bottom: 0px;
    }
    span.ico01{
    background-size: 40px;
    padding: 27px;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    position: relative;
    top: 0;
    }
    span.ico02{
    background-size: 40px;
    padding: 27px;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    position: relative;
    top: 0;
    }
    span.ico03{
    background-size: 40px;
    padding: 27px;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    position: relative;
    top: 0;
    }
    span.ico04{
    background-size: 40px;
    padding: 27px;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    position: relative;
    top: 0;
    }
    span.ico05{
    background-size: 40px;
    padding: 27px;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    position: relative;
    top: 0;
    }
    span.ico06{
    background-size: 40px;
    padding: 27px;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    position: relative;
    top: 0;
    }
    span.ico07 {
    background-size: 40px;
    padding: 27px;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    position: relative;
    top: 0;
    }
    span.ico08{
      background-size: 40px;
    padding: 27px;
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    position: relative;
    top: 0;
    }
    h1 {
    font-size: 54px;
    }
    h2 {
    font-size: 40px;
    }
    .Sistema h1{
        line-height:1em;
        margin-top: 0;
    }
    .Sistema img.scrollimage {
    margin-bottom: 30px;
    }
    footer .col-md-6:first-child{
        max-width: 80%;
    }
    footer .col-md-6:last-child {
    max-width: 20%;
    }
    .greyBlock{
        padding:30px 20px;
    }
    .glyph {
    position: relative;
    bottom: 0;
    max-width: 50px;
    margin-bottom: 10px;
    display: block;
    }
    .Sistemadesc .col-md-4, .Sistemadesc .col-md-8 {
    height: 100%;
    }
    .col-md-4 img {
    max-width: 40px;
    }
    .slick-list.draggable {
    margin-bottom: 30px;
    height: 200px !important;
    overflow: hidden;
    }
    .Sistemadesc .col-md-8 .slick-list.draggable {
    margin-bottom: 30px;
    height: 395px !important;
    max-height: 401px !important;
    overflow: hidden;
    margin-top: 30px;
    }
    .Sistemadesc, .Fabricacion, .Transporte, .Transporte .col-md-4, .Transporte .col-md-8, .Detalles .col-md-4, .Detalles .col-md-8, .Montaje, .Montaje .col-md-4, .Detalles{
        height:100%;
    }
    .Fabricacion .col-md-4{
        height:auto;
        padding: 60px 17px 35px;
    }
    .whitefoot .col-md-8, .whitefoot .col-md-4 {
    background: #fff;
    padding: 17px 35px;
    display: inline-flex;
    align-items: center;
    width: 50%;
    vertical-align: middle;
    }
    .Fabricacion .vertical, .Montaje .vertical {
    padding: 0 20px;
    max-height: 100%;
    }
    .col-md-8.blackBlock{
        padding:30px 20px;
    }
    .graficos, .propiedades {
    padding: 20px;
    display: block;
    }
    .Sustentabilidad .col-md-2 {
    padding: 13px;
    max-width: 50%;
    }
    .Sustentabilidad .slick-list.draggable{
        height: auto !important;
    }
    .Transporte .col-md-4, .Montaje .col-md-4, .Detalles .col-md-4, .Obras .greyBlock, .col-md-4.greenBlock, .col-md-4.yellowBlock {
    padding: 60px 17px 35px;
    }
    .Obras {
    padding-top: 3px;
    }
    span.bajada{
        display:none;
    }
    li.nav-item:last-child {
    margin-left: 0;
    }
    .Sistema.scrollimg {
    background-position: center;
    }
    .Sistema{
    height: auto;
    padding-top: 52px;
    padding-bottom: 26px;
    padding-left: 5px;
    }
    .greyBlock .slick-list.draggable{
        max-height: 357px;
    }
    .Sistemadesc .horizontal .slick-list.draggable {
    margin-bottom: 0;
    height: auto !important;
    }
    .Sistemadesc .vertical .slick-slide {
    height: auto;
    font-size: 19px;
    max-height: 100%;
    }
    div#Sustentabilidad h2 {
    word-break: break-word;
    font-size: 48px;
    }
    div#carousel-30 .slick-slide, div#carousel-200 .slick-slide, div#carousel-1000 .slick-slide {
    max-height: 300px;
    }
    .obras .slick-list.draggable {
    margin-bottom: 0;
    }
    .horizontal.slick-initialized.slick-slider {
    height: 213px;
    overflow: hidden;
    }
    .Obras .horizontal.slick-initialized.slick-slider{
        height: 160px;
    }
    .obras .slick-list.draggable{
        height: 300px !important;
    }
    .Obras .obras.slick-initialized.slick-slider{
        height: 300px;
    }
    h2.captionSlider{
        padding:30px 20px;
    }
    .Sustentabilidad .slick-slide{
        max-height: 100%;
    }
    .Contacto p small {
    font-size: 13px;
    }
    .Sistemadesc .horizontal.slick-initialized.slick-slider{
        height: 190px;
    }
    .Montaje .col-md-4 {
    padding: 40px 20px;
    }
    .Sustentabilidad .col-md-12.options {
    padding: 0;
    }
}

@media (max-width:375px){
    .Access h1{
        font-size: 52px;
    margin-bottom: 0;
    }
    .Home.bg{
        padding-bottom: 57px;
        height:100%;
    }
    .Sistemadesc .col-md-8 .slick-list.draggable {
    margin-bottom: 30px;
    height: 396px !important;
    max-height: 401px !important;
    overflow: hidden;
    }
     /*span.ico01{
        background-position:top center;
    }
   span.ico05{
        background-size: 68px;
        padding: 34px;
    }
    span.ico06 {
    background-size: 54px;
    padding: 32px;
    }
    span.ico07 {
    background-size: 68px;
    padding: 39px;
    }
    span.ico08{
        background-size: 133px;
    padding: 69px;
    }*/
    .col-md-4 img {
    max-width: 32px;
    }
    .Fabricacion .slick-list.draggable {
    height: 216px !important;
    }
    div#Sustentabilidad h2{
        font-size:44px;
    }
}

@media (max-width:320px){
    h1 {
    font-size: 39px;
    }
    .Access h1 {
    font-size: 41px;
    margin-bottom: -4px;
    }
    .Home.bg {
    padding-bottom: 57px;
    height: 100vh;
    }
    /*span.ico01{
    background-size: 31px;
    padding: 20px;
    }
    span.ico02{
    background-size: 54px;
    padding: 29px;
    }
    span.ico03 {
    background-size: 27px;
    padding: 16px;
    background-position: 0;
    vertical-align: top;
    margin-left: 9px;
    }
    span.ico04 {
    background-size: 37px;
    padding: 29px;
    }
    span.ico05 {
    background-size: 49px;
    padding: 25px;
    background-position: 0 0;
    vertical-align: top;
    }
    span.ico06 {
    background-size: 45px;
    padding: 24px;
    background-position: 0 0;
    vertical-align: top;
    }
    span.ico07 {
    background-size: 57px;
    padding: 30px;
    vertical-align: top;
    background-position: 0 0;
    }
    span.ico08 {
    background-size: 108px;
    padding: 55px;
    }*/
    .whitefoot .col-md-8 img {
    max-width: 100%;
    }
    footer{
        font-size:12px;
    }
    .Montaje .slick-list.draggable {
    height: 240px !important;
    }
    .Detalles .slick-list.draggable {
    height: 240px !important;
    }
    div#Sustentabilidad h2 {
    font-size: 36px;
    }
    footer small {
    position: relative;
    top: 4px;
    }
}