.carousel-caption{
  top:50%;
}


@media screen and (max-width: 992px) {

    .topNavBar .content-right{
        margin-right: 0.3rem;
      }

      .search-form-wrapper{
        margin-top: 0!important;
      }

      .navbar-nav {
        display: block;
        height: 100vh;
        overflow-y: auto;
      }

      .navbar ul li {
        padding: 0;
      }

      .navbar.navbar-nav{
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
      }
      
      .nav-icon{
        display: inline-block;
      }

      .bottomNavBar{
      overflow-y: auto;
        border: none
      }

      .logo-area{
        margin-top: 0;
      }

      .content{
        padding-top: 3.5rem !important;
      }
  }


  @media screen and (max-width: 600px) {

    .topNavBar .content-left{
       display: none !important;
      }


      .carousel-caption {
        top: 30%;
    }


      .carousel-item, .carousel-inner{
        max-height: 800px !important;
      }
      
      
  }


@media screen and (max-width: 610px) {

  .section-img-col{
    display: none !important;
  }
}