body {
    overflow-x: hidden !important;
    background: #FFF;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.featurette-divider {
    background-color: #686464;
    opacity: .4;
}

.guia {
    min-width: 83.5%;
    min-height: 100vh;
    margin: 0% 8.8%;
    border: 2px solid rgb(16, 201, 87);
    position: fixed;
    z-index: 99999;
}

.guiacenter {
    min-width: 0vw;
    min-height: 100vh;
    margin: 0% 49.95%;
    border: 1px solid aqua;
    position: fixed;
    z-index: 99999;
}

.guiahorizontal {
    min-width: 0vw;
    min-height: 100vh;
    margin: 0% 18%;
    border: 1px solid blue;
    position: fixed;
    z-index: 99999;
}

.guiavertical-l {
    min-width: 0vw;
    min-height: 100vh;
    margin: 0% 83%;
    border: 1px solid blue;
    position: fixed;
    z-index: 99999;
}

.guiavertical-r {
    min-width: 100vw;
    min-height: 0vh;
    margin: 8.8% 0%;
    border: 1px solid blue;
    position: fixed;
    z-index: 99999;
}


/********************************************* div one ***********************************************************/


/** the carousel **/

#carousel {
    z-index: -1;
    width: 100vw;
    margin: 0% 0 !important;
    padding: 0 0 !important;
    position: fixed;
}

#carousel .carousel-inner {
    min-width: 100vw!important;
    margin: 0 0!important;
    padding: 0 0!important;
    position: fixed;
}


/** Logo Navbar y menu **/

#logo {
    animation: logo 1s linear;
    width: 74%;
    z-index: 999999999999;
}

@keyframes logo {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

nav {
    margin-top: 6%;
    text-align: center;
    width: 100%;
    padding-top: 0%;
    padding-left: 0%;
    font-size: 1.5em;
    z-index: 99999999;
}

.dropdown-menu {
    background-color: #F6F3F3;
}

.submenu {
    width: 100%;
}

.submenu a {
    color: #434343!important;
    text-decoration: none;
}

.submenu a:hover {
    color: rgba(0, 0, 0, 1)!important;
}

ul li {
    list-style: none;
}

li {
    padding: 5px 13px;
}

ul li a {
    color: white;
    z-index: 9 !important;
}

ul li a:hover {
    color: #FF002C;
}

@keyframes sociales {
    from {
        opacity: 1;
    }
    to {
        opacity: .6;
    }
}

.margenes {
    margin: 0% 0% !important;
    padding: 0 0;
    z-index: 999999999999;
}

#menu {
    z-index: 99999999999;
}

#index-titulo {
    animation: introt 3s ease-in;
}

@keyframes introt {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/** este codigo sirve para evitar que copien el texto*/

li,
h1 {
    user-select: none;
    /** este codigo sirve para evitar que copien el texto*/
    webkit-user-select: none;
    moz-user-select: none;
    khtml-user-select: none;
    ms-user-select: none;
}


/****************************************** Start Contenedor Master ****************************/

#contenedor-master {
    z-index: 999999 !important;
    background-color: rgb(255, 255, 255);
    min-width: 100%!important;
}


/******ONE **********************/

#one {
    width: 100vw;
    min-height: 100vh !important;
    margin-top: 0%;
    margin-left: 0%!important;
}


/** titulo **/

#index-titulo {
    margin: 0 0 0 0;
    z-index: 999999;
}


/****************************************** div two **************************************/


/* Style div Two */

#two {
    width: 100vw!important;
}

#two div {
    background-color: #be0033;
}

#two div #donate {
    border-radius: 100px;
    border: 0px solid;
    margin: 0% 0%;
    padding: 0% 0%;
    width: auto;
    font-size: 4rem;
    max-height: 120px;
}

#two div #donate,
.mo-donate input,
#news .h1,
.card-desktop p {
    letter-spacing: 3px;
}

#two div #donate:hover {
    color: #ffffff;
    text-decoration: none;
}

#contribution {
    font-size: 1.8rem;
    margin: 0% 0%;
    padding: 0% 0%;
    width: auto;
    text-align: justify;
}

#news {
    width: 70.7%;
    margin-left: 14.2%;
}

#news p {
    color: #be0033!important;
    padding-top: 50px;
}

#carousel-example-2 {
    width: 71.3%;
    margin-left: 14.45%;
    margin-top: 5.27% !important;
}

#carousel-example-2 .carousel-indicators {
    z-index: 999999;
}

#carousel-example-2 ol li {
    border-radius: 50%;
    width: 5px;
    height: 5px;
    padding: 0;
    margin-top: 0%;
}

#carousel-example-2 .carousel-inner {
    height: 400px !important;
    width: 70% !important;
    margin-left: 15%;
    z-index: 9999;
    transform: scale(1.1, 1.1);
    border-radius: 5px;
}

#carousel-example-2 a.a {
    height: auto;
}

#carousel-example-2 .carousel-item {
    height: 400px;
}

#carousel-example-2 .carousel-caption {
    background-color: #161717;
    height: 25%;
    width: 100%;
    top: 0% !important;
    left: 0%!important;
    padding: 35px 35px 35px 35px;
    margin: 33% 0 0 0;
}

.carousel-caption hr {
    height: 0px;
}

.carousel-caption a {
    text-align: right;
    margin-left: 75%;
    color: white;
    position: relative;
}


/****************** End Style div Two ***********/


/**************** Style div three **************/

.three #titulo {
    font-size: 1em;
    color: #be0033!important;
}

.three p {
    font-family: 'coolvetica';
}

@keyframes titulo {
    from {
        margin-left: 80px;
        opacity: 0;
    }
    to {
        margin-left: 0px;
        opacity: 1;
    }
}

.channel a {
    background: radial-gradient(circle, rgba(255, 0, 44, 1) 100%, rgba(2, 0, 36, .7) 100%, rgba(0, 212, 255, 1) 100%);
    background: -webkit-radial-gradient(circle, rgba(255, 0, 44, 1) 100%, rgba(2, 0, 36, .7) 100%, rgba(0, 212, 255, 1) 100%);
    -webkit-background-clip: text;
    color: transparent;
}


/************ Youtube ***********/

.youtube {
    width: 100%;
    border: 0px solid transparent;
}


/*************************************** End Style div three *************************************/


/*************************************** Start Style div Four *************************************/

#four {
    background-color: rgba(255, 0, 0, .9);
    width: 100vw;
    margin-left: -1.4% !important;
    position: absolute;
}


/****** Four ************/


/*************************************** End Style div Four *************************************/


/** margenes left de diviciones**/

div .one,
div #two,
div .three {
    margin-left: 0%;
}


/******** End Contenedor Master ********/


/********* About **************/

.About img {
    position: absolute;
}

.About img:nth-child(1) {
    margin-left: 40%
}

.About img:nth-child(2) {
    margin-left: 59.5%;
    margin-top: 2%;
}


/********* History **************/

.History img {
    position: absolute;
}

.History img:nth-child(1) {
    margin-left: 40%
}

.History img:nth-child(2) {
    margin-left: 59.5%;
    margin-top: 2%;
}


/********* Our Work **************/

.linea-our {
    height: 800px;
    width: 1px;
    border: 1px solid white;
    margin: 40% 50%;
    position: absolute !important;
}

#carouselExampleSlidesOnly .carousel-inner {
    border-radius: 5px 5px 5px 5px !important;
}

.our-work p {
    font-family: 'coolvetica';
    font-size: 1.2rem;
    color: #D7D7D7;
}

.our-work .modal-title h1 {
    padding: 0 0 !important;
}

.our-work .modal-title p {
    background: transparent;
}

#text,
#text1,
#text2,
#text3,
#text4 {
    position: absolute !important;
    font-size: medium;
    color: rgba(0, 0, 0, .8);
    background: white;
}

#text,
#text2 {
    border-radius: 0px 7px 7px 0px;
}

#text1,
#text3,
#text4 {
    border-radius: 0px 7px 7px 7px;
}

#text {
    margin: 35px 400px;
    z-index: 999999;
    width: 320px;
}

#text1 {
    margin: 300px 0px;
    z-index: 999999;
    width: 400px;
}

#text2 {
    margin: 120px 220px;
    z-index: 999999;
    width: 400px;
}

#text3 {
    margin: 260px 0px;
    z-index: 999999;
    width: 400px;
}

#text4 {
    margin: 350px 0px;
    z-index: 999999;
    width: 550px;
    overflow: none;
}

#carouselExampleSlidesOnly:nth-child(1) {
    margin-left: 10% !important;
    margin-top: 0% !important;
    max-width: 400px;
}

#carouselExampleSlidesOnly:nth-child(2) {
    margin-left: 60.5%;
    margin-top: -25%;
    max-width: 300px;
}

#carouselExampleSlidesOnly:nth-child(3) {
    margin-left: 27.78%;
    margin-top: 0%;
    max-width: 220px;
}

#carouselExampleSlidesOnly:nth-child(4) {
    margin-left: 60.5%;
    margin-top: 0%;
    max-width: 260px;
}

#carouselExampleSlidesOnly:nth-child(5) {
    margin-left: 14.95%;
    margin-top: -18%;
    max-width: 350px;
}


/********** Ventanas Modales ***********/

.modal {
    z-index: 9999999999 !important;
    margin-top: 8%;
}

.modal-content {
    background-color: rgba(255, 0, 0, .9);
    color: white;
    border-radius: 0px !important;
    padding: 5% !important;
    height: 67vh;
}

.mo-donate p,
.mo-donate h1 {
    color: #111111;
}

.mo-donate h1 {
    font-size: 4.7em;
    color: #be0033;
}

.mo-donate p {
    font-size: 1.3em;
    text-align: left;
}

.mo-donate button {
    background-color: black;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    padding: 0 0 7px 0!important;
    opacity: .8;
    color: rgba(255, 255, 255, 1);
}

.mo-donate button:hover {
    background-color: #be0033;
    color: rgba(255, 255, 255, 1);
}

.mo-donate .modal-content {
    border: 1px solid white;
    background-color: white;
}

.mo-donate .btn-donate {
    color: rgba(255, 255, 255, 1);
    background-color: #be0033;
    justify-content: center!important;
    width: 80%;
    margin-left: 10%;
    border-radius: 100px!important;
    font-size: 4.7em;
    margin-bottom: 17.5%;
    border: 0px;
}


/*** Modificando el efecto fade de Modal Bootstrap ******/

.fade {
    opacity: 1;
    -webkit-transition: all .40s linear;
    -o-transition: all .40s linear;
    transition: all .40s linear;
}


/* ================================
Contact
================================= */

.validation {
    color: #FDDB00;
    padding: 5px 0px 0px 0px;
    display: none;
    margin: 0;
    font-weight: 400;
    font-size: 13px;
}

