body {font-family:'Open Sans'}

.menu_resp { overflow: hidden; position:absolute; z-index:1000; font-size:12px !important; width:30%; margin:20px 35%;}
.menu_resp ul li { float: left}
.menu_resp ul li a {display: block; padding: 20px; color: #ddd;}
.menu_resp ul li a:hover {background-color: rgba(0,0,0,0.2)}
.menu_ac {background-color: rgba(0,0,0,0.8); padding: 20px; color: #bbb; cursor: pointer; display: none; background-image:url(_images/icon_responsive_menu.png); background-position: center right 10px; background-repeat:no-repeat; display: block; border-radius:3px; }

.menu_baslat a {border-top:none !important}
.menu_bitir {border-bottom-left-radius:3px;border-bottom-right-radius:3px; border-bottom:none !important}
.menu_bitir a:hover {border-bottom-left-radius:3px;border-bottom-right-radius:3px;}

.menu_resp ul { display: none; width:98%; margin:0 1%; }
.menu_resp ul li { float: none; background-color: rgba(30,30,30,0.9); }
.menu_resp ul li a { border-right: none; border-top: 1px solid #444 }


.bgcolor_mavi{
	background: -webkit-gradient(linear, top left, bottom left, from(#2eafea), to(#a3daff));
	background: -webkit-linear-gradient(#2eafea, #a3daff);
	background: linear-gradient(#2eafea,#a3daff);
}
.bgcolor_mor{
	background: -webkit-gradient(linear, top left, bottom left, from(#9201e6), to(#8da9f8));
	background: -webkit-linear-gradient(#9201e6, #8da9f8);
	background: linear-gradient(#9201e6,#8da9f8);
}
.bgcolor_turk{
	background: -webkit-gradient(linear, top left, bottom left, from(#35a1ab), to(#a4fcc3));
	background: -webkit-linear-gradient(#35a1ab, #a4fcc3);
	background: linear-gradient(#35a1ab,#a4fcc3);
}
.bgcolor_yesil{
	background: -webkit-gradient(linear, top left, bottom left, from(#59a60e), to(#abf88c));
	background: -webkit-linear-gradient(#59a60e, #abf88c);
	background: linear-gradient(#59a60e,#abf88c);
}
.bgcolor_turuncu{
	background: -webkit-gradient(linear, top left, bottom left, from(#ff7200), to(#f8f58b));
	background: -webkit-linear-gradient(#ff7200, #f8f58b);
	background: linear-gradient(#ff7200,#f8f58b);
}

@media (max-width: 768px) {
	.menu_resp {width:80%; margin:20px 10%;}
	.menu_resp ul li a {padding: 10px;}
	.menu_ac {padding: 10px; background-position: center right 5px;}
}