@media only screen and (max-width: 767px) {
    .top-contant {
        padding: 20px;
    }
    .container_half {
        display: block;
    }
    .para-graph_half, .para-graph_spl {
        width: 100%;
        padding-right: 0;
    }
    .symbol-1 {
        width: 80px;
    }
    .heading-2, .heading-3 {
        font-size: 25px;
    }
    .overlaytop {
        position: relative;
    }
    .top-contant-sidergt {
        width: 100%;
        padding: 30px 20px;
    }
    .more-btn {
        padding-top: 20px;
    }
    .top-contant-sidergt {
        float: left;
    }
    .symbol-2 {
        width: 65px;
    }
    .btn {
        font-size: 16px;
    }
    .card-content .heading-3 {
        padding-bottom: 20px;
    }
    .card-list_item {
        width: 100%;
    }
    .card-1::after, .card-2::after, .card-3::after, .card-4::after {
        background-size: cover;
    }

    .footer-bg{ top: -13px;}
}