#sbaslik {width:100%; float:left;  position:relative; z-index:1;  background:#444; color:#fff;}
	#sbaslik #sb_ort {width:1200px; box-sizing:border-box; margin:auto; height:220px;  position:relative; z-index:9; }
	#sbaslik #sb_ort #sb_yazi {position:absolute; bottom:40px;}
	#sbaslik #sb_ort #sb_yazi h1 {font-weight:600; font-size:40px; float:left; width:100%; float:left;  padding-right:60px; box-sizing:border-box; font-family: 'Gilda Display', serif;}
	#sbaslik #sb_ort #sb_yazi>span {font-size:16px; float:left; width:100%; padding-right:60px; box-sizing:border-box; float:left;}

#sayfa_cerceve {width:100%; float:left; padding:80px 0;}	
#sayfa {width:1200px; margin:auto; position:relative; z-index:1;}
	#sayfa #sayfa_haberler {width:918px; float:left;}
	#sayfa #sayfa_haberler .haber {width:440px;}
	#sayfa #sayfa_haberler .haber:first-child {float:left;}
	#sayfa #sayfa_haberler .haber:last-child {float:right;}
	#sayfa #sayfa_haberler .haber a.resim {float:left;}
	#sayfa #sayfa_haberler .haber a.resim img {width:120px; height:120px; border-radius:120px; float:left; margin-right:15px; display:block; background:#ebebeb;}
	#sayfa #sayfa_haberler .haber h2 {width:305px; float:left; margin-bottom:5px; font-size:18px; margin-top:9px;}
	#sayfa #sayfa_haberler .haber h2 a {float:left;}
	#sayfa #sayfa_haberler .haber span {width:305px; float:left;}
	
	#sayfa #sayfa_orta {width:100%; float:left;}
	#sayfa #sayfa_orta .iresim {float:left; max-width:300px; display:block; margin-right:10px; margin-bottom:10px;}
	#sayfa #sayfa_orta iframe {width:100%; height:520px;}
	#sayfa #sayfa_orta>ul {list-style: circle; margin: 30px;}
	#sayfa #sayfa_orta>ul>li {margin: 10px 0; list-style: circle;}

	#sayfa #sayfa_orta h2 {font-size: 28px; font-weight: 600;}
	#sayfa #sayfa_orta h3 {font-size: 26px; font-weight: 600;}
	#sayfa #sayfa_orta h4 {font-size: 22px; font-weight: 600;}
	#sayfa #sayfa_orta h5 {font-size: 18px; font-weight: 600;}
	
	#sayfa #sayfa_orta .meta {width:380px; padding:10px; float:left; background:#1c1c1c; border-bottom:1px solid #131313; color:#fff;}
	#sayfa #sayfa_orta .meta span:first-child {float:left; width:200px; font-weight:700;}
	#sayfa #sayfa_orta .meta span:last-child {float:left;}
	
	#sayfa #sayfa_orta #urun_slide {width:100%; height:360px; float:left; position:relative; margin-bottom:30px; border-radius:5px;}
	#sayfa #sayfa_orta #urun_slide a#sol_ok{font-size:70px; position:absolute; top:150px; left:20px; z-index:99; color:#fff; text-shadow:0 0 10px #000; transition:all 0.5s;}
	#sayfa #sayfa_orta #urun_slide a#sol_ok:hover{transform:scale(1.2);}
	#sayfa #sayfa_orta #urun_slide a#sag_ok{font-size:70px; position:absolute; top:150px; right:20px; z-index:99; color:#fff; text-shadow:0 0 10px #000; transition:all 0.5s;}
	#sayfa #sayfa_orta #urun_slide a#sag_ok:hover{transform:scale(1.2);}
	#sayfa #sayfa_orta #urun_slide ul {list-style:none; width:999999px; height:360px; overflow:hidden; display:block; float:left;}
	#sayfa #sayfa_orta #urun_slide ul li {float:left; width:100%;}
	#sayfa #sayfa_orta #urun_slide ul li a {float:left;  width:100%; height:360px; border-radius:10px;}
	#sayfa #sayfa_orta #urun_slide ul li a img {width:100%; height:360px; display:block;}
	
	#sayfa #sayfa_orta h1 {width:870px; float:left; font-size:22px; padding-bottom:10px; margin-bottom:15px; color:#2d2d2d; font-weight:700; border-bottom: 1px solid #f6fdff; display:none;}
	#sayfa #sayfa_orta h1.urun_baslik {width:360px; float:left; font-size:18px; padding-bottom:5px; margin-bottom:10px; border-bottom:1px dotted #454545;}
	#sayfa #sayfa_orta #urun_resim {width:100%; float:left; margin-bottom:10px;}
	
	#sayfa #sayfa_orta #haberler {width:100%; float:left;}
	#sayfa #sayfa_orta #haberler .haber {width:100%; min-height:120px; float:left; margin-bottom:20px; padding-bottom:20px; background:url(../images/hc_bg.png) bottom left repeat-x; border-bottom:1px solid #eae9e9; position:relative;}
	#sayfa #sayfa_orta #haberler .haber a.resim {position:absolute; left:0px;}
	#sayfa #sayfa_orta #haberler .haber a.resim img {width:120px; height:120px; border-radius:5px; float:left; margin-right:15px; display:block; background:#fff;}
	#sayfa #sayfa_orta #haberler .haber a.resim img.vesika {width:120px; height:160px;}
	#sayfa #sayfa_orta #haberler .haber h2 {width:100%; padding-left:135px; box-sizing:border-box; float:left; margin-bottom:5px; font-size:22px; margin-top:9px; font-weight:700;}
	#sayfa #sayfa_orta #haberler .haber h2 a {float:left;}
	#sayfa #sayfa_orta #haberler .haber span {padding-left:135px; box-sizing:border-box; float:left;}
	
	#sayfa #sayfa_orta #haberler .kadro {width:285px; height:auto; float:left; margin-right:20px; margin-bottom:30px;}
	#sayfa #sayfa_orta #haberler .kadro:nth-child(4n+0) {margin-right:0px;}
	#sayfa #sayfa_orta #haberler .kadro img {width:100%; height:auto; float:left; border-radius:10px; box-shadow:0 0 10px #0000001f;}
	#sayfa #sayfa_orta #haberler .kadro h3 {width:100%; float:left; line-height:30px; font-weight:600; font-family: 'Poppins', sans-serif;}
	#sayfa #sayfa_orta #haberler .kadro span {width:100%; float:left;}
	#sayfa #sayfa_orta #haberler .kadro span:nth-child(3) {font-size:14px; color:#a3a3a3;}
	#sayfa #sayfa_orta #haberler .kadro span:nth-child(4) {}

	#sayfa #sayfa_orta #haberler .urun {width:270px; margin:10px; float:left; min-height:260px;}
	#sayfa #sayfa_orta #haberler .urun a.resim {width:100%; float:left; height:200px; margin-bottom:10px;}
	#sayfa #sayfa_orta #haberler .urun:hover a.resim {box-shadow:0 0 10px #ccc;}
	#sayfa #sayfa_orta #haberler .urun h2 {width:100%; float:left; text-align:center; font-size:16px; font-weight:700;}
	#sayfa #sayfa_orta #haberler .urun h2 a {}


	#sayfa #sayfa_orta #haberler .kat {width:170px; height:170px; float:left; margin-bottom:10px; margin-right:10px; position:relative;}
	#sayfa #sayfa_orta #haberler .kat a.resim {float:left;}
	#sayfa #sayfa_orta #haberler .kat a.resim img {width:170px; height:170px; float:left; margin-right:15px; display:block; background:#fff; border-radius:5px;}
	#sayfa #sayfa_orta #haberler .kat h2 {margin-bottom:5px; font-size:14px; margin-top:9px; font-weight:700; position:absolute; bottom:10px; background:#692008; padding:5px 10px; right:0px; border-radius:5px 0 0 5px;}
	#sayfa #sayfa_orta #haberler .kat h2 a {float:left;}
	
	#sayfa #sayfa_orta .gallery {list-style:none; margin-top:30px;}
	#sayfa #sayfa_orta .gallery li {float:left; margin:8px;}
	#sayfa #sayfa_orta .gallery li a{}
	#sayfa #sayfa_orta .gallery li a img {width:200px; display:block; transition:all 0.5s;}
	#sayfa #sayfa_orta .gallery li a img:hover {}
	
	#sayfa #sayfa_sidebar {width:300px; float:right; display:none;}
	#sayfa #sayfa_sidebar h2 {width:100%; float:left; font-size:22px; padding-bottom:5px; margin-bottom:10px; border-bottom: 1px solid #BDB9B9; color:#2d2d2d; font-weight:700;}
	#sayfa #sayfa_sidebar h3 {width:100%; float:left; font-size:18px; font-weight:700;}
	#sayfa #sayfa_sidebar h3 a {float:left; color:#fff; width:100%; height:50px; line-height:50px; padding:0 15px; box-sizing:border-box; background:#404040; transition:all 0.5s;}
	#sayfa #sayfa_sidebar h3 a:hover {background:#346694;}
	#sayfa #sayfa_sidebar>ul {list-style:none; float:left; width:100%; margin-bottom:20px; box-sizing:border-box; overflow:hidden; background:#fff; box-shadow:0 0 5px #00000014;}
	#sayfa #sayfa_sidebar>ul>li {width:100%; float:left; border-bottom:1px solid #e8f6fa;}
	#sayfa #sayfa_sidebar>ul>li:last-child {border:none;}
	#sayfa #sayfa_sidebar>ul>li>a {padding:0 15px; box-sizing:border-box; height:50px; line-height:50px; display:block; width:100%; float:left; color:#2f2f2f; font-weight:700; transition:all 0.5s;}
	#sayfa #sayfa_sidebar>ul>li>a>i {float:right; line-height:50px;}
	#sayfa #sayfa_sidebar>ul>li>a:hover {
		color:#fff;
		background: #0e7000;
	}
	
	#sayfa #sayfa_sidebar>ul>li>ul {width:100%; padding-left:30px; box-sizing:border-box; list-style:none;}
	#sayfa #sayfa_sidebar>ul>li>ul>li {width:100%; margin-bottom:15px; float:left;}
	#sayfa #sayfa_sidebar>ul>li>ul>li>a {float:left;}
	
	#sayfa #sayfa_sidebar #facebook {float:left; margin-top:15px;}
	
	.form {width:100%; float:left;}
	.form .text {width:100%; float:left;}
	.form .text .acik {float:left; margin-bottom:5px; font-weight:700;}
	.form .text .macik {float:right;  margin-bottom:5px; font-size:11px; color:#ccc;}
	.form .text input[type="text"],
	.form .text input[type="date"] {padding:15px; width:100%; box-sizing:border-box; float:left; margin-bottom:10px; border:1px solid #cdcdcd;}
	.form .text select {padding:15px; width:100%; box-sizing:border-box; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;}
	.form .text input[type="file"] {padding:15px; width:100%; box-sizing:border-box; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;}
	.form .text textarea {padding:15px; width:100%; box-sizing:border-box; height:100px; float:left; margin-bottom:10px; border:1px solid #cdcdcd; border-radius:5px;}
	input.error, textarea.error {border:3px solid #cf2727 !important;}
	label.error {display:none !important;}
	
	#sayfa #sayfa_orta #iletisim1 {width:550px; float:right;}
	#sayfa #sayfa_orta #iletisim1 h1 {width:100%; float:left;}

	#sayfa #sayfa_orta #iletisim2 {width:600px; float:left;}
	#sayfa #sayfa_orta #iletisim2 h1 {width:100%; float:left;}
	#sayfa #sayfa_orta #iletisim2 .form {width:100%;}
	#sayfa #sayfa_orta #iletisim2 .form .text {width:100;}
	#sayfa #sayfa_orta #iletisim2 .form .text input {padding:15px 10px; width:100%; box-sizing:border-box; border:1px solid #cdcdcd;}
	#sayfa #sayfa_orta #iletisim2 .form .text textarea {width:100%; box-sizing:border-box; padding:10px 4px; border:1px solid #cdcdcd;}
	#sayfa #sayfa_orta #iletisim2 input.error, #sayfa #sayfa_orta #iletisim2 textarea.error {border:1px solid #cf2727 !important;}
	
	#sayfala {margin-top:20px; width:100%; text-align:center;}
	#sayfala  a{font-size:14px; font-weight:700; font-weight:700; padding:5px 11px; display:inline-block; background:#292929; color:#fff; margin:0 5px;}
	#sayfala  a:hover {background:#fff; color:#0a0a0a;}
	#sayfala .aktif {background:#fff; color:#0a0a0a;}
	
	.button1 {
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
		background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
		background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
		background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
		background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
		background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
		background-color:#ffffff;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		border-radius:15px;
		border:1px solid #dcdcdc;
		display:inline-block;
		cursor:pointer;
		color:#666666;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
		padding:6px 12px;
		text-decoration:none;
		text-shadow:0px 1px 0px #ffffff;
	}
	.button1:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
		background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
		background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
		background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
		background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
		background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
		background-color:#f6f6f6;
	}
	.button1:active {
		position:relative;
		top:1px;
	}
	
	#yorumlar {width:690px; float:left; margin-bottom:10px; margin-top:40px;}
	#yorumlar h3 {width:690px; float:left; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #e3e3e3; font-weight:700; font-size:18px;}
	
	#yorumlar #yorum_yaz {width:690px; float:left;}
	#yorumlar #yorum_yaz form {float:left; margin-bottom:20px;}
	#yorumlar #yorum_yaz input[type="text"] {padding:10px; border:1px solid #cbcbcb; width:46%; font-size:12px; font-family: 'PT Sans', sans-serif;}
	#yorumlar #yorum_yaz textarea {font-size:12px; border:1px solid #cbcbcb; width:670px; float:left; margin:15px 0; padding:10px; font-family: 'PT Sans', sans-serif; height:80px;}
	#yorumlar #yorum_yaz span {float:right; font-size:12px; color:#cbcbcb;}
	#yorumlar #yorum_yaz input[type="submit"] {float:right; border:none; padding:10px 15px; font-family: 'PT Sans', sans-serif; background:#f9b60a; color:#fff;}
	
	#yorumlar #tum_yorumlar {width:690px; float:left;}
	#yorumlar #tum_yorumlar #yorum_yok {width:660px; float:left; padding:15px; background:#ffeec2; border-bottom:1px solid #d3c39c;}
	#yorumlar #tum_yorumlar .yorum {width:670px; padding:10px; background:#f0f0f0; border-bottom:1px solid #cdcdcd; margin-bottom:10px; float:left;}
	#yorumlar #tum_yorumlar .yorum h4 {width:670px; font-size:13px; float:left; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #cdcdcd;}
	#yorumlar #tum_yorumlar .yorum h4 .tarih {font-size:11px; float:right;}
	#yorumlar #tum_yorumlar .yorum span.yrm {width:670px; float:left;}		
		
		
	.dokuman {width:100%; float:left; height:35px; margin-bottom:1px; padding:0 15px; background:#00a4a7; color:#fff; line-height:35px; box-sizing:border-box; font-weight:700;}
	.dokuman:hover {background:#067375; color:#fff;}
	.dokuman i {float:left; line-height:35px; margin-right:8px; font-weight:400;}	
		
		
	.osb::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #1bafb2;
	}
	
	.osb::-webkit-scrollbar {
		width: 5px;
		background-color: #1bafb2;
	}
	
	.osb::-webkit-scrollbar-thumb {
		background-color: #175d5f;
	}
	
	.osb {
		float: left;
		background: #F5F5F5;
		overflow-y: scroll;
	}

/********************/

.icerik_kutu_1 {width:380px; height:auto; float:left; box-sizing:border-box; position:relative; margin-right:30px; margin-bottom:30px;}
	#haberler .icerik_kutu_1:nth-child(3n+0) {margin-right:0px;}
	.icerik_kutu_1 a.aimg {float:left; margin-bottom:15px; width:100%;}
	.icerik_kutu_1 a.aimg img {width:100%; height:240px; background:#ccc; display:block; float:left; border-radius:10px;}
	.icerik_kutu_1 h4 {width:100%; float:left; font-size:22px; font-weight:600; margin-bottom:5px;}
	.icerik_kutu_1 h4 a {}
	.icerik_kutu_1 span {width:100%; float:left; color:#585555; margin-bottom:5px; height:40px;}
	.icerik_kutu_1 a.detaylar {
		float:left; padding:0 20px; color:#fff; height:35px; line-height:35px; display:block; box-sizing:border-box; border-radius:35px; font-weight:700;
		background: rgb(143,200,254);
		background: linear-gradient(180deg, rgba(143,200,254,1) 0%, rgba(42,148,251,1) 100%);
	}
	.icerik_kutu_1 a.detaylar i {margin-left:15px; transition:all 0.5s;}
	.icerik_kutu_1 a.detaylar:hover i {margin-left:20px;}

	.icerik_kutu_1 a.harita {position:absolute; right:20px; top:100px; height:25px; line-height:25px; color:#a6a6a6; background:#f6fcff; border-radius:25px; padding:0 10px; font-size:12px;}
	.icerik_kutu_1 a.harita i {margin-right:5px; font-size:14px;}
	
.p0px {padding:0px !important;}
.w710 {width:100%; !important;}
    
@media screen and (max-width:600px) {
	#sayfa_cerceve {padding:40px 0;}
	#sayfa #sayfa_orta iframe {height: 320px;}

    #sbaslik {padding-top:55px;}
    #sbaslik #sb_ort {width:100%; float:left; padding:0 20px; height:auto; margin:20px 0;}
	#sbaslik #sb_ort #sb_yazi {width:100%; left:0px; box-sizing:border-box; position:relative; float:left; bottom:0px;}
    #sbaslik #sb_ort #sb_yazi h1 {padding:0px; font-size:20px;}
    #sbaslik #sb_ort #sb_yazi>span {padding:0px; font-size:14px;}
    #sbaslik .sb_bg {width:100%; height:285px;}

    #sayfa {width:100%; padding:0 15px; box-sizing:border-box;}
    #sayfa #sayfa_orta {width:100%;}
    #sayfa #sayfa_orta h1 {width:100%;}

    #sayfa #sayfa_sidebar {width:100%; float:left; margin-top:30px;}
    #sayfa #sayfa_orta #haberler {width:100%;}
    #sayfa #sayfa_orta #haberler .urun {width:100%; margin:0px; margin-bottom:10px; min-height:auto;}

    #sayfa #sayfa_orta #haberler .haber a.resim img {width:60px; height:60px;}
    #sayfa #sayfa_orta #haberler .haber h2 {padding-left:75px; font-size:16px;}
    #sayfa #sayfa_orta #haberler .haber span {padding-left:75px;}
    
    #sayfa #sayfa_orta #haberler .kadro {width:calc(50% - 7.5px); margin-right:15px;}
    #sayfa #sayfa_orta #haberler .kadro:nth-child(2n+0) {margin:0px;}
    #sayfa #sayfa_orta #haberler .kadro img {height:auto;}
    
    #sayfa #sayfa_orta #iletisim1 {width:100%; margin-bottom:30px;}
    #sayfa #sayfa_orta #iletisim2 {width:100%;}

    #sayfa #sayfa_orta .gallery li {margin:10px; float:left; width:calc(50% - 20px);}
    #sayfa #sayfa_orta .gallery li a img {width:100%; float:left;}

    .icerik_kutu_1 {width:100%; height:auto; margin:0px; margin-bottom:15px;}
    .icerik_kutu_1 a.aimg {width:100%;}
    .icerik_kutu_1 a.aimg img {width:100%; height:auto;}	
}

#sayfa_orta table {width:100% !important; font-size:15px !important; margin-bottom:20px; border-spacing: 0; border-collapse: collapse;}
#sayfa_orta table tr {border-bottom:1px solid #ccc; transition:all 0.5s;}
#sayfa_orta table tr:nth-child(even) {background-color: #f2f2f2}
#sayfa_orta table tr:hover {background-color: #f3bd51;}
#sayfa_orta table tr td {padding:10px; border: 1px solid #ddd;}
#sayfa_orta table tr th {padding:10px; border: 1px solid #ddd; font-weight:700; font-size:16px;}


#yeni_resim {width:610px; float:left; position:sticky; top:20px; display: flex; flex-direction: column;}
#yeni_resim a.ures {width:100%;}
	#yeni_resim a.ures img {width:100%; height:400px; object-fit: cover; float:left; margin-bottom:15px;}
	#sgaleri {width:100%; float:left; position:relative; margin-bottom:10px;}
	.must_cerceve {width:100%; float:left; overflow:hidden; margin-bottom:10px;  z-index: 99; position:relative;}
	.must_cerceve ul {list-style:none; float:left; width:100%;}
	.must_cerceve ul li {float:left;}
	.must_cerceve ul li img {width:100%; height:400px; object-fit:cover; float:left; border-radius:10px;}

	.malt_cerceve {width:100%; float:left; overflow:hidden;}
	.malt_cerceve ul {list-style:none; float:left; width:100%;}
	.malt_cerceve ul li {float:left;}
	.malt_cerceve ul li img {width:100%; border:1px solid #ddd; object-fit:cover; height:100px; border-radius: 5px;}
	.malt_cerceve ul li.swiper-slide-thumb-active img {border:1px solid #eb8810;}


#yeni_aciklama {width:550px; background:#fff; float:right; display:flex; flex-direction:column;}
	#yeni_aciklama h1 {display:block !important; width:100% !important; font-size:32px !important; font-weight:600 !important; margin-bottom:5px !important; padding-bottom: 0px; border:none !important;}
	
	#yeni_aciklama .urun-kategori {margin-bottom:20px; display: flex; align-items: center; gap:20px; font-size:14px;}
	#yeni_aciklama .urun-kategori span {}
	#yeni_aciklama .urun-kategori a.ukategori {padding:5px 15px; background:#69a027; color:#fff; border-radius:5px; transition: all 0.5s;}
	#yeni_aciklama .urun-kategori a.ukategori:hover {background: #81c82a;}
	
	.urun-bilgi {border:1px solid #eee; display: flex; flex-direction: column; margin-bottom:15px; border-radius:10px;}
	.urun-bilgi h6 {font-size:18px; padding:20px 20px; border-bottom:1px solid #eee; font-weight:600;}
	.urun-bilgi .urun-yazi {padding:20px; display: flex; flex-direction: column;}
	.urun-bilgi .urun-yazi img {width:100% !important; height:auto !important;}

	.urun-bilgi .urun-yazi .info-row {display: flex; align-items: center; padding:5px 0; border-bottom:1px solid #eee;}
	.urun-bilgi .urun-yazi .info-row span:first-child {width:130px;}
	.urun-bilgi .urun-yazi .info-row span:last-child {font-weight: 600;}

	.urun-bilgi .urun-yazi form {display: flex; flex-direction: column; gap:20px;}
	.form-row {display: flex; flex-direction: column; gap:3px;}
	.form-row label {font-size:12px; opacity: 0.7; display: flex; gap:10px; align-items: flex-end; justify-content: space-between;}
	.form-row label span {font-size:10px; color:#ff0000;}
	.form-row input {padding:15px; border:1px solid #ddd;}
	.form-row textarea {padding:15px; border:1px solid #ddd;}
	.form-row button {padding:10px 25px; border:none; max-width: fit-content; background: #eb8810; color:#fff; border-radius:5px;}

	.form-info {padding: 15px; border:1px solid #e2c106; background:#fffade; color:#2a250c; display:none;}
	
@media screen and (max-width:600px) {
	#yeni_resim {width:100%; margin-bottom:50px; position:relative; top:0px;}
	#yeni_resim a.ures img {height: auto;}
	#yeni_aciklama {width:100%; overflow:auto;}

	#sgaleri::after {display: none;}
	.malt_cerceve ul li img {height: 60px;}
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

.mypage-whatsapp-phone {
    position: fixed;
    left: 0px;
    bottom: 0px;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 200000 !important;
}
.mypage-whatsapp-ph-img-circle {
    width: 30px;
    height: 30px;
    top: 43px;
    left: 43px;
	font-size:18px;
	text-align:center;
	line-height:28px; 
	color:#fff;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-color: #0d9f16;
    background-size: 70%;
}
.mypage-whatsapp-ph-circle-fill {
    width: 60px;
    height: 60px;
    top: 28px;
    left: 28px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgba(13,159,22,0.5);
    opacity: .75 !important;
}
.mypage-whatsapp-ph-circle{
    width: 90px;
    height: 90px;
    top: 12px;
    left: 12px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    border-color: #0d9f16;
    opacity: .5;
}

.mypage-alo-phone {
    position: fixed;
    right: 0px;
    bottom: 0px;
    visibility: visible;
    background-color: transparent;
    width: 110px;
    height: 110px;
    cursor: pointer;
    z-index: 200000 !important;
}
.mypage-alo-ph-img-circle {
    width: 30px;
    height: 30px;
    top: 43px;
    left: 43px;
	font-size:18px;
	text-align:center;
	line-height:28px; 
	color:#fff;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: .7;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background-color: #0089B9;
    background-size: 70%;
}
.mypage-alo-ph-circle-fill {
    width: 60px;
    height: 60px;
    top: 28px;
    left: 28px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    background-color: rgba(0, 175, 242, 0.5);
    opacity: .75 !important;
}
.mypage-alo-ph-circle{
    width: 90px;
    height: 90px;
    top: 12px;
    left: 12px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30, 30, 30, 0.4);
    opacity: .1;
    border-color: #0089B9;
    opacity: .5;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}