@media only screen and (max-width: 480px) {
  body{
    padding-bottom: 240px !important;
  }
  .left-sidebar-content {
    padding: 40px 15px;
  }
  .logo {
    margin: 60px 0 40px 0;
  }
  .row.footer{
    width: 100% !important;
    left: 0 !important;
    padding: 0 !important;
  }
  .link-login{
    position: fixed;
    top: 0;
    z-index: 99999;
  }

  .left-sidebar-content .col-md.col-sm-4 {
    /* width: 33%; */
    flex: 0 0 33.333333%;
  }
  .icon-tagline {
    position: absolute;
    width: 60px;
    top: 60%;
    left: 64%;
    margin-left: -40px;
    margin-top: -40px;
  }
  .cat-desc {
    /* height: 82%; */
    margin: 0;position: relative;
    width: 100%;
  }
  #divoption2{
     /* margin-top: 10px; */
     height: 142px !important;
  }
  #rowdiv{
    height: auto !important;
  }
  .choose-cat, .choose-egibility{
    height: auto !important;
  }
.choose-cat{

  border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
.choose-egibility{

  /* border-top-left-radius: 0;
    border-top-right-radius: 0; */
  }
  .cat-desc img{
    height: 100px;
  }
  .cat-desc span{
      display: inline-block;
    margin: 0 0 10px 0;
  }

  .login-form .col-md.col-6{
    padding: 15px !important;
     width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .vector-login{
     width: 128px;
  }
  footer{display: none;}
  #top-page .link-login{
      width: 100% !important;
    left: 0;
     position: absolute;
    top: 5px;
  }
  #top-page a img{
     margin-top: 50px;
  }
  .sign-up-login-link{
     margin-right: 5px;
  }
  .link-login .contact-info{
    margin-top: 5px;
  }
  .row.footer .col-md-6.col-6{
   width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
  }
  .socmed-menu{
    position: relative !important;
  }
  .filter{
    height: auto !important;
  }
  #form-compare .col-md-3{
    margin-bottom: 10px;
  }
  .form-check{
    max-height: none;
  }
  .left-sidebar{
    min-height: 0;
  }
  .input-group{
    margin-bottom: 10px;
  }
  .agree{
    width: 92%;
  }
  .credit-card > div.col-md-3.col-sm-3{
   /* width: 25%;
   flex: 0 0 25%;
  max-width: 25%; */
  }
  .login-form{
    /* background: none; */
    margin-top: 15px;
  }
  .login-form, .box-form{
    height: auto;
  }
  .login-form .col-md.col-6{
    padding-bottom: 0 !important;
  }
  .sixteen.wide.tablet.six.wide.computer.column.top.aligned, .sixteen.wide.tablet.ten.wide.computer.column.top.aligned, .column.top.aligned.details{
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .iminterseted .egibility-desc div.row img{
    display: none;
  }
  .form-check .not-full-sm-4 .col-md.col-sm-4{
    width: 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .iminterseted .col-md-12.col-12{
    width: 100% !important;
  }
  .iminterseted .col-md-12.col-12 > .choose-egibility{
    width: 100% !important;
    padding: 10px;
  }
  label#residency{
    display: block;
  }
  label#residency img{
    width: 100% !important;
  }
  #employment{
      width: 100%;
    overflow: hidden;
  }
  span.type-of-employment-v{
    width: 100% !important;
    height: 75px !important;
    background-size: 500px auto;
  }
  span.salaried{
    background-position: -3px 0 !important;
  }
  span.self-employed{
    background-position: -217px 0 !important;
  }
  #birthday{
    width: 54% !important;
  }
  #years{
    width: 67% !important;
  }
  #date{
    margin-top: 10px;
  }
  #month #birthday, #date #birthday{
    width: 100% !important;
  }
  .credit-card .col-md-3.col-sm-3, .credit-card-or-loan .col-md-3.col-sm-3{
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .credit-card img, .credit-card-or-loan img{
    max-width: 100% !important;
    /* max-height: none !important; */
  }
  .credit-card .col-md.col-sm, .credit-card-or-loan .col-md.col-sm, .not-full-sm-4 .col-md.col-sm-2{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .form-application label{
        display: block;
  }
}

@media only screen and (max-width: 320px) {
  .btn-login-link{
    padding: 7px;
  }
  .icon-tagline {
    width: 45px;
    top: 80%;
    left: 85%;
  }
  #divoption2 {
    height: 162px !important;
  }
}
