/*=========================
NAVBAR RESPONSIVE
=========================*/

@media (max-width:991px){

    .navbar{
        padding:12px 0;
    }

    .navbar-brand img{
        height:70px;
    }

    .navbar-nav{
        text-align:center;
        margin:20px 0;
    }

    .navbar-nav .nav-item{
        margin:8px 0;
    }

    .hero-btn{
        display:block;
        width:100%;
        text-align:center;
        margin-top:15px;
    }

    .navbar-collapse{
        background:#fff;
        padding:20px;
        border-radius:12px;
        margin-top:15px;
        box-shadow:0 8px 25px rgba(0,0,0,.08);
    }

}
/*=========================
HERO RESPONSIVE
=========================*/

@media (max-width:991px){

    .hero-section{
        min-height:auto;
        padding:60px 0;
    }

    .hero-height{
        min-height:auto;
    }

    .glass-box{
        max-width:100%;
        padding:40px 30px;
        margin:20px auto;
        border-radius:20px;
    }

    .hero-content{
        text-align:center;
    }

    .hero-content h1{
        font-size:48px;
        line-height:1.2;
    }

    .hero-content h2{
        font-size:30px;
        line-height:1.4;
    }

    .line{
        margin:25px auto;
    }

    .hero-content p{
        font-size:16px;
    }

    .hero-content h5{
        font-size:18px;
    }

}
@media (max-width:767px){

    .hero-section{
        padding:40px 0;
    }
	.cta-map{
		margin-top:0px !important;
	}
    .glass-box{
        padding:30px 20px;
        border-radius:18px;
    }

    .hero-content h1{
        font-size:34px;
    }

    .hero-content h2{
        font-size:22px;
    }

    .hero-content p{
        font-size:15px;
        line-height:1.8;
    }

    .hero-content h5{
        font-size:16px;
    }

    .hero-btn{
        width:100%;
        text-align:center;
        padding:15px 20px;
    }

}
/*=========================
PRODUCT SECTION RESPONSIVE
=========================*/

@media (max-width:991px){

    .crusher-section{
        padding:60px 0;
    }

    .section-title h2{
        font-size:32px;
    }

    .section-title p{
        font-size:16px;
    }

    .product-card{
        height:470px;
    }

    .product-card img{
        height:200px;
    }

    .product-content{
        padding:20px;
    }

    .product-content h4{
        font-size:20px;
    }

    .product-content p{
        font-size:15px;
        line-height:24px;
    }

    .quote-btn{
        padding:12px 22px;
        font-size:15px;
    }

    .crusher-slider .owl-item{
        padding:0 10px;
    }

}
@media (max-width:767px){

    .crusher-section{
        padding:50px 0;
    }

    .section-title h2{
        font-size:26px;
    }

    .section-title p{
        font-size:14px;
    }

    .product-card{
        height:auto;
    }

    .product-card img{
        height:180px;
    }

    .product-content{
        padding:18px;
    }

    .product-content h4{
        font-size:18px;
    }

    .product-content p{
        min-height:auto;
        font-size:14px;
        line-height:22px;
    }

    .quote-btn{
        width:100%;
        text-align:center;
        padding:12px;
        font-size:14px;
    }

}
/*=========================
WHATSAPP CTA RESPONSIVE
=========================*/

@media (max-width:991px){

    .bottom-cta .row{
        text-align:center;
		flex-direction: column;
    }

    .cta-left,
    .cta-center,
    .cta-map{
        min-height:220px;
    }

    .cta-left{
        padding:35px 25px;
    }

    .cta-left h3{
        font-size:28px;
        line-height:1.4;
    }

    .cta-center{
        flex-direction:column;
        justify-content:center;
        gap:18px;
        padding:35px 25px;
    }

    .cta-map{
        min-height:220px;
        background-position:center;
        background-size:cover;
    }

}
@media (max-width:767px){

    .cta-left{
        padding:30px 20px;
    }

    .cta-left h3{
        font-size:24px;
    }

    .cta-left p{
        font-size:15px;
    }

    .cta-center{
        padding:30px 20px;
        gap:15px;
    }

    .whatsapp-icon{
        width:60px;
        height:60px;
    }

    .whatsapp-icon i{
        font-size:30px;
    }

    .cta-center h4{
        font-size:22px;
    }

    .cta-center p{
        font-size:14px;
        line-height:1.6;
    }

    .cta-map{
        min-height:180px;
    }

}
/*=========================
WHY CHOOSE RESPONSIVE
=========================*/

@media (max-width:991px){

    .why-choose{
        padding:60px 0;
    }

    .section-title{
        margin-bottom:40px;
    }

    .section-title h2{
        font-size:32px;
        text-align:center;
    }

    .why-box{
        border-right:none;
        border-bottom:1px solid #e9e9e9;
        padding:30px 20px;
    }

    .why-box:last-child{
        border-bottom:none;
    }

    .why-box i{
        font-size:46px;
    }

    .why-box h5{
        font-size:20px;
    }

    .why-box p{
        font-size:15px;
        line-height:1.7;
    }

}
@media (max-width:767px){

    .why-choose{
        padding:50px 0;
    }
	.hero-content h1 p{
		font-size:35px !important;
	}
	.hero-content h2 p{
		font-size:30px;
	}
	.bottom-cta .row{
		flex-direction:column !important;
	}
    .section-title h2{
        font-size:26px;
    }

    .why-box{
        padding:25px 15px;
    }

    .why-box i{
        font-size:40px;
        margin-bottom:15px;
    }

    .why-box h5{
        font-size:18px;
    }

    .why-box p{
        font-size:14px;
        line-height:1.6;
    }

}