@media(max-width:991px){

.menu-btn{

display:block;

}

nav{

position:fixed;

right:-100%;

top:88px;

width:280px;

height:100vh;

background:#111;

transition:.4s;

}

nav.active{

right:0;

}

nav ul{

display:block;

padding:40px;

}

nav ul li{

margin:25px 0;

}

.hero h1{

font-size:38px;

}

.hero p{

font-size:18px;

}

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

.about-grid,
.why-grid,
.service-grid,
.counter-grid{

grid-template-columns:1fr;

}

.about-content h2{

font-size:34px;

}

.section-title{

font-size:32px;

}

.about-list{

grid-template-columns:1fr;

}

.cta h2{

font-size:32px;

}

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

.services-grid{

grid-template-columns:1fr;

}

.process-grid{

grid-template-columns:1fr;

}

.banner-content h1{

font-size:38px;

}

.page-banner{

height:300px;

}

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

.portfolio-grid{

grid-template-columns:1fr;

}

.testimonial-grid{

grid-template-columns:1fr;

}

.achievement-grid{

grid-template-columns:1fr;

}

.portfolio-item img{

height:250px;

}

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

.about-grid{

grid-template-columns:1fr;

}

.contact-grid{

grid-template-columns:1fr;

}

.mission-grid{

grid-template-columns:1fr;

}

.about-content h2{

font-size:34px;

}

.contact-details h2{

font-size:34px;

}

}
/*=========================================
FOOTER RESPONSIVE
=========================================*/

@media(max-width:991px){

.footer-grid{

grid-template-columns:1fr;

gap:40px;

}

.footer-bottom{

flex-direction:column;

text-align:center;

gap:15px;

}

.footer-title{

margin-top:20px;

}

}