.anuncioITH .col-xl-7 img{
    width: 100%;
}
/* .anuncioPRIMARIO .container{
    border: 1px solid black;
} */
.anuncioITH .col-xl-5{
    
    padding-right: 0px!important;
    padding-left:0px!important;

}

.anuncioITH .col-xl-7{
    
    padding-right: 0px!important;
    padding-left:0px!important;

}
/* .anuncioITH{
    background-image: url(http://127.0.0.1:8000/css/../imagenes/anuncio/createRecurso1.png) !important;
    background-size: contain !important;
    display: block;
    width: 100%;
    height: 60%;
    background: center;
    background-repeat: no-repeat;
} */
.anuncioText {
    width: 100%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #80AB40;
}
.anuncio h1 {
    line-height: 01;
    font-weight: 900!important;
    font-size: 70px;
    color: white;
    margin-left: 30%;
    width: 100%;
}


.imgAnuncioInferior {
    margin-top: 35%;
    margin-left: 10%;
    width: 100%;
}
.imgTamaño1{
width: 40%;

}
.imgTamaño2{
    width: 35%;
    margin-left: 25%;
    }

/* .imgAnuncioInferior1 img{


}

.imgAnuncioInferior2 img{


} */


.content-anuncio{
    margin-left: 15%;
margin-top: 20%;
}
.anuncio h2 {
    line-height: 01;
    margin-bottom: 1px;
    font-weight: 900!important;
    width: 100%;
    font-size: 45px;
    margin-left: 1%;
    color: gray;
}

.anuncio h3{
    line-height: 01;
    margin-top: 1px;
    margin-bottom: 1px;
    font-weight: 900!important;
    width: 100%;
    font-size: 45px;

    color:#11511A;
}

.anuncio h4{
    line-height: 01;
    margin-top: 1px;
    margin-bottom: 1px;
    font-weight: 900!important;
    width: 100%;
    font-size: 45px;

    color:#80AB40;
}

.anuncio h5{
    line-height: 01;
    margin-top: 1px;
    margin-bottom: 1px;
    width: 100%;
    font-size: 32px;

    color: gray;
}

.anuncio {
    width: 90%;
    margin-top: 20%;
}

.pagination{
    justify-content: center;
}

.cardSubdivText {
    border-left: 3px solid #80AB40;

}



@media (min-width: 1200px){

.container {
    max-width: 98%;
}
}

@media screen and (min-width:768px) and (max-width:1023px){
    .mobil{
        display: none !important;
    }
    .anuncio h1 {
        font-size: 35px;
        margin-left: 25%;
    }
    .anuncio h2 {
        font-size: 20px;
    }
    .anuncio h3 {
        font-size: 20px;
    }
    .anuncio h4 {
        font-size: 20px;
    }
    .anuncio h5 {
        font-size: 15px;
    }
}

@media screen and (min-width:1024px) and (max-width:1439px){
    .mobil{
        display: none !important;
    }
    .anuncio h1 {
        font-size: 50px;
        margin-left: 20%;
    }
    .anuncio h2 {
        font-size: 28px;
    }
    .anuncio h3 {
        font-size: 28px;
    }
    .anuncio h4 {
        font-size: 28px;
    }
    .anuncio h5 {
        font-size: 20px;
    }
    .imgAnuncioInferior {
        margin-top: 30%;
    }
}


@media screen and (min-width:1440px) and (max-width:1999px){
    .mobil{
        display: none !important;
    }
    .imgAnuncioInferior {
    margin-top: 20%;
}

.anuncio h1 {

    margin-left: 25%;

}
}


@media screen and (min-width:2000px){
    .mobil{
        display: none !important;
    }


    .anuncio h2 {
        line-height: 1.2;
        font-size: 75px;
    }
    .anuncio h3 {
        line-height: 1.2;
        font-size: 75px;
    }
    .anuncio h4 {
        line-height: 1.2;
        font-size: 75px;
    }
    .anuncio h5 {
        line-height: 1.2;
        font-size: 55px;
    }
    .imgAnuncioInferior {
        margin-top: 25%;
    }
    
    .anuncio h1 {
        font-size: 110px;
        margin-left: 32%;
    
    }
    }








