/* Tablet portrait mode */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/*    
#banner .banner_container {
    left:10.5%;
}

#banner .colored-banner {
	left:-8.5%;
}*/

#responsive-menu .navbar-inner {
    background: #fff !important;
}

.hidden-tablet {
    display:none;
}
    
.visible-tablet {
    display:block;
}
.second-line .boxContainerRevamp:last-child{
    border-right: 10px solid #fff;
}

}
 /* landscape */
@media only screen and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)  {

#responsive-menu .navbar-inner {
    background: #fff !important;
}

.hidden-tablet {
    display:none;
}
    
.visible-tablet {
    display:block;
}
.second-line .boxContainerRevamp:last-child{
    border-right: 10px solid #fff;
}

}

/*-------------------- col-md and col-sm --------------------*/
@media (max-width: 991px) and (min-width: 768px) {
    .eib-and-you .second-line.flex-columns div:nth-child(2),.eib-and-you .second-line.flex-columns div:nth-child(5){
        border-right:0 !important;
        
    }

   .eib-and-you .second-line .box-container .title-content p{
        padding-top:15px;
    }
    
    .eib-and-you .first-line h3 .box-content-bg, .second-line .box-content-bg h3, .eib-and-you .banner-title-text .client-title h3{
        font-size:19px;
    }
    
    .eib-and-you .first-line .box-container .title-content  h4, .eib-and-you .second-line .box-container .title-content h4{
        font-size:16px;
    }
    
}


@media (max-width: 1200px) and (min-width: 992px) {
        .eib-and-you .second-line .box-container .title-content p{
        padding-top:15px;
    }
    
    .eib-and-you .second-line.flex-columns div:nth-child(2),.eib-and-you .second-line.flex-columns div:nth-child(5){
        border-right:0 !important;
        
    }
   
    
}


@media (max-width:767px) {
        
    /*-----------Constituency---------*/
    ul.constituency ul.span6.no-country {
        margin-left: 0%;
    }
    #responsive-menu .navbar-inner {
        background: #fff !important;
    }
    .row-fluid .border_left{
        border-left:none;    
    }
    
    #content.home_ .row-fluid .centralColumn.border_left {
        border-left:none;
        margin-right:18px;
        padding-left:0px
    }
    
    #content.home_ .row-fluid .rightColumn.border_left {
          border-left: none;
          padding-left: 0px;
          margin-right: 18px;
          margin-left:18px;
    }

  .slide .slider-left {
        float: left;
        width: 100%;
  }
  
   #responsive-menu .nav-collapse .nav > li {
        background-image: none;
    }
    
    #closing.home_.wrapper.cover {padding-top: 250px;}
/*--------------------------------------------------- - Header - --------------------------------------------------------*/
    #header  {margin-top: -10px;}
    #header .container {padding-top: 17px;}
/*--------------------------------------------------- - Slider - --------------------------------------------------------*/    
    .slider_content_list {
        font-size: 0.7em;
    }    
/*--------------------------------------------------- - Content - -------------------------------------------------------*/
    /*#content .span6 a img {width: 250px;} */ /*modification en rapport avec la version du phone, l'image se superpose sur le texte */
    #content .span6 a img.video_thumb {width: auto !important;} 
/*------ - board_of_governors - ------*/  
    .article  .manager {margin-left: 40%;}
    div.article div.manager {padding-left: 240px;}
/*--------------------------------------------------- - Footer - -------------------------------------------------------*/   
    /*#footer {        text-align:center;   }*/    
    #underfooter .underfooter-social-network {margin-bottom:10px; text-align:center;}
    #underfooter .logo-partner-website-wrapper {margin-bottom:20px; text-align:center;}
/*---------------------------- - left caroussel homepage - -------------------------------------*/
    div.highlight div.coloredBoxMobile { margin-left: auto; margin-right: auto; width: 199px;}
    div.dynamicBox div.coloredBoxMobile { margin-left: auto; margin-right: auto; width: 199px;}
