@media screen and (max-width:576px) {
    .container {
        padding: 0 5% !important;
    }

    .footer-mobile a {
        flex-direction: column;
        gap: 5px;
        font-size: 10px;
    }

    .logo img {
        width: 130px;
    }

    .callphone a {
        font-size: 1.5rem;
        color: var(--sub-color);
        font-weight: bold;
    }

    .callphone a i {
        font-size: 2rem;
        color: var(--main-color);
    }

    .resultimg {
    flex-wrap: nowrap;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
        
    }

    .resultimg .col-6 {
      flex: 0 0 70%;
    scroll-snap-align: center;
    margin-bottom: 20px;
    }
    
     .reviewmaincontainer {
        flex-wrap: nowrap;
        overflow-x: scroll;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
    }

    .review-container {
        flex: 0 0 90%;
        scroll-snap-align: center;
        margin-bottom: 30px;
    }

}

}