@media (max-width: 1700px) {}

@media (max-width: 1699px) {
  .meeter-about-three-col-section .middle-img-section::after {
    width: 800px;
    height: 800px;
  }

  .meeter-about-three-col-section .left-col-section .icon-heading-block:nth-child(2),
  .meeter-about-three-col-section .left-col-section .icon-heading-block:nth-child(3) {
    left: -120px;
  }

  .meeter-about-three-col-section .right-col-section .icon-heading-block:nth-child(2),
  .meeter-about-three-col-section .right-col-section .icon-heading-block:nth-child(3) {
    right: -120px;
  }

  .meeter-about-three-col-section .icon-heading-block:nth-child(4) {
    top: 100%;
  }

  .meeter-about-three-col-section .icon-heading-block:nth-child(3) {
    top: 68%;
  }

  .meeter-about-three-col-section .icon-heading-block:nth-child(2) {
    top: 33%;
  }

  .super6-img-text-section .collage-wrapper {
    bottom: -260px;
  }

  .super6-img-text-section .collage-wrapper img {
    max-width: 730px;
  }
}

@media (max-width: 1599px) {

  #homeBanner .shape-box .orange,
  #singleCaseStudyBanner .shape-box .orange {
    width: 150px;

    height: 150px;
  }

  #homeBanner .shape-box .orange.orange2,
  #singleCaseStudyBanner .shape-box .orange.orange2 {
    width: 120px;

    height: 120px;
  }

  #homeBanner .shape-box .blue,
  #singleCaseStudyBanner .shape-box .blue {
    left: 2%;
  }

  #homeBanner .shape-box .dots,
  #singleCaseStudyBanner .shape-box .dots {
    left: 3%;
  }

  #hire .button-box ul {
    margin-top: 20px;
  }

  #hire .item {
    margin: 0;
  }

  #hire .hireCarousel {
    padding-top: 20px;
  }

  #banner .shape-box .orange {
    width: 150px;

    height: 150px;

    top: -8%;

    left: -5%;
  }

  #banner .shape-box .orange.orange2 {
    right: -2%;

    bottom: -10px;

    width: 100px;

    height: 100px;
  }

  .blog_listing {
    padding: 50px 0;
  }

  .blog-detail-page {
    padding: 50px 0 0 0;
  }

  .post-navigation {
    margin: 40px auto 50px auto;
  }

  .thankyou-main .shape-box .orange {
    width: 150px;
    height: 150px;
  }

  .thankyou-main .shape-box .orange.orange2 {
    width: 120px;
    height: 120px;
  }

  .thankyou-main .shape-box .blue {
    left: 2%;
  }

  .thankyou-main .shape-box .dots {
    left: 3%;
  }

  .meeter-about-three-col-section .icon-heading-block {
    max-width: 400px;
  }

  .meeter-about-three-col-section .left-col-section .icon-heading-block:nth-child(2),
  .meeter-about-three-col-section .left-col-section .icon-heading-block:nth-child(3) {
    left: -20px;
  }

  .meeter-about-three-col-section .right-col-section .icon-heading-block:nth-child(2),
  .meeter-about-three-col-section .right-col-section .icon-heading-block:nth-child(3) {
    right: -20px;
  }

  .meeter-about-three-col-section .left-col-section .icon-heading-block:first-child {
    left: 0;
  }

  .meeter-about-three-col-section .right-col-section .icon-heading-block:first-child {
    right: 0;
  }

  .animated-middle-section .img-box {
    max-width: 470px;
  }

  .phone-mockup img {
    max-width: 500px;
  }

  .hero-section .text-block {
    margin-bottom: 40px;
    padding-left: 50px;
  }


}

@media (max-width: 1499px) {
  #footer .container {
    max-width: 98%;
  }

  #footer .top-box .box.box2 {
    padding-left: 20px;
  }

  #life .events-box .events-popup-slider .item img {
    aspect-ratio: 3/2;
  }
}

@media (max-width: 1399px) {
  #header nav ul li a {
    padding: 7px 7px;

    font-size: 15px;
  }

  #header .button-box .btn.btn.btn-white {
    font-size: 15px;
    padding: 12px 18px !important;
  }

  #header .logo-box img {
    max-width: 160px;
  }

  #header .button-box .btn.btn.btn-white img {
    max-width: 40px;
  }

  #header .top-header .link-box ul a {
    font-size: 15px;
  }

  h1 {
    font-size: 55px;
  }

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 25px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 18px;
  }

  h6 {
    font-size: 16px;
  }

  #news .text-box hr {
    margin: 20px 0;
  }

  #news .date {
    margin-bottom: 20px;
  }

  #subscribe .text-box h2 {
    font-size: 30px;
  }

  #homeBanner .box.box2 .img-box .blue,
  #singleCaseStudyBanner .box.box2 .img-box .blue {
    width: 150px;

    height: 150px;

    left: 0px;
  }

  #homeBanner .box.box2 .img-box .dots,
  #singleCaseStudyBanner .box.box2 .img-box .dots {
    left: 0px;

    top: 5%;
  }

  #service .box ul {
    margin-top: 20px;
  }

  #service .box .btn.btn-white {
    font-size: 15px;
    padding: 8px 18px;
  }

  #hire .item p {
    font-size: 15px;
  }

  #hire .item .btn.btn-white {
    padding: 8px 20px;

    font-size: 15px;
  }

  #hire .item .right-box {
    padding: 0 10px;
  }

  #hire .button-box ul {
    margin-top: 10px;
  }

  #hire .item .title p {
    margin-bottom: 10px;
  }

  #banner.careerBanner {
    padding-bottom: 350px;
  }

  #careers {
    margin-top: -350px;
  }

  #aboutUs .box.box1 ul li .text-box h2 {
    font-size: 30px;
  }

  #aboutUs .box.box1 ul li:last-child {
    margin-top: 15px;
  }

  #aboutUs .box.box1 {
    padding-top: 30px;
  }

  /* #expert img {
    max-height: 250px;
  } */

  #developer .btn.btn-white::before {
    right: 20%;
  }

  /* #developer .box.box1 {
    padding-top: 50px;
  } */

  #journery .box.box3 .outer::after {
    left: -120px;
  }

  #journery .box.box1 .outer::after {
    right: -120px;
  }

  #journery .outer::before {
    width: 110px;
  }

  #gallery.gallerye .nav-tabs button {
    padding: 12px 50px;
  }

  .blog_box {
    width: 30.6%;
  }

  .blog_listing h2 {
    font-size: 20px;
  }

  .blog_listing .text-box hr {
    margin: 20px 0;
  }

  .post-navigation {
    max-width: 1120px;
  }

  .blog-detail-page-left h1 {
    font-size: 32px !important;
  }

  .end-header .mega-services .mega-main-content {
    top: 10px !important;
  }

  .end-header .widget_text h4.mega-block-title {
    font-size: 15px !important;
  }

  #weareHire .list-box ul .content-box {
    width: 250px;
    height: 270px;
  }

  /* --------------------------------- forceone page css start ---------------------------------*/
  .detail-cmn-banner-box .text-border-wrapper h1 {
    font-size: 40px;
  }

  #about_section .section-heading h2,
  #dacia_about_section .section-heading h2,
  .app-features-content-box .section-heading h2,
  #download_app .text-box h2,
  #dacia_download_app .text-box h2 {
    font-size: 35px;
  }

  .features-img-with-content-section .icon-text-block {
    margin-bottom: 30px;
  }

  .app-features-section .right-col-section {
    padding-left: 30px;
  }

  .app-features-section .left-col-section {
    padding-right: 30px;
  }

  .detail-cmn-banner .img-box img {
    max-width: 270px;
    width: 100%;
  }

  #about_section .section-heading,
  #dacia_about_section .section-heading,
  .app-features-content-box .section-heading,
  #download_app .text-box,
  #dacia_download_app .text-box {
    margin-bottom: 10px;
  }

  /* --------------------------------- forceone page css end ---------------------------------*/

  .meeter-about-three-col-section .middle-img-section img {
    max-width: 250px;
    width: 100%;
  }

  .meeter-about-three-col-section .left-col-section .icon-heading-block:nth-child(2),
  .meeter-about-three-col-section .left-col-section .icon-heading-block:nth-child(3) {
    left: -60px;
  }

  .meeter-about-three-col-section .right-col-section .icon-heading-block:nth-child(2),
  .meeter-about-three-col-section .right-col-section .icon-heading-block:nth-child(3) {
    right: -60px;
  }

  .meeter-banner-section .banner-left-box .text-box h1 {
    font-size: 40px;
  }

  .meeter-text-box-wrap .text-box h2,
  .meeter-text-box-block .text-box h2,
  .meeter-about-content-box h2 {
    font-size: 35px;
  }

  .nult-bolt-img1 {
    right: 0;
  }

  .nult-bolt-img2 {
    left: 0;
    top: 0;
  }

  #nult_bolt_banner .banner-left-box h1 {
    font-size: 40px;
  }

  .nult-bolt-two-col-wrapper .text-box h2,
  .nult-bolt-img-text-section-wrapper h2,
  #game_screenshots .section-heading h2 {
    font-size: 35px;
  }

  .hero-section .text-block h1 {
    font-size: 40px;
  }

  .animated-middle-content-box .section-heading h2,
  .super6-img-text-section .text-block h2,
  .super6-video-section .video-content h2 {
    font-size: 35px;
  }

  .mockup-img {
    max-width: 150px;
  }

  .animated-middle-section .img-box {
    max-width: 420px;
    right: 0;
  }

  .hero-section .text-block {
    margin-bottom: 0;
    padding-left: 30px;
  }

  .phone-mockup img {
    max-width: 450px;
    width: 100%;
  }

  .hire-developer .info-modal .modal-dialog {
    max-width: 60%;
  }

  .develop-process .box .img-box::after {
    right: 0%;
  }


  footer p,
  footer a {
    font-size: 14px;
  }

}

@media (max-width: 1299px) {

  /* career Page Start *******************************************************/
  /* We Are Hire section */
  #weareHire .list-box ul .content-box {
    width: 240px;
    height: 260px;
  }

  #weareHire .list-box ul .content-box img {
    width: 45px;
    height: 45px;
  }

  #weareHire .list-box ul .text-box h3 {
    font-size: 22px;
  }

  #footer .store-btns {
    gap: 8px;
  }

  #footer .store-btns .store {
    gap: 8px;
    padding: 10px 9px;
    min-width: 140px;
  }

  .product-dynamic .slide-title {
    font-size: 27px;
  }

  /* career Page End *******************************************************/

  .meeter-about-three-col-section .icon-heading-block {
    max-width: 370px;
  }

  .meeter-about-three-col-section .middle-img-section::before {
    width: 500px;
    height: 500px;
  }

  .meeter-about-three-col-section .middle-img-section::after {
    width: 700px;
    height: 700px;
  }

  .meeter-about-three-col-section .left-col-section .icon-heading-block:nth-child(2),
  .meeter-about-three-col-section .left-col-section .icon-heading-block:nth-child(3) {
    left: -20px;
  }

  .meeter-about-three-col-section .right-col-section .icon-heading-block:nth-child(2),
  .meeter-about-three-col-section .right-col-section .icon-heading-block:nth-child(3) {
    right: -20px;
  }

  .super6-img-text-section .collage-wrapper img {
    max-width: 690px;
  }

  .develop-process .box .img-box::after {
    background-size: 70%;
    transform: translate(70%, -50%);
    right: 0%;
  }

  .ourApp-section .row .box .right-section .box-description {
    font-size: 18px;
    line-height: 1.5;
  }

  a.flag-icon {
    font-size: 16px;
  }

  a.flag-icon img {
    width: 27px;
  }

}

