@media(max-width:991px){

#menu-btn{

display:block;

}

nav{

position:absolute;

top:90px;

left:-100%;

width:100%;

background:#fff;

transition:.4s;

padding:20px;

}

nav.active{

left:0;

}

nav ul{

display:block;

}

nav ul li{

margin:18px 0;

}

nav ul li a{

color:#222;

}

.desktop-btn{

display:none;

}

.hero h1{

font-size:48px;

}

}

@media(max-width:768px){

.hero h1{

font-size:36px;

}

.hero p{

font-size:17px;

}

.btn,

.btn-outline{

display:block;

margin:12px auto;

width:220px;

}

.logo img{

height:55px;

}

}

@media(max-width:991px){

.about-container{

flex-direction:column;

}

.about-image,
.about-content{

width:100%;

}

.about-image{

margin-bottom:40px;

}

}
.about-content h2{

font-size:34px;

}

.about{

padding:70px 0;

}

@media(max-width:991px){

.stats-grid{

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

}

}

@media(max-width:576px){

.stats-grid{

grid-template-columns:1fr;

}

}


@media(max-width:991px){

.services-grid{

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

}

}

@media(max-width:768px){

.services-grid{

grid-template-columns:1fr;

}

.section-heading h2{

font-size:34px;

}

}

@media(max-width:991px){

.tech-grid{

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

}

}

@media(max-width:768px){

.tech-grid{

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

}

}

@media(max-width:480px){

.tech-grid{

grid-template-columns:1fr;

}

}

@media(max-width:991px){

.why-container{

flex-direction:column;

}

.why-image,
.why-content{

width:100%;

}

.why-grid{

grid-template-columns:1fr;

}

}


@media(max-width:768px){

.process-wrapper::before{

left:35px;

}

.process-item{

gap:20px;

}

.process-icon{

width:70px;

height:70px;

}

.process-icon i{

font-size:28px;

}

.process-content{

padding:20px;

}

}

@media(max-width:991px){

.portfolio-grid{

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

}

}

@media(max-width:768px){

.portfolio-grid{

grid-template-columns:1fr;

}

}


@media(max-width:991px){

.testimonial-grid{

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

}

}

@media(max-width:768px){

.testimonial-grid{

grid-template-columns:1fr;

}

}

@media(max-width:991px){

.contact-wrapper{

grid-template-columns:1fr;

}

}

@media(max-width:991px){

.footer-grid{

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

}

}

@media(max-width:768px){

.footer-grid{

grid-template-columns:1fr;

text-align:center;

}

.footer-social{

justify-content:center;

}

}




@media (max-width:768px){

.container{

padding-left:15px;

padding-right:15px;

}

section{

overflow:hidden;

}

}