@media (min-width: 320px) and (max-width: 575.98px) {
    header #menuHeaderMobile{
        display: block}
    header #menuHeader{
        display: none}

    /* VIEW HOME */

        #viewHome .title-section{
            padding-top: 0px !important;
            font-size: 24px}

        #viewHome.p-t-150{
            padding-top: 100px}

        #viewHome section:nth-child(1){
            margin-top: 0px}
        #viewHome section:nth-child(1) .f-s-40{
            font-size: 20px}
        #viewHome section:nth-child(1) .f-s-60{
            font-size: 40px}

        #viewHome section:nth-child(1) .p-b-100{
            padding-bottom: 10px}

        #viewHome .icon-infinite{
            display: block}
        #viewHome .bg-infinite{
            background-image: none}

        #viewHome .open-call-call-to-action{
            padding-left: 15px;
            padding-right: 15px}

        #viewHome section:nth-child(2) div:nth-child(3){
            padding-top: 0px}

        /* HOME BENEFITS */
        #viewHome section:nth-child(2) div:nth-child(3) div:nth-child(1) div:nth-child(1) div:nth-child(1){
            padding-top: 90px}

        #viewHome section:nth-child(2) div:nth-child(3) div:nth-child(1) div:nth-child(1) div:nth-child(2){
            text-align: center;
            padding-top: 20px}

        #viewHome section:nth-child(2) div:nth-child(3) .icon-left:nth-child(1){
            margin-top: 0px}
            
        #viewHome section:nth-child(2) div:nth-child(3) .icon-left{
            padding-left: 80px}

        #viewHome section:nth-child(2) div:nth-child(3) .icon-left .icon{
            padding-left: 10px}

        #viewHome section:nth-child(2) div:nth-child(3) .icon-left .f-s-20{
            text-align: left !important}
                    
        #viewHome section:nth-child(2) div:nth-child(3) div:nth-child(1) .icon img{
            width: 50px}

        #viewHome .graphic-circular-design-tookit-for-regions{
            padding-top: 20px !important}

        #view div.line-white{
            height: 1px}
        /* HOME BENEFITS */

        /* HOME VERTICALS */
        #viewHome .content-section-vertical{
            padding-left: 15px;
            padding-right: 15px}
        #viewHome .col-c-5{
            margin-top: 100px;
            margin-right: 0px !important;
            width: 100% !important}
        #viewHome .col-c-5 img{
            max-width: 90% !important}
        #viewHome .col-c-5 .f-s-20{
            font-size: 17px !important}
        /* HOME VERTICALS */

        #viewHome .title-section{
            margin-top: 50px}

        #viewHome .content-section{
            margin-top: 10px}

        #modalMenu #contentMenu ul li a{
            font-size: 12px !important}

    /* VIEW HOME */

    /* VIEW PROGRAMME */
        #viewProgramme .programme-section-02-background{
            padding-top: 50px;
            background-size: 180% auto}
        #viewProgramme .last-block{
            padding-bottom: 50px}
    /* VIEW PROGRAMME */

    /* VIEW OPENCALLS */
        #viewOpencalls div.open-calls-icon-calendar{
            display: none}
        #viewOpencalls .content-table{
            margin-top: 50px}
    /* VIEW OPENCALLS */

    /* VIEW DISRUPTORS */
    #viewDisruptors .icon-disruptors-float{
        background-image: none}
    /* VIEW DISRUPTORS */

    /* VIEW DESIGNERS*/
        #viewDesigners .icon-designers-float{
            background-image: none}
        #viewDesigners .col-c-5{
            width: 100% !important}
        #viewDesigners .col-c-5 img{
            max-width: 90% !important}
        #viewDesigners .f-s-60{
            font-size: 50px}
    /* VIEW DESIGNERS*/

    /* VIEW CIRCULARITY-CHALLENGES-CATALOGUE */
        #viewCircularityChallengesCatalogue .icon-circularity-challenges-catalogue-float{
            background-image: none}
    /* VIEW CIRCULARITY-CHALLENGES-CATALOGUE */

    /* VIEW ONLINE-TOOLS */
        #viewOnlineTools .icon-online-tools-float{
            background-image: none}
    /* VIEW ONLINE-TOOLS */

    /* VIEW COMMUNITY */
        #viewCommunity .title-community{
            font-size: 40px}
        #viewCommunity div.col-c-5{
            height: 120px;
            float: left;
            padding-bottom: 20px;
            text-align: center;
            width: 100%;
            margin-right: 10px} 
        #viewCommunity div.col-c-5 img{
            width: 50px;
            height: auto}
        #viewCommunity .nav-link{
            border-radius: 0px !important;
            width: 100%;
            border: none !important;
            border-bottom: 3px solid #B1B1B1 !important;
            background-color: #B1B1B1;
            color: #fff}
    /* VIEW COMMUNITY */

}

