@media screen and (min-width: 1480px) {
  .navbar-nav {
    gap: 15px;
  }
}
@media screen and (max-width: 1199px) {
  .hero-section {
    padding-top: 265px;
  }
  .navbar.navbar-expand-xl {
    background: #25174c;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
  }
  .common-heading-section h1 {
    font-size: 50px;
    line-height: 65px;
  }
  .common-heading-section h3 {
    font-size: 35px;
    line-height: 42px;
  }
  .header-right {
    margin-top: 40px;
    padding-bottom: 40px;
  }
  .navbar-nav {
    margin-top: 30px;
  }
  .nav-item > a {
    padding: 12px 16px;
    border-bottom: 1px solid transparent;
  }
  .hero-section {
    overflow-x: hidden;
  }
  .footer-description::after {
    display: none;
  }
  .services-section:after {
    background-size: cover;
  }
  .pagination-section {
    padding-top: 250px;
  }
}
@media screen and (max-width: 991px) {
  .services-section {
    padding-top: 90px;
  }
  .pricing-section,
  .project-section {
    padding-top: 90px;
  }
  .section-shape-rounded:after {
    top: -3%;
  }
  .section-shape:after {
    top: -3%;
  }
  .footer-bottom {
    padding-top: 30px;
  }
  .footer-description {
    padding-bottom: 60px;
  }
  .footer-area {
    flex-wrap: wrap;
  }
  .footer-description {
    width: 100%;
    text-align: center;
  }
  .nav-item > a {
    padding: 10px;
  }
  .navbar-collapse {
    margin-top: 25px;
  }
  .header-area {
    margin-bottom: 0px;
  }
  .hero-section {
    padding-top: 190px;
  }
  .header-right {
    margin-top: 25px;
  }
  .common-heading h1 {
    font-size: 40px;
  }
  .common-heading h2 {
    font-size: 34px;
  }
  .common-heading p {
    font-size: 16px;
  }
  .badge-label {
    padding: 10px 20px;
    font-size: 15px;
  }
  .primary-btn {
    padding: 10px 26px;
    font-size: 16px;
  }
  .navbar-brand img {
    max-width: 205px;
    height: 45px;
  }
  .pagination-section {
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 80px;
  }
  .about-section {
    padding: 90px 0;
  }
  .testimonial-section {
    padding-top: 90px;
  }
  .team-section:after {
    background-size: cover;
    opacity: 0.4;
  }
  .team-section {
    padding-bottom: 90px;
  }
  .cta-area {
    background-size: cover;
  }
  .choose-accordion .accordion-button {
    font-size: 20px;
    padding: 8px 18px;
  }
  .btn-3 {
    padding: 5px 10px;
  }
  .counter-item {
    border: none;
    padding-right: 0;
  }
  .cta-section {
    background-size: cover !important;
  }
  .shape-top-bg:before {
    background-size: cover;
    opacity: 0.5;
  }
  /* process css */
  .process-center-box {
    height: 220px;
    width: 220px;
  }
  .process-item-bg img {
    width: 58%;
  }
  .process-center-box h4 {
    line-height: 30px;
    font-size: 28px;
  }
  .process-item-card h4 {
    font-size: 32px;
    text-align: center !important;
  }
  .process-item-card h5 {
    margin-bottom: 6px;
    font-size: 18px;
  }
  .process-item-card p {
    font-size: 14px;
    line-height: 20px;
  }
  .process-item-card-6 {
    left: -94px;
  }
  .process-item-card-3 {
    right: -70px;
  }
  .process-item-card-4 {
    right: 32px;
    bottom: -36px;
  }
  .process-item-card-5 {
    left: 70px;
    bottom: -65px;
  }
  .footer-description p {
    margin: auto;
    margin-top: 40px;
  }
  .footer-area {
    justify-content: space-around;
  }
}
@media screen and (max-width: 767px) {
  .service-filter-btn .primary-btn {
    padding: 6px 12px !important;
  }
  .footer-pagination ul li a {
    font-size: 16px;
  }
  .time-counter {
    gap: 2px !important;
  }
  .dotted-shape-left,
  .dotted-shape-right {
    width: 100%;
  }
  .process-item-card {
    position: static;
    max-width: 100%;
  }
  .process-item-bg img {
    width: 85%;
  }
  .process-center-box {
    height: 200px;
    width: 200px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;

    transform: translateY(auto);
  }
  .working-process-container {
    margin-top: 0px;
  }
  .process-item-card {
    margin-top: 30px;
    transform: translateY(0) !important;
  }
  .process-item-card h4 {
    font-size: 45px;
  }
  .process-item-card p {
    font-size: 16px;
    line-height: 26px;
  }
  .process-item-card h5 {
    margin-bottom: 12px;
    font-size: 28px;
  }

  .counter-item p {
    font-size: 16px;
    line-height: 25px;
  }
  .counter-area {
    flex-wrap: wrap;
    padding: 20px !important;
    row-gap: 20px;
  }
  .counter-item {
    width: 50%;
  }
  .simplebar-height {
    display: none !important;
  }
  .common-heading h1 {
    font-size: 32px;
    line-height: 40px;
  }
  .contact-info ul li a {
    font-size: 15px;
  }
  .common-heading h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .modal-textarea-wrapper textarea {
    height: 140px;
  }
  .navbar-brand img {
    max-width: 170px;
    height: auto;
  }
  .pagination-section {
    padding-top: 121px;
  }
  .badge-label-sm {
    font-size: 14px;
  }
}
@media screen and (max-width: 580px) {
  .common-heading p {
    font-size: 15px;
  }
  .career-btn {
    margin-top: 20px;
  }
  .footer-pagination {
    width: 100%;
  }
  .pagination-list {
    gap: 5px !important;
  }
  .pagination-list li span {
    min-width: 55px;
    height: 55px;
    font-size: 14px;
  }
  .blog-thumbnails-sm img,
  .blog-thumbnails-sm {
    max-width: 100%;
  }
  .blog-card {
    flex-wrap: wrap;
  }
  .mt-120 {
    margin-top: 80px;
  }
  .navbar {
    padding-left: 0px;
    padding-right: 0px;
  }
  .footer-pagination {
    margin-bottom: 20px;
  }
  .footer-pagination h4 {
    margin-bottom: 0;
  }
  body {
    overflow-x: hidden;
  }
  .blog-thumbnails-sm img {
    width: 100%;
  }
  .career-modal-mobile ul {
    padding-bottom: 15px;
  }
  .career-modal-list li {
    font-size: 14px;
  }
  .career-modal-list li {
    padding: 5px 0;
  }
  .career-modal-date {
    justify-content: flex-start;
  }
}