@media (max-width: 991px) {
  ul.nav.nav-tabs.mr-auto {
    display: block;
    text-align: center;
  }
  #navbarSupportedContent {
    background: var(--secondary-color);
  }
  /*html img css*/
  img.ml-3.w-100 {
    margin: 0px !important;
  }
  img {
    width: 100%;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  .d-flex.justify-content-center.opacity-25 img {
    width: auto;
  }
}

/*=========================================================================
    HTML_HOMEK.PHP MENU RESPONSIVE CSS START
    ==========================================================================*/
@media (max-width: 1010px) {
  .M_a {
    display: none;
  }

  ul.navbar-nav.mr-auto {
    flex-direction: row;
  }

  .sidebar {
    display: none;
    width: 235px;
    z-index: 400;
  }

  .menu_bar {
    display: block;
  }

  .toggleC {
    display: block;
  }

  .right_content.float-end {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .M_c {
    display: none;
  }
}

@media (max-width: 954px) {
  .M_java {
    display: none;
  }
}

@media (max-width: 886px) {
  .M_php {
    display: none;
  }
}

@media (max-width: 822px) {
  .M_p {
    display: none;
  }
}
@media (max-width: 768px) {
  .col-md-5.top_header_title {
    text-align: center;
  }
  .col-md-7.text-end {
    text-align: center !important;
  }
  #programming_area {
    flex-direction: column;
  }
  .bg-white.w-50.text-center {
    width: 100% !important;
  }
}

@media (max-width: 722px) {
  .M_s {
    display: none;
  }
}

@media (max-width: 662px) {
  .M_J {
    display: none;
  }
}

@media (max-width: 568px) {
  .M_j {
    display: none;
  }
}

@media (max-width: 430px) {
  .M_b {
    display: none;
  }

  .ml-5.mr-5 {
    margin: auto !important;
  }
}

@media (max-width: 365px) {
  .R_btn {
    padding: 0;
    margin: 0;
    position: relative;
    left: 12px;
  }

  .b_ver_title {
    font-size: 50px !important;
  }
}

@media (max-width: 315px) {
  .M_css {
    display: none;
  }

  form.form-inline.ml-auto {
    width: 50%;
  }
}