@media screen  and (min-width:1399px) {
    .work3 .work3-box{
    height: 200px;
    }
}
@media screen  and (min-width:1199px) { 
.hero2 img{
    transform: scale(1.5);
    position: relative;
    right: -69px;
}
}
@media screen  and (min-width:1110px){
    .service10 .service10-slider .single-slider{
        height: 280px;
    }
    .tech-services .service-box{
        height: 200px;
    }
    .service5 .service-box{
        height: 300px;
    }
}

@media screen  and (min-width:1020px) and (max-width:1100px){
    .blog .blog2-box .heading2 {
        height: 200px;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: center;
    }
    .work3 .work3-box{
        height: 270px;
    }
    .transform-scale1{
        transform: scale(1.5);
    }
    .tech-services .service-box{
        flex-direction: column;
        align-items: center;
        gap: 20px;
      }
      .service3 .service3-box{
        height: 280px;
        flex-direction: column;
      }
      .solution .item-box .icon{
        width: 100px;
      }
      .service5 .service-box{
        height: 300px;
    }
   
}

@media screen and (min-width:767px) and (max-width:992px) {
    .tech-services .service-box{
        height: 226px;
    }
    .service5 .service-box{
        height: 300px;
    }
}
@media screen and (min-width:767px)  {
    .service8 .service-box{
        height: 300px;
    }
    .service .single-box{
        height: 300px;
    }
}

@media screen and (max-width:767px) {
    .hero9 .main-heading h1{
        font-size: 42px;
    }
    .hero9 .buttons{
        flex-wrap: wrap;
    }
    .main-image1,.main-image2{
        margin-left: 0;
        text-align: center;
    }
    .faq6 .faq-area .accordion .accordion-item button{
        font-size: 18px;
    }
    .hero8{
        min-height: auto;
    }
    .hero8 .hero8-img{
        display: none;
    }
    .work7 .heading7{
        padding-left: 0;
    }
    .about-tabs .tab-header-all{
        margin-top: 0;
        display: block;
    }
    .about-tabs .tab-header-all li button{
        width: 100%;
    }
    .about-tabs.about1.sp.bg1 .space60{
        height: 0;
    }
    
    .choose8 .choose-box{
        flex-direction: column;
        
    }
    .choose8 .choose-box .icon img{
        width: 60px;
        padding-bottom: 10px;
    }
    .choose8 .choose8-images .shape{
        bottom: 0;
    }
    .solution .item-box{
        flex-direction: column;
        padding-bottom: 10px;
    }
    .pl-3{
        padding-left: 0;
    }
    /* height: 300px; */
    .project4 .image-area .heading4-w{
      position: relative;
      opacity: 1;
      transform: translateY(0);
      transition: all 0.4s;
      background-color: #16416C;
  }
}

@media screen and (max-width:1200px) {
    .service6 .service-box{
        flex-direction: column;
        gap: 20px;
        height: 280px;
        align-items: center;
    }
}

@media screen and (min-width:991px)  {
    .service3 .service3-box{
        height: 250px;
        flex-direction: column;
    }
}