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

@media screen and (min-width:991px) {
     
}
/**/
@media screen and (max-width:991px) {
      .home_banner .home_banner_inner {
        position: relative;
    background-color: transparent;
    transform: inherit;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-height: 100%;
    z-index: 9;
    width: auto;
    max-width: 100%;
    left: 0;
    top: 0;
    }  
    .home_banner .home_banner_inner .logo_img {
          z-index: 9;
    order: -2;
    width: 100%;
    max-width: 100%;
    margin: 1.5rem 0 1rem;
    background-color: #fff;
       padding: 0.5rem 3rem;
    }
    .home_banner .home_banner_inner .banner_btn {
    position: relative;
    width: 240px; 
    top: 0!important;
    right: 0!important;
    left: 0!important;
    bottom: 0;
}
.home_banner .home_banner_inner .banner_btn h3 { 
    font-size: 1.25rem;
}

.card-description {
    height: auto;
}
.using_sperm_banner  {
            background-position-y: top; 
    background-position-x: 60%;
    }
    .using_sperm_banner:before {
        
        background-color: rgb(240 247 255 / 67%); 
    }
    .using_sperm_banner .hero {
        margin-top: 20rem;
    }
}
/**/

@media screen and (max-width:767px) {
     .mainheader .navbar-collapse{
        position: fixed;     background-color: #000000;
        left: 0;
        right: 0;
        top: 100%;
        padding: 0.5rem 2rem 0.5rem;
        border-radius: 1rem;
    }
    .navbar-toggler:focus{
       box-shadow: none;
    }
}

@media screen and (max-width: 400px) {
    .using_sperm_banner .hero {
        margin-top: 7rem;
    }
    .start-header .navbrand {
        height: 60px!important;padding: 6px!important;
    }
    .start-header .navbar {
    margin-left: 195px!important;
}
}