#infoMAll
{
	display:none;	
}

	@media only screen and (max-width: 1839px) 
	{
		.info /*-- κρύβετε το αριστερό info για να εμφανιστεί το info κάτω απο το banner
					Το έβαλα σε αυτό το αρχείο γιατί είναι κοινό για όλες τις συσκευευές και browsers.--*/
		{
			display:none;
		}
		#infoMAll
		{
			display:block;
		}
	}
#socials
{
	color:e6e6e6;
	font-size:28px;
	margin-top:-21px;
	
}
	
#infoM
{
	height:75px;
	margin-top:-23.5px;
	padding-top:25px;
	text-align:center;
	background-color:#1a1a1a;
	color:#e6e6e6;
	margin-bottom:40px;
	padding-left:12%;
	padding-right:10%;
	font-size:17px;
}
#infoM a
{
    color:#e6e6e6!important;
}
.keli i
{
	color:#ff9800;
}
@media only screen and (max-width: 991px) 
{
	#infoM
	{
		background-color:#ff9800;
		color:black;
	}
    #infoM a
	{
		color:black!important;
	}
	.keli i
	{
		color:black;
	}
}
.myTab
{
	margin-left:2%;
}
.btn2
{
	width:140px;
	color:#e6e6e6;
	background-color:#1a1a1a;
	margin-top:-6px;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border: 2px solid black;
	
	
}
.btn2:hover
{
	color:#ff9800;
	-webkit-box-shadow: -1px 0px 10px 2px rgba(0,0,0,1);
	-moz-box-shadow: -1px 0px 10px 2px rgba(0,0,0,1);
	box-shadow: -1px 0px 10px 2px rgba(0,0,0,1);
}
#btn2Big
{
	margin-right:30px;
}
	@media only screen and (max-width: 1280px) 
	{
		#btn2Big
		{
			margin-right:25px;
		}
	}
	@media only screen and (max-width: 1098px) 
	{
		#btn2Big
		{
			margin-right:20px;
		}
	}
	@media only screen and (max-width: 1045px) 
	{
		#btn2Big
		{
			margin-right:5px;
		}
	}

.mytooltip2
{
	z-index:1;
	display:inline-block;
	visibility:hidden;
	position:absolute;
	top:-24px;
	right:32%;	/*-- Language --*/
	background-color:black;
	color:#ff9800;
	font-size:12px;
	font-weight:bold;
	padding:4px;
	
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: 0px solid #000000;
}

#mtoltp2-small1
{
	/*-- email --*/
	left:35%;
	right:auto;
}
#mtoltp2-small2
{
	/*-- phone --*/
	right:45%;
}

#bdagTooltip2
{
	left:25%;
	right:auto;
}

@media only screen and (max-width: 1560px) 
{
	.mytooltip2
	{
		right:30%;
	}
	#mtoltp2-small1
	{
		/*-- email --*/
		left:33%;
	}
	#mtoltp2-small2
	{
		/*-- phone --*/
		right:42%;
	}

	#bdagTooltip2
	{
		left:22%;
	}
	
}
@media only screen and (max-width: 1280px) 
{
	.mytooltip2
	{
		right:26%;
	}
	#mtoltp2-small1
	{
		/*-- email --*/
		left:30%;
	}
	#bdagTooltip2
	{
		left:18%;
	}
	
}
@media only screen and (max-width: 1080px) 
{
	.mytooltip2
	{
		right:21%;
	}
	#mtoltp2-small1
	{
		/*-- email --*/
		left:26%;
	}
	#mtoltp2-small2
	{
		/*-- phone --*/
		right:40%;
	}
	#bdagTooltip2
	{
		left:12%;
	}
	
}
@media only screen and (max-width: 1044px) 
{
	.mytooltip2
	{
		right:25%;
	}
	#mtoltp2-small1
	{
		/*-- email --*/
		left:31%;
	}
	
	#bdagTooltip2
	{
		left:20%;
	}
	
}
@media only screen and (max-width: 930px) 
{
	.mytooltip2
	{
		right:22%;
	}
	#mtoltp2-small1
	{
		/*-- email --*/
		left:28%;
	}
	#mtoltp2-small2
	{
		/*-- phone --*/
		right:38%;
	}
	#bdagTooltip2
	{
		left:15%;
	}
	
}
@media only screen and (max-width: 768px) 
{
	.mytooltip2
	{
		right:18%;
	}
	#mtoltp2-small1
	{
		/*-- email --*/
		left:24%;
	}
	#mtoltp2-small2
	{
		/*-- phone --*/
		right:35%;
	}
	#bdagTooltip2
	{
		left:8%;
	}
	
}

