@media (max-width:992px) {

    .news-product{
        grid-template-columns: repeat(2,1fr);
    }

    .brand-nav{
        display: none;
    }

    .start-head{
        text-align: center;
    }

    .start-title{
        text-align: center;
        font-size: 38px;
    }

    .why-container  .row{
        flex-direction: column-reverse;
    }

    .start-bg-bottom{
        transform: translateY(-2px);
    }

    .customer-main{
        grid-template-columns: repeat(4,1fr);
    }

    .price{
        grid-template-columns: repeat(2,1fr);
    }

    .services{
        grid-template-columns: repeat(3,1fr);
    }
}

@media (max-width:768px) {

}

@media (max-width:576px) {

    .wrapper-title{
        font-size: 22px;
    }

    .start-title{
        font-size: 30px;
    }

    .why-list{
        grid-template-columns: 1fr;
    }

    .procedure-content{
        gap: 20px;
    }

    .procedure-index .text{
        font-size: 16px;
    }

    .procedure-index .number{
        height: 50px;
        width: 50px;
        font-size: 28px;
    }

    .procedure-text{
        padding: 14px;
    }

    .procedure-title{
        font-size: 16px;
    }

    .procedure-desc{
        font-size: 14px;
    }

    .customer-main {
        grid-template-columns: repeat(3,1fr);
    }

    .price {
        grid-template-columns: repeat(1,1fr);
    }

    .services {
        grid-template-columns: repeat(2,1fr);
    }

    .services-title{
        font-size: 16px;
    }

    .service-list{
        font-size: 14px;
    }

    .logo img{
        width: 50px;
    }
    .logo span{
        font-size: 16px;
    }
}