@media only screen and (max-width: 1700px) {
    .dark ul.main-nav {
        width: 96%;
    }

    .linexNav {
        width: 98%;
        margin-top: 35px;
    }

    .dark nav {
        height: inherit;
    }

    .contentInfoNav {
        width: 98%;
        text-align: center;
    }

    header {
        padding: 5px 0px 5px 0px;
    }

    .contentInfoNav p {
        width: 100%;
        text-align: center;
    }

    .contentHeaderTop {
        width: 100%;
    }

    .flip-clock-wrapper ul {
        margin: 1px;
        width: 10.5%;
        height: 80px;
      }   

    .flip-clock-wrapper ul li a div div.inn {
        font-size: 54px;
    }

    .flip-clock-divider .flip-clock-label {
        right: -66px;
    }

    .flip-clock-divider.minutes .flip-clock-label {
        right: -66px;
    }

    .flip-clock-divider.seconds .flip-clock-label {
        right: -66px;
    }

    .boxContactInfo {
        width: 32.5%;
    }

    .boxInfo {
        width: 50%;
    }

    .boxProduct {
        width: 19%;
        margin: 0.5%;
    }
}

@media only screen and (max-width: 1550px) {
    .col5 {
        width: 20%;
        margin:2%
    }

    .contentSite {
        width: 90%;
    }
    
    .col5 {
        width: 30%;
        margin:1%
    }
}

@media only screen and (max-width: 1450px) {
    .titleRowSocios {
        width: 100%;
        margin-bottom: 25px;
    }

    .titleRowSocios br {
        display: none;
    }

    .contentSocios {
        width: 100%;
    }
}

@media only screen and (max-width: 1400px) {
    .colQuienesSomos p {
        line-height: 27px;
    }

    .txtServices li {
        line-height: 27px;
    }
}

@media only screen and (max-width: 1300px) {
    .boxClock {
        padding: 0%;
        display: -webkit-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        display: -moz-flex;
        -moz-box-orient: horizontal;
        -moz-box-pack: center;
        -moz-box-align: center;
        display: flex;
        box-orient: horizontal;
        box-pack: center;
        box-align: center;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        align-self: center;
        align-content: center;
        align-items: center;
    }

    .col4equipo {
        height: 300px;
    }
}

@media only screen and (max-width: 1250px) {
    .searchHeader {
        width: 40%;
    }

    .boxCatHome {
        width: 18%;
        height: 200px;
        margin: 1% 0 1% 0;
        transition: all 0.3s;
    }
    
    .imgCat {
        width: 100%;
        height: 150px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        transition: all 0.3s;
    }

    .boxCatHome h2 {
        font-size: 16px;
        margin: 15px 0 0 0;
        color: #B74137;
    }

    .lineBlueTxt {
        width: 80%;
    }

    .col2 {
        width: 100%;
        margin-bottom: 25px;
    }

    .oblique-div {
        width: 30% !important;
    }

    .txtSlideLeft {
        width: 70% !important;
    }
}

@media only screen and (max-width: 1040px) {
    .dark ul.main-nav {
      width: 0px;
    }

    #nav {
        display: none;
    }

    .wrapper {
        display: block;
    }

    #floatSlider {
        margin-top: 0px;
    }

    .lineHeader {
        display: none;
    }

    .col5 {
        width: 48%;
        margin:1%
    }

    .contentProducts {
        justify-content: center;
    }

    .boxProduct {
        width: 32%;
        margin: 0.5%;
    }

    .searchHeader {
        width: 35%;
    }

    .rslides_container {
        min-height: auto;
    }

    .boxSocios {
        width: 50%;
    }

    .col4 {
        width: 48%;
    }

    .topLineSlideLeftBottom p {
        font-size: 20px !important;
    }

    .pTxtSlideLeft {
        font-size: 22px;
        line-height: 24px;
    }

    .pTxtSlideLeft {
        font-size: 22px;
    }

    .btnSlide {
        width: 190px;
    }

    .btnSlide i {
        font-size: 26px;
        margin-left: 10px;
    }

    .topLineSlideLeftBottom {
        margin-left: -20%;
    }

    .marginTopSite {
        padding-top: 200px;
    }
}

