@media screen and (min-width: 992px) and (max-width: 1199px) {
   .whiteButton,
   .blueButton {
      font-size: 14px;
   }
   .myBookingsList-row1 {
      padding: 0;
   }
   .dashboard-container {
      padding: 30px;
   }
   .accounymyprofiletext h2 {
      font-size: 32px;
   }
   .outerContainer-title {
      margin-bottom: 30px;
   }
   .myBookingsList-row1-col1 {
      display: flex;
      justify-content: center;
      align-items: center;
   }
   .smallTicket-number {
      font-size: 50px;
   }
   .viewTicket-ticket-headings {
      margin-bottom: 10px;
   }

   .formHeading-title {
      font-size: 28px;
   }

   .totalEarnings-title,
   .totalEarnings-amount {
      font-size: 28px;
   }

   .smallTicket-title {
      font-size: 18px;
   }
   .formHeading {
      padding-bottom: 22px;
   }
}

@media screen and (max-width: 991px) {
   .getHelp-ticketPane > div {
      font-size: 28px;
   }
   .smallTicket {
      max-width: 300px;
   }
   .form-title {
      font-size: 30px;
   }
   .otp-resend {
      width: 77%;
   }
   .form-container {
      max-width: 400px;
   }
   .accountprofileWRP {
      margin-bottom: 18px;
   }
   .formHeading {
      padding-bottom: 20px;
   }
   .getHelp-helpDesk-buttons {
      text-align: left;
   }

   .getHelp-helpDesk-title {
      font-size: 28px;
   }

   .getHelp-helpDesk-subTitle {
      font-size: 14px;
   }

   .getHelp-helpDesk {
      padding: 15px 25px;
      padding-bottom: 0;
   }

   .accounts-totalEarnings,
   .accounts-settlementPending {
      width: 100%;
      margin: 10px 0;
   }

   .outerContainer {
      padding: 30px 0;
   }

   .outerContainer-title {
      margin-bottom: 20px;
      font-size: 32px;
   }
   .bankDetails {
      padding-top: 25px;
      padding-bottom: 25px;
      margin-bottom: 16px;
   }
   .bookingDetails-button > div {
      font-size: 12px;
   }
   .notification-date {
      text-align: left;
   }
   .notification-message > p {
      margin-bottom: 10px;
   }

   .myProfile {
      padding-top: 25px;
      padding-bottom: 25px;
   }
   .myBookingsList-subtitle {
      font-size: 20px;
   }
   .myBookingsList-row1-col1 {
      margin-bottom: 30px;
   }

   .myBookingsList-smallTitle,
   .myBookingsList-earnings {
      font-size: 20px;
   }

   .dashboard-container {
      padding: 25px 15px;
      padding-bottom: 1px;
   }

   .dashboard-title {
      margin-bottom: 25px;
   }
   .form-container {
      max-width: 400px;
   }
   .bookingDetails-row {
      padding-right: 0;
   }
   .bookingDetails-col {
      padding: 12px;
   }
   .bookingDetails-text {
      font-size: 16px;
   }
   .bookingDetails-button .bookingDetails-text > a {
      margin-right: 0;
   }
   .bookingDetails-button {
      padding: 10px 0;
   }
   .bookingDetails-button > div {
      font-size: 15px;
   }
   .myBookingsList-container {
      padding: 30px 10px 70px;
   }
   .myBookingsList-text {
      font-size: 16px;
   }
   .myBookingsList-trackProgress-bar2 {
      margin-bottom: 16px;
   }
   .helpdeskopenticketwrp .nav-link {
      font-size: 32px;
   }
   .bankDetails.form-container {
      padding-top: 25px;
   }
   .mapaddress {
      width: 94% !important;
   }
   .myProfile-submit-btn2 > button {
      max-width: 100%;
      margin-left: 0px;
   }
   .earningtablewrp .table tbody,
   td,
   tfoot,
   th,
   thead,
   tr {
      display: block;
   }
   .earningtablewrp .table thead {
      display: none;
   }
   .earningtablewrp .table tbody tr td::before {
      content: attr(data-th);
      float: left;
      font-size: 16px;
      font-weight: 700;
      width: 50%;
      text-align: left;
   }
   .earningtablewrp .table tbody tr td {
      text-align: right;
      width: 100%;
   }
   .earningtablewrp .table tbody tr {
      margin: 20px 0;
      border: 1px solid #000000;
      border-bottom: 0;
   }
}

