@media only screen and (max-width: 1023px) {
    .banner-section-four {
        position: relative;
        overflow: hidden;
        max-height: 100px !important;
    }

    .banner-section-four-ContactUs .slide {
        position: relative;
        overflow: hidden;
        padding-bottom: 20px !important;
        background-size: cover;
        background-repeat: no-repeat;
        max-height: 100px !important;
        visibility: collapse !important;
    }

    .contact-card {
        background-image: url("../images/icons/service-pattern.png");
        background-repeat: no-repeat;
        box-shadow: 8px 10px 14px 0px;
        margin-bottom: 10px;
    }

    .faq-container .mob-container,
    .row.mob-container {
        display: block !important;
    }

    .about-section {
        position: relative;
        padding: 0px;
        bottom: 0px;
    }

        .about-section .blog__item {
            border: 1px solid rgba(255, 255, 255, .15);
            border-radius: 10px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, .25);
            padding: 5px !important;
        }

            .about-section .blog__item h4 {
                font-size: 15px;
            }

        .about-section .content .container {
            width: 100%;
            padding-right: 0px !important;
            padding-left: 0px !important;
            margin-right: auto;
            margin-left: auto;
        }

    .metaportal_fn_bloglist .bloglist ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        padding: 0px 0 20px;
        margin-left: -40px;
        list-style-type: none;
    }

    .main-footer .logo-widget .logo {
        position: relative;
        margin-bottom: 15px;
        width:50%;
    }

    .contact-us-section .content {
        box-shadow: 0 .1rem 1rem .25rem rgba(0, 0, 0, .4) !important;
        background-color: #0d12d3bd !important;
        padding: 10px; 
        border-radius: 12px;
        z-index: 10;
        margin-left: 18px;
    }
}