@media (min-width: 320px) and (max-width: 430px) {
  .porfolio-detail .more-imgs .slider-img {
    width: 80%;
  }
  .porfolio-detail .more-imgs .owl-nav {
    width: 100%;
    font-size: 2rem;
  }
  .porfolio-detail .more-imgs .owl-nav button span {
    padding: 0px 7px !important;
  }
  .sticky .navbar-brand::before {
    height: 51px;
  }
  .header h2 {
    font-size: 1.5rem;
  }
  .animation {
    display: none;
  }
  .home-banner .heading h1 {
    font-size: 1.75rem;
  }
  .home-banner .heading p {
    font-size: 13px;
  }
  .home-banner .home-banner-img img {
    width: 50%;
  }
  .services .services-item {
    display: block;
  }
  .services .services-item .srvc-box {
    width: 100%;
  }
  .about .about-img {
    height: 500px;
  }
  .about-projects .projects {
    margin: 20px 0px;
  }
  .title-banner nav {
    float: inherit !important;
  }
  .services-pg {
    margin-top: 100%;
  }
  .scroll-spy .content-wrapper .content .ms-5 {
    margin-left: 0 !important;
  }
  .scroll-spy .content-wrapper .content p {
    width: 100%;
  }
  .scroll-spy .content-wrapper .content .ser-img #bg-left {
    display: none;
  }
  .scroll-spy .content-wrapper .content .ser-img #bg-right {
    display: none;
  }
  .scroll-nav #navbar {
    display: none;
  }
  .margin {
    margin-top: 50px;
  }
  .services-detail .ser-detail-content {
    width: 100%;
    margin-top: 20px;
  }
  .services-detail .ser-detail-content .ser-text .advantage-sec {
    width: 100%;
  }
  .hm-contact .contact-text h2 {
    font-size: 1.5rem;
  }
  .Contact-pg .contact-sec .contact-box {
    padding: 15px;
  }
  .Contact-pg .contact-sec .contact-box h2 {
    font-size: 1.3rem;
  }
  .Contact-pg .contact-sec .contact-box .contact-detail {
    position: relative;
    z-index: 5;
    margin-top: 0;
  }
  .Contact-pg .contact-sec .contact-box::after {
    opacity: 0.3;
  }
  .about-pg .about-pg-content {
    width: 100%;
  }
  .about-pg .about-pg-content .content .support .more-content .icon {
    width: 15%;
  }
  .mission-vision .mission {
    width: 100%;
    margin-bottom: 20px;
  }
  footer::after {
    width: 100%;
  }
}
@media (min-width: 431px) and (max-width: 769px) {
  .porfolio-detail .more-imgs .slider-img {
    width: 90%;
  }
  .porfolio-detail .more-imgs .owl-nav {
    width: 100%;
    font-size: 2rem;
  }
  .porfolio-detail .more-imgs .owl-nav button span {
    padding: 0px 10px !important;
  }
  .sticky .navbar-brand::before {
    height: 51px;
  }
  .header h2 {
    font-size: 1.5rem;
  }
  .animation {
    display: none;
  }
  .home-banner .heading {
    margin-top: 10%;
  }
  .home-banner .heading h1 {
    font-size: 1.75rem;
  }
  .home-banner .heading p {
    font-size: 13px;
  }
  .home-banner .home-banner-img img {
    width: 50%;
  }
  .services .services-item .srvc-box {
    width: 47%;
  }
  .about .about-img {
    height: 400px;
  }
  footer::after {
    width: 85%;
  }
  .title-banner nav {
    float: inherit !important;
  }
  .scroll-spy .content-wrapper .content .ms-5 {
    margin-left: 0 !important;
  }
  .scroll-spy .content-wrapper .content p {
    width: 100%;
  }
  .scroll-spy .content-wrapper .content .ser-img #bg-left {
    display: none;
  }
  .scroll-spy .content-wrapper .content .ser-img #bg-right {
    display: none;
  }
  .scroll-nav #navbar {
    display: none;
  }
  .margin {
    margin-top: 50px;
  }
  .hm-contact .contact-text h2 {
    font-size: 1.5rem;
  }
  .mission-vision .mission {
    width: 100%;
    margin-bottom: 20px;
    padding: 15px;
  }
  .about-pg .about-pg-content {
    width: 100%;
  }
  .about-pg .about-pg-content .content .support .more-content .icon {
    width: 20%;
  }
}
@media (min-width: 991px) and (max-width: 1025px) {
  .porfolio-detail .more-imgs .slider-img {
    width: 80%;
  }
  .porfolio-detail .more-imgs .owl-nav {
    width: 90%;
    font-size: 2rem;
  }
  .porfolio-detail .more-imgs .owl-nav button span {
    padding: 0px 10px !important;
  }
  .section-header nav .navbar-nav .nav-item {
    margin-right: 0px;
  }
  .home-banner .heading {
    margin-top: 15%;
  }
  .home-banner .heading h1 {
    font-size: 3rem;
  }
  .home-banner .heading p {
    font-size: 13px;
  }
  .home-banner .home-banner-img img {
    width: 75%;
  }
  .services .services-item .srvc-box {
    width: 30%;
  }
  footer .footer-box .footer-text {
    width: 100%;
  }
  .about-pg .about-pg-content {
    width: 100%;
  }
  .about-pg .about-pg-content .content .support .more-content .icon {
    width: 15%;
  }
  .mission-vision .mission {
    width: 100%;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 2560px) {
  footer::after {
    width: 20%;
    left: -210px;
    bottom: -25px;
  }
}
@media (min-width: 1620px) and (max-width: 2560px) {
  .section-header {
    background-color: #ffffff;
  }
  .section-header nav .navbar-nav .nav-item .nav-link {
    color: #000000 !important;
  }
  .section-header nav .navbar-nav .nav-item .nav-link:hover {
    color: #ffffff !important;
  }
  .section-header nav .navbar-brand {
    position: relative;
  }
  .section-header nav .navbar-brand img {
    position: absolute;
    padding: 10px;
    border-radius: 100px;
    top: -20px;
    background-color: #ffffff;
  }
}/*# sourceMappingURL=responsive.css.map */