@media (max-width: 1199px) {
  .container {
    max-width: 100%;
  }

  #header nav ul li a {
    padding: 15px 0px;

    font-size: 15px;
  }

  #header .logo-box img {
    max-width: 140px;
  }

  #header .button-box .btn.btn.btn-white {
    padding: 12px 10px;

    font-size: 14px;
  }

  #header .button-box .btn.btn.btn-white img {
    max-width: 30px;

    margin-right: 5px;
  }

  /* #header .top-header .link-box ul a {

        font-size: 14px;

    } */

  #header .top-header .link-box ul a i {
    font-size: 14px;
  }

  h1 {
    font-size: 48px;
  }

  h2 {
    font-size: 33px;
  }

  h3 {
    font-size: 25px;
  }

  .btn.btn-white {
    padding: 12px 24px;
  }

  .btn.btn-white i {
    font-size: 25px;
  }

  #touch .input-group .submit_btn .wpcf7-submit {
    font-size: 16px;
    padding: 12px 8px;
  }

  section {
    padding-bottom: 70px;
  }

  #gallery {
    padding-top: 160px;

    margin-top: -160px;

    /* margin-bottom: 70px; */
  }

  #gallery .row {
    row-gap: 30px;

    column-gap: 10px;
  }

  #gallery .row .col-md-6 {
    width: calc(50% - 5px);
  }

  #hire {
    padding-top: 70px;

    margin-bottom: 70px;
  }

  #award {
    padding-top: 70px;
  }

  #process {
    padding: 70px 0;
  }

  #touch {
    padding-top: 70px;
  }

  footer {
    padding-top: 140px;
  }

  #process .content-box img {
    max-width: 40px;
  }

  #process .content-box .text-box p {
    font-size: 14px;
  }

  #service .box {
    padding: 30px 20px;
  }

  #news .text-box h4 {
    font-size: 18px;
  }

  #subscribe .text-box h2 {
    font-size: 25px;
  }

  #brand img {
    max-width: 150px;

    max-height: 60px;
  }

  footer .logo-box img {
    max-width: 200px;
  }

  #whyChoose .text-box h5 {
    font-size: 20px;
  }

  #whyChoose .box {
    padding: 20px 20px;
  }

  #gallery .box {
    display: flex;

    flex-direction: column;

    justify-content: space-between;
  }

  #whyChoose {
    padding: 70px 0;
  }

  #weareHire .list-box ul .content-box {
    width: 220px;
    height: 240px;
    margin: 0 -18px;
  }

  /* #weareHire .list-box ul .content-box img {
    width: 60px;
    height: 60px;
  } */

  #weareHire {
    padding: 70px 0;
  }

  #comming {
    padding: 70px 0 0;
  }

  #gallery.galleryb {
    padding: 70px 0;
  }

  #ourExpertise {
    padding: 70px 0;
  }

  #mobileDevelopment {
    padding: 70px 0;
  }

  #whyChoose.whyChooseb {
    padding: 70px 0;
  }

  #brand {
    padding: 70px 0;
  }

  #mission.aboutUs-mission,
  #about.home_about {
    padding: 70px 0;
  }

  #service.home_service_section {
    padding-top: 70px;
  }

  #whyChoose.whyChoosec {
    margin-bottom: 70px;
  }

  #hireWeb .box.box2 ul .text-box p {
    font-size: 16px;
  }

  #hireWeb .box.box2::after {
    right: 0;
    width: 120px;
    height: 120px;
  }

  #banner.careerBanner {
    padding-bottom: 300px;
  }

  #careers {
    margin-top: -300px;
  }

  #opportunity {
    padding: 70px 0;
  }

  /* #expert img {
    max-height: 200px;
  } */

  #expert {
    padding: 70px 0;
  }

  #aboutUs .box.box1 ul {
    column-gap: 15px;

    row-gap: 15px;
  }

  #aboutUs .box.box1 ul li div:not(:last-child) {
    margin-bottom: 15px;
  }

  .btn.btn-white.orange {
    padding: 12px 24px;
  }

  #gallery.galleryd {
    padding-top: 70px;

    margin-bottom: 70px;
  }

  /* 
  #developer .box.box1 {
    padding-top: 80px;
  } */

  #idea .box .img-box .animated {
    width: 70px;

    height: 70px;
  }

  #idea .box .img-box {
    margin-right: 10px;
  }

  #explore {
    padding: 70px 0;
  }

  #idea {
    padding: 70px 0;
  }

  #journery .container {
    max-width: 960px;
  }

  #journery .outer::before {
    width: 90px;
  }

  #journery .box.box1 .outer::after {
    right: -101px;
  }

  #journery .box.box3 .outer::after {
    left: -101px;
  }

  #journery .box .year {
    font-size: 50px;

    margin-bottom: -17px;
  }

  #journery .content-box .img-box img {
    width: 90px;
  }

  #journery .content-box {
    padding: 10px 20px;
  }

  #journery .outer::after {
    width: 20px;

    height: 20px;
  }

  .team-effect {
    min-width: 100%;
  }

  .blog_box {
    width: 30.2%;
  }

  .blog_listing .body {
    padding: 10px 20px 25px;
  }

  .blog_listing .date {
    margin-bottom: 15px;
  }

  .blog_listing h2 {
    font-size: 18px;
  }

  .blog_listing {
    padding: 40px 0;
  }

  .post-navigation {
    max-width: 97%;
  }

  .blog-detail-page {
    padding: 40px 0 0 0;
  }

  /* About Page Css */
  #banner .shape-box .blue {
    left: 0;
  }

  #banner .shape-box .dots {
    left: 0;
  }

  #banner .shape-box .dots2 {
    right: 0;
  }

  /* About Page Css End */

  .end-header .mega-menu-item .mega-main-content {
    top: 35px !important;
  }

  .end-header .mega-services .mega-main-content {
    top: 5px !important;
    padding-inline: 5px !important;
    max-width: 98vw !important;
  }

  #news-letter {
    width: 80%;
  }

  /* #life .events-box .modal-box .modal-box-body {
    max-width: 70vw;
  } */
  #dynamic .box img {
    max-width: 100%;
  }

  #footer .store-btns {
    gap: 10px;
    flex-wrap: wrap;
  }

  #download-btns .text-box h3 {
    font-size: 28px;
  }

  #feature .text-box h3 {
    font-size: 28px;
  }

  #intro-part .text-box h2 {
    font-size: 28px;
  }

  #download_app .img-box,
  #dacia_download_app .img-box {
    padding-left: 50px;
  }

  .detail-cmn-banner-box .text-border-wrapper h1 {
    font-size: 35px;
    margin-bottom: 10px;
  }

  .download-app-btn-wrap a {
    padding: 0 10px;
    max-width: 240px;
  }

  .download-app-btn-wrap {
    margin: 40px -10px 10px;
  }

  .meeter-about-three-col-section .left-col-section .icon-heading-block:first-child {
    left: 50px;
    top: -90px;
  }

  .meeter-about-three-col-section .right-col-section .icon-heading-block:first-child {
    right: 50px;
    top: -90px;
  }

  .meeter-about-three-col-section .left-col-section .icon-heading-block:nth-child(2),
  .meeter-about-three-col-section .left-col-section .icon-heading-block:nth-child(3) {
    left: 0;
  }

  .meeter-about-three-col-section .right-col-section .icon-heading-block:nth-child(2),
  .meeter-about-three-col-section .right-col-section .icon-heading-block:nth-child(3) {
    right: 0;
  }

  .meeter-about-three-col-section .middle-img-section img {
    max-width: 170px;
  }

  .meeter-about-content-box {
    margin-bottom: 250px;
  }

  .meeter-about-three-col-section .icon-heading-block:nth-child(2) {
    top: 22%;
  }

  .meeter-about-three-col-section .icon-heading-block:nth-child(3) {
    top: 72%;
  }

  .meeter-about-three-col-section .icon-heading-block:nth-child(4) {
    top: 120%;
  }

  .meeter-banner-section .banner-left-box .text-box h1 {
    font-size: 35px;
  }

  #nult_bolt_banner .banner-left-box h1 {
    font-size: 35px;
  }

  .hero-section .text-block h1 {
    font-size: 35px;
  }

  #nult_bolt_banner::before {
    height: 76px;
  }

  .super6-img-text-section .collage-wrapper img {
    max-width: 640px;
  }

  .super6-video-section .video-content {
    max-width: 900px;
  }

  .animated-middle-section .img-box {
    max-width: 390px;
  }

  #ourExpertise .section-heading h2 {
    font-size: 30px;
  }

  .product-dynamic .boxes {
    padding-left: 20px;
  }

  .product-dynamic .img-box img {
    max-width: 70%;
  }

  .hire-developer .info-modal .modal-dialog {
    max-width: 70%;
  }

  .single-our_portfolio #banner {
    padding-bottom: 260px;
  }

  .case-study-section .case-boxes .box.coming-soon .img-box::after {
    font-size: 32px;
  }

  .case-study-section .case-boxes .box .text-box .case-title h3,
  .case-study-section .case-boxes .box .text-box .case-title h3 a {
    font-size: 24px;
  }

  .case-study-section .case-boxes .box .text-box .case-description p {
    font-size: 16px;
    line-height: 1.3;
  }

  .ourApp-section .row .box .right-section .box-description {
    font-size: 16px;
    line-height: 1.2;
  }

  #our_team_section {
    padding: 70px 0 35px;
  }

  .our_team_section {
    padding-top: 35px !important;
    padding-bottom: 70px !important;
  }

  a.flag-icon {
    font-size: 14px;
  }

  .game-listing .game-box {
    row-gap: 40px;
  }

  .game-listing .game-item {
    width: calc(16.6666666667% - 16.6666666667px);
  }

  .game-listing {
    padding-top: 70px;
  }

}

@media (max-width: 1024px) {
  h3 {
    font-size: 22px;
  }

  /* header responsive */
  #header .main-nav nav {
    position: fixed;

    top: 0;

    left: -100%;

    width: 100%;

    height: 100vh;

    background-color: #fff;

    opacity: 0;

    visibility: hidden;

    transition: 0.5s;

    z-index: 111;

    padding-top: 80px;
  }

  #header .main-nav nav.show {
    left: 0;

    opacity: 1;

    visibility: visible;
  }

  #header .main-nav nav ul li {
    display: block;

    text-align: left;

    padding: 5px 10px;
  }

  #header .main-nav .click-menu {
    display: block;
  }

  #header .main-nav .cancel-menu {
    display: block;

    position: fixed;

    top: 40px;

    left: -100%;

    max-width: 20px;

    width: 100%;

    text-align: center;

    z-index: 222;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;
  }

  #header .main-nav .cancel-menu.show {
    opacity: 1;

    visibility: visible;

    left: calc(100% - 40px);
  }

  #header .button-box {
    margin-left: 10px;
  }

  #header nav ul li .inner {
    position: unset;

    opacity: 1;

    visibility: visible;

    transition: 0.5s all ease-in-out;

    display: none;
  }

  #header nav ul li a.active+.inner {
    display: block;
  }

  #gallery .box .text-box {
    padding: 30px 40px 10px;
  }

  #gallery .box.box3 {
    padding: 30px 40px 0;
  }

  /* About Page Css */
  #expert .box {
    padding: 20px 30px;
  }

  /* About Page Css End*/

  .end-header .mega-services .mega-main-content {
    top: 7px !important;
  }

  .meeter-about-three-col-section .left-col-section .icon-heading-block:first-child {
    left: 30px;
  }

  .meeter-about-three-col-section .right-col-section .icon-heading-block:first-child {
    right: 30px;
  }

  .case-study-section .case-boxes .box .text-box .more-btn p {
    font-size: 15px;
  }

  .case-study-section .case-boxes .row {
    row-gap: 50px;
  }

  .ourApp-section .section-description {
    font-size: 18px;
    line-height: 1.5;
  }

  #feature_product .product_box_wrap .box .text-box .product_description {
    font-size: 14px;
    line-height: 1.1;
  }

  #header .top-header .right-box {
    display: none;
  }




}

