/* #### Mobile Phones Portrait #### */
/*@media screen and (max-device-width: 520px) and (orientation: portrait){*/
  /* some CSS here */
  /*#title {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  #title h2{
    display: flex;
    font-size: 20px;
  }*/
/* } */
/* #### Mobile Phones Landscape #### */
/*@media screen and (max-device-width: 767px) and (orientation: landscape){*/
  /* some CSS here */
  /*#title{
    display: contents;
  }*/
  /*
  #menu{
    margin-left: 0px;*/
    /*width: 250px !important;*/ /* make the sidebar full width on smaller screens */
    /*position: relative;*/ /* remove fixed positioning on smaller screens */
  /* } */

/* } */

/* #### Mobile Phones Portrait or Landscape #### */
/* @media screen and (max-device-width: 767px){ */
  /* some CSS here */
  /*
  #logo {
    height : 30px;
    margin: 10px 10px;
  }

  #title{
    display: none;
  }

  #header {
    height : 30px;
  }
  */
  /*#search-project{
    /* position: fixed; */
    /*margin-top: 20px;*/
  /* } */
  /*
  #mapmenu {
    height: auto;
    top: 10px;
    width: 250px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 6px; 
  }
  *//*
  #menu{
    margin-left: 0px;*/
    /*width: 250px !important;*/ /* make the sidebar full width on smaller screens */
    /*position: relative;*/ /* remove fixed positioning on smaller screens */
  /* } */

  /*
  #auth{
    top: 0px;
    right: 0px;
    margin-top: 0px;
    justify-content: center;
    align-items: center;
    display: block;
    border-bottom: none;
  }
}*/

/* #### Retina screen (iphone4, samsung note, etc.) Portrait or Landscape #### */
/*@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx),
only screen and (                   max-height : 640px) ,
only screen and (                   max-device-height : 640px) 
  *//*{*/

  /* Retina-specific stuff here */
  /*body{
    padding-top : 60px;
  }
  #header {
    height : 30px;
  }
  #logo {
    height : 30px;
    margin: 5px 5px;
  }
  #logo h1 {
    font-size : 1.5em;
    margin: 5px 5px 5px 40px;
    line-height: 20px;
  }
  #title{
    display: contents;
    height : 30px;
    margin : 0px 5px;
    padding-right:5px;
  }

  #title{
    margin : 0px 5px;
    font-size : 1.5em;
    line-height: 30px;
  }

  #headermenu{
    height:30px;
    position: fixed;
  }

  #mapmenu {
    height: auto;
    top: 10px;
    width: 250px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 6px; 
  }

  .navbar-inner {
    min-height:30px;
    padding: 0px 10px;
  }
  */
  /*
  #menu{
    margin-left: 0px;*/
    /*width: 250px !important;*/ /* make the sidebar full width on smaller screens */
    /*position: relative;*/ /* remove fixed positioning on smaller screens */
  /* } */

  /*  for ie*/
/*  .navbar-inner ul {*/
/*    height:30px\9;*/
/*  }*/

  /*  for ie*/
  /*
  .navbar-inner ul li{
    display:inline\9;
  }

  #overview-box {
    right:10px;
    bottom:40px;
  }

  #bottom-dock  {
    width: 100%;
    height: auto;
  }
  #bottom-dock.visible {
    height: 100%;
    opacity: 1;
  }
  #bottom-dock.half-transparent {
    height: 100%;
    opacity: 1;
  }

}
*/
/* #### Tablets Portrait or Landscape #### */
/*
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){*/
  /* some CSS here */
  /*
  #logo {
    height : 30px;
    margin: 5px 5px;
  }

  #search-project{*/
    /* position: fixed; */
    /*margin-top: 20px;
  }

  #title{
    display: contents;
  }
  
  #header {
    height : 30px;
  }
  */
  /*
  #menu{
    margin-left: 0px;*/
    /*width: 250px !important; *//* make the sidebar full width on smaller screens */
    /*position: relative;*/ /* remove fixed positioning on smaller screens */
  /* } */

  /*
  #mapmenu {
    height: auto;
    top: 10px;
    width: 250px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 6px; 
  }

}*/

/* #### Desktops #### */
@media screen and (min-width: 1024px){
  /* some CSS here */
  #logo {
    height : 0px;
    margin: 5px 5px;
  }

  #toggle-search{
    display: block;
  }

  #title{
    display: contents;
  }

  #menu{
    margin-left: 0px;
    width: 250px !important; /* make the sidebar full width on smaller screens */
    position: relative; /* remove fixed positioning on smaller screens */
  }

  #search-project{
    top: 0px;
    margin: 20px 0px;
    /* margin: auto auto; */
    /* z-index: -1; */
  }

  /*
  #mapmenu {
    height: auto;
    top: 10px;
    width: 30px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
    border-radius: 6px; 
  }
    */
}