/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    .not-mobile{
        display: none;
    }

    .navbar{
        margin: 0;
        padding: 0;
    }
    .navbar .navbar-brand, .navbar .navbar-toggler{
        padding: 5%;
    }
    header .container{
        padding: 0;
    }
    header{
        margin: 0;
        padding: 0;
    }
    nav{
        z-index: 999999;
        padding: 0;
        margin:0;
    }
    .navbar-brand img{
        width: 150%;
    }
    .navbar-brand{
        padding: 0;
        width: 50%;
    }
    .navbar-toggler{
        padding:0;
        margin-right: 6%;
    }
    .carousel-inner img{
        height: 100vh;
    }
    .carousel-caption h1{
        font-size: 10vw;
    }
    h1, h2, h3, h4, p, h3.w-40{
        width:100% !important;
    }
    .carousel-caption p, .carousel-caption p.w-50{
        width: 100% !important;
    }
    .carousel-caption{
        top:20%;
    }
    .carousel-control-next img{
        margin-left: -150%;
    }
    h2{
        font-size: 10vw !important;
        text-align: center;
    }
    h3{
        font-size: 8vw !important;
        text-align: center;
    }
    p{
        text-align: left;
        font-size: 5vw;
    }
    h4{
        font-size: 7vw !important;
    }
    #next-slider{display: none;}
    footer ul li{
        text-align: center;
    }
    #section-one .link, #section-two a, #section-three .link, #section-four .link{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }
    #section-one .img{
        margin-top: 130%;
        padding: 0;
    }
    #section-one{
        margin: 0;
        padding: 2% 7%;
    }
    #section-one p{
        text-align: center;
    }
    #section-two{
        margin-top: -60%;
    }
    #section-two h3.title.w-40{
        margin: 15% 0 30% 0;
    }
    #section-two .row{
        margin: 0;
        padding: 0;
    }
    #section-two .texto p, #section-two .texto h4, #section-six p{
        text-align: center;
    }
    #section-two .texto div.col-xs-12{
        margin-bottom: 40%;
    }
    #section-three{
        margin-top: 410%;
        display: block;
    }
    #section-four{
        margin-top: -40%;
    }

    #section-four p{
        text-align: center;
    }

    #section-three .text, #section-four .texto{
        padding: 25% 7%;
    }
    #section-five{
        margin-top: -310%;
    }
    #section-five .div-text{
        padding: 0 7% 11%;
    }
    #section-six{
        padding-top: 95%;
        margin-top: -20%;
    }
    #section-six .col-12{
        padding: 0;
    }
    #section-six h2{
        margin: 10% 0;
    }

    #section-six p{
        line-height: 130%;
        margin:10% 0;
    }

    #section-eight .rellax img{
        margin-top: -50%;
    }
    #section-nine{
        margin-top: 150%;
    }
    #section-ten{
        margin: 0;
        padding: 25% 7%;
    }
    #section-three.cambio .link{
        font-size: 20px;
        margin-top: 10%;
    }
    footer{
        margin-top: -0.5%;
        padding-top: 35%;
    }
    footer h4{
        text-align: center;
    }
    footer p{
        text-align: center;
        padding:10px;
    }
    footer img{
        width: 60%;
        margin-bottom:20%;
    }
    .space-footer{display:none;}
    footer div.texto{
        margin-bottom: 5%;
    }
    .nav-tabs li a:hover{
        border-top-left-radius: 0.15rem;
        border-top-right-radius: 0.15rem;
        border-top: 1px solid #dbdbdb;
        border-left: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
        padding: 0 30%;
    }
    .tab-content p{ text-align: center;}
    .nav-tabs li{
        padding: 0 15%;
    }
    .center-mb{
        text-align: center;
    }
    #section-three.cambio .rellax{
        margin-top: -160%;
        margin-bottom: 250%;
    }
    /*About*/
    .circulo{
        display: none;
    }

    #section-eight p{
        text-align: center;
    }

    .space-global-about{
        margin-top:300px !important;
    }

    .hero{ height: 100vh; padding: 30% 10% 0;}
    .hero h1{ font-size: 12vw;}
    #section-seven img{width: 100%;}
    #section-nine h1{font-size: 100px;}
    #section-ten h1{font-size: 150px;}
    #section-ten img, #section-ten .col-12{width: 100%;}
    #section-ten .col-12, #section-ten h1, #section-ten .texto2{text-align: center;}
    #section-ten .texto2{margin-top: 0; margin-bottom: 10%;}
    #section-ten div.text-blue{
        margin-top: 10%;
    }
    #section-ten .div-btn, #section-16 .link, #section-fourteen .link
    {display: flex; align-items: center; justify-content: center;}
    #section-three.cambio{
        margin-top: 0;
    }
    #section-five.cambio{
        margin-top: 15% !important;
    }
    #section-seven{
        margin-bottom: 50%;
    }
    #section-eight{
        margin: 0;
        padding: 7%;
    }
    /*Services*/
    #section-thirteen .item{
        width: 45%;
    }
    #section-two.cambios{
        padding-bottom: 50%;
    }
    #section-twelve{margin-top: -35%;}
    #section-eleven{margin: 5% 3% 0;}

    /*Offshore*/
    #section-thirteen .item{
        width: 100%;
    }
    #section-thirteen h4{margin: 5% 0;}
    #section-16{ margin-top: 5%;}
    #section-15{margin: -13% 2% 0;}
    #section-six.cambio{padding-top: 90%;}
    #section-fourteen li{ width: 100%;}
    #section-fourteen p{text-align: center; margin-bottom: 40%;}
    #section-fourteen .texto{
        padding: 20% 7%;
    }
    #section-fourteen .link a, #section-16 .link a{
        margin-left: 5%;
    }

    #section-15{display:none;}

    #section-16 .bg-light-blue{
        padding: 25% 7%;
    }

    #section-16 h3{
      text-align:left;
    }

    #section-16 .bg-light-blue{
        margin-top:-200px;

    }

    #section-twelve #boton-mapa{
        margin: 15% 0 0;
    }
    .navbar-collapse{
        transition: all 0.5s;
        background-color: #1A335E;
        padding: 0 5%;
        width: 100vw;
        margin-top: -18%;
    }
    .navbar-collapse button{
        background: none;
        background-color: transparent;
        border: none;
        margin-top: 5%;
    }
    .navbar-collapse .nav-item{
        padding: 6% 0;
        margin: 0;
    }
    .not-desk{
        display: block;
    }
    .linea-time{
        display: none;
    }
}