@media (min-width: 576px) and (max-width: 767.98px) {
    header #menuHeaderMobile{
        display: block}
    header #menuHeader{
        display: none}

    /* VIEW HOME */
        #viewHome.p-t-150{
            padding-top: 100px}

        #viewHome section:nth-child(1) .p-b-100{
            padding-bottom: 50px}

        #viewHome .icon-infinite{
            display: block}
        #viewHome .bg-infinite{
            background-image: none}

        #viewHome .open-call-call-to-action{
            padding-left: 15px;
            padding-right: 15px}

        /* HOME BENEFITS */
        #viewHome section:nth-child(2) div:nth-child(3) div:nth-child(1) div:nth-child(1) div:nth-child(1){
            padding-top: 0px}

        #viewHome section:nth-child(2) div:nth-child(3) div:nth-child(1) div:nth-child(1) div:nth-child(2){
            text-align: center;
            padding-top: 20px}

        #viewHome section:nth-child(2) div:nth-child(3) .icon-left .f-s-20{
            text-align: left !important}
        /* HOME BENEFITS */

        #viewHome .col-c-5{
            margin-top: 100px;
            margin-right: 0px !important;
            width: 100% !important}
        #viewHome .col-c-5 img{
            max-width: 90% !important}
        #viewHome .col-c-5 .f-s-20{
            font-size: 17px !important}
    /* VIEW HOME */

    /* VIEW PROGRAMME */
        #viewProgramme .programme-section-02-background{
            padding-top: 50px;
            background-size: 150% auto
        }
    /* VIEW PROGRAMME */

    /* VIEW OPENCALLS */
        #viewOpencalls div.open-calls-icon-calendar{
            display: none}
        #viewOpencalls .content-table{
            margin-top: 50px}
    /* VIEW OPENCALLS */

    /* VIEW DISRUPTORS */
    #viewDisruptors .icon-disruptors-float{
        background-image: none}
    /* VIEW DISRUPTORS */

    /* VIEW DESIGNERS*/
        #viewDesigners .icon-designers-float{
            background-image: none}
        #viewDesigners .col-c-5:nth-child(1), #viewDesigners .col-c-5:nth-child(2), #viewDesigners .col-c-5:nth-child(3){
            width: 31% !important}
        #viewDesigners .col-c-5:nth-child(4), #viewDesigners .col-c-5:nth-child(5){
            width: 48% !important}
        #viewDesigners .col-c-5 img{
            max-width: 90% !important}
    /* VIEW DESIGNERS*/

    /* VIEW CIRCULARITY-CHALLENGES-CATALOGUE */
        #viewCircularityChallengesCatalogue .icon-circularity-challenges-catalogue-float{
            background-image: none}
    /* VIEW CIRCULARITY-CHALLENGES-CATALOGUE */

    /* VIEW ONLINE-TOOLS */
        #viewOnlineTools .icon-online-tools-float{
            background-image: none}
    /* VIEW ONLINE-TOOLS */

    /* VIEW COMMUNITY */
        #viewCommunity div.col-c-5{
            height: 120px;
            float: left;
            padding-bottom: 20px;
            text-align: center;
            width: 94px;
            margin-right: 10px} 
        #viewCommunity div.col-c-5 img{
            width: 50px;
            height: auto}
        #viewCommunity div.col-c-5 .f-s-14{
            font-size: 12px}
    /* VIEW COMMUNITY */

}