/*--------------------- - horizontal Menu - ----------------------------*/
    #menu .navbar .nav > li.last {
        width: 13.5%;
    }
    

    #content { margin-right: 7px;}
    .container{ margin-right: 7px;}
    
    /*------ - board_of_governors - ------*/
    .article  .manager {margin-left: 40%;}
    div.article div.manager {padding-left: 240px;}
    
    /*---------------------------- - left caroussel homepage - -------------------------------------*/
    div.highlight div.coloredBoxMobile { margin-left: auto; margin-right: auto; width: 199px;}
    div.dynamicBox div.coloredBoxMobile { margin-left: auto; margin-right: auto; width: 199px;}

    
    /* ------------- HomePage ------------*/
    .slider-nav {display : none;}
    #newsletter input.newsletterSubmit {width : 5%;}
    /*------------- resources homePage (sous le slider) ---------- */
     .row-fluid .resources_menu  .span11.resources_items.first { display: block; float: left; width: auto; -moz-box-sizing: border-box; min-height: 30px; width: 100%; min-height: 22px; margin-left:inherit; margin-top:inherit;}
    div.resources_HomePage [class*="span"], div.resources_HomePage.row-fluid [class*="span"] { display: block; float: left;}
    div.span3.resource_item { margin-left: 0px; width: 25%; }
    
.slide .slider-right img.slider_img {display : none;}
.slide .slider-right img.bannerMore {display : block;     margin-top: -29px;     margin-left: auto; margin-right: 0;}
    
    /*------ YellowBox -----*/
    #right {width : 100%;}
    .highlight .row-fluid .pub_thumb a {float: left; padding-right: 15px;}
    .about_.about_eu-family_ .lowlight {text-align: center;}
    
    /*----FILTER -----*/
    select#start{width:90%;}
    select#end{width:90%;}
    select#sector{width:90%;}
    select#year {width:90%;}
    select#type {width:90%;}
    select#status {width:90%;}
    select#country {width:90%;}
    select#region {width:90%;}
    select#currency{width:90%;}
    input#launchStart{width:30%;}
    input#launchEnd{width:30%;}
    input#maturityStart{width:30%;}
    input#maturityEnd{width:30%;}
    input#goPL { margin-left: 21%; width: 45%;}
    select#category{width:90%;}
    select#theme{width:90%;}
    input#keywords{width:90%;}
    
    
    /*----- BOX VIDEO ---- */
    .box .video.span4 img.span11 {width: 281px; height: 163px;}
    .box .video.span4 img.video_thumb {margin-left: 123px; margin-top: -200px;}
    
    /*----CORNER----*/
    .centralColumnItem .picture {text-align: center;}
    .publication-list-item.centralColumnItem div div  {text-align: center;}
    .infocentre_.infocentre_phototheque_ div div {text-align: center;}
    div.infocentre_.infocentre_videotheque_ .videoBox .video img {height : auto;width : 250px;}
    
    /*.divWrapper span.videoBox div.video {margin-left : 10%; }*/
    
    /*-----FAQ-----------*/
    #faqIndex {background-color:rgb(238,238,238);}
    #faqIndex h1 {background-color:rgb(205,205,205);}
    
    /*------------CONTACT---------*/
    .colored-banner { width: 49%;}
    
    /*----Investor relation ---- */
    div.investor_relations_.investor_relations_prospectus_  .investor_relations_ div div .border_left { margin-left: 0; padding-left: 0;}
    div.investor_relations_.investor_relations_prospectus_  table, td, th {font-size: 8px !important;}
    
    div.investor_relations_.investor_relations_prospectus_  div#listOfIssues ol {padding-left: 10px;}
    div.investor_relations_.investor_relations_prospectus_ div#listOfIssues div.dataTables_wrapper div.dataTables_filter input {padding-bottom: 2px;}

    div.investor_relations_.investor_relations_documents_ div.searchable div {text-align : center;}
    
    /*------------- CONTENT DETAILS - event --------------*/
    #details .localisationTitle {float: left; padding-right: 10px; width : 22%;}
    #details .localisation {width : 78%;}
    
    /*----- Search Animation dataTable ---- */
    #content.infocentre_publications_all_ .dataTables_filter input, #search input{max-width: 270px;}
    
    /* -------------------- complaints -------------------------- */
    .caseWrapper { float: none; width:100%;}
    .caseWrapper.last { float: none; width:100%;}
    .statusUnChecked.caseStatus a.caseStatus{color:grey;}
    .currentStatus.caseStatus {    background-attachment: scroll;    background-clip: border-box;    background-color: grey;    background-image: none;    background-origin: padding-box;    background-position: 0 center;    background-repeat: no-repeat;    background-size: auto auto;    font-size: 13px;    font-style: italic;    font-weight: bold;}
    .caseDate {border:none;}
    .caseBlank {    height: 5px;}
    a.caseStatus:hover {    color: #789962;}
    
    .visible-desktop {display : none;}
    
    .about_key_figures_ .noStyle {
        font-size : 12px;
    }
    
    .noStyle {
        height : 245px;
    }
    
    .infocentre_publications_all_ .firstThumb img.portrait, .projects_documents_ .firstThumb img.portrait {
        float: left;
        width: inherit;
    }
    
}