@media(max-width:991px){

.about-grid{

grid-template-columns:1fr;

gap:60px;

}

.about-image{

max-width:650px;

margin:auto;

}

.about-content h2{

font-size:52px;

}

}

@media(max-width:768px){

.about{

padding:80px 20px;

}

.about-content h2{

font-size:40px;

}

.feature-grid{

grid-template-columns:1fr;

}

}

/*************project*********/
@media(max-width:991px){

.project-grid{

grid-template-columns:1fr;

}

.projects-heading h2{

font-size:50px;

}

}

@media(max-width:767px){

.projects{

padding:90px 20px;

}

.projects-heading h2{

font-size:40px;

}

.project-image{

height:240px;

}

.project-content{

padding:25px;

}

.project-footer{

flex-direction:column;
align-items:flex-start;
gap:20px;

}

}

/******testimonials**************/
@media(max-width:768px){

.testimonial-heading h2{

font-size:42px;

}

.testimonial-wrapper{

width:100%;

}

.testimonial-item{

padding:0 15px;

}

.testimonial-item p{

font-size:18px;

}

.slider-btn{

display:none;

}

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

.contact-grid{

grid-template-columns:1fr;

}

.footer-grid{

grid-template-columns:1fr;

}

.newsletter{

flex-direction:column;

}

.cta h2{

font-size:48px;

}

.contact-info h2{

font-size:42px;

}

}

@media(max-width:767px){

.cta{

padding:80px 20px;

}

.contact{

padding:80px 20px;

}

.contact-form{

padding:25px;

}

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

.about-grid,
.contact-grid,
.footer-grid,
.project-grid{

grid-template-columns:1fr;

}

.services-grid{

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

}

.services-top{

grid-template-columns:1fr;

gap:30px;

}

.feature-grid{

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

}

.hero{

text-align:center;

}

.hero-buttons{

justify-content:center;

}

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

.hero{

padding:140px 0 80px;

}

.hero-buttons{

flex-direction:column;

}

.primary-btn,
.secondary-btn{

width:100%;

text-align:center;

}

.stat-grid{

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

gap:30px;

}

.services-grid{

grid-template-columns:1fr;

}

.feature-grid{

grid-template-columns:1fr;

}

.newsletter{

flex-direction:column;

}

.testimonial-heading h2,
.projects-heading h2,
.services h2,
.about-content h2,
.cta h2{

font-size:42px;

}

.project-footer{

flex-direction:column;

align-items:flex-start;

gap:20px;

}

}

@media(max-width:480px){

.container{

padding:0 15px;

}

.hero h1{

font-size:38px;

}

.about-content h2,
.services h2,
.projects-heading h2,
.testimonial-heading h2,
.cta h2{

font-size:34px;

}

.contact-form{

padding:20px;

}

.stat-grid{

grid-template-columns:1fr;

}

.hero-buttons{

gap:15px;

}

}