@media screen and (max-width: 960px) , (max-device-width: 960px) {
  #header {
    margin: 0 auto;
  }
  /*
  #nav-menu {
    width: 30px;
  }
  */
  .logo {
    position: absolute;
    left: 35%;
  }
  .product-head {
    padding: 7px;
  }
  .product-info {
    padding: 7px;
    line-height: normal;
  }
  .product-link {
    padding: 7px;
    font-size: 11px;
  }
     /*
     #nav-categories{
        float: left;
        margin: 20px 0 0 0;
        padding: 0 0 0 5px;
        width: 180px;
    }

    .nav3{
      margin: 20px 0 0 30px;
      float: left;
      height: 20px;
    }
    */
    #nav-menu{
          /* overflow: hidden; */
    }


    .sia-logo img{
      /*width: 35%;*/
    }    
}

@media screen and (max-width: 810px) , (max-device-width: 810px) {
  .logo {
    width: 200px;
    top: 21px;
    left: 40%;
  }
  .logo img {
    /*width: 100%;*/
    height: auto;
  }
  .headline {
    padding: 30px 0;
  }
  .col1 {
    font-size: 12px;
  }
    #currentCat a{
      letter-spacing: normal;
      font: 10px 'TT Travels';
  font-weight: bold;
    }
}
@media screen and (max-width: 710px) , (max-device-width: 710px) {
  /*#page {
    padding: 0 15px 25px;
  }*/
  .form-search {
    display: none;
  }
  .logo {
    left: 22%;
  }
  .col1, .col2, .col3 {
    float: none;
    width: auto;
    margin: 0 0 20px;
    padding: 0
  }
  .product-item {
    margin: 0 0 20px;
    float: none;
    width: auto;
  }
  .product-info {
    height: auto;
  }
    #currentCat a{
      letter-spacing: normal;
      font: 10px 'TT Travels';
  font-weight: bold;
    }
}
@media screen and (max-width: 600px) , (max-device-width: 600px) {
  .logo {
    left: 26px
  }
  .nav2 {
    margin-left: 0;
    float: right;
  }

  #mymap {
    height: calc( 100% - 113px);
    min-height: calc( 100% - 113px);
  }
  h1 {
    font-size: 20px;
  }
  #nav-menu2 {
    position: relative;
    top: auto;
    right: auto;
    margin: 0 auto;
    padding: 10px;
    overflow: hidden
  }
}

@media screen and (max-width: 600px) , (max-device-width: 600px) {

    /*#page{
      position: absolute;
    }*/

    .sia-logo{
      float: right;
    }

    .sia-logo img{
      width: 83px;
    }

    #nav-menu2{
      padding: 0;
    }

    .nav3{
      float: right;
    }

    #responsiveCats{
      display: block;
      width: 33.333%;
      float: left;
    }

    #nav-menu2{
      display: none;
    }

    #menu{
      width: 100%;
    }

    #menu ul{
      width: 200px;
    }

    #nav-categories{
      width: calc(100% - 78px);
      height: auto;
    }

    #categories{
      width: 100%;
    }

    #categories ul{
      width: 100%;
    }

    #currentCat{
      height: calc(auto + 7px);
      max-width: 250px;
    }

    #header-bottom{
    }

    .fancybox-wrap{
      width: 90% !important;
      left: 5% !important;
    }

    .fancybox-inner{
      width: 100% !important;
    }

}





/* neu baukultur */
@media (max-width: 1180px) {
    #mymap {
      height: calc( 100vh - 165px);
      min-height: calc( 100vh - 165px);
    }
}

@media (max-width: 840px) {
    #header-bottom {
        margin-right: 33px;
        margin-left: 33px;
    }
}

@media (max-width: 767px) {
    #header-bottom {
        margin-right: 22px;
        margin-left: 22px;
    }

    .map-footer {
        margin: 0 22px;
    }
}

@media (max-width: 650px) {
    input#searchbox {
        width: calc(100% - 18px);
    }

    #search-box {
        width: 100%;
        margin-top: 17px;
    }

    #mymap {
        height: calc( 100vh - 199px);
        min-height: calc( 100vh - 199px);
    }

    #header-bottom {
        height: 84px;
    }
}