/*
	Oyos Yazılım
	16 Aralık 2025  - ismail ihsan bülbül - e-ben@msn.com
*/
@font-face {
    font-family: 'zona_probold';
    src: url('../fonts/ZonaPro-Bold.otf') format('woff2'),
         url('../fonts/ZonaPro-Bold.otf') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zona_proextralight';
    src: url('../fonts/ZonaPro-ExtraLight.otf') format('woff2'),
         url('../fonts/ZonaPro-ExtraLight.otf') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {font-size:15px; font-family:'zona_proextralight', sans-serif; background:url('../images/bg.jpg') top center no-repeat #f4f4f4;}
strong, b {font-weight:700;}
p {margin-bottom:15px;}

a {color:#2c3136;}
	a:hover {color:#aa8453;}

header {width:100%; float:left; position:relative; height:145px; padding:0 30px; z-index:9; display: flex; align-items: center; justify-content: center;}
header #hort {display: flex; align-items: center; justify-content: space-between; max-width: 1200px; width: 100%;}
header h1 {}
header h1 a {width:214px; height:54px; background:url('../images/logo.png') top left no-repeat; background-size:contain !important; float:left; text-indent:-99999px;}

header ul#hmenu {font-size:18px; width:auto; display: flex; gap: 30px; float: right; margin-top: 10px;}
header ul#hmenu li {display: flex;}
header ul#hmenu li a {float:left; color:#fff; padding-bottom:5px; border-bottom:2px solid #fff0; transition:all 0.5s;}
header ul#hmenu li a:hover {border-bottom:2px solid #fff;}

header #hsmenu {
    position: relative;   /* ÇOK KRİTİK */
    float: right;
}
header #hsmenu ul#sosyal {
    position: absolute;
    top: -55px;          /* İLETİŞİM'in üstüne çıkarır */
    right: 90px;            /* Sağdan hizalar */
    display: flex;
    font-size: 14px;
}
header #hsmenu ul#sosyal li {
    float: none;
    margin-left: 10px;
}
header #hsmenu ul#sosyal li a {
    color:#fff;
    width:25px;
    height:25px;
    border-radius:100%;
    text-align:center;
    line-height:25px;
    border:1px solid #fff;
    display: inline-block;
}

header #hsmenu a#hdil {float:left; color:#fff; margin-left:20px; height:35px; line-height:35px; border:1px solid #fff; border-radius:35px; padding:0 15px; transition:all 0.5s;}
header #hsmenu a#hdil:hover {background:#fff; color:#1a1d24;}
header #hsmenu a#hdil i {float:left; margin-right:5px; line-height:35px;}

#slider {width:100%; height:100vh; min-height:600px; background:#1e1e1e; float:left; margin-top:-145px; position:relative;}
	#slider ul {width:100%; float:left; position:relative; z-index:2;}
	#slider ul li::before {
		background: rgb(0,0,0);
		background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8267682072829132) 100%);
		position:absolute; top:0px; left:0px; content:''; height:300px; width:100%; z-index:1;
	}
	#slider ul li {float:left; height:100vh; min-height:600px; width:100%; position: relative;}
	#slider ul li .sort {margin:auto; margin-top:750px; width:900px; color:#fff; text-align:center; position:relative; z-index:2;}
	#slider ul li .sort h2 {
    font-size: 46px;
    width: 100%;
    float: left;

    /* ✍️ El yazısı hissi */
    font-family: 'Pacifico', 'Dancing Script', cursive;

    margin-bottom: 10px;
    letter-spacing: 1px;

    /* 🔥 Okunurluk için kritik dokunuşlar */
    text-shadow:
        0 2px 6px rgba(0,0,0,0.6),
        0 6px 20px rgba(0,0,0,0.4);
}
	#slider ul li .sort span {font-size:20px; width:100%; float:left; letter-spacing:2px;}

