
.zoom {transition: transform .2s;}
.zoom:hover {transform: scale(1.5);}
#slidebir .caption{font-size:1.5vw}

#ustgolge{display:block;width:100%;box-shadow: var(--bgrenk) 0px 10px 90px 100px;}
#ustalan{padding-top:10px;background-color: var(--renkiki);box-shadow: #fff 0px 11px 20px 10px}
#logo{display:inline-block;float:left;padding:10px;}
#aramaformu, #menubir{float:right}
#menubir ul ul{background-color: var(--bgrenk);box-shadow: var(--renkbir) 10px 10px 10px -10px;}
#slidebir{max-height:100%}
.genisgorsel .owl-slidealani .caption {bottom:unset;top: 25%;left: 5%;width: unset;padding: 2%;}
.s-active .caption {animation-name: bounceInLeft !important;}
#slidebir .owl-nav{display:none}

#rastgelegaleri ul#galeriresimleriajx{text-align:center;margin: 0;padding: 0}
/* ** aspect ratio kutu oluşturma
#rastgelegaleri ul li {display: inline-block;width: calc(100% / 4);padding-top: calc(100% / 4);position: relative;border: var(--renkbir) 1px solid;}
#rastgelegaleri ul li a{position: absolute;top: 0;left: 0;bottom: 0;right: 0;overflow: hidden}
*/
#rastgelegaleri ul li {display: inline-block;margin:1%;width: calc(82% / 4);border: var(--renkbir) 1px solid;}
#rastgelegaleri ul li a{display:block;width:100%;height:100%;}
#rastgelegaleri ul li a img{width:100%;height:auto}

#duyurubir .duyurukutusu {display: inline-block;width: calc(94% / 3);height:415px;overflow: hidden;padding: 2%;margin: 1%;border: var(--renkbir) 1px solid}
#duyurubir .dkresim{width:100%;overflow:hidden}
#duyurubir .dkresim img{width:100%;height:auto}
#duyurubir .dkbaslik{text-align: center;font-size: 140%;margin-bottom: 7px}

#haberbir{text-align:center}
#haberbir .haberkutusu {display: inline-block;width: calc(92% / 4);height:240px;overflow: hidden;padding: 2%;margin: 1%;border-top: var(--renkiki) 1px solid}
#haberbir .hkresim{width:100%;overflow:hidden}
#haberbir .hkresim img{width:100%;height:auto}
#haberbir .hkbaslik{text-indent:unset !important;text-align: center;font-size: 110%;margin-bottom: 7px}
#haberbir .hkbaslik a{color:var(--renkiki)}

#altalan{background-color: var(--renkikia);color: var(--renkuc);padding: 1%}
#sosyalaglar i{font-size:25px;margin-bottom:7px}

#mobilyanmenu {padding: 0 10px;}
#mobilyanlogoalan{padding-bottom: 10px;border-bottom: var(--renkbir) 5px solid;}
#mobilyanlogoalan img{width:95%;height:auto}

#altmenulist{text-align:center}
#altmenulist ul li{width: calc(82% / 4);display: inline-block;margin: 1%;position: relative;border: var(--renkbir) 1px solid;overflow: hidden}
#altmenulist ul li p{padding:0;max-width: 244px;max-height: 182px;overflow: hidden}
#altmenulist ul li p a{display:block;width:100%;height:100%;}
#altmenulist ul li p.altmenulistgorsel a img{width: 100%;height: auto;}

/* burçlar özel */
#menu_264 .dortlukutu img{max-width:250px}


@media only screen and (max-width: 640px){
	#logo {display: block;float: none;margin: 0 auto;}
	#rastgelegaleri ul li, #altmenulist ul li {width: calc(84% / 3)}
	.dortlukutu {width:calc(calc(100% / 3) - 20px)}
}
@media only screen and (max-width: 480px){
	#rastgelegaleri ul li, #altmenulist ul li {width: calc(86% / 2)}
	.dortlukutu {width:calc(calc(100% / 2) - 20px)}
}

@media only screen and (max-width: 360px){
	.dortlukutu {width:100%; display:block}
}

