body { 
    display:block; 
}

/* NAVBAR */
@media (max-width: 1500px) {
    .desktopContent #header .menuLi {
        display: none;
    }

    .desktopContent #header .navSeparator {
        display: none;
    }
}

/* DUCT TAPE */

@media (max-height: 651px) {
    .ductTapeContainer {
        display:none;
    }

    #section0 .blackHalfLeftThinDivider {
        display:none;
    }
}

/* MENU */

@media (max-height: 700px) {
    .desktopContent .menuLinkContainerSolid {
        border-bottom: 0px!important;
    }
}

/* TARIFAS */

/* - Resultados */

/*
@media (max-width: 1630px) {
    .desktopContent .tarifasContainer .resultDetalles {
        margin-top: 18px;
    }
}
@media (max-width: 1405px) {
    .desktopContent .tarifasContainer .resultDetalles {
        margin-top: 57px;
    }
}
*/


/* TABLET */
/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-width: 0px) and (max-width: 1024px) {
    /* HOME */
    .homeBox .titleRow .title {
        font-size: 45px;
        line-height: 50px;
    }
    .homeBox .titleRow .subtitleGold {
        font-size: 15px;
    }
    .homeBox .subtitleBlack {
        font-size: 15px;
    }
    .homeBox .buttonContainer .crearButton {
        font-size: 12px;
    }
    .homeBox .buttonContainer .verMasBlack {
        font-size: 12px;
    }
    .homeContent .ductTapeContainer img {
        height: 468px;
    }


    /* OFRECEMOS */
    .ofrecemosContainer .ofrecemosBox .titleRow .title {
        margin-bottom: 0px;
    }
    .boxTech .subtitleWhite {
        font-size: 15px;
    }
    .ofrecemosContainer .boxTech .titleRow .title {
        font-size: 36px!important;
        line-height: 45px!important;
    }
    .boxTech .titleRow .subtitleGold {
        font-size: 15px;
        margin-top: 20px;
    }

    .epButton, .verMasWhite {
        font-size: 12px;
    }
    .boxLogi .subtitleWhite {
        font-size: 15px;
    }
    .ofrecemosContainer .boxLogi .titleRow .title {
        font-size: 36px!important;
        line-height: 45px!important;
    }
    .ofrecemosContainer .boxData .titleRow .title {
        font-size: 36px!important;
        line-height: 45px!important;
        margin-top: 10vh!important;
    }

    .boxData .subtitleWhite {
        font-size: 15px;
        margin-top: 10px;
    }

    .boxData .subtitleGold .item {
        font-size: 15px;
    }

    .boxData .subtitleGold {
        margin-top: 10px;
    }

    .boxData .subtitleGold .item {
        margin-bottom: 5px;
    }
    .boxData .imageContainer {
        padding-left: 40px;
    }

    /* INTEGRACIONES */
    .integraBox .titleRow {
        padding-top: 6vh;
    }

    /* BLOG */
    .blogBox .titleRow img {
        max-height: 18vh; 
    }
    .blogMainHome button {
        padding-left: 25px!important;
        padding-right: 25px!important;
    }
    .blogMainHome .subtitleBlack {
        width: 150%;
    }

    .newsContent {
        padding-left: 0px;
    }

    .blogMainHome .pictureContainer {
        padding-top: 0px!important;
    }
    .blogContent .pictureContainer {
        padding-top: 8vh;
    }
    .newsContent .categoria {
        font-size: 14px;
        line-height: 14px;
    }

    .newsContent .newsTitle {
        font-size: 28px;
        line-height: 35px;
    }
    .newsContent .date {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .newsContent .newsBody {
        font-size: 15px;
        line-height: 20px
    }
    .casosBox .titleRow img {
        max-height: 7vh;
    }
    .casosBox .subtitleWhite {
        width: auto;
        font-size: 15px;
    }
    .casosBox .pictureContainer {
        padding-left: 0px;
        padding-right: 0px;
    }

    .casosContent .columnRight {
        padding-top: 7vh;
        padding-left: 0px;
    }
    .casosContent .description {
        font-size: 15px;
    }
    .casosContent .columnLeft .leftContainer {
        padding-left: 15px;
    }
    .casosContent .casoLogo img {
        max-width: 95%;
    }

    /* TARIFAS */
    #sectionT .tarifasOptions .text {
        height: 14vh;
    }

    .contactScrollable {
        padding-left: 50px;
    }
    .contactBox .titleRow {
        margin-left: 0px!important;
    }
    .contactBox .titleRow img {
        max-height: 11vh;
    }
    .contactBox .socialBox {
        padding-left: 0px;
    }
    .recursosContent .patternLeft {
        bottom: 11.85%;
        max-height: 40vh; 
    }

    /* STATICS - Tech */
    .staticContainer .subtitleWhite {
        font-size: 16px;
    }
    .techTitleRow .titleRow .title {
        font-size: 45px;
        line-height: 50px;
        padding-right: 10px;
    }
    .ofrecemosContainer .todoListo .whiteLine {
        margin-bottom: 50px;
    }
    .ofrecemosContainer .todoListo .todoListoContent {
        padding-left: 15px;
    }

    .ofrecemosContainer .todoListo .todoListoTitle {
        height: 100px;
    }
    .ofrecemosContainer .todoListo .todoListoContent .subtitleBlack {
        font-size: 16px;
        padding-right: 50px;
    }
    .ofrecemosContainer .todoListo .whiteThinLine {
        margin-top: 70px;
    }
    .footer .iniciarSesion {
        display: block;
        margin-bottom: 0px;
    }
    .techContainer .goldArrowContainer {
        padding-left: 80px;
        padding-top: 40px;
    }

    /* STATICS - Data */
    .dataContainer .dataTitleRow .titleRow .title {
        height: 115px;
    }
    .dataContainer .dataTitleRow .subtitleGold span {
        font-size: 16px;
    }
    .dataContainer .staticContentFull .patternGoldContainer img {
        height: 130px;
    }
    .dataContainer .section4 .staticContent {
        padding-left: 0px;
    }
    .dataContainer .section4 .exactHalf {
        padding-right: 30px;
    }
    .dataContainer .section4 .subtitleBlack {
        width: auto;
    }

    /* STATIC - Logi */
    .logiContainer .sector4 {
        overflow-y: hidden;
    }

    /* STATIC - Tarifas */
    .desktopContent .tarifasContainer .resultsContainer .fechasContainer img {
        display: none;
    }

    .creaBox .titleRow {
        padding-left: 0px;
    }
}

@media (max-width: 1320px) {
    /* STATIC - Tarifas */
    .desktopContent .tarifasContainer .resultsContainer .fechasContainer img {
        height: 35px;
    }


    .desktopContent .articleHeadingContainer {
        background-size: 150%!important;
    }
    .ofrecemosContainer .todoListo .whiteThinLine {
        margin-top: 65px;
    }
}
@media (max-width: 1130px) {
    .desktopContent .articleHeadingContainer {
        background-size: 170%!important;
    }
}
@media (max-width: 1065px) {
    .desktopContent .articleHeadingContainer {
        background-size: 180%!important;
    }
}
