/* Tablet y Movil */
@media screen and (max-width: 980px){
    header .contact-pedido img{
        display: none;
    }
}
@media screen and (max-width: 768px){
    h1, h2, h3, h4, h5{
        line-height: 1;
    }
    h1{
        font-size: 40px;
    }
    h2{
        font-size: 33px;
    }
    h3{
        font-size: 30px;
    }
    h4{
        font-size: 22px;
    }
    header .contact-pedido,
    header .icon-redes{
        display: none;
    }
    main{
        margin-top: 82px;
    }
    header.flota{
        top: 0;
        border-bottom: 1px solid var(--color1);
    }
    header .logo {
        max-width: 180px;
    }
    header.flota .logo{
        margin: 5px 0;
        max-width: 100px;
    }
    .menu_bar{
        display: block;
        margin: 0;
    }
    .menu_bar a{
        gap: 10px;
        font-size: 20px;
        line-height: 20px;
        color: var(--color1);
    }
    /*Menu*/
    nav{
        display: none;
        transition: none;
        position: absolute;
        z-index: 99;
        width: 100%;
        left: 0;
    }
    nav ul{
        flex-flow: column;
        align-items: stretch;
        border-bottom: 1px solid var(--colorBlanco);
    }
    nav ul li{
        border-top: 1px solid var(--colorBlanco);
        padding: 0;
        background-color: var(--color1);
    }
    nav > ul > li > a{
        line-height: 40px;
        color: var(--colorBlanco);
    }
    nav > ul > li:hover > a,
    nav > ul > li> a:focus,
    nav > ul > li.active > a{
        color: var(--colorBlanco);
        background: var(--color2);
    }
  	nav > ul > li > ul {
  	    position: relative;
  	    width: 100%;
  	    left: 0;
  	    border-bottom: 0;
  	    border-top: 0 !important;
        transition: none;
  	}
  	nav > ul > li:hover > ul{
  	    display: none;
  	}
  	nav > ul > li > ul > li{
  	    display: block;
  	    text-align: center;
  	}
  	nav > ul > li > ul > li > a{
  	    display: block;
  	    font-size: 15px;
  	    line-height: 15px;
  	    padding:8px 0;
  	    background: #729f43
  	}
  	nav > ul > li > ul > li:hover > a{
  	    background: #3b8552;
  	}
  	#portada .callout-1 h1 {
        padding: 20px 0 30px;
    }
    #portada .callout-1 span {
        font-size: 30px;
        margin: 0 auto;
    }
    #portada .callout-1 {
        padding: 50px 0 70px;
    }
    #portada .callout-2 .img-medio {
        margin: 0 0 70px;
    }
    #general .callout-1 .certificacion {
        padding: 40px 0 0;
    }
    #general .callout-2 .container {
        padding: 60px 0;
    }
    #general .callout-5 .cuadro-new > div:nth-child(1),
    #general .callout-5 .cuadro-new > div:nth-child(2),
    #general .callout-5 .cuadro-new > div {
        width: 50%;
    }
    #general .callout-1 .control-flex {
        justify-content: start;
        gap: 0;
        flex-direction: column;
    }
    #general .callout-youtu iframe {
        height: 220px;
    }
    footer p.cont {
        padding-left: 0;
    }
    footer p.cont i {
        position: relative;
        top: 0;
    }
}
