/*header*/
@media (max-width: 990px) {

	.moBMenuOpen{
		touch-action: manipulation;
	}

	#mainMenu .menu.mobile .jspVerticalBar{
		right:0;
	}

	#mainMenu ul.type li a:hover{
		color:#7a7a7a;
	}

	#mainMenu .menu.mobile ul .menuWrap ul.second ul ul li a,
	#mainMenu .menu.mobile ul ul.second li a,
	#mainMenu .menu.mobile ul.first > li > a{
		padding-top: 14px;
		padding-bottom: 14px;
	}

	#mainMenu .menu.mobile ul .menuWrap ul.second ul ul li a,
	#mainMenu .menu.mobile ul ul.second li a,
	#mainMenu .menu.mobile ul.first > li > a{
		padding-right: 30px;
	}

	#mainMenu .menu.mobile div.level1 ul.first > li:first-child{
		margin-top:41px;
	}

	#mainMenu .menu.mobile div.level1 ul.first.more > li:first-child{
		margin-top:0;
	}

	#mainMenu .menu.mobile ul ul.second li a.selectedPage, 
	#mainMenu .menu.mobile ul.first > li > a.selectedPage{
		color:#fff;
	}

	#mainMenu .menu.mobile ul.first > li > a > span.icon{
		display:none;
	}

	#mainWrapper{
		overflow:visible;
	}

	#mainMenu .menu.desktop{
		display:none;
	}

	#mainMenu .menu.mobile {
		display: block; 
	}

	#mainMenu .mTools, 
	.menu ul.more, #mainMenu .menu li a {
		padding-left: 0px;
	}

	#mainMenu{
		position:relative;
		width:100%;
		min-height: inherit;
	}

	#mainMenu > .glow,
	#mainMenu > .bg{
		display:none;
	}

	#mainWrapper .headerWrap{
		background:url(http://www.wind.gr/themes/1/Default/wind_v2/Media/glowMob.jpg;wa7e2a470d68ac7b24) no-repeat scroll center center #00b1eb;
		background-size: 100% 100%;
		z-index: 9;
	}

	#mainMenu ul.type{
		background-color:#fff;
	}

	#mainMenu ul.type li.business:hover .active .icon.business {
		background-position:-241px -4px;
	}

	#mainMenu ul.type li a.active:hover,
	#mainMenu ul.type li a.active{
		color:#535353;
	}

	#mainMenu ul.type li a{
		color:#c0bfbf;
	}

	#mainMenu ul.type li{
		font-size: 11px;
	}

	#mainMenu ul.type li a span{
		vertical-align: middle;
	}

	.innerPage #mainContent,
	.homepage #mainContent {
		margin-left: 0;
		width: 100%;
	}

	#mainMenu .menu{
		-webkit-box-shadow:inset -7px 5px 10px -6px rgba(0, 0, 0, 0.65);
		-moz-box-shadow:inset -7px 5px 10px -6px rgba(0, 0, 0, 0.65);
		box-shadow:inset -7px 5px 10px -6px rgba(0, 0, 0, 0.65);
		background-color:#3a3b3e;
		display:block;
		overflow:hidden;
		left: -85%;
		position:fixed;
		top:0;
		width:85%;
		height:100%;
	}

	#mainMenu .menu .inner{
		overflow-y:hidden;
		overflow-x:hidden;
		position:relative;
		width:100%;
		height:100%;
	}

	.no-touch #mainMenu .menu.mobile .inner .level1 .mTools{
		padding:0;
	}

	.no-touch #mainMenu .menu.mobile .jspVerticalBar{
		right:0;
	}

	.menu ul.first{
		padding-bottom: 0;
		left:0;
		position:relative;
		top:0;
	}

	.menu .level1{
		display:inline-block;
		left:0;
		position:relative;
		top:0;
		vertical-align: top;
		width:100%;
	}

	.menu .level1.open{
		left:-100%;
	}

	#mainMenu .menu ul .menuWrap.secondLevelAct{
		right: 0%;
	}

	#mainMenu .menu ul .menuWrap.secondLevelAct.thirdLevelAct{
		right: 100%;
	}

	#mainMenu .menu ul .menuWrap.secondLevelAct.thirdLevelAct.fourthLevelAct{
		right: 200%;
	}

	#mainMenu .menu ul .menuWrap{
		left:auto;
		display:none;
		right:-100%;
		position:absolute;
		top:0;
		overflow:visible;
		width:100%;
	}

	#mainMenu .menu ul .menuWrap.secondLevelAct.thirdLevelAct.fourthLevelAct,
	#mainMenu .menu ul .menuWrap.secondLevelAct.thirdLevelAct,
	#mainMenu .menu ul .currentWrap.secondLevelAct,
	#mainMenu .menu ul .menuWrap.active{
		display:block;
		opacity:1;
	}

	.thirdMenuWrap.visible,
	.secondMenuWrap.visible{
		display:block;
	}

	#mainMenu .menu ul ul.second {
		background-color: #3a3b3e;
		display: block;
		top: 0;
		left: 0;
		padding:0;
		position: static;
		width: 100%;
		height: auto;
	}

	.fourthMenuWrap,
	.thirdMenuWrap,
	.secondMenuWrap{
		display:none;
		right: -100%;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.fourthMenuWrap.active,
	.thirdMenuWrap.active,
	.secondMenuWrap.active{
		display:block;
	}

	.moBMenuOpen{
		cursor:pointer;
		display:inline-block;
	}

	#mainMenu .mTools .mSearch{
		margin-bottom: 7px;
		width:100%;
	}

	#mainMenu .mTools .mSearch input.text{
		background-color:#222222;
		color:#6f6f6f;
	}

	#mainMenu .menu ul.first > li{
		border-top:1px solid #4a4b4d;
	}

	#mainMenu .menu ul.more.first li.lang > span,
	#mainMenu .menu ul.first.more li a{
		color:#7c7c7e;
	}

	#mainMenu .mTools ul.social{
		margin:9px 0 0;
	}

	#mainMenu .menu ul ul.second .fourthMenuWrap .jspPane > a,
	#mainMenu .menu ul ul.second .thirdMenuWrap .jspPane > a,
	#mainMenu .menu ul ul.second .secondMenuWrap .jspPane > a,
	#mainMenu ul.first .menuWrap .jspPane > a,
	#mainMenu .menu ul ul.second .thirdMenuWrap > a,
	#mainMenu .menu ul ul.second .fourthMenuWrap > a,
	#mainMenu .menu ul ul.second .secondMenuWrap > a,
	#mainMenu ul.first .menuWrap > a{
		color:#999a9c;
		display:block;
		padding-right: 0;
		text-align: center;
		font-family:"Beau Sans Pro Light", Verdana, sans-serif; 
		padding-top:0;
	}

	#mainMenu .menu ul ul.second li{
		border-top:1px solid #525255; 
		margin:0;
	}

	#mainMenu .menu ul ul.second ul li a,
	#mainMenu .menu ul ul.second li a {
		font-family:"Beau Sans Pro Light", Verdana, sans-serif; 
		color:#ffffff;
		display:block;
		margin:0;
		padding:8px 0;
	}

	.menu ul.first,
	.menu .level1,
	#mainMenu .menu ul .menuWrap,
	.secondMenuWrap,
	.thirdMenuWrap,
	.fourthMenuWrap{
		-webkit-transition: left 250ms ease-out, right 250ms ease-out;
		   -moz-transition: left 250ms ease-out, right 250ms ease-out;
		    -ms-transition: left 250ms ease-out, right 250ms ease-out;
		     -o-transition: left 250ms ease-out, right 250ms ease-out;
		        transition: left 250ms ease-out, right 250ms ease-out;
	}

    /*#mainMenu .menu,
	#siteWrap{
		-webkit-transition: all 0.5s ease-out;
		   -moz-transition: all 0.5s ease-out;
		    -ms-transition: all 0.5s ease-out;
		     -o-transition: all 0.5s ease-out;
		        transition: all 0.5s ease-out;
	}
    */

	#mainWrapper{
		-webkit-transition: -webkit-transform 250ms ease-out;
		   -moz-transition: -moz-transform 250ms ease-out;
		    -ms-transition: -ms-transform 250ms ease-out;
		     -o-transition: -o-transform 250ms ease-out;
		        transition: transform 250ms ease-out;
	}

	#siteWrap.openMenu{
		overflow:hidden;
	}

  /*	#siteWrap.openMenu #mainMenu .menu{
		left:0;
	}*/

	 #mainWrapper.fixedMenu .headerWrap{
	    -webkit-backface-visibility: hidden;
	   	backface-visibility: hidden;
	}

	#mainWrapper.fixedMenu .headerWrap{
		left:0;
		position:fixed;
		top:0;
		width:100%;
	/*	-webkit-transition: all 0.5s ease-out;
		   -moz-transition: all 0.5s ease-out;
		    -ms-transition: all 0.5s ease-out;
		     -o-transition: all 0.5s ease-out;
		        transition: all 0.5s ease-out;*/
	}

	.openMenu #mainWrapper.fixedMenu .headerWrap{
	/*	margin-left:85%;*/
		/*position:relative;*/
	}

	#mainMenu .logo{
		margin:0 4%;
		width:28%;
		max-width: 150px;
	}

	#mainMenu .logo a,
	#mainMenu .logo a img{
		width:100%;
		height:auto;
	}

	#mainMenu{
		text-align: center;
	}

	#mainMenu .toolsblock{
		display:inline-block;
		float:none;
		font-size: 0;
		text-align: center;
		margin-top:7px;
		vertical-align: bottom;
		width:31%;
	}

	.headerTool a,
	.headerTool{
		color:#fff;
		font-family: 'OpenSans';
		display:inline-block;
		text-align: center;
	}

	.headerTool span{
		display:inline-block;
		vertical-align: top;
	}

	.headerTool{
		text-align: center;
		vertical-align: bottom;
	}

	.headerTool .text{
		width:100%;
	}

	.headerTool .langText{
		font-family: 'OpenSansSemiBold';
	}

	#mainMenu .menu ul.first li{
		position:relative;
	}

	#mainMenu .menu ul.second > li > a,
	#mainMenu .menu ul.third > li > a,
	#mainMenu .menu ul.first > li > a{
		padding-right: 25px!important;
	}

	#mainMenu .menu ul.first li span.nextLevel{
		background-position:  -252px -206px;
		cursor:pointer;
		padding:5px;
		margin:-16px 0 0;
		position:absolute;
		right:0px;
		top:50%;
		width: 32px;
		height: 32px;
	}

	#mainMenu .mTools{
		text-align: left;
	}

	#mainMenu .menu ul ul.second .fourthMenuWrap .jspPane > a,
	#mainMenu .menu ul ul.second .thirdMenuWrap .jspPane > a,
	#mainMenu .menu ul ul.second .secondMenuWrap .jspPane > a,
	#mainMenu ul.first .menuWrap .jspPane > a,
	#mainMenu .menu ul ul.second .fourthMenuWrap > a,
	#mainMenu .menu ul ul.second .thirdMenuWrap > a,
	#mainMenu .menu ul ul.second .secondMenuWrap > a,
	#mainMenu ul.first .menuWrap > a{
		position:relative;
		padding-bottom: 14px;
	}

	#mainMenu .menu.mobile ul .arrow.prevLevel{
		background-position: -183px -147px;
		padding:5px;
		position:absolute;
		top:50%;
		margin:-15px 0 0;
		left:0;
		-webkit-transform: rotate(-180deg);
		   -moz-transform: rotate(-180deg);
		    -ms-transform: rotate(-180deg);
		     -o-transform: rotate(-180deg);
		        transform: rotate(-180deg);
		width: 21px;
		height: 29px;
	}

	#mainMenu .mTools .mSearch input.submit{
		background-position: -142px -135px;
		margin-top:-8px;
		width: 16px;
		height: 16px; 
	}

	#mainMenu .mTools .mSearch input.submit:hover{
		background-position:  -143px -164px;
	}

	.innerPage #mainMenu > .secondLevelbg{
		display:none;
	}

	.innerPage #mainContent {
		margin-left: 0%;
		width: 100%;
	}

	#mainMenu .menu.mobile ul .menuWrap ul.second ul ul li{
		width:100%;
	}

	#mainMenu .menu.mobile ul .menuWrap ul.second ul ul li{
		margin-top:0;
		margin-bottom: 0;
	}

	#mainMenu > .wrap{
		float:left;
		left:0;
		position:relative;
		top:0;
		width:100%;
		overflow:visible;
		height: auto;
		max-height: inherit;
	}

	#mainWrapper .headerWrap{
		background-color: #00b1eb;
		width:100%;
	}

	#mainMenu .menu.mobile ul ul.second li a,
	#mainMenu .menu.mobile ul.first > li > a{
		color:#e2e2e2;
	}

	#mainMenu .menu.mobile ul.first.more > li > a{
		color:#9d9d9f;
	}

	#mainMenu .menu.mobile ul ul.second li a:hover span,
	#mainMenu .menu.mobile ul ul.second li a:hover,
	#mainMenu .menu.mobile ul.first > li > a:hover{
		color:#fff;
	}

	#mainMenu .menu.mobile ul.first li span.nextLevel:hover{
		background-position:  -252px -251px;
	}

	#mainMenu .menu.mobile .mTools .mSearch input.text:focus{
		color:#6f6f6f;
	}

	#mainMenu .menu ul ul.second li.availabilityMenu{
		padding-right: 0;
	}

	#mainMenu .menu ul ul.second li.availabilityMenu ul {
		background-color: #4a4c4f;
		margin-top:17px;
		padding: 20px 10px 0;
	}

	#mainMenu .menu ul ul.second li.availabilityMenu li{
		border:none;
	}

	#mainMenu .menu ul ul.second li.availabilityMenu li a{
		color:#888b8c;
		font-size: 13px;
	}

	#mainMenu .menu ul ul.second li.availabilityMenu li a.active, 
	#mainMenu .menu ul ul.second li.availabilityMenu li a:hover {
		color: #fff;
	}

	.availabilityMenu a.active .icon1,
	.availabilityMenu a:hover .icon1{
		background-position: -224px -197px;
	}

	.availabilityMenu a.active .icon2,
	.availabilityMenu a:hover .icon2{
		background-position: -224px -220px;
	}

	.availabilityMenu a.active .icon3,
	.availabilityMenu a:hover .icon3{
		background-position:-224px -248px;
	}

	.availabilityMenu a.active .icon4,
	.availabilityMenu a:hover .icon4{
		background-position: -224px -275px;
	}

	.siteOver{
		display:block;
		left:0;
		opacity:0;
		position:absolute;
		top:0;
		overflow:hidden;
		z-index: 9991;
		width:0%;
		height:0%;
		-webkit-transition: opacity 150ms ease-out 0.1s;
		   -moz-transition: opacity 150ms ease-out 0.1s;
		    -ms-transition: opacity 150ms ease-out 0.1s;
		     -o-transition: opacity 150ms ease-out 0.1s;
		        transition: opacity 150ms ease-out 0.1s;
	}

	.openMenu .siteOver{
		opacity:1;
		width:100%;
		height:100%;
	}

	.siteOver .bg{
		background-color: #000;
		opacity:0.6;
		left:0;
		position:absolute;
		top:0;
		width:100%;
		height:100%;
	}

	.siteOver .moBMenuOpen{
		color:#fff;
		margin-top:45px;
		position:relative;
		text-align: center;
		z-index: 9;
	}

	.siteOver .moBMenuOpen span{
		display: inline-block;
		vertical-align: top;
	}

	.siteOver .moBMenuOpen span.text{
		margin-top:5px;
		width:100%;
	}

	.siteOver .moBMenuOpen .icon {
		background:url(http://www.wind.gr/themes/1/Default/wind_v2/Media/icons_H_F.png;wa6a9ad2240c58009a) no-repeat scroll -231px -63px;
		width: 24px;
		height: 27px;
	}

    /*	.touch #mainMenu .menu.mobile > .inner{
		overflow-y:scroll;
	   -webkit-overflow-scrolling: touch;
	   -webkit-transform: translateZ(0);
    }*/

    .touch #mainMenu .menu.mobile ul,
    .touch #mainMenu .menu.mobile .currentWrap > a{
    	display:inline-block;
    	vertical-align: top;
    	width:100%;
    }

  /*  #siteWrap.openMenu #mainWrapper.fixedMenu #mainMenu > .wrap{
		margin-top:-35px;
	}*/

    .touch #siteWrap.android #mainMenu .menu.mobile .currentWrap.active ::-webkit-scrollbar {width: 5px;}

	.touch #siteWrap.android #mainMenu .menu.mobile .currentWrap.active  ::-webkit-scrollbar-track { border-radius: 3px;}

	.touch #siteWrap.android #mainMenu .menu.mobile .currentWrap.active  ::-webkit-scrollbar-thumb { border-radius: 3px; background: rgba(0, 0, 0, .5); }

	.touch #siteWrap.android #mainMenu .menu.mobile .currentWrap.active  ::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, .5); }

	/*------------------------ button linkedin ---------------*/
 
 #footer .footerTools {  
     width: 180px;
     margin-left: 10%;
 }

 #footer .social li {
  margin-bottom: 5px;
 }

 #footer .footerTools .mTools, 
 #footer .footerTools ul {
     border-left:0;
 }
}