#sendmessage {
    color: #0dbe42;
    border: 0px solid #EEEEEE;
    display: none;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#errormessage {
    color: #be0033;
    display: none;
    border: 1px solid black;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#sendmessage.show,
#errormessage.show,
.show {
    display: block;
}

#iconmenu {
    background-image: url(../img/iconos/menu.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
}

.three .card-movil {
    /*** esto es para mostrar en la version movil **/
    display: none;
}

#programs .card {
    border: 0px solid rgb(161, 58, 58);
}

#programs a {
    text-decoration: none;
}

.modal button {
    background: url(../img/iconos/boton-negro.png);
    background-size: cover;
}

.modal button:hover {
    background: url(../img/iconos/boton-rojo.png);
    background-size: cover;
}


/****+++++++++++++++++++ Start @Media Screen ++++++++++++++********/


/*****************  2560 x 1440 – FHD **********************/

@media screen and (max-width: 2560px) and (orientation: landscape) {
    /** the carousel **/
    #carousel {
        z-index: -1;
        width: 100vw!important;
        margin: 0 0 !important;
        padding: 0 0 !important;
        position: fixed;
        display: none;
    }
    #one .container-fluid {
        background-color: #f7f7f7!important;
        height: 226px;
    }
    #logo {
        width: 85%;
        margin-top: 8% !important;
        margin-left: 35.1% !important;
    }
    /*** logo menu ****/
    #iconmenu {
        width: 60px;
        height: 60px;
    }
    /** Navbar y menu **/
    nav {
        margin: 0% 0%;
        width: 100%;
        height: 50px!important;
        padding-top: 3.2%!important;
        padding-left: 5.5%!important;
        font-size: 2.8em!important;
    }
    nav a {
        color: #2c2c2c!important;
    }
    .submenu a {
        font-size: 1.3rem;
    }
    .pc {
        display: block;
    }
    .movil {
        display: none;
    }
    /********* Titulo ***********/
    #index-titulo {
        min-width: 60%!important;
        opacity: 1!important;
        height: 330px;
        position: absolute!important;
        margin: -39% 48%;
        padding: 40px;
    }
    #index-titulo img {
        width: 75%;
    }
    /*** Para el menu cuando se hace Scroll ***/
    .margenes {
        margin: 0% 0%!important;
        padding: 2% 0% 2% 19%!important;
        width: 100%!important;
        height: 50px!important;
        background-color: #ffffff;
        opacity: .0;
    }
    .margenes:hover {
        opacity: 1;
        animation: mymargenes .3s ease-in-out;
    }
    @keyframes mymargenes {
        from {
            opacity: .1;
        }
        to {
            opacity: 1;
        }
    }
    /**** Div Two ********/
    #two {
        margin-top: -12%;
    }
    #two .cap-btn-donate,
    #two .redes {
        height: 300px!important;
    }
    #two div #donate,
    #two #contribution {
        margin-left: 29.5% !important;
    }
    #two div #donate {
        margin-top: 1%;
        font-size: 5rem;
        padding-bottom: 10%!important;
        width: 71.5%;
        border: 17px solid #fff;
        color: #fff;
    }
    #two div #donate a {
        text-decoration: none;
    }
    #contribution {
        font-size: 1.8rem;
        width: 71.5% !important;
        padding-left: 7.5%!important;
        text-align: center!important;
    }
    #two .redes {
        padding-top: 3.2%!important;
        padding-left: 16.1%!important;
    }
    #two .redes a {
        margin-left: 5%!important;
        padding-right: 0%;
        text-decoration: none;
    }
    #two .redes img {
        width: 100px;
        height: 100px;
    }
    /********** Historia, Mision y Vision**********/
    .fondo_quienes-somos {
        padding: 0% 0% 0% 0%!important;
        margin-left: -0.59%!important;
        width: 100vw!important;
    }
    .fondo_quienes-somos img {
        width: 101%!important;
    }
    /*** Titulos de la pagina , 
Programs, Get involved, 
Our campaigns, News, Video***/
    #programs .titulo,
    .get-involved .h1,
    .three #titulo,
    #news p,
    .youtube .h1 {
        font-size: 9.5rem;
    }
    /***********PROGRAMS***********/
    #programs {
        width: 67%!important;
        margin-left: 17%!important;
    }
    #programs .card {
        border-radius: 0px!important;
    }
    #programs .titulo {
        font-size: 9.5em;
        margin-top: 10%;
    }
    #programs a {
        font-size: 4.2rem;
        letter-spacing: .1px;
        line-height: 55px;
    }
    #programs .row1 {
        margin-top: 8%;
        margin-bottom: 2%;
    }
    #programs img {
        min-height: 10px;
        border-radius: 0px!important;
    }
    /********** GET INVOLVED ***************/
    .get-involved {
        width: 65.8%!important;
        margin-left: 17.6%;
    }
    .get-involved .h1 {
        text-align: center;
    }
    .get-involved p {
        font-size: 2.5rem;
    }
    .get-involved p span {
        color: #be0033;
    }
    .get-involved input,
    .get-involved textarea {
        position: relative!important;
        margin: 25px 0 0px 0!important;
        width: 90%!important;
        font-size: 2.5rem;
        padding: 0 0 15px 15px !important;
    }
    .get-involved textarea {
        height: 172px;
    }
    .get-involved .get-button {
        width: 40%!important;
        background-color: #be0033;
    }
    .get-involved textarea,
    .get-involved .get-button {
        float: right;
    }
    .get-involved .validation {
        font-size: 2rem;
        color: red;
    }
    /******* our companing*************/
    .three {
        width: 67.5%!important;
        padding-left: 1.3%;
    }
    .three .content-campaigns .p-campanas-english {
        text-align: center!important;
        padding-left: 0%;
        padding-right: 0%;
        font-size: 2.7em!important;
    }
    .compaigns-one .card {
        height: 350px!important;
        margin-bottom: 4%;
        border: 0px!important;
        width: 31rem;
        border-radius: 0px!important;
    }
    .compaigns-one .card img {
        border-radius: 0px!important;
    }
    .row .more1 {
        margin-top: 2%!important;
        margin-bottom: 17%!important;
    }
    .row .more2 {
        margin-bottom: 14%!important;
    }
    .compaigns-one .card-body {
        padding: 10px 0 0 0 !important;
    }
    .compaigns-one .text-chikito {
        padding: 17px 0 16px 0 !important;
    }
    .compaigns-one a {
        text-decoration: none;
    }
    .compaigns-one p {
        font-size: 3.2em;
        background-color: rgba(255, 255, 255, 0.7);
        letter-spacing: 0px;
        text-align: center!important;
        text-transform: uppercase;
        line-height: 45px;
    }
    /***** CAMPAINGS DENTRO ******/
    #boton-campaign {
        background-image: url(../img/iconos/boton-negro.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 56px;
        height: 56px;
        margin-top: 5.3%;
        position: absolute;
    }
    #boton-campaign:hover {
        background-image: url(../img/iconos/boton-rojo.png);
    }
    /**********NEWS**********/
    #news p {
        margin-top: 4%;
        margin-bottom: 5%;
    }
    #carousel-example-2 {
        width: 84.3%!important;
        margin-left: 8.4%;
        margin-top: 5.27% !important;
    }
    #carousel-example-2 ol li {
        border-radius: 50%;
        width: 5px;
        height: 5px;
        padding: 0;
        margin-top: 0%;
    }
    #carousel-example-2 .carousel-inner {
        height: 800px !important;
        width: 70% !important;
        margin-left: 15%;
        z-index: 9999;
        transform: scale(1.1, 1.1);
        border-radius: 5px;
    }
    .carousel-caption h5 {
        font-size: 2.5rem!important;
        padding: 0 0;
        margin-top: 7%;
    }
    #carousel-example-2 p {
        font-size: 2rem!important;
        padding: 0 0;
        margin-top: 7%;
    }
    .carousel-caption a {
        text-align: right;
        position: absolute;
        margin-top: -2.5%;
        margin-left: 64%;
        color: white;
        font-size: 1.8rem;
    }
    .carousel-control-prev,
    .carousel-control-next {
        background: crimson!important;
        height: 200px!important;
        width: 200px!important;
        opacity: .9;
        top: 40%;
        border-radius: 5px;
        margin-left: 0.6%;
        margin-right: 0.6%;
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        min-height: 150px!important;
        min-width: 150px!important;
    }
    #carousel-example-2 .carousel-item {
        height: 800px;
    }
    /************ Youtube ***********/
    .youtube {
        min-width: 85.5%;
        border: 0px solid transparent;
        margin-left: 7.8%;
        min-height: 400px;
    }
    .youtube .h1 {
        text-align: center;
    }
    .youtube iframe {
        height: 550px;
        margin-bottom: 3%;
        padding: 2% 2% 0% 2%;
    }
    .youtube .channel {
        font-size: 4rem;
        margin-bottom: 5%!important;
    }
    /************* Contactos *************/
    .contactos {
        background-image: url(../img/footer.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        min-width: 100vw!important;
        margin-left: -0.6% !important;
        padding-top: 2%;
        padding-bottom: 6%;
    }
    .contactos .container {
        margin-left: 7.8% !important;
        min-width: 65.6%;
    }
    .contactos .h1 {
        font-size: 5.5rem!important;
        color: #fff;
    }
    .contactos div .col {
        font-size: 3rem;
        color: #fff;
    }
    .contactos iframe {
        min-width: 70%!important;
    }
    .contactos a {
        text-decoration: none!important;
    }
    .contactos img {
        width: 70px;
        height: 70px;
    }
}


/*****************  1920 x 1080 – FHD **********************/

