/*=============================================
RESPONSIVE.CSS
Foodfarm Agrotech
=============================================*/

/*==================================================
Large Laptop
==================================================*/

@media(max-width:1400px){

.container{
width:92%;
}

.hero h1{
font-size:52px;
}

.hero-circle{
width:480px;
height:480px;
}

}

/*==================================================
Laptop
==================================================*/

@media(max-width:1200px){

.hero-grid,
.about-grid,
.private-grid{

grid-template-columns:1fr;

gap:60px;

}

.hero-right{

order:-1;

}

.hero-circle{

width:430px;
height:430px;

margin:auto;

}

.hero{

text-align:center;

}

.hero-buttons{

justify-content:center;

}

.hero-stats{

justify-content:center;

}

.section-title h2{

font-size:38px;

}

.footer-grid{

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

}

.process-grid{

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

}

.product-grid{

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

}

.gallery-grid{

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

}

.industry-grid{

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

}

.why-grid{

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

}

.stats-grid{

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

}

.testimonial-grid{

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

}

.newsletter-wrapper{

flex-direction:column;

text-align:center;

}

.newsletter-form{

margin:auto;

}

}

/*==================================================
Tablet
==================================================*/

@media(max-width:992px){

nav{

height:80px;

}

.logo img{

height:58px;

}

.menu-btn{

display:block;

font-size:28px;

z-index:1001;

}

.nav-links{

position:fixed;

top:80px;

right:-100%;

width:300px;

height:calc(100vh - 80px);

background:#fff;

flex-direction:column;

padding:40px;

align-items:flex-start;

transition:.4s;

box-shadow:-5px 0 30px rgba(0,0,0,.08);

}

.nav-links.active{

right:0;

}

.nav-links li{

width:100%;

padding:12px 0;

}

.nav-links a{

display:block;

width:100%;

}

.hero{

padding-top:140px;

}

.hero h1{

font-size:44px;

}

.hero-circle{

width:380px;
height:380px;

}

.floating-card{

display:none;

}

.hero-buttons{

flex-direction:column;

align-items:center;

}

.hero-stats{

flex-wrap:wrap;

gap:25px;

}

.about-grid{

gap:40px;

}

.private-grid{

gap:40px;

}

.private-list{

grid-template-columns:1fr;

}

.about-features{

grid-template-columns:1fr;

}

.process-grid{

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

}

.gallery-grid{

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

}

.footer-grid{

grid-template-columns:1fr;

text-align:center;

}

.social-links{

justify-content:center;

}

.contact-info{

grid-template-columns:1fr;

}

.form-row{

grid-template-columns:1fr;

}

.newsletter-form{

width:100%;

}

}

/*==================================================
Mobile
==================================================*/

@media(max-width:768px){

section{

padding:70px 0;

}

.hero{

padding-top:120px;

}

.hero h1{

font-size:36px;

line-height:1.25;

}

.hero p{

font-size:16px;

}

.hero-circle{

width:320px;

height:320px;

}

.section-title h2{

font-size:30px;

}

.about-content h3{

font-size:30px;

}

.private-content h2{

font-size:30px;

}

.cta-content h2{

font-size:34px;

}

.breadcrumb h1{

font-size:36px;

}

.stats-grid,

.why-grid,

.product-grid,

.industry-grid,

.gallery-grid,

.testimonial-grid{

grid-template-columns:1fr;

}

.process-grid{

grid-template-columns:1fr;

}

.mission-grid{

grid-template-columns:1fr;

}

.counter-card{

padding:30px;

}

.mission-card{

padding:30px;

}

.product-card{

padding:28px;

}

.gallery-item img{

height:260px;

}

.footer-grid{

gap:40px;

}

.footer-col{

text-align:center;

}

.footer-logo{

margin:auto auto 20px;

}

.newsletter-content h2{

font-size:32px;

}

.newsletter-form{

flex-direction:column;

padding:0;

background:transparent;

gap:15px;

}

.newsletter-form input{

border-radius:12px;

}

.newsletter-form button{

width:100%;

border-radius:12px;

}

.scroll-top{

width:48px;
height:48px;
right:18px;
bottom:20px;

}

.whatsapp{

width:52px;
height:52px;
left:18px;
bottom:20px;

font-size:26px;

}

}

/*==================================================
Small Mobile
==================================================*/

@media(max-width:576px){

.container{

width:94%;

}

.hero h1{

font-size:30px;

}

.hero-circle{

width:270px;
height:270px;

}

.hero-stats{

flex-direction:column;

align-items:center;

}

.stat{

text-align:center;

}

.btn,
.btn-outline{

width:100%;

}

.section-title span{

font-size:13px;

}

.section-title h2{

font-size:26px;

}

.about-content h3{

font-size:26px;

}

.private-content h2{

font-size:26px;

}

.cta-content h2{

font-size:28px;

}

.cookie-banner{

left:15px;
right:15px;
width:auto;

}

.contact-form{

padding:25px;

}

.info-card{

padding:25px;

}

.breadcrumb{

padding:120px 0 60px;

}

}

/*==================================================
Extra Small
==================================================*/

@media(max-width:380px){

.hero-circle{

width:230px;
height:230px;

}

.hero h1{

font-size:26px;

}

.nav-links{

width:100%;

}

.counter-card h2{

font-size:38px;

}

}

/* Production responsive overrides */
@media(max-width:992px){
body.menu-open{overflow:hidden;}
.nav-links{
height:calc(100dvh - 80px);
overflow-y:auto;
visibility:hidden;
pointer-events:none;
}
.nav-links.active{
visibility:visible;
pointer-events:auto;
}
.trust-grid{grid-template-columns:repeat(3,1fr);}
}

@media(max-width:768px){
.hero-circle{
width:min(320px,85vw);
height:min(320px,85vw);
}
.trust-grid{
grid-template-columns:repeat(2,1fr);
gap:12px;
}
.trust-box{padding:20px 10px;}
.cta-buttons{flex-wrap:wrap;}
.cta-buttons > *{min-width:min(240px,100%);}
.nav-right > .btn{display:none;}
}

@media(max-width:576px){
.hero-buttons,
.cta-buttons,
.cookie-buttons{width:100%;}
.trust-grid{grid-template-columns:1fr;}
.info-card{
flex-direction:column;
align-items:center;
text-align:center;
}
.form-group textarea{height:140px;}
.section-title{margin-bottom:45px;}
}