@charset "utf-8";
/* CSS Document */

/*---For Laptop---*/
@media (max-width: 1800px) {}

/*---For Laptop---*/
@media (min-width: 1400px) {

  .about_sec p,
  .whatwe_sec p {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 25px;
  }

  .about_sec .heading h1,
  .heading h2 {
    font-size: 40px;
  }

  .iner_text ul li {
    font-size: 18px;
    margin: 8px 0;
  }

  footer p,
  .footer_widget a,
  .footer_widget p {
    font-size: 18px;
  }

  .navbar-nav .nav-link {
    font-size: 18px;
  }
  .Headerimg{
    width: 320px;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {}

@media (min-width: 1024px) and (max-width: 1199px) {}

@media (min-width: 992px) and (max-width: 1024px) {}

@media (max-width: 1199px) {}

@media (min-width: 1200px) {}

@media (max-width: 991px) {}

@media (min-width: 1400px) {}

@media (max-width: 992px) {}

/*---For Horizental iPad---*/
@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 992px) {}

@media (min-width: 768px) {
  .nav-item.dropdown:hover .dropdown-menu {
    display: block;
  }
}

/*---For Vertical iPad---*/
@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 991px) {}

/*---For Mobile---*/
@media (max-width: 767px) {
  .banner .item img {
    height: calc(100vh - 350px);
  }

  .heading h4 {
    font-size: 60px;
    top: -40px;
  }

  .heading {
    margin-top: 0px;
  }

  .head_text {
    width: 90%;
  }

  .head_text h2 {
    font-size: 24px;
  }

  .navbar-brand img {
    width: 175px;
  }

  .navbar {
    padding: 10px 0 !important;
  }

  .offcanvas {
    background-color: #24272d;
  }

  .btn-close {
    background-image: url(../img/close.svg);
    opacity: 1;
  }

  .navbar-nav .nav-link {
    padding: 8px !important;
  }

  .about_sec .iner_text {
    width: 100%;
  }

  .whatwe_sec {
    padding: 0px 12px;
  }

  .whatwe_sec .about_text {
    padding: 10px 5px 0 !important;
  }

  .about_sec .heading h1,
  .heading h2 {
    font-size: 20px;
  }
}

@media (min-width:576px) {}

@media (max-width: 578px) {
  .follo_wwper {
    margin-top: 20px;
  }

  .page-header h1 {
    font-size: 20px;
    width: 100%;
    margin-bottom: 5px;
  }

  .page-header ul li {
    font-size: 12px;
  }

  .page-header ul {
    align-items: baseline;
  }
}

@media (max-width: 480px) {}

@media (max-width: 420px) {}

@media (max-width: 414px) {}

@media (max-width: 411px) {}

@media (max-width: 393px) {}

@media (max-width: 342px) {}