@media (min-width: 1024px) and (max-width:1279px) {
    /*#main			{padding-bottom:60px; padding-left:0px;}
.left_panel		{width:250px; height:500px; background:#2c3e50; margin-left:-250px; float:left; dis }*/


    #left_panel {
        width: 230px;
        background: none;
        margin-left: -230px;
        float: left;
        position: absolute;
        bottom: 0;
        top: 0px;
        padding-top: 45px;
    }

    .row {
        overflow: auto;
        margin: 0 10px 0px 10px;
    }

    .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9 {
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        float: left;
    }

    .col1 {
        width: 100%;
        margin-bottom: 10px;
    }

    .col2 {
        width: 100%;
        margin-bottom: 10px;
    }

    .col3 {
        width: 33.3333%;
        margin-bottom: 10px;
    }

    .col4 {
        width: 50%;
        margin-bottom: 10px;
    }

    .col5 {
        width: 50%;
        margin-bottom: 10px;
    }

    .col6 {
        width: 33.3333%;
        margin-bottom: 10px;
    }

    .col7 {
        width: 10%;
        margin-bottom: 10px;
    }

    .co {
        height: 50px;
        background: #000;
    }

    .col_xs1 {
        width: 100%;
        margin-bottom: 10px;
    }

    .col_xs2 {
        width: 100%;
        margin-bottom: 10px;
    }

    .expense-grid .total {
        width: 100% !important;
    }

    .col_xs4 {
        width: 15% !important;
    }

    .voucher input[type="text"] {
        width: 100%;
    }

    .col8 {
        width: 8% !important;
        margin-bottom: 10px;
    }

    .col9 {
        width: 92% !important;
        margin-bottom: 10px;
    }

    #window_container {
        padding-bottom: 20px;
    }

    form label {
        float: left;
        display: block;
    }
}


@media (max-width:800px) {
    #wrapper {
        background-position: -210px 0;
    }

    #main {
        padding-bottom: 60px;
        padding-left: 20px;
    }

    #left_panel {
        width: 230px;
        height: 500px;
        background: none;
        margin-left: -230px;
        float: left;
        display: none;
    }

    #left_menu_slide_wrap {
        left: 0;
    }

    .row {
        overflow: hidden;
        margin: 0 10px 0 10px;
    }

    .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9 {
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        float: left;
    }

    .col1 {
        width: 100%;
        margin-bottom: 10px;
    }

    .col2 {
        width: 100%;
        margin-bottom: 10px;
    }

    .col3 {
        width: 33.3333%;
        margin-bottom: 10px;
    }

    .col4 {
        width: 100%;
        margin-bottom: 10px;
    }

    .col5 {
        width: 50%;
        margin-bottom: 10px;
    }

    .col6 {
        width: 100%;
        margin-bottom: 10px;
    }

    .co {
        height: 50px;
        background: #000;
    }

    .col_xs1, .col_xs2 {
        float: left;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
    }

    .col_xs1 {
        width: 100%;
        margin-bottom: 10px;
    }

    .col_xs2 {
        width: 100%;
        margin-bottom: 10px;
    }

    #left_menu_slide_b {
        display: block;
    }

    #tabLegalMatterInfo {
        padding: 0 10px;
    }

    .tabs-menu li {
        margin-right: 3px;
    }

    .dropdown {
        width: 100%;
    }

    .ModalPopUp {
        margin-left: -280px;
    }

    #window_container {
        padding-bottom: 20px;
    }

    form label {
        float: left;
        display: block;
    }

    .table-responsive {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .actionPane {
        margin-left: 10px;
    }

        .actionPane .f_left {
            margin-top: 10px;
        }
}


@media (min-width:768px) and (max-width:800px) {
    #wrapper {
        background-position: -210px 0;
    }

    .row {
        overflow: hidden;
        margin: 0 10px 0 10px;
    }

    .col7 {
        width: 10%;
    }

    .col3 {
        width: 33.3333%;
    }

    .col6 {
        width: 100%;
    }

    .voucher input[type="text"], .expense-grid .total {
        width: 100%;
    }

    .expense-grid .total {
        width: 100% !important;
    }

    .col8 {
        width: 8% !important;
        margin-bottom: 10px;
    }

    .col9 {
        width: 92% !important;
        margin-bottom: 10px;
    }

    .ModalPopUp {
        margin-left: -280px;
    }

    #window_container {
        padding-bottom: 20px;
    }

    form label {
        float: left;
        display: block;
    }
}



@media (max-width:480px) {
    #wrapper {
        background-position: -210px 0;
    }

    #main {
        padding-bottom: 60px;
        padding-left: 20px;
    }

    #left_panel {
        width: 230px;
        height: 500px;
        background: none;
        margin-left: -230px;
        float: left;
        display: none;
    }

    #left_menu_slide_wrap {
        left: 0;
    }

    .row {
        overflow: hidden;
        margin: 0 10px 0 10px;
    }

    .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9 {
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        float: left;
        width: 100% !important;
        margin-bottom: 10px;
    }

    .co {
        height: 50px;
        background: #000;
    }

    .col_xs1 {
        width: 100%;
        margin-bottom: 10px;
    }

    .col_xs2 {
        width: 100%;
        margin-bottom: 10px;
    }

    .btn, .red_btn {
        width: 100% !Important;
        margin-bottom: 10px;
    }

    .box_inner {
        padding: 30px 0 12px 0;
    }

    .dropdown, .tabs-menu li {
        width: 100%;
    }

    .adjustmarging {
        margin-left: 0px !important;
    }
}

@media (max-width:640px) {
    .tabs-menu li {
        width: 100%;
    }

    .manage_form th {
        width: 24%;
    }
    /*.manage_grid td { width:50% !important;}*/
    .col3 {
        width: 100%;
    }

    .ModalPopUp {
        left: 66%;
        top: 60%;
    }
}



@media (max-width:320px) {
    .small_button {
        margin-right: 0;
    }

    .manage_form th {
        width: 26%;
    }
    /*.manage_grid td { width:62% !important;} */
    .ModalPopUp {
        left: 93%;
        width: 90%;
    }
}