@media(max-width:1100px){

.nav-links{

display:none;

}

.navbar{

padding:0 30px;

}

}

@media(max-width:768px){

.logo{

font-size:28px;

}

.btn{

padding:12px 22px;

font-size:14px;

}

}

@media(max-width:500px){

.navbar{

height:75px;

}

}
@media(max-width:992px){

.hero h1{

font-size:70px;

}

.description{

font-size:16px;

}

}

@media(max-width:768px){

.hero{

text-align:center;

justify-content:center;

}

.hero-content{

max-width:100%;

}

.hero-buttons{

justify-content:center;

flex-wrap:wrap;

}

.hero h1{

font-size:55px;

}

.subtitle{

font-size:15px;

}

}

@media(max-width:480px){

.hero{

padding:0 25px;

}

.hero h1{

font-size:42px;

}

.description{

font-size:15px;

line-height:1.6;

}

}
@media(max-width:991px){

.about-container{

grid-template-columns:1fr;

gap:70px;

}

.about-images{

height:500px;

}

.about-content{

text-align:center;

}

.about-stats{

justify-content:center;

flex-wrap:wrap;

}

}

@media(max-width:768px){

.about{

padding:90px 25px;

}

.about-images{

height:420px;

}

.about-images img:nth-child(1){

width:220px;
height:300px;

}

.about-images img:nth-child(2){

width:180px;
height:240px;

}

.about-images img:nth-child(3){

width:250px;
height:170px;

left:60px;

}

.about-content h2{

font-size:40px;

}

.about-stats{

gap:35px;

}

.stat h3{

font-size:38px;

}

}
@media(max-width:991px){

.why-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.why-noirix{

padding:90px 25px;

}

.section-heading h2{

font-size:38px;

}

.why-grid{

grid-template-columns:1fr;

}

}
@media(max-width:1100px){

.services-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.services{

padding:90px 25px;

}

.services-grid{

grid-template-columns:1fr;

}

}
@media(max-width:991px){

.portfolio-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.portfolio{

padding:90px 25px;

}

.portfolio-card img{

height:250px;

}

}
@media(max-width:991px){

.clients-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.clients{

padding:90px 25px;

}

.clients-grid{

grid-template-columns:1fr;

}

.clients-grid img{

width:150px;

}

}
@media(max-width:1100px){

.process-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.process{

padding:90px 25px;

}

.process-grid{

grid-template-columns:1fr;

}

}
@media(max-width:1100px){

.testimonial-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.testimonials{

padding:90px 25px;

}

.testimonial-grid{

grid-template-columns:1fr;

}

}
@media(max-width:768px){

.faq{

padding:90px 25px;

}

.faq-question{

font-size:17px;

padding:20px;

}

.faq-answer p{

padding:0 20px 20px;

}

}
@media(max-width:991px){

.contact-container{

grid-template-columns:1fr;

gap:50px;

}

}

@media(max-width:768px){

.contact{

padding:90px 25px;

}

.input-group{

grid-template-columns:1fr;

}

.contact-info h2{

font-size:38px;

}

.contact-form{

padding:30px;

}

}
@media(max-width:1100px){

.footer-container{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.footer{

padding:70px 25px 30px;

}

.footer-container{

grid-template-columns:1fr;

}

.footer-bottom{

flex-direction:column;

text-align:center;

}

.footer-logo{

width:150px;

}

}
@media(max-width:768px){

.whatsapp-btn{

width:58px;

height:58px;

font-size:28px;

right:18px;

bottom:18px;

}

}
@media(max-width:768px){

.loader-logo{

width:140px;

}

.loader-line{

width:180px;

}

.loader-content p{

font-size:15px;

}

}
@media(max-width:768px){

.team-hero h1{

font-size:55px;

}

.team-hero p{

font-size:17px;

}

.team-btn{

padding:16px 34px;

}

}
@media(max-width:991px){

.founder-container{

grid-template-columns:1fr;

text-align:center;

}

.founder-image{

margin-bottom:70px;

}

.founder-content h2{

font-size:54px;

}

.founder-skills{

justify-content:center;

}

.founder-social{

justify-content:center;

}

}
@media(max-width:991px){

.leadership-grid{

grid-template-columns:1fr;

}

.section-title h2{

font-size:42px;

}

.leader-image{

height:420px;

}

}
@media(max-width:991px){

.values-grid{

grid-template-columns:1fr;

}

}
@media(max-width:991px){

.gallery-grid{

grid-template-columns:1fr;

}

}
@media(max-width:768px){

.timeline::before{

display:none;

}

.timeline-item{

flex-direction:column;

align-items:center;

text-align:center;

}

.timeline-year{

margin-bottom:20px;

}

}