@media only screen and (width > 600px) {
  :root {
    --max-width: 600px;
    --header-height: 36px;
    --header-logo-width: 91px;
    --header-banner-height: 353px;
    --header-banner-image: url(/static/images/main_banner--tablet.png) no-repeat
      center center;
    --header-banner-image-background-size: cover;
    --header-banner-image-fade: 0px;
    --header-banner-content-top: 40%;
    --header-banner-content-left: 30%;
    --header-banner-content-width: 1000px;
    --header-banner-content-logo: 160px;
    --header-banner-content-intro-font-size: 35px;
    --header-banner-content-intro-margin-top: 17px;
    --header-banner-content-intro-line-height: 42px;
    --header-banner-content-subtext-font-size: 15px;
    --header-banner-content-subtext-line-height: 19px;
    --header-banner-content-subtext-margin-top: 30px;
    --header-slider-bullet-bottom: 42px;
    --common-section-padding: 120px 0;
    --common-section-h1-font-size: 25px;
    --partner-dapp-title-font-size: 17px;
    --partner-dapp-title-line-height: 28px;
    --partner-dapp-title-bottom: 3px;
    --partner-dapp-title-top: 520px;
    --partner-dapp-p-margin-top: 30px;
    --partner-dapp-p-font-size: 15px;
    --partner-dapp-li-margin: 20px;
    --partner-dapp-li-width: 650px;
    --partner-dapp-image-ringpass: url(/static/images/dapp/partner_dapp_image_ringpass--tablet.png)
      no-repeat center center;
    --partner-dapp-image-qting: url(/static/images/dapp/partner_dapp_image_qting--tablet.png)
      no-repeat center center;
    --partner-dapp-image-qzme: url(/static/images/dapp/partner_dapp_image_qzme--tablet.png)
      no-repeat center center;
    --partner-dapp-image-chere-wallet: url(/static/images/dapp/partner_dapp_image_chere-wallet--tablet.png)
      no-repeat center center;
    --partner-dapp-image-crypto-card: url(/static/images/dapp/partner_dapp_image_crypto_card--tablet.png)
      no-repeat center center;
    --partner-dapp-image-width: 600px;
    --partner-dapp-image-height: 360px;
    --partner-dapp-image-radius: 0px;
    --partner-dapp-slider-margin-top: 42px;
    --partner-dapp-slider-height: 420px;
    --partner-dapp-slider-arrow-width: 23px;
    --partner-dapp-slider-arrow-height: 47px;
    --partner-dapp-slider-arrow-location-correction: 8px;
    --partner-dapp-slider-arrow-top-position: 33%;
    --contact-p-margin-top: 48px;
    --contact-p-font-size: 20px;
    --contact-p-line-height: 20px;
    --contact-map-height: 530px;
    --contact-info-map-margin: 48px;
    --contact-info-wrap-map-margin: 16px;
    --ci-image-margin: 35px;
    --ci-image-height: 314px;
    --ci-download-width: 234px;
    --ci-download-line-height: 69px;
    --ci-download-margin: 0 30px;
    --ci-download-font-size: 16px;
    --token-image-margin: 21px;
    --token-content-margin: 48px;
    --token-row-display: flex;
    --roadmap-content-margin: 48px;
    --roadmap-year-font-size: 72px;
    --roadmap-year-row-padding-vertical: 24px;
    --roadmap-year-row-padding-horizontal: 104px;
    --roadmap-year-row-display: flex;
    --roadmap-q-font-size: 24px;
    --partners-title-margin: 48px;
    --partners-content-margin: 0px;
    --partners-row-display: flex;
    --partners-col-image-height: 56px;
    --footer-height: 188px;
    --footer-company-font-size: 17px;
    --footer-select-font-size: 14px;
    --footer-select-width: 115px;
    --footer-select-height: 30px;
    --footer-select-padding: 0 7px;
    --footer-info-font-size: 14px;
    --mobile-padding-horizontal: 0 0px;
  }
  header .size {
    max-width: var(--max-width);
  }
  header nav.mobile-nav {
    display: none;
  }
  header .pc-nav {
    display: flex;
  }
  #partner-dapp p {
    max-width: var(--max-width);
    width: unset;
    line-height: unset;
  }
  #contact .contact-info .address {
    width: unset;
  }
}

