@media only screen and  (max-width:481px){
header {width: 100% !important;height: 20vw !important;}
.logo img {width: 13vw !important;}
.theme-toggle, .instagram-icon, .menu-toggle {font-size: 6vw !important;}
.right-icons {gap: 4.5vw !important;width: 10vw !important;}
.fullscreen-menu nav ul li a {font-size: 4.5vw !important;}
.fullscreen-menu .sub-menu li a {font-size: 3.5vw !important;}
.fullscreen-menu nav ul li {margin: 5vw 0 !important;}
.fullscreen-menu .sub-menu li {margin: 3.5vw 0 !important;}
.fullscreen-menu nav ul {list-style: none;text-align: center;width: 100% !important;}
.fullscreen-menu .sub-menu {margin-top: 4vw !important;}
a.down {display: flex;width: 100%;align-items: center;justify-content: center;margin-top: -4.5vw;color: #fff;position: relative;z-index: 90;top: -9vw;}
.mouse {display:none !important;}
.anasayfa-alan-2 .alan2-ust h3 {font-size: 5vw !important; }
.anasayfa-alan-2 .alan2-ust h3 span {font-size: 5vw !important;}
.anasayfa-alan-2 .alan2-ust p {font-size: 3vw !important;width: 85vw !important;}
.anasayfa-alan-2 .alan2-ust a {font-size: 3vw !important;}
.anasayfa-alan-2 .slider-container {height: 30vh !important;}
.anasayfa-alan-2 .slider-item.active .slider-content {width: 80vw !important;height: 45vw !important;}
.anasayfa-alan-2 .slider-item.next {transform: translateX(17vw) scale(1.1) !important;filter: blur(0.5vw) !important;}
.anasayfa-alan-2 .slider-item.prev {transform: translateX(-17vw) scale(1.1) !important;filter: blur(0.5vw) !important;}
.anasayfa-alan-2 .nav-button {bottom: 2vw !important;font-size: 3vw !important;}
.anasayfa-alan-2 .animated-gradient {top: 31vw !important;left: 20% !important;width: 58vw !important;height: 54vw 1;}
.anasayfa-alan-2 .alan2-ust {display: flex !important;flex-direction: column !important;align-items: center !important;height: 25vw !important;justify-content: center !important;gap: 2vw !important;margin-top: 15vw !important;}
.anasayfa-alan-2 .alan2-gecis {height: 11vw !important;margin-top: -19vw !important;}

.anasayfa-alan-4 .infinite-scrolling-images {height: 110vw !important;}
.anasayfa-alan-4 .scroller img:nth-child(2n) {height: 40vw !important;}
.anasayfa-alan-4 .scroller img {width: 100% !important;height: 30vw !important;}
.column.right-column {display: none !important;}
.anasayfa-alan-4 a.all-projects {font-size: 2.7vw !important;padding: 1.5vw 2vw !important;}

.anasayfa-alan-5 {height: auto;margin: 10vw 0 !important;}
.anasayfa-alan-5 .brand-scroller-track {gap: 20vw !important;}
.anasayfa-alan-5 .brand-item img {width: 21vw !important;height: 15vw !important;}

.anasayfa-alan-6 {margin-top: -74vw !important;margin-bottom: 75vw !important;}
.anasayfa-alan-6 .container {width: 50%;height: 122vw !important;position: relative;overflow: hidden;margin: 0 auto;transform: scale(2) !important;}

.anasayfa-alan-7 {height: auto;display: flex;flex-direction: column;align-items: center;margin: 15vw 0 !important;gap: 7vw !important;}
.anasayfa-alan-7 .alan7-ust h2 {color: #fff;font-size: 4.1vw !important;font-weight: 200;font-family: 'Exo 2';}
.anasayfa-alan-7 .video-player {height: 50vw !important;}
.anasayfa-alan-7 .alan7-ust span {color: #fff;font-size: 2.6vw !important;font-weight: 100 !important;width: 109vw !important;font-family: 'Exo 2';}
.anasayfa-alan-7 .alan7-ust {display: flex;justify-content: space-around !important;width: 87% !important;gap: 0 !important;align-items: center !important;}

.kurumsal .hero-badge span {color: #ffffff94;font-weight: 500;font-size: 2.7vw !important;text-transform: uppercase;letter-spacing: 0.1vw;}
.kurumsal .hero-badge i {color: #ffffff94;font-size: 2.5vw !important;}
.kurumsal h1 {color: #fff;font-size: 7vw !important;margin-bottom: 3.5vw !important;}
.kurumsal .hero-description {max-width: 90vw !important;margin: 0 auto 5vw !important;font-size: 3vw !important;color: #71717a;}
.kurumsal .btn {display: inline-flex;align-items: center;justify-content: center;padding: 0.8vw 2vw;border-radius: var(--radius);font-weight: 500;font-size: 3vw !important;transition: all 0.3s ease;cursor: pointer;border: none;}
.kurumsal .btn i {margin-left: 0.5vw;font-size: 2.8vw !important;}
.kurumsal .btn {display: flex;justify-content: center;padding: 1.8vw 3vw;border-radius: var(--radius);font-weight: 500;font-size: 3vw;transition: all 0.3s ease;cursor: pointer;border: none;flex-direction: row !important;gap: 1.5vw !important;align-items: baseline !important;}
.kurumsal .hero-buttons {display: flex !important;flex-direction: row !important;align-items: center;gap: 3vw !important;}
.kurumsal .about-ara-img {height: 60vw !important;}
.kurumsal h2 {color: #fff;font-size: 5vw !important;margin-bottom: 7.5vw !important;}
.kurumsal .section-header p {max-width: 80vw !important;margin: 0 auto;font-size: 3.1vw !important;}
.kurumsal .section-header {text-align: center;margin-bottom: 6vw !important;}

.kurumsal .service-icon i {font-size: 4.5vw !important;}
.kurumsal .service-item h3 {font-size: 3.3vw !important;margin-bottom: 0.5vw;transition: color 0.3s ease;}
.kurumsal .service-item p {font-size: 3.3vw !important;color: #71717a;line-height: normal !important;}
.kurumsal .service-item {padding: 5.5vw 3.5vw !important;border-radius: 0.8vw;display: flex;gap: 3vw !important;background-color: rgb(20 20 20 / 30%);backdrop-filter: blur(0.5vw);border: 1px solid rgba(229, 231, 235, 0.2);transition: all 0.5s ease;opacity: 0;animation: fadeInUp 0.6s forwards;flex-direction: column;}
.kurumsal .services-grid {display: grid;grid-template-columns: repeat(1, 1fr) !important;gap: 6vw !important;}

.kurumsal .feature-steps {display: flex !important;flex-direction: column !important;gap: 8vw !important;align-items: center;}
.kurumsal .feature-image-container {position: relative;height: 60vw !important;width: 100% !important;overflow: hidden;border-radius: 0.5vw;order: 1;}
.kurumsal .step-indicator {width: 7.5vw !important;height: 7.5vw !important;border-radius: 50%;display: flex;align-items: center;justify-content: center;border: 0.1vw solid #71717a;background-color: #f4f4f5;transition: all 0.3s ease;}
.kurumsal .step-indicator span {font-size: 3vw !important;font-weight: 600;}
.kurumsal .step-content h3 {font-size: 3.7vw !important;color: #ffffff;margin-bottom: 0.5vw;}
.kurumsal .step-content p {font-size: 2.7vw !important;color: #71717a;}
.kurumsal .feature-steps-list {display: flex;flex-direction: column;gap: 6vw !important;order: 2;}
.kurumsal .process-section {padding: 8vw 0 !important;text-align: center;margin-bottom: 8vw !important;}
.kurumsal .feature-step {display: flex;align-items: flex-start !important;gap: 2vw;opacity: 0.3;transition: opacity 0.5s ease;}

.kurumsal .card {display: flex;width: 100%;margin: 0 auto;flex-direction: column;align-items: center;}
.kurumsal .stats-grid {display: grid;grid-template-columns: repeat(1, 1fr) !important;gap: 5vw !important;}
.kurumsal .stat-icon {width: 10.5vw !important;height: 10.5vw !important;border-radius: 50%;background-color: #ffffff1c;display: flex;align-items: center;justify-content: center;margin-bottom: 1vw;color: #ffffff;transition: all 0.3s ease;}
.kurumsal .stat-icon i {font-size: 4.5vw !important;}
.kurumsal .stat-value {font-size: 4.5vw !important;font-weight: 700;color: #ffffff;display: flex;align-items: center;}
.kurumsal .stat-counter p {font-size: 3vw !important;color: #71717a;margin-top: 0.25vw;}
.kurumsal .stat-counter {background-color: rgb(18 18 18 / 50%);backdrop-filter: blur(0.5vw);padding: 3.5vw !important;border-radius: 0.8vw;display: flex !important;flex-direction: column !important;align-items: center;text-align: center;gap: 2vw;border: 1px solid rgba(229, 231, 235, 0.2);transition: all 0.3s ease;opacity: 0;transform: translateY(1vw);}
.kurumsal .cta-card h2 {font-size: 4.5vw !important;margin-bottom: 4.5vw !important;}
.kurumsal .cta-card p {max-width: 74vw !important;margin: 0 auto 5vw;font-size: 3.1vw !important;line-height: 1.3 !important;}
.kurumsal .cta-buttons {display: flex;flex-direction: column !important;align-items: center;gap: 3vw !important;}
.kurumsal .btn {display: inline-flex;justify-content: center;padding: 0.8vw 2vw;border-radius: var(--radius);font-weight: 500;font-size: 1vw;transition: all 0.3s ease;cursor: pointer;border: none;width: 100% !important;}

.tetris-container {display: flex;flex-direction: column;align-items: center;gap: 1vw;transform: scale(1.8) !important;margin: 19vw !important;}
.badge {display: inline-flex;align-items: center;justify-content: center;border-radius: 9999px;font-size: 1.8vw !important;padding: 0.3vw 0.8vw !important;}
.button-sm {height: 3.5vw !important;font-size: 1.8vw !important;padding: 0 2vw;}
.kurumsal .button svg {width: 2vw !important;height: 2vw !important;margin-right: 0.5vw;}
.tetris-controls {display: flex;gap: 0.5vw;margin: 2vw 0 !important;}
.tetris-message {font-size: 0.7vw;color: var(--muted-foreground);text-align: center;max-width: 43vw;font-size: 1.5vw;display: none !important;}
.game-over {position: relative;inset: 0;background-color: rgb(207 22 22 / 28%);backdrop-filter: blur(0.5vw);border-radius: 0.5vw;display: flex;align-items: center;width: 40.5vw !important;padding: 2vw 0 !important;border: 0.1vw solid #ffffff61;justify-content: center;}
.game-over h4 {font-size: 2.2vw !important;font-weight: 600;margin-bottom: 0.5vw;}
.game-over p {font-size: 2vw !important;color: var(--muted-foreground);margin-bottom: 1vw;}


.projelerimiz .proje-icerik {width: 100% !important;height: 60vw !important;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;padding: 2vw !important;border-radius: 1vw !important;gap: 2.5vw !important;transition: all 0.5s ease;}
.projelerimiz .proje span.category {color: #ffffff;background: #e20a1742;padding: 1vw 1.9vw !important;border-radius: 1vw;font-size: 2.2vw !important;border: 0.1vw solid #e20a1787;}
.projelerimiz .proje h3 {color: #fff;font-size: 4vw !important;font-family: 'Exo 2';font-weight: 500;}
.projelerimiz .buttons a {color: #fff;width: 100% !important;padding: 1.5vw 2vw;border-radius: 0.4vw;border: .1vw solid #ffffff85;}
.projelerimiz .buttons a:nth-last-child(1) {color: #fff;width: 100% !important;padding: 1.5vw 2vw;border-radius: 0.4vw;border: .1vw solid #e20a17;background: #e20a177a;}
.projelerimiz .buttons {display: flex;gap: 2vw;width: auto;flex-direction: column;margin-top: 4vw;}
.projelerimiz .alt-kategoriler {display: flex;flex-wrap: wrap;gap: 2vw !important;width: 80vw;margin: 5vw auto;justify-content: center;align-items: center;}

.kategori-bilgi {width: 80vw !important;margin: 7vw auto !important;text-align: center;display: flex;flex-direction: column;align-items: center;gap: 3vw !important;}
.kategori-bilgi h1.kategori-baslik {color: #fff;font-size: 5vw !important;}
.kategori-bilgi p.kategori-aciklama {text-align: center;color: #fff;font-size: 3vw !important;}

.referanslarimiz .referanslar {display: grid;grid-template-columns: repeat(2, 1fr) !important;align-items: center;justify-items: center;grid-gap: 4vw 4vw !important;width: 85vw;margin: 5vw auto;}
.referanslarimiz .referanslar-logo img {width: 33vw !important;height: 16vw !important;object-fit: contain;}
.referanslarimiz .referanslar-item {background: #3131310a;width: 100% !important;height: 27vw !important;display: flex;align-items: center;justify-content: center;border: 0.1vw solid #ffffff2e;border-radius: 1vw;transition: all 0.3s ease;}
.referanslarimiz .referanslar-logo p {color: #fff;text-align: center;font-size: 2.5vw !important;}
.referanslarimiz .referanslar-logo {display: flex;flex-direction: column;align-items: center;width: 100% !important;height: 100% !important;justify-content: center;}

.iletisim .hero-badge {color: #ffffff94;font-weight: 500;font-size: 2.5vw !important;text-transform: uppercase;letter-spacing: 0.1vw;margin-bottom: 3vw;}
.iletisim .hero-description {max-width: 100%;margin: 0 auto 2vw !important;font-size: 2.8vw !important;color: #71717a;}
.iletisim .iletisim-hero .hero-content {text-align: center;max-width: 80vw !important;margin: 0 auto;}
.iletisim h1 {color: #fff;font-size: 5vw !important;margin-bottom: 2.5vw !important;}
.iletisim .split-contact-container {display: flex;flex-direction: column !important;gap: 4vw !important;justify-content: space-between !important;align-items: center;width: 78vw !important;}
.iletisim .contact-form-side {background-color: #1e1e1e4a;padding: 3vw !important;border-radius: 1vw;border: 0.1vw solid #ffffff3d;box-shadow: 0 0.5vw 2vw rgba(0, 0, 0, 0.3);width: 95% !important;}
.iletisim p {color: #fff;line-height: 1.6;color: #ffffff;font-size: 3vw !important;}
.wpcf7 label input {height: 7.1vw !important;background-color: #fff;color: #000;border: 0.1vw #f2f2f2 solid !important;line-height: 1.4vw;width: 96% !important;margin-top: 0.1vw;margin: 0.5vw 0vw 0 0vw;background-color: #1c1c1c40;color: #ffffff;border: 0.1vw solid #eeeeee4a !important;border-radius: 0.5vw;margin-top: 0.2vw;padding: 0.5vw 1.2vw;}
.iletisim-kolon {display: flex;flex-direction: column !important;align-items: center;justify-content: space-between;gap: 3vw !important;}
.wpcf7-textarea {margin-bottom: 1vw;width: 96% !important;height: 45vw !important;background-color: #1c1c1c40;color: #ffffff;border: 0.1vw solid #eeeeee4a !important;border-radius: 0.5vw;margin-top: 0.2vw;padding: 1vw;}
form.wpcf7-form.init {display: flex;flex-direction: column;gap: 3.5vw !important;}
img.wpcf7-form-control.wpcf7-captchac.wpcf7-captcha-captcha-170 {margin-bottom: 0vw;width: 25vw !important;height: 10vw !important;margin-right: 0vw;}
.form-dogrula p {display: flex;justify-content: center;width: 100%;align-items: center;flex-direction: column;gap: 3vw;}
.form-dogrula p label {width: 100% !important;}
.wpcf7-submit {width: 99% !important;height: 9.1vw !important;background-color: #00000021 !important;padding: 0 !important;border: 0.1vw solid #eeeeee4a !important;color: #fff;border-radius: 0.5vw;transition: 0.3s;font-size: 3vw !important;margin-top: 0vw !important;margin-left: 0vw !important;}
input.wpcf7-form-control.wpcf7-captchar {width: 44vw !important;margin-right: 0vw;top: 0vw;position: relative;padding: 1.2vw 1vw 1.2vw 1.2vw!important;}
::placeholder {font-size:3vw !important;}

.iletisim .contact-info-side {background-color: #1e1e1e4a;border: 0.1vw solid #ffffff3d;padding: 5vw 3vw !important;border-radius: 1vw;box-shadow: 0 0.5vw 2vw rgba(0, 0, 0, 0.3);width: 95% !important;}
.iletisim .info-header h2 {font-size: 3.6vw !important;margin-bottom: 1vw !important;color: #f0f0f0;}
.iletisim .info-icon {width: 8vw !important;height: 8vw !important;background-color: #27272a;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 1vw;color: #ffffff;font-size: 3.2vw !important;transition: all 0.3s ease;}
.iletisim .info-content h3 {font-size: 3vw !important;margin-bottom: 0.5vw !important;color: #f0f0f0;}
.iletisim .info-card {height: 100%;display: flex;flex-direction: column;gap: 4vw !important;}
.iletisim .info-item {display: flex;align-items: flex-start;margin-bottom: 2vw !important;gap: 2vw !important;}
.iletisim .social-media h3 {font-size: 3.5vw !important;margin-bottom: 3vw !important;color: #f0f0f0;}
.iletisim .social-icon {width: 9.5vw !important;height: 9.5vw !important;border-radius: 50%;background-color: #27272a;display: flex;align-items: center;justify-content: center;color: #ffffff73;font-size: 3.5vw !important;transition: all 0.3s ease;}
.iletisim .social-icons {display: flex;gap: 4vw !important;}

.iletisim .map-overlay-container {position: relative;height: 90vw !important;border-radius: 1vw;overflow: hidden;box-shadow: 0 0.5vw 2vw rgba(0, 0, 0, 0.3);width: 78vw;}
.iletisim .map-info-card {position: absolute;display: none !important;top: 1vw;right: 2vw;width: 25vw;background-color: #1e1e1e;padding: 2vw;border-radius: 0.8vw;box-shadow: 0 0.5vw 1.5vw rgba(0, 0, 0, 0.3);}

.footer-sag .footer-menu {display: none !important;gap: 1vw !important;}
.footer-sag .footer-iletisim {display: none !important;gap: 1vw !important;}
.footer {display: flex;width: 100%;justify-content: space-around;margin: 6vw 0 7vw 0 !important;flex-direction: column;align-items: center;}
.footer .logo img {width: 55vw !important;}
.footer::before {content: '';background: linear-gradient(90deg,rgba(204, 204, 204, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(204, 204, 204, 0) 100%);position: absolute;width: 44vw !important;height: 0.4vw !important;margin-top: -31vw !important;margin-right: 1vw !important;}
.footer-sag .footer-sosyal a {font-size: 4vw !important;color: #fff;}
.footer-sag .footer-sosyal li:nth-last-child(2) a {border-radius: 1.5vw !important;padding: 0.8vw 1.3vw !important;font-size: 4.6vw !important;color: #fff;background: linear-gradient(140deg, #4F5BD5 6.11%, #962FBF 20.38%, #D62976 44.23%, #FA7E1E 73.91%, #FEDA75 93.89%);}
.footer-sag .footer-sosyal {display: flex;align-items: center;justify-content: center;gap: 5vw !important;}
.copyright img {width: 2.2vw !important;display: none;}
.copyright span {color: #fff;font-size: 1.9vw !important;}

.hizmetlerimiz .features-section {position: relative;z-index: 10;padding: 2.5vw 0;max-width: 100% !important;margin: 5vw auto;}
.hizmetlerimiz .features-grid {display: grid;grid-template-columns: repeat(1, 1fr) !important;position: relative;gap: 6vw !important;}
.hizmetlerimiz .feature {height: 40vw !important;width: 70vw !important;gap: 5vw !important;display: flex;flex-direction: column;position: relative;padding: 3.5vw 0 !important;background: #0e0e0e;border-radius: 2vw;min-height: 30vw !important;justify-content: center;border: 0.1vw solid #212121;align-items: center;transition: all 0.3s ease;}
.hizmetlerimiz .feature-icon svg {width: 9vw !important;}
.hizmetlerimiz .feature-title span {display: inline-block;transition: transform 0.2s;color: #fff;font-size: 3.7vw !important;text-align: center;}
.hizmetlerimiz .feature-icon img {width: 15vw !important;transition: all 0.2s ease;}

}