@media (max-width: 767px) {
    .col-sm-1 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 8.33333%;
		flex: 0 0 8.33333%;
		max-width: 8.33333%
	}
	.col-sm-2 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%
	}
	.col-sm-3 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}
	.col-sm-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%
	}
	.col-sm-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%
	}
	.col-sm-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}
	.col-sm-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%
	}
	.col-sm-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%
	}
	.col-sm-9 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}
	.col-sm-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%
	}
	.col-sm-11 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%
	}
	.col-sm-12 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}
    .mobile-view{
        display: flex !important;
        margin-bottom: 10px
    }
    .app-content .content-overlay .header-navbar,.mobile .table-responsive table tbody tr.mobile-hidden,.mobile-hidden{
        display:none !important;
    }
    html body{
        background : white !important;
    }
    html body .wrapper .app-content {
        padding: 0!important;
        background : white;
    }
    .mobile .table-responsive {
        min-height: .01%;
        overflow-x: hidden;
        display: block!important;
    }
    .mobile .table-responsive table {
        border: 0;
        margin-bottom: 0 !important;
    }
    .mobile .table-responsive table thead {
        border: none!important;
        clip: rect(0 0 0 0)!important;
        height: 1px!important;
        margin: -1px!important;
        overflow: hidden!important;
        padding: 0!important;
        position: absolute!important;
        width: 1px!important;
    }
    .mobile .table-responsive table>thead>tr {
        color: #303e67!important;
        font-weight: 700!important;
        border-color: #eaf0f7!important;
        padding: 10px!important;
        font-size: 13.5px!important;
        vertical-align: middle!important;
        border-bottom: 2px solid #eaf0f7!important;
    }
    .mobile .table-responsive table tbody tr{
        display: block;
        margin-bottom: 10px;
        border: 1px solid #ddd;
        border-radius: 5px;
    }
    .mobile .table-responsive table>tbody>tr>td{
        white-space: normal;
        word-break: normal;
    }
    .mobile .table-responsive table tbody td {
        font-size: 13px;
        display: block;
        text-align: right;
        width: auto!important;
        overflow: hidden!important;
        text-overflow: ellipsis!important;
        display: -webkit-box!important;
        -webkit-line-clamp: 5!important;
        -webkit-box-orient: vertical!important;
        word-break: break-word!important;
    }
    .mobile .table-responsive table tbody td:before {
        content: attr(data-label);
        float: left;
        font-weight: 600;
        text-transform: uppercase;
    }
    .mobile .filter_count {
        padding: 0px;
        font-size: 13px;
        font-weight: 600;
        padding-left: 0;
    }
    .mobile .card{
        box-shadow: initial !important;
        margin-bottom: 0 !important;
    }
    .filter-accordion{
        box-shadow: initial !important;
        margin-bottom: 0 !important;
    }
    .mobile .btn{
        padding: 0.1rem 0.5rem;
        font-size: .7rem;
    }
    .mobile .table-ft .row{
        justify-content: center;
    }
    .mobile .page-link{
        font-size: 12px !important;
        padding: 0.4rem 0.6rem !important;
    }
    .mobile .pagination{
        margin-bottom : 0 !important;
    }
    .filter-section label {
        font-size: 12px;
        margin-bottom : 0 !important;
    }
    .filter-section .btn {
        font-size: 12px;
        padding: 0.4rem 0.6rem !important;
        margin-top: 10px;
    }
    .filter-section .form-group {
        margin-bottom : 5px !important;
    }
    .filter-section .card-content {
        border-bottom : 1px solid #eef2f7 !important;
    } 
    .mob-mb-0{
        margin-bottom : 0 !important;
    }
    .mobile .card .header-title{
        margin-bottom: 5px !important;
        padding-bottom: 5px;
        color: black;
        border-bottom: 1px solid black;
    }
    .modal-full-width,.modal-dialog {
        width: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
        height: 100vh;
        max-height: 100vh !important;
        min-height: 100vh !important;
    }
    .modal-content{
        border-radius: 0 !important;
        max-height: 100vh !important;
        min-height: 100vh !important;
    }
    .modal-header{
        padding: 0.5rem 0.5rem  !important;
        background-color: #1a1a18!important; 
    }
    .modal-header .modal-title,.modal-header .close{
        color: white  !important;
    }
    .modal .modal-content .modal-body {
        margin: 0 !important;
    }
    .month-tabs .nav-tabs{
        margin: 0px !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        overflow-y: scroll !important;
    }
    .month-tabs .nav-tabs .nav-item{
        width: 100% !important;
        display: block!important;
    }
    .month-tabs .nav-tabs .nav-item .nav-link {
        padding: 10px 14px!important;
        min-width: max-content!important;
        position: relative!important;
        z-index: 0!important;
        overflow: hidden!important;
        border-radius: 0!important;
        display: flex!important;
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important;
    }
}

/* Dekstoop View */ 

.row.mobile-view,.mobile-view{
    display:none;
}