@media (max-width: 767px) {
.banner-content{ flex-direction: column;}
.why-content{ flex-direction: column-reverse;}
.flex-column-xs-reverse{ flex-direction: column-reverse;}
.short-item{ width: 33%; margin-bottom: 15px; align-items: flex-start;}
.short-item .txt{ font-size: 14px;}
.short-item svg{ height: 35px; width: 35px;}
.enroll-btn .btn{ font-size: 16px; padding: 10px 14px;}
.body-section p{ font-size: 16px;}
.submit-btn button{ padding: 9px 18px;}
 .top_form{ max-width: 100%; padding: 22px; margin: 0 0 30px; }
 .clg-name h1, .common h2{ font-size: 30px;}
 .why-choose-list{ grid-template-columns: repeat(1, 1fr);}
 .why-choose-list li{ font-size: 14px; margin-bottom: 30px; }
 .banner-img{ padding: 30px 0;background-attachment: inherit; }
 .banner-bg{ height: 53vh; background-size: cover;}
 .common h2::before{ bottom: -3px;}
 .common{ padding: 30px 16px;}
 .heading.content h2{ margin-bottom: 20px;}

 .facility-item{ grid-template-columns: repeat(2, 1fr); margin: 40px 0 0;}
 .why-icon{ height: 70px; width: 70px;}
 .why-icon img{ width: 40px; height: 40px;}
 /* .why-choose-list li:before{font-size: 20px;} */
 .f-item p{ font-size: 12px !important;}
 .course-card p{ font-size: 14px; padding: 10px 6px;}
 .clg-name p, .address-txt{ font-size: 16px;}
 .clg-name{ padding: 10px;}
 footer.common{ padding-bottom: 20px;}
 footer .display-flex.justify-space-between{ flex-direction: column; align-items: flex-start;}
 footer ul{ margin: 10px 0; justify-content: center !important;}
 .placement-item{ grid-template-columns: repeat(3, 1fr); gap: 10px;}
 .p-0{ padding: 0;}
 footer .svg-icons{ height: 16px; width: 16px;}
 .contact-num a{ font-size: 14px; margin: 0 0 10px;}
 footer p{ font-size: 14px; margin-bottom: 10px;}
 .map-icon{ height: 26px !important; width: 26px !important;}
 .placement-item .item{ padding: 6px;}

}