@media (width <= 1200px) {
  .nav-logo {
    width: 220px;
    min-width: 220px;
  }
  .btn-purple {
    font-size: 18px;
  }
  .footer-copy {
    line-height: 200%;
  }
  .resellerSectionDataRow,
  .g-60,
  .g-70,
  .solutions-grid .row,
  .g-200,
  .g-45 {
    --bs-gutter-x: 1.5rem;
  }

  .hero,
  .solutions,
  .why-us {
    margin-left: 0;
    margin-bottom: 40px;
  }

  .nav-links {
    gap: 45px;
  }
  .footer-links {
    gap: 30px;
  }

  h1 {
    font-size: 40px;
    line-height: 60px;
  }
  .creactiveText h3 {
    font-size: 25px;
  }
  h3 {
    font-size: 22px;
    line-height: 38px;
  }
  h4,
  .why-us h4 {
    font-size: 20px;
    line-height: 29px;
  }
  h6 {
    font-size: 16px;
    line-height: 24px;
  }

  .solution-link {
    font-size: 16px;
  }
}

@media (width <= 992px) {
  .gap54 {
    gap: 20px;
  }

  .need-help,
  .m-l-10 {
    margin-left: 0;
  }
  .g-90 {
    --bs-gutter-x: 1.5rem;
  }
  .fs-55 {
    font-size: 30px;
    line-height: 55px;
  }
  .hero-btn {
    /* flex-direction: row; */
    gap: 20px;
  }
  .rowGap {
    row-gap: 20px;
  }
  .hero-btn a {
    padding: 10px;
  }
  .nav-logo {
    width: 150px;
    min-width: 150px;
    position: absolute;
  }
  .main-footer ul {
    flex-direction: column;
    gap: 12px;
    border: unset;
  }
  .solutions-grid .accordion-item {
    margin-bottom: 30px;
  }
  .solutions-grid {
    padding: 30px 0;
  }

  .w-90 {
    width: 79%;
  }
  h1 {
    line-height: 50px;
    font-size: 30px;
  }
  h2,
  .fs-36 {
    font-size: 25px;
    line-height: 35px;
  }
  .creactiveText h3 {
    font-size: 20px;
    line-height: 30px;
  }
  h3 {
    font-size: 18px;
    line-height: 28px;
  }
  h5 {
    font-size: 15px;
  }
  .discipline-title {
    font-size: 20px;
    line-height: 30px;
  }
  h6,
  span,
  .contactSeller a,
  .why-list li,
  .solutions-grid .accordion-body ul li,
  .creative-who li,
  .help-desc {
    font-size: 14px;
  }
  .fs-60 {
    font-size: 30px;
    text-transform: capitalize;
  }
  .fs-20,
  .discipline-category {
    font-size: 18px;
    line-height: 28px;
  }
  p,
  h4,
  .why-us h4 .business-desc,
  .hero-desc,
  .how-to-get li {
    font-size: 16px;
    line-height: 140%;
  }

  .headerTitle p {
    font-size: 40px;
    line-height: 20px;
  }

  .resellerSectionDataRow {
    --bs-gutter-x: 1.5rem;
  }
  .businessTools {
    padding-bottom: 0;
  }
  .tools-discipline {
    margin-bottom: 20px;
  }
  .rowgap15 {
    row-gap: 15px;
  }
  .tools-subtitle {
    font-size: 30px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 40px;
  }
  .education-hero {
    padding: 20px;
  }
  .fs-28 {
    font-size: 20px;
    line-height: 28px;
  }
}

