@charset "UTF-8";
/*
* Engin Tasarım
* Copyright 2014
* www.engintasarim.com
* 09/09/2014
*/

/********************************************************************************************* 
3.  960 Grid Sistemi (Notebook) 960px genişlik için tasarım
*********************************************************************************************/
@media only screen and (min-width:960px) and (max-width:1199px){.engintasarim_16,.engintasarim_12{width:960px}.engintasarim_16 .engin01{width:40px}.engintasarim_16 .engin02{width:100px}.engintasarim_16 .engin03{width:160px}.engintasarim_16 .engin04{width:220px}.engintasarim_16 .engin05{width:280px}.engintasarim_16 .engin06{width:340px}.engintasarim_16 .engin07{width:400px}.engintasarim_16 .engin08{width:460px}.engintasarim_16 .engin09{width:520px}.engintasarim_16 .engin10{width:580px}.engintasarim_16 .engin11{width:640px}.engintasarim_16 .engin12{width:700px}.engintasarim_16 .engin13{width:760px}.engintasarim_16 .engin14{width:820px}.engintasarim_16 .engin15{width:880px}.engintasarim_16 .engin16{width:940px}.engintasarim_12 .engin01{width:60px}.engintasarim_12 .engin02{width:140px}.engintasarim_12 .engin03{width:220px}.engintasarim_12 .engin04{width:300px}.engintasarim_12 .engin05{width:380px}.engintasarim_12 .engin06{width:460px}.engintasarim_12 .engin07{width:540px}.engintasarim_12 .engin08{width:620px}.engintasarim_12 .engin09{width:700px}.engintasarim_12 .engin10{width:780px}.engintasarim_12 .engin11{width:860px}.engintasarim_12 .engin12{width:940px}}
	
/********************************************************************************************* 
4.  720 Grid Sistemi (Tablet) 720px genişlik için tasarım
*********************************************************************************************/
@media only screen and (min-width:720px) and (max-width:959px){.engintasarim_16,.engintasarim_12{width:720px}.engintasarim_16 .engin01{width:25px}.engintasarim_16 .engin02{width:70px}.engintasarim_16 .engin03{width:115px}.engintasarim_16 .engin04{width:160px}.engintasarim_16 .engin05{width:205px}.engintasarim_16 .engin06{width:250px}.engintasarim_16 .engin07{width:295px}.engintasarim_16 .engin08{width:340px}.engintasarim_16 .engin09{width:385px}.engintasarim_16 .engin10{width:430px}.engintasarim_16 .engin11{width:475px}.engintasarim_16 .engin12{width:520px}.engintasarim_16 .engin13{width:565px}.engintasarim_16 .engin14{width:610px}.engintasarim_16 .engin15{width:655px}.engintasarim_16 .engin16{width:700px}.engintasarim_12 .engin01{width:40px}.engintasarim_12 .engin02{width:100px}.engintasarim_12 .engin03{width:160px}.engintasarim_12 .engin04{width:220px}.engintasarim_12 .engin05{width:280px}.engintasarim_12 .engin06{width:340px}.engintasarim_12 .engin07{width:400px}.engintasarim_12 .engin08{width:460px}.engintasarim_12 .engin09{width:520px}.engintasarim_12 .engin10{width:580px}.engintasarim_12 .engin11{width:640px}.engintasarim_12 .engin12{width:700px}}

/********************************************************************************************* 
5.  720 den küçük Mobil (Mobil) 720px - 0 genişlik için tasarım
*********************************************************************************************/
@media only screen and (max-width:719px){.engintasarim_12,.engintasarim_16{width:90%}.engin01,.engin02,.engin03,.engin04,.engin05,.engin06,.engin07,.engin08,.engin09,.engin10,.engin11,.engin12,.engin13,.engin14,.engin15,.engin16{width:100%;margin-left:0;margin-right:0}.sol0{margin-left:0}.sag0{margin-right:0}.sol0sag0{margin-left:0;margin-right:0}.engintasarim_16 .engin01,.engintasarim_16 .engin02,.engintasarim_16 .engin03,.engintasarim_16 .engin04,.engintasarim_16 .engin05,.engintasarim_16 .engin06,.engintasarim_16 .engin07,.engintasarim_16 .engin08,.engintasarim_16 .engin09,.engintasarim_16 .engin10,.engintasarim_16 .engin11,.engintasarim_16 .engin12,.engintasarim_16 .engin13,.engintasarim_16 .engin14,.engintasarim_16 .engin15,.engintasarim_16 .engin16,.engintasarim_12 .engin01,.engintasarim_12 .engin02,.engintasarim_12 .engin03,.engintasarim_12 .engin04,.engintasarim_12 .engin05,.engintasarim_12 .engin06,.engintasarim_12 .engin07,.engintasarim_12 .engin08,.engintasarim_12 .engin09,.engintasarim_12 .engin10,.engintasarim_12 .engin11,.engintasarim_12 .engin12{width:100%}}

/********************************************************************************************* 
6.  Responsive Resim
*********************************************************************************************/
img.scale,img.responsive{max-width:100%;height:auto}