#hizli_menu {width:100%; float:left; padding:90px 0;}
	#hizli_menu #hm_ort {width:1200px; margin:auto; display:grid; grid-template-columns: repeat(3,1fr); gap:20px; padding:0 20px;}
	
	#hizli_menu #hm_ort .hm_icerik {
		width:100%; height:400px; position:relative; padding:35px 40px; position:relative; transition:all 0.5s;
		box-shadow: inset 5px 5px 10px #0000000d, inset -5px -5px 10px #ffffff94;
	}

	#hizli_menu #hm_ort .hm_icerik:hover {transform: scale(1.1);}
	#hizli_menu #hm_ort .hm_icerik::before {width:100%; height:100%; content:''; position:absolute; background:#000; left:0px; top:0px; opacity:0; transition: all 0.5s;}
	#hizli_menu #hm_ort .hm_icerik::after {width:100%; height:100%; content:''; position:absolute; left:0px; top:0px; background-size:cover !important; z-index:-1; opacity:0; transition: all 0.5s;}

	#hizli_menu #hm_ort .hm_icerik:hover:before {opacity:0.7;}
	#hizli_menu #hm_ort .hm_icerik:hover::after {opacity:1;}
	
	#hizli_menu #hm_ort .hm_icerik#hmi_1::after {background:url('../images/hmi_1.jpg') center center no-repeat;}
	#hizli_menu #hm_ort .hm_icerik#hmi_2::after {background:url('../images/hmi_2.jpg') center center no-repeat;}
	#hizli_menu #hm_ort .hm_icerik#hmi_3::after {background:url('../images/hmi_3.jpg') center center no-repeat;}
	#hizli_menu #hm_ort .hm_icerik#hmi_4::after {background:url('../images/hmi_1.jpg') center center no-repeat;}
	#hizli_menu #hm_ort .hm_icerik#hmi_5::after {background:url('../images/hmi_2.jpg') center center no-repeat;}
	#hizli_menu #hm_ort .hm_icerik#hmi_6::after {background:url('../images/hmi_3.jpg') center center no-repeat;}

	#hizli_menu #hm_ort .hm_icerik .hm_mb {width: 52px; height: 52px; background: #519177; color: #fff; border-radius: 50%; display: flex;    align-items: center; justify-content: center; font-size: 24px; font-weight: 700; line-height: 1; margin-bottom: 13px;}

	#hizli_menu #hm_ort .hm_icerik:hover .hm_mb {color:#fff;}
	#hizli_menu #hm_ort .hm_icerik .hm_mb span:nth-child(1) {float:left;}
	#hizli_menu #hm_ort .hm_icerik .hm_mb span:nth-child(2) {float:right; font-weight:700;}
	
	#hizli_menu #hm_ort .hm_icerik h4 {width:100%; float:left; padding-bottom:20px; border-bottom:1px solid #519177; position:relative; font-size:26px; font-weight:700; color:#2c3136; font-family: 'zona_probold',sans-serif; margin-bottom: 25px;}
	#hizli_menu #hm_ort .hm_icerik h4::before {content:''; width:85px; height:4px; background:#519177; position:absolute; bottom:0px; left:0px;}
	
	#hizli_menu #hm_ort .hm_icerik:hover h4 {color:#fff; border-bottom:1px solid #fff;}
	#hizli_menu #hm_ort .hm_icerik:hover h4::before {background:#fff;}

	
	#hizli_menu #hm_ort .hm_icerik>span {position:relative; margin-bottom:10px; left:0px; font-size:14px; color:#000000; display:block;}
	#hizli_menu #hm_ort .hm_icerik>span i {margin-right:15px;}

	#hizli_menu #hm_ort .hm_icerik:hover>span {color:#fff;}