@media (max-width: 991px) {
  #header .header-box {
    /* margin-top: 11px; */
    padding: 11px 0 9px 15px;
  }

  #header .mobile-contact-info.button-box {
    display: none;
    margin-left: 0;
    padding-bottom: 10px;
  }

  #header ul .mobile-contact-info.button-box li a {
    font-weight: 400;
  }

  #header .mobile-contact-info.button-box li a i {
    padding-right: 6px;
  }

  #header .mobile-contact-info.button-box .btn.btn.btn-white {
    margin-top: 10px;
    margin-left: 15px;
    max-width: 165px;
    width: max-content;
    padding: 12px 18px !important;
    border-radius: 50px;
  }

  h1 {
    font-size: 37px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 22px;
  }

  h5 {
    font-size: 17px;
  }

  p {
    font-size: 15px;

    margin-bottom: 20px;
  }

  a {
    font-size: 15px;
  }

  .btn.btn-white {
    padding: 10px 20px;

    font-size: 15px;
  }

  .btn.btn-white i {
    font-size: 22px;
  }

  #header .button-box {
    display: none;
  }

  #header nav ul.sub-menu li a {
    padding: 9px 15px;
    border-bottom: none;
  }

  #homeBanner .text-title p,
  #singleCaseStudyBanner .text-title p {
    margin-bottom: 20px;
  }

  .button-box ul {
    margin-top: 20px;
  }

  .text-title p {
    box-shadow: 0 0 15px 0px #00000015;

    padding: 6px 15px;

    margin: 15px 0;

    font-size: 15px;
  }

  #homeBanner {
    margin-bottom: 0px;
    /* margin: 0;
    padding: 20px 0 0px; */
  }

  #homeBanner #homeBannerCarousel .item {
    min-height: calc(100vh - 420px);
  }

  #singleCaseStudyBanner {
    margin-bottom: 0px;

    min-height: calc(100vh - 420px);
  }

  section {
    padding-bottom: 60px;
  }

  .cmn-blog-section {
    padding: 60px 0;
  }

  #product {
    padding: 60px 0;
  }

  #brand .brand-box {
    box-shadow: 0 0 15px 0px #00000015;

    margin-top: 15px;
  }

  #service .box .img-box img {
    width: 40px;

    height: 40px;

    margin: 0 auto 15px;
  }

  #gallery {
    padding-top: 140px;

    margin-top: -160px;

    /* margin-bottom: 60px; */
  }

  #service .text-box p {
    min-height: 80px;
  }

  .owl-nav button img {
    max-width: 35px;
  }

  #service #serviceCarousel {
    padding: 0 5%;
  }

  #gallery .box .text-box {
    padding: 20px 30px 10px;
  }

  #hire {
    padding-top: 60px;

    margin-bottom: 60px;
  }

  .page-id-514 #hire {
    margin-bottom: 0;
  }

  #hire .item {
    box-shadow: 0 0 15px 0px #00000015;
  }

  #hire .hireCarousel {
    padding-top: 15px;
  }

  #hire .item p {
    font-size: 14px;
  }

  #hire .item .btn.btn-white {
    padding: 6px 14px;

    font-size: 14px;
  }

  #award .certificate-list .certificate-box {
    padding: 20px;
  }

  #award .certificate-list li:not(:last-child) {
    margin-right: 20px;
  }

  #award {
    padding-top: 60px;
  }

  #award .certificate-list {
    flex-wrap: nowrap;
  }

  #gallery .row {
    row-gap: 20px;

    column-gap: 0px;
  }

  #gallery .row .col-md-6 {
    width: calc(50% - 0px);
  }

  #gallery .box.box3 {
    padding: 20px 10px 0 30px;
  }

  #process .content-box {
    flex-direction: column;

    text-align: center;
  }

  #touch {
    padding-top: 60px;
  }

  #touch .form-title {
    margin-bottom: 30px;
  }

  #touch .input-group label {
    font-size: 15px;
  }

  #touch .input-group .form-control,
  #touch .input-group textarea {
    padding: 8px 16px;

    font-size: 15px;
  }

  #touch .input-group {
    margin-bottom: 20px;
  }

  #touch .box.box2 {
    padding: 30px 20px;

    box-shadow: 0 0 15px 0px #00000015;
  }

  #touch .input-group button {
    padding: 10px 30px;

    font-size: 15px;
  }

  #touch .input-group button i {
    font-size: 22px;
  }

  #subscribe .subscribe-box {
    padding: 30px 20px;
  }

  #subscribe .text-box h2 {
    font-size: 20px;
  }

  #subscribe .input-group .form-control {
    padding: 13px 150px 13px 16px;

    font-size: 15px;
  }

  #subscribe .input-group button {
    font-size: 15px;

    right: 4px;
  }

  footer .top-box .link-box ul a {
    font-size: 15px;
  }

  footer h4 {
    font-size: 20px;

    margin-bottom: 20px;
  }

  footer .middle-box {
    padding: 30px 0;

    margin-top: 30px;
  }

  footer .logo-box img {
    max-width: 180px;
  }

  #subscribe {
    margin-bottom: -55px;
  }

  #whyChoose {
    padding: 60px 0;
  }

  #whyChoose img {
    max-height: 50px;
  }

  #banner {
    padding-top: 160px;
  }

  #weareHire .list-box ul .content-box {
    width: 190px;
    height: 210px;
    margin: 0 -24px;
  }

  #weareHire .list-box ul .content-box img {
    width: 35px;
    height: 35px;
  }

  #weareHire .list-box ul .text-box h3 {
    font-size: 20px;
    margin-bottom: 0;
  }

  #weareHire {
    padding: 60px 0;
  }

  #about .box.box2 {
    padding-left: 0;
  }

  #comming {
    padding: 60px 0 0;
  }

  #gallery.galleryb {
    padding: 60px 0;
  }

  #gallery.galleryb .nav-tabs button {
    font-size: 18px;

    padding: 8px 24px;
  }

  #gallery.galleryb .nav-tabs {
    column-gap: 15px;
  }

  #ourExpertise {
    padding: 60px 0;
  }

  #mobileDevelopment {
    padding: 60px 0;
  }

  #whyChoose.whyChooseb {
    padding: 60px 0;
  }

  #businessModels .box {
    padding: 20px 20px;
  }

  #businessModels .box .img-box {
    width: 50px;

    height: 50px;
  }

  #whyChoose.whyChoosec {
    margin-bottom: 60px;
  }

  #brand {
    padding: 60px 0;
  }

  #mission.aboutUs-mission,
  #about.home_about {
    padding: 60px 0;
  }

  #service.home_service_section {
    padding-top: 60px;
  }

  #hireWeb .box.box2 ul .text-box p {
    font-size: 15px;
  }

  #banner.careerBanner {
    padding-bottom: 250px;
  }

  #careers {
    margin-top: -250px;
  }

  #opportunity {
    padding: 60px 0;
  }

  #aboutUs .box.box1 ul li .text-box h2 {
    font-size: 25px;
  }

  #aboutUs .box.box1 ul li .text-box p {
    font-size: 12px;
  }

  #aboutUs .box.box1 ul li .text-box {
    padding: 10px 8px;
  }

  #aboutUs .box.box1 ul li:last-child {
    margin-top: 10px;
  }

  #aboutUs .box.box1 {
    padding-top: 20px;
  }

  #process {
    padding: 60px 0;
  }

  #expert {
    padding: 60px 0 0;
  }

  .btn.btn-white.orange {
    padding: 10px 20px;
  }

  #gallery.galleryd {
    padding-top: 60px;

    margin-bottom: 60px;
  }

  #design .btn.btn-white {
    padding: 8px 30px 8px 10px;
  }

  #design .btn.btn-white::before {
    right: 10px;
  }

  #design .box.box2 {
    padding: 30px 0 20px;
  }

  /* #developer {
    margin-top: -160px;
  } */

  #developer .btn.btn-white::before {
    right: 10%;
  }

  #idea .box .img-box .animated {
    width: 60px;

    height: 60px;
  }

  #explore {
    padding: 60px 0;
  }

  #idea {
    padding: 60px 0;
  }

  #idea .row {
    row-gap: 30px;
  }

  #journery .container {
    max-width: 720px;
  }

  #journery .content-box .img-box img {
    width: 70px;
  }

  #journery .content-box .text-box h3 {
    margin-bottom: 5px;
  }

  #journery .box .year {
    font-size: 45px;

    margin-bottom: -14px;
  }

  #journery .outer::before {
    width: 70px;
  }

  #journery .box.box3 .outer::after {
    left: -82px;
  }

  #journery .box.box1 .outer::after {
    right: -82px;
  }

  #journery .box.box1 {
    margin-top: 120px;
  }

  footer {
    padding-top: 90px;
  }

  .partnership-part {
    padding-top: 0px;
  }

  #our_team_section .team_list .team h3 {
    font-size: 16px;
  }

  #our_team_section .team_list .team p {
    font-size: 14px;
  }

  #our_team_section .team_list .col-lg-4 {
    margin: 15px 0 0;
  }

  #event {
    padding-top: 60px;
  }

  #header nav>ul>li {
    width: 100%;

    padding: 0;
  }

  #header nav ul li a {
    padding: 18px 15px;

    font-size: 16px;

    color: var(--black-color);
  }

  button.sub-menu-toggle {
    position: absolute;

    top: 0;

    right: 0;

    float: right;
  }

  a.close-menu.half {
    color: #ef7a00;
  }

  .top-navigation {
    /* position: absolute; */

    right: 160px;

    top: 70px;

    right: 12px;

    top: 56px;
  }

  */ .blog-list {
    width: 30.5%;
  }

  .blog_box {
    width: 45.8%;
  }

  .blog-detail-page-left {
    width: 100%;
  }

  .blog-detail-page .rightside {
    width: 100%;

    padding-top: 40px;
  }

  .blog-detail-page .entry-header .post-thumbnail,
  .singular .post-thumbnail {
    width: 100%;
  }

  /* About Page Css */
  #banner .shape-box .blue {
    width: 70px;
    height: 70px;
  }

  #banner .shape-box .dots img {
    max-width: 60%;
  }

  #banner .shape-box .dots2 img {
    max-width: 60%;
  }

  /* About Page Css End */

  /* Contact-us Page Css */
  #getInTouch {
    padding: 60px 0;
  }

  #getInTouch .box.box2 {
    padding: 25px 20px !important;
  }

  #getInTouch .input-group input {
    padding: 10px 15px;
    font-size: 15px;
  }

  #getInTouch .input-group .wpcf7-submit {
    font-size: 18px;
  }

  /* Contact-us Page Css End */

  /* Portfolio details Page Css */
  #design .box.box1 .list-box li:not(:last-child) {
    padding-right: 1%;
    margin-right: 1%;
  }

  #design .box.box1 .list-box li .content h5 br {
    display: none;
  }

  /* Portfolio details Page Css End */

  /* #header .top-header .left-box {
    display: none;
  } */

  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
    float: unset !important;
  }

  .end-header .mega-company .mega-main-content {
    position: static !important;
    width: 100% !important;
    border-radius: 0 !important;
    background-color: rgb(245 249 251) !important;
  }

  .end-header .mega-menu-item .mega-main-content {
    transform: unset !important;
    margin-bottom: 10px !important;
    padding-left: 30px !important;
  }

  .end-header #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    color: var(--black-color);
    background-color: var(--white-color);
  }

  .end-header a.mega-menu-link {
    background: transparent !important;
  }

  .end-header .mega-company .mega-menu-row {
    justify-content: start !important;
  }

  .end-header .mega-menu-item h4 {
    font-size: 16px !important;
    width: 100%;
  }

  .end-header .mega-menu-item h4 a {
    font-size: 14px !important;
  }

  .end-header .mega-sub-menu img {
    max-width: 18px !important;
    height: 18px !important;
    width: 18px !important;
  }

  .end-header .mega-sub-menu .mega-menu-item a {
    padding: 7px !important;
  }

  .end-header .mega-sub-menu li {
    padding: 0 !important;
  }

  .end-header .mega-sub-menu li.mega-menu-item-type-widget {
    padding: 5px 5px 8px 10px !important;
    border-bottom: 0 !important;
  }

  .end-header .mega-services .mega-main-content {
    position: static !important;
    width: 100% !important;
    border-radius: 0 !important;
    background-color: rgb(245 249 251) !important;
  }

  .service-sub-menu .mega-menu-column {
    width: 100% !important;
  }

  .end-header .widget_text h4.mega-block-title {
    padding: 12px 5px 5px 0 !important;
    width: max-content;
  }

  #news-letter {
    width: 100%;
  }

  #gallery .box {
    background-size: cover !important;
  }

  #gallery .box1 .img-box img {
    margin: 0 auto;
  }

  #gallery .box2 .img-box img {
    margin: 0 auto;
  }

  #gallery .box .img-box img {
    max-width: 90%;
  }

  .end-header .mega-sub-menu li.widget_text {
    padding-left: 0 !important;
  }

  .end-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
  .end-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
  .end-header #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    background-color: var(--black-color);
  }

  .end-header #mega-menu-wrap-primary .mega-menu-toggle~button.mega-close:before {
    color: #000;
    position: absolute;
    right: 0;
    font-size: 35px;
  }

  .end-header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open+#mega-menu-primary {
    width: 100%;
    padding: 70px 0px 20px 0px;
  }

  .end-header #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open~button.mega-close {
    right: 5%;
    top: 3%;
  }

  .end-header .mega-d-none {
    display: block !important;
  }

  .end-header .mega-phone-number a {
    position: relative;
    padding-left: 25px !important;
  }

  .end-header .mega-menu-email a {
    position: relative;
    padding-left: 25px !important;
  }

  .end-header li.mega-phone-number a::before {
    content: "\f095";
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    /* position: absolute !important; */
    font-size: 16px !important;
    left: 0px;
  }

  .end-header li.mega-menu-email a::before {
    content: "\f0e0";
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    /* position: absolute !important; */
    font-size: 16px !important;
    left: 0px;
  }

  .end-header li.mega-menu-get-quote {
    border-bottom: 0 !important;
  }

  .end-header li.mega-menu-get-quote a {
    max-width: 365px !important;
    width: max-content !important;
    background-color: var(--blue-color) !important;
    border-radius: 50px !important;
    border: 2px solid var(--blue-color) !important;
    color: var(--white-color) !important;
    position: relative;
    padding-left: 35px !important;
    padding: 2px 18px 40px 0px !important;
    margin-top: 10px !important;
    margin-left: 30px !important;
  }

  .end-header li.mega-menu-get-quote a::before {
    content: "";
    background-image: url(https://init.initfusion.in/wp-content/uploads/2025/07/call-icon.svg) !important;
    width: 22px !important;
    height: 22px !important;
    margin-right: 10px !important;
    background-repeat: no-repeat !important;
    background-size: 90% 90% !important;
    vertical-align: middle !important;
  }

  .end-header .mega-menu-item {
    border-bottom: 1px solid #80808054 !important;
    padding-block: 10px !important;
  }

  .end-header #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    padding-left: 30px !important;
  }

  #aboutUs .box.box2 {
    padding-left: 20px;
  }

  #touch .input-group .submit_btn {
    padding: 1px 30px;
  }

  #homeBanner #homeBannerCarousel .item,
  #singleCaseStudyBanner .item {
    padding: 0px 0 40px;
  }

  section#news {
    padding: 40px 0;
  }

  #partnership .section-heading {
    margin-bottom: 30px;
  }

  #life .events-box .events-info {
    grid-template-columns: 1fr 1fr;
  }

  /* #life .events-box .modal-box .modal-box-body {
    max-width: 90vw;
  } */

  #textSection .form-box {
    padding: 25px 20px !important;
  }

  #textSection .cv-form {
    margin-bottom: 0 !important;
  }

  #textSection .form-title h3 {
    font-size: 22px;
    text-align: center;
  }

  #dynamic .box img {
    max-width: 50%;
    margin: 0 auto;
    display: flex;
    margin-bottom: 20px;
  }

  #dynamic .box {
    padding: 30px 20px;
    margin-bottom: 30px;
  }

  #dynamic .box-2 .row {
    flex-direction: column-reverse;
  }

  #dynamic .content-box {
    text-align: center;
  }

  #dynamic .box .title h4 {
    font-size: 30px;
  }

  #dynamic .box p {
    font-size: 18px;
  }

  .cmn-blog-section .box .date {
    padding: 8px 20px;
    left: 20px;
  }

  #getInTouch .box2 label {
    font-size: 15px;
  }

  #connect-company {
    padding: 60px 0;
  }

  #connect-company .box {
    padding: 20px 15px;
  }

  #connect-company .box h6 {
    font-size: 20px;
  }

  #connect-company .box p {
    margin-bottom: 10px;
  }

  #gallery .box .text-box h3 {
    font-size: 20px;
  }

  #blog-details h1 {
    font-size: 28px;
  }

  #blog-details h2 {
    font-size: 24px;
  }

  #blog-details h3 {
    font-size: 22px;
  }

  #blog-details h4 {
    font-size: 20px;
  }

  #blog-details h5,
  #blog-details h6 {
    font-size: 18px;
  }

  #blog-details {
    padding: 60px 0;
  }

  .thankyou-main {
    padding: 60px 0;
  }

  .thankyou-main .img-box img {
    max-width: 50%;
  }

  .thankyou-main .text-box h2 {
    font-size: 32px;
    margin-bottom: 15px;
  }

  .thankyou-main .text-box p {
    font-size: 20px;
  }

  #intro-part .text-box h2 {
    text-align: center;
    color: var(--white-color);
    opacity: 87%;
  }

  #intro-part {
    padding: 60px 0 90px;
    background-image: url(/wp-content/themes/initfusion/assets/images/dot-frame-4.png);
    background-size: cover;
    background-position: center;
  }

  #intro-part .img-box {
    justify-content: center;
  }

  #intro-part .row {
    row-gap: 30px;
  }

  #intro-part .img-box img {
    max-width: 50%;
  }

  #feature .section-heading {
    margin-bottom: 40px;
  }

  #feature .img-box img {
    max-width: 30%;
  }

  #feature .col-lg-6:nth-child(odd) .img-box,
  #feature .col-lg-6:nth-child(even) .img-box {
    width: max-content;
    margin: 0 auto;
  }

  #feature .img-box img {
    max-width: 60%;
  }

  #download-btns .buttons-box {
    max-width: 50%;
  }

  #feature .row {
    row-gap: 30px;
  }

  #feature .row:nth-child(odd) {
    flex-direction: column-reverse;
  }

  #feature .text-box h3 {
    text-align: center;
  }

  #feature .text-box p,
  #intro-part .text-box p,
  #download-btns .text-box p {
    font-size: 16px;
    text-align: center;
  }

  #intro-part .text-box p {
    color: var(--white-color);
    opacity: 70%;
  }

  #feature {
    margin-top: 0px;
  }

  /* --------------------------------- forceone page css start ---------------------------------*/

  #download_app .text-box p,
  #dacia_download_app .text-box p,
  .features-img-with-content-section .text-block p,
  .app-features-content p,
  .features-img-with-content-section .text-block p,
  .app-features-content p,
  .about-content-box p,
  .about-text-box p,
  .text-border-wrapper p {
    font-size: 16px;
  }

  .app-features-section .left-col-section {
    text-align: left;
  }

  .middle-img-section {
    text-align: center;
    margin: 20px 0;
  }

  .features-img-with-content-section .icon-block {
    margin-bottom: 0;
    margin-right: 20px;
  }

  .features-img-with-content-section .icon-text-block {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: left;
  }

  .features-img-with-content-section .heading-block h4 {
    line-height: inherit;
  }

  .features-img-with-content-section .left-col-section .text-block p {
    max-width: inherit;
  }

  .app-features-section .middle-img-section img {
    max-width: 280px;
    width: 100%;
  }

  .app-features-section .right-col-section {
    padding-top: 60px;
    padding-left: 0;
  }

  .app-features-section .left-col-section {
    padding-right: 0;
    padding-bottom: 20px;
  }

  #download_app .img-box,
  #dacia_download_app .img-box {
    padding-left: 10px;
  }

  .detail-cmn-banner-box .text-border-wrapper h1 {
    font-size: 30px;
  }

  #about_section .section-heading h2,
  #dacia_about_section .section-heading h2,
  .app-features-content-box .section-heading h2,
  #download_app .text-box h2,
  #dacia_download_app .text-box h2 {
    font-size: 28px;
  }

  .about-text-box::before {
    width: 23px;
    left: 10px;
    height: 23px;
  }

  .about-text-box {
    padding-left: 50px;
  }

  .detail-cmn-banner-box .text-border-wrapper::before {
    top: -30px;
    left: 40px;
    bottom: -30px;
  }

  .download-app-btn-wrap {
    margin: 40px -10px 10px;
  }

  .download-app-btn-wrap a {
    padding: 0 10px;
    max-width: 180px;
  }

  .detail-cmn-banner-box .text-border-wrapper {
    padding: 55px 20px;
  }

  .app-features-section .middle-img-section img {
    border-radius: 29.39px;
  }

  /* --------------------------------- forceone page css end ---------------------------------*/

  .meeter-about-three-col-section .left-col-section,
  .meeter-about-three-col-section .right-col-section {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
  }

  .meeter-about-three-col-section .icon-heading-block {
    position: inherit;
    width: calc(50% - 10px);
    margin-bottom: 60px;
    min-height: inherit;
  }

  .meeter-about-our-app-section {
    padding: 80px 0 60px;
  }

  .meeter-about-content-box {
    margin-bottom: 50px;
  }

  .meeter-banner-section {
    padding: 80px 0px;
  }

  .meeter-banner-section .banner-left-box .text-box h1 {
    font-size: 30px;
  }

  .meeter-text-box-wrap .text-box h2,
  .meeter-text-box-block .text-box h2,
  .meeter-about-content-box h2 {
    font-size: 28px;
  }

  #game_screenshots .game-img {
    width: 33.33%;
  }

  #nult_bolt_banner .banner-left-box h1 {
    font-size: 30px;
  }

  .nult-bolt-two-col-wrapper .text-box h2,
  .nult-bolt-img-text-section-wrapper h2,
  #game_screenshots .section-heading h2 {
    font-size: 28px;
  }

  .hero-section .text-block h1 {
    font-size: 30px;
  }

  .animated-middle-content-box .section-heading h2,
  .super6-img-text-section .text-block h2,
  .super6-video-section .video-content h2 {
    font-size: 28px;
  }

  .nult-bolt-img-text-section-wrapper p,
  #nult_bolt_banner .banner-left-box p,
  .nult-bolt-two-col-wrapper .text-box p {
    font-size: 16px;
  }

  .super6-img-text-section .collage-wrapper {
    position: relative;
    right: -170px;
    bottom: -80px;
  }

  .super6-img-text-section .text-block {
    max-width: 100%;
    text-align: center;
  }

  .super6-img-text-section {
    padding: 360px 0 0;
  }

  .hero-section .marquee-container {
    top: 18%;
  }

  .hero-section .text-block {
    margin-bottom: 0;
    padding-left: 20px;
  }

  .mockup-img {
    max-width: 180px;
  }

  .animated-middle-section .img-box {
    position: static;
    max-width: 50%;
    margin: 0 auto;
  }

  .animated-middle-content-box {
    margin-bottom: 50px;
  }

  .animated-middle-section .phone-group {
    margin-bottom: 20px;
  }

  .super6-video-section .video-content {
    padding: 30px;
    top: -100px;
  }

  .super6-video-section .video-content {
    max-width: 740px;
  }

  .super6-video-section .video-content p {
    font-size: 18px;
  }

  .super6-video-section .download-btn-block {
    margin-top: 30px;
  }

  .hero-section .marquee-container {
    top: 10%;
  }

  .meeter-banner-section .img-box {
    gap: 10px;
    padding-left: 10px;
  }

  #ourExpertise .section-heading {
    text-align: center;
  }

  #ourExpertise .content-box h4 {
    text-align: center;
  }

  #ourExpertise .content-box .text-box p {
    text-align: center;
  }

  #ourExpertise .box .list-box ul {
    justify-content: center;
  }

  .product-dynamic .product-dynamic-box {
    flex-direction: column;
  }

  .product-dynamic .sticky-panel {
    background: white;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    display: none;
  }

  .product-dynamic .boxes {
    padding-left: 0px;
    width: 100%;
  }

  .product-dynamic .digit {
    justify-content: unset;
  }

  .product-dynamic .number {
    height: 5rem;
  }

  .product-dynamic .slide-title {
    font-size: 22px;
    padding: 10px 0;
  }

  .product-dynamic .project-name {
    width: 20%;
  }

  .product-dynamic .line {
    width: 70%;
  }

  .product-dynamic h2 {
    font-size: 24px;
  }

  .product-dynamic .box {
    margin-bottom: 20px;
  }

  .product-dynamic .box:last-child {
    margin-bottom: 0;
  }

  .cmn-blog-section .box .text a {
    font-size: 16px;
  }

  .hire-developer .boxes {
    grid-template-columns: repeat(3, 1fr);
  }

  .hire-developer .info-modal .modal-dialog {
    max-width: 90%;
  }

  .single-our_portfolio #banner {
    padding-bottom: 170px;
  }

  .single-our_portfolio .mobiles-banner {
    padding-bottom: 40px;
  }

  .development {
    padding: 40px 0;
  }

  .development .row {
    row-gap: 25px;
  }

  .develop-process {
    padding: 40px 0;
  }

  .develop-process .section-heading {
    gap: 20px;
    margin-bottom: 40px;
    flex-direction: column;
  }

  .develop-process .section-heading h2 {
    width: 100%;
  }

  .develop-process .box .img-box::after {
    background-size: 100%;
    transform: translate(80%, -50%);
  }

  .develop-process .section-heading p {
    text-align: center;
  }

  .recent-higlight .item {
    flex-wrap: wrap;
    justify-content: center;
  }

  .recent-higlight .item .text-box h5 {
    text-align: center;
  }

  .recent-higlight .item .text-box p {
    text-align: center;
  }

  .recent-higlight {
    padding: 40px 0;
  }

  .product-dynamic {
    padding: 40px 0;
  }

  .end-header .mobile-mega-logo {
    position: absolute;
    top: 0;
    display: block;
  }

  .end-header .mobile-mega-logo img {
    max-width: 150px !important;
  }

  .case-study-section,
  .ourApp-section,
  .ourAppBanner {
    padding: 60px 0;
  }

  .case-study-section .case-boxes .box.coming-soon .img-box::after {
    font-size: 28px;
  }

  .case-study-section .case-boxes .box .text-box .case-title h3,
  .case-study-section .case-boxes .box .text-box .case-title h3 a {
    font-size: 20px;
  }

  .ourApp-section .row {
    row-gap: 50px;
  }

  .ourApp-section .row .image-wrap,
  .ourApp-section.ourApp2 .row .image-wrap {
    text-align: center;
  }

  .ourApp-section .section-description {
    font-size: 16px;
    line-height: 1.3;
  }

  .product-dynamic .box {
    height: auto;
  }

  #our_team_section {
    padding: 60px 0 30px;
  }

  .our_team_section {
    padding-top: 30px !important;
    padding-bottom: 60px !important;
  }

  #feature_product .product_box_wrap .box {
    min-height: 450px;
  }

  #feature_product .product_box_wrap .box .text-box .product_title {
    font-size: 20px;
  }

  #feature_product .product_box_wrap .box .text-box {
    transform: translateY(0%);
  }

  #feature_product .product_box_wrap .box .text-box .product_description {
    opacity: 1;
  }

  .team-effect .box {
    padding: 30px 20px 0px 20px;
  }

  #header .top-header .left-box .link-box ul li:last-child {
    display: none;
  }

  #header .top-header .row {
    flex-direction: row-reverse;
  }

  #header .top-header .box2 .link-box ul {
    justify-content: flex-start;
  }

  #header .top-header .left-box {
    display: flex;
    justify-content: end;
  }

  #feature_product {
    padding: 60px 0;
  }

  .end-header #mega-menu-wrap-primary {
    z-index: 99999999999999;
  }


  #footer .box.box3 {
    margin-top: 20px;
  }

  a.flag-icon {
    font-size: 16px;
  }

  .game-listing .game-item .image-box {
    margin-bottom: 10px;
  }

  .game-listing .game-box {
    row-gap: 20px;
  }

  .game-listing {
    padding-top: 60px;
  }

  .game-listing .game-item .game-title h6 {
    font-size: 14px;
  }

  .game-detail .intro-box .game-image {
    padding: 12%;
  }

}

