/*for-large-dekstop view-1200*/

@media only screen and (min-width: 100px) and (max-width: 1399px) {
  .header-top {
      padding: 50px 0;
  }
  .main-logo {
      width: 260.186249px;
  }
  .main-menu ul {
    gap: 75px;
  }
  .main-menu{
      gap: 85px;
  }
  .about-content {
      padding-left: 30px;
  }
  .about-content .web-title h2 {
    font-size: 48px;
  }
}

/*for-laptop view-1024*/

@media only screen and (min-width: 100px) and (max-width: 1199px) {
  .header-bottom {
      bottom: -65px;
  }
  .inner-header{
    height: 350px;
  }
    .inner-header .inner-header-title h2 {
      font-size: 44px;
  }
    .main-menu ul {
        gap: 60px;
    }
    .main-menu {
        gap: 65px;
    }
      .about-content {
        padding-left: 0px;
    }
    .about-content .web-title h2 {
      font-size: 42px;
    }
    .about-img img{
      height: 465px;
    }
    .author-content h2 {
      font-size: 18px !important;
    }
    .author-content h4 {
      font-size: 14px;
    }
    .services-img img {
    height: 170px;
}
.web-title h2{
      font-size: 48px;
}
.service-title h2 {
    margin-bottom: 7px;
}
.services-content h2 a{
  font-size: 20px;
}
p{
  font-size: 15px;
}

}

/*for-tablet view-768*/

@media only screen and (min-width: 100px) and (max-width: 991px) {
  .contact-form-main {
    margin-top: 20px;
}
.contact-title.web-title h2 {
    font-size: 32px;
}
      .contact-info-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 3px;
        column-gap: 30px;
    }
    .contact-info-item {
        width: 47%;
    }
      .inner-header {
        height: 300px;
    }
      .header-bottom {
        bottom: -55px;
    }
    .inner-header .inner-header-title h2 {
        font-size: 35px;
    }
      .main-menu {
        gap: 40px;
      }
      .main-menu ul li a {
        font-size: 12px;
      } 
      .main-menu ul {
        gap: 40px;
      }
      .web-btn a, .outline-btn a {
        padding: 8px 22px 5px 22px;
      }
      .about-img {
          margin-bottom: 30px;
      }
      .about-content .web-title h2 {
        font-size: 34px;
      }
      .about-img img {
        height: 325px;
    }
    .f-logo {
      width: 220px;
      margin: 0 auto;
    }
    .f-menu ul li a {
        font-size: 14px;
    }
    .contact-box ul li span {
      font-size: 14px;
    }
    .contact-box ul li a, .contact-box ul li span.this {
      font-size: 14px;
    }
    .contact-box > ul {
      column-gap: 50px;
      row-gap: 19px;
    } 
    .spacing {
      padding: 40px 0px;
    }
    .banner-img img {
        height: 740px;
    }
    .web-title h2 {
        font-size: 42px;
    }
    .banner-title p {
      margin-top: 15px;
  }
      .main-logo {
        width: 230.186249px;
    }
        .header-top {
        padding: 30px 0;
    }
    p {
      font-size: 14px;
  }


}

/*for-landscape_mobile view-576*/

@media only screen and (min-width: 100px) and (max-width: 767px) {
}

/*for-mobile view-375*/

@media only screen and (min-width: 100px) and (max-width: 575px) {
      .contact-info-item {
        width: 100%;
    }
  .contact-form-main {
      margin-top: 20px;
  }
    .contact-title.web-title h2 {
      font-size: 25px;
    }
      .inner-header .inner-header-title h2 {
        font-size: 31px;
    }
  .container {
    width: 96%;
  }
    footer.main-footer {
      padding: 30px 0px;
  }
  .f-menu ul {
    flex-wrap: wrap;
    row-gap: 4px;
    margin-top: 28px;
  }
    .f-logo {
        width: 170px;
        margin-top: 22px;
    }
      .contact-box > ul {
        row-gap: 14px;
    }
    .web-title h2 {
        font-size: 33px;
        margin-bottom: 6px;
    }
    p{
      font-size: 12px;
    }
    .banner-title p {
        margin-top: 13px;
    }
    .about-content .web-title h2 {
        font-size: 32px;
    }
    .author-content h2 {
        font-size: 16px !important;
    }
    .author-content h4 {
        font-size: 12px;
    }
    .author-img img {
      width: 50px;
    }
    .banner-img img {
        height: 600px;
    }
    .main-logo {
        width: 160.186249px;
        margin: unset;
    }
    .service-title p {
    margin-bottom: 0px;
}
}

/*for-small_mobile view-320*/

@media only screen and (min-width: 100px) and (max-width: 374px) {
}