/* ------------------------------------------------------------
	Kolon Geni�likleri
------------------------------------------------------------ */
#seviye1 li {width:100% !important;}
ul.col1 li { width:100%; }
ul.col2 li { width: 49.5%; }
ul.col3 li  { width:32.6%; }
ul.col4 li { width:24.25%}
ul.col5 li { width:20%; }

ul.col1 li:nth-child(n+1),
ul.col2 li:nth-child(2n+2),
ul.col3 li:nth-child(3n+3),
ul.col4 li:nth-child(4n+4),
ul.col5 li:nth-child(5n+5) 
{margin-right: 0!important;}

[class*=col]>li {
	margin-left: 0!important;
}

[id*=seviye] {
	list-style: none;
	margin:0;
	padding:0;
	float:left;
	width:100%
}

[id*=seviye] li {
	float: left;
    margin: 0 1% 1%;
	
}
[id*=seviye] li a {
	transition: all 500ms ease; 
	margin-bottom:5px!important;
	padding: 18px 0 10px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color:black;
	line-height:16px;
	height:80px
	}
[id*=seviye] li a:hover {text-decoration:none; color:white}
[id*=seviye] li a span {margin:0; font-size:12px }

/* --------	 Level 1--------- */
#seviye1 {width: 100%;}
#seviye1 li {float: left;}
#seviye1 li a {background:#DFF5F9;padding: 25px 0 10px;}
#seviye1 li a:hover {background-color: #1C1C1C;}
#seviye1 li a:link:after,#seviye1 li a:visited:after {color: #7c7c7c;}
/* --------	 Level 2--------- */
#seviye2 li a,#seviye6 li a {background-color: #F9EEDF}
#seviye2 li a:hover,#seviye6 li a:hover {background-color: #1C1C1C;}
#seviye2 li a:link:after,#seviye2 li a:visited:after,#seviye6 li a:link:after,
#seviye6 li a:visited:after {color: #7c7c7c;}
/* --------	 Level 3--------- */

#seviye3 li a,#seviye7 li a {background-color: #F7F9DF}
#seviye3 li a:hover,#seviye7 li a:hover {background-color: #1C1C1C}
#seviye3 li a:link:after,#seviye3 li a:visited:after,#seviye7 li a:link:after,
#seviye7 li a:visited:after {color: #ccae14;}
/* --------	 Level 4--------- */
#seviye4 li a,#seviye8 li a {background-color: #DFF9F0}
#seviye4 li a:hover,#seviye8 li a:hover {background-color: #1C1C1C}
#seviye4 li a:link:after,#seviye4 li a:visited:after,#seviye8 li a:link:after,
#seviye8 li a:visited:after {color: #7c7c7c;}
/* --------	 Level 5--------- */
#seviye5 li a,#seviye9 li a {background-color: #E8F9DF}
#seviye5 li a:hover,#seviye9 li a:hover {background-color: #1C1C1C}
#seviye5 li a:link:after,#seviye5 li a:visited:after,#seviye9 li a:link:after,
#seviye9 li a:visited:after {color: #7c7c7c;}

/**
	GLOBALs
**/

/* Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) {
	
}

@media (max-width: 991px) {
		
}

@media (max-width: 767px) {

	
	[id*=seviye] li a {
		height:unset!important;
		padding: 10px 0!important;
	}
}


@media (min-width: 320px) and (max-width: 399px) {
	[id*=seviye] li {
		width:100%!important;
		margin-right:0!important
	}
	
	#seviye1 li a {
		    padding: 18px 0 10px!important;
	}
	
	ul.col2 li:nth-child(2n+2),
	ul.col3 li:nth-child(2n+2),
	ul.col4 li:nth-child(2n+2),
	ul.col5 li:nth-child(2n+2) 
	{ margin-right:0!important }
}

@media (min-width: 320px) and (max-width: 352px) {
    
}

@media (min-width: 400px) and (max-width: 575px) {
	
	ul.col4 li {
		width: 48.6%!important;
		margin-right: 0!important;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	ul.col4 li {
		width: 49.4%!important;
		margin-right: 0!important;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    	ul.col4 li {
		width: 32.8%!important;
		margin-right: 0!important;
	}

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px)  and (max-width: 1199px) {
	ul.col4 li {
		width: 24.524%!important;
		margin-right: 0!important;
	}
}

@media (min-width: 1200px) and (max-width: 1500px) {

}