@media (max-width:320px){
    #section-six img{width: 100%;}
    .nav-tabs li{
        padding: 0 10%;
    }
    .navbar-collapse{
        margin-top: -20%;
    }

    #section-one .img{
        margin-top: 180%;
    }
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width:767px){
    .navbar{
        margin: 0;
        padding: 0;
    }
    .navbar .navbar-brand, .navbar .navbar-toggler{
        padding: 5%;
    }
    #next-slider{display: none;}
    .navbar-collapse{
        transition: all 0.5s;
        background-color: #1A335E;
        padding: 0 5%;
        width: 100vw;
        margin-top: -15%;
    }
    .navbar-collapse button{
        background: none;
        background-color: transparent;
        border: none;
        margin-top: 5%;
    }
    .navbar-collapse .nav-item{
        padding: 6% 0;
        margin: 0;
    }
    .not-desk{
        display: block;
    }
    .carousel-caption{
        top: 20%;
    }
    .carousel-caption h1, .carousel-caption p{
        width: 100% !important;
    }
    #section-two h3{
        text-align: center;
        width: 100% !important;
        margin-bottom: 5%;
    }
    #section-two p{
        margin-bottom: 5%;
    }
    #section-two .col-sm-12{
        padding: 5% 0;
    }
    #section-two .texto-2, #section-two .texto-2 .col-md-9 .row{
        margin: 0;
    }
    #section-two .texto, #section-two .texto-2 .col-md-9 .row{
        padding: 0;
    }
    #section-five{
        margin-top: -50%;
    }
    #section-six h2, #section-six p{
        width: 100%;
    }
    footer, footer li{
        text-align: center;
    }
    .hero p, .hero h1{
        width: 100%;
    }
    #section-ten img{
        width: 100%;
    }
    #section-ten .text, #section-ten .texto2{
        margin-top: 0;
    }
    #section-ten .col-12, #section-ten p, #hero-services p, #section-eleven p{
        width: 100%;
    }
    #section-ten{
        text-align: center;
    }
    #section-ten p{
        font-size: 16px;
    }
    #section-ten .div-btn, #section-16 .link, #section-fourteen .link
    {display: flex; align-items: center; justify-content: center;}
    .hero{
        height: 100vh;
    }
    .linea-time{
        margin-top: 3%;
    }
    
}

