@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .row {
    margin: 0;
  }

  .pad-left,
  .pad-right {
    padding: 0px;
  }
  .android-banner {
    height: auto;
  }

  .android-banner-img .and-ban-img {
    width: 80%;
    height: auto;
    margin: 0 auto;
    display: block;
    right: 0;
}

.app-built-img img {
  width: 100%;
  height: auto;
  display: block;
 float: left;
}
.why-right{
  display: none;
}
  .dev-service-process {
    width: 31%;
  }

  .why-row {
    flex-wrap: wrap;
  }
  .highlights-section .android-head {
    width: 80%;
  }
  .offer-left {
    width: 90%;
    display: block;
    margin: 0 auto;
}
}


@media only screen and (max-width: 767px) {
  p {
    font-size: 13px;
  }

  .row {
    margin: 0;
  }

  .pad-left,
  .pad-right {
    padding: 0px;
  }

  .android-banner {
    height: auto;
	padding-top: 84px;
  }

  .android-banner-sec>strong {
    font-size: 20px;
    line-height: 28px;
  }

  .android-banner-sec h1 {
    font-size: 42px;
    margin-top: 5px;
    margin-bottom: 15px;
    line-height: 56px;
  }

  .android-banner-sec .client-counts {
    margin: 25px 0 0;
    gap: 35px;
  }

  .android-banner-img {
    margin-top: 67px;
  }
  .agreement-tab{
	  margin-top: 15px;
  }
  .app-built-section h2{
	width: 100%;
	font-size: 20px;
	margin-bottom: 0;
    line-height: 35px;
  }
  .app-built-img {
    margin-top: 0;
}

  .android-banner-img .and-ban-img ,
.app-built-img img {
  width: 80%;
  height: auto;
  display: block;
  margin: 0 auto;
  right: 0;
}
  .android-head {
    font-size: 28px;
  }

  .android-info ul {
    margin-top: 20px;
  }

  .android-info ul li {
    font-size: 13px;
    line-height: 24px;
  }

  .dev-service-section .android-head+p {
    width: 90%;
  }

  .dev-service-process {
    width: 48%;
    min-height: 280px;
  }

  .offer-left {
    width: 90%;
    margin: 0 auto;
  }

  .offer-right {
    padding-left: 15px;
  }

  .highlights-section .android-head {
    width: 75%;
  }

  .highlights-section .android-head br {
    display: none;
  }

  .highlight {
    padding: 20px;
  }

  .highlight ul li {
    font-size: 13px;
    margin-bottom: 10px;
  }

  .why-section {
    padding: 40px 0;
  }

  .why-section .android-head br {
    display: none;
  }

  .why-row {
    flex-wrap: wrap;
  }

  .why-right {
    display: none;
  }

  .feed {
    padding: 20px;
  }

  .feed>p {
    margin: 10px 0 0;
  }

  .item .client-head p {
    width: 100%;
    height: auto;
  }

  .item .client-head .client-logo {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 567px) {
  .app-built-img img{
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .dev-service-process {
    width: 100%;
    min-height: auto;
  }

  .android-banner-sec .client-counts {
    gap: 20px;
  }
  .app-built-img .and-ban-img {
    width: 100%;
    height: auto;
    right: 0;
  }
  
  .dev-service-process .dev-service-head br {
    display: none;
  }

  .client-section h6+p,
  .offer-section .android-head+p {
    width: 100%;
  }

  .offer-left .offer-2 {
    display: none;
  }

  .offer-left .offer-1 {
    left: 0;
  }

  .offer-left .offer-blob {
    width: 250px;
    height: 250px;
  }

  .highlights-section .owl-nav {
    top: -75px;
  }

  .why-left .why {
    width: 100%;
  }


  .highlights-section .android-head {
    width: 100%;
  }

  .client {
    padding: 5px;
  }

  .client .client-img,
  .client-section .item:hover .client .client-img {
    width: 80% !important;
    height: auto;
  }

  .item .client-head .client-logo img {
    width: 100px;
    height: auto;
  }


}