.overview_wrapper {
  display: flex;
  justify-content: space-between;
}
.overview_content {
  width: 48%;
}
.overview_content .sub_image {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.48px;
  margin-top: 20px;
}
.overview_content_wrapper {
  display: flex;
  gap: 20px;
  flex-direction: row-reverse;
}
.overview_images {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.overview .image1 img {
  width: 161px;
}
.overview .image2 img {
  width: 159px;
}
.overview .image3 img {
  width: 77px;
}
.overview .image4 img {
  width: 178px;
}
.overview_box2 img {
  width: 190px;
}

.micspeaker_wrapper {
  display: flex;
  justify-content: space-between;
}
.micspeaker_content {
  width: 48%;
}
.micspeaker_content .micspeaker_box {
  display: flex;
  gap: 20px;
}
.micspeaker_content .micspeaker_box img {
  width: 250px;
}

.controller_content {
  display: flex;
  gap: 40px;
}
.controller_content dd {
  width: 100% !important;
}
.controller .image img {
  width: 386px;
}

.batterypack {
  padding-bottom: 40px;
}
.batterypack .controller_content {
  margin-bottom: 40px;
}
.batterypack .controller_content .dd_flex {
  display: flex;
}
.batterypack .controller_content .dd_flex span {
  width: 50%;
}
.batterypack .controller_content .dd_flex span img {
  width: 145px;
}
.batterypack .controller_content .image {
  min-width: 230px;
  max-width: 230px;
}
.batterypack .controller_content .image img {
  width: 135px;
}
.batterypack .controller_content .image2 img {
  width: 235px;
}

.storage {
  padding-bottom: 40px;
}
.storage_content {
  display: flex;
  gap: 40px;
}
.storage_content .image img {
  width: 285px;
}

@media only screen and (min-width: 769px) and (max-width: 1399px) and (max-width: 1199px) {
  .overview_content_wrapper {
    flex-wrap: wrap;
  }
  .overview_content_wrapper div {
    width: 100%;
  }
  .micspeaker_wrapper {
    flex-wrap: wrap;
  }
  .micspeaker_content {
    width: 100%;
    margin-bottom: 40px;
  }
  .micspeaker_content:last-child {
    margin-bottom: 0;
  }
  .micspeaker_content .micspeaker_box {
    display: flex;
    gap: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .overview_wrapper {
    flex-wrap: wrap;
  }
  .overview_content {
    width: 100%;
  }
  .overview_images {
    justify-content: space-between;
  }
  .overview_content .sub_image {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
    margin-bottom: 32px;
  }
  .micspeaker_wrapper {
    flex-wrap: wrap;
  }
  .micspeaker_content {
    width: 100%;
    margin-bottom: 40px;
  }
  .micspeaker_content:last-child {
    margin-bottom: 0;
  }
  .micspeaker_content:last-child .main_note {
    margin-bottom: 0;
  }
  .micspeaker .box2 {
    margin-bottom: 30px;
  }
  .controller_content {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }
  .controller_content dd:last-child {
    margin-bottom: 0;
  }
  .controller_content .image {
    margin: 0 auto;
  }
  .controller_content .image img {
    width: 100%;
  }
  .batterypack .controller_content {
    margin-bottom: 40px;
  }
  .batterypack .controller_content:last-of-type {
    margin-bottom: 32px;
  }
  .batterypack .controller_content .image {
    min-width: initial;
  }
  .batterypack .controller_content .image img + img {
    margin-top: 20px;
  }
  .batterypack .controller_content .dd_flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .batterypack .controller_content .dd_flex span {
    width: 100%;
  }
  .batterypack .controller_content .dd_flex span:nth-of-type(2) {
    width: 100%;
    text-align: center;
    margin-bottom: 16px;
  }
  .batterypack .controller_content .dd_flex span:nth-of-type(2) img {
    width: 50%;
  }
  .storage {
    padding-bottom: 40px;
  }
  .storage_content {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }
  .storage_content .image {
    text-align: center;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) and (max-width: 468px) {
  .overview_images {
    gap: 5px;
  }
  .overview_images div {
    width: 48%;
  }
  .overview_images div img {
    width: 90% !important;
  }
  .overview_images div.image3 img {
    width: 45% !important;
  }
  .overview_content_wrapper {
    flex-wrap: wrap;
  }
  .overview_content_wrapper div {
    width: 100%;
  }
  .overview_content_wrapper .overview_box1 p:last-child {
    margin-bottom: 0;
  }
  .overview_content_wrapper .overview_box2 {
    text-align: center;
    margin-bottom: 20px;
  }
  .overview_content_wrapper .overview_box2 img {
    width: 48%;
  }
  .micspeaker_box {
    flex-wrap: wrap;
  }
  .micspeaker_box div {
    width: 100%;
  }
  .micspeaker_box div img {
    width: 60% !important;
  }
  .micspeaker_content {
    margin-bottom: 30px;
  }
  .micspeaker_content:last-child {
    margin-bottom: 0;
  }
  .micspeaker .box2 {
    margin-bottom: 0;
  }
  .micspeaker_image {
    text-align: center;
  }
  .storage_content {
    gap: 30px;
  }
  .storage_content .image {
    text-align: center;
    width: 100%;
  }
  .storage_content .image img {
    width: 65%;
  }
}
@media only screen and (max-width: 768px) and (max-width: 359px) {
  .overview_box2 {
    margin-bottom: 3.125vw;
  }
  .overview_images {
    gap: 0.7813vw;
  }
  .overview_content .sub_image {
    font-size: 4.4444vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.0889vw;
    margin-bottom: 5vw;
  }
  .overview_content_wrapper {
    gap: 3.125vw;
  }
  .overview_content_wrapper .overview_box2 {
    margin-bottom: 3.125vw;
  }
  .micspeaker_content {
    margin-bottom: 4.6875vw;
  }
  .controller_content {
    gap: 6.25vw;
  }
  .batterypack {
    padding-bottom: 11.1111vw;
  }
  .batterypack .controller_content {
    margin-bottom: 11.1111vw;
  }
  .batterypack .controller_content:last-of-type {
    margin-bottom: 8.8889vw;
  }
  .batterypack .controller_content .image img {
    width: 100%;
  }
  .batterypack .controller_content .image img + img {
    margin-top: 5.5556vw;
  }
  .batterypack .dd_flex span {
    margin-bottom: 8.3333vw;
  }
  .storage {
    padding-bottom: 11.1111vw;
  }
  .storage_content {
    gap: 8.33vw;
  }
}