/* ICPMRPE Mobile Styles */

/* General Mobile Optimizations */
@media (max-width: 767px) {
    /* Improve text readability on mobile */
    body {
        font-size: 16px;
        line-height: 1.5;
    }

    /* Fix section padding for mobile */
    section {
        padding: 60px 0 !important;
    }

    /* Adjust heading sizes for mobile */
    .secTitle {
        font-size: 32px !important;
        line-height: 1.2 !important;
        margin-top: 50px !important;
    }

    h1 {
        font-size: 28px !important;
        line-height: 1.3 !important;
    }

    h2 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    h3 {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }

    /* Adjust button sizes and padding for touch targets */
    .lab_btn {
        padding: 12px 25px !important;
        font-size: 15px !important;
        min-width: 150px !important;
    }

    /* Fix page content spacing */
    .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Improve spacing between elements */
    .row {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, 
    .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, 
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, 
    .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, 
    .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, 
    .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, 
    .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, 
    .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, 
    .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, 
    .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, 
    .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, 
    .col-xl-auto {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* Header & Navigation Improvements */
@media (max-width: 767px) {
    /* Logo optimization */
    .logo {
        width: 75% !important;
        text-align: left !important;
        padding: 10px 0 !important;
    }

    .logo img {
        height: auto !important;
        width: 200px !important;
        max-height: 60px !important;
    }

    /* Mobile menu button */
    .menuBtn {
        padding: 10px !important;
    }

    .menuBtn i {
        font-size: 24px !important;
    }

    /* Header height optimization */
    .header01 {
        padding: 5px 0 !important;
    }

    /* Mobile dropdown menu */
    .mainMenu {
        max-height: 80vh !important;
        overflow-y: auto !important;
        padding: 15px 0 !important;
    }

    .mainMenu > ul > li {
        margin: 0 0 10px !important;
        padding: 0 20px !important;
    }

    .mainMenu > ul > li > a {
        font-size: 16px !important;
        padding: 8px 0 !important;
        display: block !important;
    }

    .mainMenu ul li ul {
        padding: 5px 0 5px 15px !important;
        margin-top: 5px !important;
    }

    .mainMenu ul li ul li {
        margin-bottom: 5px !important;
    }

    .mainMenu ul li ul li a {
        padding: 5px 0 !important;
        font-size: 15px !important;
    }
    
    /* Ensure dropdown arrows are properly displayed */
    .mainMenu > ul > li.menu-item-has-children > a:after {
        content: "\f107" !important;
        font-family: "FontAwesome" !important;
        margin-left: 5px !important;
        float: right !important;
    }
}

/* Home Page Content Optimization */
@media (max-width: 767px) {
    /* Hero section */
    .rev_slider .tp-caption {
        padding: 10px !important;
    }

    /* Service boxes */
    .singleService01 {
        margin-bottom: 30px !important;
    }

    .singleService01 .ss01Content {
        padding: 25px 20px !important;
    }

    .singleService01 .ss01Content i {
        font-size: 36px !important;
    }

    /* Facts section */
    .fact01 {
        margin-bottom: 40px !important;
        text-align: center !important;
    }

    .fact01 h2 {
        font-size: 36px !important;
    }

    /* About section */
    .aboutContent {
        text-align: center !important;
    }

    .aboutContent .secTitle {
        margin-bottom: 20px !important;
    }

    /* Icon boxes */
    .iconBox01 {
        text-align: center !important;
        display: block !important;
        margin-bottom: 30px !important;
    }

    .iconBox01 i {
        margin: 0 auto 15px !important;
        display: block !important;
    }

    /* Testimonials */
    .testimonial_item {
        padding: 20px !important;
    }
}

/* About Page Optimization */
@media (max-width: 767px) {
    .aboutSection {
        background-position: center bottom !important;
        padding: 60px 0 !important;
    }

    .whyChooseUsImg img {
        width: 100% !important;
        height: auto !important;
        max-height: 400px !important;
    }
}

/* Services Pages Optimization */
@media (max-width: 767px) {
    /* Service boxes */
    .service_box_3 {
        padding: 30px 20px !important;
    }

    .service_box_3 .ico_div i {
        font-size: 36px !important;
    }

    /* Service content */
    .serviceSection .serviceLeft {
        padding: 50px 20px !important;
    }
}

/* Target Audience Pages Optimization */
@media (max-width: 767px) {
    /* Institution boxes */
    .institution_box {
        padding: 30px 20px !important;
    }

    .institution_box .institution_icon i {
        font-size: 36px !important;
    }

    /* Program boxes */
    .program_box {
        margin-bottom: 30px !important;
    }

    .program_content {
        padding: 20px !important;
    }
}

/* Contact Page Optimization */
@media (max-width: 767px) {
    /* Contact form */
    .contactForm {
        padding: 25px 20px !important;
    }

    .contactForm input,
    .contactForm textarea {
        padding: 12px 15px !important;
        margin-bottom: 15px !important;
    }

    /* Contact info */
    .contactInfo {
        padding: 25px 20px !important;
    }

    .contactInfo .cwcInfo {
        padding-left: 30px !important;
        margin-bottom: 20px !important;
    }
}

/* Footer Optimization */
@media (max-width: 767px) {
    /* Footer widgets */
    .widget {
        margin-bottom: 40px !important;
    }

    /* Copyright section */
    .siteInfo {
        text-align: center !important;
        padding: 15px 0 !important;
    }

    /* Social icons */
    .siteSocial {
        justify-content: center !important;
        padding: 0 0 15px !important;
    }
}

/* Optimizations for extra small screens */
@media (max-width: 575px) {
    /* Further reduce padding */
    section {
        padding: 50px 0 !important;
    }

    /* Smaller headings */
    .secTitle {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    /* Full width buttons */
    .lab_btn {
        width: 100% !important;
        text-align: center !important;
    }

    /* Stack all columns */
    .col-6,
    .col-sm-6,
    .col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}