html, body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
video,
iframe {
  max-width: 100%;
}

video,
iframe {
  height: auto;
}

.card-img-top {
  max-width: 100%;
}

.instagram-media {
  min-width: 0 !important;
  width: 100% !important;
}

@media (max-width: 991.98px) {
  .sub_menu {
    display: none;
  }

  .main_menu .navbar-brand {
    max-width: 78%;
  }

  .main_menu .navbar {
    position: relative;
    min-height: 64px;
  }

  .navbar-light .navbar-toggler {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.65) !important;
    border-radius: 6px;
    margin-left: auto;
    margin-right: 0;
    position: relative;
    z-index: 10002;
  }

  .navbar-light .navbar-toggler .fa {
    color: black !important;
    font-size: 26px !important;
    line-height: 1 !important;
  }

  .navbar-light .navbar-toggler-icon {
    display: none !important;
  }

  #navbarSupportedContent {
    position: absolute;
    left: 0;
    right: 0;
    top: 62px;
    z-index: 10001;
    background: #040506;
    border-radius: 8px;
    margin-top: 12px;
    padding: 8px 14px;
  }

  #navbarSupportedContent .nav-link {
    color: #ffffff !important;
    padding: 10px 0 !important;
  }

  .banner_text h1 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }

  .banner_text h3 {
    font-size: 18px !important;
    line-height: 1.35 !important;
  }

  .section_padding {
    padding: 44px 0 !important;
  }

  .contact-section iframe {
    height: 280px !important;
  }

  .card-img-top {
    height: auto !important;
  }

  .footer-area {
    margin-top: 0 !important;
    padding-bottom: 20px;
  }

  .wsp img {
    height: 64px !important;
    bottom: 16px !important;
    right: 12px !important;
  }
}