/* ORTAK DEŠERLER ---- TOP ---- */


@media screen and (min-width : 960px) {
.yokm{display:none;}

#sol-mobil{
	display: none;
	}
#nav-menu{
	display: none;
	}
	


i1 {
  border: solid #000000;
  border-width: 0 1px 1px 0;
  display: block;
  padding: 4px;
  float:right;
  
}
.arrow {margin-left:10px;
margin-top:33px;}
.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#header {z-index:999;
position:relative;}
.header-ic{width:980px;
margin-right:auto;
margin-left:auto;
}

.sol {float:left;
width:200px;
padding-top:10px;
}
.sol img {width:90%;}
.sag{float:right;
width:750px;}	
	
.header-menu{
    width:700px;
   
   
    float:right;
    
	
    position:relative;
	
    }

.header-menu a{
	width:auto;
	 font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;

    
	
	
	float:right;
	font-size:14px;
	color:#5a5f63 ;
	padding-left:6px;
	padding-right:6px;
	
	line-height:75px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	    }
		


.header-menu a:hover {color:#F50D2A;}
    
.header-menu ul li a:hover{
   
	color:#EF0446;
    }



.header-menu  li{
    width:auto;
   
    float:right;
    position:relative;
    }

.header-menu  ul li ul{
    width:200px;
    height:auto;
    float:right;
    position:absolute;
    background:#FFFFFF;
    top:65px;
	 z-index:1;
    display:none;
	margin-top:11px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.50);
    }
	

	

.header-menu  ul li ul a{
    width:182px;
   
	color:#676666 !important;
	line-height:45px;
    float:right;
    padding:0 0 0 18px;
    border-bottom: solid 1px #D9D7D7;
    background:none;
	border-right:none;
    }
	
	.header-menu  ul li ul a:hover{
    
   
	color:#F2AB26 !important;
	
    }

.header-menu  ul li ul li {
    height:auto;
   
	
    }



.header-menu  li:hover >  ul{
    display: block;
    }



.header-menu  ul li ul li ul{
    width:200px;
    height:auto;
    float:right;
    position:absolute;
    background:#f6c524;
    top:-10px;
    left:200px;
    z-index:1;
    display:none;
    }
	.header-menu  ul li ul li ul li a{
   padding-right:5px;
   width:178px;
    }


.kutular {width:70%;
padding-top:50px;
margin-right:auto;
margin-left:auto;
z-index:999 !important;
}

.kutular h1 {text-align:center;
color:#02acf7;
font-style:italic;
margin-top:15px;}

.kutular p {text-align:center;
padding:5px;
line-height:26px ;
color:#51565a;
font-size:16px;
font-weight:400;}

.kutu{width:23%;
height:380px;
float:left;
}

.kutu1 {width:23%;
float:left;
height:350px;
margin-left:2%;
}

.kutu2 {width:23%;
height:350px;
float:left;
margin-left:2%;
}


.kutu3 {width:23%;
height:350px;
float:left;
margin-left:2%;
}

.res1 {width:130px;
	margin-top:25px;
	
	margin-right:auto;
margin-left:auto;}

.res1 img{width:100%;}

.res2 {width:510px;
	margin-top:25px;
	margin-bottom:25px;
	margin-right:auto;
margin-left:auto;}

.res2 img{width:100%;}

.banner {width:100%;
	margin-top:25px;
	margin-bottom:25px;
	margin-right:auto;
margin-left:auto;}

.banner img{width:100%;}

#content {background-color:#f1f1ef;
}

#content1 {width:70%;
margin-right:auto;
margin-left:auto;
color:#959ba0;}

#content1 h1 {font-size:30px;
color:#51565a;
text-align:center;
padding-top:50px;
padding-bottom:50px;}

.content1-sol {width:33%;
float:left;
border-bottom:1px solid #CCCCCC !important;
}
.content1-sol img{width:100%;}
.content1-sol h2{color:#7d8286;
font-size:18px;
padding-top:15px
}

.content1-sol h3{color:#02acf7;
font-size:16px;
padding-bottom:15px;
}
.content1-sag {width:65%;
float:right;}


#content-ic {background-color:#fdfdfd;
width:100%;
}
.orta {width:70%;
margin-right:auto;
margin-left:auto;
padding-top:50px;}

.orta h1 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #747a7e;
    font-weight: normal;}
	
	
	
	.orta p {color:#878787;}
	.orta span {color:#ed1c21;}
	
	
	.kutular h2 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 30px;
    line-height: 22px;
    color: #747a7e;
    font-weight: normal;}
	
	.kutular h3 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 19px;
    line-height: 40px;
    color: #747a7e;
    font-weight: normal;
	}
	
	.resim {width:45%;
	float:left;
	margin-left:2%;
	margin-right:2%;}
	
		.resim img {width:100%;}
		
#content2 {width:100%;
padding-top:50px;
padding-bottom:50px;
background-color:#f1f1ef;}

#content2-ic {width:70%;
margin-left:auto;
margin-right:auto;}

.content2-sol {width:45%;
float:left;}

.content2-sag {
	width:45%;
float:right;
	} 
	#content2-ic h2 a {font-size:30px;
	font-weight:bold;
	color:#4A4A4A;}
	
	#content2-ic p a {font-size:18px;
	
	color:#4A4A4A;}
