#Skills
{
	margin-bottom:90px;
}

#skillsContainer
{
	margin-top:-45px;
	background-image: url("../../images/sectionsBackground2.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color:#e6e6e6;
	padding-top:18px;
	-webkit-box-shadow: 0px 11px 24px -7px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 11px 24px -7px rgba(0,0,0,0.75);
	box-shadow: 0px 11px 24px -7px rgba(0,0,0,0.75);
	height:635px;
	
	border-radius: 0px 35px 35px 35px;
	-moz-border-radius: 0px 35px 35px 35px;
	-webkit-border-radius: 0px 35px 35px 35px;
}

@media only screen and (max-width: 991px) 
{
    #Skills
	{
		margin-bottom:130px;
	}
    #skillsContainer
    {
        margin-top:-25px;
    }
}


.SkillsTab
{
	border-bottom-color:#ff9800!important;
	
}
.SkillsTab .nav-item
{
	margin-left:0;
}

.skillRows
{
	margin-top:5px;
}

.bar
{
	width:105%;
	height:12px;
	background-color:transparent;
	border-radius: 35px 35px 35px 35px;
	-moz-border-radius: 35px 35px 35px 35px;
	-webkit-border-radius: 35px 35px 35px 35px;
	border: 2px solid #ff9800;
	z-index:1;
}

.inbar
{
	width:0%;
	height:8px;
	background-color:#ff9800;
	border-radius: 25px 35px 35px 25px;
	-moz-border-radius: 25px 35px 35px 25px;
	-webkit-border-radius: 25px 35px 35px 25px;
	border: 0px solid #ff9800;
	z-index:-1;
}

.GeneralSkills
{
	margin-bottom:25px;
}

.GeneralSklsEpikefalida
{
	font-size:22px;
	font-weight:bold;
	cursor:default;
}

#generalSklsPeriexomeno
{
	height:90px;
	padding-right:25px;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
}
#genSklsRowMobileScr
{
	display:none;
}

.skillLink
{
	margin-right:-6px;
	font-size:22px;
	font-weight:bold;
	color:#a6a6a6!important;
	border: 1px solid;
	border-bottom:0px;
	border-left-color:#a6a6a6!important;
	border-right-color:#a6a6a6!important;
	border-top-color:#a6a6a6!important;
}
#skLink2
{
	border-left-color:#ff9800!important;
}
.nav-item .skillLink:hover
{
	color:#e6e6e6!important;
}


.skillLink:hover
{
	
	border-top-color: #e6e6e6!important;
	border-bottom-color: #ff9800!important;
    border-right-color: #e6e6e6!important;
    border-left-color: #e6e6e6!important;
}
.nav-link.active
{
	color:e6e6e6!important;
	text-shadow: 2px 1px 3px #ff9800;
	background-color:transparent!important;
	
	
	border-top-color: #ff9800!important;
	border-bottom-color:black!important;
    border-right-color: #ff9800!important;
    border-left-color: #ff9800!important;
}
.nav-link.active:hover
{
	color:#e6e6e6!important;
}



	
.tab-pane
{/* το border του περιεχομένου των tabs*/
	border: 1px solid;
	border-top:0px;
	border-left-color:#ff9800;
	border-right-color:#ff9800;
	border-bottom-color:#ff9800;
	
}

#skillTab1
{
	padding-top:7px;
	height:385px;
	padding-right:25px;
	border-radius: 0px 0px 30px 30px;
	-moz-border-radius: 0px 0px 30px 30px;
	-webkit-border-radius: 0px 0px 30px 30px;
}
.ProgrWebSklsRowMobileScr
{
	display:none;
}
#defteroMerosProgramingMob
{
	display:none;
}
#skillTab2
{
	padding-top:10px;
	height:385px;
	padding-right:25px;
	border-radius: 0px 0px 30px 30px;
	-moz-border-radius: 0px 0px 30px 30px;
	-webkit-border-radius: 0px 0px 30px 30px;
}
.subTitleSkillHeadline
{
	margin-bottom:2px;
}
.h6subTitSk
{
	font-size:19px;
	color:e6e6e6;
	text-shadow: 2px 1px 3px #ff9800;
}

#diaxorismosSkills
{
	margin-top:25px;
	border-top: 1px dashed #ff9800;
	width:80%;
}
.diaxorismosSkilkatheto
{
	margin-top:50px;
	border-top: 1px dashed #ff9800;
	transform: rotate(-90deg);
	height:110px;
	width:250%;
}
#aristerohr
{
	margin-top:90px;
	height:30px;
}
#aristerohr2
{
	width:555%;
	margin-top:95px;
	height:210px;
}
#deksihr2
{
	width:555%;
	margin-top:45px;
	height:310px;
}

.col_padding
{
	margin-left:45px;
	margin-right:45px;
}

@media only screen and (max-width: 1199px) 
{
	#skillsContainer
	{
		font-size:15px;
	}
	.bar
	{
		width:110%;
	}
	
	
	#aristerohr
	{
		width:341%;
		margin-top:85px;
		height:45px;
	}
	#deksihr
	{
		width:346%;
		margin-top:47px;
		height:120px;
		
	}
	#aristerohr2
	{
		width:735%;
		margin-top:90px;
		height:220px;
	}
	#deksihr2
	{
		width:735%;
		margin-top:50px;
		height:300px;
	}
	
	.col_padding
	{
		margin-left:45px;
		margin-right:31px;
	}
}

@media only screen and (max-width: 991px)
{
	#skillsContainer
	{
		height:1120px;
	}
	.GeneralSkills
	{
		margin-bottom:50px;
	}
	.GeneralSklsEpikefalida
	{
		font-size:20px;
	}

	#generalSklsPeriexomeno
	{
		height:290px;
		padding-right:15px;
		margin-top:-5px;
	}
	.genSklsRowBigScreens
	{
		display:none;
	}
	#genSklsRowMobileScr
	{
		display:block;
	}
	#genSklsRowMobileScr .skillRows:first-child
	{
		padding-top:4px;
	}
	.skillLink
	{
		font-size:19.9px;
		
	}
	#skillTab1
	{
		padding-top:7px;
		height:650px;
		padding-right:15px;
	}
	.ProgrWebSklsRowBigScr
	{
		display:none;
	}
	.ProgrWebSklsRowMobileScr
	{
		display:block;
	}
	
	#defteroMerosPrograming
	{
		font-size:13.5px;
		margin-right:-40px;
		
	}
	.Persent
	{
		margin-right:0;
		padding-right:0;
	}
	
	#skillTab2
	{
		padding-top:10px;
		height:650px;
		padding-right:15px;
	}
	.categCol
	{
		margin-bottom:35px;
	}
	.bar
	{
		width:100%;
	}
	.col_padding
	{
		margin-left:0;
		margin-right:0;
	}
	.bar2ndMerosPrograming
	{
		min-width:124%;
	}
	
	#aristerohr
	{
		display:none;
	}
	#deksihr
	{
		display:none;
		
	}
	#aristerohr2
	{
		display:none;
	}
	#deksihr2
	{
		display:none;
	}
	
}

@media only screen and (max-width: 980px)   /*-----------------edwwwwww------------------------*/
{	
    .inbar
    {
        height:10px;
        margin-top:-1px;
        margin-left:-0.5px;
    }
}

@media only screen and (max-width: 767px) 
{
	#skillsContainer
	{
		height:1540px;
	}
	
	.skillLink
	{
		border-bottom-color:#ff9800!important;
		border-left-color:#a6a6a6!important;
		border-right-color:#a6a6a6!important;
		border-top-color:#a6a6a6!important;
	}

	.skillLink:hover
	{
		
		border-top-color: #e6e6e6!important;
		border-bottom-color: #ff9800!important;
		border-right-color: #e6e6e6!important;
		border-left-color: #e6e6e6!important;
	}
	.skillLink.active
	{
		
		border-top-color: #ff9800!important;
		border-bottom-color:transparent!important;
		border-right-color: #ff9800!important;
		border-left-color: #ff9800!important;
	}
	.skillLink.active:hover
	{
		color:#e6e6e6!important;
		border-top-color: #ff9800!important;
		border-bottom-color:transparent!important;
		border-right-color: #ff9800!important;
		border-left-color: #ff9800!important;
	}
	#skillsTab2
	{
		border-bottom:0px!important;
	}
	
	#skillLinkNavItemProgWeb
	{
		width:52%;
	}
	#skillLinkNavItemTech
	{
		width:45.8%;
	}
	#skLink2
	{
		padding-left:15%;
	}
	#skillTab1
	{
		height:1070px;
	}
	#defteroMerosPrograming
	{
		display:none;
	}
	
	#defteroMerosProgramingMob
	{
		display:block;
	}
}
@media only screen and (max-width: 712px)   /*---------------------------------------*/
{
    #skillLinkNavItemTech
	{
		width:45.9%;
	}

}




@media only screen and (max-width: 551px) 
{
	
	#skillLinkNavItemProgWeb
	{
		width:54%;
	}
	#skillLinkNavItemTech
	{
		width:43.85%; /*-- 43.5%;--*/
	}
	.skillLink
	{
		font-size:18.3px;
	}
	.h6subTitSk
	{
		font-size:17px;
	}
	#diaxorismosSkills
	{
		opacity:1;
		margin-bottom:25px;
	}
}
@media only screen and (max-width: 535px) 
{
	
	#skillLinkNavItemProgWeb
	{
		width:54%;
	}
	#skillLinkNavItemTech
	{
		width:43.75%;
	}
}

@media only screen and (max-width: 513px) 
{
    #skillLinkNavItemTech
	{
		width:43.65%;
	}
}
@media only screen and (max-width: 498px) /*--- New mozila desktop responsive ---*/
{
    #skillLinkNavItemProgWeb
	{
		width:57%;
	}
	#skillLinkNavItemTech
	{
		width:40.5%;     /*-- 40.25%; --*/
	}
		
	#skLink2
	{
		padding-left:12%;
	}
	.skillLink
	{
		font-size:16px;
		
	}
	.h6subTitSk
	{
		font-size:15.5px;
	}
	#skillTab1
	{
		padding-top:12px;
	}
	#skillTab2
	{
		padding-top:12px;
	}

}
@media only screen and (max-width: 481px) 
{
	#skillLinkNavItemProgWeb
	{
		width:57%;
	}
	#skillLinkNavItemTech
	{
		width:40.5%; /*-- 40.25%; --*/
	}
	#skLink2
	{
		padding-left:12%;
	}	
	
	.skillLink
	{
		font-size:16px;
		
	}
	.h6subTitSk
	{
		font-size:15.5px;
	}
	#skillTab1
	{
		padding-top:12px;
	}
	#skillTab2
	{
		padding-top:12px;
	}
    
}
@media only screen and (max-width: 467px)   /*---------------win------------------*/
{
    #skillLinkNavItemTech
	{
		width:40.35%; 
	}
}
@media only screen and (max-width: 414px)   /*-----------------edwwwwww------------------------*/
{	
    .inbar
    {
        height:10px;
        margin-top:-1px;
        margin-left:-0.5px;
    }

    #skillLinkNavItemTech   
	{
		width:40.2%;
	}

    .GeneralSklsEpikefalida             /*-- sintheto ----*/
	{
		font-size:16.5px;
	}
    
    .skillLink
	{
		font-size:14.5px;             
	}

}


@media only screen and (max-width: 411px) 
{	
	#skillsContainer
	{
		font-size:13.2px;
		height:1405px;
	}
	.GeneralSkills
	{
		margin-bottom:20px;
	}
	.GeneralSklsEpikefalida
	{
		font-size:15px;
	}
	#generalSklsPeriexomeno
	{
		height:270px;
	}
	#skillTab1
	{
		height:999px;
	}
	#skillLinkNavItemProgWeb
	{
		width:56%;
	}
	#skillTab2
	{
		
		height:593px;
		
	}
	#skillLinkNavItemTech   /*-----------------edwwwwww------------------------*/
	{
		width:40.9%;
	}
	
	.skillLink
	{
		font-size:14px;
		
	}
	.h6subTitSk
	{
		font-size:13.5px;
	}
}
@media only screen and (max-width: 408px) /*-----------------gia firefox------------------------*/
{
    


    #skillLinkNavItemTech   
	{
		width:41.1%;
	}



}
@media only screen and (max-width: 396px) /*-----------------gia firefox------------------------*/
{

    #skillLinkNavItemTech   
	{
		width:41%;
	}
}
@media only screen and (max-width: 393px) /*-----------------iphones------------------------*/
{

    #skillLinkNavItemTech   
	{
		width:41.2%;
	}
}
@media only screen and (max-width: 390px) /*-----------------iphones------------------------*/
{

    #skillLinkNavItemTech   
	{
		width:40.95%;
	}
}
@media only screen and (max-width: 384px) /*-----------------gia firefox------------------------*/
{

    #skillLinkNavItemTech   
	{
		width:40.9%;
	}
}
@media only screen and (max-width: 378px) /*-----------------gia firefox------------------------*/
{

    #skillLinkNavItemTech   
	{
		width:40.7%;
	}
}
@media only screen and (max-width: 378px) and (max-height: 707px) /*-----------------gia firefox- A52s-----------------------*/
{
    #skillsContainer			
	{
		height:1470px;
	}
    #generalSklsPeriexomeno		
	{
		height:285px;
	}
    .skillLink					
	{
		font-size:13px;             
	}
    #skillLinkNavItemTech   	
	{
		width:40.8%;
	}

    #skillTab1					
	{
		height:1050px;
	}
    #skillTab2					
	{
		height:620px;
	}

}
@media only screen and (max-width: 378px) and (max-height: 702px) /*---------------------------------------------*/
{
    #skillsContainer			
	{
		height:1405px;
	}
    #generalSklsPeriexomeno		
	{
		height:270px;
	}
    .skillLink					
	{
		font-size:14px;             
	}
    #skillLinkNavItemTech   	
	{
		width:40.7%;
	}

    #skillTab1					
	{
		height:999px;
	}
    #skillTab2					
	{
		height:593px;
	}

}
@media only screen and (max-width: 375px) /*-----------------iphones------------------------*/
{

    #skillLinkNavItemTech   
	{
		width:40.8%;
	}
}

@media only screen and (max-width: 374px) 
{
	#skillsContainer
	{
		font-size:11.5px;
		height:1310px;
	}
	.GeneralSklsEpikefalida
	{
		font-size:12.5px;
	}
	#generalSklsPeriexomeno
	{
		height:250px;
	}
		#genSklsRowMobileScr .skillRows:first-child
		{
			padding-top:6px;
		}
	#skillTab1
	{
		height:930px;
	}
	#skillLinkNavItemProgWeb
	{
		width:56%;
	}
	#skillLinkNavItemTech
	{
		width:40.7%;
	}
	#skillTab2
	{
		height:553px;	
	}
	.skillLink
	{
		font-size:11.2px;
		
	}
	#skLink2
	{
		padding-left:18%;
	}	
	.h6subTitSk
	{
		font-size:12px;
	}
}
@media only screen and (max-width: 338px) 
{
	#skillLinkNavItemTech
	{
		width:40.2%;
	}
}
@media only screen and (max-width: 320px) 
{
    #skillTab1
	{
		height:940px;
	}
    .skillLink
	{
		font-size:10.8px;
		
	}
}
@media only screen and (max-width: 315px) 
{
	#skillsContainer
	{
		font-size:9px;
		height:1180px;
	}
	.GeneralSklsEpikefalida
	{
		font-size:10.5px;
	}
	#generalSklsPeriexomeno
	{
		height:226px;
	}
	#skillTab1
	{
		height:830px;
	}
	#skillLinkNavItemProgWeb
	{
		width:56%;
	}
	#skLink2
	{
		padding-left:15%;
	}	
	#skillLinkNavItemTech
	{
		width:39.5%;
	}
	#skillTab2
	{
		height:495px;	
	}
	.skillLink
	{
		font-size:9.2px;
	}
	.h6subTitSk
	{
		font-size:9px;
	}
}