@import url('font/fonts.css');

@charset "utf-8";
/* CSS Document */

body {background:#289d01; margin:0; padding:0; font-family: 'Gotham Narrow Book'; font-weight:normal; font-size:16px; color:#323232;}
  
* {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a {color:#289d01; text-decoration:none; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;} a:hover {color:#000;}
p, h1, h2, h3, h4, h5, h6, h7, h8, ul, li, img, iframe, form, table, td, tr {line-height:100%; margin:0; padding:0; border:none;}
b {font-family: 'Gotham Narrow Bold';}
table, td, tr {border-collapse:collapse;}
#temizle {clear:both;}


#alan1140 {width:1140px; margin:0 auto;}


/* HAREKETLİ BAŞLIK STİLİ */
.cbp-af-header {position:fixed; top:660px; left:0; z-index:10002; width:100%; height:60px; background:url(img/ap-menu.webp) repeat; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }
  body.sayfalar .cbp-af-header {top:260px; }
  
  /* ANAMENÜ */
  #anamenu {display:block; width:540px; height:60px; margin:0 auto; padding:0; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
	  
    #toggle, .toggle {display:none;}
    .linkler {float:left; width:100%;}
	  .linkler > li {list-style:none; float:left; width:25%;}
	    .clearfix:before, .clearfix:after {display:table; content:"";} .clearfix:after {clear:both;}
      .linkler, .linkler > li, .linkler > li > a {height:100%;}
        .linkler > li > a {display:block; font-size:18px; color:#fff; line-height:60px; text-align:center; font-family: 'Gotham Narrow Light';}
        .linkler > li > a:hover, .linkler > li > a:focus, .linkler > li > a.secili {background:#fff; color:#2c7613;}
        .linkler > li:last-child > a {border-right:none;}
		
    .toggle {z-index:2;}
  /* ANAMENÜ */	 
	
  /* Transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink {height:60px; top:0; background-color:#2c7613; padding:0; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
    body.sayfalar .cbp-af-header.cbp-af-header-shrink {top:0; }

/* HAREKETLİ BAŞLIK STİLİ */


#ustalan {width:100%; height:720px; position:relative;}
  body.sayfalar #ustalan {height:320px; background:url(img/sayfaust.webp) no-repeat center; background-size:cover;}
  
  .logobaslik {width:100%; height:114px; background:url(img/ap-ust.webp) repeat-x top; position:absolute; top:0; left:0; z-index:10001;}
   .logobaslik #alan1140 { position:relative; }
  
    #logo {width:300px; height:114px; margin:0 auto; padding:20px 20px 0 20px; background:url(img/ap-logo.webp) no-repeat center top; background-size:100% 100%; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
    
	  #logo a {display:block; width:260px; height:60px; text-align:left; text-indent:-9999px; background:url(img/logo.webp) no-repeat center center; background-size:100% auto;} 
	  #logo a:hover {transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);} 

	/* Dil Secimi */
	
	.dil-secimi { /* display:block; float:left; */ height:24px; background:url(img/sarrow.webp) no-repeat center right 5px #fff;
	              position:absolute; top:40px; left:34px; opacity:1;
	              -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	              transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
	  #dilgecis, .dilgecis {display:none;}
	  
	  .dilgecis {z-index:2;}
	  .dilgecis {display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none;}
	  
	  .dilgecis:after {content:attr(data-open);
	                   background:url(img/ikon/tr.webp) no-repeat center left 5px; background-size:22px auto;
					   display:block; height:24px; width:70px; line-height:24px; color:#9a211b; padding:0 0 0 30px; text-align:left; font-size:14px;
	                   -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	                   -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
	  .dilgecis:hover:after {background:url(img/ikon/tr.webp) no-repeat center left 5px; background-size:22px auto;}
	    .dilgecis.en:after {background:url(img/ikon/en.webp) no-repeat center left 5px; background-size:22px auto;}
		.dilgecis.en:hover:after {background:url(img/ikon/en.webp) no-repeat center left 5px; background-size:22px auto;}
	  
	  #dilgecis:checked + div .diller {display:block; opacity:1;}
	  #dilgecis:checked + div .dilgecis:after {content:attr(data-close);} 
	  
	  .diller {display:none; opacity:0; width:70px; height:auto; position:relative; /* right:0; */ z-index:5001;}
	  .diller > li {display:block; width:100%; height:auto; margin:0;}
	  .diller > li > a {display:block; width:100%; text-decoration:none;}
	  .diller > li > a {margin:0; line-height:24px; color:#1b2d9a; font-size:14px; padding:0 0 0 30px; text-align:left;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
	  .diller > li > a:hover, .diller > li > a:focus {color:#5ab7e6; }
	    .diller > li > a.tr {background:url(img/ikon/tr.webp) no-repeat center left 5px #fff; background-size:22px auto;} .diller > li > a.tr:hover {background:url(img/ikon/tr.webp) no-repeat center left 5px #acd5ea; color:#fff; background-size:22px auto;}
		.diller > li > a.en {background:url(img/ikon/en.webp) no-repeat center left 5px #fff; background-size:22px auto;} .diller > li > a.en:hover {background:url(img/ikon/en.webp) no-repeat center left 5px #acd5ea; color:#fff; background-size:22px auto;}
	
	/* Dil Secimi */


    ul#ikonmenu {display:block; width:126px; height:24px; position:absolute; top:40px; left:0;}
      ul#ikonmenu li {display:inline;}
      ul#ikonmenu li a {display:block; float:left; width:36px; height:24px; text-align:left; text-indent:-9999px;}
	    ul#ikonmenu li a.as {width:24px; background:url(img/ikon/as.webp) no-repeat center; margin:0 20px 0 0;}
	    /*
		ul#ikonmenu li a.tr {background:url(img/ikon/tr.webp) no-repeat center; margin:0 10px 0 0;}
	    ul#ikonmenu li a.en {background:url(img/ikon/en.webp) no-repeat center;}
		*/
		ul#ikonmenu li a.as:hover /* ul#ikonmenu li a.tr:hover, ul#ikonmenu li a.en:hover */ {transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}

    .slogan {height:24px; position:absolute; top:40px; right:0; font-family: 'Caveat'; font-size:42px; line-height:24px; color:#fff; letter-spacing:1px;}

  #spg {display:block; width:100%; height:720px;}
    #spg.bir {background:url(img/spot/01.webp) no-repeat center center; background-size:cover;}
    #spg.iki {background:url(img/spot/02.webp) no-repeat center center; background-size:cover;}
    #spg.ucc {background:url(img/spot/03.webp) no-repeat center center; background-size:cover;}
    #spg.drt {background:url(img/spot/04.webp) no-repeat center center; background-size:cover;} 
	#spg.bes {background:url(img/spot/05.webp) no-repeat center center; background-size:cover;}  

  
#icerik {width:100%; background:#fff; padding:40px 0;}

  #icerik h1 {font-weight:normal; font-size:30px; color:#2c7613; margin:0 0 20px 0; line-height:100%; font-family: 'Gotham Narrow Bold'; text-align:center; }
  
  #icerik h2 {font-weight:normal; font-size:28px; color:#2c7613; margin:0 0 24px 0; line-height:100%; font-family: 'Gotham Narrow Bold'; }
	 
  #icerik p {margin:0 0 24px 0; line-height:140%; font-size:16px; color:#323232;}
  #icerik p:last-child {margin:0;}
   #icerik p.hosbes {text-align:center;}
   #icerik p.hosbes b {font-size:20px;}

  a#dugme {display:block; width:160px; height:32px; margin:0 auto; background:#2c7613; text-align:center; line-height:32px; color:#fff; font-size:14px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  a#dugme:hover {background:#eb4a28;}
  
  .ayracli {width:100%; padding:102px 0 0 0; background:url(img/ayrac.webp) no-repeat center top 40px;}
        
  a#urun {display:block; float:left; width:18.4%; margin:0 2% 20px 0; height:auto; overflow:hidden; padding:20px; position:relative; border:1px solid #2c7613; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
  a#urun:hover {background:#2c7613; transform: scale(1.04); -ms-transform: scale(1.04); -webkit-transform: scale(1.04); -o-transform: scale(1.04); -moz-transform: scale(1.04);} 
   a#urun.kenar {margin:0 0 20px 0;}
   a#urun.liste { width:18%; margin:0 1% 20px 1%;}
    a#urun img {display:block; width:70%; height:auto; margin:0 auto;}
    a#urun h3 {margin:20px 0 0 0; text-align:center; font-weight:normal; color:#289d01; font-family: 'Gotham Narrow Bold'; font-size:24px; line-height:100%; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }
  a#urun:hover h3 {color:#fff;}
  
  .mume {width:720px; margin:0 auto;}
  
  a#mm {display:block; float:left; width:220px; height:60px; padding:0 20px; margin:0 10px; text-align:right; font-size:20px; line-height:60px; color:#289d01; font-family: 'Gotham Narrow Bold';}
  a#mm:hover {color:#da442b;}
    a#mm.fotograflar {background:url(img/dugme-foto.webp) no-repeat center; background-size:100% 100%;} a#mm.fotograflar:hover {background:url(img/dugme-foto2.webp) no-repeat center; background-size:100% 100%;}
    a#mm.video {background:url(img/dugme-video.webp) no-repeat center; background-size:100% 100%;} a#mm.video:hover {background:url(img/dugme-video2.webp) no-repeat center; background-size:100% 100%;}
    a#mm.sanaltur {background:url(img/dugme-sanaltur.webp) no-repeat center; background-size:100% 100%;} a#mm.sanaltur:hover {background:url(img/dugme-sanaltur2.webp) no-repeat center; background-size:100% 100%;}

  .cerceve {display:block; float:left; width:48%; border:1px solid #cdcdcd; padding:20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }
  .cerceve:hover {transform: scale(1.04); -ms-transform: scale(1.04); -webkit-transform: scale(1.04); -o-transform: scale(1.04); -moz-transform: scale(1.04); border:1px solid #e3000e; }
   .cerceve.sol {float:right;}
    .cerceve img {display:block; width:100%; height:auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
    .cerceve span {display:block; width:100%; margin:20px 0 0 0; font-size:24px; font-family: 'Gotham Narrow Bold'; text-align:center; }
  .cerceve.stu {width:100%; margin:20px 0 0 0;}

  .kucukresimler { display:flex; flex-wrap:wrap;}
  .kucukresimler a { width:23%; display:block; overflow:hidden; margin:0 2% 20px 0;}
  .kucukresimler a img { width:100%; -webkit-transition:.3s; transition:.3s; }
  .kucukresimler a:hover img { opacity:.7; }
	.kucukresimler a.large { width:100%; margin:0 0 20px 0; }
	.kucukresimler a.large img { width:100%; }

  #icerik h4 {font-weight:normal; font-size:30px; color:#2c7613; padding:0 0 20px 0; border-bottom:1px solid #2c7613; margin:0 0 20px 0; line-height:100%; font-family: 'Gotham Narrow Bold'; }
    #icerik h4 span {font-size:18px; font-family: 'Gotham Narrow Book'; }

  .urun-fotograf {display:block; float:right; width:40%;}
  
  .urun-aciklama {display:block; float:left; width:60%; padding:0 40px 0 0;}
    
	.urun-aciklama table {width:100%; margin:0 0 20px 0; font-size:16px;}
	.urun-aciklama table tr td {border:1px dotted #2c7613; padding:8px;}
	  .urun-aciklama table tr td.bir {width:20%;}
	  .urun-aciklama table tr td.iki {width:70%;}
	  .urun-aciklama table tr td.ucc {width:10%;}

    #icerik p.mini {line-height:120%; font-size:13px;}
    #icerik p.aciklama {margin:60px 0 0 0; padding:46px 0 0 0; background:url(img/info.webp) no-repeat top left; font-size:13px;}

  
  iframe.harita {width:100%; height:440px; margin:0 0 40px 0;}

  #iletisim-bilgi {float:left; width:50%; padding:0 20px 0 0;}
	  
  #iletisim-formu {float:right; width:50%; padding:0 0 0 20px;}
	
    #iletisim-formu span {width:100%; line-height:24px; font-size:16px; font-family: 'Gotham Narrow Book';}
    #iletisim-formu input, #iletisim-formu textarea {display:block; width:100%; height:40px; padding:10px; border:1px solid #2c7613; background:#fff; margin:0 0 4px 0;
				                                     -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
													 transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
	    #iletisim-formu input:hover, #iletisim-formu input:focus,
		#iletisim-formu textarea:hover, #iletisim-formu textarea:focus  {background-color:#e7e7e7;}
	    #iletisim-formu textarea {height:80px;}
	    #iletisim-formu input.gonder {background:#2c7613; font-family: 'Gotham Narrow Bold'; font-size:22px; color:#fff; border:none; padding:0; margin:0; cursor:pointer;}
	    #iletisim-formu input.gonder:hover {background:#d13a1f; color:#fff;}


#altalan {width:100%; padding:20px 0;}		 
  #altalan #alan1140 {padding:60px 0 0 0; background:url(img/logoalt.webp) no-repeat center top;}
     
  #altalan ul {display:block; float:left; margin:0 40px 0 0;}
  #altalan ul li {display:inline;}
  #altalan ul li a {display:block; color:#fff; font-size:15px; font-family: 'Gotham Narrow Light'; line-height:140%;}
  #altalan ul li a:hover {color:#184808;}

  p.adres {display:block; float:right; text-align:right; color:#fff; font-family: 'Gotham Narrow Light'; font-size:15px; line-height:140%;}
  p.adres a {color:#fff;} p.adres a:hover {color:#184808;}
 	 
  p.imza {display:block; width:100%; line-height:100%; margin:20px 0 0 0; color:#184808; font-size:12px; font-family: 'Gotham Narrow Light'; text-align:center;}		 
  p.imza a {color:#184808;} p.imza a:hover {color:#fff;}		 
	
	
	
		 
		 
/* Responsive css kodları */ 


@media only screen and (max-width: 1140px) {

#alan1140 {width:100%; padding:0 40px;}

    ul#ikonmenu {left:40px;}

    .slogan {right:40px; font-size:36px;}

  #altalan #alan1140 {padding:60px 40px 0 40px;}

	}
	

@media only screen and (max-width: 1000px) {

  a#urun {padding:10px;}
    a#urun img {width:80%;}
    a#urun h3 {font-size:20px; }


	/* Dil Secimi
	
	.dil-secimi { height:20px; background:url(img/sarrow.webp) no-repeat center right 5px;}
        
	  .dilgecis:after { background:url(img/ikon/tr.webp) no-repeat center left 5px; background-size:20px auto; height:20px; width:60px; line-height:20px; padding:0 0 0 30px; font-size:12px;}
	  .dilgecis:hover:after {background:url(img/ikon/tr.webp) no-repeat center left 5px; background-size:20px auto;}
	    .dilgecis.en:after {background:url(img/ikon/en.webp) no-repeat center left 5px; background-size:20px auto;} .dilgecis.en:hover:after {background:url(img/ikon/en.webp) no-repeat center left 5px; background-size:20px auto;}
	  
	  .diller {width:60px;}
	  .diller > li > a {line-height:20px; font-size:12px; padding:5px 0 5px 30px;}
	    .diller > li > a.tr {background:url(img/ikon/tr.webp) no-repeat center left 5px #fff; background-size:20px auto;} .diller > li > a.tr:hover {background:url(img/ikon/tr.webp) no-repeat center left 5px #acd5ea;  background-size:20px auto;}
		.diller > li > a.en {background:url(img/ikon/en.webp) no-repeat center left 5px #fff; background-size:20px auto;} .diller > li > a.en:hover {background:url(img/ikon/en.webp) no-repeat center left 5px #acd5ea;  background-size:20px auto;}
	
	Dil Secimi */
	
	}


@media only screen and (max-width: 860px) {

#alan1140 {padding:0 20px;}
  #altalan #alan1140 {padding:40px 20px 0 20px;}

.cbp-af-header {top:460px;}
  body.sayfalar .cbp-af-header {top:200px; }

#ustalan {height:520px;}
  body.sayfalar #ustalan {height:260px;}

    #logo {width:260px; height:100px;}
    
	  #logo a {width:220px; height:50px;} 

  
    ul#ikonmenu { width:111px; left:20px;}
	    ul#ikonmenu li a.as {margin:0 10px 0 0;}
	    /* ul#ikonmenu li a.tr {margin:0 5px 0 0;} */


    .slogan {right:20px; font-size:24px;}


    a#urun h3 {font-size:18px; font-family: 'Gotham Narrow Book'; }


  .mume {width:100%;}
  
  a#mm {float:none; margin:10px auto;}

   a#urun.liste { width:23%; margin:0 1% 20px 1%;}

  .cerceve {padding:10px; }
  .cerceve:hover {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
    .cerceve span {margin:10px 0 0 0; font-size:18px;}


  iframe.harita {height:340px;}

  #iletisim-bilgi {float:none; width:100%; padding:0;}
	  
  #iletisim-formu {float:none; width:100%; padding:0; margin:40px 0 0 0;}
	
    #iletisim-formu span {line-height:20px; font-size:15px;}

	
	}


@media only screen and (max-width: 640px) {


/* HAREKETLİ BAŞLIK STİLİ */
.cbp-af-header {top:320px; height:40px; }
 
  /* ANAMENÜ */
  #anamenu {width:100%; height:40px;}


  /* DÜĞMELİ */

	.linkler {display:none; opacity:0; width:100%; position:absolute; right:0; z-index:5001;}
	.linkler > li {display:block; width:100%; margin:0;}
	.linkler > li > a {display:block; width:100%; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.toggle {display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none;}
	#toggle:checked + div .linkler {display:block; opacity:1;}
	
	.linkler {background:#2c7613; color:#fff;}
	.linkler, .linkler > li, .linkler > li > a {height:auto; color:#fff;}
	.linkler > li > a {padding:0; margin:0; line-height:40px; color:#fff; font-size:18px; text-align:center; border-bottom:1px solid #fff; border-right:none; border-left:none;}
	.linkler > li > a:hover, .linkler > li > a:focus, .linkler > li > a.secili {background:#000; color:#fff;}		
		
	.toggle:after {content:attr(data-open); background:url(img/menu.webp) no-repeat center; display:block; height:40px; width:100%; margin:0; text-align:left; text-indent:-9999px;
		           -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
	.toggle:hover:after {background:url(img/menu.webp) no-repeat center #000;}
	#toggle:checked + div .toggle:after {content:attr(data-close);} 

  /* DÜĞMELİ */	
 
 
  /* ANAMENÜ */	 
	
  /* Transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink {height:40px; top:0; }

/* HAREKETLİ BAŞLIK STİLİ */

  body.sayfalar .cbp-af-header {top:160px; }

#ustalan {height:360px;}
   body.sayfalar #ustalan {height:200px;}
 
  .logobaslik {height:136px; background:url(img/ap-ust.webp) repeat-x top; background-size:auto 100% }
  
    #logo {width:200px; height:76px; padding:10px 10px 0 10px; }
    
	  #logo a {width:180px; height:42px;} 
	  #logo a:hover {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);} 


	.dil-secimi {left:20px;}

    ul#ikonmenu {width:92px; top:86px; left:34%;}
	    ul#ikonmenu li a.as {display:none;}
	   /*
	    ul#ikonmenu li a.tr {margin:0 5px;}
	    ul#ikonmenu li a.en {margin:0 5px;}
		*/
		ul#ikonmenu li a.as:hover /*, ul#ikonmenu li a.tr:hover, ul#ikonmenu li a.en:hover */ {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}

    .slogan {width:100%; height:20px; top:116px; right:0; font-size:22px; line-height:20px; text-align:center; text-shadow:2px 2px 2px #333;}

  #spg {height:360px;}



#icerik { padding:20px 0;}

  #icerik h1 {font-size:20px; margin:0 0 10px 0; }
  
  #icerik h2 {font-size:18px; margin:0 0 14px 0; }
	 
  #icerik p {margin:0 0 14px 0; line-height:130%; font-size:14px;}
   #icerik p.hosbes b {font-size:16px;}
  
  .ayracli {padding:62px 0 0 0; background:url(img/ayrac.webp) no-repeat center top 20px;}
        
  a#urun {width:48%; margin:1%; padding:5px;}
  a#urun:hover {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);} 
   a#urun.kenar {display:none;}
   a#urun.liste { width:48%; margin:1%;}
    a#urun img {width:80%;}
    a#urun h3 {margin:10px 0 0 0; font-size:16px;}


  .cerceve {float:none; width:100%; margin:0 0 20px 0; }
   .cerceve.sol {float:none;}
  .cerceve.stu {width:100%; margin:0;}


  .kucukresimler a { width:48%; margin:0 1% 20px 1%;}
	.kucukresimler a.large { width:100%; margin:0 0 20px 0; }
	.kucukresimler a.large img { width:100%; }

  .urun-fotograf {display:block; float:none; width:100%;}
  
  .urun-aciklama {display:block; float:none; width:100%; padding:0; margin:40px 0 0 0;}

  #icerik h4 {font-size:18px; padding:0 0 10px 0; margin:0 0 10px 0; line-height:100%; font-family: 'Gotham Narrow Book'; }
    #icerik h4 span {font-size:14px; font-family: 'Gotham Narrow Book'; }
    
	.urun-aciklama table {margin:0 0 10px 0; font-size:14px;}
	.urun-aciklama table tr td {padding:4px;}

    #icerik p.aciklama {margin:20px 0 0 0;}


  iframe.harita {height:240px;}


  #altalan #alan1140 { background-size:auto 30px;}
     
  #altalan ul {float:none; margin:0;}
  #altalan ul li a {font-size:14px; width:100%; text-align:center; line-height:140%; border-bottom:1px dashed #fff;}

  p.adres {float:none; text-align:center; font-size:14px; margin:20px 0 0 0;}
 	 
  p.imza {display:block; width:100%; line-height:100%; margin:20px 0 0 0; color:#184808; font-size:12px; font-family: 'Gotham Narrow Light'; text-align:center;}		 
  p.imza a {color:#184808;} p.imza a:hover {color:#fff;}		 


   	
	}




@media only screen and (max-width: 480px) {


/* HAREKETLİ BAŞLIK STİLİ */
.cbp-af-header {top:240px; }

#ustalan {height:280px;}
   body.sayfalar #ustalan {height:200px;}
 
  #spg {height:280px;}

    .slogan {display:none;}


  #icerik h1 {font-size:18px; }
  
  #icerik h2 {font-size:16px; }
	 
  #icerik p {font-size:13px;}
   #icerik p.hosbes b {font-size:15px;}
  
  #icerik h4 {font-size:16px; }
    #icerik h4 span {font-size:13px; font-family: 'Gotham Narrow Book'; }
    
	.urun-aciklama table { font-size:13px;}


  iframe.harita {height:220px;}

  #altalan ul li a {font-size:13px; }

  p.adres {font-size:13px;}

   	
	}


@media only screen and (max-width: 320px) {


        
  a#urun {width:100%; margin:0 0 20px 0; padding:5px;}
   a#urun.liste { width:100%; margin:0 0 20px 0;}
    a#urun h3 {font-size:15px;}

  .kucukresimler a { width:100%; margin:0 0 20px 0;}
	.kucukresimler a.large { width:100%; margin:0 0 20px 0; }


   	
	}