@media (max-width:576px) {
 .top-bg{
    background-color: var(--bg-dark-color);
    max-width: 100%;
    text-align: center;
    position: relative;
    display: block;

}
.top-navi-bar .navbar-brand{
    background-color: var(--bg-dark-color);
    position: relative;
    border: 2px solid #f9f8fa;
    border-radius: 0px 0px 15px 15px;
    margin-top: -25px;
    display: block;
  }
  
  .top-navi-bar .navbar-brand .logo{
      display: flex;
      height: 55px;
      width: 55px;
      margin: auto;
  }
.slider-top .carousel-item .carousel-caption h5{
    font-size: 26px;
    text-align: center;
    margin-top: 10px;
    display: block;
}
.slider-top .carousel-item .carousel-caption p{
    font-size:16px;
    text-align: center;
    margin-bottom: 70px;
}
.about-top h2 {
    padding-top: 50%;
    color: #fff;
    font-size: 42px;
  }
  .about-text .about-social {

    text-align: center;
  }
}


@media (max-width: 767.98px) { 
    .slider-top .carousel-item .carousel-caption h5{
        font-size: 22px;
        text-align: center;
        margin-top: 10px;
    }
.slider-top .carousel-item .carousel-caption p{
        font-size:16px;
        text-align: center;
        margin-bottom: 10px;
    }

 }


@media (max-width: 991.98px) { 

}


@media (max-width: 1199.98px) {

}


@media (max-width: 1399.98px) {

}