@media screen and (max-width: 990px) {
    br {
      display: none;
    }
    .pos-linec {display: none;}
    .pading-left {
        padding-left: 0px;
    }
    .title-heading h2{text-align: center;}
    /* mouse */
    .flip-box:hover .inner , .whyslider  .owl-item.active .inner{top: 40%;}
    .flip-box:hover .flip-box-header , .whyslider  .owl-item.active .flip-box-header{ 
      color: #181816;
      margin-bottom: 15px;
    }
    .flip-box:hover .flip-box-back, .whyslider  .owl-item.active .flip-box-back {
      -ms-transform: rotateY(0deg);
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
      -webkit-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      transform-style: preserve-3d;
    }
    .flip-box:hover .flip-box-front, .whyslider  .owl-item.active .flip-box-front {
      -ms-transform: rotateY(-180deg);
      -webkit-transform: rotateY(-180deg);
      transform: rotateY(-180deg);
      -webkit-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      transform-style: preserve-3d;
    }
    .slide-grid {
      flex-direction: column;
    }
    .ourprojet .para , .wint-bg .para{
      width: 100%;
      padding: 0px 10px;
    }
    /* footer */
    .footer-flex {
      flex-direction: column;
    }
    .footer-25, .footer-50 {
      width: 100%;
    }
    /* blog */
    .gridblog {display: block;}
    .lyshileb {
      justify-content: center;
    }
    /* banner */
    .side-txt {
      position: initial;
    }
    .banner {
      display: flex;
      flex-direction: column;
    }
    .title h1 {font-size: 35px;}
    /* service */
    .grid {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-column-gap: 50px;
      grid-row-gap: 15px;
    }
    .service-img1 {
      display: block;
      margin-top: 20px;
    }
    /* about */
    .counter {
      font-size: 30px;
    }
    .counter-item{margin-top: 20px;}
    .counter-content{font-size: 18px;}
    /*  faq*/
    .faqcontainer {
      width: 100%;
      background: #000;
      margin: auto;
    }
    .accordion-title , .cap-text{
      font-size: 18px;
      line-height: 30px;
    }
    .accordion-content {
      font-size: 16px;
    }
    /* icon */
    .home1 .para{
      padding-left: 0px;
    }
}
@media screen and (max-width: 500px) {
  /* heading */
  .title-heading h2{font-size: 22px;}
  .wint-bg{padding: 50px 0px;}
  .gallery .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 300px;
    object-fit: contain;
  }
  .tab-button {
    padding: 14px 0px;
  }
  .client  .margin-top, .about-sec.margin-top{margin: 0px;}
}