/* small screen ~768px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 48em) {
  #maincontent { width: 100%; }
}


/* small screen ~768px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 47.99em) {
  /* Left / right aside menu */
  #sidebarLeft {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    margin: 0;
  }
  .sideBarRemove { display: block; }
  #sidebarLeft .smallHidden { display: none; }
  /* Left / right aside Information */
  #informationBoxOpen {
    width: 100%;
    position: fixed;
    left: -100%;
    top: 0;
    margin: 0;
    -webkit-box-shadow : 0 .1rem .6rem #333333;
    -moz-box-shadow : 0 .1rem .6rem #333333;
    box-shadow: 0 .1rem .6rem #333333;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  #informationBoxOpen:target {
    left: 0;
  }
  #informationBoxClose:target #informationBoxOpen {
    left: -100%;
  }
  /* Left / right aside Search */
  #searchBoxOpen {
    width: 100%;
    position: fixed;
    left: -100%;
    top: 0;
    margin: 0;
    -webkit-box-shadow : 0 .1rem .6rem #333333;
    -moz-box-shadow : 0 .1rem .6rem #333333;
    box-shadow: 0 .1rem .6rem #333333;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  #searchBoxOpen:target {
    left: 0;
  }
  #searchBoxClose:target #searchBoxOpen {
    left: -100%;
  }
  /* Left / right aside Catalogue */
  #catalogueBoxOpen {
    width: 100%;
    position: fixed;
    left: -100%;
    top: 0;
    margin: 0;
    -webkit-box-shadow : 0 .1rem .6rem #333333;
    -moz-box-shadow : 0 .1rem .6rem #333333;
    box-shadow: 0 .1rem .6rem #333333;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  #catalogueBoxOpen:target {
    left: 0;
  }
  #catalogueBoxClose:target #catalogueBoxOpen {
    left: -100%;
  }
  /* Left / right aside Languages */
  #languageBoxOpen {
    width: 100%;
    position: fixed;
    left: -100%;
    top: 0;
    margin: 0;
    -webkit-box-shadow : 0 .1rem .6rem #333333;
    -moz-box-shadow : 0 .1rem .6rem #333333;
    box-shadow: 0 .1rem .6rem #333333;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  #languageBoxOpen:target {
    left: 0;
  }
  #languageBoxClose:target #languageBoxOpen {
    left: -100%;
  }
  /* Left / right aside Facebook */
  #faceBoxOpen {
    width: 100%;
    position: fixed;
    left: -100%;
    top: 0;
    margin: 0;
    -webkit-box-shadow : 0 .1rem .6rem #333333;
    -moz-box-shadow : 0 .1rem .6rem #333333;
    box-shadow: 0 .1rem .6rem #333333;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  #faceBoxOpen:target {
    left: 0;
  }
  #faceBoxClose:target #faceBoxOpen {
    left: -100%;
  }
  /* Left / right aside Databox */
  #dataBoxOpen {
    width: 100%;
    position: fixed;
    left: -100%;
    top: 0;
    margin: 0;
    -webkit-box-shadow : 0 .1rem .6rem #333333;
    -moz-box-shadow : 0 .1rem .6rem #333333;
    box-shadow: 0 .1rem .6rem #333333;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  #dataBoxOpen:target {
    left: 0;
  }
  #dataBoxClose:target #dataBoxOpen {
    left: -100%;
  }
}

/* small screen ~768px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 47.99em) {
  #sidebarRight {
    display: none;
  }
  .sideBarRemove { display: block; }
  #sidebarRight .smallHidden { display: none; }
}
/* small screen ~768px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 48em) {
  .navbar .nav .dropdown:hover a span.ico-rotate {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
  }
  .navbar .dropdown:hover .dropdown-menu { visibility: visible; }
  .navbar .dropdown:hover .dropdown-menu li:first-child { margin-top: 0.25px; }
  .navbar .dropdown:hover .dropdown-menu li:not(:first-child) { margin-top: 1px; }
}