/* Responsive stuff */


@media (max-width: 360px) { 
.panel-zoobasel .panel-title {padding:10px 10px 0 10px;}
.panel-zoobasel .panel-text {padding:10px 10px 10px 10px}
.panel-zoobasel .panel-date {padding:10px 10px}

ul.navSub a:first-child {padding: 0 15px 0 0px;}
#pageNavSubWrapperMobile{padding-bottom:3px; line-height: 1.2em;}
.navSubWrapperMobile{ line-height:1.2em;}
 }

@media (min-width: 361px) and (max-width: 480px) { 
.panel-zoobasel .panel-title {padding:10px 10px 0 10px;}
.panel-zoobasel .panel-text {padding:10px 10px 10px 10px}
.panel-zoobasel .panel-date {padding:10px 10px}

ul.navSub a:first-child {padding: 0 15px 0 0px;}
#pageNavSubWrapperMobile{padding-bottom:3px; line-height: 1.2em;}
.navSubWrapperMobile{ line-height:1.2em;}
	 .addPanelMinHeight{min-height:600px;}

 }

@media (min-width: 481px) and (max-width: 768px){
.table-responsive { overflow-x: hidden;}

.panel-zoobasel .panel-title {padding:10px 10px 0 10px;}
.panel-zoobasel .panel-text {padding:10px 10px 10px 10px}
.panel-zoobasel .panel-date {padding:10px 10px}

ul.navSub a:first-child {padding: 0 15px 0 0px;}
#pageNavSubWrapperMobile{padding-bottom:3px; line-height: 1.2em;}
.navSubWrapperMobile{ line-height:1.2em;}
	 .addPanelMinHeight{min-height:400px;}

 }


@media (min-width: 769px) and (max-width: 992px) { 

ul.navSub a:first-child {padding: 0 15px 0 0px;}
#pageNavSubWrapperMobile{padding-bottom:3px; line-height: 1.2em;}
.navSubWrapperMobile{ line-height:1.2em;}
.table-responsive { overflow-x: hidden;}

.panel-zoobasel .panel-title {padding:10px 10px 0 10px;}
.panel-zoobasel .panel-text {padding:10px 10px 10px 10px}
.panel-zoobasel .panel-date {padding:10px 10px}
.dl-horizontal.zoobasel-01 dt {
    float: left;
    width: 300px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal.zoobasel-01 dd {
    margin-left: 320px;
  }
  	 .addPanelMinHeight{min-height:300px;}

  
 }
@media (max-width: 992px) { 

	.table-responsive { overflow-x: hidden;}

.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
          top: 0;
          border-width: 0 0 1px;
     }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
          margin-top: 7.5px;
     }
     .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
          display:block !important;
     } 
	 
	 .addPanelMinHeight{min-height:400px;}

	
}
@media (min-width: 993px) and (max-width: 1200px) { 
	.table-responsive { overflow-x: hidden;}
		.row.addMarginBottom{margin-bottom:0px;}
		.dl-horizontal.zoobasel-01 dt {
    float: left;
    width: 300px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal.zoobasel-01 dd {
    margin-left: 320px;
  }
  
  .addPanelMinHeight{min-height:450px;}

 }
@media (min-width: 1200px) {
		.table-responsive { overflow-x: hidden;}
		.row.addMarginBottom{margin-bottom:0px;}
.dl-horizontal.zoobasel-01 dt {
    float: left;
    width: 300px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal.zoobasel-01 dd {
    margin-left: 320px;
  }
  
  .addPanelMinHeight{min-height:600px;}

}