@media only screen and (max-width: 768px) {
        .hero-grid {
            grid-template-columns: 1fr !important;
        }
        .countries-slider .country-card {
            flex: 0 0 calc(100% - 12px) !important;
            min-width: calc(100% - 12px) !important;
        }
        .country-body {
            padding: 19px !important;
        }
        .country-meta {
            gap: 3px;
            margin-bottom: 5px !important;
        }
        .country-name {
            margin-bottom: 10px !important;
        }
        .country-highlights li {
            padding: 8px 0 !important;
            font-size: 0.9375rem !important;
            color: #121212 !important;
        }
        .btn {
            padding: 8px 15px !important;
        }
        .uni-logo {
            width: 100px !important;
            height: 100px !important;
        }
        .hero-stats {
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 20px !important;
        }
        .hero-stat-number {
            font-size: 1.3rem !important;
        }
        .hero-stat {
            padding: 16px 15px !important;
        }
        .hero-stat-label {
            font-size: 0.8rem;
        }
        element.style {
            grid-template-columns: 1.5fr !important;
        }
        .why-title {
            font-size: 0.7rem !important;
            margin-bottom: 7px !important;
        }
        .why-desc {
            line-height: 1.3 !important;
            font-size: 0.7rem !important;
        }
        .why-icon {
            width: 50px !important;
            height: 50px !important;
            margin-bottom: 12px !important;
        }
        .why-icon i {
            font-size: 1.5rem !important;
        }
        .countries-grid,
        .services-grid,
        .blog-grid,
        .why-grid,
        .staff-grid,
        .eligibility-grid {
            grid-template-columns: 1fr 1fr !important;
        }
        .why-grid {
            grid-template-columns: 1fr 1fr!important;
        }
        .why-card {
            padding: 23px 20px !important;
        }
        .eligibility-card {
            padding: 23px 15px !important;
        }
        .eligibility-icon {
            width: 60px !important;
            height: 60px !important;
            margin: 0 auto 19px !important;
        }
        .eligibility-icon i {
            font-size: 1.6rem !important;
        }
        .eligibility-desc {
            font-size: 0.8rem !important;
            line-height: 19px !important;
        }
        .cta-section {
            padding: 65px 0 !important;
        }
        .admission_process {
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 20px !important;
        }
        .step_border {
            display: none !important;
        }
        .step {
            width: 65px !important;
            height: 65px !important;
            font-size: 1.3rem !important;
        }
        .country_overview {
            grid-template-columns: 1.5fr !important;
            gap: 20px !important;
        }
        .career_opportunities {
            grid-template-columns: 1fr !important;
            gap: 30px !important;
        }
        .hostel_facilities {
            grid-template-columns: 1fr !important;
            gap: 40px !important;
        }
        .info-list li {
            padding: 10px 0 !important;
            font-size: 0.9rem !important;
        }
        .info-card-header {
            padding: 17px 25px !important;
        }
        .countries-grid,
        .services-grid,
        .blog-grid,
        .why-grid,
        .staff-grid,
        .eligibility-grid {
            grid-template-columns: 1fr 1fr!important;
        }
        .service-card {
            padding: 20px 20px !important;
        }
        .service-title {
            font-size: 1rem !important;
            margin-bottom: 5px !important;
        }
        .service-desc {
            font-size: 0.7rem !important;
            line-height: 1.3 !important;
            margin-bottom: 5px !important;
        }
        .service-list li {
            gap: 8px !important;
            padding: 5px 0 !important;
            font-size: 0.7rem !important;
        }
        .service-list li i {
            font-size: 0.6rem !important;
            width: 15px !important;
            height: 15px !important;
            line-height: 16px !important;
        }
        .service-icon {
            width: 60px !important;
            height: 60px !important;
            margin-bottom: 10px !important;
        }
        .service-number {
            top: 23px !important;
            right: 12px !important;
            font-size: 2.5rem !important;
        }
        .services-section {
            padding: 70px 0 !important;
        }
        .testimonials-section {
            padding: 70px 0 !important;
        }
        .footer {
            padding: 70px 0 0 !important;
        }
        .filter-btn {
            padding: 8px 18px !important;
        }
        .countries-section {
            padding: 70px 0 !important;
        }
        .slider-nav-btn {
            width: 30px !important;
            font-size: 13px !important;
            height: 30px !important;
        }
        .why-section {
            padding: 70px 0 !important;
        }
        .about-section {
            padding: 70px 0 !important;
        }
        .about-content h2 {
            font-size: 1.8rem;
            margin-bottom: 15px;
        }
        .about-feature-icon {
            width: 40px !important;
            height: 40px !important;
        }
        .about-feature h4 {
            font-size: 0.8rem !important;
        }
        .about-feature p {
            font-size: 0.7rem !important;
        }
        .about-feature {
            align-items: center !important;
        }
        .hero-form-card {
            padding: 24px !important;
        }
        .hero-form-header p {
            font-size: 0.8rem !important;
        }
        .hero-form-header h3 {
            font-size: 1.0rem !important;
        }
        .hero-form-header {
            margin-bottom: 15px !important;
        }
        .hero-banner {
            padding: 130px 0 70px;
        }
        .sm_breath_title {
            font-size: 28px !important;
        }
        .sm_breath_p {
            margin-bottom: 0 !important;
            font-size: 1rem !important;
            line-height: 1.4 !important;
        }
        .sm_padding_page_header {
            padding: 100px 0 40px !important;
            min-height: 400px !important;
        }
        #who-we-are {
            padding: 70px 0 !important;
        }
        .mission-vision {
            padding: 70px 0 !important;
        }
        .padding_vision_mission {
            padding: 30px 25px !important;
        }
        .padding_vision_mission p {
            line-height: 23px !important;
        }
        .why_section_us {
            padding: 70px 0 !important;
        }
        .steps_section {
            padding: 70px 0 !important;
        }
        .padding_step {
            padding: 20px !important;
        }
        .padding_step_p {
            line-height: 1.4 !important;
        }
        .padding_step_h4 {
            margin-bottom: 8px !important;
        }
        .counter_title {
            font-size: 28px !important;
        }
        .sm_padding_counter {
            padding: 20px 8px !important;
        }
        .counter_title_p {
            font-size: 0.8rem !important;
            margin-bottom: 0 !important;
        }
        .counter_icon {
            width: 60px !important;
            height: 60px !important;
            margin: 0 auto 18px !important;
        }
        .counter_icon_size {
            font-size: 1.7rem !important;
        }
        .counter_section {
            padding: 70px 0 !important;
        }
        .student_support {
            padding: 70px 0 !important;
        }
        .breathcrumb_title {
            font-size: 20px;
            margin-bottom: 2px !important;
        }
        .breathcrumb_p {
            font-size: 1rem !important;
            line-height: 1.4 !important;
            margin: 0 !important;
        }
        .hero_badge {
            padding: 9px 10px !important;
            font-size: 0.8rem !important;
        }
        .btn_apply {
            padding: 9px 15px !important;
            font-size: 13px !important;
        }
        .btn_brochure {
            padding: 9px 15px !important;
            font-size: 13px !important;
        }
        .btn_group {
            margin-top: 25px !important;
        }
        .blog-body {
            padding: 25px !important;
        }
        .blog-excerpt {
            margin-bottom: 12px !important;
        }
        .blog-title {
            margin-bottom: 10px !important;
        }
        .contact_main {
            grid-template-columns: 1fr !important;
        }
        .contact_padding {
            padding: 25px !important;
            border: 2px solid #4d1a4f !important;
        }
        .form_single {
            grid-template-columns: 1fr !important;
            gap: 0px !important;
        }
        .uni_details_logo {
            width: 100px !important;
        }
        .faq-question {
            padding: 12px 22px !important;
            font-size: 0.8rem !important;
        }
        .faq-answer p {
            line-height: 1.5 !important;
            font-size: 0.9rem !important;
        }
        .uni_logo {
            width: 80px !important;
        }
        .mr_10 {
            margin-bottom: 10px !important;
        }
        .nav-pills .nav-link {
            font-size: 10px !important;
        }
        .bg_gallery {
            padding: 3px !important;
        }
        .sticky-btn {
            padding: 11px 14px !important;
            font-size: 0.8rem !important;
        }
        .faq-answer {
            padding: 0 20px 20px !important;
        }
        .staff-grid {
            grid-template-columns: 1fr 1fr!important;
        }
        .staff-image {
            width: 110px !important;
            height: 110px !important;
        }
        .staff-name {
            font-size: 0.9rem !important;
        }
        .staff-role {
            font-size: 0.7rem !important;
        }
        .why-icon i {
            font-size: 1.5rem !important;
        }
        .breadcrumb-item {
            font-size: 0.7rem !important;
        }
        .breadcrumb-item+.breadcrumb-item::before {
            margin-right: 1px !important;
        }
        .breadcrumb-item+.breadcrumb-item {
            padding-left: 4px;
        }
        .breadcrumb {
            margin-bottom: 10px !important;
        }
        .links-cat-header {
            flex-direction: column !important;
        }
        .links-category-card {
            padding: 20px !important;
        }
    }
    
    @media only screen and (max-width: 480px) {
        .countries-grid,
        .services-grid,
        .blog-grid,
        .why-grid,
        .staff-grid,
        .eligibility-grid {
            grid-template-columns: 1fr!important;
        }
        .service-title {
            font-size: 1.4rem !important;
            margin-bottom: 7px !important;
        }
        .service-list li {
            gap: 7px !important;
            padding: 5px 0 !important;
            font-size: 0.8rem !important;
        }
        .service-desc {
            font-size: 0.8rem !important;
            line-height: 1.4 !important;
            margin-bottom: 6px !important;
        }
        .service-card {
            padding: 25px 26px !important;
        }
        .services-section {
            padding: 70px 0 !important;
        }
        .testimonials-section {
            padding: 70px 0 !important;
        }
        .footer {
            padding: 70px 0 0 !important;
        }
        .footer-grid {
            grid-template-columns: 1fr;
            gap: 20px !important;
        }
        .filter-btn {
            padding: 8px 15px !important;
            font-size: 12px;
        }
        .countries-slider .country-card {
            flex: 0 0 calc(100% - 6px) !important;
            min-width: calc(100% - 6px) !important;
        }
        .country-image {
            height: 158px !important;
        }
        .country-meta span {
            gap: 6px !important;
            font-size: 0.6rem !important;
        }
        .country-body {
            padding: 13px !important;
        }
        .country-highlights li {
            padding: 5px 0 !important;
            font-size: 0.6rem !important;
        }
        .country_btn {
            padding: 5px 5px !important;
        }
        .country_btn {
            font-size: 0.7rem !important;
        }
        .country-highlights li i {
            width: 20px !important;
            height: 20px !important;
            font-size: 0.7rem !important;
        }
        .country-actions {
            padding: 0 9px 6px 9px !important;
        }
        .country-image {
            height: 145px !important;
        }
        .slider-dots {
            display: none !important;
        }
        .countries-section {
            padding: 70px 0 !important;
        }
        .all_country_btn {
            margin-top: 30px !important;
        }
        .btn_country_all {
            font-size: 13px !important;
            padding: 9px 15px !important;
        }
        .countries-slider-wrapper {
            gap: 15px !important;
        }
        .why-section {
            padding: 70px 0 !important;
        }
        .about-section {
            padding: 70px 0 !important;
        }
        .why_section_us {
            padding: 70px 0 !important;
        }
        .steps_section {
            padding: 70px 0 !important;
        }
        .padding_step {
            padding: 20px !important;
        }
        .padding_step_p {
            line-height: 1.4 !important;
        }
        .eligibility-grid {
            grid-template-columns: 1fr 1fr !important;
        }
        .eligibility-title {
            font-size: 1rem !important;
            margin-bottom: 7px !important;
        }
        .staff-grid {
            grid-template-columns: 1fr 1fr!important;
        }
        .why-grid {
            grid-template-columns: 1fr 1fr!important;
        }
    }