@media screen and (min-width: 1025px) {
    .content-body {
        width: calc(100% - 200px);
        margin-left: auto;
    }
    .track-update-btn {
        top: -50px;
        right: 34px;
    }
    /* .dtable-scroll{
        max-width: 100%;
        overflow-x: auto;
    } */
}
@media screen and (min-width: 768px) {
    .sticy-section {
        position: -webkit-sticky;
        position: sticky;
        top: 95px;
    }
    .row-double {
        -ms-flex: 1 0 37.333333%;
        flex: 1 0 37.333333%;
        max-width: 38.333333%;
    }
}
@media screen and (max-width: 768px) {
    .blog-first-img img {
        position: relative;
    }
    .event-personality,
    .org-personality {
        padding-left: 1rem;
        padding-top: 71px;
        margin-left: 0;
    }
    .report-data {
        bottom: 65px;
        right: 11px;
        z-index: 9999;
    }
    .mx-80 {
        max-width: 157px;
    }
    .reply .mx-80 {
        max-width: 105px;
    }
    .crop-modal .modal-body {
        overflow-x: scroll;
    }
    .payment-details-width{
        min-width: unset !important;
        max-width: 82vw;
    }
    .list-flag{
        font-size: 20px;
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
    }
    .lap-card.small .img {
        height: 90px;
    }

}
@media screen and (max-width: 1025px) {
    .nav-style {
        padding: 15px 10px;
    }
    .offcanvas {
        height: calc(100% - 78px);
        bottom: 1px !important;
        z-index: 100000;
    }
    .enable-location-shown  .offcanvas {
        height: calc(100% - 112px);
        z-index: 100000;
    }
    .offcanvas-border-bottom {
        border-bottom: 1px solid #dee2e6 !important;
    }
    .data-tabel-responsive {
        overflow-x: auto;
        max-width: calc(100% - 0px);
        &:not(.px-0){
            max-width: calc(100% - 16px);
        }
    }
    .offcanvas-active .offcanvas {
        width: 0;
        visibility: hidden;
        transform: translateX(-100%);
    }
    .offcanvas {
        width: 180px;
        visibility: visible;
        transform: translateX(0);
    }
    .landing-home-text {
        width: 100%;
    }
    .landing-home-text {
        font-size: 17px;
    }
    .landing-text-bg {
        right: 21px;
        width: 85%;
    }
    .overflow-box-fix {
        overflow-x: auto;
        overflow-y: hidden;
    }
    .responsive-fit{
        box-shadow: unset;
        padding: 0px !important;
    }
    .responsive-fit .box-responsive-fix.oem-box{
        min-width: 359px !important;
    }
    .box-responsive-fix {
        min-width: 800px !important;
    }
    .box-responsive-fix.oem-box{
        min-width: 409px !important;
    }
    .box-responsive-fix.oem-box .font-13{
        font-size: 13px !important;
    }
    .fix-search-responsive {
        width: calc(100% - 41px);
    }
    .fix-search-responsive .tt-menu .tt-dataset {
        text-align: left;
    }
    /* .data-tabel thead{
        display: none;
    } */
    /* .data-tabel tbody tr{
        display: flex;
        flex-direction: column;
        height: auto;
        width: calc(100vw - 46px);
        margin: 0 auto;
        margin-bottom: 15px;
        border-radius: 5px;
    } */
    .data-tabel-responsive .data-tabel:not(.dtable-scroll){
        min-width: 1500px;
    }
    .data-tabel-responsive .data-tabel.mw-1075{
        min-width: 1100px;
    }
    .data-tabel-responsive .data-tabel.mw-1063{
        min-width: 1063px;
    }
    .data-tabel-responsive .data-tabel.mw-1020{
        min-width: 1020px;
    }
    .data-tabel-responsive .data-tabel.mw-970{
        min-width: 970px;
    }
    .data-tabel-responsive .data-tabel.mw-950{
        min-width: 950px;
    }
    .data-tabel-responsive .data-tabel.mw-910{
        min-width: 910px;
    }
    .data-tabel-responsive .data-tabel.mw-900{
        min-width: 900px;
    }
    .data-tabel-responsive .data-tabel.mw-880{
        min-width: 880px;
    }
    .data-tabel-responsive .data-tabel.mw-850{
        min-width: 850px;
    }
    .data-tabel-responsive .data-tabel.mw-800{
        min-width: 800px;
    }
    .data-tabel-responsive .data-tabel.mw-770{
        min-width: 770px;
    }
    .data-tabel-responsive .data-tabel.mw-750{
        min-width: 750px;
    }
    .data-tabel-responsive .data-tabel.mw-700{
        min-width: 700px;
    }
    .data-tabel-responsive .data-tabel.mw-650{
        min-width: 650px;
    }
    .data-tabel-responsive .data-tabel.mw-600{
        min-width: 600px;
    }
    .data-tabel-responsive .data-tabel.mw-500{
        min-width: 500px;
    }
    .data-tabel-responsive .data-tabel.mw-460{
        min-width: 460px;
    }
    .data-tabel-responsive .data-tabel.mw-400{
        min-width: 400px;
    }
    .data-tabel-responsive .data-tabel:not(.new-custom) .custom-table-item{
        background-color: transparent !important;
    }
   
    .data-tabel-responsive .data-tabel .custom-table-item .w-75,
    .data-tabel-responsive .data-tabel .custom-table-header .w-75{
        min-width: 75px;
        max-width: 75px;
    }
    .data-tabel-responsive .data-tabel .custom-table-item .w-90,
    .data-tabel-responsive .data-tabel .custom-table-header .w-90,
    .data-tabel-responsive .w-90 {
        min-width: 90px;
        max-width: 90px;
        width: 90px;
    }
    .data-tabel-responsive .data-tabel .custom-table-item .w-100,
    .data-tabel-responsive .data-tabel .custom-table-header .w-100{
        min-width: 100px !important;
        max-width: 100px !important;
    }
    .data-tabel-responsive .data-tabel .custom-table-item .w-120,
    .data-tabel-responsive .data-tabel .custom-table-header .w-120,
    .data-tabel-responsive .w-120 {
        min-width: 120px;
        max-width: 120px;
        width: 120px !important;
    }
    .data-tabel-responsive .data-tabel .custom-table-item .w-140,
    .data-tabel-responsive .data-tabel .custom-table-header .w-140,
    .data-tabel-responsive .w-140 {
        min-width: 140px;
        max-width: 140px;
        width: 140px !important;
    }
    .data-tabel-responsive .data-tabel .custom-table-item .w-160,
    .data-tabel-responsive .data-tabel .custom-table-header .w-160{
        min-width: 160px;
        max-width: 160px;
    }
    .data-tabel-responsive .data-tabel .custom-table-item .w-180,
    .data-tabel-responsive .data-tabel .custom-table-header .w-180{
        min-width: 180px;
        max-width: 180px;
    }
    .data-tabel-responsive .data-tabel .custom-table-item .w-200,
    .data-tabel-responsive .data-tabel .custom-table-header .w-200{
        min-width: 200px;
        max-width: 200px;
    }
    .data-tabel-responsive .data-tabel .custom-table-item .mw-60-px,
    .data-tabel-responsive .data-tabel .custom-table-header .mw-60-px{
        min-width: 60px;
        max-width: 60px;
    }
    .data-tabel-responsive .data-tabel .custom-table-item .mw-65-px,
    .data-tabel-responsive .data-tabel .custom-table-header .mw-65-px{
        min-width: 65px;
        max-width: 65px;
    }
   .max-width-200{
       width: 200px;
       max-width: 200px !important;
   }
   .max-width-150{
       width: 150px;
       max-width: 150px !important;
   }
   .min-width-94{
       min-width: 94px !important;
   }
   .max-width-100{
       max-width: 100px !important;
   }
   .max-width-75{
       max-width: 75px !important;
   }
   .max-width-67{
       max-width: 67px !important;
   }
   .max-width-55{
       max-width: 55px !important;
   }
   .max-width-50{
       max-width: 50px !important;
    }
   .max-width-40{
       max-width: 40px !important;
    }
    .max-width-30{
        max-width: 30px !important;
    }

    .data-tabel tbody td{
        margin-top: 10px;
        font-size: 12px;
        font-family: sans-serif;
    }
    
    .custom-table-content .custom-table-item{
        height: unset;
        /* padding: 10px 5px; */
    }
    .custom-table-content .col,
    .custom-table-content .col .tooltip,
    .custom-table-content .col a{
        font-size: 12px;
    }
    
    .data-tabel.new-custom .custom-table-content .custom-table-item{
        padding: 8px 5px;
    }
    .data-tabel-responsive .tooltip-css:not(.force-ellipse){
        overflow: unset;
        white-space: unset;
        text-overflow: unset;
    }
    .data-tabel tbody td .tooltip-css:not(.force-ellipse){
        max-width: unset !important;
        white-space: normal !important;
    }
    .data-tabel tbody td .max-width-230{
        max-width: unset !important;
    }
    .data-tabel tbody td .max-width-220{
        max-width: unset !important;
    }
    .data-tabel tbody td:last-child{
        margin-bottom: 10px;
    }
    .data-tabel tr a{
        padding: 0px !important;
        white-space: normal;
    }
    .data-tabel tr .responsive-dt-title{
        color: #575757;
        font-weight: bold;
        padding-right: 7px;
    }
    .data-table-select-filter select.form-control{
        position: relative;
        text-indent:40px;
        color: red !important;
        padding-bottom: 11px;
    }
    .data-table-select-filter::after{
        content: "\f884";
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        padding-left: 5px;
        position: absolute;
        top: 0;
        left: 12px;
        font-size: 24px;
        color: #FF0000;
    }
    .data-table-select-filter.desc::after{
        content: "\f160";
    }
    table.dataTable thead .sorting::after{       
        visibility: hidden;
        position: absolute;
    }
    table.dataTable thead .sorting.sorting_asc::after{       
        visibility: visible;
        position: relative;
    }
    table.dataTable thead .sorting.sorting_desc::after{
        visibility: visible;
        position: relative;
    }
    .org-cover-image{
        min-height:185px;
    }
    .details-banner.lazy-background{
        min-height: unset;
    }
    .custom-table-header a:not(.red-color) i{
        display: none;
    }
     /* Responsive table item max min width */
    .table-item-max-min-width-sm-160{
        width: 160px;
        min-width: 160px;
        max-width: 160px;
    }
    .table-item-max-min-width-sm-140{
        width: 140px;
        min-width: 140px;
        max-width: 140px;
    }
    .table-item-max-min-width-sm-115{
        width: 115px;
        min-width: 115px;
        max-width: 115px;
    }
    .table-item-max-min-width-sm-100{
        width: 100px;
        min-width: 100px;
        max-width: 100px;
    }
    .table-item-max-min-width-95{
        width: 95px;
        min-width: 95px;
        max-width: 95px;
    }
    .table-item-max-min-width-sm-88{
        width: 88px;
        min-width: 88px;
        max-width: 88px;
    }
    .table-item-max-min-width-sm-73{
        width: 73px;
        min-width: 73px;
        max-width: 73px;
    }
    .table-item-max-min-width-sm-65{
        width: 65px;
        min-width: 65px;
        max-width: 65px;
    }
    .table-item-max-min-width-sm-60{
        width: 60px;
        min-width: 60px;
        max-width: 60px;
    }
    .table-item-max-min-width-sm-40{
        width: 40px;
        min-width: 40px;
        max-width: 40px;
    }
    .custom-table-item .tooltip-css{
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }
}
@media screen and (max-width: 768px) {
    .dropdown-menu-nav.comments-option {
        left: -22px !important;
        top: 10px !important;
    }
    .track-update-btn {
        top: -60px;
        left: 10px;
    }
    .offcanvas{
        padding-top: 15px !important;
    }
    .offcanvas-item{
        margin-top: 30px;
    }
    .offcanvas-item:first-child{
        margin-top: 0px !important;
    }
    .compare-image{
        min-height: 90px;
        max-height: 120px;
    }
    .data-tabel-responsive .data-tabel{
        border-spacing: 0 4px !important;
    }
    .data-tabel tr{
        height: 38px !important;
        min-height: 38px !important;
    }
    .data-tabel-responsive table.dataTable thead th,
    .data-tabel-responsive .dataTables_wrapper table.dataTable tbody td{
        padding: 0 5px !important;
    }
    .type-btn{
        padding: 0px 8px !important;
        font-size: 12px !important;
    }
    .font-12-sm{
        font-size: 12px !important;
    }
}
@media screen and (min-width: 1023px) and (max-width: 1026px) {
    .offcanvas{
        height: calc(100% - 78px) !important;
        bottom: -3px;
        padding-top: 0px !important;
    }
}
@media screen and (min-width: 1025px) {
    .pl-md-0 {
        padding-left: 0 !important;
    }
    .pr-md-0 {
        padding-right: 0 !important;
    }
    .hide-logo-lg .org-table-logo{
        display: none !important;
    }
    .font-16-md{
        font-size: 16px !important;
    }
}
@media screen and (max-width: 1550px) and (min-width: 1400px) {
    .replies .w-90 {
        width: 71%;
    }
}
@media screen and (min-width: 992px) {
    .fixed-col {
        max-width: 14.666667%;
    }
    .fixed-col-lg {
        flex: 0 0 29%;
        max-width: 29%;
    }
    .fixed-col-5 {
        max-width: 5%;
    }
    .fixed-col-9 {
        max-width: 10%;
    }
    .fixed-col-6 {
        max-width: 6%;
    }
    .fixed-col-14 {
        max-width: 14%;
        flex: 0 0 14.333333%;
    }
    .fixed-col-11 {
        max-width: 11%;
        flex: 0 0 11.333333%;
    }
    .custom-lg-col-sm {
        max-width: 4.666667% !important;
    }
    .custom-lg-col {
        max-width: 13.666667% !important;
    }
    .custom-lg-col.col-lg-2 {
        max-width: 18.666667% !important;
        flex: 0 0 18.666667% !important;
    }
    .custom-width {
        max-width: 80px !important;
    }
    .data-tabel-responsive .data-tabel .custom-table-item .mw-60-px-md,
    .data-tabel-responsive .data-tabel .custom-table-header .mw-60-px-md{
        min-width: 60px;
        max-width: 60px !important;
    }
    .overflow-lg-hidden{
        overflow: hidden;
    }
    .data-tabel-responsive .mw-90-px-md {
        min-width: 90px;
        max-width: 90px;
        width: 90px;
    }
    .max-width-120 {
        max-width: 120px;
        white-space: pre-wrap;
    }
    /* Responsive table item max min width */
    .table-item-max-min-width-220{
        width: 18.2%;
        min-width: 18.2%;
        max-width: 18.2%;
    }
    .table-item-max-min-width-198{
        width: 16.2%;
        min-width: 16.2%;
        max-width: 16.2%;
    }
    .table-item-max-min-width-177{
        width: 14.2%;
        min-width: 14.2%;
        max-width: 14.2%;
    }
    .table-item-max-min-width-150{
        width: 12.2%;
        min-width: 12.2%;
        max-width: 12.2%;
    }
    .table-item-max-min-width-130{
        width: 10.6%;
        min-width: 10.6%;
        max-width: 10.6%;
    }
    .table-item-max-min-width-116{
        width: 9.3%;
        min-width: 9.3%;
        max-width: 9.3%;
    }
    .table-item-max-min-width-103{
        width: 8.3%;
        min-width: 8.3%;
        max-width: 8.3%;
    }
    .table-item-max-min-width-95{
        width: 7.4%;
        min-width: 7.4%;
        max-width: 7.4%;
    }
    .table-item-max-min-width-65{
        width: 6.3%;
        min-width: 6.3%;
        max-width: 6.3%;
    }
    .w-90{
        width: unset !important;
    }
}
@media screen and (max-width: 1500px) and (min-width: 1100px) {
    .lap-details .col-lg-3 {
        flex: 33.33%;
        max-width: 33.33%;
    }
}