@media (max-width: 350px) {
    body .navbar-toggle {
        padding: 16px 12px;
        padding-left: 14px;
        padding-right: 14px;
    }
}



@media (max-width: 600px) { 
    .logos .eif-logo, .logos .institute-logo, .logos .europa-logo {
        padding-top:10px;
        padding-bottom:10px;   
    }
    
    #footer .footer-menu {
        padding-top:10px;
    }
}

@media (max-width: 767px) and (orientation:landscape) {
    #navbar-menu-principal {
        height: 250px;
        overflow-y: scroll;
    }
}
@media (max-width: 767px) {
    
    /**************************************************************************/
    /*                          EFSI :map                                     */
    /**************************************************************************/
    
    #content .efsi-map-country-content .content-amount {
        font-size: 2em !important;
    } 
    
     #content .efsi-map-project .content-amount {
        font-size: 1.4em !important;
    } 
    #content .dl-project-content dt {
        float: left;
        text-align: right;
    }
    #content .leaflet-showpanel .leaflet-infopanel {
        height: 65%;
        right: 0;
        width: 70%;
        border: none;
    }
    
    #content .finance-amount{
        padding-top:4px;
    }

    
.hidden-desktop {
    display: block !important;
}

.zebraWrapper {
    width:100%;
    overflow-x:scroll;
}

/*---------- Navbar fixed top - scroll ------------*/

.navbar-fixed-top {
    position:fixed !important;
    
}
.navbar-fixed-top .nav-margin {
    margin-top: 0;
    padding-bottom: 0px;
}

.navbar-default.navbar-fixed-top .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-fixed-top a.navbar-brand img {
    padding-top: 16px;
    width: 75%;
}

.navbar-head .navbar-nav li a:hover{
    background-color:#fff !important;
    color:#333 !important;
}



/**************************************************************************/
/*                           Section :Navbar                              */
/**************************************************************************/

#banner .bannerDiv h2:after {
    border-bottom: none;
}

#banner .bannerDiv .title-txt {
    display: none;
}

#banner .bannerDiv .leftBoxBanner, #banner .rightBoxBanner {
    padding: 20px 20px 15px 0;
}

.navbar-fixed-top .navbar-collapse {
    max-height: inherit;
}

#navbar-menu-principal {
    border-top: none;
    box-shadow: none;
}

.fa-close {
    color:#ffffff !important;
}

.navbar-toggle-button span.close-button {
    background-image:url('/img/site/close-16-blue-bg.png');
    color:#ffffff;
    height: 16px;
    width: 16px;
    margin-bottom: 4px;
    margin-left: -2px;
    margin-right: -2px;
}

.close-button {
    display: block; 
}

.navbar-toggle {
    padding: 16px 12px;
    padding-left: 18px;
    padding-right: 18px;
}

.navbar-toggle-button.collapsed .navbar-toggle {
    background-color: #00529E !important;
    margin-right: 4px;
    margin-left: 4px;
    /*margin-bottom: 8px;*/
    padding-bottom:15px;
}

.navbar-toggle-button.collapsed {
    position: relative;
    float: right;
    background-image: none;
    border: 1px solid #00529E;
    background-color: #00529E !important;
}

.navbar-toggle.collapsed {
    background-color: #fff !important;
}

a.navbar-brand img {
    padding-top: 16px;
    width: 75%;
    padding-left:0;
}

.navbar-fixed-top .nav-margin {
    padding-top: 0px !important;    
}

