@media (max-width: 420px) {
	.header {
		height:184px
	}
	
	.counter {
		top:174px
	}
	
	.site_title {
		top:115px
	}
	
}

@media (min-width: 421px) {
	.header {
		height:145px
	}
	.counter{
		top:135px
	} 
	
	.site_title {
		top:98px
	}
	
}


@media (max-width: 768px)  {

	.navbar {
    	position: absolute;
		min-height: 32px;
		border: none;
		z-index: 1000;
		top: 48px;
		right:0px;
		background-color: #5b1612;
		width: 134px;
		z-index:5000
	}

	.navbar-default .navbar-toggle {
		border-color: #832119;
	}	

	.navbar-toggle {
		display: block !important;
		background-color: #832119 !important;
		padding: 0px 10px;
		border-radius: 4px;
		width: 100px;
		margin: 0px auto;
		position:relative;
		float:none
	
	}

	.header .navbar-collapse.collapse {
    	display: none !important;
	}

	.header .navbar-collapse.collapse.in {
    	border-top: medium none !important;
    	display: block !important;
    	overflow-y: auto !important;
	}

	.service_block {
		height:90px;
	}

	.navbar-toggle .btn_menu, .navbar-toggle .fa-bars {
		color:#fff !important;
		line-height:32px
	}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: none;
    margin-top: 12px;
	border-top:none
	}

	
	
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
    	color: #fff;
		border-bottom:1px solid #832119;
		text-transform :none
	}
	
	
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		color:#e8b364;
		background-color:#5b1612
	}
	
	.navbar-nav {
    margin: 7.5px -15px 0px;
	}
	
	
	
	.logo_bckg_b  {
		left:0px
	}
	
	.logo_seis img {
	width: 200px;
	margin-left: 0px;
}
	
	#search_open {
		margin-bottom: 5px;
		z-index: 5500 !important;
		background-color: #fff;
		width: 250px;
		position: absolute;
		top: 6px;
		right: 45px;
	}

	#footer p {
		line-height:40px
	} 

}



@media (min-width: 769px)  and (max-width: 994px){
	.logo_bckg_b {
		display:none
		}
		
	.site_title {
		top:46px
	}
		
}
@media (min-width: 769px)  and (max-width: 1200px){
	
	.counter {
		top:115px
	}

}


@media  (min-width: 1201px)  {
	.counter {
		top:78px
	}
	
}



@media (max-width:994px) {

	.logo_ethz {
		left:15px
	}
	
	.logo_insight {
		left:120px
	}

	.logo_bckg_a  {
		left:0px
	}
	
	.service_block {
		right:0px;
	}
}


@media (max-width:420px) {
	.logo_ethz {
		left:-5px;
		z-index:1500
	}
	
	.logo_insight {
		left:100px;
		z-index:1500
	}

	.logo_bckg_a  {
		left:-15px
	}
	
	.logo_bckg_b  {
		left:-15px
	}
	
	.service_block {
		right:-15px;
	}
	.navbar {
		right:-15px;
	}
}
@media (min-width:995px) {

	.logo_ethz {
		left:40px
	}
	
	.logo_insight {
		left:150px
	}

	.logo_bckg_a, .logo_bckg_b  {
		left:30px
	}
	.site_title {
		top:32px
	}
	
	.service_block {
		right:15px;
	}
	
}






