/* ---------------------------------------------------------media query------------------------------------------- */
/* Medium devices (landscape tablets, 1023px and up) */
@media only screen and (max-width: 1024px) {
  .feature_section .title_mod,
  .screen_section .title_mod {
    width: 17%;
  }
  .feature_section h2 {
    padding: 0 4%;
  }
  .cards {
    transform: translateY(-72px);
  }
}

/* Extra small devices (phones, 767px and down) */
@media only screen and (max-width: 900.98px) {
  .navbar .navbar-collapse {
    background-color: white;
    text-align: center;
  }
  .navbar .navbar-collapse .navbar-nav {
    width: 100%;
    justify-content: center;
  }
  .navbar .navbar-collapse .navbar-nav a {
    color: #000;
  }
  .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #000;
  }
  .navbar .navbar-collapse .register_btn {
    width: 100%;
    justify-content: center;
    margin-bottom: 3%;
  }
  .navbar .navbar-collapse .register_btn .first {
    padding: 1% 5%;
  }
  .hero_section .image-wrap {
    margin-top: 3%;
  }
  .hero_section .head {
    padding-top: 0px;
  }
  .about_section {
    display: none;
  }
  .about_section.responsive {
    display: block;
  }
  .about_section .info {
    padding-top: 0px;
  }
  .feature_section .title_mod,
  .screen_section .title_mod {
    width: 20%;
  }
  .cards .card_feature.first {
    margin-bottom: 3%;
  }
  .screen_section h2 {
    padding: 0;
  }
  .screen_section .info {
    padding-top: 2%;
  }
  .screen_section .image-wrap {
    margin-top: 2%;
  }
  .screen_section .image-wrap img {
    width: 50%;
    height: 80%;
  }
  .download_section .get_app {
    margin-bottom: 2%;
  }
  .screen_section {
    display: none;
  }
  .screen_section.responsive {
    display: block;
  }
}

/* small devices (phones, 425 and up) */
@media only screen and (max-width: 425.98px) {
  .title_mod {
    width: 40%;
  }
  .about_section .info h2 {
    font-size: 40px;
  }
  .about_section .image-wrap {
    height: 440px;
    padding-inline-end: 0%;
    margin-top: 3%;
  }
  .feature_section .title_mod,
  .screen_section .title_mod {
    width: 40%;
  }
  .feature_section h2 , .screen_section h2 , .platform_sec .info h2 , .indvidual_section .info h2 , .download_section .info h2 ,.hero_section_page .head h1{
    font-size: 40px;
  }
  .screen_section .image-wrap img {
    width: 91%;}
    .screen_section .second{
      padding: 0;
    }
    .indvidual_section .info {
      padding: 0%;
  }
  .tabs_sec .d-flex{
    flex-direction: column;
  }
  .tabs_sec .nav {
    width: 100%;
}
.tabs_sec .tab-content {
  width: 100%;
}
}