@media (max-width: 767px) {
  .mobile {
    display: block !important;
  }

  .desktop {
    display: none !important;
  }

  .game-box.mobile {
    display: flex !important;
  }

  .game-box.desktop {
    display: none !important;
  }

  .game-detail .verified.mobile,
  .game-detail .ratings.mobile {
    display: flex !important;
  }

  .game-detail .verified.desktop,
  .game-detail .ratings.desktop {
    display: none !important;
  }

  .game-detail .intro-box .badges.mobile {
    display: flex !important;
  }

  .game-detail .intro-box .badges.desktop {
    display: none !important;
  }

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

  .button-box ul {
    justify-content: center;
  }

  #homeBanner .content-box,
  #singleCaseStudyBanner .content-box {
    padding: 0 0 30px 0;
  }

  #homeBanner .text-title p,
  #singleCaseStudyBanner .text-title p {
    margin-top: 0;
  }

  .button-box ul {
    justify-content: flex-start;
  }

  #brand .brand-box {
    margin-top: 0;
  }

  #brand {
    padding: 40px 0;
  }

  #mission.aboutUs-mission,
  #about.home_about {
    padding: 40px 0;
  }

  #service.home_service_section {
    padding-top: 40px;
  }

  #hire {
    padding-top: 40px;

    margin-bottom: 40px;
  }

  section {
    padding-bottom: 40px;
  }

  .cmn-blog-section {
    padding: 40px 0;
  }

  #award .certificate-list {
    padding-bottom: 30px;

    justify-content: center;
  }

  #process {
    padding: 40px 0;
  }

  .text-title p {
    margin: 0 0 15px 0;
  }

  #award {
    padding-top: 40px;
  }

  #subscribe .subscribe-box {
    background-size: auto;
  }

  footer h4 {
    font-size: 24px;

    margin: 0;

    padding-bottom: 20px;
  }

  footer {
    padding-top: 120px;
  }

  footer .top-box .link-box ul a {
    font-size: 15px;
  }

  /* .footer-part .box {
    padding-bottom: 25px;
  } */

  footer .middle-box {
    margin-top: 0;

    padding: 30px 0 0 0;
  }

  footer .end-box {
    padding: 20px 0 20px;

    text-align: center;
  }

  footer .end-box .link-box ul {
    justify-content: center;
  }

  .end-box .box {
    padding: 3px 0;
  }

  #touch {
    padding-top: 40px;
  }

  #about .box.box2 {
    padding-top: 30px;
  }

  #aboutUs {
    padding-top: 40px;
  }

  #aboutUs .box.box1 {
    padding-top: 0;

    padding-bottom: 30px;
  }

  #expert {
    padding: 40px 0;
  }

  #gallery.galleryb {
    padding: 40px 0;
  }

  #walk {
    padding: 40px 0;
  }

  #journery .box.box1 {
    margin-top: 20px;

    margin-bottom: 20px;
  }

  #journery .box.box3 {
    margin-top: 20px;

    margin-bottom: 20px;
  }

  #hireWeb .box.box2 {
    margin-top: 40px;
  }

  #whyChoose.whyChoosec {
    padding: 40px 0;
  }

  #whyChoose.whyChoosec {
    margin-bottom: 40px;
  }

  #businessModels .box {
    margin: 15px 0;

    height: auto;
  }

  #weareHire {
    padding: 40px 0;
  }

  .page-id-54 #weareHire {
    padding: 40px 0 0;
  }

  #opportunity {
    padding: 40px 0;
  }

  .partnership-part {
    padding-top: 0px;
    background-size: contain;
  }

  #partnership .row {
    flex-direction: column-reverse;
    row-gap: 20px;
  }

  #our_team_section .team_list .team h3 {
    font-size: 20px;
  }

  #our_team_section .team_list .team p {
    font-size: 16px;
  }

  #our_team_section .team_list .col-lg-4 {
    margin: 15px 0 0;
  }

  #event {
    padding-top: 40px;
  }

  section#eventC {
    padding-top: 0;

    padding-bottom: 40px;
  }

  .blog-list {
    width: 100%;

    margin: 30px 0;
  }

  #news .content-box {
    display: inline-block;
  }

  .blog_box {
    width: 45.1%;
  }

  #header .top-header .link-box ul {
    justify-content: center;
  }

  /* #header .top-header .box2 .link-box ul {
        justify-content: center;
        margin-top: 12px;
    } */

  /* without right box */
  /* #header .top-header .left-box, .right-box {
        display: block;
    } */

  #homeBanner .box img,
  #singleCaseStudyBanner .box img {
    margin: 0 auto;
  }

  #homeBanner .shape-box .blue,
  #singleCaseStudyBanner .shape-box .blue {
    left: unset;
    right: 5%;
    top: 35%;
  }

  #homeBanner .shape-box .dots,
  #singleCaseStudyBanner .shape-box .dots {
    left: unset;
    right: 5%;
    top: 38%;
  }

  #hire .item {
    margin: 0 10px !important;
  }

  #partnership .box.box1 .img-box {
    text-align: center;
  }

  #news .news-part {
    text-align: center;
  }

  #touch .content-box {
    text-align: center;
    margin-bottom: 30px;
  }

  #news .post-thumbnail .wp-post-image {
    max-width: 100% !important;
  }

  #service .box {
    max-width: 500px;
    margin: 10px auto;
  }

  /* About Page Css */
  #expert .box {
    max-width: 500px;
    margin: 10px auto;
  }

  /* About Page Css End */

  /* Mobile-app-development Page Css */
  #mobileDevelopment .box.box1 .img-box {
    text-align: center;
    margin-bottom: 30px;
  }

  #mobileDevelopment .box.box2 {
    padding-left: 0;
  }

  #ourExpertise .box.box1 .img-box img,
  #ourExpertise .box.box3 .img-box img {
    max-width: 40%;
  }

  /* Mobile-app-development Page Css End */

  /* portfolio Page Css */
  #gallery.galleryb .nav-tabs {
    margin-bottom: 30px;
  }

  #gallery.galleryb .nav-tabs button {
    margin-bottom: 10px;
  }

  /* portfolio Page Css End */

  /* Hire us Page Css */
  #weareHire .list-box ul {
    padding-top: 0;
  }

  #weareHire .list-box ul li {
    width: 33.33%;
    padding: 10px 45px;
  }

  #weareHire .list-box ul li:nth-child(2),
  #weareHire .list-box ul li:nth-child(4) {
    padding-top: 0;
  }

  /* Hire us Page Css End */

  /* Career Page Css */
  #careers .box.box2 {
    margin: 20px 0;
  }

  #positions ul.list .content-box {
    padding: 15px 15px;
    max-width: 100%;
  }

  /* Career Page Css End */

  /* Contact-us Page Css */
  #getInTouch {
    padding: 40px 0;
  }

  #getInTouch .box.box2 {
    padding: 25px 12px !important;
    border-radius: 25px !important;
  }

  /* Contact-us Page Css End */

  /* Careers details Page Css */
  /* #developer {
    margin-top: -110px;
  } */

  #developer .box ul {
    padding-bottom: 10px;
  }

  /* Careers details Page Css End */

  /* Portfolio details Page Css */
  #design .box.box1 .list-box {
    flex-wrap: wrap;
  }

  #design .box.box1 .list-box li:not(:last-child) {
    padding-right: 2%;
    margin-right: 2%;
  }

  #design .box.box1 .list-box li {
    width: 48%;
    margin-bottom: 30px;
  }

  #design .box.box1 .list-box li:last-child {
    width: 48%;
    justify-content: flex-start;
  }

  #design .box.box1 .list-box li:nth-child(2)::after {
    display: none;
  }

  #design .box.box2 {
    padding: 10px 0 20px;
  }

  #design .end-box .box.left-box .list-box ul {
    flex-direction: row;
    column-gap: 10px;
    margin-bottom: 15px;
  }

  #design .end-box .box.right-box .top-box {
    padding-bottom: 10px;
  }

  #design .box.left-box .title {
    padding-bottom: 10px;
  }

  /* Portfolio details Page Css End */

  #footer .top-box .box.box2 {
    padding-left: 0px;
  }

  #footer .row {
    row-gap: 25px;
  }

  #footer .container {
    max-width: 100%;
  }

  #news-letter h3 {
    text-align: center;
  }

  #news-letter .news-letter-box {
    padding: 18px 18px;
  }

  #news-letter .col-md-6:first-child {
    justify-content: center;
  }

  #aboutUs .box.box2 {
    padding-left: 0px;
  }

  #testimonial {
    padding: 40px 0;
  }

  #touch .input-group .submit_btn {
    margin: 0 auto;
  }

  #footer {
    position: relative;
    /* margin-top: 100px; */
  }

  /* #life .events-box .modal-box .modal-box-body {
    padding: 15px 15px;
  } */

  #textSection .form-box {
    padding: 25px 12px !important;
    border-radius: 25px !important;
  }

  #dynamic .box {
    padding: 20px 10px;
    border-radius: 20px;
  }

  #connect-company {
    padding: 40px 0;
  }

  #connect-company .section-heading {
    margin-bottom: 30px;
  }

  #connect-company .row {
    row-gap: 25px;
  }

  #connect-company .box {
    border-radius: 15px;
  }

  #connect-company .box p span {
    margin-bottom: 10px;
    font-size: 17px;
  }

  #product {
    padding: 40px 0;
  }

  .cmn-pages .title h1 {
    font-size: 35px;
  }

  .cmn-pages .title {
    margin-bottom: 30px;
  }

  .cmn-pages h2 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .cmn-pages ul li {
    margin-bottom: 10px;
  }

  .cmn-pages p {
    margin-bottom: 10px;
  }

  .cmn-pages {
    padding: 20px 0;
  }

  #gallery .row .col-md-6 {
    width: calc(100% - 0px);
  }

  #blog-details {
    padding: 40px 0;
  }

  #blog-details h1 {
    font-size: 22px;
  }

  #blog-details h2 {
    font-size: 20px;
  }

  #blog-details h3 {
    font-size: 20px;
  }

  #blog-details h4 {
    font-size: 18px;
  }

  #blog-details h5,
  #blog-details h6 {
    font-size: 16px;
  }

  #blog-details .blog-content {
    padding: 20px 0 10px;
  }

  #blog-details .detail {
    margin-bottom: 15px;
  }

  #blog-details .blog-content p {
    font-size: 14px;
  }

  #blog-details .blog-content li {
    font-size: 14px;
  }

  #news-letter .mail-box .btn.btn-white {
    right: 5px;
    top: 5px;
  }

  .thankyou-main {
    padding: 40px 0;
  }

  .thankyou-main .shape-box .dots {
    left: unset;
    right: 5%;
    top: 38%;
  }

  .thankyou-main .shape-box .blue {
    left: unset;
    right: 5%;
    top: 35%;
  }

  #intro-part {
    padding: 40px 0;
  }

  #feature {
    padding: 40px 0;
  }

  #feature .text-box h3 {
    font-size: 24px;
  }

  #intro-part .text-box h2 {
    font-size: 24px;
  }

  #download-btns .text-box h3 {
    font-size: 24px;
  }

  #feature .img-box img {
    max-width: 70%;
  }

  #feature .col-lg-6:nth-child(odd) .img-box,
  #feature .col-lg-6:nth-child(even) .img-box {
    max-width: 60%;
  }

  #feature .section-heading {
    margin-bottom: 20px;
  }

  #download_app .text-box,
  #dacia_download_app .text-box {
    margin-bottom: 50px;
  }

  #download_app .img-box img,
  #dacia_download_app .img-box img {
    max-width: 500px;
    width: 100%;
  }

  #download_app .img-box,
  #dacia_download_app .img-box {
    padding-left: 0;
  }

  .download-app-wrapper,
  #download_app .img-box,
  #dacia_download_app .img-box {
    text-align: center;
  }

  .detail-cmn-banner .img-box {
    text-align: center;
  }

  .text-border-wrapper {
    text-align: center;
  }

  .detail-cmn-banner-box .custom-banner {
    margin-bottom: 80px;
  }

  .detail-cmn-banner .img-box {
    text-align: center;
  }

  .detail-cmn-banner .text-border-wrapper {
    max-width: 500px;
    width: 100%;
  }

  .detail-cmn-banner-box .text-border-wrapper::before {
    top: -40px;
    left: 40px;
    bottom: -40px;
  }

  .about-two-col-section .img-box img {
    max-width: 550px;
    width: 100%;
  }

  .about-two-col-section .img-box {
    text-align: center;
    margin-bottom: 50px;
  }

  .meeter-banner-wrapper {
    text-align: center;
  }

  .meeter-banner-section .banner-left-box .text-box p {
    max-width: 100%;
  }

  .meeter-about-content-box p,
  .meeter-text-box-wrap .text-box p,
  .meeter-banner-section .banner-left-box .text-box p,
  .meeter-text-box-block .text-box p {
    font-size: 16px;
  }

  .meeter-two-col-wrapper .meeter-text-box-block {
    margin-bottom: 40px;
    text-align: center;
  }

  .meeter-two-col-section .meeter-text-box-wrap {
    padding-left: 0;
    text-align: center;
    margin-top: 30px;
  }

  .meeter-banner-section .img-box {
    padding-left: 0;
    margin-top: 100px;
  }

  #meeter_two_col_section1 {
    padding: 70px 0 60px;
  }

  .nult-bolt-banner-wrapper {
    text-align: center;
  }

  #nult_bolt_banner .banner-left-box h1 {
    max-width: 100%;
  }

  .nult-bolt-banner-wrapper .img-box img {
    max-width: 500px;
    width: 100%;
  }

  .nult-bolt-banner-wrapper .banner-left-box {
    margin-bottom: 40px;
  }

  .nult-bolt-text-box-wrap {
    max-width: 100%;
    text-align: center;
  }

  .nult-bolt-img-text-section-wrapper,
  .nult-bolt-two-col-section .img-box {
    text-align: center;
  }

  .nult-bolt-two-col-section .img-box,
  .nult-bolt-img-text-section-wrapper .text-box {
    margin-bottom: 30px;
  }

  .nult-bolt-two-col-section .img-box img {
    max-width: 410px;
    height: 440px;
  }

  #nult-bolt_two_col_section {
    padding-bottom: 140px;
  }

  #game_screenshots .game-img {
    width: 50%;
  }

  #nult_bolt_img_text::after,
  #nult_bolt_img_text::before {
    height: 90px;
  }

  #nult_bolt_img_text::before {
    top: -80px;
  }

  .nult-bolt-img3 {
    left: 0;
  }

  .super6-img-text-section .collage-wrapper {
    right: -40px;
  }

  .mockup-img {
    max-width: 140px;
  }

  .super6-video-section .video-content {
    max-width: 550px;
  }

  .super6-video-section .download-btn-block a img {
    margin-right: 10px;
    max-width: 40px;
  }

  #opportunity .opportunityCarousel img {
    width: 100%;
  }

  .super6-video-section .download-btn-block a strong {
    font-size: 20px;
  }

  .super6-img-text-section {
    padding: 270px 0 0;
  }

  .super6-img-text-section .collage-wrapper {
    right: -80px;
  }

  .hero-section .text-block p,
  .animated-middle-content-box p,
  .super6-img-text-section .text-block p {
    font-size: 16px;
  }

  .hero-section .text-block p {
    max-width: 100%;
  }

  .hero-section .text-block {
    padding-left: 0;
    text-align: center;
  }

  .phone-mockup {
    margin-bottom: 30px;
    margin-top: 150px;
  }

  .animated-middle-section .img-box {
    max-width: 70%;
  }

  .develop-process .box .img-box::after {
    display: none;
  }

  .case-study-section,
  .ourApp-section,
  .ourAppBanner {
    padding: 40px 0;
  }

  .case-study-section .case-boxes .box .img-box {
    padding: 35% 0;
  }

  .case-study-section .case-boxes .box.coming-soon .img-box::after {
    font-size: 32px;
  }

  .ourApp-section.ourApp2 .row {
    flex-direction: column-reverse;
  }

  .ourApp-section .row .box {
    max-width: none;
  }

  .ourApp-section.ourApp3 .section-heading,
  .ourApp-section.ourApp3 .section-description {
    text-align: center;
  }

  .ourApp-section .row .image-wrap img {
    max-height: 500px;
  }

  .ourAppBanner .ourAppBanner-wrap {
    padding: 25% 0;
  }

  #our_team_section {
    padding: 40px 0 20px;
  }

  .our_team_section {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
  }

  #feature_product .product_box_wrap .row {
    row-gap: 30px;
  }

  #feature_product .product_box_wrap .box {
    max-width: 70%;
    margin: 0 auto;
    min-height: 400px;
  }

  #ourExpertise .box .list-box ul {
    flex-wrap: wrap;
    row-gap: 40px;
  }

  #feature_product {
    padding: 40px 0;
  }

  #ourExpertise,
  #mobileDevelopment,
  #whyChoose.whyChooseb,
  #comming {
    padding: 40px 0;
  }

  .case-study-section .case-boxes .row {
    row-gap: 40px;
  }

  .game-listing .game-item {
    width: calc(25% - 7.5px);
  }

  .game-listing .game-box.mobile .game-item {
    width: 100%;
  }

  .game-listing .game-box {
    gap: 10px;
  }

  .game-slider .item img {
    height: 150px;
  }

  .game-detail .intro-box .game-image {
    padding: 15%;
    border-radius: 10px;
  }

  .game-detail .intro-box .game-image img {
    border-radius: 10px;
  }

  .game-detail .description {
    margin-top: 30px;
  }

  .game-box .owl-nav button div {
    width: 30px;
    height: 30px;
  }

  .game-box .owl-nav img {
    width: 7px;
  }

  .game-detail .intro-box {
    gap: 20px;
  }
}

