/*==========================================
PAWAR HARDWARE V1
RESPONSIVE.CSS
==========================================*/


/*==========================================
1400px
==========================================*/

@media(max-width:1400px){

.container{

max-width:1140px;

}

.hero h1{

font-size:64px;

}

}


/*==========================================
1200px
==========================================*/

@media(max-width:1200px){

.grid-4,
.product-grid,
.category-grid{

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

}

.feature-grid,
.services-grid,
.testimonial-grid{

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

}

.footer-grid{

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

gap:40px;

}

.hero .container{

grid-template-columns:1fr;

text-align:center;

}

.hero-content{

max-width:100%;

}

.hero-buttons{

justify-content:center;

}

.hero-search{

margin:auto;

}

.hero-stats{

justify-content:center;

}

.hero-image{

margin-top:60px;

}

.float-card{

display:none;

}

}


/*==========================================
992px
==========================================*/

@media(max-width:992px){

.nav-links{

display:none;

}

.call-btn{

display:none;

}

.menu-toggle{

display:flex;

}

.grid-2{

grid-template-columns:1fr;

gap:40px;

}

.contact-wrapper{

grid-template-columns:1fr;

}

.map{

height:400px;

}

.hero{

padding-top:140px;

padding-bottom:80px;

}

.hero h1{

font-size:54px;

}

.section-title h2{

font-size:38px;

}

.stats-grid{

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

gap:40px;

}

}


/*==========================================
768px
==========================================*/

@media(max-width:768px){

.grid-4,
.product-grid,
.category-grid,
.feature-grid,
.services-grid,
.gallery-grid,
.testimonial-grid{

grid-template-columns:1fr;

}

.footer-grid{

grid-template-columns:1fr;

}

.topbar{

display:none;

}

.site-header{

top:0;

}

.navbar{

height:80px;

}

.logo img{

height:52px;

}

.logo-text h3{

font-size:22px;

}

.hero{

min-height:auto;

padding:140px 0 90px;

}

.hero h1{

font-size:46px;

}

.hero p{

font-size:16px;

}

.hero-buttons{

flex-direction:column;

align-items:center;

}

.hero-search{

flex-direction:column;

padding:20px;

border-radius:22px;

gap:15px;

}

.hero-search input{

width:100%;

padding:16px;

}

.hero-search button{

width:100%;

}

.hero-stats{

flex-wrap:wrap;

gap:25px;

}

.section-title{

margin-bottom:50px;

}

.section-title h2{

font-size:34px;

}

.stat-card h2{

font-size:48px;

}

.cta h2{

font-size:38px;

}

.contact-card{

padding:30px;

}

.map{

height:350px;

}

.footer-top{

padding:70px 0 40px;

}

.whatsapp,

.call,

.back-top{

width:54px;

height:54px;

font-size:20px;

right:18px;

}

.whatsapp{

bottom:20px;

}

.call{

bottom:88px;

}

.back-top{

bottom:156px;

}

}


/*==========================================
576px
==========================================*/

@media(max-width:576px){

.container{

width:calc(100% - 28px);

}

.hero h1{

font-size:38px;

}

.section-title h2{

font-size:30px;

}

h2{

font-size:32px;

}

.product-title{

font-size:20px;

}

.category-content h3{

font-size:22px;

}

.feature-card,

.service-card,

.product-card,

.category-card,

.testimonial-card{

padding:20px;

}

.hero-search{

box-shadow:none;

}

.btn{

width:100%;

}

.contact-info{

flex-direction:column;

text-align:center;

align-items:center;

}

.contact-info i{

margin-bottom:10px;

}

.social{

justify-content:center;

}

.footer-bottom{

font-size:13px;

padding:18px;

}

}


/*==========================================
400px
==========================================*/

@media(max-width:400px){

.hero h1{

font-size:32px;

}

.hero p{

font-size:15px;

}

.logo img{

height:46px;

}

.logo-text h3{

font-size:18px;

}

.logo-text span{

font-size:11px;

}

.menu-toggle{

width:44px;

height:44px;

}

.menu-toggle i{

font-size:18px;

}

.section-title h2{

font-size:26px;

}

.stat-card h2{

font-size:40px;

}

.cta h2{

font-size:30px;

}

.whatsapp,

.call,

.back-top{

width:48px;

height:48px;

font-size:18px;

}

}