@media (min-width: 1920px) {}
          
          @media (max-width: 1599px) {
              .login-box {
                  max-width: 500px;
                  left: 10%;
              }
              .right-content-box>div img {
                  max-width: 50%;
              }
              /* .customer-charges-content .radio-boxcheck {
                  width: 130px;
                  margin-top: 6px;
              }
              .body-content .customer-charges-content .radio-boxcheck {
                  width: fit-content;
              } */
              .inspectionReport-leftPdng {
                  padding: 31px 16px 28px;
              }
              /* .inspectionReport-block {
                    padding: 20px 12px;
                } */
              .tire-no {
                  width: 22px;
                  height: 22px
              }
              .tire-block .d-flex>div:first-child {
                  width: 22px;
                  margin-right: 6px;
              }
              .tire-block .d-flex>div:last-child {
                  width: 100px;
              }
              .tire-block .wheel img {
                  max-width: 26px;
              }
              .tire-block .head {
                  padding-left: 28px;
              }
          }
          
          @media (min-width: 1400px) {
              .border-xxl-end {
                  border-right: 1px solid rgba(12, 50, 116, 0.15);
              }
              .border-xl-bottom-0 {
                  border-bottom: none !important;
              }
          }
          
          @media (min-width: 1200px) {
              .col-custome-20 {
                  max-width: 20%;
              }

              .col-custome-16 {
                  max-width: 16.65%;
              }
          }
          
          @media (min-width: 992px) {
              body {
                  /* padding-left: 340px; */
                  padding-left: 240px;
                  padding-right: 0;
              }
              .header {
                  /* padding-left: 340px; */
                  padding-left: 240px;
              }
              .header_img {
                  width: 40px;
                  height: 40px
              }
              .header_img img {
                  width: 45px
              }
              .left-navbar {
                  left: 0;
                  /* padding: 8px 0px 0 0; */
              }
              .hidden-left {
                  width: 58px;
                  /* width: 83px; */
              }
              .body-content {
                  padding-left: 54px
              }
              .hidden-left .fixed-title-nav .nav-link {
                  width: 58px;
              }
          }
          
          @media (max-width: 1499px) {
              .details-card-content .white-box span {
                  font-size: 10px;
              }
              .tabs-content .nav-tabs .nav-link {
                  font-size: 14px;
              }
          }
          
          @media (max-width: 1599px) and (min-width: 1399px) {
              .gx-custom {
                  --bs-gutter-x: 8px;
              }
          }
          
          @media (max-width: 1399px) {
              .details-card-content .white-box,
              .earnings-chart-content .white-box {
                  padding: 15px 10px;
              }
              /* select.form-select,
              .form-select */
              input.form-control,
              select.form-control {
                  padding: 9px 12px 8px;
              }
              .select2-container .select2-selection--single {
                  padding: 9px 24px 8px 12px;
              }
              
              select.form-select,
              .form-select {
                  padding: 9px 38px 8px 12px;
              }
              /* .vertical-tayers-group .v-tyer {
                  max-width: 12%;
              } */
              .vertical-tayers-group .v-pipe {
                  max-width: 70px;
              }
              /* .input-group-cwidth .input-group-text {
                  height: 40px;
              } */
              .inspectionReport-leftPdng {
                  padding: 31px 9px 28px;
              }
              .inspectionReport-block {
                  padding: 12px 9px;
              }
          }
          
          @media (max-width: 1199px) {
              /* .btn {
                  min-width: 78px
              } */
              .col-custome-20 {
                  max-width: 33.33%;
              }
              .col-custome-16 {
                  max-width: 33.33%;
              }
              .earnings-chart-content .col-custome-20 {
                  max-width: 33.33%;
              }
              .details-card-content .white-box,
              .earnings-chart-content .white-box {
                  padding: 15px 16px;
              }
              .details-card-content .white-box span {
                  font-size: 12px;
              }
              .tabs-content .nav-tabs .nav-link {
                  font-size: 12px;
                  /* padding: 8px; */
                  padding: 8px;
              }
              .checkbox-list li {
                  margin-top: 12px;
              }
              .account-on-stop-check {
                  margin-top: 12px;
              }
              .contracts-content {
                  margin-top: 16px;
              }
              .contracts-content .button-group {
                  margin-top: 24px;
              }
              .contracts-content .button-group .fa-angle-right {
                  transform: translateX(0px) rotate(90deg);
              }
              .contracts-content .button-group .fa-angle-left {
                  transform: translateX(0px) rotate(90deg);
              }
              .login-box p {
                  font-size: 16px;
              }
              .login-box {
                  max-width: 425px;
                  left: 4%;
              }
              .overlap-img {
                  left: -28%;
              }
              .inspectionReport-leftPdng {
                  padding: 31px 16px 28px;
              }
          }
          
          @media (max-width: 991px) {
              /* .navbar-collapse {
                    position: absolute;
                    top: 100%;
                    left: 0;
                    right: 0;
                    background: #FCFEFB;
                    padding: 0 12px;
                    z-index: 11;
                    box-shadow: 0 10px 15px rgb(0 0 0 / 15%);
                    border-top: 1px solid #104A87;
                } */
              .navbar-collapse form {
                  margin-bottom: 12px;
              }
              .navbar-expand-lg .navbar-collapse {
                  display: flex!important;
                  flex-basis: auto;
              }
              /* .left-navbar {
                    width: 83px;
                    left: 0;
                }
                body,
                .header {
                    padding-left: 83px;
                }
                body.body-content,
                .body-content .header {
                    padding-left: 310px;
                } */
              .left-navbar {
                  /* width: 320px; 
                  top: 68px;
                  */
                  left: 0;
                  top: 72px;
                  z-index: 8;
              }
              body,
              .header {
                  padding-left: 00px;
                  padding-right: 0;
              }
              body.body-content,
              .body-content .header {
                  padding-left: 0px;
              }
              /* .left-navbar.hidden-left {
                  width: 240px;
                  left: 0;
              } */
              .left-navbar .nav-link {
                  /* column-gap: 16px; */
                  padding: 4px 14px;
                  /* font-size: 16px; */
              }
              .left-navbar.hidden-left {
                  width: 240px;
                  left: 0;
              }
              .user-dropdown>a span {
                  display: none;
              }
              .user-dropdown a .profile-img {
                  margin-right: 0;
              }
              .user-dropdown>a.dropdown-toggle::after {
                  display: none;
              }
              .details-card-content .white-box h2 {
                  font-size: 24px;
              }
              /* .btn {
                  min-width: 78px;
              } */
              .user-dropdown .dropdown-menu {
                  left: auto;
                  right: 12px;
                  position: absolute;
              }
              .checkbox-list li {
                  margin-right: 18px;
                  /* margin-top: 12px; */
              }
              .radiobox-list li {
                  margin-right: 18px;
              }
              .radio-boxcheck .form-check-input:checked[type=radio],
              .dark-mode .radio-boxcheck .form-check-input:checked[type=radio] {
                  background-size: 54%;
              }
              .contracts-content .button-group .fa-angle-right {
                  transform: translateX(0px) rotate(0deg);
              }
              .contracts-content .button-group .fa-angle-left {
                  transform: translateX(0px) rotate(0deg);
              }
              .right-content-box {
                  display: none;
              }
              .login-box {
                  max-width: 80%;
                  left: 50%;
                  transform: translate(-50%, -50%);
              }
              .flotting-logo {
                  max-width: 18%;
                  left: 10px;
                  right: 10px;
              }
              header ul.nav .nav-item a[data-bs-toggle]::before {
                  display: none;
              }
              .user-dropdown a .img-box {
                  margin-right: 0;
              }
              .table-inspectionReport th,
              .table-inspectionReport td {
                  padding: 12px 10px 10px;
              }
          }
          
          @media (max-width: 767px) {
              .left-navbar {
                  width: 320px;
                  /* left: -322px; */
                  top: 49px;
                  z-index: 8;
              }
              body,
              .header {
                  padding-left: 00px;
                  padding-right: 0;
              }
              body.body-content,
              .body-content .header {
                  padding-left: 0px;
              }
              /* .left-navbar.hidden-left {
                  width: 3px;
                  left: 0;
              } */
              .left-navbar .nav-link img {
                  width: 32px;
              }
              .left-navbar ul.nav .nav-item ul {
                  padding-left: 24px;
                  margin-top: 4px;
              }
              .left-navbar ul.nav .nav-item ul .nav-item {
                  margin-bottom: 4px;
              }
              /* .left-navbar .nav-link {
                  column-gap: 14px;
                  font-size: 14px;
              } */
              ul.nav .nav-item a[data-bs-toggle]::before {
                  right: 8px;
              }
              .header {
                  height: auto;
              }
              .logo a img {
                  max-width: 140px;
              }
              .header .navbar {
                  padding: 0;
              }
              .user-dropdown {
                  padding: 8px;
              }
              .body-wrapper {
                  padding: 60px 0px 0;
              }
              .header-toggle-btn {
                  margin-left: 0;
                  max-width: 24px;
              }
              .col-custome-20 {
                  max-width: 33.33%;
              }
              .col-custome-16 {
                  max-width: 33.33%;
              }
              .details-card-content .white-box,
              .earnings-chart-content .white-box {
                  padding: 12px 12px;
              }
              .details-card-content .white-box h2 {
                  font-size: 24px;
              }
              .earnings-chart-content .col-custome-20 {
                  max-width: 50%;
              }
              .box-header h2 {
                  font-size: 16px;
              }
              .box-header,
              .box-fotter {
                  padding: 12px;
              }
              .spend-box h3 {
                  font-size: 20px;
              }
              .spend-box {
                  padding: 12px 0;
              }
              .contract-spend-content .box-header ul li {
                  margin-left: 0;
                  margin-right: 7px;
              }
              .contract-spend-content .box-header ul li:last-of-type {
                  margin-left: 0;
                  margin-right: 0px;
              }
              .btn {
                  font-size: 12px;
                  min-width: 68px;
              }
              /* footer {
                    margin: 0 -12px;
                } */
              .table thead tr th::before,
              .table thead tr th::after {
                  right: 12px;
              }
              .table thead tr th {
                  padding: 8px 30px 8px 12px !important;
                  line-height: 1.8;
              }
              .table tbody tr td {
                  padding: 8px 12px !important;
              }
              .padd-custome,
              .page-title {
                  padding: 16px 12px;
              }
              .padd-25x {
                  padding-left: 12px;
                  padding-right: 12px;
              }
              .page-title h2 {
                  font-size: 18px;
              }
              .title-back-arrow {
                  width: 30px;
                  height: 30px;
                  min-width: 30px;
                  min-height: 30px;
                  margin-right: 8px;
              }
              .title-back-arrow i {
                  font-size: 14px;
              }
              .rights-content>.check-boxcheck {
                  padding-left: 12px;
              }
              .rights-group-content {
                  padding: 12px 12px;
              }
              .rights-group-content .white-box {
                  padding: 8px 8px;
              }
              .rights-group-content .white-box {
                  margin-bottom: 12px;
              }
              .title-2 {
                  font-size: 18px;
                  margin-bottom: 16px;
              }
              .radio-boxcheck input,
              .form-check-input[type=checkbox] {
                  margin-right: 12px;
              }
              /* .tabs-content {
                  justify-content: space-between;
              } */
              /* .tabs-content nav li {
                  width: 32%;
              }
              .tabs-content nav li {
                  margin-right: 0;
              } */
              .nav-tabs,
              .dark-mode .nav-tabs {
                  border-bottom: none;
              }
              .tabs-content nav .nav {
                  flex-wrap: wrap;
              }
              .contracts-content select option {
                  font-size: 14px;
              }
              .contracts-content select {
                  height: 260px;
              }
              .contracts-content .button-group .fa-angle-right {
                  transform: translateX(0px) rotate(90deg);
              }
              .contracts-content .button-group .fa-angle-left {
                  transform: translateX(0px) rotate(90deg);
              }
              .modal-header {
                  padding: 16px 12px 16px;
              }
              .modal-body {
                  padding: 12px;
              }
              .modal-footer {
                  padding: 16px 12px 16px;
              }
              .modal .modal-title {
                  font-size: 18px;
              }
              .login-box h1 {
                  margin-top: 24px;
              }
              .login-content .login-box .btn-yellow {
                  margin-top: 34px;
              }
              .login-content .login-box input.form-control {
                  padding: 16px 19px 13px;
              }
              .btn-pass-eye {
                  right: 16px;
              }
              .login-content .login-box .txt-pass input {
                  padding-right: 42px;
              }
              .timePicker .input-group-addon,
              .datePicker .input-group-addon {
                  right: 16px;
              }
              .page-title h2,
              .page-title h1,
              .title-1 {
                  font-size: 16px;
              }
              .tabs-content li.nav-item {
                  width: 33.33%;
                  border: 1px solid hsla(218, 81%, 25%, 0.10);
                  flex-basis: auto;
              }
              .white-box .tabs-content .nav-tabs .nav-link.active::after {
                  display: none;
              }
              footer p {
                  text-align: center;
              }
              .ms-container .ms-list {
                  height: 180px;
              }
              .details-card-content .white-box {
                  min-height: 98px;
              }
              .change-pass-content .form-box {
                  padding: 16px;
              }
              .change-pass-content .page-title {
                  padding: 12px 16px;
              }
              .change-pass-content {
                  height: calc(100vh - 105px);
              }
              .header .nav .nav-item .navbar-link {
                  font-size: 12px;
              }
              .fitment-details-tayers-info .select2-container .select2-selection--single {
                  padding: 9px 24px 8px 8px;
              }
              .inspectionReport-leftPdng {
                  padding: 24px 16px;
              }
              .tire-block .head {
                  margin-bottom: 4px;
              }
              .table-inspectionReport th,
              .table-inspectionReport td {
                  padding: 18px 5px 8px;
              }
              .mb-30 {
                  margin-bottom: 24px !important;
              }
              .inspectionReport-rightPdng {
                  padding: 2px 18px 20px;
              }
              .white-box .tabs-content .nav-tabs .nav-link::before {
                  bottom: 0;
              }
          }
          
          @media (max-width: 575px) {
              .col-custome-20 {
                  max-width: 50%;
              }
              .col-custome-16 {
                  max-width: 50%;
              }
              .details-card-content .white-box h2 {
                  font-size: 20px;
                  margin: 4px 0;
              }
              .earnings-chart-content .col-custome-20 {
                  max-width: 100%;
              }
              .spend-box {
                  border-bottom: 1px dashed hsla(218, 81%, 25%, 0.15);
                  border-left: none;
              }
              .show-table-results {
                  text-align: center;
              }
              /* .user-lists-content .box-header .btn {
                  float: right;
              } */
              .page-title h2 {
                  font-size: 16px;
              }
              .checkbox-list li {
                  width: 100%;
              }
              .tabs-content nav li {
                  width: 48%;
              }
              .contracts-content .button-group {
                  margin-top: 12px;
              }
              .contracts-content .btn {
                  margin-bottom: 12px;
              }
              body.dark-mode .spend-box {
                  border-bottom: 1px dashed hsla(218, 81%, 25%, 0.15);
                  border-left: none;
              }
              .login-box {
                  max-width: 96%;
              }
              .tabs-content li.nav-item {
                  width: 50%;
              }
              .ms-container {
                  justify-content: center;
              }
              #change-password p {
                  width: 100%;
              }
              .user-dropdown a .profile-img {
                  max-width: 28px;
              }
              .page-title .breadcrumb-item+.breadcrumb-item::before {
                  content: '';
                  display: none;
              }
              .page-title .breadcrumb-item+.breadcrumb-item {
                  padding-left: 0;
                  display: block;
                  width: 100%;
              }
              .check-v-align {
                  height: auto;
                  padding-top: 0;
              }
              .vertical-tayers-group {
                  border-bottom: 1px solid hsla(218, 81%, 25%, 0.10);
                  padding-bottom: 12px;
              }
              .input-group-cwidth .modal-form-group {
                  width: 85%;
              }
              .input-group-cwidth .input-group-text {
                  width: 15%;
              }
              .tabs-content nav,
              .tabs-content nav .nav {
                  white-space: normal;
              }
              .tabs-content .nav-tabs .nav-link {
                  height: 100%;
              }
              .left-navbar {
                  top: 44px;
              }
          }
          
          @media (max-width: 480px) {
              .details-card-content .white-box,
              .earnings-chart-content .white-box {
                  padding: 12px 10px;
              }
              .details-card-content .white-box span {
                  font-size: 10px;
              }
              .header .nav .nav-item .navbar-link {
                  font-size: 10px;
              }
          }
          
          @media (max-height: 799px) {
              .overlap-img {
                  left: -12%;
              }
              .login-wrapper .water-mark-img {
                  max-height: 50%;
                  max-width: calc(100vh - 2%);
              }
          }
          
          @media (max-height: 599px) {
              .login-wrapper {
                  /* padding: 60px 0; */
                  height: auto;
              }
              .login-box {
                  padding: 60px 0;
              }
              .login-content {
                  height: 100%;
              }
              .change-pass-content {
                  min-height: 411px;
              }
          }
          
          @media (max-height: 499px) {
              .overlap-img {
                  left: -6%;
              }
              .right-content-box>div img {
                  max-height: 70%;
              }
              .flotting-logo {
                  max-width: 6%;
              }
          }
          
          @media (max-width: 424px) {
              .fitment-details-tayers-info .select2-container .select2-selection--single {
                  padding: 9px 4px 8px;
                  text-align: center;
              }
              .fitment-details-tayers-info .select2-container--default .select2-selection--single .select2-selection__arrow {
                  display: none;
              }
          }
          
          @media (max-width: 374px) {
              .btn {
                  font-size: 10px;
                  /* min-width: 68px; */
                  padding: 4px 4px;
              }
              .page-title h2,
              .page-title h1,
              .title-1 {
                  font-size: 14px;
              }
              .box-header h2 {
                  font-size: 14px;
              }
          }
          /* address css 03-07-2023 */
          
          @media (max-width: 1199px) {}
          
          @media(max-width: 991px) {}
          
          @media (max-width: 767px) {}
          
          @media (max-width: 575px) {}

          @media (max-width: 1599px) {
              img.img-fluid.v-tyer {
                  height: 40px;
              }
              img.img-fluid.v-pipe {
                  width: 90px;
              }
              .fitment-details-tayers-info input.form-control,
              .fitment-details-tayers-info select.form-control {
                  padding: 9px 2px 8px;
              }
          }

          @media (max-width: 1399px) {
              img.img-fluid.v-tyer {
                  height: 48px;
              }
              .fitment-details-tayers-info input.form-control,
              .fitment-details-tayers-info select.form-control {
                  padding: 9px 0px 8px;
                  font-size: 10px;
              }
              .input-content>div:not(:last-of-type) {
                  margin-right: 2px;
              }
          }

          @media (max-width: 1199px) {
              .fitment-details-tayers-info input.form-control,
              .fitment-details-tayers-info select.form-control {
                  padding: 9px 2px 8px;
                  font-size: 12px;
              }
              img.img-fluid.v-tyer {
                  height: auto;
              }
              .input-content>div:not(:last-of-type) {
                  margin-right: 4px;
              }
          }

          @media (max-width: 767px) {
              img.img-fluid.v-tyer {
                  height: 75px;
              }
          }

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

            #vehicle_contractual .check-boxcheck input {
                margin-right: 4px;
            }
            #vehicle_contractual .check-boxcheck label{
                font-size: 11px;
            }
        }