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

@media(max-width:991px){

.hero h1{

font-size:50px;

}

.nav-links{

display:none;

}

}


/*=========================
MOBILE
=========================*/

@media(max-width:768px){

.hero{

text-align:center;

}

.hero h1{

font-size:40px;

}

.hero-buttons{

justify-content:center;

flex-wrap:wrap;

}

.logo img{

width:150px;

}

}

/*=========================
INDUSTRIES
=========================*/

@media(max-width:991px){

.industry-grid{

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

}

}

@media(max-width:768px){

.industry-grid{

grid-template-columns:1fr;

}

.section-title h2{

font-size:34px;

}

}

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

@media(max-width:991px){

.stats-grid{

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

}

}

@media(max-width:768px){

.stats-grid{

grid-template-columns:1fr;

}

.stats-heading h2{

font-size:34px;

}

}

/*=========================
ABOUT
=========================*/

@media(max-width:991px){

.about-grid{

grid-template-columns:1fr;

}

.about-content{

margin-top:60px;

}

}

@media(max-width:768px){

.about-content h2{

font-size:34px;

}

.about-features{

grid-template-columns:1fr;

}

.experience-box{

width:140px;

height:140px;

right:15px;

bottom:15px;

}

.experience-box h2{

font-size:36px;

}

}
/*=====================
PRODUCT GRID
======================*/

@media(max-width:991px){

.products-grid{

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

}

}

@media(max-width:768px){

.products-grid{

grid-template-columns:1fr;

}

}

/*=========================
ABOUT PAGE
=========================*/

@media(max-width:991px){

.story-grid{

grid-template-columns:1fr;

}

.story-content{

margin-top:60px;

}

}

@media(max-width:768px){

.about-hero h1{

font-size:42px;

}

.story-content h2{

font-size:34px;

}

.story-features{

grid-template-columns:1fr;

}

.story-buttons{

flex-direction:column;

}

.experience-badge{

right:15px;

bottom:15px;

padding:25px;

}

}
/*==========================
VISION
===========================*/

@media(max-width:991px){

.vm-grid{

grid-template-columns:1fr;

}

.why-grid{

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

}

}

@media(max-width:768px){

.why-grid{

grid-template-columns:1fr;

}

.vm-card{

padding:35px;

}

}
/*==========================
MODULE 3
===========================*/

@media(max-width:991px){

.timeline{

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

}

.process-grid{

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

}

}

@media(max-width:768px){

.timeline{

grid-template-columns:1fr;

}

.process-grid{

grid-template-columns:1fr;

}

.about-cta h2{

font-size:36px;

}

.cta-buttons{

flex-direction:column;

align-items:center;

}

}
/*======================
GALLERY
=======================*/

@media(max-width:991px){

.featured-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.gallery-hero h1{

font-size:42px;

}

}
/*============================
PROJECT GALLERY
============================*/

@media(max-width:991px){

.gallery-grid{

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

}

}

@media(max-width:768px){

.gallery-grid{

grid-template-columns:1fr;

}

}
/*=========================
MODULE 3
=========================*/

@media(max-width:991px){

.stats-grid{

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

}

}

@media(max-width:768px){

.stats-grid{

grid-template-columns:1fr;

}

.gallery-cta h2{

font-size:36px;

}

.testimonial-card{

padding:35px;

}

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

@media(max-width:991px){

.footer-cta-content{

flex-direction:column;

text-align:center;

}

.footer-grid{

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

}

.download-box{

flex-direction:column;

text-align:center;

}

}

@media(max-width:768px){

.footer-grid{

grid-template-columns:1fr;

}

.footer-cta h2{

font-size:32px;

}

.footer-cta-buttons{

flex-direction:column;

}

}
/*=====================
CONTACT PAGE
=====================*/

@media(max-width:991px){

.quick-grid{

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

}

.contact-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.quick-grid{

grid-template-columns:1fr;

}

.contact-hero h1{

font-size:42px;

}

.contact-info h2{

font-size:34px;

}

.contact-form{

padding:30px;

}

}
/*==========================
CONTACT MODULE 2
===========================*/

@media(max-width:991px){

.hours-grid{

grid-template-columns:1fr;

}

.benefits-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.map-container iframe{

height:350px;

}

.whatsapp-float{

right:15px;

bottom:85px;

}

.call-float{

right:15px;

bottom:15px;

}

}