/*min tablet width*/
@media  (min-width: 991px) and (max-width: 1290px) {  

	#mainMenu{
		width:20%;
	}

	#mainMenu .menu.desktop ul .menuWrap,
	#mainMenu > .secondLevelbg{
		left:20%;
	}

	#mainMenu .menu.desktop ul .menuWrap{
		width:20%;
	}

	#mainContent{
		margin-left: 20%;
		width:80%;
	}

	#mainWrapper.openMenu #mainContent{
		margin-left: 40%;
	}

	#mainMenu .menuBox h3{
		font-size: 17px;
		line-height: 19px;
	}

	#mainMenu .menuBox p{
		font-size: 12px;
	}

	#mainMenu .menu ul ul.second{
		padding-left: 5px;
	}

	.innerPage #mainMenu .menu.desktop li .menuWrap.openInner{
		width:20%;
	}

	.innerPage #mainContent{
		margin-left: 40%;
		width:60%;
	}

	#mainMenu .menu ul ul.second li a{
		font-size: 14px;
		line-height: 15px;
	}

	#mainMenu .menu ul ul.second ul li a {
		font-size: 11px;
		line-height: 12px;
	}

	#mainMenu .menu ul.more.first li.lang,
	#mainMenu .menu li a,
	#mainMenu .mTools{
		padding-left: 15px;
	}

	#mainMenu .menu ul.more.first > li{
		font-size: 14px;
		line-height: 14px;
	}

	#mainMenu .menu ul.more.first li.lang ul li{
		font-size: 11px;
	}

	#mainMenu .menu li{
		font-size: 15px;
		line-height: 16px;
	}

	#mainMenu ul.first .menuWrap > a{
		display:block;
	}

	#mainMenu .menu.mobile ul .menuWrap{
		background-color:#3a3b3e;
		opacity:1;
	}

	#mainMenu .mTools ul.social li{
		margin:0 1px;
	}

	#mainMenu .mTools .mSearch{
		width:50%;
		height:21px;
	}

	#mainMenu .mTools .mSearch input.text{
		font-size: 11px;
		padding-top:3px;
		padding-bottom: 3px;
		padding-right: 25px;
	}

	#mainMenu .mTools .mSearch input.submit{
		right: 5px;
	}

	#mainMenu .menu.desktop .mTools .mSearch .inner:hover {
		width: 185%;
	}
	
	#siteWrap.leftMenuTemplate #mainMenu .scrollWrap .jspContainer,
	.homepage #mainMenu .scrollWrap .jspContainer{
		padding-right: 5px;
	}
	
	#mainMenu .menu ul ul.second{
		padding: 20px 10px;
	}
	
	#mainMenu .menu ul ul.second li a.button{
		font-size: 12px;
		line-height: 14px;
		padding:8px 26px;
	}

	#mainMenu .menu ul ul.second li a.button span{
		line-height: 14px;
	}

	#mainMenu .menuBox.noMenu p{
		font-size: 14px;
		line-height: 16px;
		margin:0 0 15px;
	}

	#mainMenu .menuBox.noMenu h3{
		font-size: 22px;
		line-height: 23px;
		margin:0 0 15px;
	}

	#footer .footerTools ul.moreSites{
		border-top: 1px solid #e5e5e5;
		border-left: 0;
		float:left;
		display:block;
		text-align: center;
		margin:10px 0 0 ;
		padding:10px 0 0 ;
		width:100%;
	}

	#footer .footerTools ul.moreSites li{
		display:inline-block;
	}

	#footer .footerTools{
		width:115px;
	}

	#mainMenu .menu li a span.icon{
		margin-right: 5px;
	}

	#mainMenu .menuBox.noMenu.myWindMenuBox{
		background-size: 175px auto;
		padding-bottom: 160px;
	}

	#mainMenu .menu ul ul.second > li > a,
	#mainMenu .menu ul ul.second > li.active > a {
		padding-top: 4px;
		padding-bottom: 5px;
	}

	#mainMenu .menu ul ul.second li li a {
		padding: 5px 10px 5px;
	}
	/*---------------------- footer social G+ -------------*/

	#footer .footerTools{
		width:147px;
	}

		/*------------------------ button linkedin ---------------*/
 
 #footer .footerTools {  
     width: 180px;
     margin-left: 10%;
 }

 #footer .social li {
  margin-bottom: 5px;
 }

 #footer .footerTools .mTools, 
 #footer .footerTools ul {
     border-left:0;
 	}

}

