@media screen and (max-width: 768px) {
  body {
    background-color: #ffdc2e;
  }
  .section-padding {
    padding: 30px 0;
  }
  .section-title {
    font-size: 22px;
    margin-bottom: 16px;
    color: #000;
  }
  .common-btn {
    padding: 10px 0;
    font-size: 18px;
    border-radius: 8px;
    background-color: #000;
    color: #fff;
  }
  .common-box {
    background-color: #fff;
    border-radius: 8px;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    padding: 0 10px;
    min-height: auto;
  }
  .min-height {
    min-height: calc(100vh - 120px);
  }
  .common-subtitle {
    font-size: 20px;
    color: #ffffff;
  }
  .linkedin-box {
    background-color: #ffdc2e;
    width: 100%;
    padding: 0px;
  }
  header .logo img {
    height: 24px;
  }
  /* ================= HOME SECTION ================= */
  .home-section .section-title {
    margin-bottom: 20px;
    color: #000;
  }
  .home-section .linkedin-box {
    background-color: #ffdc2e;
    padding: 0;
  }
  .home-section .linkedin-box .common-box img {
    height: 52px;
  }
  .linkedin-section .linkedin-box {
    overflow: hidden;
  }
  .linkedin-section .linkedin-box .green-div {
    background-color: #fff;
  }
  .linkedin-section .linkedin-box .green-div h3 {
    font-size: 16px;
  }
  .linkedin-section .linkedin-box .green-div:hover {
    transform: scale(1.1);
    background-color: #de6300;
  }
  .loading-section .loading-box .loader {
    border: 24px solid #f9bb00;
  }
  .loading-section .loading-box .loader::before {
    border: 24px solid #de6300;
    inset: -24px;
  }
  .loading-section .loading-box .message {
    color: #000;
    font-weight: 600;
  }
  /* ================= POST SECTION ================= */
  .post-section .linkedin-box {
    padding: 0px;
  }
  .post-section .linkedin-box .back-btn {
    color: #000;
  }
  .post-section .linkedin-box input,
  .post-section .linkedin-box select,
  .post-section .linkedin-box textarea {
    background-color: #fff;
    border-radius: 8px;
    padding: 8px;
    border: 1px solid #d0d5dd;
  }
  .post-section .linkedin-box .range-label p {
    color: #000;
    font-weight: 700;
  }
  .post-section .linkedin-box .range-input input {
    background-color: #de6300;
    border: 0px;
    height: 12px;
  }
  .post-section .linkedin-box .range-input input::-webkit-slider-thumb {
    width: 14px;
    height: 44px;
    background: #de6300;
    border: 4px solid #fbdb00;
  }
  .post-section .create-post-btn .common-btn {
    width: 100%;
  }
  /* ================= CIRCLE SECTION ================= */
  .circle-section .circle-box {
    text-align: center;
  }
  .circle-section .circle-box .message {
    color: #000;
  }
  /* ================= SCREENSHOT SECTION ================= */
  .screenshot-section {
    overflow: hidden;
  }
  .screenshot-section .linkedin-box {
    padding: 0;
  }
  .screenshot-section .linkedin-box .common-subtitle {
    color: #000;
  }
  .screenshot-section .linkedin-box .screenshot-details {
    margin: 0px -11px;
  }
  .screenshot-section .button-box .common-btn {
    width: 100%;
  }
  .screenshot-section .button-box .common-btn.orange-btn {
    background-color: #000;
    color: #fff;
  }
  .screenshot-section .button-box .common-btn.white-btn {
    background-color: #f2f4f7;
    color: #8e8e93;
  }
  footer {
    padding: 10px;
  }
  footer .footer-content p {
    font-size: 14px;
  }
}/*# sourceMappingURL=mobile.css.map */