@media (min-width: 1px) {
	.header-m{ height: 52px; border-bottom: 1px solid #515151; }
	
	.menu-m{ position: relative; height: 52px; }
	.icon-m{ position: absolute; top: 0px; right: 0px; height: 52px; width: 43px; 
		background-position: center center; background-repeat: no-repeat; 
		background-image: url(../../../resource/coatz/image/mobile/MainMenu_InActive_Btn-M.png); 
		cursor: pointer; z-index: 1000; }
	.icon-m.active{
		background-image: /*url(../../images/osren/header/MainMenu_Active_Btn-M.png)*/
		url(../../../resource/coatz/image/mobile/MainMenu_Active_Btn-M.png)
		/*, url(../../images/osren/header/MainBanner_BGColor.png)*/; 
		background-repeat: no-repeat/*, repeat*/;
		background-color: #a1a1a1; }
	
	.menu-wrapper-m{ position: absolute; top: 52px; left: 0px; width: 100%; height: 0px; z-index: 2000; overflow: hidden; 
		transition: height 0.5s;
		}
	.menu-wrapper-m.active{ height: /*1000*/500px; }
	.menu-nav-m{ width: 100%; /*background-color: #5ee1a7;*/ overflow: hidden; cursor: pointer;  }
	.menu-nav-m a{	text-decoration: none; color: /*#6fbc9a*/#000000; }
	.menu-nav-name-m{ height: 21px; padding: 10px 10px; border-top: 1px solid /*#8febc2*/#bdbdbd; border-bottom: 1px solid /*#357a5b*/#575757; color: /*#082013*/#000000; font-weight: bolder; font-size: 12px; 
		letter-spacing: 0.6px; padding-top: 13px; padding-bottom: 7px; padding-left: 18px; 
		background-image: /*url(../../images/osren/header/MainMenu_BG-M.png)*/url(../../../resource/coatz/image/mobile/MainMenu_BG-M.png);
		background-repeat: repeat-x;
		background-position: 0px 0px;
		text-shadow: 0px 2px /*#8fd9b7*/#999999;
		position: relative;
	}
	.menu-nav-m:first-child > .menu-a-m > .menu-nav-name-m{/*background-image: url(../../images/osren/header/SubMenu_Collapsed_Ico-M.png), url(../../images/osren//header/MainMenu_BG-M_first.png);*/}
	.menu-a-m.active > .menu-nav-name-m{/*background-image: url(../../images/osren/header/SubMenu_Expanded_Ico-M.png), url(../../images/osren/header/MainMenu_BG-M.png);*/}
	.menu-nav-m:first-child > .menu-a-m.active > .menu-nav-name-m {
	/*background-image: url(../../images/osren/header/SubMenu_Expanded_Ico-M.png), url(../../images/osren//header/MainMenu_BG-M_first.png);*/}
	.menu-nav-m:first-child .menu-nav-name{ /*height: 22px;*/ border-top: none; }
	
	.menu-nav-plus-m{ position: absolute; top: 15px; right: 15px; }
	.menu-nav-plus-m.active{ display: none; }
	.menu-nav-plus-m.inactive{ display: block; }
	
	.menu-a-m.active .menu-nav-plus-m.active { display: block; }
	.menu-a-m.active .menu-nav-plus-m.inactive{ display: none; }
	
	.submenu-wrapper-m{ position: relative; width: 100%;  overflow: hidden; height: 0px;/*height: auto;/******************************************/
		transition: height 0.5s;
	}
	/*.submenu-wrapper-m.active{ height: auto; }*//*Logic moved into Javascript*/
	.submenu-nav-m{	position: relative; height: 43px; width: 100%; background-color: /*#a9f9d6*/#f2f2f2; 
		border-bottom: 1px solid /*#8bd5b4*/#b0b0b0;
		/*
		background-image: url(../../images/osren/header/SubMenu_Pointer_Ico-M.png);
		background-repeat: no-repeat;
		background-position:  calc(100% - 17px) 16px;		
		*/
	}
	.submenu-nav-m a{ text-decoration: none; color: /*#006a40*/#000000; }
	.submenu-nav-name-m{	position: relative; height: 23px; /*padding: 10px;*/padding-left: 18px; padding-top: 13px;  font-size: 12px; letter-spacing: 0.6px; font-weight: bolder; }
	.submenu-nav-m:first-child{
		height: 45px;
		/*
		background-image: url(../../images/osren/header/SubMenu_Shadow.png), url(../../images/osren/header/SubMenu_Pointer_Ico-M.png);
		background-repeat: repeat-x, no-repeat;
		background-position: 0px 0px, calc(100% - 17px) 20px;
		*/
		background-image: url(../../images/osren/header/SubMenu_Shadow.png);
		background-repeat: repeat-x;		
	}
	.submenu-nav-m:first-child > a > .submenu-nav-name-m{
		padding-top: 15px; 
	}
	.submenu-nav-arrow-m{ position: absolute; top: 20px; right: 17px; }
	
	.search-m{ height: 52px; width: 100%; }
	.search-icon-m{ position: absolute; height: 52px; width: 33px; background-position: center center; background-repeat: no-repeat; 
		background-image: /*url(../../images/osren/header/Header_Search-Icon_InActive-M.png)*/url(../../../resource/coatz/image/mobile/Header_Search-Icon_InActive-M.png); top: 0px; right: /*5*/43px; cursor: pointer; z-index: 1000; }
	.search-icon.active{ background-color: /*#5ee1a7*/#a1a1a1; border: none; border-bottom: 1px solid #5ee1a7; 
		background-image: /*url(../../images/osren/header/Header_Search-Icon_Active-M.png)*/url(../../../resource/coatz/image/mobile/Header_Search-Icon_Active-M.png);
	}
	.search-wrapper-m{ position: absolute; top: 52px; right: 0px; width: 100%; height: 0px; z-index: 2000; overflow: hidden; background-color: /*#5ee1a7*/#a1a1a1; text-align: center; transition: height 0.1s; }
	.search-wrapper-m.active{ height: /*45*/28px; padding-top: 10px; padding-bottom: 10px; }
	.search-input-m{ height: 18px; width: 88%; border: none; padding: 5px; background-color: #f2f2f2; /*margin-top: 8.5px;*/ font-style: italic; color: #878787; font-size: 11px; letter-spacing: 0.2px; background-image: url(../../../images/osren/header/Header_Searchbar-Icon-M.png); background-repeat: no-repeat; background-position: 5px 4.5px; padding-left: 28px; }
	
	/*
	 * Below are the elements that are not meant to shown in Mobile 
	*/
	/*PRODUCTS | INNOVATION | THE COMPANY*/
		.menu-nav-m > .menu-a-m > .menu-nav-name-m > .menu-nav-arrow { display: none; }
	/*CONTACTS*/
		.menu-nav-m:last-child > a > .menu-nav-name-m > .menu-nav-arrow{ display: none; }
}

@media (min-width: 768px) {

	.icon-n{ display: none; }
	.menu-wrapper-n{	top: 0px; left: 0px; width: 100%; height: 52px; overflow: visible; }
	.menu-wrapper-n.active{ height: 1000px; }
	.menu-nav-n{ background-color: transparent; overflow: visible; float: left; width: auto;}
	.menu-nav-n:first-child{ margin-left: /*162*/151px; }
	.menu-nav-n > .menu-a-n > .menu-nav-name-n > .menu-nav-arrow-n.active { display: none; }
	.menu-nav-n > .menu-a-n > .menu-nav-name-n > .menu-nav-arrow-n.inactive{ display: block; }
	/*
	.menu-nav-n:hover > .menu-a-n > .menu-nav-name-n > .menu-nav-arrow-n.active{ display: block; }
	.menu-nav-n:hover > .menu-a-n > .menu-nav-name-n > .menu-nav-arrow-n.inactive{ display: none; }
	*/
	/*Intead of :hover it is now .active*/
	.menu-nav-n > .menu-a-n.active  > .menu-nav-name-n > .menu-nav-arrow-n.active{ display: block; }
	.menu-nav-n > .menu-a-n.active > .menu-nav-name-n > .menu-nav-arrow-n.inactive{ display: none; }
	
	.menu-nav-n.alwaysActive > .menu-a-n > .menu-nav-name-n > .menu-nav-arrow-n.active{ display: block; }
	.menu-nav-n.alwaysActive > .menu-a-n > .menu-nav-name-n > .menu-nav-arrow-n.inactive{ display: none; }
	.menu-nav-plus-n, .menu-a-m.active .menu-nav-plus-m.active, .menu-a-m.active .menu-nav-plus-m.inactive{ display: none; }/**Hiding the + and -**/
	
	.submenu-wrapper-n.active{ height: 0px; }
	
	/*.menu-nav-n:hover > .submenu-wrapper-n{ height: 270px; }*/	/*Marcus: Can this solution be improved???*/
	.menu-nav-n:hover > .submenu-wrapper-n.active{ height: 270px; }
	.menu-nav-n.alwaysActive:hover > .submenu-wrapper-n{ height: 0px; }
	.menu-nav-n.alwaysActive:hover > .submenu-wrapper-n.active{ height: 0px; }
	/**CONTACTS**/
			.menu-nav-n:last-child > a > .menu-nav-name-n > .menu-nav-arrow-n.active{ display: none; }
			.menu-nav-n:last-child > a > .menu-nav-name-n > .menu-nav-arrow-n.inactive{ display: block; }
			.menu-nav-n:last-child:hover > a > .menu-nav-name-n > .menu-nav-arrow-n.active{ display: block; }
			.menu-nav-n:last-child:hover > a .menu-nav-name-n > .menu-nav-arrow-n.inactive{ display: none; }
			.menu-nav-n:last-child{ float: right; height: 52px; margin-right: /*20px*/8px; }
			.menu-nav-n:last-child .menu-nav-name-n{ height: auto; padding: 2px 4px; /*border: 1px solid #365347; color: #5de1a7;*/	margin-top: /*12px*/13px; }
	.menu-nav-n a{	text-decoration: none; color: #6fbc9a; }
	.menu-a-n.active .menu-nav-name-n{ /*color: #5de1a7;*/ }
	/*.menu-a-n.active + .submenu-wrapper-n{ height: 0px; }*//*2015.01.10: Affected by JS Click event*/
	.menu-nav-name-n{	height: /*22px*/12px; padding: /*15px*/20px 10px; border-top: none; border-bottom: none; color: transparent; font-size: 0px;
		padding-left: 20px; padding-right: 15px; 
	}
	.menu-nav-n:first-child .menu-nav-name{ /*height: 22px;*/height: 12px; padding-left: 20px; padding-right: 15px; }
	.menu-nav-name{ background: none; }
	.menu-nav-m:first-child > .menu-a-m > .menu-nav-name-m{ background: none; }
	.menu-nav-plus-n, .menu-nav-plus-n.active, .menu-nav-plus-n.inactive{ display: none; }
	.submenu-nav-arrow-n{ display: none; }
	.submenu-wrapper-n{	position: absolute; width: auto; max-width: 400px;
		transition: height 0.5s; }
	.submenu-nav-m:first-child{ background: none; background-color: /*#5de1a7*/#ffffff; }
	.submenu-nav-n{ background: none; background-color: /*#5de1a7*/#ffffff; border-bottom: none; height: 34px; }
	.submenu-nav-n:first-child{ padding-top: 7px; }
	.submenu-nav-n:last-child{ padding-bottom: 13px; }
	.submenu-nav-n a{ color: #0e3022; }
	.submenu-nav-name-n{ 
		font-size: 13px; 
		font-weight: bolder; 
		letter-spacing: 0.2px; 
		background-image: url(../../../resource/coatz/image/netbook/Header_Submenu_bullet.png);
		background-repeat: no-repeat;
		height: 17px;
		padding-bottom: 0px;
		
		/*Varies depending on menu position from left*//*
		background-position: 20px 12px;
		padding-left: 32px;*/
	}
	.submenu-nav-m:first-child > a > .submenu-nav-name-m{ padding-top: 13px; }
	.submenu-nav-m:first-child{ height: 34px; }
	.submenu-nav-n:first-child{ padding-top: 0px; }
	.menu-nav-n:first-child > .submenu-wrapper-n > .submenu-nav-m > a > .submenu-nav-name-n{
		background-position: 20px 14px; padding-left: 32px; padding-right: 32px;
	}
	.menu-nav-n:nth-child(2) > .submenu-wrapper-n > .submenu-nav-m > a > .submenu-nav-name-n{
		background-position: 20px 14px; padding-left: 32px; padding-right: 32px;
	}
	.menu-nav-n:nth-child(3) > .submenu-wrapper-n > .submenu-nav-m > a > .submenu-nav-name-n{
		background-position: 20px 14px; padding-left: 32px; padding-right: 32px;
	}
	
	.submenu-nav-name-n:hover{ color: #cb131a; }
	
	.search-icon-n{ height: 24px; width: 24px; background-color: /*#09271d*/transparent; background-size: 16px 16px; right: /*120*//*148*/138px; z-index: 2000; border: 1px solid /*#647a71*/#686868; margin-top: 12px;
		background-image: /*url(../../images/osren/header/Header_Search-Icon_InActive.png)*/url(../../../resource/coatz/image/netbook/Header_Search-Icon_InActive.png);
	}
	.search-icon-n.active{ background-image: 
		/*url(../../images/osren/header/Header_Search-Icon_Active-T.png)*/		
		/*url(../../images/osren/header/coatz/net_desk/Header_Search-Icon_InActive.png)*/
		url(../../../resource/coatz/image/netbook/Header_Search-Icon_Active-T.png);  border: 1px solid /*#5ee1a7*/#8a8a8a; }
	.search-wrapper-n{ width: 320px; top: 37px;  right: /*120*/148px; transition: height 0.5s; }
	.search-input-n{ width: 82%; }
}

@media (min-width: 1280px) {
	/*
	.submenu-wrapper-d{ background-color: #5de1a7; left: 0px; width: 100%; min-width: 0; max-width: 100%; }
	.submenu-nav-d{ width: auto; border: none; float: left; }
	.submenu-nav-d:first-child{ margin-left: 151px; }
	.submenu-nav-n:first-child{ padding-top: 0px; }
	.submenu-nav-d:last-child{ padding-bottom: 0px; }
	.submenu-nav-name-d{ background-position: 0px 11px; padding-left: 0px; padding-top: 9px; }
	.menu-nav-n:first-child > .submenu-wrapper-n > .submenu-nav-m > a > .submenu-nav-name-n{
		background-position: 20px 11px; }
	.menu-nav-n:nth-child(2) > .submenu-wrapper-n > .submenu-nav-m > a > .submenu-nav-name-n{
		background-position: 20px 11px; padding-left: 32px; }
	.submenu-nav-m:first-child > a > .submenu-nav-name-m{	padding-top: 9px; }
	.menu-nav-n:nth-child(3) > .submenu-wrapper-n > .submenu-nav-m > a > .submenu-nav-name-n{
		background-position: 20px 11px; padding-left: 32px; }
	.menu-nav-n > .submenu-wrapper-n.active{ height: 0px; }
	*/
	
	.search-d{ position: absolute; top: /*11px*/13px; right: /*120*//*148*/138px; height: 24px; width: /*300px*/204px; border: 1px solid /*#5de1a7*//*#647a71*//*#ffffff*/#656565; }
	.search-icon-d{ position: relative; right: 0px; border: 0; margin: 0; float: right; background-color: /*#09271d*/#141414; border-left: 1px solid /*#5de1a7*/#ffffff; }
	.search-icon.active{ background-color: #09271d; border-left: 1px solid #5de1a7; }
	.search-wrapper-d{ position: absolute; top: 0px; left: 0px; height: 24px; width: /*275px*/180px; background-color: transparent; text-align: right; }
	.search-wrapper-d.active{ height: 24px; }
	.search-input-d{ height: 24px; width: /*265px*/170px; padding: 0px /*5px*/10px; margin: 0; background: none; background-color: /*#4e675c*/#141414; color: #aaaaaa; }
}