@media (max-width:767px) {
    .ban-heading-main {
        font-size: 55px;
    }
    .banner-text h3 {
        font-size: 30px;
        padding-left: 3rem;
    }
    .banner-text p{
        font-size: 15px;
    }
    .b-img-cont::before{
        height: 450px;
        width: 450px;
        left: 40px;
    }
    .b-img-cont::before{
        height: 360px;
        width: 360px;
        left: 60px;
    }
    .b-img-cont img{
        width: 400px;
        left: 60px;
    }
    .banner-text {
        padding-bottom: 2rem;
    }
    .s1-img::before{
        width: 350px;
        height: 350px;
        left: 15%;
    }
    .s1-main-img{
        width: 400px;
    }
    .sec-heading {
        font-size: 40px;
    }
    .sec-text {
        font-size: 13px;
    }
    .s4-main-img {
        width: 300px;
    }
    .sec-4-img .dot-arrow{
        width: 200px;
        left: 50px;
    }
    .special-circle{
        left: 0;
        top: 65px;
    }
    .s5-face{
        display: none;
    }
    .content-main{
        font-size: 15px;
    }
    .div-pad{
        padding: 1.5rem 0;
    }
    .s6-input input {
        padding: 1rem 1rem;
        width: 300px;
    }
    .s5-quote{
        display: none;
    }
    .ul3-content h5 a{
        font-size: 18px !important;
    }
    .btn-container{
        margin-top: 1.5rem !important;
    }
    .ib-tab{
        font-size: 17px;
    }
    .fsec {
        padding: .2rem 1rem !important;
        color: var(--text-color);
        margin-right: 1rem !important;
        border-radius: 30px !important;
        font-size: 15px;
    }
    .cross a{
        height: 30px;
        width: 30px;
        font-size: 15px;
    }
    .f2-shape2,.f2-shape1{
        display: none;
    }
    .f2-heading h6{
        font-size: 20px;
    }
    .sp2-main-img::before {
        left: 14%;
    }
    .sec-2-bg2{
        width: 150px;
    }
}