@layer media_query {
    @media(max-width: 1330px) {
        .contactus_wrapper {
            padding-top: 0;
        }

    }

    @media(max-width: 767px) {
        .contactus_wrapper>.row {
            margin-left: 0;
            margin-right: 0;
        }

        .contactus_wrapper .leftwrapper {
            order: 2;
            width: 100%;
        }

        .contactus_wrapper .rightwrapper {
            order: 1;
            width: 100%;
            margin-bottom: 1.5rem;
            padding-left: 0;
            padding-right: 0;
        }
    }
}

@layer media_query {

    @media all and (max-width: 992px) {
        .contactinfo:not(.mobile_info) {
            display: none;
        }

        .contactinfo.mobile_info {
            display: table;
            width: 70%;
            top: 0;
            left: 0;
        }
    }

    @media(max-width: 767px) {
        .contactinfo.mobile_info {
            width: 100%;
        }

    }
}