@media only screen and  (max-width:481px){
.header {display:none;}	
.header-mobile { display: flex; position: fixed; top: 0; left: 0; width: 100vw; z-index: 999; flex-direction: column; }
.nav-surface-mobile {position: absolute;top: 0;left: 0;width: 100vw;height: 25vw;z-index: -1;opacity: 1;}
.fill-mobile { fill: #fff; }
.mobile-top-bar {display: flex;justify-content: space-between;align-items: center;width: 100vw;padding: 1vw 6vw;box-sizing: border-box;}
.mobile-logo-img { height: 12vw; object-fit: contain; }
.hamburger-btn {font-size: 8vw;color: #1b4b6d;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.mobile-menu-overlay {position: fixed;top: 0;right: -100vw;width: 100vw;height: 100vh;background-color: #ffffff;z-index: 1000;display: flex;flex-direction: column;padding: 10vw 8vw;box-sizing: border-box;transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: -2vw 0 5vw rgb(0 0 0 / 7%);overflow-y: auto;}
.mobile-menu-overlay.open { right: 0; }
.mobile-menu-close {align-self: flex-end;font-size: 10vw;color: #000000;cursor: pointer;margin-bottom: 8vw;transition: transform 0.3s ease;}
.mobile-menu-close:hover { transform: scale(1.1) rotate(90deg); color: #e74c3c; }
.mobile-nav-menu ul {list-style: none;display: flex;flex-direction: column;gap: 6vw;padding: 0;margin: 0 0 0vw 0;}
.mobile-nav-menu a {text-decoration: none;color: #000000;font-size: 3.5vw;font-weight: 600;letter-spacing: 0.2vw;border-bottom: 0.2vw solid #00000000;padding-bottom: 1vw;transition: all 0.3s ease;}
.mobile-nav-menu a.active, .mobile-nav-menu a:hover {color: #174261;border-bottom-color: #174261;}
.mobile-header-right { display: flex; flex-direction: column; gap: 5vw; border-top: 0.1vw solid rgba(255,255,255,0.1); padding-top: 8vw; }
.mobile-online {display: flex;align-items: center;justify-content: center;background-color: #dc3232;color: #ffffff;text-decoration: none;padding: 2.5vw;border-radius: 2vw;font-size: 3.5vw;font-weight: 600;gap: 2vw;transition: background-color 0.3s;}
.mobile-online:active { background-color: #cf6d18; }
.mobile-contact-btn {display: flex;align-items: center;color: #000000;text-decoration: none;font-size: 3.5vw;gap: 3vw;opacity: 0.9;}
.mobile-contact-btn .icon {font-size: 5.5vw;color: #143b57;width: 6vw;text-align: center;}
.mobile-beyhouse-box {display: flex;flex-direction: column;align-items: flex-start;margin-top: 2vw;padding: 4vw;background-color: rgb(255 255 255 / 5%);border-radius: 2vw;border: 0.1vw solid rgb(0 0 0 / 37%);}
.mobile-beyhouse-logo img { height: 8vw; object-fit: contain; }
.mobile-beyhouse-sub {font-size: 3.2vw;color: #000000;margin-top: 1vw;font-weight: 500;}

.anasayfa-alan-1 {position: relative;width: 100vw;height: 65vw;background-color: #111;overflow: hidden;margin-top: 14vw;}
.hero-dot {border: none;background: none;color: #000000;background: #ffffff3b;backdrop-filter: blur(.2vw);border: solid 0.1vw #ffffff;width: 5vw;height: 5vw;border-radius: 50%;font-size: 2.5vw;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;font-weight: 700;font-family: sans-serif;}
.hero-slider-arrows button {background: rgb(255 255 255 / 19%);border: 0.1vw solid rgba(255,255,255,0.4);backdrop-filter: blur(1vw);color: #000000;width: 5vw;height: 5vw;border-radius: 50%;font-size: 2.6vw;cursor: pointer;transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;}

.markalar-grid {display: grid;grid-template-columns: repeat(1, 1fr);gap: 3vw;width: 70%;padding: 0vw 0;}
.anasayfa-alan-2 {width: 100vw;height: auto;display: flex;position: relative;background: url(/wp-content/uploads/2026/06/mermer.png);background-size: cover;background-repeat: no-repeat;align-items: center;justify-content: center;}
.markalar-btn-wrapper {display: flex;justify-content: center;width: 70%;margin: 3vw 0;box-sizing: border-box;}
.tumunu-gor-btn {background-color: #273c5b;color: #ffffff;padding: 2.7vw 4.2vw;font-size: 2.75vw;text-decoration: none;border-radius: 2.15vw;font-weight: 500;letter-spacing: 0.05vw;transition: all 0.3s ease;display: inline-flex;align-items: center;gap: 0.5vw;}
.markalar-container {width: 100%;display: flex;flex-direction: column;gap: 2vw;align-items: center;justify-content: center;padding: 5vw 0;}

.alan3-container {display: flex;align-items: center;justify-content: space-between;width: 100%;gap: 6vw;flex-direction: column;}
.alan3-baslik {font-size: 5.8vw;color: #333333;font-weight: 400;margin-bottom: 1.5vw;letter-spacing: 0.05vw;}
.alan3-metin {font-size: 2.85vw;color: #777777;line-height: 4.6vw;margin-bottom: 2vw;text-align: left;}
.alan3-link {font-size: 4.1vw;color: #345c7d;text-decoration: none;transition: opacity 0.3s ease;}
.alan3-gorseller {flex: none;position: relative;height: 63vw;}
.alan3-gorsel-sag {position: absolute;right: 0vw;top: 0;width: 35vw;height: 50vw;object-fit: cover;z-index: 1;box-shadow: 0 0.5vw 1.5vw rgba(0,0,0,0.1);}
.alan3-gorsel-sol {position: absolute;left: 3vw;bottom: 0vw;width: 32vw;height: 51vw;object-fit: cover;z-index: 2;box-shadow: 0 0.5vw 1.5vw rgba(0,0,0,0.1);}
.iletisim-container {position: relative;z-index: 2;width: 100%;display: flex;justify-content: space-between;align-items: center;gap: 8vw;flex-direction: column;}

.katalog-ust-baslik {font-size: 2.6vw;color: #a58f78;letter-spacing: 0.2vw;font-weight: 600;text-transform: uppercase;}
.katalog-ana-baslik {font-size: 7.2vw;color: #333;font-weight: 400;}
.katalog-grid {display: grid;grid-template-columns: repeat(1, 1fr);gap: 6vw;width: 100%;}
.katalog-flip {perspective: 80vw;position: relative;width: 100%;height: 95vw;transform-style: preserve-3d;cursor: pointer;}
.katalog-front {background-size: cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;backface-visibility: hidden;background-position: center center;transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);transform: rotateY(0deg);transform-style: preserve-3d;z-index: 2;display: flex;align-items: flex-end;justify-content: center;padding: 10vw;box-sizing: border-box;}
.front-baslik {color: #ffffff;font-size: 3.2vw;font-weight: 400;text-align: center;position: relative;z-index: 3;transform: translateZ(4vw);text-shadow: 0 0.5vw 1vw rgba(0,0,0,0.5);}
.back-kategori {font-size: 2.7vw;color: #dc3232;letter-spacing: 0.1vw;text-transform: uppercase;}
.back-baslik {font-size: 5.6vw;color: #444;line-height: 7vw;width: 65vw;}
.katalog-link {font-size: 3.8vw;color: #666;text-decoration: none;border-bottom: 0.1vw solid #e0e0e0;padding-bottom: 0.3vw;width: max-content;transition: color 0.3s ease, border-color 0.3s ease;}
.back-icerik {display: flex;flex-direction: column;gap: 3vw;}

.yorum-ust-baslik {font-size: 2.6vw;color: #e0e0e0;letter-spacing: 0.2vw;font-weight: 600;text-transform: uppercase;}
.yorum-icerik-alani {position: relative;z-index: 2;width: 65vw;display: flex;flex-direction: column;gap: 2vw;}
.yorum-ana-baslik {font-size: 5.2vw;color: #ffffff;font-weight: 400;}
.yorum-metni {font-size: 3vw;color: #ffffff;line-height: 4.5vw;font-weight: 500;text-shadow: 0 0.1vw 0.3vw rgba(0,0,0,0.5);}
.yorum-yildizlar {color: #f1c40f;font-size: 2.8vw;letter-spacing: 0.1vw;}
.yorum-avatar-kutu {position: relative;width: 7.5vw;height: 7.5vw;background-color: #4b6271;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #ffffff;font-size: 4.5vw;font-weight: 600;}
.yorum-isim {font-size: 3.85vw;color: #ffffff;font-weight: 600;text-transform: uppercase;letter-spacing: 0.05vw;}
.yorum-kaynak {font-size: 2.7vw;color: #cccccc;}
.yorum-kullanici {display: flex;align-items: center;gap: 4vw;}
.yorum-slide {flex: 0 0 100%;width: 100%;display: flex;flex-direction: column;gap: 4vw;box-sizing: border-box;}
.yorum-tirnak {position: absolute;right: 16vw;bottom: 8vw;width: 11vw;height: 11vw;border: 0.1vw solid rgba(255,255,255,0.4);display: flex;align-items: center;justify-content: center;z-index: 2;border-radius: 0.3vw;}
.yorum-tirnak svg {width: 4.2vw;height: 4.2vw;fill: rgba(255,255,255,0.4);}
.yorum-dot {width: 2.7vw;height: 2.7vw;border-radius: 50%;background-color: rgba(255,255,255,0.3);cursor: pointer;transition: background-color 0.3s ease;}

.anasayfa-alan-6 .blog-ana-baslik {font-size: 4.5vw;color: #fdfdfd;font-weight: 400;}
.anasayfa-alan-6 .blog-kart {width: 67.33vw;flex-shrink: 0;display: flex;flex-direction: column;text-decoration: none;cursor: pointer;align-items: center;}
.anasayfa-alan-6 .blog-gorsel-kutu {position: relative;width: 100%;height: 85vw;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.anasayfa-alan-6 .blog-kart-baslik {font-size: 3.2vw;color: #333333;line-height: 5.6vw;font-weight: 400;}
.anasayfa-alan-6 a.blog-kart {font-size: 2.9vw;color: #000;}
.anasayfa-alan-6 .blog-slider-oklar button {background: transparent;border: 0.1vw solid rgba(255,255,255,0.4);color: #ffffff;width: 7vw;height: 7vw;border-radius: 50%;font-size: 2.2vw;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.anasayfa-alan-6 .blog-slider-oklar {display: flex;gap: 1vw;position: absolute;top: 50%;z-index: 9;justify-content: space-between;width: 85%;left: 7vw;}
.anasayfa-alan-6 .blog-tarih {position: absolute;top: 2.5vw;left: 2.5vw;width: 11vw;height: 11.5vw;border: 0.05vw solid rgba(255,255,255,0.4);display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 2;color: #ffffff;}
.anasayfa-alan-6 .blog-ay {font-size: 2.5vw;letter-spacing: 0.1vw;text-transform: uppercase;margin-bottom: 0.2vw;}
.anasayfa-alan-6 .blog-gun {font-size: 3vw;font-weight: 600;}
.anasayfa-alan-6 .blog-icerik {position: relative;background-color: #f6f5f0;width: 85%;padding: 4vw;margin-top: -4vw;z-index: 3;display: flex;flex-direction: column;gap: 0.8vw;box-shadow: 0 0.5vw 1vw rgba(0,0,0,0.1);transition: transform 0.4s ease;box-sizing: border-box;}

.bilgi-deger {font-size: 4.4vw;color: #ffffff;text-decoration: none;font-weight: 400;line-height: 6.6vw;transition: opacity 0.3s ease;}
.bilgi-baslik {font-size: 3.75vw;color: #e0e0e0;letter-spacing: 0.05vw;}
.bilgi-ikon {display: flex;align-items: center;justify-content: center;width: 6.5vw;height: 6.5vw;margin-top: 0.2vw;}
.bilgi-satir {display: flex;align-items: flex-start;gap: 3vw;}
.iletisim-form-alani {width: 72vw;background-color: #ffffff;padding: 3vw;border-radius: 0.2vw;box-shadow: 0 1vw 2vw rgba(0,0,0,0.1);box-sizing: border-box;}
.form-ust-baslik {font-size: 3.6vw;color: #a58f78;letter-spacing: 0.2vw;font-weight: 600;text-transform: uppercase;text-align: center;}
.form-ana-baslik {font-size: 4.8vw;color: #333333;font-weight: 400;text-align: left;}
.iletisim-formu-kapsayici input[type="text"], .iletisim-formu-kapsayici input[type="email"], .iletisim-formu-kapsayici input[type="tel"], .iletisim-formu-kapsayici textarea {width: 100%;padding: 1.8vw 0;border: none;border-bottom: 0.05vw solid #e0e0e0;background: transparent;font-size: 3vw;color: #333333;box-sizing: border-box;transition: border-color 0.3s ease;outline: none;resize: none;font-family: 'Segoe UI', sans-serif;}
::placeholder{font-size:3vw !important;}
.iletisim-formu-kapsayici textarea {height: 40vw;margin-top: 0.5vw;}
.iletisim-formu-kapsayici input[type="submit"] {background-color: #1b4b6d;color: #ffffff;border: none;padding: 2.2vw 1vw;width: 100%;font-size: 2.8vw;font-weight: 600;letter-spacing: 0.1vw;text-transform: uppercase;cursor: pointer;transition: background-color 0.3s ease;margin-top: 1.5vw;}
.ikili-satir {display: flex;gap: 1vw;width: 100%;}
.ikili-satir p {width: 100%;}
.ikili-satir br {display:none;}
.anasayfa-alan-7 {position: relative;width: 100vw;min-height: 30vw;padding: 12vw 14vw;background-image: url(/wp-content/uploads/2026/06/fotoselli-pisuvar.png);background-size: cover;background-position: center;background-attachment: fixed;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}

.marquee-item img {width: 100%;height: auto;max-height: 25vw;object-fit: contain;transition: transform 0.3s ease;}
.marquee-item {width: 20vw;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.markalar-track {display: flex;width: max-content;gap: 2vw;animation: sonsuz-kaydirma 30s linear infinite;}

.footer .footer-harita {display:none;}
.footer-icerik {width: 100%;height: 100%;padding: 7vw 15vw;display: flex;justify-content: flex-start;gap: 10vw;box-sizing: border-box;background-color: #1f1f1f;flex-direction: column;}
.footer-ust {display: flex;width: 100vw;height: auto;}
.footer-baslik {font-size: 3.4vw;font-weight: 400;letter-spacing: 0.05vw;color: #fdfdfd;}
.footer-linkler a {color: #a0a0a0;text-decoration: none;font-size: 3vw;transition: color 0.3s ease;}
.footer-metin {color: #d0d0d0;font-size: 3.1vw;line-height: 4.8vw;font-weight: 300;}
.footer-mail {color: #a0a0a0;font-size: 3vw;text-decoration: none;border-bottom: 0.05vw solid #444;padding-bottom: 0.2vw;width: max-content;margin-top: 0.5vw;transition: all 0.3s ease;}
.footer-sosyal a {color: #a0a0a0;width: 4.5vw;height: 4.5vw;display: flex;align-items: center;justify-content: center;transition: color 0.3s ease;}
.ssl-3d {width: 67vw;object-fit: cover;}
.footer-telif {display: flex;align-items: center;gap: 2.6vw;font-size: 2vw;color: #666666;letter-spacing: 0.05vw;}
.footer-telif img {height: 3.2vw;object-fit: contain;opacity: 0.8;transition: opacity 0.3s ease;cursor: pointer;}


.hero-meta {display: flex;align-items: center;gap: 1.8vw;color: #dc3232;font-size: 2.85vw;font-weight: 600;letter-spacing: 0.1vw;text-transform: uppercase;margin-bottom: 0.5vw;}
.hero {position: relative;width: 100vw;height: 60vw;margin-top: 13vw;display: flex;align-items: center;justify-content: flex-start;padding: 0px 16vw 0vw;box-sizing: border-box;}
.hero-baslik {font-size: 4vw;color: #ffffff;font-weight: 400;position: relative;text-align: left;z-index: 2;letter-spacing: 0.1vw;}
.hero-kategori-aciklama {font-size: 2.7vw;color: #ffffff;font-weight: 400;margin-top: 1vw;}

.kurumsal-icerik-baslik {font-size: 3.5vw;color: #333333;font-weight: 400;letter-spacing: 0.05vw;margin-bottom: 1vw;}
.kurumsal-metin {font-size: 2.7vw;color: #000000;line-height: normal;font-weight: 500;}

.markalar-card {width: 100vw;height: auto;display: flex;position: relative;background: url(/wp-content/uploads/2026/06/mermer.png);background-size: cover;background-repeat: no-repeat;align-items: center;justify-content: center;}

.blog-liste {display: grid;grid-template-columns: repeat(1, 1fr);gap: 8vw 3vw;width: 100%;padding: 4vw 16vw;box-sizing: border-box;}
.blog-gorsel-kutu {position: relative;width: 100%;height: 45vw;overflow: hidden;margin-bottom: 2vw;background-color: #f5f5f5;}
.blog-baslik {font-size: 3.5vw;color: #333333;line-height: normal;font-weight: 500;font-family: none;margin: 0;}
.blog-ozet {font-size: 2.5vw;color: #000000;line-height: normal;font-weight: 400;}
.blog-buton {background-color: #273c5b;color: #ffffff;padding: 1.8vw 2.5vw;font-size: 2.75vw;text-decoration: none;letter-spacing: 0.1vw;text-transform: uppercase;transition: background-color 0.3s ease;}
.blog-icerik {display: flex;flex-direction: column;gap: 3.5vw;align-items: flex-start;}
.blog-sayfalama .page-numbers {display: flex;align-items: center;justify-content: center;width: 7.5vw;height: 7.5vw;border-radius: 50%;border: 0.05vw solid #e0e0e0;color: #777777;text-decoration: none;font-size: 3.2vw;font-weight: 300;transition: all 0.3s ease;font-family: 'Segoe UI', sans-serif;}
.blogs .detay-metin p {font-family: 'Barlow', sans-serif;font-size: 2.7vw;font-weight: 500;color: #000000;margin-bottom: 20px;line-height: normal;}
.blogs .detay-metin h5 {font-size: 3.5vw;}
.blogs .detay-metin h4 {font-size: 3.5vw;}
.blogs .detay-metin h3 {font-size: 3.5vw;}
.blogs .detay-metin h2 {font-size: 3.5vw;}
.blogs .detay-metin h1 {font-size: 3.5vw;}

.iletisim-alt {display: flex;width: 100%;justify-content: space-between;gap: 8vw;padding: 8vw 16vw;box-sizing: border-box;flex-direction: column;}
.iletisim-ikon svg {width: 4.5vw;height: 4.5vw;stroke-width: 0.15vw;}
.iletisim-ikon {width: 7.5vw;height: 7.5vw;background-color: #fcfcfc;border: 0.05vw solid #f0f0f0;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #273c5b;flex-shrink: 0;transition: all 0.3s ease;}
.iletisim-label {font-size: 2.5vw;font-weight: 600;color: #333333;}
.iletisim-deger {font-size: 3.3vw;color: #666666;text-decoration: none;line-height: normal;transition: color 0.3s ease;}
.iletisim-sosyal svg {width: 5vw;height: 5vw;}
.iletisim-sosyal a {width: 5.5vw;height: 5.5vw;background-color: #fcfcfc;border: 0.05vw solid #f0f0f0;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #666666;transition: all 0.3s ease;}
.iletisim-sosyal {display: flex;gap: 3vw;margin-top: 1vw;}
.cf7-ikili-satir {display: flex;gap: 2.5vw;width: 100%;flex-direction: column;}
.cf7-iletisim-formu input[type="text"], .cf7-iletisim-formu input[type="email"], .cf7-iletisim-formu input[type="tel"], .cf7-iletisim-formu textarea {width: 100%;padding: 2.2vw 2.5vw;font-size: 2.7vw;font-family: 'Segoe UI', sans-serif;color: #333333;border: 0.05vw solid #e5e5e5;background-color: #fdfdfd;border-radius: 0.2vw;box-sizing: border-box;outline: none;transition: border-color 0.3s ease, background-color 0.3s ease;}
.cf7-iletisim-formu {display: flex;flex-direction: column;gap: 2.5vw;width: 100%;}
.cf7-iletisim-formu input[type="submit"] {background-color: #1b4b6d;color: #ffffff;font-size: 2.8vw;font-weight: 600;text-transform: uppercase;letter-spacing: 0.1vw;padding: 3.2vw 3.5vw;border: none;border-radius: 0.2vw;cursor: pointer;transition: background-color 0.3s ease;width: max-content;}







}/*--------@media screen(max-width:800px) BİTER--------*/