@media (max-width:768px){.nav-links{background:var(--bg-dark);z-index:1000;flex-direction:column;justify-content:center;align-items:center;width:70%;height:100vh;transition:right .5s;position:fixed;top:0;right:-100%;box-shadow:-5px 0 15px #0003}nav .container{padding:10px 0}.logo span{font-size:1rem}.logo-img-container{margin-left:5px}#site-logo{width:30px;height:30px}.nav-links.active{right:0}.nav-links li{margin:1.5rem 0}.banner{margin-right:5px;display:block}.banner.active div:first-child{background:linear-gradient(135deg,#00d4ff,#09f);transform:rotate(-45deg)translate(-8px,8px)}.banner.active div:nth-child(2){opacity:0;transform:translate(-10px)}.banner.active div:nth-child(3){background:linear-gradient(135deg,#00d4ff,#09f);transform:rotate(45deg)translate(-8px,-8px)}.hero-content h1{font-size:2.5rem}.typewriter{font-size:1.3rem}.about-content{text-align:center;flex-direction:column}.about-text h3{font-size:.9rem}.about-text p{font-size:.7rem;line-height:1.5}.profile-img-container{width:130px;height:130px;padding:.75%}.profile-img{width:100%;height:100%}.profile-info h3{font-size:.9rem}.profile-info p{font-size:.8rem}.highlight-item{height:60px}.highlight-item i{width:35px;height:35px;font-size:1rem}.highlight-item div h4{font-size:.8rem}.highlight-item div p{font-size:.65rem}.hero{height:auto;min-height:100vh;padding-top:100px;padding-bottom:40px;display:block}.hero-text p{font-size:.9rem}.hero-text h1{font-size:2rem}.cta-buttons{flex-direction:row;align-items:center;font-size:.8rem}.social-links{flex-direction:row;justify-content:center;gap:1rem}.social-links a{width:45px;height:45px;font-size:1rem}.hero-content{text-align:center;grid-template-columns:1fr;gap:2rem;padding-top:2rem}.hero-image{justify-content:center;margin-top:2rem;display:none}.scroll-down{padding-bottom:30%}.about-grid{grid-template-columns:1fr}.profile-card{padding:1.5rem}.profile-buttons a{padding:.5rem 1rem;font-size:.7rem}.form-group input,.form-group textarea{font-size:.7rem}.form-group .fa-solid{font-size:.9rem}.btn_s{padding:.5rem 1rem;font-size:.7rem}.btn{padding:.6rem 1.2rem;font-size:.7rem}.skill{border:0;width:10%}.skill img{width:30px;height:30px}.skill span{font-size:.55rem}.form-group{width:100%}.container form{width:90%}.copyright,.current-date,.footer-bottom span{font-size:.8rem}.footer-quick-links{display:none}.footer-col h3,.footer-subscribe-text h3{font-size:1rem}.footer-subscribe-text p,.footer-col p,.footer-col ul li a{font-size:.8rem}.footer-col:has(.map-container){display:none}.map-container{display:none}.footer-center{flex-direction:column;gap:1.5rem}.footer-subscribe-text{text-align:center;max-width:100%}.footer-subscribe-form{flex-direction:column;width:100%;max-width:400px}.footer-subscribe-form button{width:100%;padding:.7rem .9rem;font-size:.7rem}.footer-subscribe-form input{padding:.7rem .9rem;font-size:.7rem}.container h2{font-size:1.35rem}.container h2:after{width:50px;height:4px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.project-card{flex-direction:column;justify-content:space-between;padding:1rem;display:flex}.project-img-container{height:125px}.project-img{object-fit:cover;width:100%;height:125px}.project-card p{flex-grow:1;margin-bottom:.8rem;font-size:.65rem}.project-card h3{margin-bottom:.5rem;font-size:.8rem}.project-card .btn{margin-top:.5rem;padding:.3rem .8rem;font-size:.5rem}.project-badge{padding:.2rem .5rem;font-size:.5rem}.project-navigation{flex-direction:row;align-items:center}.project-navigation button{padding:.6rem 1.2rem;font-size:.8rem}.map-container,.map-container iframe{width:100%}.videos-grid{grid-template-columns:1fr;gap:1.25rem}.video-card{border-radius:12px}.video-thumbnail-container img{height:180px}.video-play-button{width:52px;height:52px}.video-play-button:before{width:68px;height:68px}.video-modal-overlay{padding:10px}.video-modal-content{border-radius:8px}.video-modal-close{top:-35px;right:-5px}.video-modal-close svg{width:20px;height:20px}.video-info{padding:1rem}.video-title{font-size:1rem}.video-description{font-size:.85rem}.video-meta{font-size:.8rem}.contact-details{flex-direction:column;align-items:flex-start;gap:10px}.projects-search-filter-container{flex-direction:column;align-items:stretch;gap:1rem;padding:12px 16px}.projects-search-wrapper{width:100%;max-width:100%}.projects-filter-buttons{justify-content:flex-start;gap:.4rem}.filter-btn{border-radius:16px;padding:6px 12px;font-size:.8rem}}