@media(max-width: 1199px) {

    /* footer */
    .footer_row {
        flex-wrap: wrap;
        gap: 0;
        justify-content: space-between;
    }

    .footer_row .box_md {
        width: 100%;
        margin-left: 50%;
    }

    .footer_row .box_sm {
        margin-left: 10%;
        margin-right: 0;
    }
}

@media(max-width: 991px) {

    /* site-nav */
    .client_slider_title .icon {
        display: none;
    }

    .site_nav .site_logo img {
        max-width: 150px;
    }

    #offcanvas {
        background: #797979;
    }

    #offcanvas .nav_profile {
        padding-top: 2rem;
        flex-direction: column-reverse;
    }

    .nav_profile ul {
        padding: 0;
        margin-top: 3rem;
        margin-bottom: 1rem;
    }

    #offcanvas #nav_search {
        order: 3;
        margin-top: 1rem;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }

    #offcanvas .nav_ul {
        flex-direction: column;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    #offcanvas .nav_ul li,
    #offcanvas .nav_ul li a {
        width: 100%;
        text-align: center;
    }

    #offcanvas .nav_ul {
        order: 2;
    }

    #offcanvas .nav_profile {
        width: 100%;
        order: 1;
    }

    .nav_profile ul li {
        margin-left: 15px;
        margin-right: 15px;
    }

    #offcanvas .nav_profile .profile_box {
        flex-direction: column-reverse;
        text-align: center;
        justify-content: center;
    }
}

@media(max-width: 767px) {
    .br_md_none>br {
        display: none;
    }

    .br_md_none br {
        display: none;
    }

    .mb_120 {
        margin-bottom: 70px;
    }

    /* footer */
    .footer_row .box_md {
        width: 70%;
        margin-left: 30%;
    }

    .footer_row .box_sm {
        margin-left: 0;
        margin-right: 0;
    }
}

@media(max-width: 600px) {

    /* footer */
    .footer_row .box_md {
        width: 100%;
        margin-left: 0;
    }

    .footer_row .box_sm {
        width: 50%;
    }
}

@media(max-width: 576px) {

    /* footer */
    .footer_row {
        gap: 20px;
    }

    .footer_row .box_sm {
        width: 100%;
    }
}