.nav-margin {
    margin-top: 0;
    position: initial;
    padding-top: 0px !important;
    padding-bottom: 0px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.navbar-toggle {
    margin-right:0;
    border:none;
}

.language-menu {
    background:none;
}

.lang-not-focus {
    background-color: white !important;
}

.lang-not-focus .dropdown-language {
    color: #888888 !important;
}

.lang-not-focus .dropdown-language:after {
    color: #888888 !important;
}

.dropdown-language {
    color: #888888;
    font-size: 1.2em;
}

.dropdown-language:after {
    color:#888888;
    border-top: 0.4em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent;
}

.language-menu {
    background-color:#ffffff;
    color:#888888;
    margin-top: 0;
    padding-top: 14px;
    margin-bottom: 0;
    padding-bottom: 18px;
    padding-right: 0px;
    padding-left: 3px;
}
.language-menu:hover, .language-menu:active, .language-menu:focus {
    background-color: #00529E;
    color: #fff;
  
}

.dropdown-language:hover:after {
    color: #fff;
}

.dropdown-menu-language {
    background: #00529E;
    border: none;
}

.dropdown-menu-language {
    background: #00529E;
    border: none;
    margin-top: 18px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.dropdown-menu-language li {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 60%;
    text-align: center;
    margin: 0 auto;
}

.dropdown-menu-language li:first-child {
    border-bottom: 1px solid #9C9E9F;
    
}

.navbar-default .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
}

.search-responsive-icon:hover {
    background-color: #00529E;
    color: #fff;
}

.search-responsive-icon {
    height: 50px;
    padding: 14px 0 0px 10px;
    width: 40px;
}

.search-responsive-icon a {
    color: #888;
}

.search-responsive-icon:hover a {
    color:#fff;
}

.search-form-responsive {
    background-color: #00529e;
    color: #fff;
    height:0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    height: 0;
    margin-top:-1px;
    opacity: 0;
}

.search-form-responsive.open {
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
    visibility: visible;
    opacity: 1;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.search-form-responsive input[type="search"] {
    color: #fff;
    background: #00529e;
    font-size: 20px;
    text-align: left;
    border: 0px;
    margin: 0px auto;
    outline: none;
    height: auto;
    line-height: 35px;
}

ul#navbar-icon-mobile {
    margin: 0px -15px;
    padding-bottom: 10px;
    padding-top: 30px;
}

#footer .logos-container {
    padding-left:0;
}

    
/**************************************************************************/
/*                           Section :Banner                              */
/**************************************************************************/

    #banner .item-1 a.banner-link {
        margin-right: 0px;
    }
    
    #banner .item-2 a.banner-link {
        margin-top: 5px;
    }
    
    #banner .item-3 a.banner-link {
        margin-top: 5px;
    }
    
    #banner #banner-overlay .bannerDiv .banner-box {
        height: 250px;
    }
    
    #banner .bannerLittleDiv h2, #banner #banner-overlay .bannerDiv h2 {
        padding: 5px;
    }
    
    #banner #banner-overlay .bannerDiv h2 {
        font-size: 2em;
    }
    
    #banner .rightBoxBanner, #banner .leftBoxBanner {
        margin: 10px;
    }
    
    
    
/**************************************************************************/
/*                      Section :Featured Highlight                       */
/**************************************************************************/   

    #illustration-overlay .box {
        padding: 0;
    }
    
    #illustration-overlay .box a {
        margin-left: 0px;
        margin-right: 0px;
    }
    
    #illustration-overlay .item-2 a {
        margin-top: 5px;
    }
    
    #illustration-overlay .illustration-box .caption .info-text {
        width:100%;    
    }
    
    #featured-highlight .info-text .primary-info h2 {
         font-size: 2.5em;
    }
    
    #featured-highlight .padding-large-section {
        padding:0;    
    }
    
    #featured-highlight .item-2 .right-box {
        display:none;
    }
    
    #featured-highlight .item-2 .info-text .secondary-info.dark-box-bg h2 {
        font-size:24px;
    }
    
    #featured-highlight .impact-bn, #featured-highlight .number-info {
        font-size:1.8em;
        font-weight:900;
    }
    
    
    
