@media screen and (max-width: 500px)
{
  .banner-section
  {
    height: auto;
  }
  .banner-section .carousel-inner .carousel-item h1
  {
    padding-top: 100px;
    font-size: 26px;
    line-height: initial;
  }
  .banner-section .carousel .carousel-indicators
  {
    display: none;
  }
  .inner-banner-wrapper
  {
    padding-bottom: 60px;
  }
  .inner-banner-wrapper .btn-main
  {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .technology-section
  {
    padding: 100px 0;
  }
  .make-top
  {
    margin-top: 0px;
    display: none;
  }
  .about-section .carousel
  {
    margin-top: 38px;
  }

  .navbar-toggler-icon 
  {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    border-radius: 6px;
    height: 30px;
    width: 35px;
  }
  .navbar-collapse
  {
    background: #fff;
  }
  .navbar-collapse button
  {
    display: none;
  }
  .navbar-collapse .navbar-nav .nav-item .nav-link
  {
    color: #222 !important;
    padding: 5px 0;
  }
  .navbar-brand
  {
    margin-right: 0px;
  }


  .inner-banner .ib-overlay .container
  {
    width: 100%;
  }
  .inner-banner .ib-overlay h2
  {
    font-size: 22px;
  }
  .content-main p
  {
    padding: 0px;
  }
  .contact-right-sec
  {
    padding: 0px;
  }
  .content-banner-inner h1
  {
    font-size: 26px;
  }
  .content-banner-inner a
  {
    display: block;
    margin-top: 10px;
  }
  .techno-slider .item
  {
    width: 50%;
  }
  .blog-wrapper
  {
    width: 100%;
  }
  .new-content-inner
  {
    display: block;
    padding: 0 20px;
  }
  .left-con, .right-con
  {
    width: 100%;
  }
  .about-features ul li .ab-whole-wrapper
  {
    display: block;
  }
  .about-features ul
  {
    display: block;
  }
  .about-features ul li
  {
    width: 100%;
  }
}