#footer {background-color:#5c5f64;}

.footer-alt {width:90%;
	
	margin-right:auto;
	margin-left:auto;}
	
	.footer-alt ul{margin-top:20px;}
	.footer-alt a{color:#FFFFFF;
	line-height:25px;}
	
	
	.footer-alt h2{color:#FFFFFF;
	font-size:22px;
	 font-family: "Ubuntu", sans-serif;
	 font-weight:400;
	}
	
	.footer-alt1 {width:28%;
	
	float:left;
	margin-right:3%;
	color:#FFFFFF;
	line-height:26px;}
	
	.footer-alt2 {width:18%;
	margin-top:25px;
	float:left;
	margin-right:1%}
	.footer-alt3 {width:14%;
	margin-top:25px;
	float:left;
	margin-right:2%}
	.footer-alt4 {width:29%;
	margin-top:25px;
	float:left;}

}



@media screen and (min-width : 320px) and (max-width : 479px) {
	.yok {display:none;}
	.sol{display: none;}
	.sag{display: none;}
	

	.kutular {width:90%;
padding-top:50px;
margin-right:auto;
margin-left:auto;
z-index:999 !important;
}

.kutular h1 {text-align:center;
color:#02acf7;
font-style:italic;
margin-top:15px;}

.kutular p {text-align:center;
padding:5px;
line-height:26px ;
color:#51565a;
font-size:16px;
font-weight:400;}

.kutu{width:70%;
height:290px;
margin-right:auto;
margin-left:auto;
}

.kutu1 {width:70%;
height:290px;
margin-right:auto;
margin-left:auto;
}

.kutu2 {width:70%;
height:290px;
margin-right:auto;
margin-left:auto;
}

.kutu3 {width:70%;
height:290px;
margin-right:auto;
margin-left:auto;
}

.res1 {width:130px;
	margin-top:25px;
	margin-right:auto;
margin-left:auto;}

.res1 img{width:100%;}

.res2 {width:100%;
	margin-top:25px;
	margin-bottom:25px;
	margin-right:auto;
margin-left:auto;}

.res2 img{width:100%;}

.banner {width:100%;
	margin-top:25px;
	margin-bottom:25px;
	margin-right:auto;
margin-left:auto;}

.banner img{width:100%;}


#content {background-color:#f1f1ef;}

#content1 {width:90%;
margin-right:auto;
margin-left:auto;
color:#959ba0;}

#content1 h1 {font-size:30px;
color:#51565a;
text-align:center;
padding-top:50px;
padding-bottom:50px;}

.content1-sol {width:70%;
margin-right:auto;
margin-left:auto;
border-bottom:1px solid #CCCCCC !important;
}

.content1-sol img {width:100%;

}

.content1-sol h2{color:#7d8286;
font-size:18px;
padding-top:15px
}

.content1-sol h3{color:#02acf7;
font-size:16px;
padding-bottom:15px;
}
.content1-sag {width:70%;
margin-right:auto;
margin-left:auto;}

.resim {width:90%;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;}
	
		.resim img {width:100%;}
		
		
		#content-ic {background-color:#fdfdfd;
width:100%;
}
.orta {width:80%;
margin-right:auto;
margin-left:auto;
padding-top:50px;}

.orta h1 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #747a7e;
    font-weight: normal;}
	
	
	
	.orta p {color:#878787;}
	.orta span {color:#ed1c21;}
	
	
	#content2 {width:100%;
padding-top:30px;
padding-bottom:30px;
background-color:#f1f1ef;}

#content2-ic {width:70%;
margin-left:auto;
margin-right:auto;}

.content2-sol {width:80%;
margin-left:auto;
margin-right:auto;}

.content2-sag {
	width:80%;
margin-left:auto;
margin-right:auto;
	} 
	#content2-ic h2 a {font-size:25px;
	font-weight:bold;
	color:#4A4A4A;}
	
	#content2-ic p a {font-size:18px;
	
	color:#4A4A4A;}
	

#footer {background-color:#5c5f64;}

.footer-alt {width:90%;
	
	margin-right:auto;
	margin-left:auto;}
	
	.footer-alt ul{margin-top:20px;}
	.footer-alt a{color:#FFFFFF;
	line-height:25px;}
	
	
	.footer-alt h2{color:#FFFFFF;
	font-size:22px;
	 font-family: "Ubuntu", sans-serif;
	 font-weight:400;
	}
	
	.footer-alt1 {width:70%;
	
	margin-right:auto;
	margin-left:auto;
	color:#FFFFFF;
	line-height:26px;}
	
	.footer-alt2 {width:70%;
margin-right:auto;
	margin-left:auto;
	}
	.footer-alt3 {width:70%;
	margin-right:auto;
	margin-left:auto;
	}
	.footer-alt4 {width:70%;
	margin-right:auto;
	margin-left:auto;}

	
}

@media screen and (min-width : 480px) and (max-width : 639px) {
.yok {display:none;}


}

@media screen and (min-width : 640px) and (max-width : 719px) {
.yok {display:none;}


	
}
	
@media screen and (min-width : 720px) and (max-width : 959px) {
.yok {display:none;}


	 }