/* ==============================
   Mobile Responsive Styles for Hire Page
   ============================== */

@media (max-width: 480px) {
    .professional-manager-section {
        padding: 50px 0px 60px;
    }
    
    .job-posting-container {
        margin-top: 40px;
    }
    
    .job-header {
        padding: 15px;
    }
    
    .job-title {
        font-size: 20px;
        margin-bottom: 15px;
    }
    
    .job-meta {
        gap: 8px;
        flex-flow: row;
    }
    
    .salary-badge,
    .job-type,
    .location {
        padding: 6px 12px;
        font-size: 18px;
    }
    
    .salary-badge i,
    .job-type i,
    .location i {
        font-size: 18px;
    }
    
    .job-content {
        padding: 20px 15px;
    }
    
    .section-title {
        font-size: 20px;
        margin-bottom: 15px;
        padding-bottom: 10px;
    }
    
    .section-title i {
        font-size: 18px;
    }
    
    .section-content p {
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .responsibility-list li,
    .requirement-list li,
    .benefits-list li {
        font-size: 18px;
        padding: 4px 0 4px 25px;
    }
    
    .responsibility-list li:before,
    .requirement-list li:before,
    .benefits-list li:before {
        width: 12px;
        height: 12px;
    }
    
    .application-card {
        padding: 20px 15px;
        margin-bottom: 20px;
    }
    
    .application-header h4 {
        font-size: 20px;
    }
    
    .application-header p {
        font-size: 18px;
    }
    
    .info-item {
        padding: 12px 0;
    }
    
    .info-item strong,
    .info-item span {
        font-size: 18px;
    }
    
    .application-btn {
        padding: 12px 15px;
        font-size: 18px;
    }
    
    .contact-info p {
        font-size: 18px;
        margin: 6px 0;
    }
    
    .company-info-card {
        padding: 20px 15px;
    }
    
    .company-logo img {
        max-width: 100px;
    }
    
    .company-info-card h5 {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .company-info-card p {
        font-size: 18px;
        margin-bottom: 20px;
    }
    
    .company-stats .stat .number {
        font-size: 18px;
    }
    
    .company-stats .stat .label {
        font-size: 11px;
    }
}

@media (max-width: 375px) {
    .professional-manager-section {
        padding: 40px 0px 50px;
    }
    
    .job-title {
        font-size: 18px;
    }
    
    .section-title {
        font-size:20px;
    }
    
    .application-header h4 {
        font-size: 18px;
    }
    
    .company-info-card h5 {
        font-size: 18px;
    }
}