@media (max-width: 575px) {

  #header .top-header .col:first-child,
  #header .top-header .col:last-child {
    flex: 0 0 50%;
  }

  #header .top-header .right-box {
    padding-left: 0px;
    /* padding-top: 6px; */
  }

  #homeBanner .shape-box .dots img,
  #singleCaseStudyBanner .shape-box .dots img {
    max-width: 70%;
  }

  #homeBanner .shape-box .blue,
  #singleCaseStudyBanner .shape-box .blue {
    width: 60px;
    height: 60px;
  }

  #homeBanner .box.box2 .img-box img.dots,
  #singleCaseStudyBanner .box.box2 .img-box img.dots {
    max-width: 14% !important;
  }

  #brand .brand-box {
    padding: 30px 20px;
  }

  #gallery .row .col-md-6 {
    width: auto;
  }

  #hire .item p {
    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    overflow: hidden;
  }

  #process .col {
    width: 33%;

    padding: 12px 20px;

    flex: inherit;
  }

  #touch .img-box {
    padding-top: 0;

    padding-bottom: 30px;
  }

  .subscribe-box .input-group {
    flex-wrap: inherit;
  }

  #subscribe .text-box h2 {
    font-size: 20px;

    padding-bottom: 15px;
  }

  #header .main-nav {
    padding-left: 60px;
  }

  #gallery.galleryb .nav-tabs {
    column-gap: 0;
  }

  #gallery.galleryb .nav-tabs li.nav-item {
    width: 100%;

    padding: 7px 0;
  }

  #gallery.galleryb .nav-tabs button {
    width: 100%;

    margin-bottom: 0;
  }

  #gallery.galleryb .owl-dots button {
    width: auto;
  }

  h1 {
    position: relative;

    z-index: 9;
  }

  #weareHire .list-box ul li {
    width: 50%;

    padding: 15px 0;
  }

  #weareHire .list-box ul li:nth-child(2),
  #weareHire .list-box ul li:nth-child(4) {
    padding-top: 15px;
  }

  #weareHire .list-box ul .content-box {
    margin: 0 auto;
  }

  .page-id-56 #banner {
    padding-top: 150px;

    padding-bottom: 220px;
  }

  #careers .box ul {
    display: inline-block;

    column-gap: 0;

    row-gap: 0;

    margin: 15px 0;

    width: 100%;
  }

  #careers .box ul li .img-box img {
    width: 100%;
  }

  #careers .box ul li .end img {
    width: 100%;

    margin-top: 30px;
  }

  .footer_custom3 .footer-navigation-wrapper li {
    width: 100%;
  }

  .top-box {
    padding-bottom: 30px;
  }

  #gallery.gallerye .nav-tabs button {
    font-size: 18px;

    padding: 12px 24px;
  }

  .blog_box {
    width: 100%;

    margin-left: 0;

    margin-right: 0;
  }

  .blog-detail-page-left h1 {
    font-size: 25px !important;
  }

  .rightside .post_category h2 {
    font-size: 25px;
  }

  .post-navigation {
    margin: 0px auto 30px auto;

    max-width: 93%;
  }

  #service .box {
    max-width: 400px;
    padding-bottom: 12px;
  }

  footer {
    padding-top: 100px;
  }

  footer .logo-box img {
    max-width: 140px;
  }

  footer h4 {
    font-size: 22px;
    padding-bottom: 10px;
  }

  /* About Page Css */
  #expert .box {
    max-width: 400px;
  }

  /* About Page Css End */

  /* Blog Page Css */
  .blog_listing .blog_box a.post-thumbnail-inner {
    width: 100%;
  }

  .blog_listing .blog_box .blog-img .post-thumbnail img {
    max-width: 100% !important;
  }

  /* Blog Page Css End */

  /*  Careers details Page Css */
  #textSection .text-box .list-box {
    max-width: 75%;
  }

  /*  Careers details Page Css End */

  /* Portfolio details Page Css */
  #design .end-box .end-box ul {
    padding: 10px 0 30px;
  }

  /* Portfolio details Page Css End */
  #testimonial .review-box .item {
    margin: 15px 12px;
  }

  #footer .logo-box {
    display: flex;
    justify-content: center;
    padding-top: 30px;
  }

  #footer .top-box .logo-box img {
    max-width: 180px;
    margin-bottom: 20px;
  }

  #footer .end-box .row {
    row-gap: 10px;
  }

  #footer .logo-box {
    padding-top: 20px;
  }

  #footer .top-box h5 {
    margin-bottom: 22px;
  }

  #footer .end-box {
    padding: 20px 0;
    border-top: 1px solid var(--white-color);
    margin-top: 20px;
  }

  footer .top-box .list-box li:not(:last-child) {
    margin-bottom: 18px;
  }

  #dynamic .box img {
    max-width: 60%;
  }

  #dynamic .box .title h4 {
    font-size: 24px;
  }

  #dynamic .box .btn {
    font-size: 16px;
  }

  #gallery .box .text-box h3 {
    font-size: 18px;
  }

  #gallery .box .text-box p {
    margin-bottom: 0;
  }

  .thankyou-main .img-box img {
    max-width: 70%;
  }

  .thankyou-main .text-box h2 {
    font-size: 28px;
  }

  .thankyou-main .text-box p {
    font-size: 18px;
  }

  .thankyou-main .shape-box .blue {
    width: 60px;
    height: 60px;
  }

  .thankyou-main .shape-box .dots img {
    max-width: 70%;
  }

  .detail-cmn-banner .text-border-wrapper {
    max-width: 350px;
    width: 100%;
    padding: 55px 20px;
    text-align: center;
  }

  .detail-cmn-banner-box .text-border-wrapper h1 {
    font-size: 25px;
  }

  #about_section .section-heading h2,
  #dacia_about_section .section-heading h2,
  .app-features-content-box .section-heading h2,
  #download_app .text-box h2,
  #dacia_download_app .text-box h2 {
    font-size: 25px;
  }

  .about-two-col-section .img-box img {
    max-width: 360px;
  }

  .meeter-about-three-col-section .left-col-section,
  .meeter-about-three-col-section .right-col-section {
    justify-content: center;
    gap: 0;
  }

  .meeter-about-three-col-section .icon-heading-block {
    width: 100%;
    margin-bottom: 40px;
  }

  .meeter-about-three-col-section .icon-heading-block:last-child {
    margin-bottom: 0;
  }

  .meeter-about-three-col-section .middle-img-section::after {
    content: none;
  }

  .meeter-about-three-col-section .middle-img-section::before {
    width: 300px;
    height: 300px;
  }

  .meeter-banner-section .banner-left-box .text-box h1 {
    font-size: 25px;
  }

  .meeter-text-box-wrap .text-box h2,
  .meeter-text-box-block .text-box h2,
  .meeter-about-content-box h2 {
    font-size: 25px;
  }

  .meeter-banner-section .btn-box .cmn-btn {
    padding: 15px 30px;
    font-size: 17px;
  }

  .meeter-banner-section::before,
  .meeter-banner-section::after {
    width: 200px;
    height: 200px;
  }

  .meeter-banner-section::after {
    top: -50px;
  }

  #nult_bolt_banner .banner-left-box h1 {
    font-size: 25px;
  }

  .hero-section .text-block h1 {
    font-size: 25px;
  }

  .animated-middle-content-box .section-heading h2,
  .super6-img-text-section .text-block h2,
  .super6-video-section .video-content h2 {
    font-size: 25px;
  }

  .nult-bolt-two-col-wrapper .text-box h2,
  .nult-bolt-img-text-section-wrapper h2,
  #game_screenshots .section-heading h2 {
    font-size: 25px;
  }

  #game_screenshots .game-img {
    width: 100%;
    text-align: center;
  }

  .mockup-img {
    max-width: 110px;
  }

  .super6-video-section .video-content {
    max-width: 450px;
    top: -70px;
    border-radius: 20px;
  }

  .super6-img-text-section {
    padding: 390px 0 0;
  }

  .super6-img-text-section .collage-wrapper {
    right: -40px;
    bottom: -30px;
  }

  .hire-developer .info-modal .modal-dialog {
    max-width: 100%;
  }

  .hire-developer .info-modal .modal-content {
    padding: 20px 0px;
    border-radius: 20px;
  }

  .hire-developer .info-modal .role-info ul {
    padding-left: 20px;
    font-size: 15px;
    margin-bottom: 20px;
  }

  .hire-developer .info-modal .modal-header {
    padding: 0px 15px 0;
  }

  .single-our_portfolio #banner {
    padding-bottom: 120px;
  }

  .case-study-section .case-boxes .box.coming-soon .img-box::after {
    font-size: 34px;
  }

  #feature_product .product_box_wrap .box {
    max-width: none;
  }

  #header .top-header .left-box .link-box ul li:first-child {
    justify-content: end;
    display: flex;
    color: #0f1929;
    gap: 1px;
    margin: 0;
    font-size: 0;
    flex-direction: column;
  }

  /* .end-header #mega-menu-wrap-primary {
    top: 10px;
  } */

  .game-listing .game-item {
    width: calc(33.33% - 6.666px);
  }

}