@media only screen and (min-width:768px){
    #section-seven h2{
        width: 50%;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width:991px){
    #next-slider{
        display: none;
    }
    h2{ font-size: 5vw !important;}
    h3{font-size: 4.5vw !important;}
    h4{font-size: 2.5vw !important;}
    p{ font-size: 2vw !important;}
    .carousel-caption{
        top:20%;
    }
    .carousel-caption h1{
        width: 100%;
    }
    .carousel-caption p{ font-size: 21px !important; width: 100%;}
    #section-one p{ margin-bottom: 5%;}
    #section-one .link{margin-left: 40%;}
    #section-one{
        padding-bottom: 10%;
    }
    #section-four .texto{ padding-top: 10%;}
    #section-four p{
        width: 100%;
        margin-bottom: 5%;
    }
    #section-five{padding-top: 10%;}
    #section-five .img-text{
        top: 68%; left: 10%; width: 90%;
    }
    #section-five .img-text#construction{
        width: 80%;
        top:68%;
    }
    #section-five .img-text#energy{
        width: 80%;
    }
    #section-five .img-text#contact-us{
        width: 100%;
        left: 0;
        top:68%;
    }
    #section-six{padding-top: 50%;}
    #section-six h2{width: 80%;}
    #hero-us h1{width: 95%;}
    #section-ten p{width: 100%;}
    #section-ten h1{font-size: 120px;}
    #section-ten .col-12{width: 100%;}
    #section-six{padding-top: 35%;}
    #section-fourteen p, #section-fourteen li{width: 100%;}
    #section-fourteen li{font-size: 1rem;}
    .navbar-collapse{
        transition: all 0.5s;
        padding: 0;
    }
    .navbar-collapse .nav-item{padding: 1% 0;}
    .hero{padding: 30% 0 15%;}

    /*about page*/
    .about-introduction{
        margin-bottom:10%;
    }

    .space-global-about{
        margin-top:0 !important;
    }

    /*offshore*/
    #section-16 p{
        margin: 0% 0 7%;
    }

    .divider{
        height:600px;
    }
    .not-desk{
        display: block;
    }
    .navbar-collapse{
        transition: all 0.5s;
        background-color: #1A335E;
        padding: 0 5%;
        width: 100vw;
        margin-top: -10%;
    }
    .navbar-collapse button{
        background: none;
        background-color: transparent;
        border: none;
        margin-top: 5%;
    }
    .navbar-collapse .nav-item{
        padding: 5% 0;
        margin: 0;
    }
    .hero p{
        width: 60%;
    }
    #section-eleven .img-espacio{
        margin-top: 25%;
    }
    .navbar{
        margin: 0;
        padding: 0;
    }
    .navbar .navbar-brand, .navbar .navbar-toggler{
        padding: 3% 5%;
    }
    .linea-time{
        margin-top: 3%;
    }


}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width:1200px) {
    #section-ten h1{font-size: 150px;}
    #section-ten .col-12{width: 60%;}
    #section-five.cambio .img-text#contact-us{left: 16%;}
    /*#section-six{padding-top: 50%;}*/
    #section-six h2{width: 80%;}
    #next-slider{margin-top: -55%; margin-left: 100%;}
    #next-slider.s2{margin-top: -45%;}
    .nav-item{
        font-size: 13px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #section-two h4{
        font-size: 26px;
    }
    #section-four.cambio{
        margin-top: 0 !important;
    }
    .hero{
        height: 100vh;
    }
    #hero-us{
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #section-nine{
        margin-top: 20%;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) and (max-width:1399px) {
    #next-slider{
        margin-top: -35%;
    }

}

@media (min-width:1200px){
    .carousel-inner img{
        width: 100%;
    }
}
@media only screen and (min-width:1400px) and (max-width:1650px){
    #next-slider{ margin-top: -30%;}
    .carousel-control-next{
        top: 35%;
    }
}
@media only screen and (min-width:1650px) and (max-width:1899px){
    #next-slider{ margin-top: -25%;}
    .carousel-control-next{
        top: 35%;
    }
}

@media only screen and (min-width:1900px){
    #next-slider{
        margin-top: -20%;
    }
    .carousel-control-next{
        top: 35%;
    }
    .linea-time{
        margin-top: 1%;
        width: 97%;
    }
    #section-ten .texto{
        margin: 0;
    }
    #section-ten h1{
        text-align: center;
    }
}