@media only screen and (max-width: 1280px) {
  .uct-info .uct-titbox-cdk .box-body .body-top-contanier .body-top {
    width: 100%;
    overflow-x: auto;
    flex-direction: column;
    position: relative;
    gap: 40px; }
    .uct-info .uct-titbox-cdk .box-body .body-top-contanier .body-top .dashed-line {
      position: absolute;
      top: 142px;
      left: 0;
      width: 100%;
      height: 1px;
      background: #dee0e9;
      border-right: none; }
    .uct-info .uct-titbox-cdk .box-body .body-top-contanier .body-top .plan-box-select-right {
      width: 100%; }
  .uct-info .uct-titbox-cdk .box-body .tutorial-list {
    flex-wrap: wrap; }
    .uct-info .uct-titbox-cdk .box-body .tutorial-list > .li {
      flex: unset;
      width: calc(50% - 15px); }
  .uct-info .uct-titbox-cdk .box-body .generate-box {
    flex-wrap: wrap; }
    .uct-info .uct-titbox-cdk .box-body .generate-box > .box-one {
      flex: 1; }
      .uct-info .uct-titbox-cdk .box-body .generate-box > .box-one .bo_select {
        width: 100%; }
      .uct-info .uct-titbox-cdk .box-body .generate-box > .box-one input {
        width: 100%; }
    .uct-info .uct-titbox-cdk .box-body .generate-box > .box-two {
      width: 100%; }

  .cdk_uct_cont_box .d-flex {
    flex-direction: column; }

  .pay_order_details {
    width: 100% !important;
    margin-top: 15px; }
    .pay_order_details.ml15 {
      margin-left: 0 !important; } }
@media only screen and (max-width: 780px) {
  .uct-info {
    margin-top: 0px !important; }
    .uct-info .uct-titbox-cdk .box-body .body-top-contanier .body-top {
      flex-wrap: wrap; }
      .uct-info .uct-titbox-cdk .box-body .body-top-contanier .body-top .dashed-line {
        display: none; }
      .uct-info .uct-titbox-cdk .box-body .body-top-contanier .body-top > div:nth-child(1) {
        padding-bottom: 20px;
        border-bottom: 1px dashed #DEE0E9; }
    .uct-info .uct-titbox-cdk .box-body .search-log {
      flex-wrap: wrap; }
      .uct-info .uct-titbox-cdk .box-body .search-log > .search-input {
        width: unset; } }
@media only screen and (max-width: 520px) {
  .uct-info {
    padding: 0 !important; }
    .uct-info .uct-titbox-cdk .box-body .tutorial-list > .li {
      width: 100%; }
    .uct-info .uct-titbox-cdk .box-body .body-top-contanier .body-top {
      gap: 20px; }
    .uct-info .uct-titbox-cdk .box-body .body-top .select-plan {
      flex-direction: column; }
    .uct-info .uct-titbox-cdk .box-body .generate-box > .box-one {
      flex: unset;
      width: 100%; } }

/*# sourceMappingURL=cdk_generation_responsive.css.map */