@media (max-width: 991px) {
    .vis-img {
        display: none;
    }

    .vision-body {
        margin-bottom: 30px;
    }

    .test-card-body {
        padding-bottom: 20px;
    }

    .myTestimonial {
        margin-top: 0;
    }
    .why-top{
        display: block;
    }
    .why-center{
        display: none;
    }
}

@media (max-width: 768px) {
    .nav-right .menu-body {
        display: none;
    }

    .mynavbar::before {
        left: -30px;
    }

    .nav-cross-btn {
        display: flex;
    }

    .about-left {
        float: unset;
        width: 100%;
        margin-bottom: 40px;
    }
    
    .all-page-left{
        float: unset;
        width: 100%;
        padding-left: 0;
        margin-bottom: 45px;
    }
}

@media (max-width: 630px) {
    .header {
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .vision-sec-img {
        margin-top: 30px;
    }
    .phone-navbar{
        width: 75%;
    }
}

@media (max-width: 425px) {
    .phone-navbar{
        width: 95%;
    }
    .social-bar-body {
        display: none;
    }

    .mynavbar::before {
        /* left: 0; */
        width: 80%;
    }

    .product-arrow {
        top: auto;
        bottom: 15px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .section-item {
        padding: 60px 10px;
    }

    .heading-body .content-heading {
        width: 100%;
    }

    .about-card {
        padding: 15px 10px;
        gap: 8px;
        margin-top: 15px;
    }

    .about-card .icon {
        width: 50px;
        height: 50px;
    }

    .about-card .name {
        font-size: 20px;

    }

    .left-header {
        display: none !important;
    }

    .header .header-item {
        gap: 10px;
    }

    .header .header-item a {
        font-size: 13px !important;
    }

    .arrow-body {
        height: 45px;
    }

    .arrow-body .arrow-banner {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

}

@media (max-width: 350px) {
    .mynavbar::before {
        transform: skewX(-15deg);
    }

    .tablink {
        font-size: 13px;
        padding: 10px 6px;
    }
}