/**************************************************************************/
/*                        Section :Priorities                             */
/**************************************************************************/    
    
    #priorities .item-content .info-text {
        font-size:2em;
        padding-top:40px;
        padding-bottom:40px;
    }
    
    #priorities .item-content {
        height:auto;
        width:auto;
    }
    
    #priorities .picto-text .picto {
        padding: 0;
        margin-top: 30px;
        line-height: normal;
        height: auto;
    }
    
    #priorities .picto-text .picto img {
        width: 100%;
        vertical-align: text-bottom;
        padding: 0;
        margin: 0;
    }
    
    #priorities .item-content .info-text {
        font-size: 2em;
        padding-top: 40px;
        padding-bottom: 15px;
        text-align: left;
        padding-left: 20px;
        padding-right: 0px;
    }
    
    #priorities .hover-text .mask {
        margin:0;
        padding:0;
    }
    
    #priorities .hover-text .mask p {
        width: 100%;
        display: block;
        vertical-align: top;
        line-height: normal;
    }
    
    #priorities .items .box .item-content {
        border-radius:0;
        height:auto;
        width:auto;
    }
    
    #priorities .hover-text {
        height:auto;
    	line-height:normal;
    	text-align:center;
        padding:0;
        margin:0;
        display:block !important;
    }
    
    #priorities .box:hover {
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: initial;
    }
    
    #priorities .items {
        margin: 0;
    }
    
    #priorities .hover-text .mask p strong {
        font-size: 1.5em;
    }
    
    #priorities .row .item {
        padding: 0;
        margin: 2px 0 3px 0;
    }
    
    #priorities .priorities-content .container {
        margin: 0;
        padding: 0;
    }
    
/**************************************************************************/
/*                            Section :Videos                             */
/**************************************************************************/

    #videos .padding-small-section {
        padding: 20px 0 20px 0;
    }
    
    #videos .video-box .img-item-1 {
        margin-right: 0;
    }
    
    #videos .video-box .img-item-2 {
        margin-top: 5px;
    }
    
    #videos .first-column, #videos .first-column .video-box a {
        height:250px;
    }
    
    #videos .first-column .video-title {
        font-size: 1.5em;
        line-height:normal;
    }
    
    #videos .first-column .left-box, #videos .second-column .left-box {
        padding: 20px;
    }
    
    #videos .explore-all-videos a {
        transition:initial;
    }
    
/**************************************************************************/
/*                        Section :Dynamic lists                          */
/**************************************************************************/    
    
    #lastNews div#pressIndex, #lastNews #publicationIndex {
        padding: 0px 15px 20px 15px;
    }
    
    #lastNews div#eventCalendarIndex {
        padding:0px 30px 20px 30px;   
    }
    
    #lastNews #publicationIndex {
        border:none;
    }
    
    #lastNews .lastNews-content {
        padding: 0px 0 50px 0;
    }
    
    #lastNews h2.title.text-center {
        height: auto;
    }
    
/**************************************************************************/
/*                          Section :Newsletter                           */
/**************************************************************************/   

    .newsletter-subscription-box {
        width: 100%;
        background-color: #f3f3f3;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 15px;
        height: auto;
    }
        
    .newsletter-subscription-form {
        width: 100%;
        padding-left: 0;
        background: #00539f;
        display: table;
        height: auto;
    }
    
    .newsletter-subscription-form-inner {
        padding-left:15px;
        padding-right:15px;
    }
    
    .newsletter-subscription-wrapper {
        max-height:100%;
    }
    
    .newsletter-subscription-text {
        margin-right:0;
        width:auto;
    }
    
    .newsletter-email, .newsletter-name, .newsletter-surname {
        margin-bottom:5px;
    }
    
    .newsletter-subscription-form-inner input[type="submit"]{
        width:100%;
        margin-top:5px;
        margin-bottom:15px;
    }
    
    #newsletter span.newsletter-text {
        padding-left:0 !important;
    }    
    
    .newsletter-email.col-lg-3 {
        width: 100%;
    }
    
    .newsletter-name.col-lg-3 {
        width: 100%;
    }
    
    .newsletter-surname.col-lg-3 {
        width: 100%;
    }
    
    .newsletter-subscription-form {
        padding-top: 15px;
    }
    