@media (width <= 768px) {
  .hero-label {
    font-size: 20px;
    line-height: 30px;
  }
  h2,
  .fs-36 {
    font-size: 18px;
    line-height: 28px;
  }
  .hero-btn {
    flex-direction: row;
  }
  .solution-link,
  .reseller-link {
    font-size: 13px;
  }
  .background {
    top: -20%;
    left: -30%;
    width: 100%;
    background-size: contain;
  }
  .Fixedtitle h4 {
    font-weight: 500;
  }
  .fixedMargin {
    margin-bottom: 20px;
  }

  .selectDropDown {
    width: 100%;
  }

  .resleiceCard {
    max-width: 100%;
    padding: 12px;
  }

  .headerTitle p {
    font-size: 25px;
  }
  .numberOfSearch {
    padding-top: 25px;
  }

  .contactSeller img,
  .reseller-link img,
  .accordion-toggle-icon {
    max-width: 20px;
  }
  .fs-34 {
    font-size: 25px;
  }

  /* .hero,
  .solutions,
  .why-us {
    margin-left: 20px;
  } */

  .nav-links {
    gap: 20px;
    flex-wrap: nowrap;
    background: #000;
    /* padding: 10px; */
    align-items: end;
    z-index: 10000;
  }

  .nav-links li a {
    font-size: 14px;
    /* white-space: nowrap; */
  }

  .main-footer {
    overflow-x: auto;
  }

  .main-footer .d-flex {
    white-space: nowrap;
    min-width: max-content;
  }

  .footer-links {
    gap: 20px;
  }

  .creative-hero {
    padding-bottom: 0px;
  }

  .businessHero {
    padding-bottom: 20px;
  }

  .header-text {
    text-align: start;
    font-size: 35px;
    line-height: 120%;
    letter-spacing: 1px;
  }
  .fs-55 {
    font-size: 30px;
    line-height: 45px;
  }
  .fs-60,
  .tools-main-title {
    font-size: 40px;
  }

  .tools-subtitle {
    font-size: 26px;
    line-height: 36px;
  }
  .reseller-link {
    font-size: 14px;
  }

  .discipline-line {
    width: 90%;
  }

  .tools-table {
    margin-left: 0;
  }
  .tools-table .tool-desc {
    width: 60%;
  }

  /* .g-90,
  .g-70,
  .g-60,
  .g-45,
  .g-200 {
    --bs-gutter-x: 0px !important;
  } */

  /* .solutions-grid .row {
    --bs-gutter-x: 1.5re !important;
    margin: 0 !important;
  } */

  /* .solutions-grid .row > *:nth-child(3n + 1),
  .solutions-grid .row > *:nth-child(3n + 3) {
    padding-left: 0;
    padding-right: 0;
  } */
}

@media (width <= 576px) {
  .adobe-logo {
    max-width: 150px;
  }
  .btn-purple {
    /* width: 170px;
    height: 42px; */
    font-size: 14px;
  }

  .nav-logo {
    width: 150px;
    min-width: 150px;
    position: absolute;
  }
  .w-90 {
    width: 100%;
  }
  .tools-table td {
    vertical-align: middle;
  }
  table h5 {
    font-size: 12px;
  }
  table h6 {
    font-size: 10px;
    line-height: 20px;
  }
  /* .hero,
  .solutions,
  .why-us {
    margin-left: 50px;
  } */

  .footer-links {
    gap: 12px;
  }
  .footer-link {
    font-size: 12px;
  }
  .footer-copy {
    font-size: 11px;
    line-height: 200%;
  }

  h1 {
    font-size: 30px;
    line-height: 50px;
  }

  .creactiveText h3 {
    font-size: 25px;
  }
  h3 {
    font-size: 18px;
    line-height: 32px;
  }
  h4,
  .why-us h4 {
    font-size: 16px;
  }
  h6 {
    font-size: 14px;
    line-height: 22px;
  }

  .solution-link {
    font-size: 14px;
  }

  .header-text {
    font-size: 16px;
    line-height: 100%;
  }
  .fs-20,
  .discipline-category {
    font-size: 15px;
    line-height: 18px;
  }
  .fs-55 {
    font-size: 40px;
    line-height: 55px;
  }
  .fs-60 {
    font-size: 35px;
  }
  /* .solutions-grid .accordion-body ul {
    padding-left: 2rem;
  } */

  .business-desc {
    font-size: 16px;
    line-height: 27px;
  }

  .hero-desc,
  .solution-title,
  .accordion-section-heading {
    font-size: 15px;
    line-height: 27px;
    padding-top: 8px;
  }

  .solution-title,
  .headerTitle p,
  .header-text {
    font-weight: 700;
    text-transform: capitalize;
  }

  .tools-subtitle {
    font-size: 20px;
    line-height: 30px;
  }

  .discipline-line {
    width: 90%;
  }

  .tools-table {
    margin-left: 0;
  }

  .bg-gradient-wrapper {
    background-position: unset;
  }

  .contactSeller img,
  .reseller-link img,
  .accordion-toggle-icon {
    max-width: 13px;
  }
  .how-to-get li {
    font-size: 14px;
  }
}