/* ======================
RESPONSIVE HERO
====================== */

@media(max-width:991px){

.hero{

padding-top:130px;

}

.hero-container{

flex-direction:column;

text-align:center;

}

.hero h1{

font-size:42px;

}

.hero-search{

flex-direction:column;

border-radius:20px;

}

.hero-search button{

padding:18px;

}

.hero-buttons{

justify-content:center;

flex-wrap:wrap;

}

.trust-box{

justify-content:center;

flex-wrap:wrap;

gap:30px;

}

}

@media(max-width:576px){

.hero h1{

font-size:34px;

}

.hero p{

font-size:16px;

}

.hero-search input{

padding:18px;

}

.btn-primary,

.btn-secondary{

width:100%;

text-align:center;

}

}




/*==============================
POPULAR SKILLS RESPONSIVE
==============================*/

@media(max-width:1200px){

.skills-grid{

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

}

}

@media(max-width:768px){

.skills-grid{

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

}

}

@media(max-width:500px){

.skills-grid{

grid-template-columns:1fr;

}

.section-title h2{

font-size:32px;

}

}


/*=====================================
HOW IT WORKS RESPONSIVE
=====================================*/

@media(max-width:1200px){

.work-grid{

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

}

}

@media(max-width:768px){

.work-grid{

grid-template-columns:1fr;

}

}



/*==================================
FEATURED WORKERS RESPONSIVE
==================================*/

@media(max-width:1200px){

.workers-grid{

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

}

}

@media(max-width:768px){

.workers-grid{

grid-template-columns:1fr;

}

.worker-image{

height:240px;

}

}


/*=========================================
WHY CHOOSE RESPONSIVE
=========================================*/

@media(max-width:1200px){

.why-grid{

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

}

}

@media(max-width:768px){

.why-grid{

grid-template-columns:1fr;

}

}


/*=========================================
STATISTICS RESPONSIVE
=========================================*/

@media(max-width:1200px){

.stats-grid{

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

}

}

@media(max-width:768px){

.stats-grid{

grid-template-columns:1fr;

}

}


/*=========================================
TESTIMONIAL RESPONSIVE
=========================================*/

@media(max-width:1200px){

.testimonial-grid{

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

}

}

@media(max-width:768px){

.testimonial-grid{

grid-template-columns:1fr;

}

}

/*=========================================
LATEST JOBS RESPONSIVE
=========================================*/

@media(max-width:1200px){

.jobs-grid{

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

}

}

@media(max-width:768px){

.jobs-grid{

grid-template-columns:1fr;

}

}

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

@media(max-width:1200px){

.footer-grid{

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

}

}

@media(max-width:768px){

.footer-grid{

grid-template-columns:1fr;

}

.newsletter{

flex-direction:column;

text-align:center;

}

.newsletter form{

flex-direction:column;

width:100%;

}

.newsletter input{

max-width:100%;

}

.footer-bottom{

flex-direction:column;

text-align:center;

}

.footer-bottom a{

margin:0 10px;

}

}