/* 
version mobil */
@media screen and (min-width:425px) and (max-width:767px){
    .anuncioPRIMARIO{
        display: none !important;
    }
    .mobil .anuncioText {
        width: 92%;
    }
    .mobil .anuncio {
        width: 90%;
        margin-top: 10%;
    }

    .mobil .anuncio h1 {
        line-height: 01;
        font-weight: 900!important;
        font-size: 40px;
        color: white;
        margin-left: 23%;
        width: 100%;
    }
    .mobil .anuncio h2 {
        line-height: 01;
        margin-bottom: 1px;
        font-weight: 900!important;
        width: 100%;
        font-size: 30px;
        margin-left: 10%;
        color: gray;
    }
    .mobil .anuncio h3 {
        line-height: 01;
        margin-top: 1px;
        margin-bottom: 1px;
        font-weight: 900!important;
        width: 100%;
        font-size: 30px;
        margin-left: 10%;
        /* margin-left: 10px; */
        color: #11511A;
    }
    .mobil .anuncio h4 {
        line-height: 01;
        margin-top: 1px;
        margin-bottom: 1px;
        font-weight: 900!important;
        width: 100%;
        /* font-size: 45px; */
        font-size: 30px;
        margin-left: 10%;
        color: #80AB40;
    }
    .mobil .anuncio h5 {
        line-height: 01;
        margin-top: 1px;
        margin-bottom: 1px;
        width: 100%;
        /* font-size: 32px; */
        font-size: 22px;
        margin-left: 10%;
        color: gray;
    }
    .mobil .imgTamaño1 {
        margin-top: 20%;
        margin-left: 15%;
        width: 70%;
    }
    .mobil .imgTamaño2 {
        margin-top: 20%;
        width: 60%;
        /* margin-left: 50%; */
    }

}

@media screen and (min-width:375px) and (max-width:424px){
    .anuncioPRIMARIO{
        display: none !important;
    }
    .mobil .anuncioText {
        width: 92%;
    }
    .mobil .anuncio {
        width: 90%;
        margin-top: 10%;
    }

    .mobil .anuncio h1 {
        line-height: 01;
        font-weight: 900!important;
        font-size: 40px;
        color: white;
        margin-left: 23%;
        width: 100%;
    }
    .mobil .anuncio h2 {
        line-height: 01;
        margin-bottom: 1px;
        font-weight: 900!important;
        width: 100%;
        font-size: 30px;
        margin-left: 10%;
        color: gray;
    }
    .mobil .anuncio h3 {
        line-height: 01;
        margin-top: 1px;
        margin-bottom: 1px;
        font-weight: 900!important;
        width: 100%;
        font-size: 30px;
        margin-left: 10%;
        /* margin-left: 10px; */
        color: #11511A;
    }
    .mobil .anuncio h4 {
        line-height: 01;
        margin-top: 1px;
        margin-bottom: 1px;
        font-weight: 900!important;
        width: 100%;
        /* font-size: 45px; */
        font-size: 30px;
        margin-left: 10%;
        color: #80AB40;
    }
    .mobil .anuncio h5 {
        line-height: 01;
        margin-top: 1px;
        margin-bottom: 1px;
        width: 100%;
        /* font-size: 32px; */
        font-size: 22px;
        margin-left: 10%;
        color: gray;
    }
    .mobil .imgTamaño1 {
        margin-top: 20%;
        margin-left: 15%;
        width: 70%;
    }
    .mobil .imgTamaño2 {
        margin-top: 20%;
        width: 60%;
        /* margin-left: 50%; */
    }

}

@media screen and (min-width:320px) and (max-width:374px){
    .anuncioPRIMARIO{
        display: none !important;
    }
    .mobil .anuncioText {
        width: 92%;
    }
    .mobil .anuncio {
        width: 90%;
        margin-top: 10%;
    }

    .mobil .anuncio h1 {
        line-height: 01;
        font-weight: 900!important;
        font-size: 32px;
        color: white;
        margin-left: 23%;
        width: 100%;
    }
    .mobil .anuncio h2 {
        line-height: 01;
        margin-bottom: 1px;
        font-weight: 900!important;
        width: 100%;
        font-size: 25px;
        margin-left: 10%;
        color: gray;
    }
    .mobil .anuncio h3 {
        line-height: 01;
        margin-top: 1px;
        margin-bottom: 1px;
        font-weight: 900!important;
        width: 100%;
        font-size: 25px;
        margin-left: 10%;
        /* margin-left: 10px; */
        color: #11511A;
    }
    .mobil .anuncio h4 {
        line-height: 01;
        margin-top: 1px;
        margin-bottom: 1px;
        font-weight: 900!important;
        width: 100%;
        /* font-size: 45px; */
        font-size: 25px;
        margin-left: 10%;
        color: #80AB40;
    }
    .mobil .anuncio h5 {
        line-height: 01;
        margin-top: 1px;
        margin-bottom: 1px;
        width: 100%;
        /* font-size: 32px; */
        font-size: 18px;
        margin-left: 10%;
        color: gray;
    }
    .mobil .imgTamaño1 {
        margin-top: 20%;
        margin-left: 15%;
        width: 70%;
    }
    .mobil .imgTamaño2 {
        margin-top: 20%;
        width: 60%;
        /* margin-left: 50%; */
    }

}