/**tablet**/
@media (min-width: 701px) and (max-width: 990px) {

	#mainMenu .menu.mobile ul ul.second li a.button{
		padding-top:6px;
		padding-bottom: 10px;
		font-size: 14px;
		font-family: 'OpenSansSemiBold';
	}

	#mainMenu .menu.mobile{
		padding:28px 10px 0 20px;
	}

	#mainMenu .menu.mobile .mTools{
		padding-right: 20px;
	}

	.headerTool a,
	.headerTool{
		font-family: 'OpenSansSemiBold';
		font-size: 14px;
	}

	#mainMenu ul.type li {
		font-size: 12px;
	}

	#mainMenu .headerWrap{
		padding-top: 15px;
	}

	#mainWrapper .headerWrap{
		padding-bottom: 20px;
	}

	#mainMenu .toolsblock.left{
		text-align: left;
	}

	#mainMenu .toolsblock{
		margin-top:0;
		margin-bottom: 6px;
		width:34%;
	}

	#mainMenu .toolsblock .headerTool{
		width:30%;
	}

	#mainMenu .toolsblock.right{
		text-align: right;
	}

	.moBMenuOpen .icon{
		background-position:  -182px -63px;
		width: 29px;
		height: 34px;
	}

	.headerTool .myWind .icon{
		background-position:  -180px -26px;
		width: 34px;
		height: 34px;
	}

	.headerTool .support .icon{
		background-position:  -177px -106px;
		width: 34px;
		height: 34px;
	}

	.headerTool .text{
		margin-top:5px;
	}

	.headerTool .langText{
		font-size: 27px;
		line-height: 34px;
	}

	.icon.business {
		background-position:-271px -320px;
		width: 21px;
		height: 11px;
	}

	#mainMenu ul.type li.business:hover .active .icon.business,
	a.active .icon.business {
		background-position: -209px -320px;
	}
	
	#mainMenu ul.type li.business:hover .icon.business {
		background-position:  -243px -320px;
	}

	.icon.personal {
		background-position:-189px -321px;
		width: 11px;
		height: 11px;
	}

	#mainMenu ul.type li.personal:hover .icon.personal {
		background-position:  -169px -321px;
	}

	#mainMenu ul.type li.personal:hover .active .icon.personal,
	a.active .icon.personal {
		background-position: -150px -321px;
	}

	#mainMenu ul.type li a{
		padding-top:4px;
	}

	#mainMenu ul.type{
		height:27px;
	}

	.homepage #footer{
		padding-top:45px;
	}

	#footer .column h2{
		font-size: 18px;
		margin-bottom: 8px;
	}

	#footer ul li{
		font-size: 11px;
	}

	#footer ul li{
		background-size: 5px 5px;
		padding-left: 12px;
	}

	#footer .column p{
		font-size: 10px;
		line-height: 17px;
	}	
	
	a.button{
		font-size: 14px;
		padding-top:8px;
		padding-bottom: 8px;
	}

	#mainMenu .menu ul.first li{
		font-family:"Beau Sans Pro Light", Verdana, sans-serif; 
		font-size: 20px;
		line-height: 22px;
	}

	#mainMenu .menu ul.first > li > a{
		display:block;
		padding-top:12px;
		padding-bottom: 12px;
		line-height: 23px;
	}

	#mainMenu .menu ul.first.more li{
		font-size: 18px;
		line-height: 22px;
	}
	
	#mainMenu .menu ul.more.first > li > a{
		padding-top: 12px;
		padding-bottom: 12px;
	}

	#mainMenu .menu ul ul.second .fourthMenuWrap > a,
	#mainMenu .menu ul ul.second .thirdMenuWrap > a,
	#mainMenu .menu ul ul.second .secondMenuWrap > a,
	#mainMenu ul.first .menuWrap > a{
		font-size: 17px;
	}

	#mainMenu .menu ul ul.second ul li a,
	#mainMenu .menu ul ul.second li a {
		font-size: 18px;
		line-height:20px;
	}

	#siteWrap.openMenu .moBMenuOpen .icon{
		background-position:  -229px -25px;
		width: 29px;
		height: 34px;
	}

	#mainMenu ul.type li.business,
	#mainMenu ul.type li.personal{
		width:48%;
	}

	.mobile.menu ul.more.first .menuWrap{
		margin-top:-362px;
	}

	.siteOver{
		padding:0 4%;
		width:100%;
	}

	.siteOver .moBMenuOpen{
		margin:55px auto 0;
		padding-right: 28%;
		width: 34%;
	}

	/*#siteWrap.openMenu #mainWrapper.fixedMenu #mainContent{
		padding-top:0;
	}*/

	#mainWrapper.fixedMenu .siteOver .moBMenuOpen{
		margin-top:28px;
	}

	#mainMenu .menu ul ul.second .fourthMenuWrap .jspPane > a, 
	#mainMenu .menu ul ul.second .thirdMenuWrap .jspPane > a, 
	#mainMenu .menu ul ul.second .secondMenuWrap .jspPane > a, 
	#mainMenu ul.first .menuWrap .jspPane > a, 
	#mainMenu .menu ul ul.second .fourthMenuWrap > a, 
	#mainMenu .menu ul ul.second .thirdMenuWrap > a, 
	#mainMenu .menu ul ul.second .secondMenuWrap > a, 
	#mainMenu ul.first .menuWrap > a {
		padding-bottom: 11px;
		padding-top: 12px;
		padding-left: 20px;
		padding-right: 20px;
	}

	#mainMenu .menu.mobile div.level1 ul.first > li:first-child {
		margin-top: 47px;
	}

	#mainWrapper{
		-webkit-transition: -webkit-transform 150ms ease-out 0s;
		   -moz-transition: -moz-transform 150ms ease-out 0s;
		    -ms-transition: -ms-transform 150ms ease-out 0s;
		     -o-transition: -o-transform 150ms ease-out 0s;
		        transition: transform 150ms ease-out 0s;
	}

	.openMenu #mainWrapper{
		-webkit-transition-delay: 0.1s;
    	transition-delay: 0.1s;
	}

	.touch #siteWrap.openMenu #mainWrapper{
		-webkit-backface-visibility: hidden;
	}

	.touch #siteWrap.openMenu #mainMenu .menu.mobile{
		-webkit-transform: translateZ(0);
		-webkit-backface-visibility: hidden;
	}

	#mainMenu .menu{
		left:-40%;
		width:40%;
	}

	#siteWrap.openMenu #mainWrapper {
		-webkit-transform: translateX(40%);
		-moz-transform: translateX(40%);
		-ms-transform: translateX(40%);
		-o-transform: translateX(40%);
		transform: translateX(40%);		
	}
}