@media screen and (max-width: 1920px) and (orientation: landscape) {
    /** the carousel **/
    #carousel {
        z-index: -1;
        width: 100vw!important;
        margin: -10% 0 !important;
        padding: 0 0 !important;
        position: fixed;
        display: block;
    }
    /** Clase ONE **/
    #one .container-fluid {
        height: 170px;
    }
    #logo {
        width: 100%;
        margin-top: 5.3% !important;
        margin-left: 35.1% !important;
    }
    /*** logo menu ****/
    #iconmenu {
        width: 40px;
        height: 40px;
    }
    /** Navbar y menu **/
    nav {
        height: 50px!important;
        padding-left: 6.5%!important;
        margin-top: -1%;
        font-size: 1.9em!important;
    }
    .submenu a {
        font-size: 1.05rem;
    }
    /****** textos spanish ***********************************************************************************/
    .menu-spanish {
        font-size: 1.8rem;
        padding-left: 0%!important;
    }
    #idiomas {
        top: 12%;
        left: 92%;
        width: 7.68%;
        padding-left: .3%;
        font-size: 1.2rem;
        position: fixed!important;
    }
    #idiomas button {
        text-decoration: none;
        width: 37.5px;
        height: 37.5px;
        font-size: .75rem;
    }
    /********* Titulo ***********/
    #index-titulo {
        width: 100%!important;
        height: 260px;
        margin: -38% 50.8%;
        padding: 40px;
    }
    #index-titulo img {
        width: 90%;
    }
    /*** Para el menu cuando se hace Scroll ***/
    .margenes {
        padding: 2% 0% 2% 19%!important;
        height: 50px!important;
    }
    /**** Div Two ********/
    #two {
        margin-top: -13%;
    }
    #two .cap-btn-donate,
    #two .redes {
        height: 250px!important;
    }
    #two div #donate,
    #two #contribution {
        margin-left: 29.5% !important;
    }
    #two div #donate {
        margin-top: 1%;
        margin-left: 30%!important;
        font-size: 4rem;
        padding-top: 0%!important;
        width: 71.5%;
        border: 17px solid #fff;
        color: #fff;
    }
    #two .donate-english {
        display: block;
    }
    #contribution {
        font-size: 1.4rem;
        width: 71.5% !important;
        padding-left: 7.5%!important;
    }
    /****** textos spanish ***************************************************************************/
    .contribution-spanish {
        font-size: 1.29rem!important;
    }
    #two .redes {
        padding-top: 3.2%!important;
        padding-left: 8%!important;
    }
    #two .redes a {
        margin-left: 5%!important;
        padding-right: 0%;
    }
    #two .redes img {
        width: 80px;
        height: 80px;
    }
    /********** Historia, Mision y Vision**********/
    .fondo_quienes-somos {
        padding: 0% 0% 0% 0%!important;
        margin-left: -0.9%!important;
        width: 100vw!important;
    }
    /*** Titulos de la pagina , 
Programs, Get involved, 
Our campaigns, News, Video***/
    #programs .titulo,
    .get-involved .h1,
    .three #titulo,
    #news p,
    .youtube .h1 {
        font-size: 7.5rem;
    }
    /***********PROGRAMS***********/
    #programs {
        min-width: 66.1%!important;
        margin-left: 17.5%!important;
        border: 0px solid red;
        padding: 0 0 0 0;
    }
    #programs .titulo {
        margin-top: 10%;
    }
    #programs a {
        font-size: 2.8rem;
        line-height: 55px;
    }
    #programs .row1 {
        margin-top: 8%;
        margin-bottom: 2%;
    }
    #programs img {}
    /********** GET INVOLVED ***************/
    .get-involved {
        width: 65.8%!important;
        margin-left: 17.6%;
    }
    .get-involved p {
        font-size: 1.65rem;
    }
    /****** textos spanish ***************************************************************************/
    .spanish-get-involved p {
        font-size: 1.6rem!important;
    }
    .get-involved input,
    .get-involved textarea {
        margin: 25px 0 0px 0!important;
        width: 90%!important;
        font-size: 1.65rem;
        padding: 0 0 15px 15px !important;
    }
    .get-involved textarea {
        height: 172px;
    }
    .get-involved .validation {
        font-size: 1.65rem;
    }
    /******* our companing*************/
    .three {
        min-width: 66.1%!important;
        padding: 0 0 0 0;
        border: 0px solid red;
        margin-left: 17.5%!important;
    }
    .three .content-campaigns .p-campanas-english {
        font-size: 1.74rem!important;
    }
    /****** textos spanish ***************************************************************************/
    .three .content-campaigns .p-campanas-spanish {
        font-size: 1.57rem!important;
        text-align: center;
    }
    .compaigns-one .card {
        height: 300px!important;
        margin-bottom: 4%;
        width: 24rem;
    }
    .compaigns-one .card-body {
        padding: 10px 0 0 0 !important;
    }
    .compaigns-one .text-chikito {
        padding: 17px 0 16px 0 !important;
    }
    .compaigns-one p {
        font-size: 2.6rem;
        line-height: 31px;
    }
    /***** CAMPAINGS DENTRO ******/
    #boton-campaign {
        width: 46px;
        height: 46px;
    }
    /**********NEWS**********/
    #news p {
        margin-top: 4%;
        margin-bottom: 5%;
    }
    #carousel-example-2 {
        width: 84.3%!important;
        margin-left: 8.4%;
        margin-top: 5.27% !important;
    }
    #carousel-example-2 ol li {
        border-radius: 50%;
        width: 5px;
        height: 5px;
        padding: 0;
        margin-top: 0%;
    }
    #carousel-example-2 .carousel-inner {
        height: 600px !important;
        width: 70% !important;
        margin-left: 15%;
        z-index: 9999;
        transform: scale(1.1, 1.1);
        border-radius: 5px;
    }
    #carousel-example-2 .carousel-caption {
        height: 300px;
        margin: 39% 0 0 0;
    }
    .carousel-caption h5 {
        font-size: 1.6rem!important;
        margin-top: -2%;
    }
    #carousel-example-2 p {
        font-size: 1.1rem!important;
        margin-top: 0%;
    }
    .carousel-caption a {
        margin-top: -2.5%;
        margin-left: 87%;
        font-size: 1.1rem;
    }
    .carousel-control-prev,
    .carousel-control-next {
        height: 140px!important;
        width: 140px!important;
        opacity: .9;
        top: 40%;
        border-radius: 5px;
        margin-left: 0.6%;
        margin-right: 0.6%;
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        min-height: 100px!important;
        min-width: 100px!important;
    }
    #carousel-example-2 .carousel-item {
        height: 600px;
    }
    /************ Youtube ***********/
    .youtube {
        min-width: 85.5%;
        margin-left: 7.8%;
        min-height: 400px;
    }
    .youtube iframe {
        height: 480px;
        margin-bottom: 3%;
        padding: 2% 2% 0% 2%;
    }
    .youtube .channel {
        font-size: 2.4rem;
        margin-bottom: 5%!important;
    }
    /************* Contactos *************/
    .contactos {
        margin-left: -0.8% !important;
        padding-top: 2%;
        padding-bottom: 4%;
    }
    .contactos .container {
        margin-left: 8.3%!important;
        min-width: 84.5%;
    }
    .contactos .h1 {
        font-size: 4.5rem!important;
        color: #fff;
    }
    .contactos div .col {
        font-size: 2rem;
        color: #fff;
    }
    .contactos iframe {
        min-width: 70%!important;
        max-height: 450px;
    }
    .contactos img {
        width: 55px;
        height: 55px;
    }
}


/*****************  1600px X 900px **********************/

@media screen and (max-width: 1600px) and (orientation: landscape) {
    /** Clase ONE **/
    #one .container-fluid {
        height: 140px;
    }
    #logo {
        width: 100%;
        margin-top: 5% !important;
        margin-left: 34% !important;
    }
    /** Navbar y menu **/
    nav {
        height: 50px!important;
        margin-top: -2.1%!important;
        padding-left: 6.3%!important;
        font-size: 1.35em!important;
    }
    .submenu a {
        font-size: 1rem;
    }
    /****** textos spanish ***********************************************************************************/
    .menu-spanish {
        font-size: 1.3rem;
        padding-left: 0%!important;
    }
    #idiomas {
        top: 12%;
        left: 92%;
        width: 7.68%;
        font-size: 1rem;
    }
    #idiomas button {
        text-decoration: none;
        width: 30px;
        height: 30px;
    }
    /********* Titulo ***********/
    #index-titulo {
        min-width: 100%!important;
        margin: -32% 52.8%;
        padding: 20px;
    }
    #index-titulo img {
        width: 50%;
    }
    /*** Para el menu cuando se hace Scroll ***/
    .margenes {
        padding: 2% 0% 2% 19%!important;
        height: 50px!important;
    }
    /**** Div Two ********/
    #two {
        margin-top: -11.5%;
    }
    #two .cap-btn-donate,
    #two .redes {
        height: 180px!important;
    }
    #two div #donate,
    #two #contribution {
        margin-left: 29.5% !important;
    }
    #two div #donate {
        margin-top: 0%;
        margin-left: 35.8%!important;
        font-size: 3rem;
        padding: 0 0 0 1.5%!important;
        width: 65%;
        border: 10px solid #fff;
    }
    #contribution {
        font-size: .97rem;
        width: 65% !important;
        padding-left: 13%!important;
    }
    /****** textos spanish ***************************************************************************/
    .contribution-spanish {
        font-size: .86rem!important;
    }
    #two .redes {
        padding-top: 3.2%!important;
        padding-left: 5%!important;
    }
    #two .redes a {
        margin-left: 3%!important;
    }
    #two .redes img {
        width: 55px;
        height: 55px;
    }
    .fondo_quienes-somos {
        padding: 0% 0% 0% 0%!important;
        margin-left: -2%!important;
        width: 100vw!important;
    }
    .fondo_quienes-somos img {
        width: 101%!important;
    }
    /********** Ventanas Modales ***********/
    .modal {
        z-index: 9999999999 !important;
        margin-top: 8%;
    }
    .modal-content {
        padding: 5% !important;
        height: 67vh;
    }
    .mo-donate h1 {
        font-size: 4em;
    }
    .mo-donate p {
        font-size: .9em;
    }
    .mo-donate button {
        width: 40px;
        height: 40px;
        padding: 0 0 7px 0!important;
    }
    .mo-donate .btn-donate {
        width: 80%;
        margin-left: 10%;
        border-radius: 30px;
        font-size: 4em;
        margin-bottom: 10.5%;
    }
    /*** Titulos de la pagina , 
Programs, Get involved, 
Our campaigns, News, Video***/
    #programs .titulo,
    .get-involved .h1,
    .three #titulo,
    #news p,
    .youtube .h1 {
        font-size: 5.5rem;
    }
    /***********PROGRAMS***********/
    #programs {
        width: 66.3%!important;
        margin-left: 17.4%!important;
        border: 0px solid red;
    }
    #programs .titulo {
        margin-top: 10%;
    }
    #programs a {
        font-size: 2rem;
        line-height: 55px;
    }
    #programs .row1 {
        margin-top: 8%;
        margin-bottom: 2%;
    }
    #programs img {
        max-height: 372px;
    }
    /********** GET INVOLVED ***************/
    .get-involved {
        width: 65.8%!important;
        margin-left: 17.6%;
        padding: 0 0 0 0;
    }
    .get-involved p {
        font-size: 1.36rem;
    }
    /****** textos spanish ***************************************************************************/
    .spanish-get-involved p {
        font-size: 1.354rem!important;
    }
    .get-involved input,
    .get-involved textarea {
        margin: 15px 0 0px 0!important;
        width: 90%!important;
        font-size: 1.36rem;
        padding: 0 0 15px 15px !important;
    }
    .get-involved .get-button {
        padding: 0 0 11px 0!important;
    }
    .get-involved textarea {
        height: 116px;
    }
    .get-involved .validation {
        font-size: 1.36rem;
    }
    /******* our companing*************/
    .three {
        width: 66.4%!important;
        padding: 0 0% 0% 0%;
        margin: 7% 17.4%!important;
        border: 0px solid red;
    }
    .three .content-campaigns .p-campanas-english {
        font-size: 1.44rem!important;
    }
    /****** textos spanish ***************************************************************************/
    .three .content-campaigns .p-campanas-spanish {
        font-size: 1.28rem!important;
    }
    .compaigns-one .card {
        height: 250px!important;
        margin-bottom: 4%;
        width: 20rem!important;
    }
    .compaigns-one .card-body {
        padding: 10px 0 0 0 !important;
    }
    .compaigns-one .text-chikito {
        padding: 17px 0 16px 0 !important;
    }
    .compaigns-one p {
        font-size: 2rem;
        line-height: 30px;
    }
    /***** CAMPAINGS DENTRO ******/
    #boton-campaign {
        width: 36px;
        height: 36px;
    }
    /**********NEWS**********/
    #news p {
        margin-top: 4%;
        margin-bottom: 5%;
    }
    #carousel-example-2 {
        width: 85.4%!important;
        margin-left: 8.4%;
        margin-top: 5.27% !important;
    }
    #carousel-example-2 ol li {
        border-radius: 50%;
        width: 5px;
        height: 5px;
        padding: 0;
        margin-top: 0%;
    }
    #carousel-example-2 .carousel-inner {
        height: 450px !important;
        width: 70% !important;
        margin-left: 14.35%;
        z-index: 9999;
        transform: scale(1.1, 1.1);
        border-radius: 5px;
    }
    #carousel-example-2 .carousel-caption {
        height: 30%;
        margin: 33.6% 0 0 0;
    }
    .carousel-caption h5 {
        font-size: 1.5rem!important;
        margin-top: -3%;
    }
    #carousel-example-2 p {
        font-size: .9rem!important;
        margin-top: 0%;
        text-align: justify;
    }
    .carousel-caption a {
        margin-top: -4%;
        margin-left: 87.5%;
        font-size: .9rem;
    }
    .carousel-control-prev,
    .carousel-control-next {
        height: 80px!important;
        width: 80px!important;
        top: 40%;
        border-radius: 5px;
    }
    .carousel-control-prev {
        margin-left: 1.6%;
    }
    .carousel-control-next {
        margin-right: 2.6%;
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        min-height: 40px!important;
        min-width: 40px!important;
    }
    #carousel-example-2 .carousel-item {
        height: 600px;
    }
    /************ Youtube ***********/
    .youtube {
        min-width: 86.5%;
        margin-left: 7.3%;
        min-height: 400px;
    }
    .youtube iframe {
        height: 350px;
        margin-bottom: 3%;
        padding: 2% 2% 0% 2%;
    }
    .youtube .channel {
        font-size: 1.8rem;
        margin-bottom: 5%!important;
    }
    /************* Contactos *************/
    .contactos {
        margin-left: -1% !important;
        padding-top: 2%;
        padding-bottom: 3%;
    }
    .contactos .container {
        margin-left: 8.1%!important;
        min-width: 83.9%;
    }
    .contactos .h1 {
        font-size: 3.5rem!important;
    }
    .contactos div .col {
        font-size: 1.5rem;
    }
    .contactos iframe {
        max-width: 70%!important;
        max-height: 400px;
    }
    .contactos img {
        width: 40px;
        height: 40px;
    }
}


