@media only screen and (max-device-width: 480px) and (min-device-width: 320px){
	
.btn {
    width: 100%;
    margin: 1px;
    border-radius: 0px;
}
}
@media only screen and (min-width: 320px) and (max-width: 374px) {
	#baslik {position:relative;margin:2px 0px 2px 0px; border-top:1px dotted #333; border-bottom:1px dotted #333; padding:3px; bottom:1em;} 
	#headpaneli .logo{width:30%;left: 35%; right: 35%;}
	#headpaneli .logo img {
    width: 100%;
    padding: 1px;
    position: relative;
	text-align:center;

	
}
.slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box; width:100%; max-width:320px;}
	 #headpaneli .slogan{width:69%;}
	 #headpaneli .slogan p{line-height:1.5; padding:0px; font-size:70%;position:relative;top:1em; font-weight:100;}
	 #headpaneli .sag{bottom:0.9em; display:none;}
	 #headpaneli .sag img{width:auto; height:7em; position:relative; float:right; right:2em;}
	 
	 
 #aidatbak  .oval-k-l{
border-radius: 6px 6px 0 0;
 }
 #aidatbak .oval-k-r{
border-radius: 0 0 6px 6px ;
 }
 
 .tabyarimgolge{
top:-30px;z-index:1;}

.boxfooter{
    float: left;
    margin-right: 1em;
	width:95%;
}
}
@media only screen and (min-width: 375px) and (max-width: 475px) {
	.theme-default .nivo-controlNav{
	text-align: center;
    padding: 20px 0;
    bottom: -20px;
    height: 0px;
	}
	.theme-default .nivoSlider img[title] {

    display: none;
}
	#baslik{position:relative;margin:2px 0px 2px 0px; border-top:1px dotted #333; border-bottom:1px dotted #333; padding:3px; bottom:1em;} 
	#headpaneli .logo{width:30%;
	text-align: center;
    margin: 0 auto;
    left: 32%;
	right:32%;
	}
	#headpaneli .logo img {
    width: 100%;
    padding: 1px;
    position: relative;
	text-align:center;

	
}
	 #headpaneli .slogan{width:69%;}
	 #headpaneli .slogan p{line-height:1.5; padding:0px; font-size:90%;position:relative;top:0.6em; font-weight:100;}
	 #headpaneli .sag{bottom:0.9em; display:none;}
	 #headpaneli .sag img{width:auto; height:7em; position:relative; float:right; right:2em;}
	 
	  #aidatbak  .oval-k-l{
border-radius: 6px 6px 0 0;
 }
 #aidatbak .oval-k-r{
