@media screen and (max-width: 1300px) {
  .writeSubjectPara {
    font-size: 12px;
  }
  .commonMainHeaderParent {
    padding: 15px 10px;
  }
  .productMainCategory .filterTab_ {
    font-size: 14px !important;
    padding: 8px;
  }
  .serviceListHeaderParent
    .serviceTypeSelect.productSelectFilter
    .react-select__placeholder {
    font-size: 14px !important;
  }
  .showingResultsTxt {
    font-size: 12px;
  }
  .paginationParent {
    gap: 12px;
  }
  .serviceOfferHeader {
    padding: 15px 0;
  }
  .offerHeaderSelect.gapDiffer_ .react-select-container .react-select__control {
    gap: 15px !important;
  }
  .productBrandSelect .filterTab_ {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 1440px) {
  /* .planCommon_ .SubscribePara {
    font-size: 16px;
  } */
}

@media screen and (max-width: 1400px) {
  .transectionFeetxt{
    font-size: 16px;
  }
  .productListHeader .filterTab_ {
    font-size: 14px !important;
    padding: 8px;
  }
  .productListHeader .productSelectFilter .react-select__placeholder {
    font-size: 14px !important;
  }
  .loginForm {
    padding: 30px;
  }
  .resetPassForm .loginForm {
    padding: 30px;
  }
  .gobacklink {
    padding: 20px 0 0;
  }
  .logintxt {
    font-size: 40px;
  }
  .allOrderSection .productOfferHead_Container {
    padding: 15px 0;
  }
  .plansListParent .fontSize18 {
    font-size: 15px;
  }
}

@media (max-width: 1280px) {
  .groSub {
    font-size: 10px;
  }

  /* .fileUploadSection {
        height: 80vh;

    } */
  .BoxMediaCategory {
    width: 100%;
    max-width: 130px;
  }
}
@media screen and (max-width: 1200px) {
  .rightNavItems {
    margin-right: 10px;
  }
  .rightNavItems .input-group.search_group {
    max-width: 180px;
  }
  .date-text {
    font-size: 12px;
  }
  .innerHeaderSelect .react-select__placeholder {
    font-size: 12px !important;
  }
  .weekNav {
    padding: 6px;
  }
  .weekNav .weekMenu {
    font-size: 12px !important;
  }
  .addProductManually {
    overflow: unset;
  }
  .professionEnter.active.monthEnter {
    margin-top: 20px !important;
  }
  .planCommon_.professionEnter {
    height: unset !important;
  }

  /* .addProductRightWrap .productRightContainer {
    padding: 15px 0;
  } */
}

@media (max-width: 991px) {
  .displayImg {
    display: none;
  }
  .rightdashboard_ {
    width: 100%;
    margin-left: 0;
  }
  .mainHeader {
    width: 100%;
    left: 0;
  }
  .headerToggleBtn {
    display: block;
  }
  /* Start Sidebar */
  .mobileSidebar .vertical-tab {
    padding: 8px 12px;
  }
  .mobileSidebar .sidebarProfileParent {
    padding: 12px 6px 20px;
  }
  .mobileSidebar .navbar_overlay_content_ {
    margin-top: 0;
    height: calc(100vh - 262px);
    overflow-y: auto;
  }
  /* End Sidebar */
}

@media (max-width: 767px) {
  .newRole_ .rolesContainer {
    margin-bottom: 10px;
  }
  .rightNav {
    flex-direction: column;
    gap: 10px;
    align-items: end;
  }
  .headcontentNav {
    align-items: flex-start;
  }
  .content_areas {
    height: calc(100vh - 145px);
    margin-top: 115px;
  }
  /* Start Header */
  .headerHeading_ {
    font-size: 18px;
  }
  /* End Header */
}

@media (max-width: 575px) {
  /* Start Header */
  /* .customform-control {
    padding: 16px 18px 16px 24px;
    font-size: 14px;
  } */
   .chooseRoleMulitSelect{
    padding: 18px;
   }
   .chooseRoleMulitSelect input{
  max-width: 90px;
  width: fit-content;
}
  .searchWrapper input::placeholder {
    color: #636e9f !important;
    font-size: 14px !important;
  }
  .headerHeading_ {
    padding-left: 0;
  }
  .headcontentNav {
    flex-direction: column;
    gap: 10px;
  }
  .rightNav {
    width: 100%;
  }
  .rightNavNotification {
    width: 100%;
    justify-content: space-between;
    gap: 8px;
  }
  .rightNavNotification .rightNavItems {
    width: 100%;
    margin-right: 0;
  }
  .rightNavItems .input-group.search_group {
    max-width: 100%;
  }
  .orderOne {
    order: 1;
  }
  .orderTwo {
    order: 2;
  }
  .rightNavBtnsParent {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .rightNavBtnsParent .rightNavItems {
    width: 100%;
  }
  .rightNavBtnsParent .rightNavItems .webPosBtn {
    width: 100%;
    justify-content: center;
  }
  .rightNavBtnsParent .addNew_ {
    justify-content: center;
  }
  .content_areas {
    height: calc(100vh - 180px);
    margin-top: 150px;
  }
  .headerToggleParent {
    gap: 15px;
    width: 100%;
  }

  .notificationLink {
    display: none;
  }
  .mobileNotificationLink {
    display: block;
  }
  /* End Header */

  /* Start Home Page */
  .chartHeaderBox {
    padding: 30px 0 10px 0;
  }

  /* End Home Page */

  .commonLogin {
    padding: 0 20px;
  }
  .commonLogin .loginForm {
    padding: 20px !important;
    /* max-width: 350px; */
  }
  .loginForm .logintxt {
    font-size: 30px;
  }
  .welcomeBackTxt {
    font-size: 18px;
  }
  .loginBtnSign {
    padding: 12px 20px !important;
  }
  .forgetPass_BackBtn {
    padding: 12px 20px !important;
  }
  .input_digits_ input {
    width: 40px !important;
    height: 40px !important;
    font-size: 18px !important;
  }
  .verifyOtpInputParent {
    margin: 30px 0;
  }
  .resendCodeBtn span {
    padding: 12px 18px !important;
    font-size: 14px !important;
  }
  .forgetcommon .forgetPass_BackBtn {
    font-size: 16px !important;
  }
  .forgetcommon .fontSize30 {
    font-size: 24px !important;
  }
  .forgetcommon .fontSize18 {
    font-size: 14px !important;
  }
  .loginForm .authFormHead .fontSize36 {
    font-size: 24px;
  }
  .loginForm .authFormHead .fontSize30 {
    font-size: 24px;
  }
  .loginForm .authFormHead .fontSize24 {
    font-size: 14px;
  }
  .loginForm .authFormHead .fontSize18 {
    font-size: 14px;
  }
  /* start reset form responsive css */
  .commonResetForm .fontSize36 {
    font-size: 24px;
  }
  .commonResetForm .fontSize18 br {
    display: none;
  }
  .commonResetForm .fontSize18 {
    font-size: 14px;
  }
  .commonResetForm .fontSize14 br {
    display: none;
  }
  .commonResetForm .fontSize14 {
    font-size: 12px;
  }
  .resendOtpBtn button {
    padding: 10px 20px;
  }
  .resendOtpBtn span {
    font-size: 15px !important;
  }
  /* start success login css */
  #successfullyCreatedModal.modal-dialog {
    max-width: 335px;
    margin: auto;
  }

  /* Verify Email */
  .verifyPhoneNoForm .phone-numbpart {
    padding: 40px 0 40px;
  }

  /* Create Account */
  .createAccountForm .authFormHead {
    padding-bottom: 15px !important;
  }
  .createAccountForm .form-group {
    padding-bottom: 15px;
  }
  .createAccountForm .productAvailabilityChild .fontSize18 {
    font-size: 12px;
    text-align: start;
  }

  /* End Create Account */

  /* Start Tell About Business */
  .newRole_ .subheading_ {
    font-size: 24px;
  }
  .newRole_ .para_Text_ {
    font-size: 14px;
    line-height: 20px;
  }
  .newRole_ .headsignup_ {
    margin-bottom: 20px;
  }
  .newRole_.chooseRoles .loginhorrizontal-form {
    padding: 20px;
  }
  .newRole_ .productAvailabilityChild .form-group label:before {
    margin-right: 10px;
  }
  .newRole_ .productAvailabilityChild .fontSize18 {
    font-size: 14px;
  }
  .newRole_ .productAvailabilityChild .form-group label {
    display: flex;
  }
  .newRole_ .commonBlueBtn {
    padding: 12px 24px !important;
  }
  /* End Tell About Business */

  /* Start Verify Phone Number Modal Pos */
  #verifyUserModal.modal-dialog {
    max-width: 515px;
    margin: auto;
  }
  #verifyUserModal .fontSize24 {
    font-size: 20px;
  }
  .modalDiscardBtn {
    padding: 12px 20px;
    font-size: 16px;
  }
  /* .react-tel-input {
    padding: 16px 18px !important;
  } 
   .react-tel-input .form-control {
    font-size: 14px !important;
  } */
  .addStaffForm
    .commonSelectParent
    .react-select-container
    .react-select__control {
    padding: 5px 18px !important;
  }
  /* .commonSelectParent .react-select__placeholder {
    font-size: 14px !important;
  }
  .commonSelectParent .react-select__single-value {
    font-size: 14px !important;
  } */
  /* End Verify Phone Number Modal Pos */

  /* Start Pagination */
  .posSalePagination .d-flex {
    justify-content: center !important;
    gap: 8px !important;
  }
  /* End Pagination */

  /* Start Create Pos User */
  .addStaffForm .customform-control {
    font-size: 14px;
  }
  .createUserStaffSection {
    padding: 20px 15px;
  }
  .verifyBtnParent .staffPaidBtn,
  .verifyBtnParent .staffUnpaidBtn {
    padding: 10px 15px;
    font-size: 12px;
    text-transform: capitalize;
  }
  .staffAvailability {
    padding: 20px 20px 10px;
  }
  .staffAvailability .fontSize18.businessUserName {
    font-size: 16px;
  }
  /* End Create Pos User */

  .createAccountForm {
    max-height: calc(100vh - 200px);
  }
  .createAccountCommonLogin {
    display: block;
    padding: 20px;
  }
  .createAccountCommonLogin .createAccountForm {
    max-height: unset;
  }
  .createAccountCommonLogin .copyRight {
    position: unset;
    padding: 20px 0;
  }
  .newRole_ .loginhorrizontal-form {
    height: unset;
  }
  .newRole_ .commonLogin {
    display: block;
    padding: 20px 0;
  }
  .newRole_ .copyRight {
    position: unset;
    padding: 20px 0;
  }
  .newUserScreenParent.d-flex {
    display: block !important;
  }
  .newUserScreenParent .createOfferCloseBtn {
    position: unset;
    justify-content: end;
    width: 100%;
    padding-bottom: 20px;
  }
  .newUserScreenParent .optionBoxesParent {
    max-height: unset !important;
  }
  .newUserScreenParent .newWelcomePage .helpCenterBtn {
    position: unset;
    width: fit-content;
    margin-top: 20px;
    margin-left: auto;
  }
  .newUserScreenParent .allRightTxt {
    position: unset;
    padding: 20px 0;
  }
  .newUserScreenParent.productPluginSection {
    padding: 24px 15px;
  }
  .newUserScreenParent .fontSize16 {
    font-size: 12px;
  }
  #pickPlan.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
    display: none !important;
  }
  /* Start Add New Product */
  .addNewProductSection.d-flex {
    display: block !important;
    padding: 24px 15px;
  }
  .addNewProductSection .previousPageBtn {
    position: unset;
    padding-bottom: 20px;
    width: 100%;
    justify-content: end;
  }
  .addPhysicalProductHeader {
    padding: 20px;
  }
  .addPhysicalProductHeader .headerDiscardBtn {
    font-size: 12px;
  }
  .addPhysicalProductHeader .headerSaveBtn {
    font-size: 12px;
  }
  .addPhysicalProductHeader .fontSize20 {
    font-size: 16px;
  }
  .addProductRightWrap {
    margin: 82px 20px 0;
  }
  .supportImgTxt {
    font-size: 12px;
  }
  /* End Add New Product */
}

