@media screen and (min-width: 200px) and (max-width: 1279.98px) {
  body {
    -webkit-text-size-adjust: none;
    font-size: 18px;
  }
}

@media screen and (max-width: 1365.98px) {

  body,
  .top-right-menu ul li .btn-primary {
    font-size: 16px;
  }

  .navbar-brand img,
  .footer-logo img {
    width: 50px;
  }

  .top-right-menu ul li {
    margin-left: 15px;
  }

  h1.cmn-hd {
    font-size: 55px;
    line-height: 60px;
  }

  h2.cmn-hd {
    font-size: 50px;
    line-height: 55px;
  }

  .hero-banner-r img,
  .howrewarding-r img,
  .trackperformance-r img,
  .getstart-mob-r img,
  .createportfolio-r img,
  .choosing-l img,
  .track-img-area img,
  .tradesmarter-r img {
    max-width: 100%;
  }

  .howrewarding-l {
    font-size: 35px;
    line-height: 40px;
  }

  .howitwork-r {
    font-size: 35px;
    line-height: 45px;
  }

  .avgapprating-cnt {
    width: 700px;
    max-width: 700px;
  }

  .avgapprating-section {
    min-height: 746px;
  }
}

@media screen and (max-width: 1199.98px) {

  body,
  .top-right-menu ul li .btn-primary {
    font-size: 15px;
  }

  h1.cmn-hd {
    font-size: 50px;
    line-height: 55px;
  }

  h2.cmn-hd {
    font-size: 45px;
    line-height: 50px;
  }

  .top-right-menu ul li .btn-primary {
    padding: 8px 10px;
  }

  .nav-link {
    margin: 0;
    font-size: 15px;
  }

  .form-textarea {
    height: 100px;
  }

  .banner-btn a {
    padding: 12px 12px;
  }

  .sector-cnt-hd {
    font-size: 25px;
  }

  .howrewarding-l {
    font-size: 30px;
    line-height: 35px;
  }

  .getstart-hd-l br {
    display: none;
  }

  .getstart-mob-l,
  .getstart-mob-r {
    width: 48%;
  }

  .howitwork-r {
    font-size: 30px;
    line-height: 40px;
  }

  .choosing-hd-area {
    font-size: 25px;
    line-height: 25px;
  }

  .createportfolio-data {
    padding-right: 0;
  }

  .newsmore-img img {
    width: 190px;
  }

  .newsmore-cnt-area {
    padding: 40px;
    width: 280px;
  }

  .avgapprating-section {
    min-height: 646px;
  }

  .getstart-hd-l {
    font-size: 30px;
  }

  .getstarted-l,
  .getstarted-r {
    padding: 45px 30px;
  }

  .track-desc-area h3 {
    font-size: 30px;
    line-height: 38px;
  }

  .getstart-desc .btn-primary {
    font-size: 17px;
  }

  .hero-cont-box .hero-cont-title {
    margin-bottom: 26px;
    font-size: 45px;
  }

  .hero-cont-box .hero-cont-description {
    font-size: 18px;
  }
}

