/* Mobile Styling*/

.slicknav_menu {display:none;}
/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/
#rwd-menu{display: none;z-index: 10;margin: 0 0 20px 0;padding: 0;height: 32px; width: 100%; position: relative;top: 15px}

.rwd-title {position: absolute;left: 50px;top: 0px;font-size:18px;font-family: 'Open Sans Condensed', sans-serif;color: #fff}
.slicknav_menu {display: block;padding: 18px;width: 100%;max-width: 960px;font-size:16px;}
/* Button */
.slicknav_menu .slicknav_icon-bar {display: block;width: 1.5em;height: 0.25em;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);margin-bottom: 5px}
.slicknav_btn {margin: 5px 5px 6px;text-decoration: none;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: transparent;float: none;top: 0;position: absolute;left: 15px;width: 90%}
/* Button Text */

/* Button Lines */
.slicknav_icon{float: none;}
.slicknav_menu .slicknav_icon-bar {background-color: #fff;}
.slicknav_menu {padding:0px;}
.slicknav_nav {color: #000;margin: 0;padding: 0;font-size: 0.875em;background: #393838;clear: both;top: 45px;position: relative;}
.slicknav_nav, .slicknav_nav ul {list-style: none;overflow:hidden;}
.slicknav_nav ul {padding:0;margin:0 0 0 20px;}
.slicknav_nav .inner-wrapper{padding: 0 !important;}
.slicknav_nav .slicknav_item {padding:5px 10px;margin:2px 5px;}
.slicknav_nav ul{margin: 0;}
.slicknav_nav ul li{padding: 0; margin:0;}
.slicknav_nav a:hover{}
.slicknav_nav a {padding:5px 3%;color:#fff  !important;margin:0;text-decoration:none;margin:0;display: block;font-family: 'Open Sans Condensed', serif;}
.slicknav_nav a:hover,
.slicknav_nav a.active{background:#00b3a8 !important;}
.slicknav_nav .slicknav_txtnode {margin-left:15px;   }


/** browser window less than 960px; generic mobile styling **/
@media only screen and (min-width: 960px) {}

@media only screen and (max-width: 965px) {

  * {}

  body {width: 100%;min-width: 100%;overflow: auto}
  #header .inner-wrapper{padding: 0}
  .inner{width: 100%}
   #container {max-width: 940px;width: 100%}  

}


/** tablet size 600px to 959px **/
@media only screen and (max-width : 959px) and (min-width : 640px) {}
@media only screen and (max-width: 800px)  {
  #rwd-menu {display: block;}
  body{width: 800px; overflow-x:hidden }
  #main-content .inner-wrapper, #bottom .inner-wrapper, #footer .inner-wrapper {padding: 0 10px;}
   #main-content .inner,#bottom .inner,#footer .inner {max-width: 940px;width: 100%; }
   #bottom .inner .views-field-field-image{float: left;width: 40%; max-width: 352px; margin-right: 5%; margin-bottom: 20px }
   #bottom .inner .views-field-field-image img{width: 100%; max-width: 352px; height: auto;}
    
  #container  {max-width: 800px !important; width: 100%}
  #header {margin: 0 0 60px;height: 60px;}
  #header #logo {margin-left: -88px;display: inline-block;width: 166px;z-index: 11}
  #header #logo img{width: 100%; height: auto;}
  .slicknav_nav .inner{max-width: 100% !important}
  #highlighted,#navigation{display: none !important;}
  body.sidebar-first #main{max-width: 670px; width: 65%}
  body.sidebar-first #sidebar-first {max-width: 230px; width: 30%}
  #bottom-content .block{width: 22%}
  #bottom-content .block img{width: 100%; height: auto}
  #bottom-content .inner-wrapper{padding: 0 !important}
  .view-galerij .views-row, body.page-fotogalerij #main .field-name-field-images, body.node-type-fotogalerij #main .field-name-field-images .field-item{width: 22%; }
  #main-content .block img, #main-content .views-field-field-image img, #bottom img, body.page-node #main .field-name-field-image img, .view-galerij .views-field-field-images img, body.page-fotogalerij #main .field-name-field-images img, body.node-type-fotogalerij #main .field-name-field-images .field-item img{width: 94%; height: auto; }
}

@media only screen and (max-width: 768px)  {
  body{width: 768px; }
  #container {max-width: 768px !important;}
  #main-content .inner, #bottom .inner, #footer .inner {max-width: 768px;}
  input[type='text'], input[type='email']{width:97%;}
  .form-textarea-wrapper{width: 98%}



}

@media only screen and (max-width: 640px) {
  body{width: 640px;}
  #container{max-width: 640px !important;}
  .view-galerij .views-row, body.page-fotogalerij #main .field-name-field-images, body.node-type-fotogalerij #main .field-name-field-images .field-item,
  #bottom-content .block {width: 21%;}
}

@media only screen and (max-width: 600px) {
  body{width: 600px;}
  #container{max-width: 600px !important;}
  .view-galerij .views-row, body.page-fotogalerij #main .field-name-field-images, body.node-type-fotogalerij #main .field-name-field-images .field-item,
  #bottom-content .block {width: 21%;}
}

@media only screen and (max-width: 568px) {
  body{width: 568px; }
  #container{max-width: 568px !important;}
}

@media only screen and (max-width: 480px) {
  body{width: 480px; }
  #container {max-width: 480px !important;}
 #bottom-content .block{width:45%}
 .view-galerij .views-row, body.page-fotogalerij #main .field-name-field-images, body.node-type-fotogalerij #main .field-name-field-images .field-item, #bottom-content .block {width: 46%;margin-right: 15px;}
  
}

@media only screen and (max-width: 400px) {
  body{width: 400px;}
  #container {max-width: 400px !important;} 
  body.sidebar-first #main{width: 98%}
  body.sidebar-first #sidebar-first { width: 98%;max-width: inherit;margin-bottom: 20px}
 
}

@media only screen and (max-width: 320px) {
  body{width: 320px;}
 #container {max-width: 320px !important; }
 
  #bottom-content .block{width: 98%}
 }