@media (max-width: 480px) {
  .rightNavBtnsParent .rightNavItems .webPosBtn {
    font-size: 11px;
    padding: 8px;
    gap: 4px;
  }
  .rightNavBtnsParent .addNew_ {
    padding: 8px;
  }
  .rightNavBtnsParent .addNew_ .addNewTxt {
    font-size: 11px;
  }
  .bookingLeftTwo {
    width: 100%;
  }
  .bookingLeftTwo .date-picker-container {
    justify-content: center;
  }
  .reactSelectParent.innerHeaderSelect {
    width: 100%;
  }
  .reactSelectParent.innerHeaderSelect .react-select__control {
    width: 100% !important;
    max-width: 100%;
  }
  /* Start Pagination */
  .posSalePagination .fontSize14 {
    font-size: 11px;
  }
  .posSalePagination
    .offerHeaderSelect.reactSelectParent
    .react-select-container
    .react-select__control {
    min-width: 50px;
  }
  .posSalePagination
    .offerHeaderSelect.reactSelectParent
    .react-select__placeholder {
    font-size: 12px !important;
  }
  .posSalePagination
    .offerHeaderSelect.reactSelectParent
    .react-select__indicators
    img {
    width: 20px;
    height: 20px;
  }
  .posSalePagination .backPageBox {
    width: 30px;
    height: 30px;
    border-radius: 8px;
  }
  .posSalePagination .backPageBox img {
    width: 20px;
    height: 20px;
  }
  .posSalePagination .nextPageBox {
    width: 30px;
    height: 30px;
    border-radius: 8px;
  }
  .posSalePagination .nextPageBox img {
    width: 20px;
    height: 20px;
  }
  /* End Pagination */
}

@media screen and (max-width: 390px) {
  /* Start Pagination */
  .posSalePagination .fontSize14 {
    font-size: 9px;
  }
  /* End Pagination */
}