/* media query */

@media screen and (max-width: 2560px) {
  .developerBoxBtn::before {
    right: 390px;
  }
}

@media screen and (max-width: 1440px) {
  .developerBoxBtn::before {
    height: 0px;
    /* Horizontal dashed line instead of vertical */
    width: 35%;
    right: 380px;
  }
}

@media screen and (max-width: 1400px) {
  .developerBoxBtn::before {
    height: 2px;
    /* Horizontal dashed line instead of vertical */
    width: 32%;
    right: 338px;
  }
}

@media screen and (max-width: 1024px) {
  .developerBoxBtn::before {
    height: 2px;
    width: 28%;
    right: 290px;
  }

  .newTag {
    width: 8%;
  }

}

@media screen and (max-width: 768px) {
  .developerBoxLeft:before {
    height: 327%;
    left: 23px;
    top: 56px;
  }

  .developerBoxBtn::before {
    height: 2px;
    width: 17%;
    right: 240px;
  }
}

@media screen and (max-width: 480px) {
  .developerBoxBtn::before {
    height: 2px;
    /* width: 20%; */
    width: 18%;
    right: 200px;
  }
}


@media screen and (max-width: 768px) {
  .marginIndex {
    margin-top: 350px;
  }

  .marginWeb {
    margin-bottom: 50px;
  }

  .navInline {
    display: flex;
  }

  .marginWebPort {
    margin-bottom: 50px;
  }

  .bgappImg1 {
    height: 1071px;
  }

  .bgappImg2 {
    height: 1084px;
  }

  .bgappImg3 {
    height: 1154px;
  }

  .modelTop {
    margin-top: 10px;
  }

  .coreBox {
    width: 22%;
  }

  #sliderHeight {
    height: auto;
  }

  .expertServices .nav-item {
    width: 49%;
  }

  /* .profileFlipCard {
    width: 49%;
  } */

  .profileFlipCardBack img {
    width: 100% !important;
  }


  .ourMission {
    height: 580px;
  }

  .contactRight {
    height: 770px;
  }

  .newTag {
    width: 11%;
  }

  .serviceTwoBoxs .rightSide p {
    top: 70px;
  }

  .footerIcon {
    justify-content: start !important;
  }

  .footerServices {
    margin-top: 40px;
  }


  .stickyCardHeading {
    width: 100%;
    padding: 5px 10px;
  }

  .stickyCard h5 {
    font-size: 12px;
  }

  .mvpdevserviceBox {
    width: 48%;
    margin-bottom: 15px;
  }

  .reviewBox {
    width: 100%;
  }

}

@media screen and (max-width: 426px) {
  .marginIndex {
    margin-top: 1100px;
  }

  .marginWebTop {
    margin-top: 20px;
  }

  .marginAppTop {
    margin-top: -350px;
  }

  .navInline {
    display: flex;
  }

  .projectImg {
    width: 100%;
    height: 300px;
  }

  .bgappImg1 {
    height: 769px;
  }

  .bgappImg2 {
    height: 776px;
  }

  .bgappImg3 {
    height: 855px;
  }

  .modelBox {
    height: 620px;
  }

  .jqImg {
    padding: 25px;
  }

  .coreBox {
    width: 50%;
  }

  .jqImg {
    padding: 10px;
  }

  .founderMargin {
    margin-top: -60px;
  }


  #headingFont {
    font-size: 25px;
  }

  .coreBox .techIcon {
    height: 100px;
  }


  .carousel-image {
    height: 300px;
  }

  .expertServices .nav-item {
    width: 49%;
  }

  .img-container {
    width: 15%;
  }

  .testimonialHight {
    height: 320px;
    overflow: hidden;
  }

  #serviceReviewsBox {
    height: 930px;
  }


  .serviceTwoBoxs h2 {
    width: 100%;
  }

  .developerBoxLeft:before {
    height: 322%;
    left: 23px;
    top: 40px;
  }

  .developerBoxBtn::before {
    height: 2px;
    width: 24%;
    right: 260px;
  }

  .testimonialBox p {
    font-size: 10px;
    /* text-align: justify; */
  }

  .testimonialBox h6 {
    font-size: 12px;
  }


  .serviceHeaderSection {
    text-align: center;
  }

  .serviceWebSection .rightSide {
    margin-top: 50px;
  }

  .mvpdevserviceBox {
    width: 100%;
    height: auto;
    padding: 20px;
  }

  .mvpdevserviceBox i {
    font-size: 25px;
  }

  .mvpdevserviceBox h5 {
    font-size: 16px;
  }

  .mvpdevserviceBox p {
    font-size: 14px;
  }

  .priceingSection {
    padding: 50px 20px;
  }

  .newTag {
    width: 9%;
  }
    .main-container {
    max-width: 90%;
  }
}

@media screen and (max-width: 376px) {
  .bgappImg1 {
    height: 716px;
  }

  .bgappImg2 {
    height: 763px;
  }

  .bgappImg3 {
    height: 843px;
  }

  .modelBox {
    height: 682px;
  }

  .jqImg {
    padding: 17px;
  }

  .founderMargin {
    margin-top: -80px;
  }

  .ourMission {
    height: 560px;
  }

  .newTag {
    width: 11%;
  }

  .developerBoxLeft:before {
    height: 356%;
    left: 23px;
    top: 40px;
  }

  .developerBoxBtn::before {
    width: 22%;
    right: 232px;
  }

  #sliderHeight img {
    height: 350px;
  }

  .priceBox {
    width: 28%;
    font-size: 12px;
  }
}

@media screen and (max-width: 321px) {
  .bgappImg1 {
    height: 689px;
  }

  .bgappImg2 {
    height: 733px;
  }

  .bgappImg3 {
    height: 800px;
  }

  .modelBox {
    height: 817px;
  }

  .jqImg {
    padding: 0px;
  }

  .founderMargin {
    margin-top: -60px;
  }

  .img-container {
    width: 20%;
  }

  .ourMission {
    height: 670px;
  }

  .newTag {
    width: 13%;
  }

  .carousel-image {
    height: 250px;
  }

  .coreBox .techIcon img {
    width: 50px;
    height: 37px;

  }

  .coreBox .techIcon {
    margin: 10px;
  }

  .priceBox {
    width: 26%;
    font-size: 10px;
  }

  .testimonialHight {
    height: 360px;
    font-size: 12px;
  }

  .navLogo {
    width: 80%;
  }

  .developerBoxLeft:before {
    height: 375%;
    top: 38px;
  }

  .developerBoxBtn::before {
    width: 14%;
    right: 205px;
  }

  .mvpdevserviceBox h5 {
    font-size: 13px;
  }

  .mvpdevserviceBox p {
    font-size: 12px;
  }

  .priceingSection {
    padding: 50px 0px;
  }
}