@media (min-width: 768px) and (max-width: 991.98px) {
    header #menuHeaderMobile{
        display: block}
    header #menuHeader{
        display: none}

    /* VIEW HOME */
        #viewHome.p-t-150{
            padding-top: 80px}

        #viewHome .icon-infinite{
            display: block}
        #viewHome .bg-infinite{
            background-image: none}

        #viewHome .col-c-5{
            width: 136px !important}
        #viewHome .col-c-5 img{
            max-width: 90% !important}
        #viewHome .col-c-5 .f-s-20{
            font-size: 17px !important}
    /* VIEW HOME */

    /* VIEW PROGRAMME */
        #viewProgramme .programme-section-02-background{
            padding-top: 50px;
            background-size: 150% auto}
    /* VIEW PROGRAMME */

    /* VIEW DISRUPTORS */
    #viewDisruptors .icon-disruptors-float{
        background-image: none}
    /* VIEW DISRUPTORS */

    /* VIEW DESIGNERS*/
        #viewDesigners .icon-designers-float{
            background-image: none}
        #viewDesigners .col-c-5:nth-child(1), #viewDesigners .col-c-5:nth-child(2), #viewDesigners .col-c-5:nth-child(3){
            width: 31% !important}
        #viewDesigners .col-c-5:nth-child(4), #viewDesigners .col-c-5:nth-child(5){
            width: 48% !important}
        #viewDesigners .col-c-5 img{
            max-width: 90% !important}
    /* VIEW DESIGNERS*/

    /* VIEW CIRCULARITY-CHALLENGES-CATALOGUE */
        #viewCircularityChallengesCatalogue .icon-circularity-challenges-catalogue-float{
            background-image: none}
    /* VIEW CIRCULARITY-CHALLENGES-CATALOGUE */

    /* VIEW ONLINE-TOOLS */
        #viewOnlineTools .icon-online-tools-float{
            background-image: none}
    /* VIEW ONLINE-TOOLS */

    /* VIEW COMMUNITY */
        #viewCommunity .circles-community div.circle{
            width: 100%;
            padding-top: 95%}
        #viewCommunity .circles-community div.circle div.text{
            font-size: 12px;
            top: 40%}
        #viewCommunity .circles-community div:nth-child(2) div.text{
            font-size: 12px;
            top: 20%}
        #viewCommunity .circles-community div:nth-child(4) div.text{
            font-size: 12px;
            top: 30%}
        #viewCommunity div.col-c-5{
            height: 120px;
            float: left;
            padding-bottom: 20px;
            text-align: center;
            width: 33%;
            margin-right: 0px} 
        #viewCommunity div.col-c-5:nth-child(3){
            margin-right: 0px}
        #viewCommunity div.col-c-5:nth-child(4), #viewCommunity div.col-c-5:nth-child(5){
            height: 120px;
            float: left;
            padding-bottom: 20px;
            text-align: center;
            width: 50%;
            margin-right: 0px} 
        #viewCommunity div.col-c-5 img{
            width: 50px;
            height: auto}
    /* VIEW COMMUNITY */ 

}