/*****************  1440px X 900px **********************/

@media screen and (max-width: 1440px) and (orientation: landscape) {
    /** Clase ONE **/
    #one .container-fluid {
        height: 125px;
        margin: 0% 0 !important;
    }
    #logo {
        width: 100%;
        margin-top: 5% !important;
        margin-left: 34% !important;
    }
    /** Navbar y menu **/
    nav {
        height: 60px!important;
        margin-top: -3%!important;
        padding-left: 2%!important;
        font-size: 1.2em!important;
    }
    .submenu a {
        font-size: .9rem;
    }
    /****** textos spanish ***********************************************************************************/
    .menu-spanish {
        font-size: 1.2rem;
        padding-left: 0%!important;
    }
    #idiomas {
        top: 12%;
        left: 92%;
        width: 7.68;
        font-size: .9rem;
    }
    #idiomas button {
        text-decoration: none;
        width: 26.8px;
        height: 26.8px;
        font-size: .75rem;
    }
    /********* Titulo ***********/
    #index-titulo {
        height: 170px;
        margin: -40% 52%;
        padding: 20px;
    }
    #index-titulo img {
        width: 51%;
    }
    /*** Para el menu cuando se hace Scroll ***/
    .margenes {
        padding: 2% 0% 2% 19%!important;
        height: 50px!important;
    }
    /**** Div Two ********/
    #two {
        margin-top: -12%;
    }
    #two .cap-btn-donate,
    #two .redes {
        height: 170px!important;
    }
    #two div #donate,
    #two #contribution {
        margin-left: 29.5% !important;
    }
    #two div #donate {
        margin-top: 0%;
        margin-left: 35.8%!important;
        font-size: 2.5rem;
        width: 65%;
        border: 8px solid #fff;
    }
    #contribution {
        font-size: .95rem;
        width: 70% !important;
        padding-left: 11.5%!important;
    }
    /****** textos spanish ***************************************************************************/
    .contribution-spanish {
        font-size: .86rem!important;
    }
    #two .redes {
        padding-top: 2.7%!important;
        padding-left: 5%!important;
    }
    #two .redes a {
        margin-left: 3%!important;
    }
    #two .redes img {
        width: 50px;
        height: 50px;
    }
    /*** Titulos de la pagina , 
Programs, Get involved, 
Our campaigns, News, Video***/
    #programs .titulo,
    .get-involved .h1,
    .three #titulo,
    #news p,
    .youtube .h1 {
        font-size: 5rem;
    }
    /***********PROGRAMS***********/
    #programs {
        width: 66.4%!important;
        margin-left: 17.4%!important;
        border: 0px solid red;
        padding: 0 0 0 0;
    }
    #programs .card {
        padding-top: 12px;
    }
    #programs .titulo {
        margin-top: 10%;
    }
    #programs a {
        font-size: 1.66rem;
        line-height: 0px;
        padding-top: 2%;
        padding-bottom: 4%;
    }
    #programs .row1 {
        margin-top: 8%;
        margin-bottom: 2%;
    }
    /********** GET INVOLVED ***************/
    .get-involved {
        width: 65.8%!important;
        margin-left: 17.6%;
    }
    .get-involved p {
        font-size: 1.25rem;
    }
    /****** textos spanish ***************************************************************************/
    .spanish-get-involved p {
        font-size: 1.214rem!important;
    }
    .get-involved input,
    .get-involved textarea {
        margin: 15px 0 0px 0!important;
        width: 90%!important;
        font-size: 1.25rem;
        padding: 5px 0 15px 10px !important;
    }
    .get-involved .get-button {
        padding: 0 0 10 0 !important;
    }
    .get-involved textarea {
        height: 103px;
    }
    .get-involved .validation {
        font-size: 1.1rem;
    }
    /******* our companing*************/
    .three {
        width: 66.4%!important;
        padding: 0 0 0 0;
        border: 0px solid red;
    }
    .three .content-campaigns .p-campanas-english {
        font-size: 1.26rem!important;
    }
    /****** textos spanish ***************************************************************************/
    .three .content-campaigns .p-campanas-spanish {
        font-size: 1.15rem!important;
    }
    .compaigns-one .card {
        height: 200px!important;
        margin-bottom: 0%!important;
        width: 17.6rem!important;
    }
    .compaigns-one .card-body {
        padding: 10px 0 0 0 !important;
    }
    .compaigns-one .text-chikito {
        padding: 17px 0 16px 0 !important;
    }
    .compaigns-one p {
        font-size: 1.66rem;
        line-height: 25px;
    }
    /***** CAMPAINGS DENTRO ******/
    #boton-campaign {
        width: 36px;
        height: 36px;
        margin-top: 8%;
    }
    /**********NEWS**********/
    #news p {
        margin-top: 4%;
        margin-bottom: 5%;
    }
    #carousel-example-2 {
        width: 85.5%!important;
        margin-left: 8.4%;
        margin-top: 5.27% !important;
    }
    #carousel-example-2 ol li {
        border-radius: 50%;
        width: 5px;
        height: 5px;
        padding: 0;
        margin-top: 0%;
    }
    #carousel-example-2 .carousel-inner {
        height: 400px !important;
        width: 70% !important;
        margin-left: 14.35%;
        z-index: 9999;
        transform: scale(1.1, 1.1);
        border-radius: 5px;
    }
    #carousel-example-2 .carousel-caption {
        height: 30%;
        margin: 33.6% 0 0 0;
    }
    .carousel-caption h5 {
        font-size: 1.2rem!important;
        margin-top: -3%;
    }
    #carousel-example-2 p {
        font-size: .82rem!important;
        margin-top: 0%;
    }
    .carousel-caption a {
        margin-left: 86.5%;
        font-size: .82rem;
    }
    .carousel-control-prev,
    .carousel-control-next {
        height: 70px!important;
        width: 70px!important;
        top: 40%;
        border-radius: 5px;
    }
    .carousel-control-prev {
        margin-left: 1.6%;
    }
    .carousel-control-next {
        margin-right: 2.8%;
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        min-height: 40px!important;
        min-width: 40px!important;
    }
    #carousel-example-2 .carousel-item {
        height: 400px;
    }
    /************ Youtube ***********/
    .youtube {
        min-width: 85.5%;
        margin-left: 7.8%;
        min-height: 400px;
    }
    .youtube iframe {
        height: 300px;
        margin-bottom: 3%;
        padding: 2% 2% 0% 2%;
    }
    .youtube .channel {
        font-size: 1.5rem;
        margin-bottom: 5%!important;
    }
    /************* Contactos *************/
    .contactos {
        margin-left: -1.1% !important;
        padding-top: 2%;
        padding-bottom: 3%;
    }
    .contactos .container {
        min-width: 83.9%;
        margin-left: 8%!important;
    }
    .contactos .h1 {
        font-size: 3rem!important;
    }
    .contactos div .col {
        font-size: 1.25rem;
    }
    .contactos iframe {
        max-width: 70%!important;
        max-height: 400px;
    }
    .contactos img {
        width: 38px;
        height: 38px;
    }
}


/***************** 1366 x 768 – HD **********************/

