/* ------mobile style ------------------ */

@media (max-width: 480px) {
  body {
    margin: 0px;
  }
  .doogma-container .doogma-jc-step1 .doogma-jc-popupinner-content .doogma-option .doogma-product-type-title h2 {
      font-size: 20px;
    }
    /* ------------step2--------------------- */
    .doogma-jc-step2 .doogma-jc-products-section .doogma-jc-products-title {
      margin-bottom: 0px;
    }
    .doogma-jc-products-grid {
      gap: 3px;
    }
    .doogma-jc-products-grid {
      padding: 0px;
      margin-bottom: 0px;
    }
    .doogma-jc-length-selection {
      margin-bottom: 5px;
      margin-top: -15px;
    }
    .doogma-jc-color-options {
      gap: 8px;
    }
    .doogma-jc-step2 .doogma-jc-materials-top {
      padding: 23px 16px;
    }
    .doogma-jc-step2 .doogma-jc-products-section .doogma-jc-products-title {
      padding: 15px 16px;
    }
    .doogma-jc-step2 .doogma-jc-length-selection h3 {
      padding: 17px 16px;
    }
    .doogma-jc-length-options {
      padding: 0px 16px;
    }
    .doogma-jc-step2 .doogma-jc-right-panel .doogma-jc-actions {
      padding: 0px 16px;
    }
    .doogma-container .doogma-jc-left-panel .doogma-jc-edit-type-btn {
      left: 16px !important;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-products-grid {
      grid-template-columns: 1fr 1fr;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-products-grid {
      padding-left: 0px;
      padding-right: 0px;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-length-selection {
      margin-bottom: 20px;
    }
    .doogma-container .doogma-jc-length-option {
      padding: 5px 27px;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-products-grid-and-length {
      max-height: 65vh;
    }
    /* -----------------end step 2 ----------------- */
    #doogma-popup-container .doogma-jc-step3-accordions.doogma-rearrangement-wrapper {
      max-height: 45vh;
      /* height: 40px; */ 
    }
    .doogma-jc-size-guide-modal-open .doogma-jc-size-guide-drawer__header h2 {
      font-size: 20px;
    }
}
@media (max-width: 380px) {
  .doogma-jc-color-option {
    width: 15px;
    height: 15px;
  }
  .doogma-jc-color-options {
    border: 1px solid transparent !important;
  }
  .doogma-jc-step2 .doogma-jc-materials-top {
    padding: 23px 5px;
  }
  .doogma-jc-step2 .doogma-jc-products-section .doogma-jc-products-title {
    padding: 15px 5px;
  }
  .doogma-jc-step2 .doogma-jc-length-selection h3 {
    padding: 17px 5px;
  }
  .doogma-jc-length-options {
    padding: 0px 5px;
  }
  .doogma-jc-step2 .doogma-jc-right-panel .doogma-jc-actions {
    padding: 0px 5px;
  }
  .doogma-container .doogma-jc-left-panel .doogma-jc-edit-type-btn {
    left: 5px !important;
  }
  .doogma-container .doogma-jc-left-panel .doogma-jc-edit-type-btn .doogma-jc-backarrow {
    padding-right: 3px;
  }
  .doogma-container .doogma-jc-left-panel .doogma-jc-edit-type-btn {
    padding: 8px 7px;
  }
  /* .doogma-container .doogma-jc-step2 .doogma-jc-color-options .doogma-jc-color-option.selected::after {
    left: 5px;
  } */
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .doogma-container .doogma-jc-step1 .doogma-jc-popupinner-content .doogma-option .doogma-product-type-title h2 {
      font-size: 25px;
    }  
    #doogma-popup-container .doogma-jc-step3-charm-qty {
      margin-right: 10px;
    }
    #doogma-popup-container .doogma-jc-step3 .doogma-jc-step3-charm-title-price {
      width: 65%;
    }
}
@media (max-width: 767px) {
  body {
    margin: 0px;
  }

  .doogma-container .doogma-jc-step1 .doogma-jc-popupinner-content {
      flex-direction: column;
      height: 100vh;
      gap: 0;
    }
    .doogma-container .doogma-jc-step1 .doogma-jc-popupinner-content > div {
      margin-bottom: 4px;
    }
    .doogma-container .doogma-jc-step1 .doogma-jc-popupinner-content > div:last-child {
      margin-bottom: 0px;
    }
    .doogma-container .doogma-jc-step1 .doogma-jc-popupinner-content .doogma-option {
      width: 100%;
    }
    .doogma-container .doogma-jc-step1 .doogma-jc-popupinner-content .doogma-option .doogma-product-type-img {
      height: 100%;
    }
    .doogma-jc-logo .doogma-jc-popup-logo-mobile {
      display: block;
    }
    .doogma-jc-logo .doogma-jc-popup-logo-desktop {
      display: none;
    }
    .doogma-container .doogma-jc-popup-layout {
      position: unset;
    }
    .doogma-container .doogma-jc-popup-layout .doogma-jc-popup-header {
      position: absolute;
      z-index: 9;
      width: 100%;
      background: transparent;
    }
    /* -------------setp2---------------------- */
    .doogma-jc-logo .doogma-jc-popup-logo-mobile {
      display: none;
    }
    .doogma-jc-step1 .doogma-jc-logo .doogma-jc-popup-logo-mobile {
      display: block;
      width: 185px;
    }
    .doogma-jc-step2 .doogma-jc-logo .doogma-jc-popup-logo-desktop {
      display: block;
      width: 121px;
    }
    .doogma-container .doogma-jc-step2 .doogma-jc-right-panel {
      padding-top: 50px;
    }
    #doogma-popup-container .doogma-jc-step2-content {
      flex-direction: column;
      height: auto;
  }

  #doogma-popup-container .doogma-jc-left-panel,
  #doogma-popup-container .doogma-jc-right-panel {
      width: 100% !important;
  }
  #doogma-popup-container .doogma-jc-step2 .doogma-jc-right-panel .doogma-jc-actions {
    width: 100%;
  }

  .doogma-jc-products-grid {
      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
  .doogma-container .doogma-jc-step2 .doogma-jc-product-image {
    display: none !important;
  }
  .doogma-container .doogma-jc-left-panel .doogma-jc-edit-type-btn {
    top: 15px;
    left: 32px;
  }
  .doogma-container .doogma-jc-left-panel .doogma-jc-edit-type-btn .doogma-jc-mobile-text {
    display: inline-block;
  }
  .doogma-container .doogma-jc-left-panel .doogma-jc-edit-type-btn .doogma-jc-desktop-text {
    display: none;
  }
  .doogma-container .doogma-jc-left-panel .doogma-jc-edit-type-btn {
    box-shadow: none;
  }
  .doogma-container .doogma-jc-popup-layout .doogma-jc-edit-type-modal {
    font-size: 12px;
  }
  #doogma-popup-container .doogma-jc-step3 .doogma-jc-desktop-button-text {
    display: none;
  }
  #doogma-popup-container .doogma-jc-step3-header-row {
    margin-bottom: 0px;
  }
    /* ----------------end setp 2 -------------------- */
    #doogma-popup-container .doogma-jc-color-options {
      gap: 0;
    }
    #doogma-popup-container .doogma-jc-color-option {
      margin: 7px 3px;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-length-options {
      gap: 0px;
    }
    .doogma-container .doogma-jc-step2 .doogma-jc-length-option {
      margin: 4px 8px 0px 0px;
    }
    #doogma-popup-container .doogma-jc-step3-edit-style {
      left: 10px;
    }
    #doogma-popup-container .doogma-jc-step3-charm-thumb {
      width: 75px;
      height: 88px;
    }
    #doogma-popup-container .doogma-jc-step3-charm-info {
      display: none;
    }
    #doogma-popup-container .doogma-jc-step3-charm-qty {
      margin-right: 17px;
    }
    #doogma-popup-container .doogma-jc-rearrange-popup {
      width: 100vw;
      left: 0;
      border-radius: 0;
      border: none;
      min-width: unset;
    }
    #doogma-popup-container .doogma-jc-rearrange-header,
    #doogma-popup-container .doogma-jc-rearrange-list,
    #doogma-popup-container .doogma-jc-rearrange-actions {
      padding-left: 12px;
      padding-right: 12px;
    }
    #doogma-popup-container .doogma-jc-rearrange-popup {
      width: 100vw;
      left: 0;
      border-radius: 0;
      border: none;
      min-width: unset;
    }
    #doogma-popup-container .doogma-jc-rearrange-header,
    #doogma-popup-container .doogma-jc-rearrange-list,
    #doogma-popup-container .doogma-jc-rearrange-actions {
      padding-left: 12px;
      padding-right: 12px;
    }
    #doogma-popup-container .doogma-jc-step4-content {
      flex-direction: column;
    }
    #doogma-popup-container .doogma-jc-step4-left-panel,
    #doogma-popup-container .doogma-jc-step4-right-panel {
      width: 100%;
      min-width: unset;
      padding: 16px 0px;
    }
    #doogma-popup-container .doogma-jc-step4-edit-charms-btn {
      left: 16px;
      top: 15px;
    }
    #doogma-popup-container .doogma-jc-step4-image {
      min-height: 300px;
    }
    #doogma-popup-container .doogma-jc-step4-main-image {
      max-width: 100%;
      max-height: 300px;
    }
    #doogma-popup-container .doogma-jc-step3-content {
      flex-direction: column;
    }
    #doogma-popup-container .doogma-jc-step3-left-panel {
      width: 100%;
    }
    #doogma-popup-container .doogma-jc-step3-right-panel {
      width: 100%;
    }
    #doogma-popup-container .doogma-jc-step3-edit-style {
      z-index: 99;
      top: 12px;
    }
    #doogma-popup-container .doogma-jc-step3-canvas {
      height: 40vh !important;
    }
    #doogma-popup-container .doogma-jc-step3-header-row {
      position: unset;
    }
    #doogma-popup-container .doogma-jc-step3-rearrange-charms {
      top: 90%;
    }
    #doogma-popup-container .doogma-jc-step3.doogma-jc-popup-layout {
      max-height: 100vh;
    }
    #doogma-popup-container .doogma-jc-step3-accordions {
      max-height: 41vh;
    }
    #doogma-popup-container .doogma-jc-step3-accordion {
      padding-bottom: 15px;
    }
    #doogma-popup-container .doogma-jc-step3-accordions.doogma-rearrangement-wrapper {
      height: 45vh;
      top: -70px;
    }
    #doogma-popup-container .doogma-jc-step3-review-btn {
      z-index: 9999;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-length-options {
      margin-bottom: 120px;
      padding: 17px 15px 0px 15px;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-right-panel .doogma-jc-actions {
      bottom: 1%;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-length-selection h3 {
      padding: 17px 15px;
    }
    #doogma-popup-container .doogma-jc-size-guide-link {
      margin-right: 2px;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-products-section .doogma-jc-products-title {
      padding: 15px 15px;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-materials-top {
      padding: 23px 15px;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-right-panel .doogma-jc-actions {
      padding: 0px 15px;
      box-sizing: border-box;
    }
    #doogma-popup-container .doogma-jc-step3-rearrange-charms.enabled {
      background: transparent;
      color: #191919;
      font-size: 12px;
      padding: 0px;
    }#doogma-popup-container .doogma-jc-step3-rearrange-charms {
      font-size: 12px;
      font-weight: 400;
      padding: 0px;
    }
    #doogma-popup-container .doogma-jc-rearrange-popup .doogma-jc-rearrange-row {
      margin-bottom: 4px !important;
    }
    #doogma-popup-container .doogma-jc-step3-summary-row {
      display: none;
    }
    #doogma-popup-container .doogma-jc-step3-accordion {
      margin: 0px 12px;
    }
    #doogma-popup-container .doogma-jc-step3 .doogma-jc-popup-logo-desktop {
      display: block !important;
      width: 150px;
    }
    #doogma-popup-container .doogma-jc-step3-charm-info-link-wrapper {
      display: block;
      margin-left: 0px;
    } 
    #doogma-popup-container .doogma-jc-step3-acc-selected-count.has-selected::before {
      background-color: #4A0B10 !important;
    }
    #doogma-popup-container .doogma-jc-step3-acc-selected-count.has-selected {
      color: white;
    }
    #doogma-popup-container .doogma-jc-step3-actions {
      width: 100%;
      padding: 2px 12px;
      bottom: 5px;
    }
    #doogma-popup-container .doogma-jc-step3-edit-style {
      gap: 0px;
    }
    #doogma-popup-container .doogma-jc-step3-edit-style .doogma-jc-backarrow {
      padding-right: 8px;
    }
    #doogma-popup-container .doogma-jc-step3-actions {
      gap: 0px;
    }
    #doogma-popup-container .doogma-jc-step3-actions .doogma-jc-step3-add-more-charms-btn {
      margin-bottom: 8px;
    }
    /* ----------------step4 ---------------------------- */
    #doogma-popup-container .doogma-jc-step4.doogma-jc-popup-layout {
      max-height: 100vh;
    }
    #doogma-popup-container .doogma-jc-step4-image {
      height: 40vh;
    }
    #doogma-popup-container .doogma-jc-step4-edit-charms-btn .doogma-jc-desktop-button-text {
      display: none;
    }
    #doogma-popup-container .doogma-jc-step4-summary {
      /* background: #FFF9F9; */
      padding: 20px 12px 17px 12px;
      background: #EEEBE6;
    }
    #doogma-popup-container .doogma-jc-step4-buttons {
      border-top: 1px solid #DFDFDF;
      padding: 16px 12px;
    }
    #doogma-popup-container .doogma-jc-step4-summary {
      margin-bottom: 0px;
    }
    #doogma-popup-container .doogma-jc-step4 .doogma-jc-popup-logo-desktop {
      display: block;
      width: 135px;
    }
    #doogma-popup-container .doogma-jc-step4-summary-block {
      margin-bottom: 4px;
    }
    #doogma-popup-container .doogma-jc-step4 .doogma-jc-step4-buttons {
      position: absolute;
      bottom: 1%;
      width: 100%;
      background: white;
      padding: 12px;
      box-sizing: border-box;
    }
    #doogma-popup-container .doogma-jc-step4 .doogma-jc-step4-content {
      background: #EEEBE6;
    }
    #doogma-popup-container .doogma-jc-step4-summary {
      max-height: 35vh;
      overflow-y: scroll;
    }
    #doogma-popup-container .doogma-jc-step4-left-panel {
      padding-top: 0px;
      padding-bottom: 0px;
    }
    #doogma-popup-container .doogma-jc-step4-right-panel {
      padding-top: 0px;
      background: #EEEBE6;
    }
    #doogma-popup-container .doogma-jc-edit-confirmation-modal-actions, #doogma-popup-container .doogma-jc-edit-type-modal-actions {
      gap: 0px;
    }
    #doogma-popup-container .doogma-jc-edit-confirmation-modal-actions .doogma-jc-edit-confirmation-ok, #doogma-popup-container .doogma-jc-edit-type-modal-actions .doogma-jc-edit-type-back-ok {
      margin-right: 8px;
    }
    /* ---------------------end step4 --------------------- */
    #doogma-popup-container .doogma-jc-edit-confirmation-modal-content, #doogma-popup-container .doogma-jc-edit-type-modal-content {
      padding: 30px 12px;
    }
    #doogma-close-confirm-modal > div:first-child {
      padding: 30px 12px !important;
    }
    #doogma-popup-container .doogma-jc-step4-summary > :last-child {
      padding-bottom: 60px;
    }
    #doogma-popup-container .doogma-jc-step3-charm-thumb {
      margin-right: 17px;
    }
}
@media (max-width: 600px) {
  #doogma-popup-container .doogma-jc-size-guide-modal-content {
    width: 72vw;
    min-width: unset;
    border-radius: 0;
  }
  #doogma-popup-container .doogma-jc-size-guide-close {
    left: -15%;  
    /* right: 81%; */
    top: 40px;
    position: absolute;
  }
  #doogma-popup-container .doogma-jc-size-guide-popup-inner {
    padding: 0px;
    padding-bottom: 50px;
  }
  #doogma-popup-container .doogma-jc-size-guide-table-img {
    width: 90%;
    height: auto;
    padding: 0px 14px;
  }
  #doogma-popup-container .doogma-jc-size-guide-title {
    padding: 22px 17px 20px 17px;
    margin-bottom: 8px;
  }
  #doogma-popup-container .doogma-jc-size-guide-desc {
    padding: 0px 17px;
    margin-bottom: 7px;
  }
  #doogma-popup-container .doogma-jc-size-guide-top-img {
    height: 300px;
    object-fit: cover;
  }
  #doogma-popup-container .doogma-jc-size-guide-top-img {
    margin-bottom: 8px;
  }
  /* =========================== */
  #doogma-popup-container .doogma-jc-step3-info-modal-content {
    width: 85vw;
    min-width: unset;
    border-radius: 0;
  }
  #doogma-popup-container .doogma-jc-step3-info-close {
    left: 87%;
    top: 40px;
    position: absolute;
  }
  #doogma-popup-container .doogma-jc-info-details {
    padding: 24px 12px 0 12px;
  }
  #doogma-popup-container .doogma-jc-info-add-btn {
    margin: 32px 12px 0 12px;
    width: calc(100% - 24px);
  }
}
@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .doogma-jc-products-grid {
    grid-template-columns: 1fr 1fr;
  }
  .doogma-jc-color-options {
    gap: 5px;
  }
  .doogma-jc-color-option {
    width: 15px;
    height: 15px;
  }
  .doogma-jc-checkbox-wrapper {
    height: 28px;
    width: 28px;
    top: 7px;
    left: 7px;
  }
  .product-checkbox:checked + label::after {
    width: 20px;
    height: 20px;
  }
  .product-checkbox + label {
    width: 20px;
    height: 20px;
    top: 3px;
    left: 3px;
  }
  .doogma-container .doogma-jc-step2 .doogma-jc-color-options .doogma-jc-color-option.selected::after {
    left: 5px;
  }
  #doogma-popup-container .doogma-jc-step2 .doogma-jc-right-panel .doogma-jc-actions {
    width: 33%;
  }
  #doogma-popup-container .doogma-jc-rearrange-popup .doogma-jc-rearrange-up::before, #doogma-popup-container .doogma-jc-rearrange-popup .doogma-jc-rearrange-down::before {
  width: 24px;
  height: 24px;
}
}
@media only screen and (min-width: 767px) and (max-width: 950px) {
  .doogma-container .doogma-jc-step1 .doogma-jc-popupinner-content .doogma-option .doogma-product-type-img {
      height: 100vh;
    }
    #doogma-popup-container .doogma-jc-step3-summary {
      padding: 16px 5px;
    }
    #doogma-popup-container .doogma-jc-step3-actions {
      padding: 2px 5px;
    }
    #doogma-popup-container .doogma-jc-step3-accordion {
      margin: 0px 5px;
    }
    #doogma-popup-container .doogma-jc-step3-charm-info {
      margin: 0px;
    }
    #doogma-popup-container .doogma-jc-step3-charm-qty {
      height: 45px;
      width: 70px;
    }
    #doogma-popup-container .doogma-jc-step3-charm-thumb {
      margin-right: 12px;
    }
    #doogma-popup-container .doogma-jc-step3 .doogma-jc-step3-charm-title-price {
      width: 50%;
    }
    .doogma-jc-step2 .doogma-jc-materials-top {
      padding: 23px 5px;
    }
    .doogma-jc-step2 .doogma-jc-products-section .doogma-jc-products-title {
      padding: 15px 5px;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-products-grid {
      padding-left: 5px;
      padding-right: 5px;
      grid-template-columns: 1fr 1fr;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-length-selection h3 {
      padding: 17px 5px;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-size-guide-link {
      margin-right: 0px;
    }
    .doogma-jc-step2 .doogma-jc-length-options {
      padding: 17px 5px 0px 5px !important;
    }
    .doogma-container .doogma-jc-length-option {
      padding: 5px 20px;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-right-panel .doogma-jc-actions {
      padding: 0px 5px;
    }
    #doogma-popup-container .doogma-jc-rearrange-list {
      padding: 24px 5px 0 5px;
    }
    #doogma-popup-container .doogma-jc-rearrange-popup .doogma-jc-rearrange-row {
      height: 60px;
    }
    #doogma-popup-container .doogma-jc-rearrange-icon {
      width: 50px;
    }
    #doogma-popup-container .doogma-jc-rearrange-icon img {
      width: 50px;
      height: 60px;
    }
    #doogma-popup-container .doogma-jc-rearrange-popup .doogma-jc-rearrange-remove {
      width: 38px;
    }
    #doogma-popup-container .doogma-jc-rearrange-icon img {
      font-size: 10px;
    }
    #doogma-popup-container .doogma-jc-rearrange-title {
      font-size: 11px;
    }
    #doogma-popup-container .doogma-jc-rearrange-popup .doogma-jc-rearrange-up, #doogma-popup-container .doogma-jc-rearrange-popup .doogma-jc-rearrange-down {
      height: 28px !important;
      width: 28px !important;
      padding: 1px;
    }
    #doogma-popup-container .doogma-jc-step4 .doogma-jc-step4-buttons {
      width: 33%;
    }
}
@media only screen and (min-width: 950px) and (max-width: 1200px) {
  .doogma-container .doogma-jc-step1 .doogma-jc-popupinner-content .doogma-option .doogma-product-type-img {
      height: 100vh;
    }
    #doogma-popup-container .doogma-jc-step3-charm-info {
      margin: 0px;
    }
    #doogma-popup-container .doogma-jc-step3-summary {
      padding: 16px 10px;
    }
    #doogma-popup-container .doogma-jc-step3-actions {
      padding: 2px 10px;
    }
    #doogma-popup-container .doogma-jc-step3-accordion {
      margin: 0px 10px;
    }
    #doogma-popup-container .doogma-jc-step3-charm-qty {
      width: 72px;
    }
    #doogma-popup-container .doogma-jc-step3 .doogma-jc-step3-charm-title-price {
      width: 55%;
    }
    .doogma-jc-step2 .doogma-jc-materials-top {
      padding: 23px 10px;
    }
    .doogma-jc-step2 .doogma-jc-products-section .doogma-jc-products-title {
      padding: 15px 10px;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-products-grid {
      padding-left: 10px;
      padding-right: 10px;
      grid-template-columns: 1fr 1fr;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-length-selection h3 {
      padding: 17px 10px;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-size-guide-link {
      margin-right: 0px;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-length-options {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      padding: 0px 32px;
      padding: 17px 10px 0px 10px;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-right-panel .doogma-jc-actions {
      padding: 0px 10px;
    }
    #doogma-popup-container .doogma-jc-rearrange-list {
      padding: 24px 5px 0 5px;
    }
    #doogma-popup-container .doogma-jc-rearrange-popup .doogma-jc-rearrange-row {
      height: 60px;
    }
    #doogma-popup-container .doogma-jc-rearrange-icon {
      width: 50px;
    }
    #doogma-popup-container .doogma-jc-rearrange-icon img {
      width: 50px;
      height: 60px; 
    }
    #doogma-popup-container .doogma-jc-rearrange-popup .doogma-jc-rearrange-remove {
      width: 38px;
    }
    #doogma-popup-container .doogma-jc-rearrange-icon img {
      font-size: 10px;
    }
    #doogma-popup-container .doogma-jc-rearrange-title {
      font-size: 11px;
    }
    #doogma-popup-container .doogma-jc-rearrange-popup .doogma-jc-rearrange-up, #doogma-popup-container .doogma-jc-rearrange-popup .doogma-jc-rearrange-down {
      height: 28px !important;
      width: 28px !important;
      padding: 1px;
    }
    .doogma-container .doogma-jc-length-option {
      padding: 8px 25px;
    }
    #doogma-popup-container .doogma-jc-step4 .doogma-jc-step4-buttons {
      width: 31%;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  #doogma-popup-container .doogma-jc-step3-summary {
      padding: 16px 16px;
    }
    #doogma-popup-container .doogma-jc-step3-actions {
      padding: 2px 16px;
    }
    #doogma-popup-container .doogma-jc-step3-accordion {
      margin: 0px 16px;
    }
    #doogma-popup-container .doogma-jc-step1{
      height: 97vh;
      overflow: hidden;
    }
    .doogma-container .doogma-jc-step1 .doogma-jc-popupinner-content {
      height: 90vh;
      overflow: hidden;
    }
    #doogma-popup-container .doogma-jc-step2 .doogma-jc-products-grid {
      grid-template-columns: 1fr 1fr;
    }
    #doogma-popup-container .doogma-jc-rearrange-list {
      padding: 24px 10px 0 10px;
    }
    /* #doogma-popup-container .doogma-jc-rearrange-list {
      padding-bottom: 100px !important;
    } */
    #doogma-popup-container .doogma-jc-rearrange-icon img {
      width: 60px;
    }
    #doogma-popup-container .doogma-jc-rearrange-icon {
      width: 60px;
    }
    .doogma-container .doogma-jc-step1 .doogma-jc-popupinner-content .doogma-option .doogma-product-type-title h2 {
      font-size: 25px;
    }
    .doogma-container .doogma-jc-length-option {
      padding: 15px 31px;
    }
    #doogma-popup-container .doogma-jc-step4 .doogma-jc-step4-buttons {
      width: 31%;
    }
}

/* Responsive Styles */