#mutfak_modelleri {width:100%; float:left; padding:90px 0; background-color: #2c5645; color:#fff;}
	#mutfak_modelleri #mm_ort {width:1200px; margin:auto;}
	#mutfak_modelleri #mm_ort #mm_baslik {width:100%; float:left; margin-bottom:60px; text-align:center;}
	#mutfak_modelleri #mm_ort #mm_baslik span {width:100%; float:left; font-size:16px; opacity:0.5; margin-bottom:15px;}
	#mutfak_modelleri #mm_ort #mm_baslik h2 {width:100%; float:left; font-size:55px; font-weight:700; color:#ffffff; font-family: 'zona_probold',sans-serif;}

	#mutfak_modelleri #mm_ort ul#mm_basliklar {width:100%; float:left; margin-bottom:50px;}
	#mutfak_modelleri #mm_ort ul#mm_basliklar li {float:left; width:10.5%;}
	#mutfak_modelleri #mm_ort ul#mm_basliklar li a {width:100%;}
	#mutfak_modelleri #mm_ort ul#mm_basliklar li a h5 {width:100%; float:left; font-size:14px; font-weight:700; color:#ffffff; margin-bottom:5px; font-family: 'zona_probold',sans-serif;}
	#mutfak_modelleri #mm_ort ul#mm_basliklar li a span:nth-child(1) {width:100%; height:35px; border-bottom:1px solid #ffffff; color:#ffffff; margin-bottom:10px; font-weight:700; float:left;}
	#mutfak_modelleri #mm_ort ul#mm_basliklar li a:hover span:nth-child(1),
	#mutfak_modelleri #mm_ort ul#mm_basliklar li a.aktif span:nth-child(1) {border-bottom:5px solid #ffffff; color:#fff;}
	#mutfak_modelleri #mm_ort ul#mm_basliklar li a span:nth-child(3) {width:100%; float:left; opacity:0.5; font-size:14px; color:#fff; display:none;}
	#mutfak_modelleri #mm_ort ul#mm_basliklar li a.aktif span:nth-child(3) {display:block;}

	#mutfak_modelleri #mm_ort #mm_urunler {width:100%; float:left; height:485px; overflow:hidden; position:relative;}
	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun {width:100%; float:left; height:485px; position:relative; display:none;}
	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun:first-child {display:block;}
	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun .mmu_yazi {position:absolute; left:0px; top:50%; transform:translateY(-50%); width:360px;}
	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun .mmu_yazi h5 {width:100%; float:left; color:#ffffff; font-weight:700; margin-bottom:15px; font-size:26px; font-family: 'zona_probold',sans-serif;}
	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun .mmu_yazi span {width:100%; float:left; font-size:18px; padding-bottom:30px; margin-bottom:20px; border-bottom:1px solid #ffffff; position:relative; letter-spacing:1px; line-height:22px;}
	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun .mmu_yazi span::before {content:''; width:85px; height:5px; position:absolute; bottom:0px; left:0px; background:#ffffff;}
	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun .mmu_yazi a {float:left; font-size:16px; color:#fff;}
	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun .mmu_yazi a i {margin-left:10px; transition:all 0.5s;}
	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun .mmu_yazi a:hover i {margin-left:15px;}

	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun .mmu_resim {
		width:750px; height:485px; float:right; background:#ccc; position:relative; overflow:hidden;
	}
	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun .mmu_resim ul {width:100%; height:485px; float:left;}
	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun .mmu_resim ul li {width:100%; float:left; height:485px;}

	#mutfak_modelleri #mm_ort #mm_urunler #mm_oklar {position:absolute; top:50px; left:0;}
	#mutfak_modelleri #mm_ort #mm_urunler #mm_oklar a {width: 45px; height: 45px; text-align: center; line-height: 45px; float: left; border-radius: 100%; color: #fff; box-shadow: inset 5px 5px 10px #0000001a, inset -5px -5px 10px #00000038; margin-right:10px; transition:all 0.5s;}
	#mutfak_modelleri #mm_ort #mm_urunler #mm_oklar a:hover {box-shadow:inset 5px 5px 10px #0000004f, inset -5px -5px 10px #00000038;}

	#mutfak_modelleri #mm_ort #mm_urunler #mm_oklar a.la-arrow-left {}
	#mutfak_modelleri #mm_ort #mm_urunler #mm_oklar a.la-arrow-right {}

#bloglar {width:100%; float:left; padding:90px 0;}
	#bloglar #blg_ort {width:1050px; margin:auto;}
	#bloglar #blg_ort .blog {float:left; height:390px; width:100%; position:relative;}
	#bloglar #blg_ort .blog:first-child {margin-bottom:90px;}
	#bloglar #blg_ort .blog img {width:550px; height:390px; background:#1f2022; float:left;}
	#bloglar #blg_ort .blog .byazi {width:420px; position:absolute; top:50%; right:0px; transform:translateY(-50%);}
	#bloglar #blg_ort .blog .byazi h3 {width:100%; float:left; padding-top:30px; border-top:1px solid #cddbea; position:relative;  margin-bottom:15px; font-size:35px; font-weight:700; font-family: 'zona_probold',sans-serif;}
	#bloglar #blg_ort .blog .byazi h3::before {content:''; width:85px; height:5px; position:absolute; left:0px; top:0px; background:#cddbea;}
	#bloglar #blg_ort .blog .byazi h3 a {float:left; color:#2c3136;}
	#bloglar #blg_ort .blog .byazi span {font-size:16px; float:left; width:100%; color:#3d4349; margin-bottom:40px; letter-spacing:1px; line-height:22px;}
	#bloglar #blg_ort .blog .byazi a.bbuton {
		height:50px; line-height:50px; padding:0 15px; border-radius:50px; font-size:16px; color:#687078; float:left; position:relative; background:#e2ebf2; transition:all 0.5s;
		box-shadow: 5px 5px 10px #0000001a,
            		-5px -5px 10px #ffffff;
	}
	#bloglar #blg_ort .blog .byazi a.bbuton:hover {background:#ffffffde;}
	#bloglar #blg_ort .blog .byazi a.bbuton::before {
		content:''; width:110%; left:-5%; height:70px; top:-10px; position:absolute; border-radius:70px; z-index:-1; transition:all 0.5s; 
		box-shadow: inset 5px 5px 10px #0000001a,
            		inset -5px -5px 10px #ffffff;
	}
	#bloglar #blg_ort .blog .byazi a.bbuton:hover::before {width:120%; left:-10%; height:80px; top:-15px;}
	#bloglar #blg_ort .blog .byazi a.bbuton i {margin-left:10px;}

	#bloglar #blg_ort .blog:nth-child(2) img {float:right;}
	#bloglar #blg_ort .blog:nth-child(2) .byazi {right:initial; left:0px;}

#banyo_modelleri {width:100%; float:left; padding:90px 0; position:relative; color:#fff;}
	#banyo_modelleri::before {content:''; width:100%; height:650px; position:absolute; left:0px; top:0px; background:url('../images/bm_bg_img.jpg') #33363e no-repeat; z-index:-1;}
	#banyo_modelleri #bm_ort {width:990px; margin:auto;}
	#banyo_modelleri #bm_ort #bm_urunler {width:100%; float:left; position:relative;}

	#banyo_modelleri #bm_ort #bm_urunler #bm_oklar {position:absolute; top:180px; right:-65px; width:45px;}
	#banyo_modelleri #bm_ort #bm_urunler #bm_oklar a {width: 45px; height: 45px; text-align: center; line-height: 45px; float: left; border-radius: 100%; color: #fff; box-shadow: inset 5px 5px 10px #0000001a, inset -5px -5px 10px #00000038; margin-bottom:10px; transition:all 0.5s;}
	#banyo_modelleri #bm_ort #bm_urunler #bm_oklar a:hover {box-shadow:inset 5px 5px 10px #0000004f, inset -5px -5px 10px #00000038;}


	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve {width:100%; float:left; height:700px;}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu {width:100%; float:left; height:700px;}

	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_cerceve {width:530px; height:700px; float:right; overflow:hidden; background:#33363e;}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_cerceve ul {width:100%; float:left;}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_cerceve ul li {width:100%; height:700px; float:left;}

	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_yazi {width:380px; float:left; margin-top:130px;}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_yazi h3 {width:100%; float:left; font-size:35px; font-weight:700; position:relative; border-top:1px solid #505158; padding-top:30px; margin-bottom:15px; font-family: 'zona_probold',sans-serif;}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_yazi h3::before {content:''; width:85px; height:5px; position:absolute; top:0px; left:0px; background:#505158;}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_yazi h3 a {color:#eec085; float:left;}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_yazi span {width:100%; float:left; margin-bottom:30px; letter-spacing:1px; line-height:22px;}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_yazi a.bmu_buton {
		height:50px; line-height:50px; padding:0 15px; border-radius:50px; font-size:16px; color:#fff; float:left; position:relative; background:#191c2363; transition:all 0.5s;
		box-shadow: 5px 5px 10px #0000001a,
            		-5px -5px 10px #ffffff0f;
	}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_yazi a.bmu_buton:hover {background:#191c23f7;}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_yazi a.bmu_buton::before {
		content:''; width:110%; left:-5%; height:70px; top:-10px; position:absolute; border-radius:70px; z-index:-1; transition:all 0.5s; 
		box-shadow: inset 5px 5px 10px #0000001a,
            		inset -5px -5px 10px #ffffff12;
	}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_yazi a.bmu_buton:hover::before {width:120%; left:-10%; height:80px; top:-15px;}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_yazi a.bmu_buton i {margin-left:10px;}

#mutfak_renkler {width:100%; float:left; padding:90px 0; position:relative;}
	#mutfak_renkler::before {content:''; width:100%; height:510px; position:absolute; left:0px; bottom:0px; background:url('../images/bm_bg.jpg') #33363e no-repeat; z-index:-1;}
	#mutfak_renkler #mr_ort {width:970px; margin:auto;}
	#mutfak_renkler #mr_ort h4 {width:100%; float:left; text-align:center; font-size:45px; font-weight:700; color:#2c3136; margin-bottom:40px; font-family: 'zona_probold',sans-serif;}
	#mutfak_renkler #mr_ort h4 span {color:#d38d32;}

	#mutfak_renkler #mr_ort #mr_resim {width:100%; height:460px; float:left; background:#ccc; margin-bottom:40px; position:relative; overflow:hidden;}

	#mutfak_renkler #mr_ort #mr_yazi {width:100%; float:left;}
	#mutfak_renkler #mr_ort #mr_yazi #mry_bilgi {width:470px; float:left; color:#fff;}
	#mutfak_renkler #mr_ort #mr_yazi #mry_bilgi h5 {width:100%; float:left; font-weight:700; color:#eec085; margin-bottom:15px; font-size:32px; font-family: 'zona_probold',sans-serif;}
	#mutfak_renkler #mr_ort #mr_yazi #mry_bilgi span {width:100%; float:left; font-size:18px;}
	#mutfak_renkler #mr_ort #mr_yazi a.mry_button {
		height:50px; line-height:50px; padding:0 15px; border-radius:50px; font-size:16px; color:#fff; float:right; position:relative; background:#191c2363; transition:all 0.5s;
		box-shadow: 5px 5px 10px #0000001a,
            		-5px -5px 10px #ffffff0f;
	}
	#mutfak_renkler #mr_ort #mr_yazi a.mry_button:hover {background:#191c23f7;}
	#mutfak_renkler #mr_ort #mr_yazi a.mry_button::before {
		content:''; width:110%; left:-5%; height:70px; top:-10px; position:absolute; border-radius:70px; z-index:-1; transition:all 0.5s; 
		box-shadow: inset 5px 5px 10px #0000001a,
            		inset -5px -5px 10px #ffffff12;
	}
	#mutfak_renkler #mr_ort #mr_yazi a.mry_button:hover::before {width:120%; left:-10%; height:80px; top:-15px;}
	#mutfak_renkler #mr_ort #mr_yazi a.mry_button i {margin-left:10px;}


footer {width:100%; float:left; background:url('../images/fbg.jpg') #1a1d24 no-repeat;}
	footer #fust {width:100%; text-align:center; padding:40px 0; border-bottom:1px solid #242831;}
	footer #fust a#flogo {width:198px; height:50px; text-indent:-99999px; background:url('../images/logo.png') top left no-repeat; background-size:contain; display:inline-block;}

	footer #fmenu {width:100%; float:left; padding:40px 0; border-bottom:1px solid #242831; text-align:center;}
	footer #fmenu ul#fumenu {display:inline-block; margin-bottom:30px;}
	footer #fmenu ul#fumenu li {float:left; margin:0 30px;}
	footer #fmenu ul#fumenu li a {float:left; color:#fff; font-size:16px; transition:all 0.5s;}
	footer #fmenu ul#fumenu li a:hover {color:#eec085;}

	footer #fmenu ul#fsosyal {display:inline-block;}
	footer #fmenu ul#fsosyal li {float:left; margin:0 15px;}
	
	footer #fmenu ul#fsosyal li a {
		width:45px; height:45px; text-align:center; line-height:45px; float:left; border-radius:100%; color:#fff; transition:all 0.5s;
		box-shadow: inset 5px 5px 10px #0000001a,
					inset -5px -5px 10px #00000038;
	}
	footer #fmenu ul#fsosyal li a:hover {box-shadow:inset 5px 5px 10px #0000004f, inset -5px -5px 10px #00000038;}

	footer #fcop {width:100%; float:left; padding:40px 0; text-align: center;;}
	footer #fcop #fcop_ort {width:730px; margin:auto; font-size:14px; color:#abaeb6; letter-spacing:1px;}
	footer #fcop #fcop_ort p {}
	footer #fcop #fcop_ort p:last-child {color:#fff;}
	footer #fcop #fcop_ort a {color:#eec085; text-decoration:underline;}
	
	.swiper-container {
		width: 100%;
		height: 200px;
	  }
	  .swiper-container + .swiper-container {
		margin-top: 30px;
	  }
	  
	  .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		/* Center slide text vertically */
		display: flex;
		justify-content: center;
		align-items: center;
	  }
	  
	  .swiper-pagination-bullet {
		width: 50px;
		height: 5px;
		border-radius: 0;
		position: relative;
		overflow: hidden;
	  }
	  .swiper-pagination-bullet::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	  }
	  
	  .swiper-pagination-bullet-active {
		background: rgba(0, 0, 0, 0.4);
	  }
	  .swiper-pagination-bullet-active::before {
		background-color: #eec085;
		-webkit-animation: slide-progress 5s cubic-bezier(0.3, 0, 0.3, 1) forwards;
				animation: slide-progress 5s cubic-bezier(0.3, 0, 0.3, 1) forwards;
	  }
	  .swiper-paused .swiper-pagination-bullet-active::before {
		-webkit-animation-play-state: paused;
				animation-play-state: paused;
	  }
	  
	  @-webkit-keyframes slide-progress {
		0% {
		  transform: translateX(-100%);
		}
		100% {
		  transform: translateX(0);
		}
	  }
	  
	  @keyframes slide-progress {
		0% {
		  transform: translateX(-100%);
		}
		100% {
		  transform: translateX(0);
		}
	  }

