@media screen and (max-width: 1500px){
    /*
    .notiSigui, .notiAnter{
        position: relative;
        display: inline-block;
        right: inherit;
        left: inherit;
        margin: 0 50px;
    }*/
    #mainNot{
        text-align: center;
    }
}


@media screen and (max-width: 1223px) {
    #cabIndex > .container > .menuHeader{
        display: none;
    }
    #cabIndex + .icon{
        display: flex;
    }
}

@media screen and (max-width: 1088px){
    #cabIndex > .container > .menuHeader > ul > li > a{
        font-size: 1.2rem;
    }
}


@media screen and (max-width: 995px){
    .cvTexto > h1{
        text-align: center;
    }
    .cvTexto{
        text-align: center;
        align-items: center;
        margin-top: 40px;
    }
}

@media screen and (max-width: 988px){
    header > .container > .menuHeader{
        display: none;
    }
    .icon{
        display: flex;
    }
}

@media screen and (max-width: 860px){
    .indexCooper > .icTexto > p {
        columns: 1;
        width: 80%;
    }
}

@media screen and (max-width: 670px) {
    .indexGaleria{
        height: auto;
        justify-content: center;
    }

    .igTexto{
        margin-top: 20px;
    }

    .secGaleria{
        width: 350px;
        height: 250px;
        margin-left: 0;
    }
    .igFotos{
        width: 350px;
        height: 100%;
    }
    .marcoGaleria{
        height: 100%;
    }
    .muestraFoto{
        width: 350px;
        height: 100%;
    }

    #pAA{
        left: -700px;
    }
    #pA{
        left: -350px;
    }
    #p0{
        left: 0;
    }
    #pS{
        left: 350px;
    }
    #pSS{
        left: 700px;
    }
}

@media screen and (max-width: 550px){
    .TextoPortada{
        left: 5%;
    }
    .imgServicio{
        width: 100px;
    }

    .TextoPortada > h1{
        font-size: 4rem;
    }
    .TextoPortada > h4, .cnNot > h3, .contPredT > p, .smContect > h2{
        font-size: 1.2rem;
    }
    .contactoForm > h1 > span, .bEnviar, .contectNoticias > h3, .ciTexto > h1 > span, .contectServicio > h3, .coopEnlaceCon > a, .cvTexto > h1 > span, .indexNoticias > .inTitulo > a, .indexCooper > .icTexto > h1 > span, .indexCooper > .icTexto > a, .itTexto > h1 > span, .contectTiempo > h4, .igTexto > p, .notiAnter > h3, .notiSigui > h3, .contectETiempo > h3, .contPredT > h3, .sfContect > h3{
        font-size: 1.1rem;
    }
    .contectInfo > p, .cncFecha {
        font-size: 1rem;
    }
    .contactoForm > h1, .noticiasContainer > h1, .cnH1, .ciTexto > h1, .cvTexto > h1, .indexNoticias > .inTitulo > h1, .indexCooper > .icTexto > h1, .itTexto > h1, .textoTiempo > h3, .igTexto > h1, .notiSigui > h1, .notiAnter > h1, .secParteMeteo > h1, .container > h1, .cabInfo > h1, .secParteMeteo2 > h1, .serviciosInfo > h1{
        font-size: 1.6rem;
    }
    .cForm, textarea, .contectNoticias > p, .bSaberMas > a, .cnFecha, .cnNot > p:last-of-type, .containerCN > p, .ciTexto > p, .cvTexto > p, .indexCooper > .icTexto > p, .contectTiempo > p, .secParteMeteo > a, .contPred > p, .serviciosInfo > p, .smContect > p{
        font-size: 0.9rem;
    }
    .textoTiempo > h1{
        font-size: 3rem;
    }
    .cabInfo > p, .sfContect > h3 > span, .serviciosMas > h3{
        font-size: 1.3rem;
    }
    .cabInfo > h3{
        font-size: 2rem;
    }

    .sfContect:first-of-type > h3::after, .sfContect:nth-of-type(2) > h3::after, .sfContect:last-of-type > h3::after{
        width: 60px;
        height: 60px;
        left: 10%;
    }

    .imgTiempo{
        width: 80px;
    }
    .bAnter, .bSigui{
        width: 40px;
        height: 40px;
    }

    .contectETiempo{
        width: 180px;
        padding: 30px;
    }

    .menuFooter > ul > li{
        display: block;
        margin: 20px auto;
        text-align: center;
    }

    .contPredT{
        width: 200px;
    }
}

@media screen and (max-width: 470px){
    .secGaleria{
        width: 300px;
        height: 200px;
        margin-left: 0;
    }
    .igFotos{
        width: 300px;
        height: 100%;
    }
    .marcoGaleria{
        height: 100%;
    }
    .muestraFoto{
        width: 300px;
        height: 100%;
    }

    .bAnter, .bSigui{
        width: 30px;
        height: 30px;
    }

    #pAA{
        left: -600px;
    }
    #pA{
        left: -300px;
    }
    #p0{
        left: 0;
    }
    #pS{
        left: 300px;
    }
    #pSS{
        left: 600px;
    }
}


@media screen and (max-width: 450px){
    #cabIndex > .container > .logoHeader{
        width: 300px;
        height: auto;
    }
}