.services {
    padding-top: 5vh;
    position: relative;
    height: auto;
  }

.service{
    width: 95%;
    height: 70vh;
    background-color: #fbfbfb00;
    border-radius: 20px;
    margin: auto;
    margin-top: 25px;
    position: relative;
    color: #333;
  }
  
  
  
  .ms{
    width: 45%;
    height: 90%;
    position: absolute;
    top: 5%;
  }
  .ms h1{
    font-size: 50px;
  }
  .ms .p{
    font-size: 30px;
  }
  .imgL{
   
    left: 3%;
        display: flex;
      align-items: center;
      justify-content: center;
  }
  .imgL img, .imgR img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
  }
  .imgR{
   right: 3%;
       display: flex;
      align-items: center;
      justify-content: center;
  }

  .nbr{
    font-size: 32px;
    width: 100px;
    height: 100px;
    justify-content: center;
    align-items: center;
    display: flex;
    
  }

  @media (max-width: 992px) {
    .nbr{
      font-size: 20px;
      width: 50px;
      height: 50px;
      justify-content: center;
      align-items: center;
      display: flex;
    }
    .ms{
      position: initial;
      width: 100%;
    }
    .ms h1{
      font-size: 30px;
    }
    .ms .p{
      font-size: 20px;
    }
    .imgL{
      margin-bottom: 10px;
    }
    .service{
      height: auto;
      padding: 35px;
    }
    .header-area {
      background-color: #fff;
    }
    .main-banner:after {
      display: none;
    } 
    .main-banner .left-content h2 {
      color: #2a2a2a;
      margin-right: 0;
    }
    .main-banner .left-content p {
      color: #afafaf;
      margin-right: 0;
    }
    .main-banner .left-content .white-button a {
      background-color: blue;
      color: #fff !important;
    }
    form#contact {
      overflow: hidden;
    }
    .header-area .main-nav .logo h4 {
      font-size: 20px;
    }
    .main-banner .left-content {
      margin-right: 0px;
    }
    .main-banner {
      text-align: center;
      padding: 226px 0px 30px 0px;
    }
    .main-banner:before {
      display: none;
    }
    .main-banner .right-image {
      margin: 30px auto 0px auto;
      text-align: center;
    }
    .features-item {
      margin-bottom: 45px;
    }
    .last-features-item,
    .last-skill-item {
      margin-bottom: 0px !important;
    }
    .skill-item {
      margin-bottom: 30px;
    }
    .about-left-image img {
      margin-right: 0px;
      margin-bottom: 45px;;
    }
    .services .naccs .menu div {
      font-size: 15px;
      font-weight: 500;
    }
    .service-item {
      text-align: center;
      margin-bottom: 30px;
    }
    .about-us .box-item {
      text-align: center;
    }
    .about-us:after {
      display: none;
    }
    .about-us .gradient-button,
    .about-us span {
      text-align: center;
      display: block;
    }
    .about-us .right-image {
      margin-top: 30px;
    }
    .service-item .icon {
      margin: 0 auto 30px auto;
    }
    .about-us .section-heading {
      text-align: center;
    }
    .about-us .left-image {
      margin-right: 30px;
      margin-left: 30px;
      margin-bottom: 45px;
    }
    .blog-posts {
      margin-left: 0px;
      margin-top: 30px;
    }
    .post-item {
      margin-bottom: 70px;
    }
    .pricing-item-regular {
      margin-bottom: 30px;
    }
    .our-portfolio .owl-nav {
      display: none !important;
    }
    .contact-info {
      margin-top: 60px;
    }
    form#contact {
      padding: 45px;
    }
  }
  
  @media (max-width: 767px) {

    .the-clients .naccs .menu div {
      text-align: center;
    }
    footer .section-heading h4 {
      color: #2a2a2a;
    }
    footer #search {
      margin-bottom: 45px;
    }
    footer {
      padding-top: 0px;
      text-align: center;
    }
    .footer-widget ul {
      display: block;
      width: 100%;
      float: none;
      text-align: center;
      margin: 0 auto;
    }
    .footer-widget h4 {
      margin-top: 45px;
      margin-bottom: 20px;
    }
    footer #search input {
      border: 1px solid #eee;
      color: #afafaf;
      background-color: #fff;
      border-radius: 23px;
      margin-bottom: 15px;
      padding: 0px 30px;
    }
    footer #search button {
      background-color: #fff;
      color: blue;
    }
    footer #search input::placeholder { 
      color: #2a2a2a;
    }
    .header-area .main-nav .logo h4 {
      font-size: 30px;
    }
    .header-area .main-nav .logo h4 img {
      max-width: 30px;
      margin-left: 5px;
    }
    .main-banner .info-stat {
      margin-bottom: 15px;
    }
    .menu .thumb span.date {
      margin-bottom: -20px;
      display: block;
    }
    .service-item {
      text-align: center;
      padding: 30px;
    }
    .menu .thumb span.category {
      display: none;
    }
    .about-us .right-image {
      margin-top: 30px;
    }
    .service-item .icon {
      float: none;
      margin-right: 0px;
      margin-bottom: 15px;
    }
    .service-item .right-content {
      display: inline-block;
    }
    .services .naccs .menu div .thumb {
      padding: 5px;
    }
    .services .icon img {
      margin: 0px;
    }
    .the-clients .nacc .thumb .down-content .right-content {
      margin-left: 0px;
      margin-top: 15px;
    }
    .services ul.nacc li.active {
      padding: 45px;
    }
    .services .naccs .menu div  {
      font-size: 0px;
    }
    .the-clients .nacc .thumb .down-content {
      text-align: center;
    }
    .services ul.nacc li .right-image img {
      float: none;
    }
    .our-portfolio .section-heading,
    .about-us .section-heading,
    .about-us .about-item,
    .about-us p,
    .about-us .main-green-button {
      text-align: center;
    }
    .our-portfolio .section-heading .line-dec {
      margin: 0 auto;
    }
    .our-services .section-heading {
      margin-left: 15px;
      margin-right: 15px;
    }
    .free-quote form input {
      margin-left: 0px;
      padding: 0px 30px;
    }
    .free-quote form button {
      margin-left: 0px;
      border-bottom-left-radius: 40px;
      border-top-right-radius: 0px;
    }
    .blog-posts {
      margin-left: 0px;
      margin-top: 30px;
    }
    .post-item {
      margin-bottom: 30px;
    }
    .post-item .thumb img {
      max-width: 140px;
    }
    .post-item .right-content p {
      display: none;
    }
    .about-us .about-item {
      margin-top: 15px;
    }
    form#contact {
      padding: 30px;
    }
  }