/*--------------------------------------------------------------------- File Name: responsive.css ---------------------------------------------------------------------*/


/*------------------------------------------------------------------- 991px x 768px ---------------------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
}


/*------------------------------------------------------------------- 767px x 599px ---------------------------------------------------------------------*/

@media only screen and (min-width: 599px) and (max-width: 767px) {
    
}


/*------------------------------------------------------------------- 599px x 280px ---------------------------------------------------------------------*/

@media only screen and (min-width: 280px) and (max-width: 599px) {
    
}

@media (min-width: 1400px){
    /*----------- Carrousel ------------*/
    .text-carrousel{
        width: 66%;
    }
    nav.navbar {
        width: 94%;
        left: 3%;
        padding: 1% 1%;
    }
    .container7 .backgroundimage {
        margin-left: -18.5%;
    }
    /*---------------EVENTOS--------------*/
    /*.container-calendar.container-white {
        padding: 3% 3%;
    }*/
    .days div {
        font-size: 1rem;
        width: calc(100% / 7);
    }
    .weekdays div {
        width: calc(100% / 7);
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    /*----------Nav-----------*/
    .container-logo {
        width: fit-content;
    }
    .container-logo img{
        width: 100%;
        padding: 2%;
    }
    #navbarSupportedContent {
        margin: 0% 2%;
        width: fit-content;
    }
    a.nav-link, .navbar-nav .nav-link{
        font-size: 0.8rem;
    }
    .container-cotacto {
        width: 17%;
    }
    .cotainer-social img{
        width: 100%;
    }
    a.button-contacto {
        padding: 5% 4%;
    }
    nav.navbar {
        width: 94%;
        left: 3%;
    }
    .cotainer-social a.nav-link {
        padding: 5% 6%;
    }
    /*----------- Carrousel ------------*/
    .text-carrousel{
        width: 70%;
    }
    .txt-carrusel{
        font-size: 3.5rem;
    }
    /*-----------Home sección4 -----------*/
    .txtgroup-container3 {
        height: 170px;
    }
    .container4 h1 span{
        font-size:3rem;
    }
    .sinmargin {
        width: 100%;
        padding-top: 20%;
    }
    /*-------------HOME Sección 5------------*/
    .degrandedcolorcontainer .txt-title {
        font-size: 3rem;
    }
    .degrandedcolorcontainer .txt-pharagraph {
        font-size: 1.2rem;
    }
    /*--------------HOME Sección 6--------------*/
    .container6.container-white h1 span {
        font-size: 3rem;
    }
    .container6.container-white ul {
        font-size: 1rem;
    }
    .container7 .bottones {
        justify-content: flex-end;
        flex-direction: column;
        padding: 0px;
        align-content: flex-end;
        flex-wrap: nowrap;
    }
    /*--------------QUIENES SOMOS SECCIÓN 1--------------*/
    .lettercontainerwhite p {
        font-size: 0.9rem;
    }
    .secondcolortext {
        font-size: 1.7rem;
    }
    .whitetext{
        font-size: 0.9rem;
    }
    .container-mision .botton-mvs, .container-valores .botton-mvs,  .container-vision .botton-mvs{
        font-size: 1.4rem;
    }
    .container-mvs p {
        font-size: 1rem;
    }
    /*----------------CONTACTO SECCIÓN 1-----------*/
    .container6.container-white .containersocial a {
        font-size: 0.9rem;
    }
    /*---------------EVENTOS--------------*/
    .container-calendar.container-white {
        padding: 3% 3%;
    }
    .calendar {
        padding: 4% 0%;
    }
    .days div {
        font-size: 1rem;
        width: calc(100% / 7);
    }
    .upcontentcarrousel.event{
        height: 200px;
    }
    .upcontentcarrousel .imgmark{
        margin-top: -10%;
    }
    #socios .container-botones {
        padding: 1% 0%;
    }
    #socios .container-botones li {
        font-size: 0.8rem;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .container-logo {
        width: 25%;
        padding: 0% 2%;
    }
    .navbar>.container{
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }
    .navbar-collapse {
        flex-basis: 0% !important;
    }
    #navbarSupportedContent {
        position: absolute;
        margin: 0% 0%;
        justify-content: space-evenly;
        width: 100%;
        left: 0%;
        top: 100%;
    }
    .navbar-nav .nav-link {
        padding: 10% 0%;
    }
    .navbar-nav {
        align-items: center;
        position: relative;
        top: 100%;
        left: 0%;
        z-index: 5;
        background: linear-gradient(var(--firstcolor), var(--sixcolor));
        width: 100%;
    }
    .container-logo img{
        width: 100%;
    }
    .cotainer-social a.nav-link {
        padding: 2% !important;
    }
    a.button-contacto {
        background: white;
        color: var(--secondcolor);
        padding: 3% 6%;
        font-size: 0.9rem;
    }
    .container-cotacto {
        align-items: center;
        width: fit-content;
        /*padding: 0% 2%;*/
    }
    a.button-contacto:hover {
        background: white;
        color: var(--secondcolor);
        padding: 4% 5.5%;
        font-size: 0.9rem;
        font-weight: 700;
    }
    .cotainer-social img{
        width:100%;
    }
    .dropdown-menu{
        background-color: transparent !important;
        color: white !important;
        border: none !important;
        margin-top: -10% !important;
    }
    a.dropdown-item{
        color: white !important;
    }
    .dropdown-item:focus, .dropdown-item:hover{
        color: var(--secondcolor) !important;
    }
    /*----------- Carrousel ------------*/
    .text-carrousel{
        width: 80%;
        height: 100px;
    }
    .txt-carrusel{
        font-size: 3rem;
    }
    .upcontentcarrousel {
        height: 94px;
    }
    /*-------------HOME Sección 3--------------*/
    .colorcontainer {
        grid-template-columns: 1fr 1fr;
    }
    /*-------------HOME Sección 4-----------*/
    .container4 h1 span {
        font-size: 2.3rem;
    }
    /*--------------HOME Sección 5-----------*/
    .degrandedcolorcontainer .txt-title {
        font-size: 3rem;
    }
    .degrandedcolorcontainer .txt-pharagraph {
        font-size: 1.1rem;
    }
    .container5 .backgroundimage2 {
        width: 100%;
    }
    .container7 .boton-calendar a {
        font-size: 1rem;
    }
    /*---------------- HOME Sección 6--------------*/
    .container6.container-white h1 span {
        font-size: 2.3rem;
    }
    .container6.container-white svg {
        width: 30px;
        height: 30px;
    }
    .container6.container-white ul {
        font-size: 0.8rem;
    }
    .container7 .bottones {
        justify-content: flex-end;
        flex-direction: column;
        padding: 0px;
        align-content: flex-end;
        flex-wrap: nowrap;
    }
    /*--------------QUIENES SOMOS SECCIÓN 1-------------*/
    .lettercontainerwhite p {
        font-size: 0.9rem;
    }
    .whitetext {
        font-size: 0.8rem;
    }
    .secondcolortext{
        font-size: 1.4rem
    }
    .botton-mvs{
        font-size: 2rem;
    }
    .container-mvs p {
        font-size: 1rem;
    }
    .container-mision .botton-mvs, .container-valores .botton-mvs, .container-vision .botton-mvs{
        padding: 2% 8%;
        font-size: 1.2rem;
    }
    
    /*------------CONTACTO SECCIÓN 1------*/
    .container6.container-white .containersocial a {
        font-size: 0.7rem;
    }
    .container6.container-white .containersocial div {
        padding: 4% 2%;
    }
    .secctiontitle {
        font-size: 3rem;
    }
    /*---------------EVENTOS--------------*/
    /*.container-calendar.container-white {
        padding: 3% 3%;
    }*/
    .calendar {
        padding: 4% 0%;
    }
    .days div {
        font-size: 1rem;
        width: calc(100% / 7);
    }
    .upcontentcarrousel.event{
        height: 200px;
    }
    .upcontentcarrousel .imgmark{
        margin-top: 0%;
    }
    #socios .container-botones {
        padding: 1% 0%;
    }
    #socios .container-botones li {
        font-size: 0.8rem;
        padding: 0% 0.85%;
    }
}