@media (min-width:769px) {

	.header {
		height:90px
	}
		
	.logo_seis img {
	width: 250px;
	margin-left: 45px;
}

	.collapse.navbar-collapse {
		z-index:1000
	}

	.navbar-nav {
    float: right !important;
    margin: 0;
	}

	.navbar-collapse {
		background-color:#832112;
		position:relative;
		width:100%;
		display:block
	}

	.navbar {
    	position: absolute;
    	margin-bottom: 20px;
    	border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    	z-index: 1000;
		top:75px;
		width:100%;

	
	}

	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
    	color: #c8b364;
    	background-color: #832119;
	}

	.navbar-default {
		background-color: #832119;
		border-color: #832119;
	}

	dropdown > a::after {
    	top: 9px;
    	right: 15px;
    	/*content: "\f107";*/
		content: "" !important
	}

	.dropdown > a::after, .dropdown-submenu > a::after {
    	top: 8px;
    	right: 9px;
   	 	font-size: 11px;
   		/* content: "\f105";*/
  	 	content: ""!important;
   		 position: absolute;
   	 	font-weight: normal;
    	display: inline-block;
   	 	font-family: FontAwesome;
	}



	.dropdown > a::after, .dropdown-submenu > a::after {
    	top: 8px;
    	right: 9px;
    	font-size: 11px;
    	/*content: "\f105";*/
		content: "" !important;
    	position: absolute;
    	font-weight: normal;
    	display: inline-block;
    	font-family: FontAwesome;
	}


	.navbar-default .navbar-nav > li > a {
    	color: #fff !important;
	}

	.nav > li > a {
   	 	position: relative;
   	 	display: block;
   		 padding: 10px 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    	color: #fff;
    	font-size: 18px;
	}

	.nav > li > a:hover, .nav > li.active > a,  .nav > li.active > a:hover, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
		background-color:#832119;
		color:#e8b364
	}

	.navbar-collapse {
		padding-left:0px;
		padding-right:0px
	}


	.header .dropdown.active > .dropdown-menu {
    	border-top: 0px solid #832119;
	}


	.dropdown-menu {
		width:100%;
		font-size:16px;
		padding:0px;
		position:absolute;
		top:100%;
		min-width:180px;
		margin:0px	
	}

	.header .dropdown-menu {
    	border-top: 0px solid #832119;
		background-color:#5b1612
	}

	.dropdown-menu > li > a {
		clear: both;
		color: #fff;
		display: block;
		font-weight: normal;
		line-height: 36px;
		padding: 3px 10px;
		white-space: nowrap;
		border-bottom:1px solid #e8b364;
	}

	.header .dropdown-menu li a {
    	border-bottom: 1px solid #e8b364;
    	color: #fff;
    	font-size: 16px;
    	font-weight: 400;
    	padding: 3px 10px;
	}

	.header .dropdown-menu li:last-child a {
		border-bottom:2px solid #e8b364
	}


	.dropdown-submenu {
    	position: relative;
	}

	li.dropdown-submenu > ul.dropdown-menu {
		left:100%;
		top:0px
	}

	.header .navbar-default .navbar-nav > li > a:hover, 
	.header .navbar-default .navbar-nav > .active > a {
    	border-bottom: 0px solid #bb3a07;
	}

	.header .navbar-default .navbar-nav > .active > a, 
	.header .navbar-default .navbar-nav > .active > a:hover, 
	.header .navbar-default .navbar-nav > .active > a:focus {
    	background-color: #832119 !important;
    	color: #e8b364 !important;
	}

	ul.nav.navbar-nav {
		display:block;
		line-height:50px;
		padding:0px
	}

	.navbar-nav > li > a {
    	border-bottom:none;
    	text-decoration: none;
		padding:0px 20px;
		line-height:50px;
		font-size:18px !important
	}

	.navbar {
		border:none !important;
		min-height:0px
	}

	.navbar-nav {
		float:right
	}


	.dropdown-menu  a:hover, .dropdown-menu li.active > a {
		background-color:#5b1612 !important;
		color:#e8b364 !important;
		font-size:18px
	}



	.header .navbar-nav > li.dropdown:hover > .dropdown-menu, 
	.header  li.dropdown-submenu:hover > .dropdown-menu {
		display: block;
	}
	
	#search_open {
    	display: block;
    	position: absolute;
    	top: 40px;
    	width: 200px;
    	right: 0px;
	}
	
	.service_block {
		height:46px
	}
	
}