
.menuMainContent {
	float: left;
}
.menuMainContent li {
	float: left;
}
.menuMainContent li.subMenu {
	position: relative;
}
.menuMainContent li.subMenu:last-child {
	background: none;
}

.menuMainContent a.first {
	color: #fff;
	float: left;
	font-family: dosisLight;
	font-size: 18px;
	text-transform: capitalize;
	padding: 39px 13px 25px;
	position: relative;
	-webkit-transition: 0.3s; /*Chrome 4.0 ve önceki tarayıcılar  + Safari 3.1 ve önceki tarayıcılar  */
	-moz-transition: 0.3s; /* Mozilla 4.0 ve önceki tarayıcılar */
	-ms-transition: 0.3s; /* Internet Explorer. */
	-o-transition: 0.3s; /* Opera 10.5 ve öncesi için */
	transition: 0.3s; /* Yeni tarayıcıların desteklediği */
}
/*.menuMainContent a.first span {
	bottom: 10px;
    color: #fff;
    font-family: gnthin;
    font-size: 14px;
    font-weight: 300;
    left: 13px;
    position: absolute;
}*/
.menuMainContent a.first:hover {
	background: #be1522 none repeat scroll 0 0;
	color: #000;
}
/*.menuMainContent a.selected {
	background: #ffc600 none repeat scroll 0 0;
	color: #000;
}*/
.menuMainContent li.active a.first {
	background: #be1522 none repeat scroll 0 0;
	color: #fff;
}
.subMenuContent a.second.selected {
	background: #fff none repeat scroll 0 0;
}
.subMenuContent {
	background: #be1522 none repeat scroll 0 0;
	padding: 0 7px;
	position: absolute;
	top: 86px;
	width: 255px;
}
.subMenuContent li {
	width: 100%;
}
.subMenuContent a.second {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    display: block;
	font-family: dosisRegular;
	font-size: 16px;
	padding: 7px 6px;
	text-transform: capitalize;
    text-indent: 3px;
	-webkit-transition: 0.3s; /*Chrome 4.0 ve önceki tarayıcılar  + Safari 3.1 ve önceki tarayıcılar  */
	-moz-transition: 0.3s; /* Mozilla 4.0 ve önceki tarayıcılar */
	-ms-transition: 0.3s; /* Internet Explorer. */
	-o-transition: 0.3s; /* Opera 10.5 ve öncesi için */
	transition: 0.3s; /* Yeni tarayıcıların desteklediği */
}
.subMenuContent a.second:hover {
	color: #000;
}
.subMenuContent a.second .icon {
	margin-right: 4px;
}


@media only screen and (min-width: 991px) and (max-width: 1200px) {
	.menuMainContent a.first span {
    	display: none;
	}	
	.menuMainContent a.first {
		font-size: 18px;
		padding: 15px 7px;
	}
	.subMenuContent {
    	top: 54px;
	}

}


@media screen and (max-width:991px) {
	.menuMainContent {
		display: none;
	}

}

@media only screen and (min-width : 1824px) {
	.subMenuContent a.second {
		font-size: 18px;
		padding: 9px 6px;
	}
	.menuMainContent a.first {
		font-size: 22px;
		padding: 45px 17px 25px;
	}
	.subMenuContent {
		top: 97px;
		width: 270px;
	}
}


