@media screen and (max-width: 1600px){
    .map-icons-button-one button {
        width: 12px;
        height: 12px;
        object-fit: contain;
    }
    .map-icons-button-one button img{
        width: 13px;
        height: 13px;
        object-fit: contain;
    }
}

@media screen and (max-width: 1400px) {
    .tab-one-main-inner{
        display: block;
    }
    .tab-one-input-type input{
        margin-bottom: 10px;
    }
    .goal-tab-top-first .accodion-right-div h4 {
        font-size: 12px;
    }
    .main-tab-dashboard .nav-tabs {
        gap: 6px;
    }
    .main-tab-dashboard .nav-tabs .nav-link{
        font-size: 12px;
    }
    .goal-tab-top-first .object-heading h4 {
        font-size: 12px;
    }
    .map-icons-button-incre button{
        padding-bottom: 4px;
    }
    .main-top-map-div .map-icons-button-one-top {
        padding: 4px;
    }
    .main-top-map-div .map-icons-button-two-top {
        margin-top: 6px;
    }
 
    .goal-tab-top-first .accodion-check-btn {
      gap: 8px;
    }
    
    .select-div-second-calender .date-icon{
        width: 13px;
        height: 13px;
    }
    .select-div-second::after {
        width: 8px;
        height: 8px;
    }
    .main-top-map-div .map-icons-button-three-top button {
        padding: 0px 0px 7px;
    }
    .main-top-map-div .map-icons-button-three-top {
        padding: 3px;
    }
    .main-top-map-div .map-icons-button-two-top button {
        padding: 0px 0px 5px;
    }
    .setting-body-main{
        height: 100%;
    }
    .buttom-setting-btn-one button{
        font-size: 12px;
    }

    .html-report-right-section .tab-one-input-type input {
        margin-bottom: 0px;
    }


}
@media screen and (max-width: 1300px) {
    .setting-page-buttom-section{
        display: block;
        padding-top: 17px;
    }
    .setting-page-btn-two {
        padding-top: 14px;
    }
    .check-box-main-box {
        gap: 9px;
    }
    .checkbox-container.new::before {
        top: 12px;
        right: -6px;
    }
    .checkbox-container.add::before{
        right: -5px;
    }
}