@media screen and (max-width: 767px) {
   .bookingDetails-amount,
   .bookingDetails-title,
   .bookingDetails-detail-title {
      font-size: 24px;
   }
   .helpdesktabcon {
      width: 100%;
   }
   .helpdeskopenticketwrp .nav-tabs .nav-link.active,
   .nav-tabs .nav-item.show .nav-link {
      padding: 13px;
      font-size: 28px;
   }
   .getHelp-helpDesk-title {
      font-size: 26px;
   }
   .getHelp-helpDesk {
      padding: 15px 10px;
      padding-bottom: 0;
   }
   .myBookingsList-row1 {
      display: grid;
   }
   .whiteButton,
   .blueButton {
      max-width: 100%;
   }
   .myBookingsList-row1-col1 {
      text-align: center;
   }
   .accounymyprofilecon {
      padding-bottom: 10px;
   }
   .accounymyprofiletext h2 {
      font-size: 25px;
   }
   .myBookingsList-container {
      padding: 20px 25px;
   }
   .termsAndConditions {
      padding: 30px;
   }
   .totalEarnings-title {
      font-size: 28px;
   }
   .termsAndConditions > div > h2 {
      padding-bottom: 15px;
   }

   .termsAndConditions > div {
      padding-bottom: 0px;
      margin-bottom: 0px;
   }
   .viewTicket-ticket-header,
   .viewTicket-details {
      padding: 15px;
   }
   .totalEarnings-amount {
      font-size: 28px;
   }
   .comment-user,
   .comment-message {
      padding: 10px 20px;
      font-size: 16px;
   }
   .outerContainer-title {
      font-size: 28px;
   }
   .comment-username {
      font-size: 18px;
   }
   .footer-img {
      width: 70%;
   }
   .footer-links > span {
      padding: 0 10px;
   }
   .footer-links {
      text-align: center !important;
   }
   .navbar-brand {
      left: 0;
      transform: translateX(0);
   }
   .navbar-brand img {
      /* height: 56px; */
   }
   .navbar > div > img {
      width: 100px;
   }
   .accounts-display,
   .accounts-amounts {
      padding: 20px;
   }

   .accounts-title {
      font-size: 28px;
   }

   .accounts-display-label {
      font-size: 15px;
      font-weight: 700;
   }

   .accounts-display-amount {
      font-size: 20px;
   }

   .outerContainer {
      padding: 20px 0;
   }
   .bookingDetails-button > div {
      font-size: 15px;
   }
   .accountprofileWRP {
      padding: 20px 18px;
   }
   .formHeading-title {
      font-size: 28px;
   }
   .smallTicket-number {
      font-size: 43px;
   }
   .whiteButton,
   .blueButton {
      max-width: 65%;
      padding: 6px;
   }
   .blueButton {
      margin-top: 10px;
   }
   .bankDetails.form-container {
      padding-top: 27px;
      padding-bottom: 1px;
   }
   .termsparacon p {
      line-height: 24px;
   }
   .termsparacon h2 {
      font-size: 28px;
   }
   .myProfile-submit-btn2 > button {
      max-width: 100%;
      margin-left: 0px;
   }
   .footer-links a {
      color: #ffffff !important;
      text-decoration: none !important;
      font-family: "Tw Cen MT";
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 30px;
  }
  .submit-btn > button {
   max-width: 232px;
   width: 100%;
   padding: 10px;
   border-radius: 25px;
   color: white;
   font-size: 18px;
   font-weight: 700;
   border: none;
   background-color: #1e2f59;
   margin-bottom: 15px;
}

}

