@media (min-width: 1024px) {#loader {	height: 100%;	width: 100%;	position: absolute;	z-index: 999;	left: 0px;	top: 0px;	right: 0px;	bottom: 0px;	background-image: url(../images/seffaf.png);	background-repeat: repeat;}
.loader {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 999;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

}

@media (min-width: 1550px) {
	#menu {top: 17%;}
	#sosyal {top: 43%;}
	.slogan {top: 72%;}
	
	}
@media (min-width: 1900px) {
	#menu {top: 16%;}
	#sosyal {top: 41%;}
	.slogan {top: 68%;}
	
	}



@media screen and (max-width: 1000px){
.os-phrases h2>span>span>span {
    font-size: 36px;
}
.os-phrases h2>span {
    margin: 0 5px;
}
.os-phrases h2 {
	left: 0px;
	right: 0px;
	top:40px;
}
#menu {
	border-left-width: 25px;
	border-left-style: solid;
	border-left-color: #FC0;
	position: static;
	left: 0px;
	top: 0px;
	font-family: 'Oswald', sans-serif;
	padding-top: 0;
	padding-bottom: 0;
	height:auto;
}
ul.menu {
    padding-left: 10px;
 padding-top: 0px;
}
.menu li {
    font-size: 24px;
    line-height: 35px;
}
#os-phrases {
	height:100px;}
#content {
	display:none;}
#sosyal {
	position: static;
	margin-top:15px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.sosyal img {
	height: 25px;
	width: 25px;
}
.slogan {
	display:none;}
.footer {
	text-align: center;
	width: 100%;
	padding-top: 0;
	background-color: #333;
	position: fixed;
	bottom: 0px;
	color: #FFF;
	padding-bottom: 0;
}
}
@media (max-width: 480px) {
}