@media screen and (max-width: 1366px) and (orientation: landscape) {
    /** Clase ONE **/
    #one .container-fluid {
        height: 120px;
        margin: 0% 0 !important;
    }
    #logo {
        width: 100%;
        margin-top: 5% !important;
        margin-left: 34% !important;
    }
    /** Navbar y menu **/
    nav {
        height: 50px!important;
        margin-top: -3%!important;
        padding-left: 6.5%!important;
        font-size: 1.1em!important;
    }
    .submenu a {
        font-size: .9rem;
    }
    /****** textos spanish ***********************************************************************************/
    .menu-spanish {
        font-size: 1.05rem;
        padding-left: 0%!important;
    }
    #idiomas {
        top: 12%;
        left: 92%;
        width: 7.148%;
        font-size: .8rem;
    }
    #idiomas button {
        text-decoration: none;
        width: 23px;
        height: 23px;
        font-size: .7rem;
    }
    /********* Titulo ***********/
    #index-titulo {
        height: 150px;
        margin: -30% 57.2%;
        padding: 20px;
    }
    #index-titulo img {
        width: 44%;
    }
    /*** Para el menu cuando se hace Scroll ***/
    .margenes {
        padding: 2% 0% 2% 19%!important;
        height: 50px!important;
    }
    /**** Div Two ********/
    #two {
        margin-top: -11%;
    }
    #two .cap-btn-donate,
    #two .redes {
        height: 145px!important;
    }
    #two div #donate,
    #two #contribution {
        margin-left: 29.5% !important;
    }
    #two div #donate {
        margin-top: 0%;
        margin-left: 35.8%!important;
        font-size: 2.3rem;
        padding-top: 0%!important;
        width: 65%;
        border: 8px solid #fff;
    }
    #contribution {
        font-size: 1rem;
        width: 68% !important;
        padding-left: 9.6%!important;
    }
    /****** textos spanish ***************************************************************************/
    .contribution-spanish {
        font-size: .81rem!important;
    }
    #two .redes {
        padding-top: 2.7%!important;
        padding-left: 5%!important;
    }
    #two .redes a {
        margin-left: 3%!important;
    }
    #two .redes img {
        width: 50px;
        height: 50px;
    }
    /********** Ventanas Modales ***********/
    .modal {
        z-index: 9999999999 !important;
        margin-top: 6%;
    }
    .modal-content {
        padding: 5% !important;
        height: 70vh;
    }
    .mo-donate h1 {
        font-size: 3.5em;
    }
    .mo-donate p {
        font-size: .85em;
    }
    .mo-donate button {
        width: 40px;
        height: 40px;
        padding: 0 0 7px 0!important;
    }
    .mo-donate .btn-donate {
        width: 80%;
        margin-left: 10%;
        border-radius: 30px;
        font-size: 3.5em;
        margin-bottom: 10.5%;
    }
    /*** Titulos de la pagina , 
Programs, Get involved, 
Our campaigns, News, Video***/
    #programs .titulo,
    .get-involved .h1,
    .three #titulo,
    #news p,
    .youtube .h1 {
        font-size: 5rem;
    }
    /***********PROGRAMS***********/
    #programs {
        width: 66.6%!important;
        margin-left: 17.3%!important;
        border: 0px solid red;
    }
    #programs .titulo {
        margin-top: 10%;
    }
    #programs a {
        font-size: 1.7rem;
        line-height: 15px;
    }
    #programs .row1 {
        margin-top: 8%;
        margin-bottom: 2%;
    }
    #programs img {
        max-height: 372px;
    }
    /********** GET INVOLVED ***************/
    .get-involved {
        width: 65.8%!important;
        margin-left: 17.6%;
    }
    .get-involved p {
        font-size: 1.19rem;
    }
    /****** textos spanish ***************************************************************************/
    .spanish-get-involved p {
        font-size: 1.15rem!important;
    }
    .get-involved input,
    .get-involved textarea {
        margin: 15px 0 0px 0!important;
        width: 90%!important;
        font-size: 1.25rem;
        padding: 0 0 8px 15px !important;
    }
    .get-involved .get-button {
        padding: 0 0 10px 0 !important;
    }
    .get-involved textarea {
        height: 103px;
    }
    .get-involved .validation {
        font-size: 1.1rem;
    }
    /******* our companing*************/
    .three {
        width: 66.4%!important;
        margin-left: 17.6%;
    }
    .three .content-campaigns .p-campanas-english {
        font-size: 1.22rem!important;
    }
    /****** textos spanish ***************************************************************************/
    .three .content-campaigns .p-campanas-spanish {
        font-size: 1.08rem!important;
    }
    .compaigns-one .card {
        height: 200px!important;
        margin-bottom: 0%!important;
        width: 16.6rem!important;
    }
    .compaigns-one .card-body {
        padding: 10px 0 0 0 !important;
    }
    .compaigns-one .text-chikito {
        padding: 17px 0 16px 0 !important;
    }
    .compaigns-one p {
        font-size: 1.7rem;
        line-height: 21px;
    }
    /***** CAMPAINGS DENTRO ******/
    #boton-campaign {
        width: 36px;
        height: 36px;
    }
    /**********NEWS**********/
    #news p {
        margin-top: 4%;
        margin-bottom: 5%;
    }
    #carousel-example-2 {
        width: 84.3%!important;
        margin-left: 8.4%;
        margin-top: 5.27% !important;
    }
    #carousel-example-2 ol li {
        border-radius: 50%;
        width: 5px;
        height: 5px;
        padding: 0;
        margin-top: 0%;
    }
    #carousel-example-2 .carousel-inner {
        height: 400px !important;
        width: 71.7% !important;
        margin-left: 14.35%;
        z-index: 9999;
        transform: scale(1.1, 1.1);
        border-radius: 5px;
    }
    #carousel-example-2 .carousel-caption {
        height: 30%;
        margin: 35.1% 0 0 0;
    }
    .carousel-caption h5 {
        font-size: 1.15rem!important;
        margin-top: -3%;
    }
    #carousel-example-2 p {
        font-size: .75rem!important;
        margin-top: 0%;
    }
    .carousel-caption a {
        font-size: .75rem;
        margin-top: -4.2%;
    }
    .carousel-control-prev,
    .carousel-control-next {
        height: 70px!important;
        width: 70px!important;
        top: 40%;
        border-radius: 5px;
    }
    .carousel-control-prev {
        margin-left: 2.7%;
    }
    .carousel-control-next {
        margin-right: 2.6%;
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        min-height: 40px!important;
        min-width: 40px!important;
    }
    #carousel-example-2 .carousel-item {
        height: 400px;
    }
    /************ Youtube ***********/
    .youtube {
        width: 85.5%;
        margin-left: 7.8%;
        min-height: 400px;
    }
    .youtube iframe {
        height: 300px;
        margin-bottom: 3%;
        padding: 2% 2% 0% 2%;
    }
    .youtube .channel {
        font-size: 1.5rem;
        margin-bottom: 5%!important;
    }
    /************* Contactos *************/
    .contactos {
        margin-left: -1.12% !important;
        padding-top: 2%;
        padding-bottom: 3%;
    }
    .contactos .container {
        max-width: 84%!important;
    }
    .contactos .h1 {
        font-size: 3rem!important;
    }
    .contactos div .col {
        font-size: 1.25rem;
    }
    .contactos iframe {
        max-width: 70%!important;
        max-height: 400px;
    }
    .contactos img {
        width: 38px;
        height: 38px;
    }
}


/***************** 1360 x 768 – HD **********************/

@media screen and (max-width: 1360px) and (orientation: landscape) {
    /** Navbar y menu **/
    nav {
        height: 50px!important;
        margin-top: -3%!important;
        padding-left: 6.5%!important;
        font-size: 1.09em!important;
    }
    .submenu a {
        font-size: .9rem;
    }
    /****** textos spanish ***********************************************************************************/
    .menu-spanish {
        font-size: 1.04rem;
        padding-left: 0%!important;
    }
    #idiomas {
        top: 12%;
        left: 92%;
        width: 7.2%;
        font-size: .8rem;
    }
    #idiomas button {
        text-decoration: none;
        width: 23px;
        height: 23px;
        font-size: .7rem;
    }
    /********* Titulo ***********/
    #index-titulo {
        height: 145px;
        margin: -34% 56.6%;
        padding: 20px;
    }
    #index-titulo img {
        width: 45%;
    }
    /********** GET INVOLVED ***************/
    .get-involved {
        width: 66.5%!important;
        margin-left: 17.4%;
        border: 0px solid red;
    }
    .get-involved p {
        font-size: 1.19rem;
    }
    .get-involved input,
    .get-involved textarea {
        margin: 15px 0 0px 0!important;
        width: 90%!important;
        font-size: 1.25rem;
        padding: 0 0 8px 15px !important;
    }
    .get-involved .get-button {
        padding: 0 0 10px 0 !important;
    }
    .get-involved textarea {
        height: 103px;
    }
    .get-involved .validation {
        font-size: 1.1rem;
    }
    /******* our companing*************/
    .three .container {
        width: 66.4%!important;
        margin-left: 17.6%;
    }
    .three .content-campaigns .p-campanas-english {
        font-size: 1.21rem!important;
    }
}


/***************** 1280 x 720 – HD **********************/

