@media (min-width: 1200px) {
     .container-fluid {
          padding: 0px 32px;
          margin: 0 auto;
          max-width: 1440px;
     }
}

@media (max-width: 1365px) {
     .container {
          padding: 0px 32px;
     }

     .feedback-sec .row {
          grid-gap: 48px;
     }
}

@media (max-width:1199px) {
     footer .row {
          grid-gap: 48px;
     }

     .client-box .top-heading h4 {
          font-size: 16px;
     }

     .consumer-box {
          padding: 48px 50px;
     }

     .container-fluid {
          padding: 0px 32px;
     }
}

@media (max-width:991px) {

     .container-fluid,
     .container {
          padding: 0px 16px;
     }

     .nav-items {
          grid-gap: 40px;
     }

     .consumer-box {
          padding: 36px 24px;
     }

     .text-box h2 {
          font-size: 22px;
     }

     .btn-learn img {
          height: 60px;
     }

     .consumer-sec {
          margin-top: -30px;
     }

     .feedback-sec .row {
          grid-gap: 24px;
     }

     .client-box .top-heading h4 {
          min-height: 156px;
     }

     .data-box a {
          font-size: 20px;
     }

     .data-box {
          padding: 0px 20px;
     }

     .competitive-sec .text-box p {
          margin: 20px 0px 24px;
     }

     .consumer-box ul {
          margin-top: 10px;
          margin-bottom: 30px;
     }

     .nav-items .nav-link {
          font-size: 16px;
     }

     .table-responsive {
          overflow-x: scroll;
     }

     .table-responsive .table {
          width: 991px;
     }

     .marquee__group img {
          width: 100px;
     }

     .marquee-parent {
          --space: 40px;
     }

     .socail-list {
          grid-gap: 18px;
     }

     .socail-list li a {
          width: 36px;
          height: 36px;
     }

     .bottom-footer ul {
          grid-gap: 10px;
     }

     footer .row {
          grid-gap: 0;
     }
}

@media (max-width:767px) {
     .nav-items {
          display: none;
          position: absolute;
          top: 66px;
          background: var(--Tertiary-Aubergine, #6563E6);
          left: 0;
          width: 100%;
          padding: 28px 20px;
          text-align: center;
     }

     .nav-items .nav-link {
          padding: 10px 0px;
          display: block;
     }

     .nav-items.menu-open {
          display: block;
     }

     .hero-sec .text-box h1 {
          font-size: 28px;
     }

     .hamburger-btn {
          display: block;
          width: 26px;
          border: none;
          padding: 0;
          background-color: transparent;
     }

     .row {
          flex-wrap: wrap;
     }

     .competitive-sec {
          padding: 40px 0px;
     }

     .calendar-box h2 {
          font-size: 26px;
     }

     .contact-box h2 {
          font-size: 26px;
     }

     .contact-box h6 {
          font-size: 18px;
     }

     .contact-box {
          padding: 0px 40px;
     }

     .contact-box .form-group .btn-primary {
          font-size: 18px;
          padding: 12px 24px;
     }

     .contact-box .form-group .form-control {
          font-size: 20px;
     }

     .data-box {
          padding: 48px 20px;
     }

     .socail-list {
          margin-left: 24px;
          margin-top: 40px;
     }

     .solution-sec .text-box p {
          margin: 20px 0px;
     }

     .footer-right {
          margin-top: 48px;
          margin-left: 24px;
     }

     .col-7,
     .col-5,
     .col-6 {
          width: 100%;
     }
}

@media (max-width:575px) {
     .hero-sec .text-box h1 {
          font-size: 24px;
     }

     .navbar-logo {
          width: 160px;
     }

     .hero-sec {
          padding: 180px 0px 0px;
     }

     .btn-learn {
          margin-top: 72px;
     }

     .client-box .top-heading {
          flex-wrap: wrap;
     }

     .client-box .top-heading h4 {
          min-height: 112px;
     }

     .schedule-sec {
          padding: 48px 0px;
     }

     .calendar-box ul {
          grid-gap: 16px;
          flex-wrap: wrap;
     }

     .contact-sec .container {
          padding: 48px 0px;
     }

     .contact-box {
          padding: 0px 16px;
     }

     .contact-box .form-group .btn-primary {
          font-size: 16px;
          padding: 5px 16px;
     }

     footer {
          padding: 60px 0px;
     }

     .footer-logo img {
          width: 200px;
          margin-left: -16px;
     }

     .socail-list {
          margin-left: 0px;
          margin-top: 24px;
     }

     .bottom-footer {
          display: block;
     }

     .footer-right {
          margin-top: 24px;
          margin-left: 0px;
     }

     .contact-box .form-group .form-control {
          font-size: 18px;
          height: 48px;
     }

     .client-sec {
          padding: 0px 0 36px;
     }

     .data-sec {
          padding: 48px 0px;
     }
}