/**************************************************************************/
/*                          Section :Footer                               */
/**************************************************************************/ 
    footer {
        padding:30px 0 30px 0;
    }
    
    footer .footer-content {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
        width: 78%;
        left: 12%;
    }
    
    #footer .europa-logo img {
        margin-left:0;
        padding-left:0;
    }
    
    .centralColumnItem .row-fluid{
        display: inline-block;
    }
    
    #footer .social-network-icon{
        text-align:center !important;
        padding-top:20px !important;
    }
    
    
    
/**************************************************************************/
/*                          Section :Events Lists                       */
/**************************************************************************/   
    
    span.date {
        width:10%;
        margin-right:2%;
        margin-left:2%;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .nav>li>a {padding:10px 10px;}
    
    .navbar-eib .logo-div {
        padding-left:5px;
    }
    
    a.navbar-brand img {
        padding-left:0;
    }
    
    #newsletter .newsletter-submit {
        margin-top:10px;
    }
    
    #lastNews div#pressIndex, #lastNews #publicationIndex {
        padding: 0px 15px 20px 15px;
    }
    
    #lastNews div#eventCalendarIndex {
        padding:0px 30px 20px 30px;   
    }
    
    .newsletter-subscription-form-inner input[type="submit"]{
        width:100%;
    }
           
}

/*-------------------- Tablet : col-md and col-sm --------------------*/
@media (max-width: 991px) and (min-width: 768px) {
    
/**************************************************************************/
/*                           Section :Navbar                           */
/**************************************************************************/
.nav>li>a {padding:10px 10px;}

a.navbar-brand img {
    padding-left:0;
}

.navbar-default .navbar-nav>li>a {
    font-size: 14px;
}

.navbar-eib .logo-div {
    padding-left:5px;
}
         
/**************************************************************************/
/*                           Section :Banner                              */
/**************************************************************************/    
    #banner .item-1 a.banner-link {
        margin-right: 0px;
    }
    
    #banner .item-2 a.banner-link {
        margin-top: 5px;
    }
    
    #banner .item-3 a.banner-link {
        margin-top: 5px;
    }
    
    #banner #banner-overlay .bannerDiv .banner-box {
        height:250px;
    }
    
    #banner #banner-overlay .bannerDiv h2 {
        font-size: 2em;
    }
    
    #banner .bannerLittleDiv h2, #banner #banner-overlay .bannerDiv h2 {
        padding: 5px;
    }
    
    #banner .rightBoxBanner, #banner .leftBoxBanner {
        margin: 10px;
    }
    
    #banner .bannerDiv .title-txt {
        display: none;
    }
    
    #banner .bannerDiv h2:after {
        display:none;
    }
    
    
    
/**************************************************************************/
/*                      Section :Featured Highlight                       */
/**************************************************************************/  
 .featured-highlight-content.grey-bg-section {
    background-color:none !important;  
    }
    
  .featured-highlight-content .container {
        width: 100% !important;
    }
    
    #featured-highlight .item-2 .info-text .secondary-info.dark-box-bg h2 {
        font-size:24px;
    }