@media (max-width: 479px) {
  h1 {
    font-size: 30px;
  }

  h2 {
    font-size: 23px;
  }

  h3 {
    font-size: 20px;
  }

  #header .header-box {
    padding: 5px 0 6px 15px;
  }

  #header .button-box .btn.btn.btn-white img {
    max-width: 26px;
  }

  #header .mobile-contact-info.button-box .btn.btn.btn-white {
    padding: 7px 10px;
  }

  #banner .link-box ul {
    padding: 6px 10px;
  }

  #banner .link-box ul li a {
    font-size: 12px;
  }

  #banner .shape-box .blue {
    width: 40px;
    height: 40px;
  }

  #banner .shape-box .dots {
    left: -14px;
  }

  #banner .shape-box .dots img,
  #banner .shape-box .dots2 img {
    max-width: 40%;
  }

  #banner .shape-box .dots2 {
    top: -40%;
    right: -10px;
  }

  .btn.btn-white,
  #service .box .btn.btn-white {
    padding: 8px 16px;
    font-size: 13px;
  }

  #brand .brand-box {
    padding: 22px 20px;
  }

  #touch .input-group .submit_btn .wpcf7-submit {
    font-size: 14px;
    padding: 10px 8px;
  }

  #service .box {
    max-width: 290px;
  }

  .owl-nav button img {
    max-width: 25px;
  }

  #process .col {
    padding: 12px 10px;
  }

  #process .content-box .text-box p {
    font-size: 13px;
  }

  #hire .item p {
    -webkit-line-clamp: 2;
  }

  #hire .item .btn.btn-white {
    padding: 5px 10px;
    font-size: 12px;
  }

  footer h4 {
    font-size: 20px;
  }

  /* About Page Css */
  .btn.btn-white.orange {
    padding: 6px 13px;
  }

  #expert .box {
    max-width: 290px;
    margin-bottom: 0px;
    padding-bottom: 0;
  }

  /* About Page Css End */

  /* Life-at-initfusion Page Css */
  #gallery.galleryb .nav-tabs #eventInYear .nav-item button h6 {
    font-size: 22px;
  }

  /* Life-at-initfusion Page Css End */

  /* Mobile-app-development Page Css */
  #ourExpertise .box .list-box ul {
    row-gap: 20px;
  }

  #ourExpertise .box .list-box ul li {
    margin-bottom: 20px;
  }

  /* Mobile-app-development Page Css End */

  /* Our-journey Page Css */
  #journery .box .year {
    font-size: 30px;
    margin-bottom: -9px;
  }

  /* Our-journey Page Css End */

  /* Hire us Page Css */
  #weareHire .list-box ul .content-box {
    width: 178px;
    height: 195px;
  }

  /* Hire us Page Css End */

  /* Career Page Css */
  #positions ul.list .content-box {
    flex-direction: column;
  }

  #positions ul.list .content-box:hover {
    max-width: 100%;
  }

  #positions ul.list .content-box>* {
    width: 100%;
    text-align: center;
  }

  #positions ul.list .content-box .time-box {
    margin: 10px 0;
  }

  #positions ul.list .content-box .button-box {
    text-align: center;
  }

  #positions ul.list .content-box .button-box .btn.btn-blue {
    padding: 8px 20px;
    font-size: 13px;
  }

  /* Career Page Css End */

  /* Contact-us Page Css */

  #getInTouch .input-group .wpcf7-submit {
    font-size: 16px;
    padding: 8px 30px;
  }

  /* Contact-us Page Css End */

  /*  Careers details Page Css */
  #textSection .text-box .list-box {
    max-width: 100%;
  }

  /*  Careers details Page Css End */

  .mail-box input {
    font-size: 14px;
  }

  #life .events-box .events-info {
    grid-template-columns: 1fr;
  }

  #textSection .row {
    row-gap: 15px;
  }

  #textSection .form-box input {
    padding: 8px 20px !important;
  }

  #textSection .form-title h3 {
    font-size: 18px;
  }

  #textSection .form-btn {
    padding: 8px 15px !important;
    font-size: 15px !important;
  }

  #developer {
    padding: 30px 0;
  }

  #textSection .text-box:not(:last-child) {
    margin-bottom: 22px;
  }

  #dynamic .box .title h4 {
    font-size: 20px;
  }

  #dynamic .box p {
    font-size: 16px;
  }

  #dynamic .box .text-title p {
    margin: 10px 0 20px;
  }

  .cmn-blog-section .box .date span {
    font-size: 20px;
  }

  .cmn-blog-section .box .date p {
    font-size: 12px;
  }

  .cmn-blog-section .box .date {
    padding: 6px 15px;
  }

  #getInTouch .row {
    row-gap: 15px;
  }

  #getInTouch .box2 label {
    font-size: 15px;
    margin-bottom: 3px;
  }

  .cmn-pages .title h1 {
    font-size: 30px;
  }

  .cmn-pages h2 {
    font-size: 20px;
  }

  .thankyou-main .text-box h2 {
    font-size: 23px;
    margin-bottom: 10px;
  }

  .thankyou-main .text-box p {
    font-size: 16px;
  }

  .thankyou-main .text-box {
    padding: 20px 0 20px;
  }

  .thankyou-main .img-box img {
    max-width: 90%;
  }

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

  #intro-part .img-box img {
    max-width: 70%;
  }

  #feature .text-box h3 {
    font-size: 20px;
  }

  #feature .img-box img {
    max-width: 80%;
  }

  #screens {
    padding-top: 40px;
  }

  #download-btns .text-box h3 {
    font-size: 22px;
  }

  #download-btns .buttons-box {
    max-width: 100%;
    gap: 10px;
  }

  #screens::before {
    height: 190px;
  }

  .detail-cmn-banner-box .text-border-wrapper::before {
    top: -20px;
    left: 20px;
    bottom: -20px;
    border: 5px solid var(--white-color);
  }

  #about_section,
  #dacia_about_section,
  .app-features-section,
  #download_app,
  #dacia_download_app {
    padding: 70px 0 50px;
  }

  .detail-cmn-banner-box .text-border-wrapper::before {
    display: none;
  }

  .super6-video-section .video-content {
    max-width: 310px;
    top: -70px;
    padding: 20px;
  }

  .super6-video-section .video-content h2 {
    font-size: 22px;
  }

  .super6-video-section .video-content p {
    font-size: 15px;
  }

  .mockup-img {
    max-width: 90px;
  }

  .phone-mockup img {
    max-width: 300px;
  }

  #ourExpertise .section-heading h2 {
    font-size: 23px;
  }

  .product-dynamic h2 {
    font-size: 20px;
  }

  .product-dynamic .project-name {
    width: 30%;
  }

  .product-dynamic .img-box img {
    max-width: 100%;
    margin-top: 20px;
  }

  .hire-developer .boxes {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 40px;
  }

  .hire-developer .tech-icon img {
    max-width: 40px;
    max-height: 40px;
  }

  .hire-developer .box .arrow-img img {
    max-width: 10px;
  }

  .develop-process .section-heading h2 {
    font-size: 23px;
  }

  .single-our_portfolio #banner {
    padding-bottom: 80px;
  }

  .recent-higlight .item .text-box p {
    line-height: 1.4;
  }

  #homeBanner #homeBannerCarousel .item {
    padding: 0 10px !important;
  }

  #homeBanner .container {
    padding: 0;
  }

  .features-img-with-content-section .icon-block p {
    width: 35px;
    height: 35px;
    font-size: 18px;
  }

  #header .top-header .link-box ul a {
    font-size: 14px;
  }

}