@media screen and (max-width: 1280px) and (orientation: landscape) {
    /** Clase ONE **/
    #one .container-fluid {
        height: 112px;
        margin: 0% 0 !important;
    }
    #logo {
        width: 100%;
        margin-top: 4.8% !important;
        margin-left: 34% !important;
    }
    /** Navbar y menu **/
    nav {
        height: 50px!important;
        margin-top: -3.5%!important;
        padding-left: 5.8%!important;
        font-size: 1em!important;
    }
    .submenu a {
        font-size: .9rem;
    }
    /****** textos spanish ***********************************************************************************/
    .menu-spanish {
        font-size: .96rem;
        padding-left: 0%!important;
    }
    #idiomas {
        top: 12%;
        left: 92%;
        width: 7.22%;
        padding-left: .3%;
        font-size: .74rem;
    }
    #idiomas button {
        text-decoration: none;
        width: 23px;
        height: 23px;
        font-size: .7rem;
    }
    /********* Titulo ***********/
    #index-titulo {
        height: 140px;
        margin: -36% 52.7%;
        padding: 20px;
    }
    #index-titulo img {
        width: 50%;
    }
    /*** Para el menu cuando se hace Scroll ***/
    .margenes {
        padding: 2% 0% 2% 19%!important;
        height: 50px!important;
    }
    /**** Div Two ********/
    #two {
        margin-top: -12%;
    }
    #two .cap-btn-donate,
    #two .redes {
        height: 155px!important;
    }
    #two div #donate,
    #two #contribution {
        margin-left: 29.5% !important;
    }
    #two div #donate {
        margin-top: 0%;
        margin-left: 35.8%!important;
        font-size: 2rem;
        width: 65%;
        border: 8px solid #fff;
    }
    #contribution {
        font-size: .8rem;
        width: 70% !important;
        padding-left: 10.6%!important;
    }
    /****** textos spanish ***************************************************************************/
    .contribution-spanish {
        font-size: .77rem!important;
    }
    #two .redes {
        padding-top: 2.7%!important;
        padding-left: 5%!important;
    }
    #two .redes a {
        margin-left: 3%!important;
    }
    #two .redes img {
        width: 50px;
        height: 50px;
    }
    /********** Ventanas Modales ***********/
    .modal {
        z-index: 9999999999 !important;
        margin-top: 8%;
    }
    .modal-content {
        padding: 5% !important;
        height: 70vh;
    }
    /*** Titulos de la pagina , 
Programs, Get involved, 
Our campaigns, News, Video***/
    #programs .titulo,
    .get-involved .h1,
    .three #titulo,
    #news p,
    .youtube .h1 {
        font-size: 5rem;
    }
    /***********PROGRAMS***********/
    #programs {
        width: 66.7%!important;
        margin-left: 17.2%!important;
    }
    #programs .titulo {
        margin-top: 10%;
    }
    #programs a {
        font-size: 1.8rem;
        line-height: 15px;
    }
    #programs .row1 {
        margin-top: 8%;
        margin-bottom: 2%;
    }
    #programs img {
        max-height: 372px;
    }
    /********** GET INVOLVED ***************/
    .get-involved {
        width: 66.6%!important;
        margin-left: 17.3%;
        border: 0px solid red;
    }
    .get-involved p {
        font-size: 1.12rem;
    }
    /****** textos spanish ***************************************************************************/
    .spanish-get-involved p {
        font-size: 1.08rem!important;
    }
    .get-involved input,
    .get-involved textarea {
        margin: 15px 0 0px 0!important;
        width: 90%!important;
        font-size: 1.12rem;
        padding: 0 0 15px 15px !important;
    }
    .get-involved textarea {
        height: 103px;
    }
    .get-involved .validation {
        font-size: 1.12rem;
    }
    /******* our companing*************/
    .three {
        width: 66.6%!important;
        margin-left: 17.3%!important;
        border: 0px solid red;
    }
    .three .content-campaigns .p-campanas-english {
        font-size: 1.1rem!important;
    }
    /****** textos spanish ***************************************************************************/
    .three .content-campaigns .p-campanas-spanish {
        font-size: 1.01rem!important;
    }
    .compaigns-one .card {
        height: 200px!important;
        margin-bottom: 0%!important;
        width: 15.7rem!important;
    }
    .compaigns-one .card-body {
        padding: 10px 0 0 0 !important;
    }
    .compaigns-one .text-chikito {
        padding: 17px 0 16px 0 !important;
    }
    .compaigns-one p {
        font-size: 1.8rem;
        line-height: 23px;
    }
    /***** CAMPAINGS DENTRO ******/
    #boton-campaign {
        width: 36px;
        height: 36px;
    }
    /**********NEWS**********/
    #news p {
        margin-top: 4%;
        margin-bottom: 5%;
    }
    #carousel-example-2 {
        width: 84.3%!important;
        margin-left: 8.4%;
        margin-top: 5.27% !important;
    }
    #carousel-example-2 ol li {
        border-radius: 50%;
        width: 5px;
        height: 5px;
        padding: 0;
        margin-top: 0%;
    }
    #carousel-example-2 .carousel-inner {
        height: 400px !important;
        width: 70% !important;
        margin-left: 14.35%;
        z-index: 9999;
        transform: scale(1.1, 1.1);
        border-radius: 5px;
    }
    #carousel-example-2 .carousel-caption {
        height: 30%;
        margin: 38.6% 0 0 0;
    }
    .carousel-caption h5 {
        font-size: 1.1rem!important;
        margin-top: -3%;
    }
    #carousel-example-2 p {
        font-size: .72rem!important;
        margin-top: 0%;
    }
    .carousel-caption a {
        margin-top: -4.6%;
        font-size: .72rem;
    }
    .carousel-control-prev,
    .carousel-control-next {
        height: 65px!important;
        width: 65px!important;
        top: 40%;
        border-radius: 5px;
    }
    .carousel-control-prev {
        margin-left: 1.6%;
    }
    .carousel-control-next {
        margin-right: 2.6%;
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        min-height: 35px!important;
        min-width: 35px!important;
    }
    #carousel-example-2 .carousel-item {
        height: 400px;
    }
    /************ Youtube ***********/
    .youtube {
        min-width: 85.5%;
        margin-left: 7.8%;
        min-height: 400px;
    }
    .youtube iframe {
        height: 300px;
        margin-bottom: 3%;
        padding: 2% 2% 0% 2%;
    }
    .youtube .channel {
        font-size: 1.4rem;
        margin-bottom: 5%!important;
    }
    /************* Contactos *************/
    .contactos {
        margin-left: -1.3% !important;
        padding-top: 2%;
        padding-bottom: 3%;
    }
    .contactos .h1 {
        font-size: 2.8rem!important;
    }
    .contactos div .col {
        font-size: 1.2rem;
    }
    .contactos iframe {
        max-width: 70%!important;
        max-height: 400px;
    }
    .contactos img {
        width: 36px;
        height: 36px;
    }
}


/***************** 1152 x 703 **************/

@media screen and (max-width: 1152px) and (orientation: landscape) {
    /** Clase ONE **/
    #one .container-fluid {
        height: 100px;
        margin: 0% 0 !important;
    }
    #logo {
        width: 100%!important;
        margin-top: 5% !important;
        margin-left: 34% !important;
    }
    /** Navbar y menu **/
    nav {
        height: 50px!important;
        margin-top: -4%!important;
        padding-left: 2.2%!important;
        font-size: .9em!important;
    }
    .submenu a {
        font-size: .9rem;
    }
    /****** textos spanish ***********************************************************************************/
    .menu-spanish {
        font-size: .87rem;
        padding-left: 0%!important;
    }
    #idiomas {
        top: 12%;
        left: 92%;
        width: 7.74%;
        font-size: .7.2rem;
    }
    #idiomas button {
        text-decoration: none;
        width: 20px;
        height: 20px;
        font-size: .6rem;
    }
    /********* Titulo ***********/
    #index-titulo {
        width: 100%!important;
        height: 140px;
        margin: -45% 45.1%;
        padding: 20px;
    }
    #index-titulo img {
        width: 60%;
    }
    /**** Div Two ********/
    #two {
        margin-top: -13%;
    }
    #two .cap-btn-donate,
    #two .redes {
        height: 146px!important;
    }
    /****** textos spanish ***************************************************************************/
    .contribution-spanish {
        font-size: .69rem!important;
    }
    /********** GET INVOLVED ***************/
    .get-involved {
        width: 66.6%!important;
        margin-left: 17.3%;
        border: 0px solid red;
    }
    .get-involved p {
        font-size: 1.01rem;
    }
    /****** textos spanish ***************************************************************************/
    .spanish-get-involved p {
        font-size: .97rem!important;
    }
    .get-involved input,
    .get-involved textarea {
        margin: 15px 0 0px 0!important;
        width: 90%!important;
        font-size: 1.01rem;
        padding: 0 0 15px 15px !important;
    }
    .get-involved textarea {
        height: 103px;
    }
    .get-involved .validation {
        font-size: 1.01rem;
    }
    /******* our companing*************/
    .three .container {
        min-width: 60.5%!important;
        padding-left: 0%;
    }
    .three .content-campaigns .p-campanas-english {
        font-size: 1.01rem!important;
    }
    /****** textos spanish ***************************************************************************/
    .three .content-campaigns .p-campanas-spanish {
        font-size: .9rem!important;
    }
    .compaigns-one .card {
        height: 200px!important;
        margin-bottom: 0%!important;
        width: 14rem!important;
    }
    .compaigns-one .card-body {
        padding: 10px 0 0 0 !important;
    }
    .compaigns-one .text-chikito {
        padding: 17px 0 16px 0 !important;
    }
    .compaigns-one p {
        font-size: 1.6rem;
        line-height: 21px;
    }
    /**********NEWS**********/
    #news p {
        margin-top: 4%;
        margin-bottom: 5%;
    }
    #carousel-example-2 {
        width: 86.6%!important;
        margin-left: 7.8%;
        margin-top: 5.27% !important;
    }
    #carousel-example-2 ol li {
        border-radius: 50%;
        width: 5px;
        height: 5px;
        padding: 0;
        margin-top: 0%;
    }
    #carousel-example-2 .carousel-inner {
        height: 400px !important;
        width: 70% !important;
        margin-left: 14.35%;
        z-index: 9999;
        transform: scale(1.1, 1.1);
        border-radius: 5px;
    }
    #carousel-example-2 .carousel-caption {
        height: 30%;
        margin: 47.5% 0 0 0;
    }
    .carousel-caption h5 {
        font-size: .95rem!important;
        margin-top: -4%;
    }
    #carousel-example-2 p {
        font-size: .65rem!important;
        margin-top: 0%;
    }
    .carousel-caption a {
        margin-top: -5.6%;
        margin-left: 83%;
        font-size: .65rem;
    }
    .carousel-control-prev,
    .carousel-control-next {
        height: 50px!important;
        width: 50px!important;
        top: 40%;
        border-radius: 5px;
    }
    .carousel-control-prev {
        margin-left: 1.6%;
    }
    .carousel-control-next {
        margin-right: 2.6%;
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        min-height: 25px!important;
        min-width: 25px!important;
    }
    #carousel-example-2 .carousel-item {
        height: 400px;
    }
}


/************** Pantallas Moviles **************/


/****************** 980 X 2120 *******************/

