@media (max-width: 1450px){
.navbar-brand img{max-width: 130px;}
.nav-link{font-size: 16px;
    margin-left: 15px;
    padding: 10px 15px !important;}
    .hero{margin-top: 100px;}
    .section{padding: 70px 0;}
}

@media (max-width: 1200px){
        .nav-link {
        font-size: 15px;
        margin-left: 10px;
        padding: 10px 12px !important;
    }
}
@media (max-width: 992px){

    .navbar-brand img {
        max-width: 100px;
    }

    .hero-slider .slide{height: 400px;}


.hero-slider .slide .hero-content {
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    padding: 0 10px;

}

.hero-slider .btn-main{    padding: 10px 25px;}
.slick-dotted.slick-slider{margin-bottom: 0 !important;}
.section-title{margin-bottom: 15px;}
#understanding figure{margin-bottom: 30px !important;}
#understanding, .features, #choosing, #maintenance{text-align: center;}
#understanding li, .features li, #choosing li, #maintenance li{text-align: left;}

#understanding ul, .features ul, #choosing ul, #maintenance ul{border: solid 1px #ccc; padding: 20px;}

.procedure-grid {
 
    grid-template-columns: repeat(1, 1fr);
    gap: 5px;
    margin-top: 20px;
}
.inner.ps-5{padding: 0 !important;}
footer{text-align: center;}

.footer-bottom{display: block !important; text-align: center !important;}

.mob-order-1{order: 1;}
.mob-order-2{order: 2;}
.mob-order-3{order: 3;}
.mob-order-4{order: 4;}

}