@media (min-width: 320px) and (max-width: 600px) {
  .navbar-bg {
    background-color: #000;
  }
  .navbar-bg .navbar-brand img {
    width: 130px;
  }
  .main_head h1 {
    font-size: 34px !important;
  }
  .mnt-200 {
    margin-top: -30px !important;
  }
  .custom_btn {
    margin-top: 10px !important;
  }
  .order1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .hero-banner {
    min-height: auto;
    margin-top: 4em;
  }
  .hero-banner .swiper-slide .caption {
    width: 100%;
  }
  .hero-banner .swiper-slide .caption h1 {
    font-size: 2rem;
  }
  .hero-banner .swiper-slide .caption .action-btn .btn {
    padding: 10px 20px;
  }
  .our-work {
    padding: 0;
  }
  .our-work .wraped {
    margin-bottom: 0px;
    padding: 20px 20px 0;
  }
  .portfolio {
    padding: 5em 0 0;
  }
  .portfolio .main_head {
    margin-bottom: 40px;
  }
  .portfolio .main_head h1 {
    font-size: 40px;
  }
  .portfolio .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 30px;
  }
  .portfolio .grid .grid-item {
    position: relative;
    width: 100%;
    height: 280px;
    margin-bottom: 20px;
  }
  .portfolio .grid .grid-item .cards {
    border-radius: 15px;
  }
  .about_us .content h1 {
    font-size: 25px;
  }
  .about_us .content p {
    font-size: 15px;
  }
  .our_services .card-body h2 {
    font-size: 30px !important;
  }
  .our_services .card-body p {
    font-size: 15px;
    -webkit-line-clamp: 3;
  }
  .footer-area .footer-right,
  .footer-area .footer-left {
    padding: 40px;
  }
  .footer-area .footer-left .inner h2 {
    font-size: 50px;
    line-height: 55px;
  }
}

@media (min-width: 601px) and (max-width: 800px) {
  .navbar-bg {
    background-color: #000;
  }
  .navbar-bg .navbar-brand img {
    width: 130px;
  }
  .main_head h1 {
    font-size: 34px !important;
  }
  .mnt-200 {
    margin-top: -30px !important;
  }
  .custom_btn {
    margin-top: 10px !important;
  }
  .order1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .hero-banner {
    min-height: auto;
    margin-top: 4em;
  }
  .hero-banner .swiper-slide .caption {
    width: 100%;
  }
  .hero-banner .swiper-slide .caption h1 {
    font-size: 2rem;
  }
  .hero-banner .swiper-slide .caption .action-btn .btn {
    padding: 10px 20px;
  }
  .our-work {
    padding: 0;
  }
  .our-work .wraped {
    margin-bottom: 0px;
    padding: 20px 20px 0;
  }
  .portfolio {
    padding: 5em 0 0;
  }
  .portfolio .main_head {
    margin-bottom: 40px;
  }
  .portfolio .main_head h1 {
    font-size: 40px;
  }
  .portfolio .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 30px;
  }
  .portfolio .grid .grid-item {
    position: relative;
    width: 48.5%;
    height: 380px;
    margin-bottom: 20px;
  }
  .portfolio .grid .grid-item .cards {
    border-radius: 15px;
  }
  .about_us .content h1 {
    font-size: 25px;
  }
  .about_us .content p {
    font-size: 15px;
  }
  .our_services .card-body h2 {
    font-size: 30px !important;
  }
  .our_services .card-body p {
    font-size: 15px;
    -webkit-line-clamp: 3;
  }
  .footer-area .footer-right,
  .footer-area .footer-left {
    padding: 40px;
  }
  .footer-area .footer-left .inner h2 {
    font-size: 50px;
    line-height: 55px;
  }
}
/*# sourceMappingURL=responsive.css.map */