@media (max-width: 767px) {
.feature-list{ gap: 20px;}
.logo img{ max-height: 70px;}
.flex-xs-column{ flex-direction: column;}
.why-choose-list, .feature-list{ grid-template-columns: 1fr;}
 .top_form{ max-width: 100%; padding: 22px; }
 .clg-name h1, .common h2{ font-size: 30px;}
 .why-choose-list li{ padding: 10px;}
 .banner-img{ padding: 30px 0; }
 .common h2::before{ bottom: -3px;}
 .common{ padding: 30px 16px;}
 .top_form h2{ font-size: 22px;}
 .courses-slider h3{ font-size: 16px;}
 .courses-slider p{ font-size: 14px;}
 .placement-item .item{ padding: 4px; border: 0;}
 .clg-name p, .address-txt{ font-size: 16px;}
 .adress span{ font-size: 18px;}
 .facility-list{ grid-template-columns: repeat(3, 1fr);}
 .facility-list p{ font-size: 14px;}
 .facility-list img{ height: 40px; width: 40px;}
 .address-block{ max-width: 100%; margin: 15px 0;}
 footer .display-flex.justify-space-between{ flex-direction: column; align-items: center;}
 footer ul{ margin: 10px 0; justify-content: center !important;}
 .placement-item{ grid-template-columns: repeat(3, 1fr); gap: 10px;}
 .placement-item img{ max-height: 30px;}
 .scholarship-list .svg-icons, .course-icons{ height: 16px; width: 16px;}
 .p-0{ padding: 0;}
 footer .svg-icons{ height: 18px; width: 18px;}
 footer p.fs20{ font-size: 14px;}
 .cc-logo img{ height: 35px; }
 .contact-num a{ font-size: 14px; margin: 0 0 10px;}
 .clg-name h1{margin: 10px 0 15px }
}