@media screen and (max-width: 600px) 
{
    .nav-mob {
      visibility: hidden;
      clear: both;
      float: left;
      margin: 10px auto 5px 20px;
      width: 28%;
      display: none;
    }

    .navbar {
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        margin-top: 0%;
        background-color: #fff;
        -webkit-box-shadow: 0 1px 1px 0 #f0f0f0;
        box-shadow: 0 1px 1px 0 #f0f0f0;
        z-index: 999;
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
        -webkit-animation-duration: 0.25s;
        animation-duration: 0.25s;
        padding: 0rem 1rem !important;
        font-family: Poppins, Arial, sans-serif !important;
    }

    .bd-example{
        margin-top: 26%;
    }

    .headmytitle{
        font-size: 24px;
    }

    .large {
        color: #253f8e;
        font-size: 20px;
        line-height: 40px;
    }

    .block-title {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 34px;
        font-weight: 500;
        text-align: left;
        color: #253f8e;
    }

    .btngreen {
        margin-top: 15px;
        padding-top: 08px;
        padding-bottom: 12px;
        background-color: #253f8e;
        font-size: 12px;
        line-height: 20px;
    }

    .card-mytitle {
        margin-bottom: 0.75rem;
        font-weight: 700 !important;
        color: #253f8e;
        font-size: 24px;
    }

    .pt-5, .py-5 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }
}