@media only screen and (max-width:768px) {
    .fs-small {
        font-size: 13.5px !important
    }

    .h_nav_main {
        display: none !important;
        border-bottom: 1px solid #e6e7e9
    }

    .h_nav_sm {
        display: flex !important
    }

    .P_S_b {
        margin-bottom: 15px !important
    }

    .Tvright {
        background: #fff0;
        height: 100%;
        position: relative
    }

    .h_logos_container {
        position: relative !important;
        height: 10vh;
        bottom: 0
    }

    .h_container_main h2 {
        font-size: 20px !important
    }

    .h_container_main h5 {
        font-size: 16px !important
    }

    .support_main {
        flex-wrap: wrap-reverse !important
    }

    .sec_h2 {
        font-size: 16px !important
    }

    .sec_box {
        width: 100%
    }

    .f_logos {
        width: 85px
    }

    .popup_box {
        width: 100%;
        margin-bottom: 15px
    }

    .h_container_main p {
        font-size: 12.5px !important
    }

    .R_reverse {
        flex-wrap: wrap-reverse !important
    }

    .w_33 {
        width: 100% !important
    }

    .auth_page_left {
        z-index: -9999 !important;
        display: none !important
    }

    .auth_page_right {
        background-color: #fff
    }

    .status-alerts-box {
        flex-wrap: wrap !important
    }

    .lload .text-cus {
        display: none !important
    }

    .A_left_cont {
        width: 100%
    }

    .A_l_main {
        width: 92%;
        position: relative
    }

    .P_S_H {
        display: none !important
    }

    .h_B_box2 {
        width: 100%;
        z-index: 9999;
        background-color: #fff !important
    }

    .h_blog_main {
        border-radius: 0 !important
    }

    .smlb-end a {
        width: 100% !important
    }

    .C_I {
        flex-direction: wrap !important;
        flex-wrap: wrap !important
    }

    .C_I .form-group {
        margin-right: 0 !important;
        margin-bottom: 20px !important
    }

    .contract_form {
        flex-wrap: wrap-reverse !important
    }

    .contract_form_upload {
        flex-wrap: wrap !important
    }

    .A_left_cont {
        width: 100% !important
    }
}

@media only screen and (max-width:1200px) {
    .h_nav_main {
        display: none !important
    }

    .h_nav_sm {
        display: flex !important;
        border-bottom: 1px solid #e6e7e9
    }

    .btn-cus-active {
        padding: 8px 10px !important;
        font-size: .7rem
    }

    .btn-cus-outline {
        padding: 8px 10px !important;
        font-size: .7rem
    }

    .h_container_content2 {
        display: flex;
        justify-content: center
    }

    .hns_logo {
        width: 110px
    }

    .btn-cus-active2 {
        position: relative !important;
        display: block !important;
        background-color: var(--bg) !important;
        color: #fff !important;
        text-align: center !important;
        padding: 8px 10px !important;
        font-size: .9rem !important;
        text-decoration: none;
        border-radius: 3px
    }

    .h_container_content button {
        width: 100% !important;
        margin-bottom: 15px
    }

    h1 {
        font-size: 1.2rem !important
    }

    .services-card {
        width: 100%;
        margin-bottom: 8px !important
    }

    .pricing-card {
        width: 100%;
        margin-bottom: 8px !important
    }

    .hcon-card {
        width: 100%;
        margin-bottom: 20px !important
    }

    .owl-carousel .items img {
        width: 50% !important
    }

    .contact-us-right {
        width: 100%
    }

    .contact-us-left {
        width: 100%
    }

    .contact-us {
        flex-wrap: wrap-reverse !important
    }

    .xuppo div {
        width: 100% !important;
        margin-bottom: 15px;
        display: flex;
        justify-content: center !important;
        justify-items: center;
        border-left: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #fff !important;
        padding-bottom: 15px !important
    }

    .xuppo div span {
        text-align: center !important
    }

    .portifilo-card {
        width: 100%;
        margin-bottom: 8px !important
    }

    .blog-card {
        width: 100%;
        margin-bottom: 8px !important
    }

    .h-blog-first-img {
        margin-bottom: 22px !important
    }

    .h-blog-first {
        padding: 18px !important;
        border: 1px solid #2e2e2e1f;
        background-color: #fff
    }

    .h-blog-first-img {
        border-radius: 4px !important
    }

    .fs-4 {
        font-size: 1rem !important
    }

    header.sticky {
        height: auto;
        overflow: visible
    }

    .offcanvas {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 2000
    }

    .bs-c {
        flex-wrap: wrap-reverse
    }

    .consult-box {
        margin-top: 22px !important
    }

    .abus-con {
        flex-direction: wrap !important;
        flex-wrap: wrap !important
    }

    .abus-con-m {
        margin-top: 60px !important
    }

    .otp-inputs {
        flex-wrap: wrap !important
    }

    .otp-inputs button {
        width: 100% !important;
        margin-top: 15px !important
    }

    .A_right {
        display: none !important
    }

    .A_left {
        width: 100% !important
    }

    .offcanvas-body {
        align-content: space-around !important
    }
}