@media(max-width:992px){

.workflow-timeline{

grid-template-columns:1fr;

gap:60px;

}

.workflow-line{

display:none;

}

.workflow-item{

text-align:left;

display:flex;

gap:25px;

align-items:flex-start;

}

.workflow-icon{

margin:0;

width:70px;

height:70px;

font-size:24px;

flex-shrink:0;

}

.workflow-item p{

margin:0;

max-width:100%;

}

}

@media(max-width:991px){

.footer{

text-align:center;

}

.footer-about{

margin:0 auto 40px;

}

.footer-contact{

justify-content:center;

text-align:left;

}

.footer-social{

justify-content:center;

margin-bottom:40px;

}

.footer h5{

margin-top:40px;

}

}
/* ==========================================
   DESKTOP GRANDE
========================================== */

@media(max-width:1400px){

.container{

max-width:1140px;

}

}

/* ==========================================
   NOTEBOOK
========================================== */

@media(max-width:1200px){

.section-header h2{

font-size:42px;

}

.hero h1{

font-size:54px;

}

}

/* ==========================================
   TABLET
========================================== */

@media(max-width:992px){

body{

padding-top:80px;

}

section{

padding:90px 0 !important;

}

.hero{

text-align:center;

}

.hero-buttons{

justify-content:center;

flex-wrap:wrap;

}

.hero-image{

margin-top:50px;

}

.section-header h2{

font-size:36px;

}

.about-list{

grid-template-columns:1fr;

}

}

/* ==========================================
   CELULAR
========================================== */

@media(max-width:768px){

.hero h1{

font-size:40px;

}

.hero p{

font-size:17px;

}

.section-header h2{

font-size:30px;

}

.btn-primary-spaox,
.btn-secondary-spaox{

width:100%;

justify-content:center;

}

.service-card{

padding:30px;

}

.cta-box{

padding:40px 30px;

}

}

/* ==========================================
   CELULAR PEQUENO
========================================== */

@media(max-width:480px){

.hero h1{

font-size:34px;

}

.section-header h2{

font-size:28px;

}

}