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

html, body { height: 100%; }

body { background:url(img/ap.jpg) no-repeat fixed bottom center #fff; background-size:100% auto; margin:0; padding:0; font-family:'DINPro-Light'; color:#444444;  }

* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
a { color:#0060aa; text-decoration:none; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
a:hover { color:#0060aa; }
p, h1, h2, h3, h4, h5, h6, h7, h8, ul, li, img, iframe, form, table, td, tr { font-family:'DINPro-Bold'; font-weight:normal; line-height:100%; margin:0; padding:0; border:none; border-collapse:collapse; }
b { font-family:'DINPro-Bold'; }
.clear { clear:both; }

#toTop {display:none; width:40px; height:40px; background:url(img/totop.png) no-repeat center #0060aa; background-size:20px auto; text-align:left; text-indent:-9999px; position:fixed; bottom:90px; right:60px; z-index:20000; cursor:pointer;   -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px;}

/* animated header style */

.cbp-af-header { position:fixed; top:60px; left:0; z-index:10000; width:100%; height:166px; padding:0 60px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }

  #anamenu { display:block; width:100%; height:60px; padding:0 30px; margin:0 0 20px 0; background-color:rgb(0,96,170, 0.8); background-color:rgba(0,96,170, 0.8); -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px;}
      
    /* mainmenu */
    .topnav { float:left; overflow:hidden; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;}
      .topnav a {display:block; float:left; color:#fff; text-align:center; padding:0 15px; font-size:16px; line-height:60px; font-family:'DINPro-Light';}
          .topnav a.asi {width:18px; height:60px; margin:0 15px 0 0; text-align:left; text-indent:-9999px; padding:0; background:url(img/ikon/as.png) no-repeat center;}
          .topnav a.asi:hover {background:url(img/ikon/as2.png) no-repeat center;}
        .topnav a:hover, .topnav a.active {color:#0b4c7e; background:#5fc6f1;}
        .topnav .icon {display:none; font-size:30px; padding:0; line-height:40px; margin:0; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none;}
      .active {color:#0b4c7e; background:#5fc6f1;}
      .dropdown {float:left; overflow:hidden;}
        .dropdown .dropbtn {font-size:16px; border:none; outline:none; color:#fff; padding:0 15px; line-height:60px; font-family:'DINPro-Light'; margin:0; background:none; cursor:pointer;}
          .dropdown:hover .dropbtn {color:#0b4c7e; background:#5fc6f1;}
      .dropdown-content {display:none; position:absolute; background-color:#5fc6f1; min-width:180px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1;}
		  .dropdown-content span {display:block; float:left;}
        .dropdown-content a {display:block; float:none; color:#0b4c7e; padding:10px 15px; text-align:left; font-size:15px; line-height:120%; font-family:'DINPro-Light';}
        .dropdown-content a:hover {background-color:#0060aa; color:#fff;}
        .dropdown:hover .dropdown-content {display:block;}
    /* mainmenu */	
   
    ul.ikonmenu {float:right; display:block; height:60px; overflow:hidden;}
      ul.ikonmenu li {display:inline;}
      ul.ikonmenu li a {display:block; float:left; width:30px; height:60px; margin:0 0 0 10px; text-align:left; text-indent:-9999px;}
	    ul.ikonmenu li a.telefon {background:url(img/ikon/telefon.png) no-repeat center center;} ul.ikonmenu li a.telefon:hover {background:url(img/ikon/telefon2.png) no-repeat center center;}
	    ul.ikonmenu li a.eposta {width:36px; background:url(img/ikon/eposta.png) no-repeat center center;} ul.ikonmenu li a.eposta:hover {background:url(img/ikon/eposta2.png) no-repeat center center;}
	    ul.ikonmenu li a.whatsapp {background:url(img/ikon/wa.png) no-repeat center center;} ul.ikonmenu li a.whatsapp:hover {background:url(img/ikon/wa2.png) no-repeat center center;}
        ul.ikonmenu li a.fb {background:url(img/ikon/fb.png) no-repeat center center; margin:0 0 0 30px;} ul.ikonmenu li a.fb:hover {background:url(img/ikon/fb2.png) no-repeat center center;}
        ul.ikonmenu li a.tw {background:url(img/ikon/tw.png) no-repeat center center;} ul.ikonmenu li a.tw:hover {background:url(img/ikon/tw2.png) no-repeat center center;}
        ul.ikonmenu li a.ig {background:url(img/ikon/ig.png) no-repeat center center; margin:0 0 0 30px;} ul.ikonmenu li a.ig:hover {background:url(img/ikon/ig2.png) no-repeat center center;}

        ul.ikonmenu li a.tr {background:url(img/ikon/tr.png) no-repeat center center;}
        ul.ikonmenu li a.en {background:url(img/ikon/en.png) no-repeat center center;} 

  
  a.logo {opacity:1; display:block; width:240px; height:86px; margin:0 auto; text-align:left; text-indent:-9999px; background:url(img/logo-shadow.png) no-repeat center center; background-size:100% 100%;}
    a.logo:hover {transform: scale(0.95); -ms-transform: scale(0.95); -webkit-transform: scale(0.95); -o-transform: scale(0.95); -moz-transform: scale(0.95);}

  /* transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink {height:60px; top:30px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
    .cbp-af-header.cbp-af-header-shrink a.logo {opacity:0; margin:-160px auto 0 auto;}

/* animated header style */

.intro-colon { display:block; float:left; width:50%; height:100%; overflow:hidden; position:relative; }
  .intro-dugme {color:#fff; width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; background-color:rgb(0,0,0, 0.1); background-color:rgba(0,0,0, 0.1); transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -o-transition:all 1.2s; /* Center slide text vertically */ display: -webkit-box;    display: -ms-flexbox;    display: -webkit-flex;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    -webkit-justify-content: center;    justify-content: center;    -webkit-box-align: center;    -ms-flex-align: center;    -webkit-align-items: center;    align-items: center; }
   .intro-dugme:hover {background-color:rgb(0,0,0, 0.4); background-color:rgba(0,0,0, 0.4);}
    .intro-dugme.idl { border-top:30px solid #fff; border-right:30px solid #fff; border-bottom:30px solid #fff; border-left:30px solid #fff; }
    .intro-dugme.idr { border-top:30px solid #fff; border-right:30px solid #fff; border-bottom:30px solid #fff; border-left:30px solid #fff; }
    .intro-dugme div { width:50%; }
	  .intro-dugme div h1 { font-size:62px; color:#fff; margin:0 0 30px 0; text-align:center; }
	  .intro-dugme div a { display:block; width:200px; height:40px; line-height:40px; margin:0 auto; text-align:center; color:#fff; font-size:15px; font-family:'DINPro-Regular'; border-bottom:1px solid #fff; background-color:rgb(0,96,170, 0.6); background-color:rgba(0,96,170, 0.6); -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
	  .intro-dugme div a:hover {color:#0c568e; background-color:#5fc6f1;}
  .intro-colon-bg-image { display:block; width:100%; height:100%; transition:all 1.2s; -moz-transition:all 1.2s; -webkit-transition:all 1.2s; -o-transition:all 1.2s; }
    .intro-colon-bg-image.furniture { background:url(img/furniture.jpg) no-repeat center center; background-size:cover; }
    .intro-colon-bg-image.electronic { background:url(img/electronic.jpg) no-repeat center center; background-size:cover; }
      .intro-colon:hover .intro-colon-bg-image { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }

.sayfagorsel { display:block; width:100%; height:276px; border:30px solid #fff; }
  .sayfagorsel.hakkimizda { background:url(img/sayfabaslik/hakkimizda.jpg) no-repeat center center #0060aa; background-size:cover; }
    .sayfagorsel.mobilya { background:url(img/sayfabaslik/mobilya.jpg) no-repeat center center #0060aa; background-size:cover; }
    .sayfagorsel.elektronik { background:url(img/sayfabaslik/elektronik.jpg) no-repeat center center #0060aa; background-size:cover; }
  .sayfagorsel.katalog { background:url(img/sayfabaslik/katalog.jpg) no-repeat center center #0060aa; background-size:cover; }
  .sayfagorsel.referanslar { background:url(img/sayfabaslik/referanslar.jpg) no-repeat center center #0060aa; background-size:cover; }
  .sayfagorsel.iletisim { background:url(img/sayfabaslik/iletisim.jpg) no-repeat center center #0060aa; background-size:cover; }

.sayfabaslik { background:#5fc6f1; padding:15px 0; border-left:30px solid #fff; border-right:30px solid #fff; }

.icerikalani { display:block; width:100%; padding:0 30px; }

.icerik { width:1440px; margin:0 auto; padding:60px 0; }
  .sayfabaslik .icerik {padding:0; font-size:34px; color:#fff; line-height:100%; font-family:'DINPro-Bold';  letter-spacing:-0.5px;}
  
  .icerik h1 { font-size:32px; color:#0060aa; line-height:100%; margin:0 0 30px 0; letter-spacing:-0.5px; }
  .icerik h2 { font-size:26px; color:#0c4876; line-height:100%; margin:0 0 30px 0; letter-spacing:-0.5px; }

  .icerik p { font-family:'DINPro-Light'; color:#444444; line-height:140%; font-size:17px; margin:0 0 26px 0; }
  
  .refkolon {display:block; float:left; width:50%;}
  
  .koloni {display:block; float:left; width:75%; padding:0 60px 0 0;}

  .kolonm {display:block; float:right; width:25%; padding:30px; background:#d2dfe7;
           transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;
           position: -webkit-sticky; position: sticky; top: 120px;
		   -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px;}
    
	.kolonm ul {display:block;}
	.kolonm ul li {display:inline;}	
	.kolonm ul li a {display:block; font-size:20px; line-height:120%; padding:15px; color:#0060aa; border-bottom:1px dotted #0060aa; margin:0 0 1px 0;}	
	.kolonm ul li a:hover, .kolonm ul li a.secili { color:#fff; border-bottom:1px solid #0060aa; background:#0060aa; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px;}	
	  .kolonm ul li a.altk {font-family:'DINPro-Light';font-size:16px; line-height:110%; padding:10px 15px; border-bottom:1px solid #34546d; color:#34546d;}	
	  .kolonm ul li a.altk:hover, .kolonm ul li a.altk.secili {border-bottom:1px solid #34546d; background:#34546d; color:#fff;}	
	
	  
  img.kenar {display:block; float:right; width:40%; height:auto; margin:0 0 30px 60px;
             -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);
             -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);
             box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);
			 -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px;}

    .kucukresimler { display:flex; flex-wrap:wrap; }
      .kucukresimler a { display:block; width:23%; margin:1% 2% 1% 0;
	                   overflow:hidden;  position:relative; background:#fff;
					   text-align:center; font-size:17px; font-family:'DINPro-Bold';
	                   -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomright: 5px; border-top-left-radius: 5px; border-bottom-right-radius: 5px;
	                   -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.15);  box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.15); }
	  .kucukresimler a.son { margin:0; }
	  .kucukresimler a img { width:100%; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
	    .kucukresimler a:hover img { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); }
      .kucukresimler a span { display:block; padding:15px 30px; text-align:center; color:#0060aa; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;}
        
		.kucukresimler.katalog a { width:30%; margin:0 5% 60px 0; font-size:20px; } .kucukresimler.katalog a.son { margin:0 0 60px 0; }
        .kucukresimler.katalog a span { position:absolute; top:10%; left:10%; z-index:2;
	                                    width:80%; height:80%; padding:30px; background-color:rgb(0,96,170, 0.6); background-color:rgba(0,96,170, 0.6);
									    text-align:center; color:#fff; border:2px solid #fff;
										-webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px;
										/* Center slide text vertically */ display: -webkit-box;    display: -ms-flexbox;    display: -webkit-flex;    display: flex;    -webkit-box-pack: center;    -ms-flex-pack: center;    -webkit-justify-content: center;    justify-content: center;    -webkit-box-align: center;    -ms-flex-align: center;    -webkit-align-items: center;    align-items: center; }
        .kucukresimler.katalog a:hover span { background-color:rgb(0,96,170, 0.9); background-color:rgba(0,96,170, 0.9); }
          
		.kucukresimler.ve3 a { padding:0 0 15px 0; }
		.kucukresimler.ve3 a img { margin:0 0 15px 0; }

		.kucukresimler.uclu a { width:30%; margin:0 3.33% 30px 0; }

		  
	  
  .lightbox {	cursor: pointer; 	position: fixed; 	width: 100%;	height: 100%; 	top: 0; 	left: 0; 	-webkit-filter: none; 	z-index: 99999999999; 	background-color:rgb(255,255,255, 0.9); background-color:rgba(255,255,255, 0.9);}
	.lightbox img { display: block; position: absolute; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px;}
	.lightbox-loading { 	background: url(scripts/lightbox/loading.gif) center center no-repeat; 	width: 32px; 	height: 32px; 	margin: -16px 0 0 -16px; 	position: absolute; 	top: 50%; 	left: 50%; }
	.lightbox-caption { 	display: none; 	position: absolute; 	left: 0; 	bottom: 0; 	width: 100%; 	text-align: center; 	z-index: 9998; }
	.lightbox-caption p { 	margin: 0 auto; 	max-width: 70%; 	display: inline-block; 	*display: inline; 	*zoom: 1;	padding: 10px; 	color: #fff; 	font-size: 12px; 	line-height: 18px; }
	.lightbox-button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity:0.9; -webkit-transition: all 0.4s; -moz-transition:    all 0.4s; -ms-transition:     all 0.4s; transition: 		all 0.4s; }
	.lightbox-button:hover, .lightbox-button:focus { opacity: 1; }
 	.lightbox-close { right: 30px; top: 20px; background-image: url('scripts/lightbox/close.png'); }
	.lightbox-nav { top: 45%; width:100%; margin-top: -16px; }
	.lightbox-nav-next { width: 20px;  height: 40px; right: 30px; background: url('scripts/lightbox/arrow.png') no-repeat -12px -2px; }
	.lightbox-nav-prev { left: 30px; width: 20px; height: 40px;  background: url('scripts/lightbox/arrow.png') no-repeat -8px -54px; }

  iframe.harita {display:block; width:100%; height:360px; margin:30px 0 0 0;}

	.iletisim-bilgi {float:left; width:40%; padding:0 30px 0 0;}
	
    .iletisim-formu {float:left; width:60%; padding:0 0 0 30px;}
	  .iletisim-formu span {display:block; line-height:100%; margin:0 0 10px 0; font-family:'DINPro-Light'; font-size:18px; padding:0 10px;}      
	  .iletisim-formu input, .iletisim-formu textarea, .iletisim-formu select {display:block; width:100%; height:50px; padding:5px 10px; border:0; background:#d2dfe7; margin:0 0 10px 0; font-family:'DINPro-Light'; font-size:18px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	    .iletisim-formu input:hover, .iletisim-formu input:focus, .iletisim-formu textarea:hover, .iletisim-formu textarea:focus  {background:#769bb2; color:#fff;}
	     select::-ms-expand {display:none;} 
	    .iletisim-formu select {line-height:100%; font-family:'DINPro-Light'; background:url(img/ok.png) no-repeat center right 10px #d2dfe7; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none;  -ms-appearance:none; appearance:none;} 
	    .iletisim-formu select:hover, .iletisim-formu select:focus {background:url(img/ok2.png) no-repeat center right 10px #769bb2;  color:#fff;}	
	    .iletisim-formu textarea {height:90px;}
	    .iletisim-formu input.gonder {background:#0060aa; font-family:'DINPro-Bold'; font-size:24px; color:#fff; border:none; padding:0; margin:0; cursor:pointer;}
	    .iletisim-formu input.gonder:hover {background:#5fc6f1; color:#0060aa;}

footer { position:fixed; bottom:60px; left:0; z-index:9999; width:100%; height:30px; padding:0 60px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
 footer.alts { position:static; bottom:none; left:none; z-index:none; margin:0 0 30px 0; }
  footer div { display:block; width:100%; height:30px; padding:0 30px; background-color:rgb(95,198,241, 0.7); background-color:rgba(95,198,241, 0.7);  -webkit-border-top-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; border-top-left-radius: 10px; border-bottom-right-radius: 10px;  }
   footer.alts div { background-color:rgb(95,198,241, 1); background-color:rgba(95,198,241, 1); }

    p.adres { display:block; float:left; color:#0060aa; font-size:13px; line-height:30px; font-family:'DINPro-Regular'; font-weight:500; }
	p.imza { display:block; float:right; color:#0060aa; font-size:13px; line-height:30px; font-family:'DINPro-Regular'; font-weight:500;}
	  p.adres a, p.imza a { color:#0060aa; } p.adres a:hover, p.imza a:hover { color:#fff; }
		 
		 
		 
		 
/* responsive css */ 

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

.icerik { width:100%; padding:60px; }
  .sayfabaslik .icerik {padding:0 30px; font-size:32px;}

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

#toTop { right:30px; }

/* animated header style */

.cbp-af-header { top:30px; padding:0 30px; }

  #anamenu { padding:0 15px; }
      
    /* mainmenu */
      .topnav a {padding:0 10px; font-size:15px;}
          .topnav a.asi {margin:0 10px 0 0;}
        .dropdown .dropbtn {font-size:15px; padding:0 10px;}
        .dropdown-content a {padding:10px;}
    /* mainmenu */	
   
      ul.ikonmenu li a {margin:0 0 0 5px;}
        ul.ikonmenu li a.fb {margin:0 0 0 15px;}
		ul.ikonmenu li a.ig {margin:0 0 0 15px;}

  /* transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink {top:15px; }

/* animated header style */

    .intro-dugme.idl { border-top:15px solid #fff; border-right:15px solid #fff; border-bottom:15px solid #fff; border-left:15px solid #fff; }
    .intro-dugme.idr { border-top:15px solid #fff; border-right:15px solid #fff; border-bottom:15px solid #fff; border-left:15px solid #fff; }
	  .intro-dugme div h1 { font-size:40px; margin:0 0 20px 0; }
	  .intro-dugme div a { font-size:14px; }

.sayfagorsel { height:216px; border:15px solid #fff; }

.sayfabaslik { padding:10px 0; border-left:15px solid #fff; border-right:15px solid #fff; }

.icerikalani { padding:0 15px; }

.icerik { padding:60px 30px; }
  .sayfabaslik .icerik {font-size:26px; padding:0 15px;}

  .icerik h1 { font-size:28px; }
  .icerik h2 { font-size:24px; }

  .icerik p { line-height:130%; font-size:16px; }
  
  .koloni {width:70%; padding:0 30px 0 0;}

  .kolonm {width:30%; padding:15px;
           top: 90px; }
		   
	.kolonm ul li a {font-size:18px; padding:5px;}	
	  .kolonm ul li a.altk {font-size:15x; padding:5px 10px;}	
	  
  img.kenar {width:36%; margin:0 0 30px 30px;}

    .kucukresimler a { width:31.3%; margin:1% 2% 1% 0; font-size:16px; }
	  .kucukresimler a.son { margin:0; }
        .kucukresimler.katalog a { width:32%; margin:0 2% 30px 0; font-size:18px; }
		.kucukresimler.katalog a.son { margin:0 0 30px 0; }
          .kucukresimler.ve3 a { padding:0 0 15px 0; }
	      .kucukresimler.ve3 a img { margin:0 0 15px 0; }

      .kucukresimler a span { padding:15px;}
		.kucukresimler.uclu a { width:31.3%; margin:1% 2% 1% 0; }


  iframe.harita {height:320px; margin:15px 0 0 0;}

	.iletisim-bilgi {padding:0 30px 0 0;}
	
    .iletisim-formu {padding:0;}

footer { bottom:30px; padding:0 30px; }
 footer.alts { margin:0 0 30px 0; }
  footer div { padding:0 15px;  }

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

	}

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

.icerik { padding:30px; }
  .sayfabaslik .icerik {font-size:24px; padding:0 15px;}

  #anamenu { padding:0; position:relative; }
  
  /* mainmenu */

    .topnav {float:none; width:100%; display:block;}
    .topnav a, .dropdown .dropbtn {display:none;}
    .topnav a.icon {float:none; display:block; padding:0; margin:0; position:absolute; left:15px; top:0; font-size:20px; line-height:60px;}
	  .topnav a.icon span {display:block; float:left; font-size:15px; line-height:60px; padding:0; margin:0 5px 0 0;} 
    .topnav.responsive {position:relative; padding:60px 0 0 0;}
    .topnav.responsive .icon {position:absolute; left:15px; top:0; padding:0; margin:0; background:none; font-size:20px; line-height:60px; border-bottom:none;}
    .topnav.responsive a {float:none; display:block; text-align:center; color:#fff; margin:0; background-color:rgb(0,96,170, 0.8); background-color:rgba(0,96,170, 0.8); border-bottom:1px solid #095086; padding:10px 15px; font-size:18px; line-height:100%; letter-spacing:0;}
	  .topnav.responsive a:hover, .topnav.responsive a.active {color:#fff; background-color:#095086;}
          .topnav.responsive a.asi {width:100%; height:auto; margin:0; text-align:center; text-indent:0; padding:10px 15px; background-image:none; background-color:rgb(0,96,170, 0.8); background-color:rgba(0,96,170, 0.8);}
          .topnav.responsive a.asi:hover { background-image:none; color:#fff; background-color:#095086; }
    .topnav.responsive .dropdown {float:none; margin:0;}
    .topnav.responsive .dropdown-content {position:relative; margin:0;}
	    .topnav.responsive .dropdown-content span {display:block; width:100%; float:none; margin:0;}
	  .topnav.responsive .dropdown-content a {color:#808285; text-align:center; font-size:18px; color:#fff; background-color:rgb(0,96,170, 0.8); background-color:rgba(0,96,170, 0.8);  border-bottom:1px solid #5fc6f1; padding:10px 15px; line-height:100%; margin:0;}
	  .topnav.responsive .dropdown-content a:hover {background:#5fc6f1; color:#095086; }
    .topnav.responsive .dropdown .dropbtn {display:block; width:100%; text-align:center; font-size:18px; letter-spacing:0; color:#fff; background-color:rgb(0,96,170, 0.8); background-color:rgba(0,96,170, 0.8); border-bottom:1px solid #095086; padding:10px 15px; line-height:100%; margin:0;}
      .topnav.responsive .dropdown:hover .dropbtn {color:#fff; background:#095086;}
	  
  /* mainmenu */

    ul.ikonmenu {float:none; position:absolute; top:0; right:15px; z-index:2;}

    .kucukresimler a { width:48%; margin:1%; }
	  .kucukresimler a.son { margin:1%; }
        .kucukresimler.katalog a { width:48%; margin:1%; }
		.kucukresimler.katalog a.son { margin:1%; }
		.kucukresimler.uclu a { width:48%; margin:1%; }

  .icerik h1 { font-size:26px; line-height:140%; }
  .icerik h2 { font-size:22px; line-height:140%; }

	.iletisim-bilgi {float:none; width:100%; padding:0;}
	
    .iletisim-formu {float:none; width:100%; padding:60px 0;}

	}

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

html, body { height: auto; }

  body.mobil { padding:145px 0 15px 0; background:#fff; }


.icerik { padding:30px 30px 60px 30px; }
  .sayfabaslik .icerik {font-size:20px; padding:0 15px;}


.cbp-af-header { height:136px;}
body.mobil .cbp-af-header { top:15px; padding:0 15px;}

  #anamenu { margin:0 0 10px 0; }

  a.logo {width:184px; height:66px;}
    a.logo:hover {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}



.intro-colon { float:none; width:100%; height:420px; }
  .intro-dugme {width:100%; height:100%;}
    .intro-dugme div { width:80%; margin:0; }
  .intro-colon-bg-image { width:100%; height:100%; }
    .intro-dugme.idl { border-top:15px solid #fff; border-right:15px solid #fff; border-bottom:7.5px solid #fff; border-left:15px solid #fff; }
    .intro-dugme.idr { border-top:7.5px solid #fff; border-right:15px solid #fff; border-bottom:15px solid #fff; border-left:15px solid #fff; }
	  .intro-dugme div h1 { font-size:36px; margin:0 0 10px 0; }
	  .intro-dugme div a { font-size:13px; }

footer { height:auto; position:static; bottom:none; left:none; z-index:none; }
  footer div { height:auto; background-color:rgb(95,198,241, 0.9); background-color:rgba(95,198,241, 0.9); }

body.mobil footer { padding:0 15px; }
  
    p.adres { float:none;  font-size:12px; line-height:24px; text-align:center; }
	p.imza { float:none; font-size:12px; line-height:24px; text-align:center;}
		 
.sayfagorsel { height:188px; }

  .koloni {float:none; width:100%; padding:30px 0 0 0;}

  .kolonm {float:none; width:100%; padding:45px 15px 15px 15px; height:45px; overflow:hidden; position:static; position: static; top: none; background:url(img/katok.png) no-repeat center #d2dfe7;}
    .kolonm:hover {height:auto; padding:15px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; background-image:none;}

	.kolonm ul { margin:15px 0 0 0;}
	.kolonm ul li a {padding:10px;}	
	  .kolonm ul li a.altk {padding:5px 10px;}	

  .refkolon {float:none; width:100%;}

  img.kenar {width:50%;}

  .icerik h1 { font-size:22px; line-height:140%; }
  .icerik h2 { font-size:20px; line-height:140%; }

	
	}

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

  img.kenar {width:100%; float:none; margin:0 0 30px 0;}

	}

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

    .kucukresimler a, .kucukresimler.katalog a { width:100%; margin:0 0 30px 0; }
	  .kucukresimler a.son, .kucukresimler.katalog a.son  { margin:0 0 30px 0; }
	  .kucukresimler.uclu a { width:100%; margin:0 0 30px 0; }

     p.adres { font-size:11px; letter-spacing:-0.5px; }
	p.imza { font-size:11px;} 
	}