@media screen and (max-width:980px) and (orientation: portrait) {
    /** the carousel **/
    video {
        display: none!important;
    }
    #carousel {
        z-index: -1;
        width: 100vw!important;
        margin: 0 0 !important;
        padding: 0 0 !important;
        overflow: hidden!important;
    }
    #carousel img {
        width: 100%;
        overflow: hidden!important;
    }
    /******** logo de la version de escritorio******/
    #logo {
        display: none;
    }
    /** Navbar y menu **/
    nav {
        margin: -5% 0% !important;
        height: 300px!important;
        max-width: 100%!important;
        padding: 0% 0 0 0!important;
        font-size: 3em!important;
        background-color: rgb(255, 255, 255);
        position: absolute;
    }
    nav a {
        color: rgb(22, 21, 21)!important;
    }
    .submenu a {
        font-size: 2.4rem;
        text-align: center!important;
    }
    nav #logomovil {
        margin-top: -0%;
        margin-left: 0%;
        position: absolute;
    }
    nav #logomovil img {
        width: 65%;
        margin-left: -15%;
    }
    nav button {
        margin: 0 75% !important;
        position: absolute;
    }
    .navbar-toggler .navbar-toggler-icon {
        width: 80px!important;
        height: 80px!important;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(000, 000, 000, 0.85)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
    .navbar-toggler .navbar-toggler-icon:active {
        border: 0px!important;
    }
    #navbarNav {
        background-color: white;
        margin-top: 24%!important;
        max-width: 100%!important;
    }
    #idiomas,
    .pc {
        display: none!important;
    }
    .movil {
        display: block;
    }
    /******************* spanish ********************************/
    #idiomas-movil {
        top: 17%;
        left: 87%;
        font-size: 2rem;
    }
    #idiomas-movil button {
        text-decoration: none;
        width: 80px;
        height: 80px;
    }
    /*** Para el menu cuando se hace Scroll ***/
    .margenes {
        padding: 0% 0% 0% 0%!important;
        height: 300px!important;
        margin: 0 0 0 0 !important;
    }
    /**** Div Two ********/
    #two {
        margin-top: -29%!important;
        width: 100%!important;
    }
    #two .cap-btn-donate {
        height: 350px!important;
        min-width: 100%!important;
    }
    #two div #donate {
        margin-top: 2%;
        margin-left: 5%!important;
        font-size: 3.8rem;
        padding-bottom: 10%!important;
        width: 90%;
        border: 20px solid #fff;
        height: 150px;
        color: white;
    }
    .donate-english {
        display: block;
    }
    #contribution {
        font-size: 2.13rem;
        width: 90% !important;
        padding-left: 6.6%!important;
        text-align: center!important;
    }
    .contribution-spanish-movil {
        font-size: 1.72rem!important;
    }
    .spanish-data-movil {
        display: none;
    }
    /********** Ventanas Modales ***********/
    .modal {
        z-index: 9999999999 !important;
        margin: 22% 0%;
    }
    .modal-content {
        padding: 10% !important;
        height: 70vh;
        min-width: 180%!important;
        margin-left: -40%;
    }
    .modal p {
        line-height: 100%;
    }
    .modal input {
        margin-top: 10%;
        margin-bottom: 15%;
    }
    .mo-donate h1 {
        font-size: 7em;
        width: 100%;
        z-index: 1;
    }
    .mo-donate p {
        font-size: 2.4em;
    }
    .mo-donate button {
        width: 100px;
        height: 100px;
        padding: 0px 0px 10px 0px!important;
        margin: 2.5% 80%;
        position: absolute;
        z-index: 5;
    }
    .mo-donate .btn-donate {
        width: 100%;
        margin-left: 0%;
        border-radius: 30px;
        font-size: 7em;
        margin-bottom: 0%;
    }
    /*** Quienes somos, Vision y Mision **/
    .fondo_quienes-somos img {
        max-width: 108.4%!important;
        margin-left: -5%!important;
    }
    /*** Titulos de la pagina , 
    Programs, Get involved, 
    Our campaigns, News, Video***/
    #programs .titulo,
    #titulo-programs-movil,
    .get-involved .h1,
    .three #titulo,
    #news p,
    .youtube .h1 {
        font-size: 7rem;
    }
    /***********PROGRAMS***********/
    #programs {
        /*** este div es de la version de escritorio ***/
        display: none;
    }
    #titulo-programs-movil {
        text-align: center;
        margin-top: 10%;
        margin-bottom: 10%;
    }
    #programs-movil {
        max-width: 90%;
        height: 1000px!important;
        border: 0px solid red;
        margin: 0% 1%!important;
        overflow-y: hidden!important;
        overflow-x: scroll!important;
        position: absolute;
        padding: 0 0 0 0 !important;
    }
    #programs-movil a {
        text-decoration: none;
    }
    #programs-movil a p {
        font-size: 5.5rem;
        padding: 10px!important;
    }
    #programs-movil ul li {
        display: inline!important;
        position: absolute;
        overflow: auto;
        padding: 0 0 0 0 !important;
        margin-left: 0%;
        width: 80%!important;
        text-align: center;
    }
    #programs-movil ul li img {
        width: 100%;
        height: 900px;
    }
    #programs-movil ul li:nth-child(2) {
        /** +88**/
        margin: 0 88%;
    }
    #programs-movil ul li:nth-child(3) {
        margin: 0 176%;
    }
    #programs-movil ul li:nth-child(4) {
        margin: 0 264%;
    }
    #programs-movil ul li:nth-child(5) {
        margin: 0 352%;
    }
    #programs-movil ul li:nth-child(6) {
        margin: 0 440%;
    }
    #programs-movil ul li:nth-child(7) {
        margin: 0 528%;
    }
    #programs-movil ul li:nth-child(8) {
        margin: 0 616%;
    }
    /********** GET INVOLVED ***************/
    .get-involved {
        width: 100%!important;
        margin: 120% 0%;
        padding: 5%;
        border: 0px solid red;
    }
    .get-involved .form-desktop {
        display: none;
    }
    .get-involved .h1 {
        margin-left: 15%;
    }
    .unete-movil {
        font-size: 7rem!important;
        margin-left: 0%!important;
    }
    .get-involved p {
        font-size: 2.5rem;
        text-align: center;
        margin-bottom: 4%;
    }
    .get-involved input {
        height: 100px;
    }
    .get-involved input,
    .get-involved textarea {
        margin: 1% 0 0 0!important;
        width: 100%!important;
        font-size: 2.5rem;
        padding: 0 0 15px 15px !important;
    }
    .get-involved textarea {
        height: 150px;
    }
    .get-involved .validation {
        font-size: 2rem;
    }
    .text-rojo {
        color: #be0033;
    }
    /******* our companing*************/
    .three {
        max-width: 100%!important;
        margin-top: -110%;
        border: 0px solid red;
        padding: 4%;
    }
    .three .content-campaigns .p-campanas-english,
    .three .content-campaigns .p-campanas-spanish {
        font-size: 2.5rem!important;
        text-align: center;
    }
    .three a {
        text-decoration: none;
    }
    .three .card-desktop {
        /*** esto es para esconder de la vista movil **/
        display: none;
    }
    .three .card-movil {
        /*** esto es para mostrar en la version movil **/
        display: block;
        width: 90%;
        height: 950px!important;
        border: 0px solid red;
        margin: 0% 0 0% 0%!important;
        overflow-y: hidden!important;
        overflow-x: scroll!important;
        position: absolute;
        padding: 0 0 0 0 !important;
    }
    .three .card-movil ul li {
        display: inline!important;
        position: absolute;
        overflow: auto;
        padding: 0 0 0 0 !important;
        margin-left: -15.9%;
        width: 100%;
    }
    .card-movil ul li:nth-child(2) {
        /** +91**/
        margin: 0 75%;
    }
    .card-movil ul li:nth-child(3) {
        margin: 0 166%;
    }
    .card-movil ul li:nth-child(4) {
        margin: 0 257%;
    }
    .card-movil ul li:nth-child(5) {
        margin: 0 348%;
    }
    .card-movil ul li:nth-child(6) {
        margin: 0 439%;
    }
    .card-movil ul li img {
        width: 80%;
        height: 800px;
        margin-left: 7%;
    }
    .compaigns-one ul li p {
        font-size: 4.5rem;
        line-height: 60px;
        text-align: center;
        padding-top: 2%;
        margin-left: -7%;
    }
    /***** CAMPAINGS DENTRO ******/
    #boton-campaign {
        background-image: url(../img/iconos/boton-negro.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 76px;
        height: 76px;
        margin-top: 10%;
        position: absolute;
    }
    #boton-campaign:hover {
        background-image: url(../img/iconos/boton-rojo.png);
    }
    /**********NEWS**********/
    #news p {
        margin-top: 140%!important;
        margin-bottom: 15%;
    }
    #carousel-example-2 {
        width: 84.3%!important;
        margin-left: 8.4%;
        margin-top: 5.27% !important;
    }
    #carousel-example-2 ol li {
        border-radius: 50%;
        width: 5px;
        height: 5px;
        padding: 0;
        margin-top: 0%;
    }
    #carousel-example-2 .carousel-inner {
        height: 560px !important;
        width: 100% !important;
        margin-left: 0%;
        z-index: 9999;
        transform: scale(1.1, 1.1);
        border-radius: 5px;
    }
    #carousel-example-2 .carousel-caption {
        height: 30%;
        margin: 48.9% 0 0 0;
    }
    .carousel-caption h5 {
        font-size: 1.7rem!important;
        margin-top: -2%;
    }
    #carousel-example-2 p {
        font-size: .9rem!important;
    }
    .carousel-caption a {
        margin-top: -2%;
        margin-left: 90%;
        font-size: 1.5rem;
    }
    .carousel-control-prev,
    .carousel-control-next {
        height: 100px!important;
        width: 100px!important;
        background-color: red;
        top: 40%;
        border-radius: 5px;
        z-index: 999999999;
    }
    .carousel-control-prev {
        margin-left: -3%;
    }
    .carousel-control-next {
        margin-right: -3%;
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        min-height: 50px!important;
        min-width: 50px!important;
    }
    #carousel-example-2 .carousel-item {
        height: 560px;
    }
    /************ Youtube ***********/
    .youtube {
        min-width: 100%;
        margin: 20% 0%;
        min-height: 400px;
    }
    .youtube .h1 {
        text-align: center;
    }
    .youtube iframe {
        height: 300px;
        margin-bottom: 3%;
        padding: 0% 0% 0% 0%;
    }
    .youtube .channel {
        font-size: 2.8rem;
        margin-bottom: 10%!important;
        margin-top: -5%;
    }
    /************* Contactos *************/
    .contactos {
        margin-left: -1.5% !important;
        padding-top: 2%;
        padding-bottom: 3%;
        border: 0px solid red;
        background-image: url(../img/Movil/contactos/fondo-contactos.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100vw!important;
    }
    .contactos .h1 {
        font-size: 5rem!important;
        text-align: center;
        color: #FFFFFF;
    }
    .contactos div .col {
        font-size: 3rem;
        min-width: 100%!important;
        color: #f3f2f2;
    }
    .contactos iframe {
        width: 100%!important;
        max-height: 400px;
        margin-bottom: 8%!important;
    }
    .contactos a {
        text-decoration: none;
    }
    .contactos img {
        width: 80px;
        height: 80px;
        color: red;
    }
}


/****************** 360 X 760 *******************/