@media only screen and (max-width: 920px) {
    .txtTitleInfoUtil {
        font-size: 18px;
    }

    .titleRowSocios p {
        width: 100%;
        text-align: center;
    }

    .col4equipo {
        width: 100%;
        height: auto;
        padding: 5%;
    }

    .displayNoneEquipo {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    /*
    .slideDesktop {
        display: none;
    }

    .slideMobile {
        display: block;
    }*/

    .imgMarca {
        width: 30%;
        margin: 1%;
    }

    .contentProducts {
        justify-content: center;
    }

    .boxProduct {
        width: 44%;
        margin: 0.5%;
    }

    .dark nav {
        margin-top: 120px;
    }

    .slideDesktop {
        display: none;
    }

    .slideMobile {
        display: block;
    }

    .txtContent br {
        display: none;
    }

    .txtTitleInfoUtilId {
        width: 100%;
        text-align: left;
        
    }

    .txtTitleInfoUtilId img {
        float: unset;
        margin: 0 0 25px 0;
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 820px) {
    .logo {
        width: 100%;
    }

    .bgHeader {
        background-size: 100% auto;
    }

    .searchHeader {
        width: 100%;
        justify-content: center;
    }

    .searchHeader input {
        width: 70%;
        margin: 10px 0px 10px 0px;
    }

    .searchHeader i {
        margin: 10px;
    }

    .input-icon {
        /*
        top: 27%;
        left: 12px;*/
        display: none;
    }

    .account {
        position: absolute;
        left: 10px;
        top: 20px;
    }

    .contentSite {
        width: 98%;
    }

    .boxInfo {
        width: 100%;
    }

    .contentInfo {
        padding-right: 10%;
    }

    .col5 {
        padding-left: 2%;
    }

    .fixed {
        height: auto;
    }

    .contentInfoNav p {
        padding-right: 0px;
    }

    .account {
        display: none;
    }

    .boxCatHome {
        width: 48%;
        height: 200px;
        margin: 1% 0 1% 0;
        transition: all 0.3s;
    }
    
    .imgCat {
        width: 100%;
        height: 150px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        transition: all 0.3s;
    }

    .boxCatHome h2 {
        font-size: 16px;
        margin: 15px 0 0 0;
        color: #B74137;
    }

    .logo {
        text-align: left;
        padding: 20px 0px 20px 0px;
    }

    .logo img {
        margin-left: 15%;
        height: 85px;
    }

    .lineHeader {
        display: none;
    }

    header {
        padding: 0;
    }

    #floatSlider {
        margin-top: 0px;
    }

    .marginTopSite {
        padding-top: 100px;
    }

    .bgSlided1 {
        background-image: url("../img/slide/oficinamobile.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .oblique-div {
        width: 100% !important;
    }

    .topLineSlideLeft {
        display: none;
    }

    .txtSlideLeft {
        width: 100% !important;
    }

    .pTxtSlideLeft {
        width: 100% !important;
        height: auto !important;
    }

    .btnSlide {
        margin-top: 16px;
    }

    .txtSlideLeft font {
        text-align: left;
        width: 100%;
        margin-top: 15px;
    }

    .pTxtSlideLeft {
        width: 80% !important;
        text-align: left;
        justify-content: flex-start;
    }

    .pTxtSlideLeft br {
        display: none;
    }

    .topLineSlideLeftBottom {
        width: 100%;
        margin-left: 0;
        margin-right: 0 !important;
    }

    .topLineSlideLeftBottom p {
        width: 100%;
        text-align: center;
        justify-content: center
    }
}

@media only screen and (max-width: 750px) {
    .boxNews {
        width: 90%;
    }

    .flexBetween {
        justify-content: center;
    }

    .col4 {
        width: 98%;
        margin-bottom: 25px;
    }

    .imgquienessomos {
        margin-right: 20px;
        width: 150px;
    }

    .colQuienesSomos {
        height: auto;
    }

    .colFormContact {
        width: 100%;
    }

    .colInfoContact {
        width: 100%;
        margin-top: 50px;
    }

    .colFormContact form {
        justify-content: center;
    }

    h3 {
        font-size: 54px !important;
    }

    .contentFooteCarrousel p {
        font-size: 20px;
        line-height: 21px;
    }

    .contentFooteCarrousel p br {
        display: none;
    }

    .topLineSlideLeftBottom {
        margin-top: 10px;
    }

    .txtSlideLeft {
        height: auto !important;
        position: absolute;
        z-index: 999;
    }

    .oblique-div {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        filter: brightness(50%);
    }

    .txtSlideLeft font {
        color: #FFF;
    }

    .pTxtSlideLeft {
        color: #FFF;
    }

    .txtBtnSlide {
        color: #FFF;
    }

    .topLineSlideLeftBottom {
        background: linear-gradient(to right, rgba(255,255,255,0.6), rgba(255,255,255,0.6));
    }

    .topLineSlideLeftBottom p {
        color: #000;
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 600px) {

    .pTxtSlideLeft {
        font-size: 18px !important;
        line-height: 20px;
    }

    .pTxtSlideLeft {
        font-size: 22px;
    }

    .btnSlide p {
        font-size: 20px;
    }

    .btnSlide {
        width: 160px;
        height: 40px;
    }

    .btnSlide i {
        font-size: 22px;
        margin-left: 5px;
    }

    .topLineSlideLeftBottom {
       /* margin-left: -20%;*/
    }

    .pTxtSlideLeft {
        height: 300px;
    }

    .txtBtnSlide {
        font-size: 14px;
    }

    .logo img {
        margin-left: 22%;
        height: 65px;
    }

    .titleIndustrias {
        font-size: 30px;
        text-align: center;
    }

    .txtIndustrias {
        width: 100%;
        font-size: 20px;
        line-height: 26px;
    }

    .titleLogos {
        font-size: 24px !important;
    }

    .bgGreyTitle p {
        font-size: 34px;
    }
}

@media only screen and (max-width: 510px) {
    .flexContent {
        justify-content: center;
    }

    .contentProducts {
        justify-content: center;
    }

    .boxProduct {
        width: 90%;
    }

    .imgMarca {
        width: 48%;
        margin: 1%;
    }

    .col5 {
        font-size: 16px;
        line-height: 20px;
    }

    .flexBetween {
        justify-content: center;
    }
}

@media only screen and (max-width: 510px) {
    .imgMarca {
        margin-bottom: 15px;
    }

    .imgMarca img {
        max-width: 150px;
    }

    .bgHeader {
        background-size: cover;
    }

    .lineBlueTxt {
        width: 95%;
    }
}

@media only screen and (max-width: 420px) {
    .pTxtSlideLeft {
        font-size: 16px !important;
        line-height: 20px;
    }

    .pTxtSlideLeft {
        height: 280px;
    }

    .btnSlide p {
        font-size: 18px;
    }

    .logo img {
        margin-left: 30%;
    }
}

@media only screen and (min-height: 850px) {
    .video-container {
        height: 110vh;
    }
}

@media only screen and (max-height: 1100px) {
    .video-container {
        height: 90vh;
    }
}