@media only screen and (width > 1024px) {
  :root {
    --max-width: 1200px;
    --header-height: 60px;
    --header-logo-width: 53px;
    --header-banner-height: 715px;
    --header-banner-image: url(/static/images/main_banner--desktop.png)
      no-repeat center center;
    --header-banner-image-background-size: cover;
    --header-banner-image-fade: 0px;
    --header-banner-content-logo-img-height: 47px;
    --header-banner-content-top: 24%;
    --header-banner-content-left: 21%;
    --header-banner-content-width: 1000px;
    --header-banner-content-logo: 160px;
    --header-banner-content-text-align: left;
    --header-banner-content-intro-font-size: 52px;
    --header-banner-content-intro-margin-top: 26px;
    --header-banner-content-intro-line-height: 59px;
    --header-banner-content-subtext-font-size: 20px;
    --header-banner-content-subtext-line-height: 26px;
    --header-banner-content-subtext-margin-top: 35px;
    --header-slider-bullet-bottom: 28px;
    --common-section-padding: 120px 0;
    --common-section-h1-font-size: 32px;
    --partner-dapp-title-font-size: 19px;
    --partner-dapp-title-line-height: 28px;
    --partner-dapp-title-bottom: 20px;
    --partner-dapp-title-top: 520px;
    --partner-dapp-p-margin-top: 46px;
    --partner-dapp-p-font-size: 17px;
    --partner-dapp-li-margin: 40px;
    --partner-dapp-li-width: 820px;
    --partner-dapp-image-ringpass: url(/static/images/dapp/partner_dapp_image_ringpass--desktop.png)
      no-repeat center center;
    --partner-dapp-image-qting: url(/static/images/dapp/partner_dapp_image_qting--desktop.png)
      no-repeat center center;
    --partner-dapp-image-qzme: url(/static/images/dapp/partner_dapp_image_qzme--desktop.png)
      no-repeat center center;
    --partner-dapp-image-chere-wallet: url(/static/images/dapp/partner_dapp_image_chere-wallet--desktop.png)
      no-repeat center center;
    --partner-dapp-image-crypto-card: url(/static/images/dapp/partner_dapp_image_crypto_card--desktop.png)
      no-repeat center center;
    --partner-dapp-image-width: 798px;
    --partner-dapp-image-height: 499px;
    --partner-dapp-image-radius: 0px;
    --partner-dapp-slider-margin-top: 42px;
    --partner-dapp-slider-height: 705px;
    --partner-dapp-slider-arrow-width: 18px;
    --partner-dapp-slider-arrow-height: 40px;
    --partner-dapp-slider-arrow-location-correction: 13px;
    --partner-dapp-slider-arrow-top-position: 33%;
    --contact-p-margin-top: 48px;
    --contact-p-font-size: 20px;
    --contact-p-line-height: 34px;
    --contact-map-height: 530px;
    --contact-info-map-margin: 48px;
    --contact-info-wrap-map-margin: 16px;
    --ci-image-margin: 48px;
    --ci-image-height: 418px;
    --ci-download-width: 234px;
    --ci-download-line-height: 69px;
    --ci-download-margin: 0 65px;
    --ci-download-font-size: 17px;
    --token-image-margin: 21px;
    --token-content-margin: 48px;
    --token-row-display: flex;
    --roadmap-content-margin: 48px;
    --roadmap-year-font-size: 72px;
    --roadmap-year-row-padding-vertical: 24px;
    --roadmap-year-row-padding-horizontal: 104px;
    --roadmap-year-row-display: flex;
    --roadmap-q-font-size: 24px;
    --partners-title-margin: 48px;
    --partners-content-margin: 0px;
    --partners-row-display: flex;
    --partners-col-image-height: 56px;
    --footer-height: 202px;
    --footer-company-font-size: 20px;
    --footer-select-font-size: 15px;
    --footer-select-width: 160px;
    --footer-select-height: 45px;
    --footer-select-padding: 0 13px;
    --footer-info-font-size: 17px;
    --mobile-padding-horizontal: 0 0px;
  }
  header .size {
    max-width: var(--max-width);
  }
  header nav.mobile-nav {
    display: none;
  }
  header .pc-nav {
    display: flex;
  }
  #partner-dapp p {
    max-width: var(--max-width);
    width: unset;
    line-height: unset;
  }
  #contact .contact-info .address {
    width: unset;
  }
}