@media (max-width: 375px) {
  h1 {
    font-size: 26px;
  }

  #header .header-box {
    padding: 5px 0 6px 8px;
  }

  #header .top-header .right-box .link-box ul li:not(:last-child) {
    margin-right: 6px;
  }

  #header .top-header .box2 .link-box i {
    margin-right: 6px;
  }

  #header .top-header .right-box a {
    width: 22px;
    height: 22px;
  }

  #header .top-header .link-box ul a i {
    font-size: 13px;
  }

  #header .top-header .link-box ul a {
    font-size: 13px;
  }

  #service .box {
    max-width: 256px;
    padding: 20px 20px;
  }

  #banner .shape-box .blue {
    bottom: 10%;
  }

  #banner .shape-box .dots2 {
    top: -50%;
  }

  /* About Page Css */
  #expert .box {
    max-width: 256px;
    padding: 20px 20px;
  }

  #expert .text-box h5 {
    font-size: 20px;
  }

  /* About Page Css End */

  /* Hire Us Page Css */
  #weareHire .list-box ul .content-box {
    width: 150px;
    height: 165px;
  }

  /* #weareHire .list-box ul .content-box img {
    width: 40px;
    height: 40px;
  } */

  #weareHire .list-box ul .text-box h3 {
    font-size: 17px;
  }

  /* Hire Us Page Css End */

  /* Portfolio details Page Css */
  #design .box.box1 .list-box li h5 {
    font-size: 16px;
  }

  /* Portfolio details Page Css End */

  .download-app-btn-wrap a {
    padding: 0 10px 20px;
  }

  .mockup-img {
    max-width: 80px;
  }

  .super6-video-section .video-content {
    top: -50px;
  }


}

