@media (max-width:1100px){
    .gridNinos{
        grid-gap:1.5rem;
        max-width:85%;
    }
}

@media (max-width: 992px) {

    .banner-ecommerce {
        font-size: 1rem;
    }

    .banner-ecommerce img {
        max-width: 100%;
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    .ec-busqueda{
        padding-top:1rem;
    }

    .checkoutGrid{
        grid-template-columns: 100%;
    }

    .item-cart .itemGrid{
        grid-template-areas: 'image name' 'fields fields''total total';
        grid-template-columns: 1fr 1fr;
    }

    .item-cart{
        padding-right:2rem;
    }

    .item-cart .times{
        right:0;
    }

    .totales{
        padding-right:1rem;
    }

    .checkout{
        padding-top:2rem;
        padding-bottom:2rem;
    }

    .gridNinos{
        grid-template-columns: 1fr;
    }

    .formaAyudar{
        margin-bottom:1.5rem;
    }

    .busqueda-avanzada{
        grid-template-columns: 100%;
        grid-gap:2rem;
    }

    .gridCausas{
        grid-template-columns: 1fr;
        grid-gap:2rem;
        max-width:700px;
    }

    .donarGrid{
        grid-template-columns: 1fr;
    }

    .gridRowCausa{
        grid-template-columns: 1fr;
        grid-gap:1rem;
        padding:1rem;
    }

    .gridCausas4{
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap:1rem;
    }

}

@media (max-width:767px){
    .causa .image img{
        max-width: 200px;
        margin: 0 auto;
        display: block;
    }

    .persona-options{
        padding-top:0;
        padding-bottom:0;
    }

    .persona-options .container-fluid{
        padding:0;
    }

    .persona-options .btn-group{
        width:100%;
    }

    .persona-options .btn{
        min-width:50vw;
        border-radius:0;
        font-size:1rem;
    }

    .donarGrid{
        grid-template-columns: 1fr;
        margin-top:1rem;
    }

    .patrocina-persona .subtitle{
        margin-top: 3rem;
    }
    .contacto-empresas .boton{
        margin-bottom:1rem;
    }

    .donacionGrid{
        grid-template-columns: 1fr;
        margin-top:1rem;
    }

    .donacionPreview .box .info{
        padding-right:0;
    }

    /*
    .banner-donar .widgetDonar{
        bottom:-130px;
        max-width:100%;
    }

    .banner-donar{
        padding-bottom:130px;
    }
    */

    .donacion1{
        padding-top:2rem;
        padding-bottom:1rem;
    }

    .regalosGrid{
        grid-template-columns: 100%;
    }

    .patrocina-persona p br{
        display:none;
    }

    .patrocina-persona p{
        margin-bottom:1rem;
    }

    .catalogo1{
        padding-top:2rem;
    }

    .catalogo2 .persona-options .btn-group{
        display:inline-block;
        margin-top:1.5rem;
    }

    .catalogo2 p{
        font-size:1.1rem;
        text-align:center;
        margin-bottom:1rem;
    }

    .children-slider .ninoPreviewWrap{
        padding-left:0;
        padding-right:0;
        padding-bottom:1rem;
    }

    .children-slider{
        padding-right:2rem;
        padding-left:2rem;
    }

    .children-slider .slider-arrow.left{
        left:-.5rem;
    }

    .children-slider .slider-arrow.right{
        right:-.5rem;
    }
}


@media(max-width:767px){

    .causas2 .texto-banner{
        padding:0;
    }

    .causas2 .texto-banner h2{
        color: #FF6B00;
        text-align:center;
        width:100%;
        margin-top:2rem;
        font-size:1.2rem;
    }

    .banner-causa h2{
        font-size:1.5rem;
    }

    .causa{
        grid-template-columns: 1fr;
        grid-gap:1rem;
    }

    .gridCausas4{
        grid-template-columns: 1fr;
        grid-gap:1rem;
    }

    .mixed-title{
        margin-top:0;
    }

    .causas2 p{
        margin-top:1rem;
    }

    .causas2{
        margin-bottom:1.5rem;
    }

    .banner-causa{
        margin-left:0;
    }

    .banner-causa .img-wrapper{
        height:80px;
        width:80px;
    }

}

@media(max-width: 600px){
    .item-cart .itemGrid img{
        max-width:100%;
        height:auto;
    }
}