#sbaslik #sb_ort #sb_yazi h1 {font-family: 'zona_probold',sans-serif;}
#sayfa #sayfa_orta {font-size:16px; letter-spacing:2px; line-height:22px;}
#sbaslik #sb_ort #sb_yazi h1 {margin-bottom:10px;}
#sbaslik #sb_ort #sb_yazi>span {font-size:18px; letter-spacing:2px; line-height:22px;}
#sayfa #sayfa_orta #iletisim1 {font-size:16px; letter-spacing:2px; line-height:22px;}

#sayfa #sayfa_orta .gallery {width:100%; float:left; display:flex; margin:0 -10px; flex-wrap: wrap;}
#sayfa #sayfa_orta .gallery li {width:25%; margin:0px !important; padding:10px;}
#sayfa #sayfa_orta .gallery li a {width:100%; float:left; transition:all 0.5s;}
#sayfa #sayfa_orta .gallery li a:hover {transform:scale(1.1);}
#sayfa #sayfa_orta .gallery li a img {width:100% !important; height:auto; height:auto;}

.icerik_kutu_1 h4 {font-family: 'zona_probold',sans-serif;}

a#mobil_menu {width:45px; line-height:45px; height:45px; background:#fff; color:#1a1d24; font-size:22px; border-radius:45px; text-align:center; margin-top:10px; display:none;}
@media screen and (max-width:600px) {
	a#mobil_menu {display:block;}

	header {padding:15px; height:100px;}
	header h1 {}
	header h1 a {width:205px; height:52px;}
	
	header ul#hmenu {top:100px; left:0px; width:100%; background:#fff; padding:15px; transform:none; display:none; position: absolute;}
	header ul#hmenu li {width:100%; float:left;}
	header ul#hmenu li a {border-bottom:0px; padding:0px; height:35px; line-height:35px; width:100%; color:#1a1d24;}
	header ul#hmenu li a:hover {padding:0px; border:none;}
	
	header #hsmenu {margin-top:0px;}
	header #hsmenu a#hdil {display:none;}

	#slider ul li .sort {width:100%; float:left; padding:0 15px;}
	#slider ul li .sort h2 {font-size:22px;}
	#slider ul li .sort span {font-size:16px;}

	#hizli_menu {padding:60px 15px;}
	#hizli_menu #hm_ort {width:100%; grid-template-columns: 1fr; float:left; padding:0px;}
	#hizli_menu #hm_ort .hm_icerik {min-height:350px; max-height:400px;}

	#mutfak_modelleri {padding:60px 15px;}
	#mutfak_modelleri #mm_ort {width:100%;}
	#mutfak_modelleri #mm_ort #mm_baslik h2 {font-size:22px;}
	#mutfak_modelleri #mm_ort ul#mm_basliklar {margin-bottom:20px;}
	#mutfak_modelleri #mm_ort ul#mm_basliklar li a h5 {display:none !important;}
	#mutfak_modelleri #mm_ort ul#mm_basliklar li a.aktif span:nth-child(3) {display:none !important;}
	#mutfak_modelleri #mm_ort #mm_urunler {height:auto;}
	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun {height:auto;}
	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun .mmu_resim {width:100%; height:300px; margin-bottom:15px;}
	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun .mmu_resim ul {height:300px;}
	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun .mmu_resim ul li {height:300px;}
	#mutfak_modelleri #mm_ort #mm_urunler .mm_urun .mmu_yazi {position:relative; left:initial; top:initial; transform:none; width:100%; float:left;}
	#mutfak_modelleri #mm_ort #mm_urunler #mm_oklar {display:none;}

	#bloglar {padding:60px 15px;}
	#bloglar #blg_ort {width:100%; float:left;}
	#bloglar #blg_ort .blog {height:auto;}
	#bloglar #blg_ort .blog:first-child {margin-bottom:15px;}
	#bloglar #blg_ort .blog img {width:100%; height:auto; margin-bottom:20px;}
	#bloglar #blg_ort .blog .byazi {width:100%; float:left; position:relative; left:initial; top:initial; transform:none;}
	#bloglar #blg_ort .blog .byazi h3 {font-size:26px;}

	#banyo_modelleri {padding:60px 15px;}
	#banyo_modelleri::before {height:100%;}
	#banyo_modelleri #bm_ort {width:100%; float:left;}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve {height:auto;}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu {height:auto;}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_cerceve {width:100%; float:left; height:400px;}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_cerceve ul li {height:400px;}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_yazi {margin-top:20px; width:100%;}
	#banyo_modelleri #bm_ort #bm_urunler #bmu_cerceve .bmu .bmu_yazi h3 {font-size:26px;}

	#mutfak_renkler {padding:60px 15px; display:none;}

	footer #fmenu ul#fumenu {display:none;}
	footer #fcop {padding:40px 15px;}
	footer #fcop #fcop_ort {width:100%; float:left;}

	#sbaslik {margin-top:-100px !important; padding-top:110px !important;}
	#sayfa #sayfa_orta .gallery li {width:50% !important;}
	#sayfa #sayfa_orta .gallery li a img {height:auto !important;}
}