/* Alignment Issues solved */



div#_parrent_table_body {

    margin-top: 20px;

}



.table-responsive , .ibox-content .table-responsive{

    overflow-x: scroll;

    white-space: nowrap;

}



.table-responsive nav {

    margin: 15px 0;

}



#client_profile .card {

    margin-top: 15px;

}



#client_profile .card legend {

        padding: 0px;

}



a.btn.btn-primary.add_btn {

    margin-bottom: 15px;

    margin-left: -15px;

}



.header_menu_area .navbar.navbar-expand-lg .nav.navbar-nav li.submenu .dropdown-menu li:hover a, 

.header_menu_area .navbar.navbar-expand-lg .nav.navbar-nav li.submenu .dropdown-menu li.active a {

    color: #fff!important;

}



a.btn.btn-info i {

    margin-right: 8px;

}



a.btn.btn-info {

    padding: 5px 15px;

}



section#client_profile .card-body {

    padding: 0px;

}



.card-body .btn-group, .card-body .btn-group button {

    width: 100%!important;

    text-align: left;

}



/* =========================

       Media Queries

=========================== */



@media (min-width:1200px) and (max-width:1400px)  {

    #client_profile .card .form-group label {

        font-size: 12px;

    }

    ul.nav.navbar-nav {

        display: grid!important;

        grid-template-columns: repeat(4, 1fr);

        gap: 10px;

    }
/*.badge-danger {
    color: #fff;
    background-color: #dc3545;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50% !important;
    display: inline-block;
    padding: 0 !important;
    top: 35px;
}*/
    .header_menu_area .navbar.navbar-expand-lg .nav.navbar-nav li:last-child {

        margin-right: 25px;

    }





}



@media (min-width:1400px) {



}



@media (min-width:1200px) {



    .header_menu_area .navbar.navbar-expand-lg .nav.navbar-nav li.submenu .dropdown-menu {

        min-width: 210px!important;

    }



}



@media (min-width:992px) and (max-width:1199px) {



     ul.nav.navbar-nav {

        display: grid!important;

        grid-template-columns: repeat(5, 1fr);

        gap: 5px;

    }

    .header_menu_area .navbar.navbar-expand-lg .nav.navbar-nav li:last-child {

        margin-right: 25px;

    }

    

}



@media (min-width:768px) and (max-width:991px) {



    

}



@media (max-width:991px) {



    .nav_height {

        min-height: 0px !important;

    }

 

    .modal-body textarea#template {

        width: 100%;

    }

}





@media (max-width:767px) {



    #client_profile .card-body {

        padding: 0px;

    }

    a.btn.btn-primary.add_btn {

        margin-left: 0;

    }

    #success_stories .post .post-content h2 {

        font-size: 22px;

        text-align: left;

        margin-bottom: 22px;

    }

    .select2-container {

        margin-bottom: 15px;

    }

    nav.side-slide1.mob_mode {

        position: fixed;

        top: 0;

        bottom: 0;

        overflow-y: scroll;

    }

    

    nav.side-slide1.mob_mode h3.nav02 {

        position: fixed;

    }



}



@media (max-width:480px) {



    section#dashboard .col-xs-6 {

        display: block;

        width: 100%;

        max-width: 100%;

        flex: 0 0 0100%;

    }

    

}

    

@media (max-width:360px) {  



}