@media(max-width:1199.98px){
    .login_logo{
        padding: 0px;
        top: 40px;
    }
}
@media(max-width:991.98px){
    .login_form{
        padding-top: 50px;
    }
    .login_sec .login_form h2{
        font-size: 32px;
    }
    .login_form input{
        padding: 11px 25px;
    }
    .home_logo {
        position: static;
    }
    header.home_header{
        padding: 20px 0px;
    }
    .nav_link_text{
        display: block!important;
    }
    .toggle-btn {
        width: 44px;
        border: 0;
        background: transparent;
        padding: 0;
    }
    .toggle-btn:focus{
        box-shadow: none;
    }
    .toggle-btn span {
        height: 4px;
        background-color: #000000;
        border-radius: 4px;
        display: block;
        width: 26px;
        margin-bottom: 3px;
        margin-left: auto;
    }
    .toggle-btn span:nth-child(2) {
        width: 20px;
    }
    .toggle-btn span:last-child {
        width: 15px;
    }
    .home_header .navbar-collapse{
        position: absolute;
        top: 74px;
        background: rgb(1, 127, 66);
        z-index: 99;
        width: 100%;
        left: 0px;
        padding: 0px 20px 20px;
        border-radius: 10px;
    }
    .header_inner .nav-link{
        padding: 10px 10px;
        color: #ffffff;
    }
    .header_inner .nav-link.active{
        color: #fff;
        border-bottom:1px solid #ffffff;
    }
    .header_inner .nav-link svg g rect, .header_inner .nav-link.active svg g rect{
        fill: #ffffff;
    }
    .header_inner .nav-link svg {
        width: 24px;
    }
    .home_header .navbar-nav{
        max-width: 100%;
        gap: 10px;
    }
    .policy_table_sec{
        min-height: calc(100vh - 94px);
    }
    .close-btn {
        position: fixed;
        left: -100%;
        transform: translateX(14px);
        z-index: 99;
        top: 12px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-in-out;
        border: 1px solid #3E7258;
        border-radius: 5px;
    }
    .menu-open .close-btn {
        left: 232px;
        opacity: 1;
        visibility: visible;
        top: 2px;
    }

    .new_chat_btn_outer{
        padding-top: 35px;
    }
    .chat_history {
        width: 280px;
        position: static;
        height: 100%;
    }
    .chat_history {
        transform: translateX(-100%);
        transition: all 0.4s ease-in-out;
        right: 0;
        padding: 0px;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        background-color: #fff;
        padding: 30px 20px;
        z-index: 9;
    }
    .close-btn svg {
        stroke: #3E7258;
        width: 30px;
    }
    .menu-open .chat_history {
        transform: translateX(0%);
        z-index: 99;
        padding: 0px;
    }
    .chat_right_side .chat-toggle-btn {
        width: 33px;
        border: 0;
        background: transparent;
        position: absolute;
        left: 10px;
        z-index: 9;
        top: 10px;
    }
    .chat_right_side .chat-toggle-btn span {
        width: 100%;
        display: block;
        height: 2px;
        background: #333;
        margin: 4px 0;
    }
    body.menu-open::after {
        content: '';
        background-color: #00000038;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 9;
    }
    button.notification_bell{
        background: #fff;
    }
    button.notification_bell svg path{
        fill: #3f8044;
    }
    .home_chat_box{
        padding: 0px 15px;
    }
    .add_user_sec{
        padding: 20px 0px;
    }
    .add_user_sec .login_form{
        padding-top: 10px;
    }
    .assistant_name{
        left: 50px;
    }
}
@media(max-width:767.98px){
    .login_right_img{
        display: none;
    }
    .login_sec::after{
        width: 264px;
    }
    .login_sec .form_heading{
        margin-bottom: 15px;
    }
    .page_create_form form{
        padding: 20px 20px;
    }
    .poliy_sec_header_btns  {
        flex-wrap: wrap;
        justify-content: flex-start !important;
    }
    .poliy_sec_header_btns.create_btn a, .table_filters select{
        padding: 9px 16px;
        font-size: 14px;
    }
    .table_filters select{
        padding-right: 38px;
    }
    .add_user_sec h2{
        font-size: 26px;
        line-height: 20.74px;
        margin-bottom: 14px;
    }
    .add_user_sec .login_form{
        padding-top: 20px;
    }
    .description_data{
        grid-template-columns: 2fr;
    }
    .dashboard_content_inner{
        padding: 30px 25px;
    }
    .support_center_data {
        flex-wrap: wrap;
        gap: 20px;
    }
}
@media(max-width:575.98px){
    .login_sec .login_form h2 {
        font-size: 26px;
    }
    .login_form .input_icon{
        right: 15px;
    }
    .home_page .welcome_text h3{
        font-size: 20px;
        line-height: 26.1px;
    }
    .home_page .welcome_text p{
        font-size: 14px;
    }
    .table_header, .table_search_header {
        flex-wrap: wrap;
        gap: 10px;
    }
    .create_btn a{
        padding: 11px 18px;
    }
}
@media(max-width:419.98px){
    .login_form input{
        font-size: 14px;
        padding: 11px 15px;
    }
    .home_header .navbar-collapse{
        padding: 0px 10px 10px;  
    }
    .header_inner .nav-link{
        font-size: 14px;
    }
    .support_center_data h5, .description_outer h4, .description_content h5{
        font-size: 16px;
    }
    .support_center_data h6, .description_content p, .comments_chat_inner .sender_name h6{
        font-size: 14px;
    }
    .assistant_name{
        left: 10px;
        font-size: 12px;
        top: 25px;
    }
    .chat_right_side .chat-toggle-btn{
        top: 0px;
    }
    .video-form{
        flex-wrap: wrap;
    }
    
}
@media(max-width:374.98px){
    .page_create_form form label{
        font-size: 14px;
    }
    .page_create_form form select, .page_create_form form input.form-control, .page_create_form form .form-field textarea{
        padding: 10px 12px;
        border-radius: 6px;
        font-size: 14px;
    }
    .form_submit_btn {
        margin-top: 10px;
    }
}