@media screen and (max-width: 575px) {
   .bookingDetails-amount,
   .bookingDetails-title,
   .bookingDetails-detail-title {
      font-size: 20px;
   }
   .myBookingsList-row2 > div,
   .myBookingsList-row3 > div {
      padding: 15px;
   }
   .bookingDetails {
      padding: 15px;
   }

   .bookingDetails-row {
      padding: 5px;
   }
   .bookingDetails-amount > h2 {
      font-size: 26px;
   }
   .getHelp-helpDesk-title,
   .getHelp-ticketPane > div {
      font-size: 20px;
      font-weight: 700;
   }
   .navbar {
      padding: 0 22px;
      padding-bottom: 0rem !important;
   }
   .getHelp-container {
      max-width: 100%;
   }

   .myBookingsList-row1-col1 > img {
      max-width: 250px;
   }
   .myBookingsList-trackProgress {
      margin-top: 30px;
   }
   .blueButton {
      margin-top: 7px;
      line-height: 21px;
   }
   .whiteButton,
   .blueButton {
      max-width: 88%;
      padding: 9px;
      font-size: 16px;
   }
   .myBookingsList-row1 {
      padding: 0;
   }
   .raiseTicket-submit-btn > button {
      max-width: 100%;
   }
   .outerDiv {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
   }
   .termsAndConditions {
      padding: 20px;
   }
   .rightText-align.pt-2 {
      padding-top: 0 !important;
   }
   .form-title {
      font-size: 26px;
   }
   .accounymyprofiletext h2 {
      font-size: 22px;
      margin: 0;
   }
   .form-title.mt-4 {
      margin-top: 8px !important;
   }
   .form-container {
      max-width: 366px;
      padding-top: 12px;
      padding-bottom: 30px;
   }
   .viewTicket-submit-btn {
      text-align: center;
      margin-bottom: 7px;
   }
   .accountprofileWRP {
      padding: 12px 18px;
   }
   .viewTicket-submit-btn > button {
      max-width: 100%;
   }

   .viewTicket-additionalComments > textarea,
   .viewTicket-uploadAttachments > input {
      padding: 0 15px 30px;
   }
   .accountinpcon .form-control {
      font-size: 14px;
   }
   .accounthomelocationimgcon.helpdeskform.flex.view {
      margin-top: 0;
   }
   .accountinpcon .div input {
      font-size: 14px;
   }
   .viewTicket-additionalComments > p,
   .viewTicket-uploadAttachments > p {
      padding: 10px;
   }

   .viewTicket-additionalComments-title,
   .viewTicket-uploadAttachments-title {
      font-size: 18px;
   }
   .formHeading {
      padding-bottom: 15px;
   }

   .formHeading-title {
      font-size: 24px;
   }

   .helpTicketSmall-heading > div,
   .helpTicketSmall-link {
      font-size: 16px;
   }

   .helpTicketSmall-details-bold,
   .helpTicketSmall-details-bold ~ span {
      font-size: 14px;
   }

   .smallTicket-title {
      font-size: 24px;
   }

   .smallTicket {
      max-width: 100%;
   }
   .accountinpcon .form-floating input {
      padding-bottom: 0 !important;
   }
   .smallTicket-body {
      padding-top: 15px;
      padding-bottom: 10px;
   }
   .smallTicket-buttons ul li button {
      border-radius: 0 !important;
      padding: 5px;
      border: 0;
   }
   .accountinpcon .form-floating select {
      padding-bottom: 0;
      font-size: 14px;
   }
   .smallTicket-number {
      font-size: 40px;
   }
   .dashboard-container {
      padding: 12px;
      padding-bottom: 14px;
   }
   .accountinpcon .form-floating label {
      font-size: 16px;
   }
   .inputIcons.verify,
   .inputIcons.verified {
      right: 19px;
      bottom: -15px;
   }
   .footer-links > span {
      padding: 0;
   }
   .footer-img {
      width: 95%;
   }
   .footer-links {
      text-align: center;
   }
   .footer-links a {
      font-size: 16px;
      line-height: 22px;
   }
   .footer {
      padding: 0 7px;
      display: flex;
      justify-content: space-around !important;
   }
   .inputIcons.inputEdit {
      right: -7px;
      bottom: -15px;
   }
   .outerContainer-title {
      margin-bottom: 12px;
      font-size: 25px;
   }
   .smallTicket-link {
      font-size: 18px;
   }

   .totalEarnings-title,
   .totalEarnings-amount {
      font-size: 24px;
   }
   .bankDetails.form-container {
      padding-top: 19px;
      padding-bottom: 1px;
      max-width: 100%;
   }
   .accounts-display,
   .accounts-amounts {
      padding: 16px 20px;
   }

   .accounts-history {
      padding: 14px;
   }
   .submit-btn > button {
      padding: 5px;
      max-width: 100%;
   }
   .navbar-brand img {
      height: 54px;
   }
   .navbar-brand {
      padding-bottom: 0 !important;
   }
   .resetpasscon {
      margin-bottom: 30px;
   }
   .getHelp-helpDesk-title,
   .getHelp-ticketPane > div {
      font-size: 18px;
   }
   .getHelp-helpDest-subTitle {
      font-size: 14px;
      line-height: 16px;
   }
   .helpdeskHelpbothimgcon {
      width: 40px;
      height: 40px;
      margin-right: 5px;
   }
   .helpdeskHelpbothimgcon button {
      height: 38px;
   }
   .outerContainer {
      padding: 14px;
   }
   .raiseTicket > div {
      background-color: #fff;
      padding: 20px 30px 25px;
   }
   .helpdeskopenticketwrp .nav-tabs .nav-link.active,
   .nav-tabs .nav-item.show .nav-link {
      padding: 4px;
      font-size: 24px;
   }
   /* .helpdeskopenticketwrp .nav-link {
      font-size: 24px;
      padding: 4px;
   } */

   .helpdeskopenticketwrp ul {
      padding-bottom: 2px;
   }
   .helpdesktabcon {
      margin-bottom: 22px;
   }
   .accounthomebox.helpdesk {
      padding: 14px 25px;
   }
   .helpdesktabconWRP {
      padding: 0 10px 19px 10px;
   }
   .earningtable tr th {
      line-height: 20px;
   }

   .termsparacon h2 {
      font-size: 25px;
      margin: 5px;
   }
   .termsparacon p {
      line-height: 23px;
   }
   .termsAndConditions > div {
      margin-bottom: 0;
      padding-bottom: 0;
   }
   .viewTicket-additionalComments,
   .viewTicket-uploadAttachments {
      padding-bottom: 10px;
   }
   .accounthomebox.helpdeskform {
      padding: 12px;
   }
   .signinnumbersigntext h3 {
      font-size: 28px;
   }
   .signinNumberinpcon select {
      padding: 12px 3px;
      width: 61px;
   }
   .signinnumbercon {
      padding: 0 12px;
   }
   .myProfile-submit-btn2 > button {
      font-size: 16px;
      margin-left: 0;
   }
   .accountsavewrP button {
      padding: 8px 0;
   }
   .myProfile-sideIcon {
      position: absolute;
      bottom: 25px;
      right: -12px;
   }
   .myBookingsList-row2 > div,
   .myBookingsList-row3 > div {
      padding: 7px;
   }
   .myBookingsList-row1-col1 {
      margin-bottom: 22px;
   }
   .helpdeskformtickettext {
      font-size: 18px;
   }
   .accounts-amounts {
      display: grid;
      justify-content: center;
   }
   .accounts-display {
      width: 100%;
      padding: 30px 54px;
   }
   .accounts-display.earn {
      margin-bottom: 12px;
   }
   .accounthomelocationimgcon.helpdeskform span {
      font-size: 16px;
   }
   .helpdexkformbookingpara p {
      font-size: 15px;
   }
   .accounthomelocationimgcon.helpdeskform.flex {
      margin-top: 10px;
   }
   .helpdexkformbookingcon {
      display: grid;
   }
   .raiseticketCON.helpdeskform {
      margin-bottom: 20px;
   }
   .viewticketattachment {
      padding: 5px 10px;
   }
   .footer-links a {
      color: #ffffff !important;
      text-decoration: none !important;
      font-family: "Tw Cen MT";
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 30px;
  }
  .submit-btn > button {
   max-width: 232px;
   width: 100%;
   padding: 10px;
   border-radius: 25px;
   color: white;
   font-size: 18px;
   font-weight: 700;
   border: none;
   background-color: #1e2f59;
   margin-bottom: 15px;
}
.helpdeskopenticketwrp .nav-link {
   font-size: 20px;
   padding: 4px;
}
.helpdeskformloremparatext span {
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   color: #000000;
}
}