.keli:hover .mytooltip2
{
	visibility:visible;
}



.smallRow
{
	display:none;
	
}
	#info2TableSmall
	{
		width:100%;
		font-size:16px;
	}
@media only screen and (max-width: 1045px) 
{
	#infoM
	{
		padding-left:3%;
		padding-right:3%;
		font-size:15px;
	}
}
@media only screen and (max-width: 991px) 
{
	#infoM
	{
		height:110px;
		font-size:16px;
	}
}	
@media only screen and (max-width: 762px) and (max-height: 412px) /*-- A52s Rotated (762) Firefox ----*/
{
    #infoM
	{
        margin-top:-25px;
    }
    
    
}
@media only screen and (max-width: 636px) 
{
	
	#infoM
	{
		height:100px;
		padding-left:0;
		padding-right:0;
		font-size:17px;
	}
	#socials
	{
		font-size:32px;
		margin-top:-26px;
		
	}
	.big
	{
		display:none;
	}
	.smallRow
	{
		display:block;
		
		width:100%;
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
		
	}
	.smallCol
	{
		
		text-align:left;
	}
	#aristera
	{
		float:left;
		margin-left:2%;
	}
	#deksia
	{
		float:right;
		margin-right:32%;
	}
	#koumpi
	{
		float:right;
		margin-right:2%;
		margin-top:-42px;
	}
	.btn2
	{
		width:100%;
		height:45px;
	}
}
@media only screen and (max-width: 475px) 
{
	#infoM
	{
		height:95px;
		font-size:14.5px;
	}
	#socials
	{
		font-size:31px;
		margin-top:-23px;
	}
	#koumpi
	{
		margin-top:-37px;
	}
	.btn2
	{
		height:40px;
	}
}
@media only screen and (max-width: 420px) 
{
	#infoM
	{
		height:90px;
		font-size:13px;
	}
	#socials
	{
		font-size:30px;
		margin-top:-22px;
	}
	#koumpi
	{
		margin-top:-32px;
	}
	.btn2
	{
		height:36px;
	}
}
@media only screen and (max-width: 414px)  /* A52 Firefox-------------------------------------------------------------------------*/
{
    #infoM
	{
        margin-top:-26px;
    }
    #socials
	{
		margin-top:-31px;
	}
}
@media only screen and (max-width: 378px) and (max-height:767px) /*-- all --*/
{
    #infoM
	{
		font-size:12px;
        margin-top:-28px;
	}
}

@media only screen and (max-width: 377px) 
{
    #infoM
	{
		font-size:13px;
        margin-top:-23.5px;
	}
}

@media only screen and (max-width: 360px) 
{
	#infoM
	{
		height:87px;
		font-size:12.5px;
	}
	#socials
	{
		font-size:29px;
		margin-top:-21px;
	}
	#koumpi
	{
		margin-top:-30px;
	}
	.btn2
	{
		height:35px;
	}
}
@media only screen and (max-width: 345px) 
{
	#infoM
	{
		margin-top:-17px;
		height:80px;
		font-size:10px;
	}
	#socials
	{
		font-size:22px;
		margin-top:-17px;
	}
	#koumpi
	{
		margin-top:-22px;
	}
	.btn2
	{
		height:28px;
	}
}