@media screen and (max-width: 768px) {
    .business2 .front {
        width: 100%;
    }

    .business2 .red {
        /* height: 144px; */
        height: fit-content;
    }

    .business2 .img {
        width: 30%;
    }

    .business2 .img img {
        width: 100%;
    }

    .CardName p {
        font-size: 12px;
    }

    .business2 .avatar p:nth-of-type(1) {
        font-size: 16px;
    }

    .business2 .infos a {
        font-size: 14px;
    }

    .SiteLogo {
        text-align: center;
        width: 100%;
    }

    .SiteLogo img {
        width: 40%;
    }

    .SiteTitle {
        display: none;
    }

    .SiteTitle h2 {
        font-size: 16px;
    }

    .SiteTitle p {
        font-size: 14px;
    }

    .Form-Title {
        font-size: 16px;
    }

    .AEP-TwoSection input,
    .AEP-OneSection textarea,
    .AEP-ThreeSection input,
    .AEPT_comtent,
    .AEPT_Three-content-Sec {
        width: 100%;
        font-size: 14px;

    }

    .AEP-TwoSection input,
    .AEP-OneSection textarea,
    .AEP-ThreeSection input {
        height: 30px;
    }

    .AEP-OneSection textarea {
        height: 60px;
    }

    .Common-Btn {
        margin: 10px;
        width: 20%;
        min-width: fit-content;
        font-size: 16px;
        margin: 10px 0 5px 0;
        font-weight: 200;
    }

    #Otp-Verify {
        width: 100%;
    }

    .Otp-inputs input {
        width: 38px;
        font-size: 20px;
    }

    .Popup-content,
    .Popup-content input {
        width: 90%;
    }

    .text {
        bottom: 45px;
        width: 75%;
    }

    /* Mobile Resposive Table */
    .Servic-Tbl table {
        width: 100%;
        margin-bottom: 0;
        background-color: transparent;
    }

    .Servic-Tbl table thead,
    .Servic-Tbl table tfoot {
        display: none;
    }

    .Servic-Tbl table tbody {
        display: block;
    }

    .Servic-Tbl table tbody tr {
        display: block;
        border-radius: 2px;
        margin-bottom: 10px;
    }

    .Servic-Tbl table tbody tr td {
        background-color: #fff;
        display: block;
        vertical-align: middle;
        text-align: right;
        min-width: 100%;
        padding: 4px;
    }

    .Servic-Tbl table tbody td[data-title]:before {
        content: attr(data-title);
        float: left;
        font-size: inherit;
        font-weight: 400;
        color: #000;
        font-size: 12px;
    }

    .Servic-Tbl input {
        width: 100%;
        font-size: 12px;
        height: 30px;
    }

    /* End of mobile resposive table */
    .addbtn {
        margin: -42px 0 0 0;
    }

    .Servic-Tbl table .Browse_Btn::after {
        content: "Browse Service Image";
        margin-left: 5px;
        font-family: "DM Sans", sans-serif;
        font-size: 14px;
    }

    .Servic-Tbl table input[class="remove-btn"] {
        width: 15%;
    }

    .Banner_Browse_Btn {
        bottom: 48px;
        right: 12px;
        font-size: 13px;
    }

    header {
        margin-bottom: 40px;
    }

    .Loc-Sec {
        width: 88%;
    }

    .progress-step::after {
        font-size: 0.8rem;
        width: fit-content;
    }

    .SiteTitle h2,
    .SiteLogo h2 {
        font-size: 22px;
    }

    .HideMview {
        display: none;
    }

    .HideDview {
        display: block;
    }

    .business2 .red img {
        height: 150px;
    }

    .comp_logo img {
        width: 40%;
    }

    .upload_Browse_Btn {
        width: 100%;
    }
}