/* ===============================
        responsive css
================================*/
@media (min-width: 320px) and (max-width: 767px) {
  /*===========================
      All Title Style
  ===========================*/
  p {
    font-size: 13px;
  }
  .top-title {
    font-size: 1rem;
  }
  .section-top-title {
    font-size: 1rem;
  }
  .semi-title {
    font-size: 2rem;
  }
  .section-title {
    font-size: 1.5rem;
  }
  .title {
    width: 100%;
    font-size: 1.5rem;
  }
  .pb-100 {
    padding-bottom: 60px;
  }
  .pt-100 {
    padding-top: 60px;
  }
  header .navbar .navbar-brand img {
    height: 60px;
  }
  header .navbar .navbar-nav .nav-item .active {
    width: 10%;
  }
  .banner {
    height: 150px;
  }
  .banner .banner-title {
    height: 150px;
  }
  .hero .hero__slider .item .hero-caption {
    display: none;
  }
  .hero .hero__slider .item img {
    height: 300px;
  }
  .left-img {
    width: 100%;
    height: 300px;
    margin-bottom: 1.5rem;
  }
  .box {
    margin-bottom: 1.5rem;
  }
  .testimonial {
    height: 350px;
  }
  .testimonial .name {
    left: 7rem;
    font-size: 1.2rem;
  }
  .testimonial .stars {
    bottom: 5rem;
    left: 7rem;
  }
  .testimonial .box-orange img {
    left: 1rem;
    bottom: 2rem;
    height: 80px;
    width: 80px;
  }
  .testimonial .quotes {
    display: none;
  }
  .choose {
    margin-bottom: 1.5rem;
  }
  .card {
    margin-bottom: 1.5rem;
  }
  .horizontal-card img {
    width: 100%;
    height: 200px;
  }
  .portfolio a {
    width: 100%;
  }
  .mission-card .mission {
    width: 100%;
  }
  .blog img {
    height: 250px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /*===========================
      All Title Style
  ===========================*/
  .pb-100 {
    padding-bottom: 60px;
  }
  .pt-100 {
    padding-top: 60px;
  }
  p {
    font-size: 14px;
  }
  .top-title {
    font-size: 1.5rem;
  }
  .section-top-title {
    font-size: 1.5rem;
  }
  .semi-title {
    font-size: 2rem;
  }
  .section-title {
    font-size: 2rem;
  }
  .title {
    width: 100%;
    font-size: 2rem;
  }
  header .navbar .navbar-brand img {
    height: 65px;
  }
  .hero .hero__slider .item img {
    height: 450px;
  }
  .services .services-card {
    width: 335px;
  }
  .left-img {
    margin-bottom: 1.5rem;
    height: 300px;
    width: 100%;
  }
  .choose {
    margin-bottom: 1.5rem;
  }
  .mission-card {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .banner {
    height: 200px;
  }
  .banner .banner-title {
    height: 200px;
  }
  .card {
    margin-bottom: 1.5rem;
  }
}
/*
============== Responsive Old Desktop ================
*/
@media (min-width: 991px) and (max-width: 1024px) {
  .title {
    width: 100%;
    font-size: 2rem;
  }
  .left-img {
    width: 430px;
  }
  .semi-title {
    font-size: 1.5rem;
  }
  .horizontal-card img {
    width: 170px;
    height: 290px;
  }
  .pb-100 {
    padding-bottom: 60px;
  }
  .pt-100 {
    padding-top: 60px;
  }
}
/*
============== Responsive Desktop ================
*/
@media (min-width: 1025px) and (max-width: 1399px) {
  .title {
    width: 100%;
    font-size: 2rem;
  }
  .left-img {
    width: 100%;
    height: 560px;
    overflow: hidden;
}
.section-title{
    font-size: 2.5rem;
}
}/*# sourceMappingURL=responsive.css.map */