/**mobile**/
@media (max-width: 700px) {

	#mainMenu .menu.mobile{
		padding-right:10px;
		padding-left: 15px;
	}

	.logo h1{
		font-size: 32px;
		line-height: 32px;
	}
	
	#mainMenu .menu{
		padding:15px;
	}

	.homepage #footer{
		padding-top:45px;
	}

	#footer{
		padding:90px 25px 20px;
	}

	#footer .column p{
		line-height: 13px;
	}

	#footer .column .text p{
		line-height: 20px;
	}

	#footer .column .text p.error-msg{
		line-height: 15px;
	}

	#footer .column{
		padding-left: 0;
		width: 100%;
	}

	#bottom_footer ul li a:hover{
		border:none;
	}

	#footer a {
		border-bottom: 0;
	}

	#footer .footerTools{
		margin-top:30px;
	}

	#footer .column h2 {
		margin-bottom: 0px;
		padding-top: 0;
	} 

	#footer .footerTools ul{
		display:inline-block;
	}

	#bottom_footer .left,
	#bottom_footer .right 	{
		width: 100%;
		float: left;
		text-align: left;
	}

	#bottom_footer ul {
		margin-bottom:12px; 
	}

	#bottom_footer ul li:first-child {
		clear: both;
	}

	.button.m_show{
		display:block;
	}
	
	.headerTool a,
	.headerTool{
		font-size: 10px;
	}

	#mainMenu .headerWrap{
		padding-top: 8px;
	}

	#mainWrapper .headerWrap{
		padding-bottom: 10px;
		height:64px;
	}

	.headerTool{
		width:41%;
	}

	.moBMenuOpen .icon{
		background-position: -141px -63px;
		width: 24px;
		height: 27px;
	}

	.headerTool .myWind .icon{
		background-position:-142px -29px;
		width: 27px;
		height: 27px;
	}

	.headerTool .support .icon{
		background-position:  -137px -96px;
		width: 28px;
		height: 27px;
	}

	.headerTool .text{
		margin-top:3px;
	}

	.headerTool .langText{
		font-size: 21px;
		line-height: 22px;
	}

	.icon.business {
		background-position:-125px -320px;
		width: 16px;
		height: 8px;
	}

	#mainMenu ul.type li.business:hover .icon.business {
		background-position:  -95px -320px;
	}

	#mainMenu ul.type li.business:hover .active .icon.business,
	a.active .icon.business {
		background-position:  -68px -320px;
	}
	
	.icon.personal {
		background-position:-43px -320px;
		width: 8px;
		height: 8px;
	}

	#mainMenu ul.type li.personal:hover .icon.personal{
		background-position: -28px -320px;
	}

	#mainMenu ul.type li.personal:hover .active .icon.personal,
	a.active .icon.personal {
		background-position:  -9px -320px;
	}

	#mainMenu ul.type li a{
		padding-top:9px;
	}

	#mainMenu ul.type{
		height:35px;
	}
	
	#footer ul li{
		margin-bottom: 2px;
	}
	
	#mainMenu .menu ul.first li{
		font-family:"Beau Sans Pro Light", Verdana, sans-serif; 
		font-size: 16px;
		line-height: 18px;
	}

	#mainMenu .menu ul.first > li > a{
		display:block;
		padding-top:10px;
		padding-bottom: 10px;
		line-height: 21px;
	}

	#mainMenu .menu ul.first.more li{
		font-size: 14px;
		line-height: 14px;
	}
	
	#mainMenu .menu ul.more.first > li > a{
		padding-top: 14px;
		padding-bottom: 14px;
	}

	#mainMenu .menu ul ul.second .fourthMenuWrap  .jspPane > a,
	#mainMenu .menu ul ul.second .thirdMenuWrap  .jspPane > a,
	#mainMenu .menu ul ul.second .secondMenuWrap .jspPane > a,
	#mainMenu ul.first .menuWrap .jspPane > a,
	#mainMenu .menu ul ul.second .fourthMenuWrap > a,
	#mainMenu .menu ul ul.second .thirdMenuWrap > a,
	#mainMenu .menu ul ul.second .secondMenuWrap > a,
	#mainMenu ul.first .menuWrap > a{
		font-size: 19px;
		line-height: 16px;
		padding-left: 20px!important;
		padding-right: 20px!important;
		padding-top:14px!important;
	}

	#mainMenu .menu{
		padding-right: 15px;
		padding-left: 15px;
	}

	#mainMenu .menu ul ul.second ul li a,
	#mainMenu .menu ul ul.second li a {
		font-size: 16px;
	}

	#mainMenu .menu ul ul.second .fourthMenuWrap  .jspPane > a span,
	#mainMenu .menu ul ul.second .thirdMenuWrap .jspPane > a span,
	#mainMenu .menu ul ul.second .secondMenuWrap .jspPane > a span,
	#mainMenu ul.first .menuWrap .jspPane > a span,
	#mainMenu .menu ul ul.second .thirdMenuWrap > a span,
	#mainMenu .menu ul ul.second .fourthMenuWrap > a span,
	#mainMenu .menu ul ul.second .secondMenuWrap > a span,
	#mainMenu ul.first .menuWrap > a span{
		line-height: 19px;
		font-size: 16px;
		margin-bottom: -4px;
	}		

	#mainMenu .menu.mobile span.icon.prevLevel,
	#mainMenu .menu.mobile span.icon.nextLevel{
		margin-bottom: 0;
	}

	#mainMenu .logo{
		max-width: 100px;
	}

	#mainWrapper.fixedMenu #mainContent{
		padding-top:65px;
	}

	#mainMenu .mTools ul.social li a.yt{
		background-position:  -142px -282px;
		width: 13px;
		height: 10px;
	}

	#mainMenu .mTools ul.social li a.twitter{
		background-position:-145px -262px;
		width: 13px;
		height: 10px;
	}

	#mainMenu .mTools ul.social li a.fb{
		background-position: -147px -240px;
		width: 7px;
		height: 13px;
	}

	#siteWrap.openMenu .moBMenuOpen .icon{
		background-position:  -231px -63px;
		width: 24px;
		height: 27px;
	}

	#mainMenu .menu ul.first li span.nextLevel{
		background-position:  -137px -187px;
		margin-top:-14px;
		width: 28px;
		height: 28px;
	}

	#mainMenu .menu.mobile ul.first li span.nextLevel:hover{
		background-position:-137px -211px;
	}

	#mainMenu .menu.mobile span.prevLevel,
	#mainMenu .menu ul ul.second .thirdMenuWrap > a .arrow, 
	#mainMenu .menu ul ul.second .fourthMenuWrap > a .arrow, 
	#mainMenu .menu ul ul.second .secondMenuWrap > a .arrow, 
	#mainMenu ul.first .menuWrap > a .arrow{
		background-position:  -183px -180px;
		margin-top:-12px;
		padding:5px;
		width: 18px;
		height: 24px;
		-webkit-transform: rotate(0deg);
		   -moz-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		     -o-transform: rotate(0deg);
		        transform: rotate(0deg);
	}	

	#mainMenu ul.type li.business,
	#mainMenu ul.type li.personal{
		width:48%;
	}

	.mobile.menu ul.more.first .menuWrap{
		margin-top:-347px;
	}

	#mainMenu .logo {
		text-align: center;
		max-width: inherit;
	}

	#mainMenu .logo h2,
	#mainMenu .logo h1{
		display:inline-block;
		max-width: 100px;
	}

	.siteOver {
		padding: 0 2%;
		width: 100%;
	}

	.siteOver .moBMenuOpen {
		margin: 50px auto 0;
		padding-right: 21%;
		width: 37%;
	}

	.siteOver .moBMenuOpen span.text {
		font-size: 10px;
		margin-top: 3px;
	}

	#mainMenu .menu.mobile ul ul.second li .menuBox a.button{
		font-family: 'OpenSansSemiBold';
		border-radius: 3px;
		font-size: 12px;
		padding:4px 15px 6px;
		line-height: 12px;
		height:23px;
	}

	#mainWrapper.fixedMenu .siteOver .moBMenuOpen{
		margin-top:15px;
	}

	#mainMenu .logo {
		margin: 0 1%;
	}

	#mainMenu .toolsblock{
		width:34%;
	}

	#siteWrap.openMenu #mainWrapper{
		-webkit-transform: translateX(85%);
		   -moz-transform: translateX(85%);
		    -ms-transform: translateX(85%);
		     -o-transform: translateX(85%);
		        transform: translateX(85%);
		/*margin-left: 85%;*/
	} 
}

@media (min-width: 991px) {
	.moBMenuOpen{
		display:none!important;
	}
}

@media (min-width: 1680px){
	#mainMenu .menuBox.noMenu.myWindMenuBox{
		background-size: 250px auto;
		padding-bottom: 240px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-resolution: 240dpi) {
	#footer .icon,
	#mainMenu .icon {
		background-image: url(http://www.wind.gr/themes/1/Default/wind_v2/Media/icons_H_F_x2.png;waf6696482d65a0af7);
	 }

	#mainMenu .menu li a .myWindImg{
		background-image: url(http://www.wind.gr/themes/1/Default/wind_v2/Media/myWINDx2.png;wa022e1689aefabd7f);
	}

	#footer .moreSites a.q {
		background-image: url(http://www.wind.gr/themes/1/Default/wind_v2/Media/qLogoSx2.png;wad433818fdd20b799);
	}
}