/********************************************************************************************* 
2.  960px Grid Sistemi (Notebook) 960px genişlik için tasarım - Normal Ekran Stiller
*********************************************************************************************/  
@media only screen and (min-width: 960px) and (max-width: 1199px) {
#ortakisim #slaytlar .slaytkutu img {height: 250px;}

#ortakisim #slaytlar .slaytkutu a h1 {margin: 10px;}

.bilesen .baslik h3 {font-size: 12px;}
.bilesen .bilesenic .owl-theme .owl-controls {top: 22%;}
.bilesen .bilesenic .basindan.owl-theme .owl-controls {top: 38%;}
.bilesen .bilesenic .kat_resim {width: 60px;height: 40px;}
.bilesen .bilesenic .kat_baslik h5 {font-size: 10px;line-height: 12px;margin-top: 0;}
.bilesen .bilesenic .kat_baslik i {font-weight: normal;}

.bilesen .bilesenic .yonetim .item .kat_resim {width: 91px;height: 110px;}
.bilesen .bilesenic .yonetim .item .kat_resim img{width: 91px;height: 110px;}

.bilesen .bilesenic .kat_resim img {height: 40px;}


.bilesen .bilesenic .faaliyettakvimi ul li {font-size: 11px;}

.bilesen .bilesenic .fotogaleri_k .kat_resim {width: 54px;margin-right: 2px;margin-bottom: 2px;}

a.tumunugoster {font-size: 11px;}

}

/********************************************************************************************* 
3.  720px Grid Sistemi (Tablet) 720px genişlik için tasarım - Tablet Ekran Stiller
*********************************************************************************************/ 
@media only screen and (min-width: 720px) and (max-width: 959px) {
#ustkisim #logo h2 {line-height: 40px;font-size: 18px;}
#menubar #anamenu ul {display:none;}
#menubar #anamenu #mobilmenu{display: block;}

#menubar #anamenu form#arama {padding: 10px 0 10px 0;margin: 20px 20px 20px 0;}
#menubar #anamenu form#arama input[type="text"]{padding: 5px 0;}
#menubar #anamenu form#arama input[type="submit"]{height: 32px;}
#menubar #anamenu form#arama i {padding: 9px 0;}

#ortakisim #slaytlar .slaytkutu img {height: 195px;}
#ortakisim #slaytlar .slaytkutu a h1 {background: rgba(0, 0, 0, 1);font-size: 14px;position: relative;margin: 0;}
#ortakisim #slaytlar .owl-buttons {display:block;}

.bilesen .baslik h3 {font-size: 12px;font-weight: normal;}
.bilesen .bilesenic .resimli .kat_resim {width: 125px;height: auto;margin: 0 0 3px 0;}
.bilesen .bilesenic .resimli .kat_baslik h5 {margin-bottom: 3px;}
#bilesengorunum1 .bilesen .bilesenic .resimli .item{display:none;}
#bilesengorunum1 .bilesen .bilesenic .resimli .item:nth-child(1){display:block;}
.bilesen .bilesenic .yonetim .item .kat_resim {width: 68px;height: 83px;margin: 0 0 4px 0;}
.bilesen .bilesenic .yonetim .item .kat_resim img{width: 68px;height: 83px;}
.bilesen .bilesenic .owl-theme .owl-controls .owl-prev {left: -6px;}
.bilesen .bilesenic .owl-theme .owl-controls .owl-next {right: -6px;}
.bilesen .bilesenic .owl-theme .owl-controls {top: 22%;}
#ortakisim #bilesengorunum2 .bilesen .bilesenic .resimli .kat_resim {width: 125px;height: auto;margin: 0 0 3px 0;}
#ortakisim #bilesengorunum2 .bilesen .bilesenic .resimli .kat_baslik h5 {margin-bottom: 5px;}
#ortakisim #bilesengorunum2 .bilesen .bilesenic .resimli .item{display:none;}
#ortakisim #bilesengorunum2 .bilesen .bilesenic .resimli .item:nth-child(1){display:block;}

.bilesen .bilesenic .basindan .kat_resim a img {height: 100px;}

.bilesen .bilesenic .faaliyettakvimi ul li {margin-right: 0;width: 130px;}
.bilesen .bilesenic .basindan.owl-theme .owl-controls {top: 33%;}

.bilesen .bilesenic .fotogaleri_k .kat_resim{width: 56px;height: auto;margin-right: 2px;margin-bottom: 2px;}
.bilesen .bilesenic .fotogaleri_k .kat_resim:nth-child(2n+2){margin-right:0!important;}
.bilesen .bilesenic .fotogaleri_k .kat_resim:nth-child(3n+3){margin-right:2px;}

a.tumunugoster {font-size: 11px;}

}


/********************************************************************************************* 
4.  720px den küçük Mobil (Mobil) 720px - 0 genişlik için tasarım - Mobil Ekran Stiller
*********************************************************************************************/ 
@media only screen and (max-width: 719px) {
#ustkisim #logo a img {float: none;display: inline-block;margin: 10px;}
#ustkisim #logo {padding-bottom: 100px;padding-right: 0;text-align:center;background-position:center bottom!important;}
#ustkisim #logo h1{padding: 0;}
#ustkisim #logo h2{padding: 0 0 10px 0;}
#menubar #anamenu {padding: 0;}
#menubar #anamenu ul {display:none;}
#menubar #anamenu #mobilmenu{display: block;}
#menubar #anamenu #mobilmenu .anasayfalink a i {font-size: 28px;}
#menubar #anamenu #mobilmenu form {float: right;width: 80%;}
#menubar #anamenu #mobilmenu form select{background: none;}
#menubar #anamenu form#arama {margin: 0 20px 20px 20px;}
#menubar #anamenu form#arama {}
#ortakisim #slaytlar .slaytkutu a h1 {background: rgba(0, 0, 0, 1);font-size: 14px;position: relative;margin: 0;}
#ortakisim #slaytlar .owl-buttons {display:block;}

#ortakisim #slaytlar .slaytkutu img {height: 200px;}

.bilesen .bilesenic .basindan .item {text-align:center;}
.bilesen .bilesenic .basindan .item .kat_resim {display: inline-block;float: none;}

.bilesen .bilesenic .fotogaleri_k .kat_resim{width: 90px;height: auto;margin-right: 5px!important;margin-bottom: 5px;}

}