@media screen and (max-width: 1280px) {
  .container {
    max-width: 1140px;
  }

  .banner-div .image {
    width: 180px;
    height: 180px;
  }
  .share-div .heateor_sss_sharing_container{
    left: 23%;
  }
}

@media screen and (max-width: 1200px) {
  .banner-div .left-content .main-title {
    font-size: 36px;
  }

  .slider-section .swiper-button-next,
  .slider-section .swiper-button-prev {
    display: none;
  }

  .slider-section .swiper-slide {
    min-height: 210px;
  }

  .common-title {
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px) {
  .banner-div .left-content .main-title {
    font-size: 26px;
  }

  .banner-div .review-part {
    margin: 25px 0;
  }

  .share-div .theme-button {
    padding: 12px;
  }

  .slider-section .swiper-slide {
    min-height: 215px;
  }

  .app-description-section .flex-div .left-col {
    width: 63%;
  }

  .data-safety .data-detail {
    padding: 16px;
    gap: 10px;
  }
}

@media screen and (max-width: 900px) {
  .banner-div .image {
    width: 100px;
    height: 100px;
    position: static;
    order: 1;
  }

  .left-content .app-name {
    order: 2;
  }

  .banner-div .left-content {
    justify-content: inherit;
    align-items: center;
  }

  .banner-div .left-content .main-title {
    font-size: 20px;
  }

  .left-content .company-name {
    margin-top: 7px;
  }

  .left-content .company-name {
    font-size: 15px;
  }

  .app-description-section .flex-div {
    flex-direction: column;
    gap: 0;
  }

  .app-description-section .flex-div .left-col,
  .app-description-section .flex-div .right-col {
    width: 100%;
  }

  .app-info .description {
    margin: 10px 0;
  }

  .review-section > li {
    padding: 16px 0;
  }

  .review-section li .review-head {
    margin-bottom: 0;
  }

  .review-point .point h2 {
    font-size: 40px;
  }

  .f-button.is-arrow {
    width: 40px;
    height: 40px;
  }

  .app-image .title h2 {
    font-size: 18px;
  }

  .app-image .image {
    width: 45px;
    height: 45px;
  }

  .popup-head .close-icon {
    font-size: 17px;
    height: 40px;
    width: 40px;
  }

  .fliter-div .tags .drop-down li {
    padding: 10px 15px;
  }

  .m-50 {
    margin: 40px 0;
  }
  .share-div .heateor_sss_sharing_container {
    left: 35%;
  }
}

@media screen and (max-width: 599px) {
  .banner-div .image {
    width: 70px;
    height: 70px;
  }

  .share-div .theme-button {
    min-width: 100%;
  }

  .banner-div .share-div {
    flex-direction: column;
  }

  .banner-div .review-part li {
    padding: 0 15px;
  }

  .slider-section .swiper-slide {
    min-height: 210px;
  }

  .rating-section .main-title .common-title {
    margin: 0;
  }

  .common-title i {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }

  .rating-section .review-point {
    gap: 15px;
  }

  .data-detail li {
    gap: 15px;
  }

  .hedaer .logo {
    display: flex;
  }
  .share-div .share-link{
    padding: 0;
  }
  .share-div .heateor_sss_sharing_container {
    bottom: -48px;
    left: 0;
    right: 0;
    max-width: fit-content;
    margin: auto;
    top: inherit;
  }
  .share-div .heateor_sss_sharing_container::after{
    left: 50%;
    top: -7px;
    transform: translateX(-50%);
  }
}