@media (max-width: 320px) {
  /* #header .top-header .box2 .link-box ul {
        margin-top: 6px;
    } */

  #header .top-header .link-box ul a.email {
    margin-top: 6px;
  }

  #service .box {
    max-width: 216px;
  }

  #hire .item .title p {
    margin-bottom: 0;
  }

  #hire .item p {
    font-size: 12px;
  }

  #hire .item .btn.btn-white {
    padding: 4px 11px;
    font-size: 9px;
  }

  #hire .button-box ul {
    margin-top: 5px;
  }

  .footer_custom1 .footer-navigation-wrapper li {
    width: 46.33%;
    padding: 6px 0;
  }

  .footer_custom2 .footer-navigation-wrapper li,
  .footer_custom3 .footer-navigation-wrapper li {
    padding: 6px 0;
  }

  /* Inner Page Banner Css */
  #banner .shape-box .blue {
    width: 50px;
    height: 50px;
  }

  #banner .shape-box .dots {
    left: -8px;
  }

  #banner .shape-box .dots img {
    max-width: 40%;
  }

  #banner .shape-box .dots2 img {
    max-width: 40%;
  }

  .text-title p {
    font-size: 13px;
  }

  /* Inner Page Banner Css End */

  /* About Page Css */
  #expert .box {
    max-width: 216px;
  }

  /* About Page Css End */

  /* Hire Us Page Css */
  #weareHire .list-box ul .content-box {
    width: 130px;
    height: 145px;
  }

  #weareHire .list-box ul .text-box h3 {
    font-size: 14px;
  }

  #weareHire .list-box ul .content-box img {
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
  }

  .hire-developer .boxes {
    grid-template-columns: repeat(1, 1fr);
  }

  /* Hire Us Page Css End */

  /* Careers details Page Css */
  #developer .box ul li:not(:last-child) {
    margin-right: 20px;
    padding-right: 20px;
  }

  #textSection .form-box input {
    font-size: 15px !important;
  }

  /* Careers details Page Css End */

  #footer .top-box .box.box3 .list-box ul {
    grid-template-columns: 1fr;
  }

  #footer .top-box .box.box2 .list-box ul {
    grid-template-columns: 1fr 1fr;
  }

  #news-letter .news-letter-box {
    padding: 10px 10px;
  }

  #news-letter .mail-box .btn.btn-white {
    padding: 6px 9px;
  }

  #dynamic .box .title h4 {
    font-size: 17px;
  }

  #dynamic .box p {
    font-size: 14px;
  }

  #dynamic .box .btn {
    font-size: 14px;
  }

  #getInTouch .section-heading h2 {
    font-size: 20px;
  }

  #download-btns .text-box h3 {
    font-size: 20px;
  }

  .hire-developer .info-modal .role-title h3 {
    margin-bottom: 15px;
  }

  #header .top-header .link-box ul a {
    font-size: 11px;
  }

  .end-header #mega-menu-wrap-primary {
    top: 2px;
  }
}

@media (max-width: 280px) {

  #header .top-header .link-box ul a,
  #header .top-header .link-box ul a i {
    font-size: 11px;
  }

  #header .top-header .right-box a {
    width: 19px;
    height: 19px;
  }

  #service .box {
    max-width: 180px;
  }

  #hire .item p {
    font-size: 10px;
  }

  #banner .link-box ul li:not(:last-child) {
    padding-right: 5px;
    margin-right: 5px;
  }

  #banner .link-box ul li a {
    font-size: 11px;
  }

  /* About Page Css */
  #expert .box {
    max-width: 180px;
  }

  /* About Page Css End */

  /* Hire Us Page Css */
  #weareHire .list-box ul .content-box {
    width: 120px;
    height: 120px;
  }

  #weareHire .list-box ul .content-box img {
    width: 30px;
    height: 30px;
  }

  #weareHire .list-box ul .text-box h3 {
    font-size: 15px;
  }

  /* Hire Us Page Css End */

  /* Careers details Page Css */
  #developer .box ul li:not(:last-child) {
    margin-right: 5px;
    padding-right: 4px;
  }

  #textSection .form-box input {
    font-size: 13px !important;
    padding: 10px 14px !important;
  }

  /* Careers details Page Css End */

  /* Portfolio details Page Css */
  #design .box.box1 .list-box li h5 {
    font-size: 14px;
  }

  /* Portfolio details Page Css End */
}