/**************************************************************************/
/*                        Section :Priorities                             */
/**************************************************************************/ 
    #priorities .items {
        margin-top:20px;
        text-align:center;
        margin-left: -20px;
        margin-right: 0;
    }
    
    #priorities .row .item {
        padding:0;
        margin: 5px -30px 5px 20px;
    }
    
    #priorities .box {
        opacity: 0.9;
        cursor:pointer;
        transition: all .2s ease-in-out; 
        border-radius:50%;
    }
    
    #priorities .box:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    
    #priorities .our-priorities-title {
        padding-bottom: 30px;
    }
    
    #priorities .our-priorities-title h2 {
        position: relative;
        overflow: hidden;
        text-align: center;
        color:#9C9E9F;
        font-weight:bold;
    }
    
    #priorities .our-priorities-title h2:before, .our-priorities-title h2:after {
        position: absolute;
        top: 51%;
        overflow: hidden;
        width: 5%;
        height: 4px;
        content: '\a0';
        background-color: #9C9E9F;
    }
    #priorities .our-priorities-title h2:before {
        margin-left: -6%;
        text-align: right;
    }
    
    #priorities .our-priorities-title h2:after {
        margin-left: 1%;
        text-align: right;
    }
    
    #priorities .items .box .item-content {
        overflow:hidden;
        /*without jquery*/
        height: 200px;
        width: 200px;
        border-radius:50%;
        position: relative;
    }
    
    #priorities .item-content .info-text {
        padding: 20px;
        font-size: 1.3em;
        color: #ffffff;
        line-height: normal;
        font-weight:bold;
    }
    
    #priorities .picto {
        height: 90px;
        line-height: 100px;
        margin-top: 10px;
    }
    
    #priorities .picto img {
        width: 90px;
    }
    
    #priorities .hover-text {
        display:none;
        color: #fff;
        font-size: 1.5em;
        width: 100%;
        /*without jquery*/
        height: 200px;
        line-height: 200px;
    }
    
    #priorities .hover-text p {
        width: 150px;
        padding: 20px 5px 5px 5px;
        vertical-align: middle;
        display: inline-block;
        line-height: 1.1;
        overflow: hidden;
        font-size: 0.9em;
    }
    
    #priorities span.number-priority {
        font-size: 2em;
        font-weight: bold;
        line-height: 55px;
    }
    
    #priorities .hover-text {
        display:none;
    }

    
/**************************************************************************/
/*                            Section :Videos                             */
/**************************************************************************/   
    
    #videos .video-box .img-item-1 {
        margin-right: 0;
    }
    
    #videos .video-box .img-item-2 {
        margin-top: 5px;
    }
    
    #lastNews .lastNews-content > #pressIndex h2 a, #lastNews .lastNews-content > #publicationIndex h2 a, #lastNews .lastNews-content > #eventCalendarIndex h2 a {
        font-size: 0.9em;
    }
    
    #videos .first-column .video-box a {
        height: 250px;
    }
    
    #videos .first-column {
        height: 250px;
    }
    
/**************************************************************************/
/*                          Section :Newsletter                           */
/**************************************************************************/
    
    .newsletter-subscription-form-inner input[type="submit"]{
        width:100%;
    }
    
    #newsletter .newsletter-submit {
        margin-top:10px;
        padding: 0;
    }
    
    .newsletter-subscription-box {
        padding-left:0;
        padding-right:15px;
        text-align:center;
    }
    
/**************************************************************************/
/*                          Section :Event calendar                       */
/**************************************************************************/

    .eventsCarousel .jcarousel-container .jcarousel-list .jcarousel-item a.dynamicEventDate{
        text-align: center;
    }

    .eventsCarousel .jcarousel-container .jcarousel-list .jcarousel-item a.dynamicEventDate .number,
    .eventsCarousel .jcarousel-container .jcarousel-list .jcarousel-item a.dynamicEventDate .month{
        width: 100%;
    }

}

@media (max-width: 900px) {
    
    .newsletter-subscription-box {
        padding-left:0;
        padding-right:15px;
    }
    
    
}

/* landscape */
@media only screen and (max-device-width : 767px) and (orientation : landscape)  {
    #footer .footer-menu{
        width:51% !important;
        float:right !important;
        padding-left:0px !important;
        margin-top:17px !important;
        margin-left:0px;
    } 
    #footer .logo{
        width:49% !important;
        float:left !important;
    }
    #footer .footer-social-media{
        margin-top:0px !important;
    }
    #footer .logos{
        display:inline-flex !important;
        margin-top:15px !important;
        left:8% !important;
        position:relative;
    }
    
    #footer .logos-container{
        margin-top:10px;
    }
  
}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
		
}

@media (max-width: 1000px) {
    	
}

@media (max-width: 1020px) {
		
}


@media (max-width: 575px) {
    footer {
        padding: 30px 0 0px 0;
    }
    
    footer .footer-content {
        width: 95%;
        left: 2%;
    }
}