@media (min-width: 992px) and (max-width: 1199.98px) {
    header #menuHeaderMobile{
        display: block}
    header #menuHeader{
        display: none}

    /* VIEW HOME */
        #viewHome.p-t-150{
            padding-top: 80px}

        #viewHome .bg-infinite{
            background-position: 120% top;
            background-size: auto 65%}

        #viewHome .col-c-5{
            width: 184px !important}
        #viewHome .col-c-5 img{
            max-width: 90% !important}
    /* VIEW HOME */

    /* VIEW CIRCULARITY MARKETPLACE */
        #viewCircularityMarketplace .option .title{
            font-size: 16px}
        #viewCircularityMarketplace .option button.button-block{
            height: 70px}
    /* VIEW CIRCULARITY MARKETPLACE */

    /* VIEW DISRUPTORS */
    #viewDisruptors .icon-disruptors-float{
        background-image: none}
    /* VIEW DISRUPTORS */

    /* VIEW DESIGNERS */
        #viewDesigners .icon-designers-float{
            background-image: none}
        #viewDesigners .col-c-5{
            width: 113px !important}
        #viewDesigners .col-c-5 img{
            max-width: 90% !important}
    /* VIEW DESIGNERS */

    /* VIEW CIRCULARITY-CHALLENGES-CATALOGUE */
        #viewCircularityChallengesCatalogue .icon-circularity-challenges-catalogue-float{
            background-image: none}
    /* VIEW CIRCULARITY-CHALLENGES-CATALOGUE */

    /* VIEW ONLINE-TOOLS */
        #viewOnlineTools .icon-online-tools-float{
            background-image: none}
    /* VIEW ONLINE-TOOLS */

    /* VIEW COMMUNITY */
        #viewCommunity .circles-community div.circle div.text{
            font-size: 14px;
            top: 43%}
        #viewCommunity .circles-community div:nth-child(2) div.text{
            top: 35%}
        #viewCommunity div.col-c-5{
            height: 120px;
            float: left;
            padding-bottom: 20px;
            text-align: center;
            width: 82px;
            margin-right: 10px} 
        #viewCommunity div.col-c-5 img{
            width: 50px;
            height: auto}
        #viewCommunity div.col-c-5 .f-s-14{
            font-size: 12px}
    /* VIEW COMMUNITY */  
    
}

@media (min-width: 1200px) and (max-width: 1399.98px) {

    /* VIEW HOME */
        #viewHome.p-t-150{
            padding-top: 150px}

        #viewHome .bg-infinite{
            background-position: 110% top;
            background-size: auto 85%}

        #viewHome .col-c-5{
            width: 220px !important}
        #viewHome .col-c-5 img{
            max-width: 90% !important}
    /* VIEW HOME */

    /* VIEW DISRUPTORS */
        #viewDisruptors .icon-disruptors-float{
            background-position: 115% center}
    /* VIEW DISRUPTORS */

    /* VIEW DESIGNERS */
        #viewDesigners .icon-designers-float{
            background-position: 115% center}
    /* VIEW DESIGNERS */

    /* VIEW CIRCULARITY-CHALLENGES-CATALOGUE */
        #viewCircularityChallengesCatalogue .icon-circularity-challenges-catalogue-float{
            background-position: 115% center}
    /* VIEW CIRCULARITY-CHALLENGES-CATALOGUE */

    /* VIEW ONLINE-TOOLS */
        #viewOnlineTools .icon-online-tools-float{
            background-position: 115% center}
    /* VIEW ONLINE-TOOLS */

    /* VIEW COMMUNITY */ 
        #viewCommunity .circles-community div:nth-child(2) div.text{
            top: 40%}
    /* VIEW COMMUNITY */ 

}

