/*mobile screen 768*/
@media screen and (max-width: 768px){
    .w50{
        width: 100%;
    }
    .navlogo-box{
        width: 25%;
    }
    .menu{
        display: none;
    }

    .menu-mobile {
        display: flex;
        flex-direction: column;
        z-index: 1000;
    }

    .menu-mobile a {
        align-items: center;
        padding: 0.5rem 0;
    }
    
    .menu-mobile ul {
        position: absolute;
        left: -20px;
        top: 3rem;
        width: 100vw;
        list-style-type: none;
        display: none;
        flex-direction: column;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url(images/joinourmovement.jpg) lightgray 50% / cover no-repeat;
        margin-top: 0;
        justify-content: center;
        padding: 30%;
        padding-bottom: 5rem;
        box-shadow: 0px 1px 40px rgba(61, 14, 44, 0.50); 
        border-radius: 20px;
        gap: 0.5rem;
        backdrop-filter: blur(5px);
    }
    .menu-mobile ul h2 {
        font-size: 2rem;
        text-align: center;
        -webkit-text-stroke: 1px var(--Pink-Gradient);
        text-shadow: 0px 1px 40px rgba(255, 255, 255, 0.5); 
        font-weight: 600;
        border-bottom: 1px solid rgba(255, 255, 255, 0.32);
        margin-bottom: 2rem;
    }

    .menu-mobile li{
        display: flex;
        justify-content: center;
        padding: 0;
        width: 66%;
        background: linear-gradient(90deg, #E765B2 0%, #D57DF5 50%, #FC4C69 100%);
        border-bottom: 1px solid #f7c1c1;
        border-radius: 15px;
        margin: 0 auto;
        box-shadow: 0px 1px 40px rgba(61, 14, 44, 0.30); 
        justify-content: center;
    }

    .menu-mobile i {
        font-size: 33px;
        color: #E765B2;
        cursor: pointer;
        display: flex;
        transform: scaleX(-1);
    }

    .menu-mobile a {
        display:flex;
        text-decoration: none;
        color: white;
        font-weight: 500;
        font-size: 1.5rem;
        justify-content: center;
    }

    .menu-pagelinks {
        display: flex;
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .dropdown {
        flex-direction: column;
        align-items: center;
    }

    .dropdown-title {
        color: #FAEFFD;
        font-size: 1.5rem;
        align-items: center;
        height: fit-content;
    }

    .dropdown-title div {
        display: flex;
        align-items: center;
    }

    .hidden-box {
        display: none;
    }

    #dropdown-ourmovement, #dropdown-resources, #dropdown-services {
        display: none;
        width: 100%;
    }

    .maindropdown-box {
        display: flex;
        position: unset;
        transform: none;
        background-color: #FEFBFE44;
        width: 100%;
    }

    .maindropdown-contentarea {
        flex-direction: column;
        width: 100%;
    }

    .maindropdown-itemframe {
        height: fit-content;
        padding: 0.15rem;
        background-color: #e765b2;
        width: 100%;
    }

    .maindropdown-itemcontent {
        background: var(--Pink-Gradient);
        width: 100%;
    }
    .maindropdown-itemcontent:hover {
        background: #FAEFFD;
    }
    .maindropdown-itemcontent:hover p {
        color: #e765b2;
    }

    .maindropdown-itemcontent p {
        margin: 0 1rem;
    }


    section.maincontainer {
        padding: 0 1rem;
    }
    .maincontainer-block{
        display: flex;
        flex-direction: column;
        gap: 2rem;
        max-width: 90%;

    }
    .maincontainer-textblock {
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
    }

    .maincontainer-title {
        font-size: 2rem;
    }

    .call-to-action {
        justify-content: center;
    }

    .tripleimage-gallery {
        width: 100%;
    }

    .tripleimage-gallery12 {
        flex-direction: column;
    }
    .tripleimage-gallery3 {
        margin-top: 0;
    }
    .tripleimage-card-3 {
        width: 100%;
    }

    section.whatwedo {
        padding: 2rem 1rem;
    }
    .whatwedo-container {
        gap: 2rem;
    }
    .whatwedo-container > .textblock {
        width: 90%;
    }
    .textblockparagraph {
        font-size: 2rem;
    }
    .bubbles {
        max-width: 100%;
        flex-wrap: wrap;
        gap: 0.5rem;
        justify-content: center;
    }
    .statistic-bubble {
        width: 45%;
    }

    section.whoweare {
        padding: 5rem 1rem;
    }
    .whowearecontainer {
        flex-direction: column;
        padding: 0;
        max-width: 90%;
        align-self: center;
    }
    .textcontainer{
        margin: 0 auto;
    }
    .doubleimage-gallery {
        width: 100%;
        flex-wrap: wrap;
    }
    .doubleimage-card1, .doubleimage-card2 {
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

    section.ourhistory {
        padding: 2rem 1rem 0 1rem;
    }
    .ourhistoryblock {
        width: 100%;
        align-items: center;
    }
    .ourhistorytextcontainer{
        text-align: center;
        justify-content: center;
        padding: 0;
        max-width: 90%;
    }
    .ourhistorytextcontainer-title {
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }
    .youtubevideo, .abpg1-ytvideo iframe {
        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
    }

    section.whatweoffer{
        padding: 2rem 1rem;
    }
    .whatweoffertextcontainer-box2-content > .call-to-action{
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        gap: 1rem;
    }
    .highlighted-link {
        margin: 0;
    }

    .whatweofferblock {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .whatweoffertextcontainer-box1-title{
        margin: 0 auto;
    }
    .whatweoffertextcontainer-box1 p {
        font-size: 2rem;
    }
    .bubblecontainer {
        max-width: 100%;
        justify-content: center;
    }
    .bubble {
        width: 90%;
    }
    .bubblecontentbox > .bubbleicon{
        margin: 0 auto;
    }

    section.snapshots {
        padding: 3rem 1rem;
        overflow: hidden;
    }
    .snapshotscontent {
        flex-direction: column;
    }
    .snapshotscontent > .genericblock1-left {
        width: 90%;
        margin: 0 auto;
        text-align: center;
        align-items: center;
    }
    .snapshotscontent > .genericblock1-left h3 {
        font-size: 2rem;
    }
    .quadrupleimage-gallery {
        width: 100%;
        align-self: center;
        flex-direction: column;
    }
    .quadrupleimage-gallery12, .quadrupleimage-gallery34 {
        flex-direction: column;
    }
    .quadrupleimage-card-1,.quadrupleimage-card-2, .quadrupleimage-card-3, .quadrupleimage-card-4 {
        width: 100%;
    }
    .quadrupleimage-card-4 {
        margin-left: 0;
    }

    section.faq {
        padding: 3rem 1rem 1rem 1rem;
        gap: 0;
    }
    .faqcontent {
        width: 100%;
    }
    .title h2 {
        font-size: 2rem;
    }
    .faqcontenttitlebox{
        width: 100%;
    }
    .questionboxes h1 {
        font-size: 1.5rem;
    }
    .questionbox {
        width: 100%;
    }

    section.news{
        padding: 2rem 1rem;
    }
    .newscontentarticles{
        flex-direction: column;
        margin: 0 auto;
    }
    .newscontenttitlebox h3 {
        font-size: 2rem;
    }
    .articleboxcontent-imageframe img {
        height: 13rem;
        aspect-ratio: 250/188;
    }
    .articleboxcontent-post {
        width: 80%;
    }


    section.contactus {
        padding: 2rem 1rem;
    }
    .contactusblock{
        flex-direction: column;
    }
    .contactus-content{
        margin: 0 auto;
        width: 100%;
        max-width: 32.5rem;
        height: fit-content;
    }
    .contactus-textual{
        width: inherit;
        text-align: center;
        align-items: center;
    }
    .contactus-textualblock{
        width: 90%;
        padding: 1rem;
    }
    .contactus-infolist {
        align-items: center;
    }
    .contactus-infoblock{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .contactus-infoblock > .emailicon {
        display: flex;
        justify-content: flex-start;
    }
    .contactus-infoblock-id h4{
        display: flex;
        justify-content: flex-start;
    }
    .contactus-form{
        width: 100%;
        max-width: 32.5rem;
    }

    section.joinourmovement {
        padding: 2rem 1rem;
    }
    .joinourmovement-image{
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%), url(images/joinourmovement.jpg) lightgray 50% / cover no-repeat;
    }

    footer {
        padding: 3rem 3rem;
    }
    .footer-content {
        align-self: auto;
    }
    .footer-middleblock{
        flex-direction: column;
        gap: 5rem;
        align-items: center;
    }
    .contactandsocial{
        margin: 0 auto;        
    }
    .contactinfo-list{
        align-items: center;
    }
    .contactinfo-block {
        flex-direction: column;
    }
    .socialmediablock {
        align-self: center;
    }
    
    .footer-quickaccess{
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .footer-quicklinks, .programs, .resources {
        width: 80%;
    }
    .footer-quicklinks h4{
        text-align: center;
    }
    .footer-quicklinks-list{
        align-items: center;
    }
    .programs h4{
        text-align: center;
    }
    .programs-list{
        align-items: center;
    }
    .resources h4{
        text-align: center;
    }
    .resources-list{
        align-items: center;
    }

    section.aboutpage-1 {
        padding: 0rem 1rem 2rem 1rem;
    }
    .abpg1-content{
        width: 90%;
        align-items: center;
        padding: 0;
        align-self: center;
    }
    .abpg1-content > .genericblock1 {
        justify-content: center;
        text-align: center;
    }
    .abpg1-block2 {
        max-width: 100%;
    }
    .abpg1-block2 > .abpg1-ytvideo {
        width: 100%;
    }
    .abpg1-statistics {
        flex-wrap: wrap;
        align-items: center;
        max-width: 100%;
        gap: 0.5rem;
    }
    .statistics-box {
        width: 100%;
    }

    section.aboutpage-2, section.aboutpage-3 {
        padding: 2rem 1rem;
        align-items: center;
    }
    .abpg2-content, .abpg3-content {
        flex-direction: column;
    }
    .abpg2-block1, .abpg2-block2 {
        flex-direction: column;
        gap: 2rem;
    }
    .abpg3-content {
        width: 90%;
        align-items: center;
    }
    .abpg3-content > .dark-textcontainer {
        flex-direction: column;
        gap: 2rem;
    }
    .dark-textcontainer-block1, .dark-textcontainer-block2 {
        width: 100%;
        max-width: 100%;
    }
    .otpg1-content {
        padding: 0 1rem 2rem 1rem;
        width: 90%;
    }
    .teampicturebox {
        max-width: 100%;
        height: fit-content;
    }
    .teampicturebox img {
        width: 110%;
        height: 110%;
        margin-top: -2rem;
        margin-left: -2rem;
    }

    section.ourteampage2 {
        padding: 2rem 1rem;
    }
    .dark-textcontainer h3 {
        font-size: 2rem;
    }
    .pictures-gallery {
        align-items: center;
    }
    .pictures-gallery > .picture-box {
        width: 12rem;
        height: 18rem;
    }
    .teammember02-picture {
        margin-left: -5rem;
        margin-top: 5rem;
    }
    .teammember03-picture, .teammember05-picture, .teammember06-picture {
        margin-left: -5rem;
    }
    .teammember07-picture {
        margin-left: -8rem;
        margin-top: 12rem;
    }
    .teammember08-picture {
        margin-left: -7rem;
        margin-top: 10rem;
    }
    .teammember09-picture {
        margin-left: -4rem;
        margin-top: -7rem;
    }
    .teammember10-picture {
        margin-left: -6rem;
        margin-top: 3rem;
    }
    .teammember11-picture {
        margin-left: -2rem;
        margin-top: 2rem;
    }
    .teammember12-picture {
        width: 175%;
        height: 125%;
        margin-left: -3.5rem;
        margin-top: -3rem;
    }

    section.partnerspage1, section.partnerspage2 {
        padding: 2rem 1rem;
    }
    .ptpg1-content {
        width: 100%;
        padding: 0;
    }
    .ptpg1-content > .limiterblock {
        width: 100%;
    }


    .enpg1-content {
        padding: 0 1rem;
    }

    section.entrepreneurspage2,section.entrepreneurspage3 {
        padding: 2rem 1rem;
        align-items: center;
        justify-content: center;
    }
    .enpg2-content,.enpg3-content {
        align-items: center;
        padding: 0;
        width: 90%;
    }
    .enpg2-content > .limiterblock, .enpg3-content > .limiterblock {
        padding: 0;
        flex-direction: column;
    }

    .generic-title-box-left > .title h2, .enpg4-content > .genericblock1 > .generic-title-box > .title h2{
        font-size: 2rem;
    }
    .entrepreneurs-container > .highlited-button {
        padding: 0;
    }

    section.reportsandpublications1 {
        padding: 0;
    }
    .pagetitle {
        padding: 2rem 1rem;
    }
    .pagetitle-content h2 {
        font-size: 2rem;
    }

    section.reportsandpublications2 {
        padding: 2rem 1rem;
    }
    .rp2-content {
        max-width: 90%;
    }
    .rp2-block2 {
        gap: 0.5rem;
        flex-wrap: wrap;
    }
    .rp2-block2 > .picture-box {
        width: 45%;
    }


    .sten1-content,.impg-content {
        padding: 0 1rem;
    }
    .impg-content > .impg-block2 > .pictures-gallery > .picture-box {
        width: 90%;
    }

    section.empresasysectorprivado1, section.empresasysectorprivado2 {
        padding: 2rem 1rem;
    }

    .eysp2-block2,.eysp2-block3 {
        flex-direction: column;
    }

    section.empresassocialesyuniversidades2 > .jmpg2-content > .limiterblock {
        align-items: center;
        flex-direction: column;
        gap: 2rem;
    }

    section.belgiumpage1, section.belgiumpage2, section.belgiumpage3 {
        padding: 2rem 1rem;
    }
    .bgpg1-content {
        flex-direction: column;
        width: 90%;
    }
    .bgpg1-block2 {
        width: 100%;
        justify-content: center;
    }
    .bgpg1-block2 > .teampicturebox img {
        height: 226%;
    }
    .bgpg2-content {
        align-items: center;   
    }
    .bgpg2-block2, .bgpg3-block1{
        flex-direction: column;
    }
    .bgpg2-block2 > .genericblock1-left > .generic-title-box-left {
        align-items: center;
    }
    #ourhistory-02 {
        height: 19rem;
        margin-top: -2rem;
    }

    section.belgiumpage5, section.belgiumpage6 {
        padding: 2rem 1rem;
    }
    .bgpg5-content {
        flex-direction: column;
    }
    .bgpg5-content > .genericblock1-left {
        width: 100%;
    }

    .bgpg6-content {
        gap: 1rem;
    }
    .flexpictureblock {
        padding: 0.25rem;
    }
    .bgpg6-content > .flexpictureblock > .pictureframe {
        width: 45%;
    }

    section.joinourmovementpage1, section.joinourmovementpage2, section.joinourmovementpage3, section.joinourmovementpage4, section.joinourmovementpage5, section.joinourmovementpage6, section.joinourmovementpage7 {
        padding: 2rem 1rem;
    }
    .jmpg2-content > .limiterblock, .jmpg4-content > .limiterblock{
        flex-direction: column;
    }
    .jmpg4-block1 > .genericblock1-left {
        align-items: center;
    }
    .joinus a {
        text-wrap: wrap;
        text-align: center;
    }

    .textcontainer p {
        font-size: 2rem;
    }

    .pdf-embed {
        width: 92vw;
        max-width: 92vw;
        height: 70vh;
    }


    /* ---------- Services pages ---------- */
    section.innovacionyestrategia1, section.innovacionyestrategia2, section.innovacionyestrategia3,
    section.innovacionyestrategia4, section.innovacionyestrategia5, section.innovacionyestrategia6,
    section.innovacionyestrategia7,
    section.sostenibilidadyesg1, section.sostenibilidadyesg2, section.sostenibilidadyesg3,
    section.sostenibilidadyesg4, section.sostenibilidadyesg5, section.sostenibilidadyesg6,
    section.comercialynetworking1, section.comercialynetworking2, section.comercialynetworking3,
    section.comercialynetworking4, section.comercialynetworking5, section.comercialynetworking6,
    section.consultoriasespecializadas1, section.consultoriasespecializadas2, section.consultoriasespecializadas3,
    section.consultoriasespecializadas4, section.consultoriasespecializadas5, section.consultoriasespecializadas6 {
        padding: 2.5rem 1rem;
    }

    .iepg1, .sepg1, .cynpg1, .cepg1,
    .iepg3-content, .iepg4-content, .cynpg2-content, .cynpg3-content, .sepg3-content,
    .cepg3-content, .cepg4-content,
    .iepg2-content > .bubblecontainer, .sepg2-content > .bubblecontainer,
    .cynpg4-content > .bubblecontainer,
    .sepg5-content > .sepg5-block {
        flex-direction: column;
        flex-wrap: wrap;
        gap: 2rem;
    }

    .iepg1 > .genericblock1-left, .sepg1 > .genericblock1-left,
    .cynpg1 > .genericblock1-left, .cepg1 > .genericblock1-left,
    .iepg3-block2, .iepg4-block2, .cynpg2-block2, .cynpg3-block2, .sepg3-block2,
    .sepg5-block > .genericblock1-left,
    .cepg3-content > .genericblock1-left, .cepg4-content > .genericblock1-left,
    .cepg4-content > .bubblecontainer > .bubble {
        max-width: 100%;
        flex: 1 1 auto;
        width: auto;
    }

    .iepg1 .generic-title-box-left > .title h2,
    .sepg1 .generic-title-box-left > .title h2,
    .cynpg1 .generic-title-box-left > .title h2,
    .cepg1 .generic-title-box-left > .title h2 {
        font-size: 2rem;
    }

    .cynpg1 > .picturecardblock > .picturecard .statistics-box h3 {
        font-size: 3.25rem;
    }
}