/*==================================================
    BITFORCE Responsive Stylesheet
====================================================*/

/*=====================================
=        LARGE DESKTOPS               =
=====================================*/

@media (min-width:1400px){

.container{

max-width:1400px;

}

.hero-content h1{

font-size:72px;

}

.section-header h2{

font-size:54px;

}

}

/*=====================================
=        DESKTOP                      =
=====================================*/

@media (max-width:1200px){

.container{

padding:0 30px;

}

.hero-grid,
.why-us-grid{

gap:50px;

}

.hero-content h1{

font-size:56px;

}

.section-header h2{

font-size:42px;

}

.products-grid,
.categories-grid,
.services-grid,
.statistics-grid,
.industries-grid,
.testimonials-grid{

gap:24px;

}

.cta-wrapper{

padding:60px;

}

}

/*=====================================
=        LAPTOP                       =
=====================================*/

@media (max-width:992px){

section{

padding:90px 0;

}

.hero-grid{

grid-template-columns:1fr;

text-align:center;

}

.hero-content{

margin:auto;

}

.hero-content p{

margin:auto auto 40px;

}

.hero-buttons{

justify-content:center;

}

.hero-highlights{

justify-content:center;

}

.hero-visual{

margin-top:60px;

min-height:auto;

}

.hero-visual .floating-card{

position:relative;

display:inline-block;

margin:12px;

left:auto;

right:auto;

top:auto;

bottom:auto;

}

.why-us-grid{

grid-template-columns:1fr;

}

.main-navigation{

display:none;

}

.section-header{

margin-bottom:50px;

}

.cta-wrapper{

flex-direction:column;

text-align:center;

}

.footer-grid{

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

gap:40px;

}

}

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

@media (max-width:768px){

.container{

padding:0 20px;

}

section{

padding:80px 0;

}

.hero-content h1{

font-size:42px;

}

.hero-content p{

font-size:18px;

}

.section-header h2{

font-size:34px;

}

.section-header p{

font-size:17px;

}

.hero-buttons{

flex-direction:column;

align-items:center;

}

.btn{

width:100%;

max-width:320px;

}

.categories-grid,
.products-grid,
.services-grid,
.statistics-grid,
.industries-grid,
.testimonials-grid,
.process-timeline{

grid-template-columns:1fr;

}

.category-card,
.product-card,
.service-card,
.stat-card,
.industry-card,
.process-card,
.testimonial-card{

padding:30px;

}

.cta-wrapper{

padding:50px 30px;

}

.cta-content h2{

font-size:34px;

}

.footer-grid{

grid-template-columns:1fr;

}

}

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

@media (max-width:576px){

.hero-content h1{

font-size:34px;

}

.hero-content p{

font-size:16px;

}

.section-header h2{

font-size:28px;

}

.section-subtitle{

font-size:13px;

}

.hero-buttons{

gap:15px;

}

.btn{

padding:15px 24px;

font-size:15px;

}

.floating-card{

width:100%;

margin-bottom:20px;

padding:25px;

}

.brand-card{

width:150px;

min-width:150px;

padding:25px 15px;

}

.brand-logo{

width:60px;

height:60px;

font-size:24px;

}

.stat-number{

font-size:42px;

}

.category-icon,
.product-icon,
.service-icon,
.industry-icon{

width:70px;

height:70px;

font-size:28px;

}

.cta-content h2{

font-size:28px;

}

.cta-wrapper{

padding:40px 20px;

border-radius:20px;

}

.faq-question{

padding:20px;

font-size:16px;

}

.faq-answer{

padding:0 20px 20px;

}

}

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

@media (max-width:400px){

.hero-content h1{

font-size:30px;

}

.section-header h2{

font-size:24px;

}

.btn{

font-size:14px;

padding:14px 20px;

}

.category-card,
.product-card,
.service-card,
.process-card,
.industry-card,
.testimonial-card{

padding:24px;

}

.stat-number{

font-size:36px;

}

}