@media (min-width: 1400px) {

    /* VIEW HOME */
        #viewHome.p-t-150{
            padding-top: 150px}

        #viewHome .bg-infinite{
            background-position: 100% top;
            background-size: auto 95%}
    /* VIEW HOME */

    /* VIEW DISRUPTORS */
        #viewDisruptors .icon-disruptors-float{
            background-position: 110% center}
    /* VIEW DISRUPTORS */

    /* VIEW DESIGNERS */
        #viewDesigners .icon-designers-float{
            background-position: 110% center}
    /* VIEW DESIGNERS */

    /* VIEW CIRCULARITY-CHALLENGES-CATALOGUE */
        #viewCircularityChallengesCatalogue .icon-circularity-challenges-catalogue-float{
            background-position: 110% center}
    /* VIEW CIRCULARITY-CHALLENGES-CATALOGUE */

    /* VIEW ONLINE-TOOLS */
        #viewOnlineTools .icon-online-tools-float{
            background-position: 110% center}
    /* VIEW ONLINE-TOOLS */

    /* VIEW COMMUNITY */ 
        #viewCommunity .circles-community div:nth-child(2) div.text{
            top: 40%}
    /* VIEW COMMUNITY */ 

}

    /*CIRCULARITY CHALLENGES CATALOGUE*/




    

    @media (min-width: 1200px) {

        #viewCircularityChallengesCatalogue .col-c-5{

            width:220px !important;

        }

    }


    @media(min-width:768px) and (max-width: 1199px){

        #viewCircularityChallengesCatalogue .circu-tarjetas h2{

            font-size: 17px;

        }

    }


    @media(min-width: 576px) and (max-width:767px){

        #viewCircularityChallengesCatalogue .pdf-image{

            width:16px;

        }

    }

    @media(min-width:320px) and (max-width:767px){

        #viewCircularityChallengesCatalogue .circu-tarjetas h2{

            font-size: 16px;

        }

    }

    @media (min-width:992px) and (max-width:1199px){

        #viewCircularityChallengesCatalogue .col-c-5{

            width:180px !important;

        }

    }


    @media (min-width:576px) and (max-width:991px){

        #viewCircularityChallengesCatalogue .col-c-5:nth-child(1), #viewCircularityChallengesCatalogue .col-c-5:nth-child(2), #viewCircularityChallengesCatalogue .col-c-5:nth-child(3){
             width: 31% !important; 

        }
        #viewCircularityChallengesCatalogue .col-c-5:nth-child(4), #viewCircularityChallengesCatalogue .col-c-5:nth-child(5){
            width: 31% !important;             
            margin-top:170px;
        }

        #viewCircularityChallengesCatalogue .col-c-5:nth-child(4){
            margin-left: 17%;

    }


}

    @media (min-width:320px) and (max-width:575px){

        #viewCircularityChallengesCatalogue .col-c-5{

            width:80%!important;
            margin-left:10%;
        }

        #viewCircularityChallengesCatalogue .col-c-5:nth-child(2), #viewCircularityChallengesCatalogue .col-c-5:nth-child(3), #viewCircularityChallengesCatalogue .col-c-5:nth-child(4), #viewCircularityChallengesCatalogue .col-c-5:nth-child(5){
            margin-top:170px;
       }


    }




    @media(min-width:320px) and (max-width:575px){

        #viewCircularityChallengesCatalogue .circu-tarjetas{

            margin-top:-56px;

       } 


    }

    @media(min-width:576px) and (max-width:767px){

        #viewCircularityChallengesCatalogue .circu-tarjetas{

            margin-top:-70px;

       } 
        
    }

    @media(min-width:768px) and (max-width:1024px){

        #viewCircularityChallengesCatalogue .circu-tarjetas{

            margin-top:-83px;

       } 
        
    }

    @media(min-width:1025px) and (max-width:1200px){

        #viewCircularityChallengesCatalogue .circu-tarjetas{

            margin-top:-96px;

       } 
        
    }

    @media(min-width:1201px) and (max-width:1440px){

        #viewCircularityChallengesCatalogue .circu-tarjetas{

            margin-top:-110px; 
          

       } 
        
    }

    @media (min-width:1441px){

        #viewCircularityChallengesCatalogue .circu-tarjetas{

            margin-top:-122px;

       }     
        

    }

    /*404*/
    @media(min-width:1200px){
    #view404 .container{

        padding-left:108px!important;

    }
    }


    @media(min-width:992px) and (max-width:1199px){

        #view404 .bg-infinite{

            background-size: auto 90%!important;

        }

    }

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

        #view404 .bg-infinite{

            background-size: auto 88% !important;

        }

    }

    @media(max-width:767px){

        #view404 .bg-infinite{
            display:none;
        }

    }

    @media(min-width:576px) and (max-width:767px){

        #view404 .text404 h1{

            font-size: 40px!important;
        
        }
        
        #view404 .text404 h2{
        
            font-size:26px!important;
        
        }


    }

    @media(max-width:575px){


        #view404 .text404 h1{

            font-size: 37px!important;
        
        }
        
        #view404 .text404 h2{
        
            font-size:24px!important;
        
        }


    }