@media screen and (max-width:375px) and (orientation: portrait) {
    /** the carousel **/
    video {
        display: none!important;
    }
    #carousel {
        z-index: -1;
        width: 100vw!important;
        margin: 0 0 !important;
        padding: 0 0 !important;
    }
    #carousel img {
        width: 100%;
    }
    /******** logo de la version de escritorio******/
    #logo {
        display: none!important;
    }
    /** Navbar y menu **/
    nav {
        height: 100px!important;
        margin-top: -15%!important;
        padding-left: 2.7%!important;
        font-size: 1.2em!important;
        position: absolute;
    }
    /*** Para el menu cuando se hace Scroll ***/
    .margenes {
        padding: 0% 0% 0% 0%!important;
        height: 100px!important;
        margin: 0 0 0 0 !important;
    }
    nav a {
        color: rgb(22, 21, 21)!important;
    }
    .submenu a {
        font-size: .9rem;
    }
    nav #logomovil {
        margin-top: -0%;
        margin-left: 0%;
        position: absolute;
    }
    nav #logomovil img {
        width: 65%;
        margin-left: -15%;
    }
    nav button {
        margin: 0 75% !important;
        position: absolute;
    }
    .navbar-toggler .navbar-toggler-icon {
        width: 30px!important;
        height: 30px!important;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(000, 000, 000, 0.85)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
    .navbar-toggler .navbar-toggler-icon:active {
        border: 0px!important;
    }
    #navbarNav {
        margin-top: 22%!important;
        background-color: white;
    }
    .img-portada-movil img {
        width: 100%;
        height: 84.2vh;
    }
    /******************* spanish ********************************/
    #idiomas-movil {
        top: 15%;
        left: 86%;
        font-size: 1rem;
    }
    #idiomas-movil button {
        text-decoration: none;
        width: 37px;
        height: 37px;
    }
    /**** Div Two ********/
    #two {
        margin-top: -42%!important;
    }
    #two .cap-btn-donate {
        height: 145px!important;
    }
    #two div #donate,
    #two #contribution {
        margin-left: 0% !important;
    }
    #two div #donate {
        margin-top: 0%;
        margin-left: 0%!important;
        font-size: 2rem;
        padding-top: 0%!important;
        width: 94%!important;
        border: 15px solid #fff;
        height: 75px;
        color: white;
    }
    #contribution {
        font-size: .75rem;
        width: 94% !important;
        padding: 0px 20px 0px 10px!important;
    }
    /****** textos spanish ***************************************************************************/
    .contribution-spanish-movil {
        font-size: .608rem!important;
    }
    /********** Ventanas Modales ***********/
    .modal {
        z-index: 9999999999 !important;
        margin-top: 6%;
        max-width: 98%!important;
    }
    .modal-content {
        padding: 5% !important;
        height: 90vh;
        max-width: 80%!important;
        margin: 10% 0!important;
    }
    .mo-donate h1 {
        margin-top: 2%;
        font-size: 2em!important;
        width: 90%!important;
        z-index: 1;
    }
    .mo-donate p {
        font-size: .85rem!important;
        width: 52%;
    }
    .mo-donate button {
        width: 30px!important;
        height: 30px!important;
        padding: 0px 0px 10px 0px!important;
        margin: 2% 44%!important;
        position: absolute;
        z-index: 5;
    }
    .mo-donate .btn-donate {
        width: 50%;
        margin-left: 0%;
        border-radius: 30px;
        font-size: 2em!important;
        margin-bottom: 2%;
    }
    /*** Quienes somos, Vision y Mision **/
    .fondo_quienes-somos img {
        width: 120%!important;
        margin-left: -10%!important;
    }
    /*** Titulos de la pagina , 
    Programs, Get involved, 
    Our campaigns, News, Video***/
    #programs .titulo,
    #titulo-programs-movil,
    .get-involved .h1,
    .three #titulo,
    #news p,
    .youtube .h1 {
        font-size: 2.5rem!important;
    }
    /***********PROGRAMS***********/
    #programs {
        /*** este div es de la version de escritorio ***/
        display: none;
    }
    #titulo-programs-movil {
        text-align: center;
        border: 0px solid red;
        margin-top: 10%;
    }
    #programs-movil {
        max-width: 80%!important;
        height: 345px!important;
        border: 0px solid red;
        margin: 0% 0% 0% 5%!important;
        overflow-y: hidden!important;
        overflow-x: scroll!important;
        position: absolute;
        padding: 0 0 0 0 !important;
    }
    #programs-movil a {
        text-decoration: none;
    }
    #programs-movil a p {
        font-size: 1.8rem;
        padding: 7px 0 0 0!important;
    }
    #programs-movil ul li {
        display: inline!important;
        position: absolute;
        overflow: auto;
        padding: 0px 0px 0px 0px !important;
        margin-left: -13%;
        width: 85%!important;
    }
    #programs-movil ul li img {
        width: 100%;
        height: 300px;
    }
    #programs-movil ul li:nth-child(2) {
        /** +95**/
        margin: 0 82%;
    }
    #programs-movil ul li:nth-child(3) {
        margin: 0 177%;
    }
    #programs-movil ul li:nth-child(4) {
        margin: 0 272%;
    }
    #programs-movil ul li:nth-child(5) {
        margin: 0 367%;
    }
    #programs-movil ul li:nth-child(6) {
        margin: 0 462%;
    }
    #programs-movil ul li:nth-child(7) {
        margin: 0 557%;
    }
    #programs-movil ul li:nth-child(8) {
        margin: 0 652%;
    }
    /********** GET INVOLVED ***************/
    .get-involved {
        width: 95%!important;
        margin: 100% 2.5%;
        border: 0px solid red;
    }
    .get-involved .form-desktop {
        display: none;
    }
    .get-involved .h1 {
        margin-left: 10%;
    }
    .get-involved p {
        font-size: 1.2rem;
        text-align: justify;
        margin-bottom: 4%;
    }
    .get-involved input {
        height: 40px;
    }
    .get-involved input,
    .get-involved textarea {
        margin: 0 0 0 0!important;
        width: 100%!important;
        font-size: 1rem;
        padding: 6px 0 15px 15px !important;
    }
    .get-involved textarea {
        height: 80px!important;
    }
    .get-involved .validation {
        font-size: 1.1rem;
    }
    .text-rojo {
        color: #be0033;
    }
    /******* our companing*************/
    .three {
        max-width: 91.5%!important;
        padding: 0 0 0 0;
        margin-top: -80%;
        margin-left: 5%!important;
        border: 0px solid red;
    }
    .three .content-campaigns .p-campanas-english,
    .three .content-campaigns .p-campanas-spanish {
        font-size: 1rem!important;
        text-align: justify;
    }
    .three a {
        text-decoration: none;
    }
    .three .card-movil {
        /*** esto es para mostrar en la version movil **/
        display: block;
        width: 90%;
        height: 665px!important;
        border: 0px solid red;
        margin: -78% 0% 0% 4%!important;
        overflow-y: hidden!important;
        overflow-x: scroll!important;
        position: absolute;
        padding: 0 0 0 0 !important;
    }
    .three .card-movil ul li {
        display: inline!important;
        position: absolute;
        overflow: auto;
        padding: 0 0 0 0 !important;
        margin: 85% -15.9%;
        width: 100%;
    }
    .card-movil ul li:nth-child(2) {
        /** +91**/
        margin: 85% 75%;
    }
    .card-movil ul li:nth-child(3) {
        margin: 85% 166%;
    }
    .card-movil ul li:nth-child(4) {
        margin: 85% 257%;
    }
    .card-movil ul li:nth-child(5) {
        margin: 85% 348%;
    }
    .card-movil ul li:nth-child(6) {
        margin: 85% 439%;
    }
    .card-movil ul li img {
        width: 80%;
        height: 320px;
        margin-left: 7%;
    }
    .compaigns-one ul li p {
        font-size: 1.8rem;
        line-height: 25px;
        text-align: center;
        padding-top: 2%;
        margin-left: -7%;
    }
    /***** CAMPAINGS DENTRO ******/
    #boton-campaign {
        width: 36px;
        height: 36px;
    }
    /**********NEWS**********/
    #news p {
        margin-top: 160%!important;
        margin-bottom: 0%;
    }
    #carousel-example-2 {
        width: 84.3%!important;
        margin-left: 8.4%;
        margin-top: 5.27% !important;
    }
    #carousel-example-2 ol li {
        border-radius: 50%;
        width: 5px;
        height: 5px;
        padding: 0;
        margin-top: 0%;
    }
    #carousel-example-2 .carousel-inner {
        height: 220px !important;
        width: 100% !important;
        margin-left: 0%;
        z-index: 9999;
        transform: scale(1.1, 1.1);
        border-radius: 5px;
    }
    #carousel-example-2 .carousel-caption {
        height: 30%;
        margin: 55% 0 0 0;
        padding-left: 4%;
        padding-right: 4%;
    }
    .carousel-caption h5 {
        font-size: .6rem!important;
        margin-top: -11%;
    }
    #carousel-example-2 p {
        margin-top: 0%;
        display: none!important;
    }
    .carousel-caption a {
        margin-left: 80%;
        font-size: .6rem;
        position: absolute;
    }
    .carousel-control-prev,
    .carousel-control-next {
        height: 50px!important;
        width: 40px!important;
        background-color: red;
        top: 40%;
        border-radius: 5px;
        z-index: 999999999;
    }
    .carousel-control-prev {
        margin-left: -3%;
    }
    .carousel-control-next {
        margin-right: -3%;
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        min-height: 25px!important;
        min-width: 25px!important;
    }
    #carousel-example-2 .carousel-item {
        height: 220px;
    }
    /************ Youtube ***********/
    .youtube {
        min-width: 100%;
        margin-left: 0%;
        min-height: 400px;
        margin-top: 20%;
    }
    .youtube .h1 {
        text-align: center;
    }
    .youtube iframe {
        height: 300px;
        margin-bottom: 3%;
        padding: 0% 0% 0% 0%;
    }
    .youtube .channel {
        font-size: 1.1rem;
        margin-bottom: 10%!important;
        margin-top: -15%;
    }
    /************* Contactos *************/
    .contactos {
        margin-left: -5% !important;
        padding-top: 2%;
        padding-bottom: 3%;
        border: 0px solid red;
        background-image: url(../img/Movil/contactos/fondo-contactos.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        min-width: 109.8%!important;
    }
    .contactos .h1 {
        font-size: 2rem!important;
        text-align: center;
    }
    .contactos div .col {
        font-size: 1.2rem;
        min-width: 100%!important;
    }
    .contactos iframe {
        width: 100%!important;
        max-height: 200px;
        margin-bottom: 8%!important;
    }
    .contactos a {
        text-decoration: none;
    }
    .contactos img {
        width: 36px;
        height: 36px;
        color: red;
    }
}