@media screen and (max-width: 1280px) {
    .goal-tab-top-first span.object-icons-btn{
        padding-right: 21%;
    }
    .goal-tab-top-first .accodion-check-btn {
        gap: 3px;
    }
   
    .checkbox-container label {
        width: 17px;
        height: 17px;
    }
    .main-dashborad-graph-div{
        margin-bottom: 10px;
    }
  
    .goal-tab-top-first .filter-main-box .filter-div-first{
        padding-left: 0px;
    }
    .goal-tab-top-first .dashboard-accodion-section .accordion-item {
        padding: 5px;
    }
    .second-top-tab-main .filter-div-second select{
        font-size: 12px;
    }
    .main-data-div-inner-top{
        grid-template-columns: 50% 50%;
    }
    .main-data-div-left .speed-main-text-left{
        padding: 6px;
    }
    .html-reports-table-main table tr:first-child th:not(:last-child) {
        min-width: 150px;
    }
    .home-dashboard-page .main-dashborad-graph-div .live-poll-area{
        /* display: block; */
    }
    .home-dashboard-page .main-dashborad-graph-div .bar-chart .label{
        font-size: 10px;
    }
    .home-dashboard-page .main-dashborad-graph-div .bar-chart .percentage{
        font-size: 10px;
    }
}
@media screen and (max-width: 1170px) {
    /* .html-reports-table-main table tr:first-child th:not(:last-child) {
        min-width: 150px;
    } */
    .main-top-graph-section .select-div-second-graph select{
        padding: 4px 2px;
    }
    .html-reports-table-main{
        margin-bottom: 34px;
    }
    .donutchart-value-main .center-chart-text h3 {
        top: 22%;
        left: 43%;
        font-size: 28px;
    }
    .html-reports-page-main .html-report-body td::after{
        top: 10px;
    }
   
}
@media screen and (max-width: 991px) {
    
    .main-table-report table tr:first-child th:not(:last-child) {
        min-width: 150px;
    }
    .buttom-setting-page-btn {
        display: grid;
        gap: 12px;
        grid-template-columns: 29% auto;
    }

    /* index */
    .main-section-top .left-side-icon-menu {
        /* display: flex; */
        width: 100%;
        gap: 20px;
        align-items: center;
    }
    .main-left-side-icons {
        display: flex;
        /* gap: 26px; */
        justify-content: space-between;
    }
    .main-section-top .left-side-icon-menu .left-icon-second {
        margin-bottom: 20px;
        margin-top: 6px;
    }
    .dashboad-right-left-box{
        display: block;
    }
    .main-table-report table tbody tr td:last-child{
        display: flex;
    }
   
    .report-buttom-checkbox-one {
        margin-bottom: 10px;
    }
    .main-top-map-div .map-canvas{
        height: 650px;
        width: 100%;
    }
    .view-all-btn-map button {
        left: 15px;
       top: 56px;
    }
    .main-top-map-div .map-icons-button-main {
        top: 92px;
        left: 12px;
    }
    .dashboard-section-tab{
        border-radius: 0px;
    }
    .dashboad-left-box-menu.intro {
        margin-right: 0px;
    }
    .dropdown-content.show-div{
        right: 0%;
        left: inherit;
    }
    .dropdown-content.show-div.show-buttons .hover-effect-dropdown{
        right: 102%;
    }
    /* .dropdown-content.show-div.show-buttons .hover-effect-dropdown{
        left: -83%;
    } */
    .graph-section-main-dashboard{
        margin-bottom: 10px;
    }
    .latest-notification-box-main{
        margin-bottom: 10px;
    }
    .dashboard-second-tab{
        display: block;
        margin-top: 10px;
    }
    .dashboard-second-right {
        padding-top: 10px;
    }
    .unitet-statmenet-main {
        margin-top: 10px;
    }
    .donutchart-value-main .center-chart-text h3 {
        top: 38%;
        left: 48%;
    }
    .main-section-top{
        padding-top: 0px;
       
    }
  
    .main-section-top .left-side-icon-menu .left-icon-second{
        margin: 0px;
    }
    .main-left-side-icons .left-icon-one{
        margin: 0px;
    }
    .main-left-side-icons {
        border-radius: 0px !important;
    }
    .main-left-side-icons {
        border-radius: 6px !important;
    }
    .left-side-icon-menu {
        border-radius: 6px !important;
    }
   
    .left-side-icon-menu .left-icon-one svg{
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .left-side-icon-menu .left-icon-one svg{
        width: 28px;
        height: 28px;
    }
    .left-side-icon-menu .left-icon-second svg{
        width: 28px;
        height: 28px;
        display: inline;
        margin-bottom: 0px;
        margin-top: 0px;
    }
    .main-left-side-icons{
        width: 100%;
    }
    .goal-tab-top-first .accodion-check-btn {
        gap: 12px;
    }
    .second-mobile-menu{
        display: block;
      }
    
   
    /* .modal-content-home{
        display: none;
    }
    .home-page-wesl.main-page-side{
        display: none;
    } */
        /*.home-dashboard-page.main-page-side{
            transform: translate3d(-2%, 0px, 0px) !important;
            display: inline;
            white-space: nowrap;
            overflow: hidden;
            transition: 0.9s!important;
            height: 100%;
            width: 96%;
            z-index: -1;
            opacity: 0;
          }
          .home-dashboard-page.main-page-side.sidebar-show{
            transform: translate3d(27px, 0px, 0px) !important;
            background: #fff;
            z-index: 3;
            height: auto;
            opacity: 1;
          }*/
    /* .home-page-setting.main-page-side{
        display: none;
    }
    .home-page-report.main-page-side{
        display: none;
    }
  
    .home-page-setting.main-page-side{
        display: none;
    }
    .home-page-search.main-page-side{
        display: none;
    }
    .home-page-document.main-page-side{
        display: none;
    }
    .home-page-Commands.main-page-side{
        display: none;
    } */
    .verticle-barchart-graph-main{
        margin-top: 10px;
    }
    .home-page-report-new.main-page-side.sidebar-show {
        transform: translate3d(27px, 36px, 0px) !important;
        opacity: 1;
        z-index: 3;
    }
    .dashboad-left-box-menu.home-menu{
        display: none;
    }
    .home-page-report-new.main-page-side{
        width: 80%;
    }
   /* .home-dashboard-page.main-page-side.sidebar-show {
        transform: translate3d(-27px, 63px, 0px) !important;
     
    }*/
    /*.home-page-search.main-page-side.sidebar-show{
        transform: translate3d(-27px, 66px, 0px) !important;
    }*/
    /*.home-page-search.main-page-side{
        transform: translate3d(-5%, 31px, 0px) !important;
    }*/
   /* .home-page-document.main-page-side.sidebar-show{
        transform: translate3d(-20px, 39px, 0px) !important;
    }*/
    /*.home-page-document.main-page-side{
        transform: translate3d(-14%, 31px, 0px) !important; 
    }*/
    /*.home-page-Commands.main-page-side {
        transform: translate3d(-14%, 31px, 0px) !important;
    }*/
    /*.home-page-Commands.main-page-side.sidebar-show{
        transform: translate3d(-20px, 39px, 0px) !important;
    }*/
    /*.home-page-iButton.main-page-side{
        transform: translate3d(-14%, 31px, 0px) !important;  
    }*/
    /*.home-page-iButton.main-page-side.sidebar-show{
        transform: translate3d(-20px, 39px, 0px) !important;
    }*/
    /*.home-page-DTC.main-page-side{
        transform: translate3d(-14%, 31px, 0px) !important;  
    }*/
    /*.home-page-DTC.main-page-side.sidebar-show{
        transform: translate3d(-20px, 39px, 0px) !important;
    }*/
    /*.home-page-report.main-page-side{
        transform: translate3d(-14%, 31px, 0px) !important;  
        width: 90%;
    }*/
    /*.home-page-report.main-page-side.sidebar-show{
        transform: translate3d(-20px, 39px, 0px) !important; 
    }*/
    /*.home-page-Maintenance.main-page-side{
        transform: translate3d(-14%, 31px, 0px) !important;  
    }*/
    /*.home-page-Maintenance.main-page-side.sidebar-show{
        transform: translate3d(-20px, 39px, 0px) !important; 
    }*/
   /* .home-page-Expenses.main-page-side{
        transform: translate3d(-14%, 31px, 0px) !important;   
    }*/
   /* .home-page-Expenses.main-page-side.sidebar-show{
        transform: translate3d(-20px, 61px, 0px) !important;
    }*/
    /*.home-page-image-gallery.main-page-side{
        transform: translate3d(-14%, 31px, 0px) !important;   
    }*/
    /*.home-page-image-gallery.main-page-side.sidebar-show{
        transform: translate3d(-20px, 61px, 0px) !important;
    }*/
    /*.home-page-Chat.main-page-side{
        transform: translate3d(-14%, 31px, 0px) !important;    
    }*/
    /*.home-page-Chat.main-page-side.sidebar-show{
        transform: translate3d(-20px, 61px, 0px) !important;
    }*/
    /*.home-page-search-address.main-page-side{
        transform: translate3d(-14%, 31px, 0px) !important;    
    }*/
    /*.home-page-search-address.main-page-side.sidebar-show{
        transform: translate3d(-20px, 61px, 0px) !important;
    }*/
    /*.home-page-setting.main-page-side{
        transform: translate3d(-14%, 31px, 0px) !important;    
    }*/
    /*.home-page-setting.main-page-side.sidebar-show{
        transform: translate3d(-20px, 61px, 0px) !important;
    }*/
    .modal-content-home{
        width: 100%;
    }
    .modal-content-home .search-btn-main img {
        left: 5%;
        top: 35px;
    }
    .main-page-side.sidebar-show {
        transform: translate3d(-27px, 0px, 0px) !important;
    }
    .hover-effect-dropdown.show-hover-effect{
        position: relative;
        right: 0;
        left: 0;
    }
}


@media screen and (max-width: 768px) {
    body{
        padding: 12px;
    }
    .header-section-main-top .user-name p{
        font-size: 14px;
    }
    
    .main-section-top .left-icon-second a{
        padding: 3px;
    }
    .header-section-main-top .header-left-side {
        gap: 20px;
    }
   
    .header-section-main-top .header-left-side .header-left-side-inner {
        gap: 11px;
    }
    .share-btn-main img {
        width: 30px;
    }
    .header-left-side-top a h2 {
        font-size: 20px;
    }
    .data-list-text p {
        margin-bottom: 6px;
    }
    .setting-buttom-checkbox{
        gap: 10px;
    }
    .buttom-setting-btn-one button {
        font-size: 12px;
    }
  
    .report-new-page-main .tab-btn-inner {
        text-align: end;
        display: flex;
        gap: 5px;
    }
    .html-reports-page-main .html-section-top-main{
        display: block;
    }
    .html-heading-drive-inner {
        padding-bottom: 10px;
    }
    .html-reports-page-main .tab-one-input-type input{
        margin-bottom: 0px;
    }
    .main-top-graph-section .main-graph-tab-top{
        display: block;
    }
    .main-top-graph-section .graph-tab-right-div{
        padding-top: 10px;
    }
    .odometer-graph-top h3 {
        font-size: 14px;
    }
    .odometer-graph-img h3 {
        font-size: 14px;
    }
    .dashboard-line-chart{
        margin-left: 0px;
    }
   
}

@media screen and (max-width: 767px) {
    .third-top-tab-main .select-div-second-calender{
        display: block;
    }
    .third-tab-first-select .calender {
        padding-left: 15px !important;
        margin: 8px 0px;
    }
    .select-div-second-calender .date {
        padding: 7px 27px 5px 12px;
    }
    .third-top-tab-main .object-third-heading h4{
        margin-bottom: 4px;
    }
}
@media screen and (max-width: 567px) {
    .header-section-main-top .header-left-side .header-left-side-inner-second {gap: 6px;}
    .header-section-main-top .user-name p {font-size: 12px;}
    .report-paggination-section{height: 100%;display: block;margin-top: 20px;}
    .report-paggination-left {margin-bottom: 15px;}
    .report-paggination-right{display: flex;justify-content: space-between;}
    .buttom-setting-page-btn{display: block;}
    .buttom-setting-btn-one {padding-bottom: 10px;}
    .paggination-top-setting{display: block;}
    .wesl-page-main .checkbox-container {margin-bottom: 10px;}
    .main-data-div-inner-top {grid-template-columns: 100%;}
    .apply-btn-dashboard button {font-size: 12px;padding: 7px 25px;}
    .odometer-graph-text{display: block;}
    .odometer-graph-heading{padding-bottom: 10px;}
    .donutchart-value-main .center-chart-text h3 {top: 33%;left: 46%;}
    /*.dropdown-content.show-div {padding: 7px;}
    .dropdown-content.show-div a {padding: 4px;}*/
    .dropdown-content.show-div > ul{margin: 0;}
    .dropdown-content.show-div > ul > li {padding: 0 10px;}
    .hover-effect-dropdown.show-hover-effect {padding: 10px;}
    .dropdown-content.show-div.show-buttons .hover-effect-dropdown li {padding: 6px;}
    .dropdown-content.show-div.show-buttons .hover-effect-dropdown {left: -60%;padding: 10px;width: 125px;}
    .main-left-side-icons {display: grid;grid-row: 50% auto;grid-template-columns: 11% 11% 11% 10% 10% 10% 10% 11%  auto;grid-column: 50%;align-items: center;}
}

@media screen and (max-width: 425px) {
   
    .main-left-side-icons .left-icon-one{
      margin: 0px;
    }
    .header-section-main-top .user-image img {
        width: 30px;
        height: 30px;
    }
    .header-right-side img {
        width: 28px;
    }
    .mobile-icon-main {
        display: none;
    }
    .header-section-main-top .header_carticon p{
        width: 15px;
        height: 15px;
        font-size: 10px;
    }
    .header_carticon img {
        width: 18px;
    }
    .header-section-main-top select.lang_select_example {
        font-size: 12px;
    }
    .share-btn-main img {
        width: 25px;
    }
    .header-left-side-top a h2 {
        font-size: 18px;
    }
    .header-section-main-top .header-left-side .header-left-side-inner {
        gap: 3px;
    }
    .header-left-side-top h2 {
        font-size: 20px;
    }
   
    .dropdown-content.show-div.show-buttons .hover-effect-dropdown{
        display: none;
    }
    .document-heading h1 {
        font-size: 27px;
    }
  
}

@media screen and (max-width: 375px) {
    .main-tab-dashboard .nav-tabs .nav-link{
        padding: 6px;
    }
    .report-paggination-right{
        display: block;
    }
    .paggination-button-main {
        padding-bottom: 16px;
    }
    .html-reports-page-main .html-report-right-section{
        display: block;
    }
    .html-reports-page-main .select-div-second select{
        margin-top: 6px;
    }
    .right-dashboard-tab{
        display: block;
    }
    .right-dashboard-tab .select-div-second-calender {
        padding-bottom: 10px;
    }
    .donutchart-value-main .center-chart-text h3 {
        top: 24%;
        left: 44%;
    }
    .document-heading h1 {
        font-size: 21px;
    }
}

@media only screen and (max-width: 1100px)
{  
    .dashboad-right-left-box { height: auto;}

    .main-left-side-icons { height: 100%;position: relative;}
    .left-side-icon-menu .left-icon-one svg {width: 22px;height: 22px;padding: 4px;margin-bottom: 4px;margin-top: 4px;}
    /*.main-section-top .left-side-icon-menu .left-icon-second {margin-top: 0;position: absolute;bottom: 6px;left: 10px;width: auto;right: 0;margin: 0 auto;text-align: center;}*/
    .main-section-top .left-side-icon-menu .left-icon-second {position: relative;bottom: 0;left: 0;width: 20px;right: 0;margin: 0 0 auto;text-align: center;top: 0;}

    .left-side-icon-menu .left-icon-second svg {width: 22px;height: 22px;padding: 4px;margin-top: 0;}
    .main-page-side{overflow-y: auto !important; height: 100%;}
    .home-page-report-new.main-page-side.sidebar-show {transform: translate3d(18px, 0px, 0px) !important;}

    .main-tab-dashboard .nav-tabs .nav-link {padding: 3px 10px;font-size: 10px;}

}