

@media (max-width: 1024px) and (orientation : portrait) {
   body{
    
      -webkit-overflow-scrolling: touch; 
    } 
iframe{
  display: none;
}
  .square {
    width: 70px;
    height: 70px;
    top:40%;
    margin-left: -35px;
    margin-top:-35px;
    position: absolute;
  }
  .square_inner {
    background-color: #0142b8;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 104;
    width: 35px;
    height: 35px;
  }
  .left, .right {
    position: absolute;
    width: 100%;
  }
  .left{
    height: 100%;
    top:40%;
    margin: 0;
    padding: 0;
  }
  .right{
    height: 40%;
     pointer-events: none;
  }
    .bp_back_button{
    display: none;
  }
    /************************************************************/
  /* right Slider */
  /************************************************************/
  .bp_prjct_nav_name{
    width: 100%;
     left: 0%;
  }
 .bp_prjct_title{
    display: none;
  
  }
  .bp_prjct_page_title{
    width: 100%;
    left: 0%;
    top: 50%;
    text-align: center; 
  }
  /************************************************************/
  /* Menu */
  /************************************************************/
  .menu_btn {
    height: 40px;
    width: 40px;
    background-color: #1d1d1d;
    z-index: 1000;
    top: 20px;
    left: 20px;
  }
  .menu_btn_inner{
    height: 20px;
    width: 20px;
  }
  .menu_btn_inner span{
    height: 3px;
    background-color: white;
  }
  .menu_btn span:nth-child(1) {
    top: 0px;
  }

  .menu_btn span:nth-child(2) {
    top: 8.5px;
  }

  .menu_btn span:nth-child(3) {
    top: 17px;
  }
  .bp_btn_open span:nth-child(1) {
    top:8.5px;
  }
  .bp_btn_open span:nth-child(3) {
    top:8.5px;
  }
  .menu_btn p {
    color: white;
    border-bottom: 1px solid white;
  }
  .menu_btn p {
    color: white;
    border-bottom: 1px solid white;
  }
  .bp_menu_overlay{
    width: 40%;
    left:-100%;
  }

  .bp_menu_overlay a {
    text-align: center;
  }
  .bp_menu_open {
    left: 0%;
  }
  .bp_left_open {
    left:0%;
  }
  .bp_right_open {
    right:0%;
  }
  .bp_square_open {
    left: 50%;
  }
  .bp_btn_open {
    left:65%;
  }
  .language_select{
  width: 175px;
  position: absolute;
  top:15px;
  right:0;
  z-index: 104;
}
   .search_btn{
    top: 20px;
    right: 20px;
    position: absolute;
  }
  /************************************************************/
  /* archive */
  /************************************************************/
    .bp_archive_button_top{
    display: none;
  }
  .bp_archive_button_back{
    top:-75px;
    display: block;
  }
  .bp_archive_box{
    width: 100%;
  }
  .bp_archive_button_top, .bp_archive_button_back{
    bottom: 0;
    left: 100%;
    margin-left: -75px;
    background-color: #e5de00;

  }
  .bp_archive_item {
    width: 100%;
  }
  .bp_archive_item:nth-of-type(3n+2) {
    margin-left: initial;
  }
  .bp_archive_item:nth-of-type(3n+3) {
    margin-left: initial;
  }
  .bp_archive_item_image{
    width: 25%;
  }
  .bp_archive_item_info{
    margin-left: 8%;
  }
  .social_buttons{
    width: 100%;
  }

  /************************************************************/
  /*contact*/
  /************************************************************/
  .bp_maps_box{
    width: 100%;
  }
  /************************************************************/
  /* footer */
  /************************************************************/
  .bp_footer_box{
    width: 100%;
  }
  .bp_mail_input{
    width: 100%;
  }

}
@media (max-width: 1024px)  {
    .main_page_logo{
    display: none;
  }
  .menu_btn{
    left: 1%;
  }
  .bp_menu_overlay{
    width: 50%;
     left: -50%;
  }
  .bp_menu_open {
    left: 0vw;
  }
  .bp_btn_open {
    left: 40%;
  }
  .bp_left_open {
    left:0%;
  }
  .bp_right_open {
    right:0%;
  }
  .bp_square_open {
    display: none;
  }
  .bp_feed_button{
     margin: 15px 10px;
  }
  iframe{
    display: none;
  }
  .bp_nav_slide_video{
    display: block;
  }
   .bp_team_item{
    width: 100%;
    padding: 5% 10% ;
  }
  /******************************************/
  /*****************lightboxing**************/
  /******************************************/
  .bp_graybox{
    opacity: 0.5;
    -webkit-filter: grayscale(0%); 
   filter: grayscale(0);
  }
    .facebook-icon, .twitter-icon, .linkedin-icon{
    height: 25px;
  }

}
/************************************************************/
/* Phone */
/************************************************************/
@media (max-width: 736px)  and (orientation : portrait)   {
  .square {
    top:50%;
  }

  .left{
    top:50%;
  }
  .right{
    height: 50%;
  }
 
  .bp_scroll_btn_intro{
    display: none;
  }
   /************************************************************/
  /* Menu */
  /************************************************************/
  
  .bp_menu_overlay{
    width: 100%;
    left:-100%;
  }
  .bp_square_open {
    left: 50%;
  }
  .bp_menu_overlay a {
    text-align: center;
  }
  .bp_menu_open {
    left: 0%;
  }
  .bp_left_open {
    left:0vw;
  }
  .bp_right_open {
    right:0vw;
  }
  .bp_btn_open {
    left:80%;
  }
  .bp_logo_menu{
    height: 80px;
  }
  .bp_menu_overlay ul {
     top: 80px;
  }
  .bp_menu_overlay a {
    margin-left: 0%;
    margin-top: 5px;

  }
 
  /************************************************************/
  /* archive */
  /************************************************************/
  .bp_archive_box{
    width: 100%;
  }
  .bp_archive_item_image{
    width: 35%;
    height: 80px;
  }
  .bp_archive_item_info{
    margin-left: 3%;
  }
  .bp_categories{
    width: 100%;
    padding: 0% 15%;
    right: 0%;
    top:100%;
    margin-top: -40px;
    z-index: 300;
  }
  .bp_categories select{
    width: 65%;
     float: left;
  }
  .bp_categories button{
    width: 35%;
    float: right;
  }
  .bp_archive_item:last-of-type{
    margin-bottom: 50px;
  }
  .bp_heading_overview{
    width: 50%;
  }
  .bp_archive_links{
    margin-bottom:50px;
  }
  /************************************************************/
  /* Shortcode Blocks */
  /************************************************************/
  .bp_feed_item {
    width: 100%;
    display: inline-block;
  }
  .bp_feed_item:nth-of-type(2), .bp_feed_item:nth-of-type(3) {
    margin-top: 0%;
  }
  .bp_intro_box {
    height: 750px;
  }
  .bp_intro_inner_box{
    height: 750px;
    top:50px;
  }
  .bp_intro_first_text{
    height: auto;
  }
  .bp_intro_box:nth-child(1){
    margin-top: 100px;
  }
  .bp_image_horz {
    width: 100%;
  }
  .bp_image_vert{
    width: : 50%;
    height: 150px;
  }

  /************************************************************/
  /*lightboxing */
  /************************************************************/
  .bp_lighbox_home iframe{
    display: none;
  }
  .bp_lightbox_close{
     height: 50px;
    width: 50px;
    right: 50%;
    top:10px;
    margin-right: -25px;
  }
  .bp_lightbox_close_inner{
    height: 20px;
    width: 20px;
    margin-left: 15px;
    margin-top: 15px;
  }

  .bp_lighbox_home{
    width: 100%;
    height: 100%;
  }
  .bp_lighbox_home:nth-child(1),.bp_lighbox_home:nth-child(2){
    width: 100%; 
    height: 50%; 

  }
  .bp_lighbox_home:nth-child(1){
    top:0;
    left: -100%;
  }
  .bp_lighbox_home:nth-child(2){
    left: 100%;
    top: 50%;
  }
  .bp_animate_lightbox_mobile{
    left:0!important;
  }
  .bp_lightbox_txt{
    top:0;
    width: 80%;
    margin-top: 35px;
    left: 10%;
  }

  /************************************************************/
  /* Footer */
  /************************************************************/
    .bp_footer_box{
    width: 100%;
  }
  .bp_footer_header{
    width: 100%;
  }
  .bp_footer_left,  .bp_footer_right{
    width: 100%;
  }
  .bp_mail_input{
    width: 100%;
    margin-left: 5%;
  }
  .social_buttons{
    width: 100%;
    margin-left:5%;
  }

  .bp_footer_compartiment{
    width: 90%;
    margin-top: 10px;
  }
  .bp_disclaim_box{
      margin-top: 10%;
    margin-left: 5%;
  }
}
@media (max-width: 736px)  and (orientation : landscape)   {
   body{

      -webkit-overflow-scrolling: touch; 
    } 
  iframe{
    display: none;
  }

  .square {
    width: 70px;
    height: 70px;
    top:50%;
    margin-left: -35px;
    margin-top:-35px;
    position: absolute;
  }
  .square_inner {
    background-color: #0142b8;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 104;
    width: 35px;
    height: 35px;
  }
  .left, .right {
    position: absolute;
    width: 100%;
  }
  .left{
    height: 100%;
    top:50%;
    margin: 0;
    padding: 0;
  }
  .right{
    height: 50%;
     pointer-events: none;
  }
  .bp_archive_button_back{
    top:-75px;
    display: block;
  }
  .bp_archive_button_top, .bp_archive_button_back{
    top:-75px;
  }
  .bp_archive_button_top{
    display: none;
  }
  .bp_back_button{
    display: none;
  }
    /************************************************************/
  /* right Slider */
  /************************************************************/
  .bp_prjct_nav_name{
    width:100%;
    left: 0;
  }
  .bp_prjct_title{
    display: none;
  
  }
  .bp_prjct_page_title{
    width: 100%;
    left: 0%;
    top:50%;
    text-align: center; 
  }
  .language_select{
    position: absolute;
  }
    /************************************************************/
  /* Menu */
  /************************************************************/
  .menu_btn {
    height: 40px;
    width: 40px;
    background-color: #1d1d1d;
    z-index: 1000;
    top: 20px;
    left: 20px;
  }
  .menu_btn_inner{
    height: 20px;
    width: 20px;
  }
  .menu_btn_inner span{
    height: 3px;
    background-color: white;
  }
  .menu_btn span:nth-child(1) {
    top: 0px;
  }

  .menu_btn span:nth-child(2) {
    top: 8.5px;
  }

  .menu_btn span:nth-child(3) {
    top: 17px;
  }
  .bp_btn_open span:nth-child(1) {
    top:8.5px;
  }
  .bp_btn_open span:nth-child(3) {
    top:8.5px;
  }
  .menu_btn p {
    color: white;
    border-bottom: 1px solid white;
  }
  .menu_btn p {
    color: white;
    border-bottom: 1px solid white;
  }
  .bp_menu_overlay{
    width: 100%;
    left:-100%;
  }

  .bp_menu_overlay a {
    text-align: center;
  }
  .bp_menu_open {
    left: 0%;
  }
   .bp_logo_menu{
    height: 50px;
  }
  .bp_menu_overlay ul {
     top: 50px;
  }
  .bp_menu_overlay li{
    width: 50%;
    height: 30px;
    float: left;
     border-left: solid 1px white;
    display: inline-block;
  }
  .bp_menu_overlay li:nth-last-child(1), .bp_menu_overlay li:nth-last-child(2){
    height: 50px;
  }

  .bp_menu_overlay li:nth-last-child(1) a, .bp_menu_overlay li:nth-last-child(2) a{
    margin-top: 2px;
  }
  .bp_menu_overlay {
      height: 100vh;
  
  }
  .bp_menu_overlay a {
    margin-left: 0%;
    margin-top: 2px;
  }

  .bp_left_open {
    left:0;
  }
  .bp_right_open {
    right:0;
  }
  .bp_square_open {
    left: 50%;
  }
  .bp_btn_open {
    left:90%;
  }
   .search_btn{
    top: 20px;
    right: 20px;
    position: absolute;
  }
  /************************************************************/
  /* archive */
  /************************************************************/
  .bp_archive_box{
    width: 100%;
  }
  .bp_archive_button_top ,.bp_archive_button_back{
    bottom: 0;
    left: 100%;
    margin-left: -75px;
    background-color: #e5de00;

  }
  .bp_archive_item {
    width: 100%;
  }
  .bp_archive_item:nth-of-type(3n+2) {
    margin-left: initial;
  }
  .bp_archive_item:nth-of-type(3n+3) {
    margin-left: initial;
  }
  .bp_archive_item_image{
    width: 25%;
  }
  .bp_archive_item_info{
    margin-left: 8%;
  }
  .social_buttons{
    width: 100%;
  }
   /************************************************************/
  /*contact*/
  /************************************************************/
  .bp_maps_box{
    width: 100%;
  }
  /************************************************************/
  /* footer */
  /************************************************************/
  .bp_footer_box{
    width: 100%;
  }
  .bp_footer_compartiment{
    width: 100%;
  }
  .bp_footer_header{
    padding: 0 0 0 15%;
  }
  .bp_footer_left{
    padding: 0 15%;
  }
  .bp_mail_input{
    width: 100%;
  }
  /************************************************************/
  /*lightboxing */
  /************************************************************/

  .bp_lightbox_txt{
    width: 80%;
    left: 10%;
  }
}
@media (max-width: 320px)  {
  h1{
    font-size: 24px !important;
  }

  p{
    font-size: 12px;
    line-height: 18pt;
  }
  h3 {
    font-size: 16px;

  }
  h4 {

  }

  li{
    font-size: 12px;
  }
   .menu_btn {
    height: 30px;
    width: 30px;
    z-index: 1000;
    top: 20px;
    left: 5px;
  }
  .menu_btn_inner{
    height: 20px;
    width: 20px;
    margin-left: 5px;
    margin-top: 5px;
  }
  .menu_btn_inner span{
    height: 3px;
    background-color: white;
  }
  .menu_btn span:nth-child(1) {
    top: 0px;
  }

  .menu_btn span:nth-child(2) {
    top: 8.5px;
  }

  .menu_btn span:nth-child(3) {
    top: 17px;
  }
  .bp_btn_open span:nth-child(1) {
    top:8.5px;
  }
  .bp_btn_open span:nth-child(3) {
    top:8.5px;
  }

}