@media (min-width: 576px) and (max-width: 767px) { 
    .container-white {
        background: white;
        padding: 5% 4%;
    }
    .container-logo {
        width: 40%;
    }
    .navbar-collapse {
        flex-basis: 0% !important;
    }
    #navbarSupportedContent {
        position: absolute;
        margin: 0% 0%;
        justify-content: space-evenly;
        width: 100%;
        left: 0%;
        top: 100%;
    }
    .navbar-nav .nav-link {
        padding: 10% 0%;
    }
    .navbar-nav {
        align-items: center;
        position: relative;
        top: 100%;
        left: 0%;
        z-index: 5;
        background: linear-gradient(var(--firstcolor), var(--sixcolor));
        width: 100%;
    }
    .container-cotacto {
        width: fit-content;
    }
    a.button-contacto {
        background: white;
        color: var(--secondcolor);
        padding: 3% 6%;
        font-size: 0.9rem;
    }
    .container-cotacto {
        align-items: center;
        width: fit-content;
        /*padding: 0% 2%;*/
    }
    a.button-contacto:hover {
        background: white;
        color: var(--secondcolor);
        padding: 4% 5.5%;
        font-size: 0.9rem;
        font-weight: 700;
    }
    .cotainer-social img{
        width:150%;
    }
    .dropdown-menu{
        background-color: transparent !important;
        color: white !important;
        border: none !important;
        margin-top: -10% !important;
    }
    a.dropdown-item{
        color: white !important;
    }
    .dropdown-item:focus, .dropdown-item:hover{
        color: var(--secondcolor) !important;
    }
    /*----------- Carrousel ------------*/
    .text-carrousel{
        width: 90%;
        height: 100px;
    }
    .txt-carrusel{
        font-size: 2.5rem;
    }
    .upcontentcarrousel {
        height: 100px;
    }
    /*-----HOME Container 2-------------*/
    .padd-movil{
        padding-right: 5% !important;
        padding-bottom: 5% !important;
    }

    /*-------------HomeSección 3--------------*/
    .colorcontainer {
        grid-template-columns: 1fr 1fr;
    }
    /*---------- HOME Sección 4 ----------*/
    .sinmargin {
        width: 100%;
        margin-bottom: 0%;
        padding-top: 10%;
        padding-bottom: 10%;
    }
    .container7 .backgroundimage {
        /* width: 154%; */
        width: 100%;
        /* margin-right: -10%; */
        margin-left: 12.5%;
    }
    /*------------------HOME Sección5----------*/
    .degrandedcolorcontainer .txt-title {
        font-size: 3rem;
    }
    .degrandedcolorcontainer .txt-pharagraph {
        font-size: 1.2rem;
    }
    .container6.container-white img {
        margin-bottom: -3%;
    }
    .container5 .backgroundimage2 {
        margin-top: -50%;
        padding-top: 14%;
        width: 57%;
        text-align: center;
    }
    /*----------- HOME Sección 7-----------*/
    .container7 .imagediente {
        width: 91%;
        margin-top: -10%;
        padding-left: 10%;
    }
    /*quienes somos sección 1------------*/
    .lettercontainerwhite {
        margin-top: 0%;
    }
    .botton-mvs {
        font-size: 1.4rem;
    }
    .container-peps7 {
        padding: 9% 15%;
    }
    .degranded2colorcontainer img {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }
    .container-mvs {
        padding: 5%;
        padding-top: 20%;
        margin-right: 0%;
    }
    .generalcontainer-mvs img {
        width: 70%;
        margin-bottom: -15%;
        z-index: 2;
    }
    .secctiontitle {
        font-size: 3rem;
    }
    img.imgdoc {
        width: 35%;
    }
    .container-white.avisodeprivacidad{
        margin-top: 4%;
    }
    /*---------------EVENTOS--------------*/
    /*.container-calendar.container-white {
        padding: 3% 3%;
    }*/
    .calendar {
        padding: 4% 0%;
    }
    .days div {
        font-size: 1rem;
        width: calc(100% / 7);
    }
    .upcontentcarrousel.event{
        height: 100px;
    }
    .upcontentcarrousel .imgmark{
        margin-top: 0%;
    }
    /*-----------FOOTER------*/
    footer img {
        width: 68%;
        padding-bottom: 5%;
    }
    .containerfooter {
        text-align: center;
    }
    .container-border {
        padding-top: 100px;
    }
    /*DIRECTORIO*/
    .abc-desktop{
        display:none !important;
    }
    .abc-mobile{
        display:block;
    }
    #socios .container-botones li {
        padding: 0% 15%;
    }
    .cont-dr{
        padding: 5% 0%;
    }
}
@media (max-width: 575px) {
    .container-logo {
        width: 65%;
    }
    .navbar-collapse {
        flex-basis: 0% !important;
    }
    #navbarSupportedContent {
        background: linear-gradient(var(--firstcolor), var(--sixcolor));
        position: absolute;
        margin: 0% 0%;
        justify-content: space-evenly;
        width: 100%;
        left: 0%;
        top: 93%;
        z-index: 0;
        /*z-index: 5;*/
        padding-top: 3%;
    }
    .cont-div{
        width: 100% !important;
    }
    .container7 .bottones p{
        font-size: 0.7rem;
    }
    .cotainer-social .navbar-nav .nav-link {
        padding: 10% 5% !important;
    }
    .navbar-nav .nav-link {
        padding: 10% 0%;
    }
    .cotainer-social .navbar-nav .nav-link {
        padding: 10% 2%;
    }
    .navbar-nav {
        align-items: center;
        position: relative;
        top: 100%;
        left: 0%;
        
        width: 100%;
    }
    .container-cotacto {
        width: fit-content;
    }
    a.button-contacto {
        background: white;
        color: var(--secondcolor) !important;
        padding: 14% 20% !important;
        font-size: 0.9rem;
    }
    .container-cotacto {
        align-items: center;
        width: fit-content;
        /*padding: 0% 2%;*/
    }
    a.button-contacto:hover {
        background: white;
        color: var(--secondcolor);
        padding: 4% 5.5%;
        font-size: 0.9rem;
        font-weight: 700;
    }
    .cotainer-social img{
        width:95%;
    }
    .container-cotacto.cotainer-portable{
        display: none;
    }
    .container-cotacto.cotainer-movil{
        display: flex;
        justify-content: center;
    }
    .dropdown-menu{
        background-color: transparent !important;
        color: white !important;
        border: none !important;
        margin-top: -10% !important;
    }
    a.dropdown-item{
        color: white !important;
    }
    .dropdown-item:focus, .dropdown-item:hover{
        color: var(--secondcolor) !important;
    }
    /*-----------FOOTER------*/
    footer img {
        width: 68%;
        padding-bottom: 5%;
    }
    .containerfooter {
        text-align: center;
    }
    .container-border {
        padding-top: 100px;
    }
    /*----------- Carrousel ------------*/
    .text-carrousel{
        width: 100%;
        height: 57px;
    }
    .text-carrousel h1{
        font-size: 1rem;
    }
    .txt-carrusel{
        font-size: 1.5rem;
    }
    img.img-slider-marcadeagua{
        width: 40%;
    }
    .upcontentcarrousel {
        height: 57px;
    }
    /*-------------HomeSección 3--------------*/
    .colorcontainer {
        grid-template-columns: 1fr;
    }
    .padd-movil{
        padding-right: 5% !important;
        padding-bottom: 5% !important;
    }
    /*-------------HOME Sección 4-----------*/
    .container4 h1 span {
        font-size: 2rem;
    }
    span.txt-container3 {
        font-size: 1.8rem;
    }
    .title-container img{
        width: 130%;
        margin-top: -30%;
        margin-left: -17%;
        margin-bottom: 0%;
    }
    .sinmargin {
        width: 100%;
        margin-bottom: 0%;
        padding-top: 10%;
    }
    /*------------------HOME Sección5----------*/
    .degrandedcolorcontainer{
        padding: 4% 4%;
    }
    .degrandedcolorcontainer .txt-title {
        font-size: 2rem;
    }
    .degrandedcolorcontainer .txt-pharagraph {
        font-size: 1rem;
    }
    .container5 .backgroundimage2 {
        margin-top: -38%;
        width: 60%;
    }
    .container5 .backgroundimage {
        width: 121%;
        margin-left: -11%;
        margin-top: -38%;
    }
    /*----------------HOME Sección 6-------------------*/
    .container6.container-white h1 span {
        font-size: 2rem;
    }
    .container6.container-white svg {
        width: 25px;
        height: 25px;
    }
    .container6.container-white ul {
        font-size: 120%;
    }
    .container6.container-white ul li {
        padding: 3% 0%;
    }
    .container6.container-white img {
        margin-bottom: -5%;
    }
    /*---------------HOME Sección 7-------------*/
    .container7 .imagediente {
        margin-top: 0%;
        width: 100%;
        padding-left: 0%;
    }
    .container7 .backgroundimage {
        width: 110%;
        margin-right: 0%;
        margin-left: 0%;
    }
    .container7 .bottones a svg {
        width: 20px;
        height: 20px;
    }
    .container7 .bottones a {
        font-size: 0.7rem;
    }
    .container7 .boton-calendar a {
        font-size: 1rem;
    }
    .container7 .bottones p svg {
        width: 18px;
        height: 31px;
    }
    /*quienes somos sección 1------------*/
    /*.lettercontainerwhite{
        margin-top: 19%;
    }*/
    .botton-mvs{
        font-size: 1.4rem;
    }
    .container-peps7{
        padding: 5% 5%;
    }
    .degranded2colorcontainer{
        padding: 0% 0% !important;
    }
    .degranded2colorcontainer img{
        border-top-right-radius: 0px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        padding: 0% 0% !important;
        /*width: 95% !important;*/
    }
    .whitetext{
        font-size: 0.9rem;
    }
    .botton-mvs{
        padding: 3% 4%;
        font-size: 0.8rem;
    }
    .secondcolortext{
        font-size: 1.6rem;
    }
    .lettercontainerwhite p{
        font-size: 0.9rem;
    }
    .container6.container-white .containersocial a{
        font-size: 0.7rem;
    }
    .container-mision .botton-mvs, .container-valores .botton-mvs, .container-vision .botton-mvs{
        padding: 2% 8%;
        font-size: 1.2rem;
    }
    .container-mvs{
        padding: 5%;
        padding-top: 20%;
        margin-right: 0%;
    }
    .generalcontainer-mvs img{
        width: 80%;
        margin-bottom: -15%;
        z-index: 2;
    }
    .container-mvs p{
        line-height: 1.2;
        font-size: 1rem;
    }
    /*---------------EVENTOS--------------*/
    .container-calendar.container-white {
        padding: 3% 3%;
    }
    .calendar {
        padding: 4% 0%;
    }
    .days div {
        font-size: 1rem;
        width: calc(100% / 7);
    }
    .upcontentcarrousel.event{
        height: 100px;
    }
    .upcontentcarrousel .imgmark{
        margin-top: 0%;
    }
    /*----------------DIRECTORIO-----------*/
    .secctiontitle {
        font-size: 2.5rem;
    }
    #consejo-directivo a p {
        padding: 3% 9%;
        font-size: 0.8rem;
    }
    img.imgdoc {
        width: 34%;
    }
    .container-white.avisodeprivacidad{
        margin-top: 20%;
    }
    .container-white.avisodeprivacidad p {
        font-size:0.8rem;
        text-align: justify;
    }
    .text-carrousel .title{
        font-size:3rem;
    }
    .text-carrousel.exception-evento p {
        font-size: 0.8rem;
    }

    #socios h1 {
        font-size: 3.5rem;
    }
    .abc-desktop{
        display:none !important;
    }
    .abc-mobile{
        display:block;
    }
    #socios .container-botones li {
        padding: 0% 15%;
    }
    #socios .container-botones ul {
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    #socios .container-botones {
        padding-bottom: 10% !important;
    }
    .cont-dr{
        padding: 5% 0%;
    }
    /*-------------QUIENES SOMOS-------------*/
    .container-white-pt0pb0 {
        background: white;
        padding: 7% 4%;
        padding-bottom: 0%;
    }
    
}