/*********************MEDIAS*********************/
@media screen and (max-width: 600px) and (orientation: landscape),
screen and (max-device-width: 600px) and (orientation: landscape) {
    body {
        opacity: 0 !important;
    }
}

@media screen and (max-device-width:440px) {

    #video_pag{
        width: 0vw;
    }

    .slider {
        margin-top: 45px;
    }

    .slider-content .title_index{
        font-size: 5.5vw;
    }

    .slider-content .bold900-title{
        font-size: 5vw;
    }

    .scrolled_menu {
        padding-bottom: 25pt;
        color: #ffffff;
        background-color: var(--azul) !important;
    }

    .title_index {
        font-size: 7vw;
        margin-left: 3vw;
        font-weight: 900;
    }

    .bold900-title {
        font-size: 10.6vw;
    }

    #desktop-nav {
        display: none;
    }

    #nostros_index {
        justify-content: center;
    }

    #nostros_index article {
        width: 94vw;
        margin: 8vw 3vw 3vw 3vw;
    }

    #nostros_index .title {
        font-size: 7vw;
        margin-top: 20px;
        width: 100%;
    }

    #nostros_index-img {
        width: 100%;
        height: 55vw;
        background-image: url(assets/img/supertrack_trsacto3.png);
        position: static;
        /* right: 3vw; */
        /* top: 30vh; */
        background-size: cover;
    }

    #movil-nav {
        width: 100vw;
        height: 100vh;
        position: fixed;
        background: var(--azul);
        transform: translateX(-100%);
        pointer-events: initial;
        transition: 800ms ease;
    }

    #arrow_mov1 {
        margin-top: 50vw;
        right: 80vw;
        z-index: 0;
        pointer-events: none;
    }

    #arrow_mov2 {
        margin-top: 50vw;
        right: 80vw;
        z-index: 0;
        transition: 1200ms ease;
        pointer-events: none;
    }

    #movil-nav.open {
        transform: translateX(0);
    }

    #movil-nav ul {
        flex-direction: column;
        margin-top: 30vw;
        margin-left: 3vw;
        width: 94vw;
        font-size: 120%;
    }

    #movil-nav ul li {
        border-bottom: 1px solid;
        padding: 1vw 0;
        color: #999999 !important;
    }

    body {
        font-size: 4.5vw;
    }

    .scrollbar-track-y {
        display: none !important;
    }

    #logo {
        width: 15vw;
        top: 1vw;
        z-index: 999;
    }

    #uno {
        height: 28vh;
    }

    #arrow_2 {
        top: -2vh;
        left: -18vh;
    }

    #cookie-law-info-bar {
        height: 30vw !important;
        padding: 3vw !important;
        margin: 3vw !important;
    }

    .cli-bar-container {
        font-size: 3.5vw !important;
        line-height: 1.2 !important;
    }

    .cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
        border-radius: 5vw;
        font-size: 3.5vw;
        padding: 1vw 2.2vw;
    }

    #movil-menu {
        position: fixed;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        pointer-events: none;
        display: flex;
    }

    .arrow {
        width: 105vh;
        height: 7vh;
    }

    h2 {
        font-size: 8vw;
    }

    h3,
    h1 {
        font-size: 3.5vw;
    }

    a.boton,
    a.botonw {
        padding: 0.5vw 2vw 0.5vw 2vw;
    }

    #movil-menu-boton {
        position: absolute;
        width: 9vw;
        height: 9vw;
        right: 3vw;
        top: 0.5vw;
        z-index: 999;
        background: #002e63;
        padding-left: 4px;
        padding-bottom: 2px;
    }

    #movil-menu-boton.blue span {
        /* background: var(--azul); */
    }

    #movil-menu-boton.blue22 span {
        background: #fff;
    }

    #movil-menu-boton.openb span {
        transform: rotate(45deg);
        top: 5vw;
    }

    #movil-menu-boton.openb span:first-child {
        transform: rotate(-45deg);
        top: 5vw;
    }

    #logo.whiteopen svg path {
        fill: #fff !important;
    }

    #movil-menu-boton.whiteopen span {
        background: #fff !important;
    }

    #movil-menu-boton span {
        top: 3vw;
        width: 8vw;
        height: 0.8vw;
        background: #fff;
        position: absolute;
        transition: 400ms ease;
    }

    #movil-menu-boton span:first-child {
        top: 5.5vw;
    }

    #logo.blue-mov svg path {
        fill: var(--azul);
    }

    nav.blue-mov {
        color: var(--azul);
    }

    .boton span,
    .botonw span,
    .post-boton span {
        margin-right: 1vw;
    }

    .submenu li {
        font-size: 4vw;
        border-bottom: none !important;
        margin-left: 1vw;
    }

    .menu-servicios.open,
    .menu-contacto.open {
        height: 31vw;
    }

    .menu-servicios .submenu,
    .menu-contacto .submenu {
        display: none;
    }

    .submenu {
        margin-top: 1vw !important;
    }

    .menu-servicios span,
    .menu-contacto span {
        position: absolute;
        right: 3vw;
        color: var(--rojo);
        transform: rotate(90deg);
        transition: 400ms ease;
    }

    a.link::before {
        display: none;
    }

    nav ul li a.active,
    .menu-servicios.active,
    .menu-contacto.active {
        color: inherit;
    }

    #tralog2 {
        padding: 3vw;
        bottom: 20vw;
        position: absolute;
        left: 0;
        width: 94vw;
        height: auto;
        font-size: 16vw;
        font-family: 'Type1';
        font-weight: 100;
        line-height: 1;
        text-transform: uppercase;
        color: #fff !important;
    }

    /*********************Movil/idiomas*********************/
    .trp-language-switcher {
        top: 9vw;
        left: 92vw;
        width: 5vw !important;
    }

    .trp-ls-shortcode-current-language {
        display: none !important;
    }

    .trp-language-switcher>div>a {
        font-size: 4vw;
    }

    .trp-ls-shortcode-language.movil {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 5vw !important;
        top: 0 !important;
        flex-direction: row;
        height: 14vw !important;
        background: none !important;
    }

    .trp-language-switcher a {
        padding: 0 3vw !important;
    }

    .cli-tab-footer .cli-btn {
        padding: 2vw;
        border-radius: 4vw !important;
    }

    /*********************Footer - Movil*********************/
    .footer {
        /* height: calc(100vh - 12vw); */
        height: calc(13vh - 6.5vw);
    }

    .pamplona,
    .francia {
        /* width: 42vw;
        word-break: break-word; */
        display: none;
    }

    .footer .submenu {
        /* width: 94vw;
        margin-top: 70vw !important;
        left: 3vw;
        z-index: 9999; */
        display: none;
    }

    .submenu ul {
        width: 100%;
    }

    .footer-copy {
        bottom: 11vw;
        width: 80vw;
        left: 0;
        z-index: 99;
        display: none;
    }

    .linkedin {
        left: 3vw;
        position: absolute;
        bottom: 6vw;
        z-index: 99;
    }

    .silencio {
        left: 0;
        bottom: 32vw;
        z-index: 99;
    }

    .lodisna {
        font-size: 12.4vw;
        bottom: 20vw;
        z-index: 99;
        display: none;
    }

    .arrow-footer-1 {
        top: 36vh;
        left: -100vw;
    }

    .arrow-footer-2 {
        top: 36vh;
        left: -121vw;
    }

    /*********************HOME - Movil*********************/
    #uno h1 {
        font-size: 16.4vw;
        width: 94vw;
        bottom: 64.3vw;
        height: 25vw;
    }

    #uno h1 span:first-child {
        text-align: left;
    }

    #uno_text {
        height: 39vw;
        width: 94vw;
        top: calc(100vh - 67vw);
        padding: 3vw;
        left: 0;
    }

    #tralog {
        bottom: 65vw;
    }

    #start-scroll span {
        display: none !important;
    }

    #start-in {
        font-size: 3vw;
        padding: 1vw 2.2vw;
    }

    #start-scroll {
        right: 3vw;
        left: auto;
        top: calc(100vh - 32vw);
    }

    #year {
        bottom: 96vw;
    }

    #arrow_1 {
        top: -18vh;
        left: -28vh;
    }

    #mark0 {
        margin-top: 0vh;
    }

    #tres {
        margin-top: 15vh;
    }

    .content {
        top: 32vw;
        width: 90vw;
        flex-direction: column;
    }

    .content article {
        width: 84vw;
        margin-left: 0;
        margin-top: 2vw;
    }

    .line {
        top: -4vw;
    }

    .content h3 {
        width: 100%;
    }

    #content_logistica {
        opacity: 1;
        margin-top: 56vw;
    }

    #numeritos {
        margin-left: 59vw;
        margin-top: -86vh;
    }

    #numeritos div {
        margin-bottom: 26vw;
        font-size: 22vw !important;
        width: 35vw;
    }



    .contenido {
        width: 80vw;
        flex-direction: column;
    }

    .contenido h3 {
        width: 80vw;
    }

    .contenido article {
        margin-top: 3vw;
        width: 100%;
    }

    #cuatro {
        justify-content: flex-start;
    }

    #cuatro h2 {
        width: 95vw;
        margin-top: 21vw;
    }

    #cuatro .article {
        width: 93%;
        background-color: rgba(255, 255, 255, 0.5);
    }

    #equipo_2 {
        height: 25vh;
        justify-content: flex-start;
    }

    #kilometros {
        top: 111vw;
        right: 25vw;
        font-size: 7vw;
        width: 50vw;
        height: 50vw;
    }

    #dot {
        width: 1.4vw;
        height: 1.4vw;
        transform-origin: 25.7vw;
        left: -0.6vw;
        top: calc(50% - 0.7vw);
    }

    #tiempo {
        top: 29vw;
        font-size: 3vw;
    }

    #carrusel-home {
        height: 89.5vw;
        margin-top: -1px;
        padding-bottom: 10vw;
    }

    #lodisna-grande {
        height: 109vw;
        font-size: 107vw;
        margin-top: -5vw;
    }

    #carrusel-imagenes {
        width: 400vw;
        margin-top: 26vw;
        transform: translateX(0);
    }

    .carrusel-img {
        width: 94vw !important;
        height: 60vw;
        margin: 3vw;
    }

    #cinco {
        height: calc(60vh + 1px);
    }

    #cinco article {
        width: 80vw;
    }

    #numeros_in .desc {
        color: #fff;
        position: absolute;
        width: 49vw;
        text-align: right;
        margin-top: 22vw;
    }

    #numeros {
        height: 30vh;
    }

    #numeros_in {
        width: 521vw;
        transform: translateX(0);
    }

    #numeros_in .num {
        font-size: 25vw;
    }

    #numeros_in .desc {
        width: 50vw;
        text-align: right;
        margin-top: 5vw;
    }

    #seis {
        margin-top: -60vh;
        z-index: -1;
        height: 300vh;
    }

    #seis-inner {
        width: 100vw;
        flex-direction: column;
    }

    #ocho {
        right: 0;
        margin-top: 115vh;
    }

    #seis-inner {
        transform: translateX(0);
    }

    #siete h3,
    #ocho h3 {
        width: 70vw;
        margin-top: 16vw;
        font-size: 5vw;
    }

    #siete h2 {
        width: 80vw;
    }

    #puntos {
        width: 400vw;
        margin-top: 65vw;
    }

    #puntos div {
        width: 60vw;
        padding: 1vw 3vw;
    }

    #siete {
        justify-content: flex-start;
    }

    #gps {
        position: absolute;
        width: 94vw;
        height: 94vw;
        top: 42vw;
        right: 3vw;
    }

    #ocho article {
        width: 90vw;
    }

    #sellos {
        margin-top: 6vw;
    }

    .sello {
        width: 16.2vw;
    }

    #clients {
        flex-wrap: wrap;
        font-size: 92%;
    }

    #clients div {
        padding: 1vw;
    }

    #logos-clientes {
        height: 26vh;
    }

    .logo {
        height: 7vh;
        margin: 2vh 3vw;
        width: 19vw;
    }

    .logo img {
        transform: scale(1);
    }

    #nueve {
        height: 34vh;
    }

    /*********************EMPRESA - Movil*********************/
    #empresa{
        height: 220vh;
        margin-top: 6vw;
    }
    #empresa h1 {
        width: 80vw;
        font-size: 5vw !important;
    }

    #empresa h2 {
        width: 94vw;
        margin-bottom: 0px;
    }

    #empresa article {
        position: relative;
        width: 94vw;
        left: 3vw;
        bottom: auto;
    }

    #timeline {
        /* flex-direction: column;
        margin-top: 0;
        align-items: flex-start;
        justify-content: flex-start; */
        display: none;
    }

    #timeline .tag {
        position: relative;
        margin-top: 0;
        opacity: 1;
        right: 0;
        margin-bottom: 5vw;
        width: 40vw;
    }

    #timeline .arrow {
        display: none;
    }

    #todos {
        width: 289vw;
    }

    .timeline-item {
        opacity: 1;
        width: 44vw;
    }

    #actualidad .tag {
        opacity: 1;
        width: 50vw;
        margin-top: -53vw;
    }

    #actualidad #numeros {
        opacity: 1;
    }

    #numeros_in {
        height: 36vw;
    }

    #equipo {
        height: 220vw;
        justify-content: normal;
    }

    #equipo article {
        padding: 0 3vw;
        width: 94vw;
        margin-left: 0;
    }

    #equipo h2 {
        width: 90vw;
    }

    #equipo-img {
        width: 94vw;
        height: 67vw;
        margin: 3vw;
        position: relative;
        top: 0;
        left: 0;
    }

    #equipo_capacitado {
        padding-left: 2vw;
        line-height: 2px;
        margin-bottom: 20px;
      }

    #valores {
        height: 30vw;
        font-size: 15vw;
        margin-bottom: 6vh;
    }

    #valores2 {
        height: 17vw;
        font-size: 15vw;
        margin-bottom: 8vh;
    }

    #valores-inner {
        transform: translateX(-44vw);
    }

    #valores-inner2 {
        transform: translateX(-54vw);
        padding-top: 10vw;
    }

    #eficiencia h3 {
        width: 40vw;
    }

    #eficiencia .eficiencia-contenido .contenido-uno {
        right: auto;
        left: 3vw;
        width: 94vw;
    }

    #eficiencia .eficiencia-contenido .contenido-uno article {
        width: 94vw;
    }

    #eficiencia .eficiencia-contenido .contenido-dos {
        width: 94vw;
        display: flex;
    }

    #eficiencia .eficiencia-contenido .contenido-dos .info {
        padding-left: 3vw;
        margin-bottom: 4vw;
        width: 44vw;
    }

    #empresa-calidad{
        height: 30vh;
    }

    #empresa-calidad h3 {
        top: 25vw;
        font-size: 5vw;
    }

    #empresa-calidad-cont {
        /* margin-top: -141vw; */
        margin-top: 3vw;
        width: 94vw;
        margin-left: 0;
        height: 290vw;
    }

    #empresa-calidad-cont article{
        margin-top: 0;
    }

    .empresa-sellos {
        height: 45vw;
        padding: 6vw 0;
    }

    .empresa-sellos h3 {
        width: 80vw;
    }

    .empresa-sellos .descripcion {
        width: 94vw;
        margin-left: 0;
        margin-top: 13vw;
    }

    .empresa-sellos .sello {
        /* height: 13vw; */
        width: 20vw;
    }

    .empresa-sellos .sello.sqas {
        width: 18vw;
    }

    #imagen2 {
        width: 44vw;
        height: 61vw;
    }

    #flecha-imagenes-1 {
        left: 38vw;
    }

    #empresa-imagenes {
        height: 20vh;
    }

    #sociedad {
        flex-direction: column;
    }

    #sociedad h3 {
        width: 50vw;
        top: -4vw;
    }

    #sociedad article {
        width: 94vw;
        margin-left: 3vw;
        margin-top: 0vw;
    }

    .camara-comercio {
        width: 19vw;
        right: 3vw;
        top: -3vw;
        left: auto;
    }

    .astic {
        position: absolute;
        width: 18vw;
        right: 3vw;
        top: 7vw;
        left: auto;
    }

    #empresa-imagenes-2 {
        margin-top: 40vw;
        height: 80vw;
    }

    #imagen5 {
        width: 41vw;
        height: 55vw;
    }

    .back-home,
    .backtop {
        bottom: 10vw;
    }

    #medio-ambiente {
        flex-direction: column;
    }

    #medio-ambiente h2 {
        width: 90vw;
        margin-top: 5vw;
    }

    #medio-ambiente h3 {
        width: 30vw
    }

    .volvo,
    .renault {
        width: 10vw;
        left: auto;
        top: 0.3vw;
        right: 3vw;
    }

    .renault {
        left: auto;
        right: 1vw;
        width: 13.5vw;
        top: 12.5vw;
    }

    #medio-ambiente article {
        width: 94vw;
        margin-left: 3vw;
        margin-top: 4vw;
    }

    #medio-ambiente {
        height: 269vw;
    }

    .carbono {
        width: 29vw;
    }

    .back-fondo {
        font-size: 41vh;
    }

    /*********************Flota - Movil*********************/
    #flota h3,
    #flota article {
        padding: 0 3vw;
        width: 94vw;
    }

    #flota-img {
        width: 100vw;
        margin-top: 5vw;
        position: relative;
    }

    #fondo-flota {
        margin-top: 0;
        opacity: 1;
        height: 100vh;
    }

    #flota-superior h2 {
        top: 0;
        left: 0;
    }

    #flota-superior article {
        top: 14vw;
        left: 3vw;
        width: 71vw;
    }

    #flota-contenido {
        bottom: 3vw;
        flex-direction: column;
        z-index: 999;
    }

    #flota-line-1 {
        bottom: 18vw;
        z-index: 999;
    }

    #investiga {
        margin-top: 0;
    }

    .op1 {
        width: 67vw;
        line-height: 1;
    }

    #flota-contenido article {
        width: 94vw;
    }

    .op-num {
        font-size: 9vw;
    }

    #investiga article {
        width: 94vw;
        margin-left: 3vw;
    }

    #investiga {
        height: 100vw;
    }

    #investiga-img div {
        margin: 3vw;
        width: 94vw;
        height: 56vw;
    }

    #investiga-img {
        height: 66vw;
        width: 100vw;
    }

    #video-flota {
        z-index: 9;
    }

    #flota-deg,
    #flota-deg-1 {
        z-index: 99;
    }

    #flota-superior {
        position: absolute;
        width: 100%;
        z-index: 999;
    }

    #localiza h2 {
        width: 90vw;
    }

    #localiza article {
        width: 94vw;
        padding: 0 3vw;
    }

    #localiza {
        height: 201vw;
    }

    #localiza-img {
        width: 94vw;
        height: 100vw;
        position: relative;
    }

    #flota-calidad h2,
    #flota-calidad article {
        width: 94vw;
        margin-left: 0;
    }

    #flota-sellos {
        margin-left: 0;
        margin-top: 5vw;
    }

    #flota-sellos .sello {
        width: 16vw;
    }

    #flota-calidad-img {
        position: relative;
        width: 94vw;
        margin-top: 8vw;
    }

    #flota-calidad {
        margin-top: 0;
        height: 112vw;
    }

    /*********************Carretera- Movil*********************/
    #carretera {
        justify-content: start;
    }

    #carretera article {
        width: 94vw;
        margin-left: 0;
        margin-top: 2vw;
    }

    #carretera h3 {
        margin-top: 96vw;
        z-index: 9;
    }

    #main_carretera {
        margin-top: 2vw;
    }

    #imagen_carretera,
    #imagen_logistica {
        width: 94vw;
        height: calc(94vw / 1.9);
        right: 3vw;
        bottom: 15vw;
    }

    #carretera h3 {
        width: 30vw;
    }

    #ftl article {
        width: 94vw;
        margin-top: 50px
    }

    #ftl {
        height: 160vw;
    }

    #mapa {
        top: 0;
    }

    #distancia-km {
        top: 8vw;
        right: 15vw;
    }

    #distancia-mins {
        top: 0vw;
        right: 15vw;
    }

    #distancia-km span,
    #distancia-mins span {
        font-size: 3vw;
        margin-left: 2vw;
    }

    #flechi {
        -webkit-text-stroke: 0;
        color: var(--azul);
    }

    #carretera-imagen-3 {
        display: none;
    }

    #carretera-imagenes div {
        width: 46vw;
        height: 28vw;
    }

    #carretera-imagenes {
        min-height: 35vw;
    }

    #imagen-regular {
        width: 151vw;
        height: 78vw;
        left: -32vw;
        top: -14vw;
    }

    #imagen-regular2 {
        width: 151vw;
        height: 78vw;
        left: -20vw;
        top: 20vw;
    }

    #regular {
        height: 120vh;
    }

    #regular h2 {
        margin-left: 0;
        margin-top: 47vw;
    }

    #regular article {
        width: 94vw;
        margin-left: 3vw;
    }

    #adr {
        height: 130vw;
        justify-content: flex-start;
    }

    #adr article {
        width: 94vw;
    }

    #adr h2 {
        margin-top: 39vw;
    }

    #imagen-adr {
        width: 151vw;
        height: 78vw;
        top: -19vw;
        right: -53vw;
    }

    /*********************logistica- Movil*********************/
    #logistica {
        justify-content: start;
        height: 85vh;
    }

    #logistica h3 {
        margin-top: 96vw;
    }

    #logistica article {
        width: 94vw;
        padding: 0;
        position: relative;
        bottom: 0;
        margin-top: 20vw;
        left: 3vw;
    }

    #logistica h3 {
        width: 30vw;
        z-index: 9;
    }

    #warehousing h2 {
        width: 60vw;
    }

    #warehousing article {
        width: 94vw;
    }

    #warehousing {
        width: 100vw;
        height: 90vh !important;
    }

    #warehousing-img {
        width: 94vw;
        height: 53vw;
    }

    .wh3 {
        opacity: 1 !important;
    }

    #warehousing-items {
        width: 94vw;
        margin-left: 3vw;
        top: 0;
    }

    #mercancias {
        margin-top: 0;
    }

    .numero {
        left: -14vw;
        top: -1.7vw;
        color: var(--azul);
        margin-bottom: 2vw;
    }

    .warehousing-item {
        width: 75vw;
        position: relative;
    }

    #warehousing-items h3 {
        margin-bottom: 3vw;
        width: 28vw;
    }

    #mercancias {
        justify-content: flex-start;
        height: 553vw;
    }

    #mercancias-superior,
    #mercancias-inferior {
        flex-direction: column;
        display: flex;
    }

    #mercancias-superior h2 {
        width: 94vw;
    }

    #mercancias-superior article {
        width: 94vw;
        padding: 3vw;
    }

    #mercancias-inferior {
        left: 3vw;
        height: auto;
        transform: translate(0);
        margin: 0 3vw;
    }

    #mercancias-inferior div {
        margin: 0;
        width: 94vw;
        height: 54vw;
    }

    #mercancias-inferior div {
        margin: 2vw 0;
        height: 54vw;
        padding-bottom: 3vw;
        border-bottom: 1px solid;
    }

    #mercancias-inferior h3 {
        width: 40vw;
    }

    /*********************Noticias - Movil*********************/
    .post a {
        flex-direction: column;
    }

    .post-img {
        width: 94vw;
        padding: 3vw 0;
    }

    .post-content {
        width: 94vw;
        margin-bottom: 6vw;
    }

    .post-boton {
        border: 1px solid;
        padding: 0.1vw 1vw;
        margin: 2vw 0;
        font-size: 100%;
    }

    .post_title {
        font-size: 8vw;
    }

    /*********************Contacto - Movil*********************/
    #contacto {
        flex-direction: column;
        overflow: hidden !important;
        height: 200vh;
    }

    #contacto h2 {
        width: 68vw;
        margin-top: 0vw;
    }

    #direcciones {
        position: relative;
        left: 0;
        width: 94vw;
        margin: 3vw;
    }

    #direcciones-contacto-1,
    #direcciones-contacto-2 {
        display: flex;
        position: relative;
        margin-bottom: 27vw;
    }

    #direcc-spain,
    #direcc-france {
        top: -5vw;
    }

    #maps-spain,
    #maps-france {
        position: absolute;
        width: 93vw;
    }

    #datos-spain,
    #datos-france {
        margin-top: 54vw;
    }

    #arrow-contacto-1,
    #arrow-contacto-2 {
        display: none;
    }

    #contratacion {
        margin: 5vh 0 0 0;
    }

    #contratacion h3 {
        width: 100%;
        padding: 0 3vw;
    }

    #texto-contratacion {
        width: calc(100% - 6vw);
        padding: 0 3vw;
        flex-direction: column;
        display: flex;
    }

    #interesado {
        position: relative;
        margin: 3vw;
        width: calc(100% - 6vw);
    }

    #contratacion-flecha {
        bottom: 10vh;
        right: 0;
        padding: 3vw;
        font-size: 16vw;
    }

    #vacantes {
        margin: 2vw 7vw;
        width: calc(100% - 14vw);
    }

    #formulario {
        height: 50vh;
        margin-bottom: 8vh;
    }

    #formulario form {
        display: flex;
        flex-direction: column;
    }

    #form-izq,
    #form-dch {
        height: 25vh;
        width: calc(100% - 8vw);
        padding: 4vw 0 0 4vw;
    }

    #form-dch {
        padding-top: 0 !important;
    }

    #formulario input {
        font-size: 3vw;
        border-radius: 0;
    }

    #formulario select {
        font-size: 3vw;
    }

    #formulario input[type="submit" i] {
        padding: 1.2vw 2vw !important;
        border: 1px solid !important;
        border-radius: 4vw !important;
    }

    .certi,
    .aviso,
    .poli,
    .sig,
    .cookie_pag {
        margin-top: 10vh;
    }

    #apostamos_home {
        margin-top: -90vw;
        margin-bottom: 150vw;
        display: flex;
        height: 119vw;
        align-items: flex-end;
        padding-bottom: 1vw;
    }

    #vehiculosimg_home {
        top: 0;
        width: 94vw;
        height: 49vw;
    }

    #apostamos_home_cont {
        width: 96vw;
        margin-left: 2vw;
    }

    #logistica.ultima-milla article {
        width: 96vw;
        bottom: 3.4vw;
        margin-left: 0;
    }

    #imagen_ultimamilla {
        height: 61vw;
        bottom: auto;
        top: 20vw;
        width: 70vw;
    }

    #apostamos {
        flex-direction: column;
        height: auto;
    }

    #electric {
        width: 94vw;
        height: 61vw;
    }

    #apostamos_cont {
        width: 96vw;
    }

    #apostamos_cont article {
        width: 96vw;
    }

    #icons {
        flex-direction: column;
        height: auto;
        margin-top: 10vw;
        margin-bottom: 10vw;
    }

    .icongroup {
        width: 94vw;
        margin-bottom: 3vw;
    }

    .iconimg {
        width: 26vw;
        height: 19.95vw;
    }

    #icons article {
        margin-left: 26vw;
        padding: 2vw 0;
        width: 50vw;
    }

    #icons h3 {
        margin-left: 26vw;
        width: 50vw;
    }

    #vehiculos {
        height: 118vw;
        align-items: flex-end;
        margin-bottom: 20vw;
    }

    #vehiculoscont {
        width: 90vw;
    }

    #vehiculosimg {
        width: 90vw;
        height: 42vw;
        top: 0;
    }

    #navarra h2 {
        width: 70vw;
        margin-left: 0;
    }

    #navarra article {
        width: 92vw;
        margin-left: 0;
    }

    #navarra {
        height: auto;
        margin-top: 12vw;
    }

    #mapa {
        display: none;
    }

    #cienpor {
        width: 20vw;
        height: 20vw;
        top: 0vw;
        left: 3vw;
        border-radius: 30vw;
    }


    #servicios-index {
        flex-direction: column;
        justify-content: start;
        height: 65vh !important;
        margin-top: 3vw;
    }

    #servicios-index article {
        width: 95%;
        margin-left: 3vw;
        margin-top: 30vw;
    }

    #servicios-index h2 {
        font-size: 7vw;
    }

    #gap2 {
        height: 110vw;
    }

    #nueve {
        margin-top: 60vh;
    }

    .column3 {
        flex: 1 0 100%;
    }

    .title_servicios {
        font-size: 10vw;
    }

    .title_noticias2 {
        font-size: 10vw;
    }


    .fecha {
        width: 100%;
        float: right;
        text-align: right;
    }

    #noticias_post {
        margin-top: 20vw;
    }

    #noticias_post h1 {
        width: 90%;
        margin-top: 3vw;
        padding-left: 3vw;
    }

    .img_contacto {
        position: inherit;
        height: 300px;
    }

    .title_tech {
        font-size: 10vw;
    }

    #apps-moviles {
        margin-top: 180vw;
        height: 100vh;
    }

    #apps-moviles article {
        width: 95vw;
        margin-left: 0vw;
        text-align: right !important;
    }

    #apps-moviles-imagen {
        width: 122vw;
        margin-bottom: 0vw;
        margin-top: 120vw;
        height: 40vw;
        margin-top: 135vw;
    }

    .apps-mov-title {
        margin-right: 5vw;
        font-size: 8vw;
    }

    #servicios-index-imagen{
        height: 50vw;
    }

    #mark-efic2{
        margin-top: -2vw;
    }

    .title_equipo{
        font-size: 5vw;
        width: 94%;
    }

    .title_equipo2{
        font-size: 5vw;
        width: 94%;
    }

    .center-img{
        width: 95%;
        margin-top: 8vw;
    }


    #monitoring {
        width: 93vw;
        height: 130vh !important;
        flex-direction: column;
        justify-content: center;
        margin-left: 3vw;
      }
      #monitoring article {
        padding: 0 0vw;
        width: 93vw;
      }
      
    #monitoring-imagen {
        background-image: url(assets/img/monitoreo.png);
        width: 93vw;
        height: 110vw;
        background-position: right;
        /* background-size: contain; */
        background-repeat: no-repeat;
        position: absolute;
        margin-left: 3vw !important;
        margin-bottom: -188vw;
    }
      
  
}