@media (max-width: 1200px) {
  #development .navigation ul li a {
    margin: 0 10px;
  }
  #development .main-logo a {
    display: flex;
    align-items: center;
    max-width: 200px;
  }
  #development
    .application-box-container
    .application-box.style-two
    .application-box-icon {
    width: 18%;
  }
}
@media (max-width: 993px) {
  #development .navigation {
    display: none;
  }
  #development .mobile-menu-container {
    display: block;
  }
  #development .mobile-icon {
    display: flex;
    justify-content: end;
  }
  #development .mobile-menu-link ul {
    list-style: none;
    padding-left: 0;
  }
  #development .mobile-menu-link ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #010821;
    font-size: 14px;
    padding: 10px 0;
  }
  #development .mobile-menu-container .offcanvas-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  #development .mobile-menu-link ul li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  #development .application-box-icon {
    width: 50px !important;
  }
}
@media (max-width: 820px) {
  #development .curved-section {
    height: 800px;
  }
  #development .curved-section::before {
    top: -67%;
  }
  #development .header-content-shape.header-content-shape-two {
    right: 250px;
  }
  #development .header-content-shape.header-content-shape-three {
    left: 200px;
  }
  #development .section-title {
    max-width: 75%;
  }
  #development .feature-box-container {
    padding: 0;
    margin-top: 20px;
  }
  #development .feature-box-container .feature-box {
    width: 50%;
    margin-bottom: 35px;
  }
  #development .application-box-container {
    padding: 0;
  }
  #development .application-box-container .application-box {
    width: 50%;
    margin-bottom: 20px;
  }
  #development .application-shape-one {
    left: -52px;
  }
  #development .application-section .section-title {
    margin-bottom: 60px;
  }
  #development .agency-section {
    padding-top: 230px;
    padding-bottom: 80px;
  }
  #development .excellence-box-container {
    padding: 0;
  }
  #development .testimonial-section .testimonial-heading {
    max-width: 76%;
  }
}
@media (max-width: 768px) {
  #development .navigation {
    display: none;
  }
  #development .mobile-menu-container {
    display: block;
  }
  #development .mobile-menu-container .offcanvas {
    left: 50% !important;
    max-width: 90%;
    margin: 0 auto;
    transform: translateX(-50%) !important;
    top: 75px !important;
    height: 250px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.13);
  }
  #development .mobile-icon {
    display: flex;
    justify-content: end;
  }
  #development .mobile-menu-link ul {
    list-style: none;
    padding-left: 0;
  }
  #development .offcanvas-header .btn-close:focus {
    outline: 0;
  }
  #development .mobile-menu-container .offcanvas-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  #development .mobile-menu-link ul li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  #development .mobile-menu-link ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #010821;
    font-size: 14px;
    padding: 10px 0;
  }
  #development .curved-section {
    width: 100%;
    height: 700px;
    position: relative;
    overflow: hidden;
  }
  #development .curved-section::before {
    content: "";
    position: absolute;
    top: -70%;
    left: -36%;
    background-color: #00249c;
    width: 175%;
    height: 150%;
    border-radius: 30%;
    z-index: -1;
  }
  #development .header-content-shape.header-content-shape-three {
    top: 367px;
    left: 301px;
  }
  #development .application-box.style-two.bottom-line-box::before,
  #development .header-content-shape.header-content-shape-two {
    display: none;
  }
  #development .header-img-container {
    top: 115%;
  }
  #development .header-content-shape.header-content-shape-one {
    position: absolute;
    top: 97px;
    left: 19px;
  }
  #development .header-img-shape-top {
    position: absolute;
    left: -6%;
    top: -20%;
    z-index: -9;
    display: none;
  }

  #development .toolset-shape-box .toolset-shape-one,
  #development .toolset-shape-box .toolset-shape-two {
    display: none;
  }

  #development .main-logo a {
    display: flex;
    align-items: center;
    max-width: 190px;
  }
  #development .nav-container {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 10px;
  }
  #development .header-content-heading {
    font-size: 26px;
    padding: 0;
  }
  #development .header-content-section {
    max-width: 100%;
    margin: 0 auto;
    height: auto;
  }
  #development .header-content-para,
  #development .section-title p.section-title-para {
    max-width: 100%;
  }
  #development .header-content-section .header-content {
    padding: 0 7%;
  }
  #development .header-content-section {
    background-image: url(../images/header/1.jpg);
    background-position: 907px 0;
    background-size: cover;
    padding: 80px 0 150px;
    z-index: 10;
    position: relative;
  }
  #development .header-content-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(
      to right,
      #01259d 40%,
      #01259da3 70% 100%
    );
    width: 100%;
    height: 100%;
    z-index: 100;
  }
  #development .section-title {
    max-width: 100%;
    margin: 0 auto;
  }
  #development .section-title h1 {
    font-size: 20px;
  }
  #development .feature-section {
    margin-top: 50px;
  }
  #development .feature-box-container .feature-box {
    width: 100%;
    margin-bottom: 10px;
  }
  #development .feature-box-container {
    padding: 0 2%;
    margin-top: 20px;
  }
  #development .feature-box-container .feature-box .feature-box-title h2 {
    max-width: 100%;
    font-size: 17px;
  }
  #development .application-section {
    padding: 40px 0 0;
  }
  #development .application-box-container {
    margin-top: 0;
    padding: 0 2%;
  }
  #development .application-box-container .application-box {
    width: 100%;
    margin-bottom: 20px;
  }
  #development
    .application-box-container
    .application-box
    .application-box-para
    p,
  #development .feature-box-container .feature-box .feature-box-para p {
    font-size: 13px;
    padding-right: 0;
  }
  #development .partner-section .partner-heading {
    font-size: 20px;
    max-width: 100%;
  }
  #development .partner-section {
    margin-top: 0;
  }
  #development .agency-section {
    padding-top: 130px;
    padding-bottom: 40px;
    background-image: url(../images/agency/agency-bg3.webp);
  }
  #development .agency-content {
    margin-bottom: 20px;
  }
  #development .excellence-box-container .excellence-box {
    width: 100%;
  }
  #development .excellence-box-container {
    padding: 0 2%;
    margin-top: 80px;
    flex-wrap: wrap;
    column-gap: 0;
  }
  #development .testimonial-section .testimonial-heading {
    font-size: 20px;
    max-width: 100%;
    text-align: center;
  }
  #development .contact-section,
  #development .excellence-section {
    padding: 40px 0;
  }
  #development .application-section .section-title {
    margin-bottom: 50px;
    max-width: 100% !important;
  }
  #development .application-shape-two {
    position: absolute;
    top: 22%;
    right: 10px;
    display: none;
  }
  #development .application-shape-one {
    display: none;
  }
  #development .testimonial-shape-one {
    position: absolute;
    top: 40px;
  }
  #development .testimonial-section {
    position: relative;
    margin-bottom: 40px;
  }
  #development .excellence-box-container .excellence-box:last-child {
    margin-bottom: 0;
  }
  #development #testimonial .owl-nav button.owl-prev {
    left: -10px;
  }
  #development #testimonial .owl-nav button.owl-next {
    right: -10px;
  }
  #development .testimonial-shape-two {
    position: absolute;
    top: 384px;
    right: 5px;
  }
  #development #testimonial .owl-nav button.owl-next,
  #development #testimonial .owl-nav button.owl-prev {
    width: 20px;
    height: 20px;
    color: #222;
    border-radius: 50%;
    border: 1px solid #d3d3d3;
    font-size: 10px;
  }
  #development .contact-section .field-group {
    column-gap: 20px;
  }
  #development .footer-section {
    padding-top: 25px;
  }
  #development .f-heading-two h1 {
    padding: 0;
  }
  #development .f-bottom p {
    text-align: center;
  }
  #development .f-social-links ul {
    justify-content: center;
  }
  #development .toolset-box {
    padding: 10px;
    max-width: 100%;
    margin: 0 auto;
  }
  #development #project .owl-nav button.owl-prev {
    position: absolute;
    top: 100%;
    left: 0;
    transform: translateY(-50%);
  }
  #development #project .owl-nav button.owl-next {
    position: absolute;
    top: 100%;
    right: 0;
    transform: translateY(-50%);
  }
  #development .toolset-section {
    margin: 40px 0;
  }
  #development .toolset-section-title.section-title {
    margin-bottom: 20px;
  }
  #development .application-box1.heading {
    padding: 0;
  }
  #development .application-box1.btn a {
    margin-bottom: 30px;
  }
}
@media (max-width: 480px) {
  #development .feature-section {
    margin-top: 20px;
  }
  #development .agency-section {
    padding-top: 70px;
    padding-bottom: 0;
    background-image: url(../images/agency/agency-bg3.webp);
  }
}
@media (max-width: 1200px) {
  #hiring .navigation ul li a {
    margin: 0 10px;
  }
  #hiring .main-logo a {
    display: flex;
    align-items: center;
    max-width: 200px;
  }
  #hiring
    .application-box-container
    .application-box.style-two
    .application-box-icon {
    width: 18%;
  }
}
@media (max-width: 993px) {
  #hiring .navigation {
    display: none;
  }
  #hiring .mobile-menu-container {
    display: block;
  }
  #hiring .mobile-icon {
    display: flex;
    justify-content: end;
  }
  #hiring .mobile-menu-link ul {
    list-style: none;
    padding-left: 0;
  }
  #hiring .mobile-menu-link ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #010821;
    font-size: 14px;
    padding: 10px 0;
  }
  #hiring .mobile-menu-container .offcanvas-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  #hiring .mobile-menu-link ul li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  #hiring .application-box-icon {
    width: 50px !important;
  }
}
@media (max-width: 820px) {
  #hiring .curved-section {
    height: 800px;
  }
  #hiring .curved-section::before {
    top: -67%;
  }
  #hiring .header-content-shape.header-content-shape-two {
    right: 250px;
  }
  #hiring .header-content-shape.header-content-shape-three {
    left: 200px;
  }
  #hiring .section-title {
    max-width: 75%;
  }
  #hiring .feature-box-container {
    padding: 0;
    margin-top: 20px;
  }
  #hiring .feature-box-container .feature-box {
    width: 50%;
    margin-bottom: 35px;
  }
  #hiring .application-box-container {
    padding: 0;
  }
  #hiring .application-box-container .application-box {
    width: 50%;
    margin-bottom: 20px;
  }
  #hiring .application-shape-one {
    left: -52px;
  }
  #hiring .application-section .section-title {
    margin-bottom: 60px;
  }
  #hiring .agency-section {
    padding-top: 230px;
    padding-bottom: 80px;
  }
  #hiring .excellence-box-container {
    padding: 0;
  }
  #hiring .testimonial-section .testimonial-heading {
    max-width: 76%;
  }
}
@media (max-width: 768px) {
  #hiring .navigation {
    display: none;
  }
  #hiring .mobile-menu-container {
    display: block;
  }
  #hiring .mobile-menu-container .offcanvas {
    left: 50% !important;
    max-width: 90%;
    margin: 0 auto;
    transform: translateX(-50%) !important;
    top: 75px !important;
    height: 250px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 34px 0 rgba(0, 0, 0, 0.13);
  }
  #hiring .mobile-icon {
    display: flex;
    justify-content: end;
  }
  #hiring .mobile-menu-link ul {
    list-style: none;
    padding-left: 0;
  }
  #hiring .offcanvas-header .btn-close:focus {
    outline: 0;
  }
  #hiring .mobile-menu-container .offcanvas-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  #hiring .mobile-menu-link ul li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  #hiring .mobile-menu-link ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #010821;
    font-size: 14px;
    padding: 10px 0;
  }
  #hiring .curved-section {
    width: 100%;
    height: 700px;
    position: relative;
    overflow: hidden;
  }
  #hiring .curved-section::before {
    content: "";
    position: absolute;
    top: -70%;
    left: -36%;
    background-color: #00249c;
    width: 175%;
    height: 150%;
    border-radius: 30%;
    z-index: -1;
  }
  #hiring .header-content-shape.header-content-shape-three {
    top: 367px;
    left: 301px;
  }
  #hiring .application-box.style-two.bottom-line-box::before,
  #hiring .header-content-shape.header-content-shape-two {
    display: none;
  }
  #hiring .header-img-container {
    top: 115%;
  }
  #hiring .header-content-shape.header-content-shape-one {
    position: absolute;
    top: 97px;
    left: 19px;
  }
  #hiring .header-img-shape-top {
    position: absolute;
    left: -6%;
    top: -20%;
    z-index: -9;
  }
  #hiring .main-logo a {
    display: flex;
    align-items: center;
    max-width: 190px;
  }
  #hiring .nav-container {
    margin-top: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 10px;
  }
  #hiring .header-content-heading {
    font-size: 26px;
    padding: 0 3%;
  }
  #hiring .header-content-section {
    max-width: 100%;
    margin: 0 auto;
    height: 400px;
  }
  #hiring .header-content-para,
  #hiring .section-title p.section-title-para {
    max-width: 100%;
  }
  #hiring .header-content-section .header-content {
    padding: 0 7%;
  }
  #hiring .section-title {
    max-width: 100%;
    margin: 0 auto;
  }
  #hiring .section-title h1 {
    font-size: 20px;
  }
  #hiring .feature-section {
    margin-top: 50px;
  }
  #hiring .feature-box-container .feature-box {
    width: 100%;
    margin-bottom: 10px;
  }
  #hiring .feature-box-container {
    padding: 0 2%;
    margin-top: 20px;
  }
  #hiring .feature-box-container .feature-box .feature-box-title h2 {
    max-width: 100%;
    font-size: 17px;
  }
  #hiring .application-section {
    padding: 40px 0 0;
  }
  #hiring .application-box-container {
    margin-top: 0;
    padding: 0 2%;
  }
  #hiring .application-box-container .application-box {
    width: 100%;
    margin-bottom: 20px;
  }
  #hiring .application-box-container .application-box .application-box-para p,
  #hiring .feature-box-container .feature-box .feature-box-para p {
    font-size: 13px;
    padding-right: 0;
  }
  #hiring .partner-section .partner-heading {
    font-size: 20px;
    max-width: 100%;
  }
  #hiring .partner-section {
    margin-top: 0;
  }
  #hiring .agency-section {
    padding-top: 130px;
    padding-bottom: 40px;
    background-image: url(../images/agency/agency-bg3.webp);
  }
  #hiring .agency-content {
    margin-bottom: 20px;
  }
  #hiring .excellence-box-container .excellence-box {
    width: 100%;
  }
  #hiring .excellence-box-container {
    padding: 0 2%;
    margin-top: 80px;
    flex-wrap: wrap;
    column-gap: 0;
  }
  #hiring .testimonial-section .testimonial-heading {
    font-size: 20px;
    max-width: 100%;
    text-align: center;
  }
  #hiring .contact-section,
  #hiring .excellence-section {
    padding: 40px 0;
  }
  #hiring .application-section .section-title {
    margin-bottom: 50px;
  }
  #hiring .application-shape-two {
    position: absolute;
    top: 22%;
    right: 10px;
  }
  #hiring .application-shape-one {
    display: none;
  }
  #hiring .testimonial-shape-one {
    position: absolute;
    top: 40px;
  }
  #hiring .testimonial-section {
    position: relative;
    margin-bottom: 40px;
  }
  #hiring .excellence-box-container .excellence-box:last-child {
    margin-bottom: 0;
  }
  #hiring #testimonial .owl-nav button.owl-prev {
    left: -10px;
  }
  #hiring #testimonial .owl-nav button.owl-next {
    right: -10px;
  }
  #hiring .testimonial-shape-two {
    position: absolute;
    top: 253px;
    right: 5px;
  }
  #hiring #testimonial .owl-nav button.owl-next,
  #hiring #testimonial .owl-nav button.owl-prev {
    width: 20px;
    height: 20px;
    color: #222;
    border-radius: 50%;
    border: 1px solid #d3d3d3;
    font-size: 10px;
  }
  #hiring .contact-section .field-group {
    column-gap: 20px;
  }
  #hiring .footer-section {
    padding-top: 25px;
  }
  #hiring .f-heading-two h1 {
    padding: 0;
  }
  #hiring .f-bottom p {
    text-align: center;
  }
  #hiring .f-social-links ul {
    justify-content: center;
  }
}
@media (max-width: 480px) {
  #hiring .feature-section {
    margin-top: 0;
  }
  #hiring .agency-section {
    padding-top: 70px;
    padding-bottom: 70px;
    background-image: url(../images/agency/agency-bg3.webp);
  }
}