@media screen and (max-width: 1023.98px) {
  .cmn-section {
    padding: 50px 0;
  }

  h1.cmn-hd {
    font-size: 40px;
    line-height: 45px;
  }

  h2.cmn-hd {
    font-size: 35px;
    line-height: 40px;
  }

  h1.cmn-hd br,
  h2.cmn-hd br {
    display: none;
  }

  .heading-desc {
    font-size: 18px;
  }

  .navbar-toggler {
    border: 1px solid #005f53;
    background: #005f53;
    border-radius: 6px;
    padding: 5px 10px;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .navbar-toggler img {
    width: 100%;
  }

  .sidebysideform {
    width: 100%;
  }

  .sidebysideform:first-child {
    margin-bottom: 16px;
  }

  .support-r .justify-content-between {
    flex-direction: column;
  }

  #footer {
    padding: 15px 0;
  }

  .banner-btn a {
    margin-bottom: 10px;
    min-width: 250px;
  }

  .banner-subline {
    font-size: 18px;
  }

  .sector-cnt {
    margin-top: 30px;
  }

  .sector-cnt-hd {
    display: flex;
    align-items: flex-start;
    font-size: 25px;
    min-height: 100px;
  }

  .sector-cnt-hd img {
    margin-right: 15px;
    margin-top: 15px;
  }

  .howrewarding-l {
    font-size: 25px;
    line-height: 30px;
    padding-left: 30px;
  }

  .getstart-hd-l {
    font-size: 30px;
    line-height: 35px;
  }

  .getstarted-l,
  .getstarted-r {
    text-align: center;
  }

  .howitwork-r {
    font-size: 25px;
    line-height: 35px;
  }

  .appstore-img img {
    margin-bottom: 10px;
  }

  .choosing-hd-area {
    font-size: 20px;
    line-height: 20px;
  }

  .choosing-r ul li {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .howitwork-list ul li {
    padding: 10px;
    font-size: 14px;
  }

  ul.performance-list-area li {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }

  .createportfolio-data ul li {
    padding: 20px;
  }

  .avgapprating-section {
    min-height: 546px;
  }

  .avgapprating-cnt {
    width: 500px;
    max-width: 500px;
  }

  .newsmore-img {
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
  }

  .newsmore-img img {
    width: 100%;
  }

  .newsmore-cnt-area {
    width: 100%;
  }

  .newsmore-cnt.mt-3 {
    margin-top: 0 !important;
  }

  .getstarted-section .getstarted-r {
    flex-direction: column;
  }

  .getstart-mob-l,
  .getstart-mob-r {
    width: 100%;
    text-align: center;
  }

  .app-store-btn {
    margin-top: 20px;
  }

  ul.performance-list-area li span {
    font-size: 25px;
    margin-bottom: 15px;
  }

  .track-desc-area h3 {
    font-size: 20px;
    line-height: 28px;
  }

  .solution-area {
    font-size: 30px;
    line-height: 45px;
  }

  .feature-slide-txt {
    line-height: 20px;
    min-height: 100px;
  }

  .features-slide {
    padding-top: 50px;
  }

  .youtube-list-area ul {
    flex-wrap: wrap;
  }

  .youtube-list-area ul li {
    width: 48%;
    margin: 10px 0;
  }

  .problemsolution-section {
    padding-top: 100px !important;
  }

  .getstart-desc span {
    justify-content: center;
  }

  .getstart-desc .btn-primary {
    font-size: 20px;
  }

  .app-store-btn {
    margin-bottom: 24px;
  }

  .hero-cont-box .hero-cont-title {
    font-size: 42px;
  }
}

@media screen and (max-width: 991.98px) {

  .human-machine-section img {
    margin: 0 auto;
  }

  .header-nav {
    border-top: 1px solid #cde6ed;
    margin-top: 8px;
    padding-top: 6px;
  }

  .problemsolution-section {
    padding-top: 100px !important;
  }

  .desktop-none {
    display: block !important;
  }

  .top-right-menu {
    display: none;
  }

  .top-feature-badge img {
    object-fit: contain;
  }

  .top-feature-badge {
    margin-bottom: 26px;
  }

  .top-feature-badge .feature-badge-title {
    font-size: 14px;
  }

  .hero-cont-box .hero-cont-title {
    font-size: 36px;
  }

  .hero-cont-box .hero-cont-description {
    font-size: 16px;
    margin: 0 auto 26px auto;
  }

  .porfolio-item li:nth-child(1) .portfolio-dash-box {
    padding: 8px;
  }

  .porfolio-item li:nth-child(2) .portfolio-dash-box {
    padding: 8px;
  }

  .porfolio-item li:nth-child(3) .portfolio-dash-box {
    padding: 8px;
  }

  .porfolio-item li:nth-child(4) .portfolio-dash-box {
    padding: 8px;
  }

  .porfolio-item li:nth-child(5) .portfolio-dash-box {
    padding: 8px;
  }

  .perform-matrics-box,
  .portfolio-overtime-box {
    padding: 15px;
  }

  .review-title {
    font-size: 14px;
    line-height: normal;
  }

  .review-value-cont {
    font-size: 14px;
    line-height: 1.8;
    padding: 0 8px;
  }

  .chart-box img {
    height: 286px;
  }

  .cust-sm-cardflex {
    display: flex;
    justify-content: center;
    margin-top: 4px;
  }
}

@media screen and (max-width: 767.98px) {
  .cmn-section {
      padding: 40px 0;
  }
  .lets-connect-title br {
    display: none;
  }

  .lets-connect-title {
    font-size: 32px !important;
    line-height: 40px;
  }

  h1.cmn-hd {
    font-size: 30px;
    line-height: 35px;
  }

  h2.cmn-hd {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .support-r {
    margin-top: 30px;
    padding: 20px;
  }

  .footer-cnt {
    flex-direction: column;
    row-gap: 20px;
  }

  .footer-logo,
  .footer-social {
    width: auto;
  }

  .banner-subline {
    font-size: 16px;
  }

  .herobanner-reverse {
    flex-direction: column-reverse;
  }

  .sebi-info,
  .banner-btn {
    text-align: center;
  }

  .sector-cnt-hd {
    min-height: inherit;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }

  .sector-graph-area {
    padding: 20px 20px 0;
  }

  .keyfeature-cnt {
    min-height: inherit;
    padding: 20px;
  }

  .keyfeature-cnt span {
    margin-bottom: 15px;
  }

  .accordion-body {
    font-size: 20px;
  }

  .getstart-mob-l,
  .getstart-mob-r {
    width: 100%;
  }

  .getstarted-r {
    flex-direction: column-reverse;
  }

  .getstart-mob-l {
    margin-top: 30px;
  }

  .getstart-hd-l {
    font-size: 25px;
    line-height: 30px;
  }

  .howitwork-r {
    font-size: 20px;
    line-height: 30px;
  }

  .hero-banner-l {
    padding-top: 20px;
  }

  .choosing-r {
    padding-top: 30px;
  }

  .howitwork-list ul {
    flex-direction: column;
  }

  .howitwork-list ul li {
    width: 100%;
    margin: 5px 0;
  }

  ul.performance-list-area li span {
    font-size: 20px;
  }

  .avgapprating-cnt {
    width: 100%;
    max-width: 100%;
  }

  .avgapp-hd-area h2 {
    font-size: 25px;
  }

  .avgapp-desc-area {
    padding: 25px;
  }

  .avgapprating-section {
    background-position: left center;
    min-height: 446px;
  }

  .getstarted-l,
  .getstarted-r {
    padding: 20px 20px 40px;
  }

  .banner-taglines span {
    margin-left: 0;
  }

  .enterprise-video {
    margin-top: 30px;
  }

  .solution-cnt,
  .problem-cnt {
    padding: 25px;
  }

  .solution-area {
    font-size: 25px;
    line-height: 35px;
  }

  .feature-slide-txt {
    min-height: 50px;
  }

  .review-r {
    padding-top: 20px;
  }

  .youtube-list-area ul li {
    width: 100%;
  }

  .stocknews-r {
    padding-top: 20px;
  }

  .getstart-img-l {
    text-align: center;
  }

  /* chnages */
  .viewall-btn {
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .portfolio-dash-box .cust-icon-box {
    align-items: center;
  }

  .cust-sm-cardflex {
    justify-content: end;
  }

  .chart-box img {
    height: auto;
  }

  .chart-review-box .cust-pr-0 {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-right: 15px;
    margin-bottom: 8px;
  }

  .chart-review-box .cust-pl-0 {
    display: flex;
    gap: 8px;
    align-items: center;
    padding-left: 15px;
    margin-bottom: 8px;
  }

  .chart-review-box {
    margin-bottom: 10px;
  }

  .chart-review-box {
    padding-bottom: 0px;
  }

  .cmn-section.support-section {
    padding: 22px 0 45px;
  }

  .support-section h2.cmn-hd {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 4px;
  }
  
  ul.performance-list-area li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 22px;
    background-position: 0 6px;
  }

  .support-section .contact-list p {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 575.98px) {
  .problemsolution-section {
    padding-top: 90px !important;
  }

  .howitwork-l {
    width: 46px;
  }

  .howrewarding-l {
    font-size: 22px;
  }

  .portfolio-dash-box {
    grid-template-columns: 1fr;
  }

  .portfolio-dash-box .cust-icon-box {
    width: 40px;
  }

  .portfolio-dash-box .cust-dash-amt {
    width: 240px;
  }

  .cust-hero-dashboard .row {
    gap: 16px;
  }
}

@media screen and (max-width: 475.98px) {
  .stock-investment-container .form-group.stocks {
    min-width: 100%;
  }

  .stock-investment-container .selected-stocks {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 390px) {
  .stocknews-r ul li {
    flex-direction: column;
  }

  .stocknews-r-img img {
    height: auto;
  }

  .stocknews-r-img {
    width: 100%;
    margin-right: 0;
  }

  .stocknews-r-desc {
    width: 100%;
    margin-top: 10px;
  }
}

@media screen and (max-width: 344.98px) {
  .problemsolution-section {
    padding-top: 70px !important;
  }
}