@media only screen and (max-width: 1280px) {

    .faq-main-img, .faq-ques {
        display: none;
    }
    .mission-con {
        padding: 50px 0 0px 30px;
    }
    .miss-img {
        margin-bottom: 0px;
    }



}

@media only screen and (max-width: 1024px) {
    .mission-con {
        flex-direction: column;
        padding: 50px 0 0px 30px;
    }
    .miss-bg {
        width: 100%;
    }

    .miss-img, .miss-text {
        width: 80%;
    }
    .vis-bot {
        padding: 20px 20px;
    }
    .vis-head {
        padding: 15px 20px;
    }


}



@media only screen and (max-width: 912px) {
.ser-area {
    flex-direction: column;
}

.ser {
    width: 100%;
}
.miss-img, .miss-text {
    width: 90%;
}
.product-bot {
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center;
}
.proudect-area {
    width: 28%;
}



}

@media only screen and (max-width: 712px) {
    .proudect-area {
        width: 42%;
    }
    .mission-con {
        flex-direction: column;
        padding: 50px 0 0px 0px;
    }





}


@media only screen and (max-width: 540px) {
    .proudect-area {
        width: 65%;
    }
    .vis-bot {
        flex-direction: column-reverse;
        padding: 20px 20px;
        border-radius: 0 0px 0px 0;
    }



}

@media only screen and (max-width: 430px) {
    .proudect-area {
        width: 81%;
    }

    .comp-con p {
        font-size: 14px;
        line-height: 23px;
    }

.accordion-icon {
    right: 5px;
}
.accordion::after {
    right: 12px;
}
.accordion {
    padding: 15px 40px 15px 14px;
}

.comp-con {
    padding: 30px 20px;
}
.pro-text h1 {
    font-size: 20px;
}






}