border-radius: 0 0 6px 6px ;
 }
 
  .tabyarimgolge{
top:-30px;z-index:1;}
.boxfooter{
    float: left;
    margin-right: 1em;
	width:95%;
}
}
@media only screen and (min-width: 476px) and (max-width: 768px) {
	#baslik{position:relative;margin:2px 0px 2px 0px; border-top:1px dotted #333; border-bottom:1px dotted #333; padding:3px; bottom:2em;} 
	#headpaneli .logo{width:30%;}
	#headpaneli .logo img {
    width: 100%;
    padding: 1px;
    position: relative;
	text-align:center;

	
}
	 #headpaneli .slogan{width:95%;}
	 #headpaneli .slogan p{line-height:1.5; padding:0px; font-size:100%;position:relative; float:left; left:5em;top:0.6em; font-weight:100;}
	 #headpaneli .sag{bottom:0.9em; display:none;}
	 #headpaneli .sag img{width:auto; height:7em; position:relative; float:right; right:2em;}
	 
	   .tabyarimgolge{
top:-35px;z-index:1;}

 /*burada başkanın resminin oldugu kısımdaki yazı font ayarını yapıyoruz*/
 .table .Cinzel{
	 font-size:1em;
 }
 
  .card .Cabin{
	 font-size:1em;
 }
 .boxfooter{
    float: left;
    margin-right: 1em;
    margin-left: 1em;
	width:40%;
}
}
@media only screen and (min-width: 769px) and (max-width: 900px) {
	#baslik{position:relative;margin:2px 0px 2px 0px; border-top:1px dotted #333; border-bottom:1px dotted #333; padding:3px; bottom:2em;} 
	#headpaneli .logo{width:30%;}
	#headpaneli .logo img {
    width: 100%;
    padding: 1px;
    position: relative;
	text-align:center;

	
}
	 #headpaneli .slogan{width:95%;}
	 #headpaneli .slogan p{line-height:1.5; padding:0px; font-size:100%;position:relative; float:left; left:1em;top:1.3em; font-weight:100;}
	 #headpaneli .sag{bottom:0.3em;}
	 #headpaneli .sag img{width:auto; height:7em; position:relative; float:right; right:-1em;}
	 .boxfooter{
    float: left;
    margin-right: 1em;
    margin-left: 1em;
	width:41%;
}
}
@media only screen and (min-width: 900px) and (max-width: 1023px) {
	#baslik{position:relative;margin:2px 0px 2px 0px; border-top:1px dotted #333; border-bottom:1px dotted #333; padding:3px; bottom:3em;} 
	#headpaneli .logo{width:18%;}
	#headpaneli .logo img {
    width: 75%;
    padding: 1px;
    position: relative;
	text-align:center;

	
}
	 #headpaneli .slogan{width:70%;}
	 #headpaneli .slogan p{line-height:1.5; padding:0px; font-size:120%;position:relative; float:left; left:0em;top:0.3em; font-weight:100;}
	 #headpaneli .sag{bottom:0em; width:100%;}
	 #headpaneli .sag img{width:24em; height:auto; position:relative; float:right; right:-1em;}
}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
	#baslik{position:relative;margin:2px 0px 2px 0px; border-top:1px dotted #333; border-bottom:1px dotted #333; padding:3px; bottom:5em;} 
	#headpaneli .logo{
    position: relative;
	top:0.8em;
}
	#headpaneli .logo img {
    width: 65%;
    padding: 1px;
    position: relative;
	text-align:center;
	top:.2em;
}
	
	 #headpaneli .slogan{position:relative;top:0.6em;}
	 #headpaneli .slogan p{line-height:1.5; padding:0px; font-size:160%;position:relative; width:100%;float:left; left:0em; font-weight:100;}
	 #headpaneli .sag{bottom:0.3em; }
	 #headpaneli .sag img{width:24em; height:auto; position:relative; float:right; right:-1em;}
 .boxfooter{
    float: left;
    margin-right: 1em;
    margin-left: 1em;
	width:43%;
}	 
}
@media only screen and (min-width: 1440px) and (max-width: 1680px) {
	#baslik{position:relative;margin:2px 0px 2px 0px; border-top:1px dotted #333; border-bottom:1px dotted #333; padding:3px; bottom:5em; font-size:100%;} 
#headpaneli .logo {
    position: relative;
    top: -0.2em;
}
	#headpaneli .logo img {
    width: 16%;
    padding: 1px;
    position: relative;
	text-align:center;
	top:.2em;
}
	
	 #headpaneli .slogan{position:relative;top:2em;}
	 #headpaneli .slogan p{line-height:1.2; padding:0px; font-size:150%;position:relative; width:100%;float:left; left:0em; font-weight:100;}
	 #headpaneli .sag{bottom:0.1em; }
	 #headpaneli .sag img{width:24em; height:auto; position:relative; float:right; right:-1em;}	
	  .boxfooter{
    float: left;
    margin-right: 1em;
    margin-left: 1em;
	width:28%;
}
}
@media only screen and (min-width: 1680px) and (max-width: 1920px) {
	#baslik{position:relative;margin:2px 0px 2px 0px; border-top:1px dotted #333; border-bottom:1px dotted #333; padding:3px; bottom:5em;} 
	#headpaneli .logo{
    position: relative;
	top:.1em;
}
	#headpaneli .logo img {
    width: 12%;
    padding: 1px;
    position: relative;
	text-align:center;
	top:.2em;
}
	
	 #headpaneli .slogan{position:relative;top:0.6em;}
	 #headpaneli .slogan p{line-height:1.5; padding:0px; font-size:200%;position:relative; width:100%;float:left; left:0em; font-weight:100;}
	 #headpaneli .sag{bottom:0em; }
	 #headpaneli .sag img{width:24em; height:auto; position:relative; float:right; right:-1em;}	
	 #headgolge{position:relative; top:-2em;}
	 	  .boxfooter{
    float: left;
    margin-right: 1em;
    margin-left: 1em;
	width:29%;
}
	
}
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
	#baslik{position:relative;margin:2px 0px 2px 0px; border-top:1px dotted #333; border-bottom:1px dotted #333; padding:3px; bottom:9em; font-size:120%;} 
	#headpaneli .logo{
    position: relative;
	top:.1em;
}
	#headpaneli .logo img {
    width: 12%;
    padding: 1px;
    position: relative;
	text-align:center;
	top:.2em;
}
	
	 #headpaneli .slogan{position:relative;top:0em;}
	 #headpaneli .slogan p{line-height:1.5; padding:0px; font-size:240%;position:relative; width:100%;float:left; left:0em; font-weight:100;}
	 #headpaneli .sag{bottom:0em; }
	 #headpaneli .sag img{width:24em; height:auto; position:relative; float:right; right:-1em;}	
	 
	 	  .boxfooter{
    float: left;
    margin-right: 1em;
    margin-left: 1em;
	width:28%;
}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {

	#droplist .wrapper-dropdown-5 {
width:65vw;
	}		
}