@media only screen and (max-width: 767px) {
    .hidden-xs{display: none;}
    :root {
        font-size: 52.5%;
      }
      .container-fluid{
        width: 100%;
      }
    .text-xs-center{text-align: center;}
    .justify-xs-center{justify-content: center;}
    .banner-logo img{max-height: 5rem;}
    .feat-info .short-item{padding: .4rem;}
    .feat-info svg{height: 3rem; width: 3rem;}
    .feat-info p{font-size: 1.4rem;}
    .fsm20{font-size: 2rem;}
    .fsm14{font-size: 1.4rem;}
    .mb-20{margin-bottom: 2rem;}
    header img{max-height: 2rem;}
    header p{font-size: 1.2rem;}
    .banner-image{padding: 1.6rem;}
    .banner-title{max-width: 100%; text-align: center;}
    .banner-title h1{font-size: 2.4rem;}
    .top_form{margin: 3rem auto; width: 100%; left: 0;}
    .college-list li p{font-size: 1.4rem;}
    .college-list li img{height: 17rem;}
    .heading h2{font-size: 2.2rem;}
    .course-title h3{font-size: 2rem;}
    .partner-list img{height: 3rem;}
    .footer-top img{max-height: 3rem; margin-bottom: 2rem;}
    .course-list li{padding: 1.4rem;}
    .counselling-grid{grid-template-columns: repeat(1, 1fr);}
    footer p{font-size: 1.2rem; justify-content: center;}
    .f-column-xs{flex-direction: column;}
    .feature-icon img{height: 3rem; width: 3rem;}
    .partner-list{grid-template-columns: repeat(3, 1fr);}
    .why-choose-list .item img{height: 4rem; width: 4rem;}
    .why-choose-list li > div{font-size: 1.4rem;}
}