/* Portfolio Section Adjustments */
@media (max-width: 991px) {
    .portfolio-section .portfolio-item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .portfolio-section .portfolio-item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Home Section Adjustments */
    .home-section {
        flex-direction: column; /* Stack items vertically */
        align-items: center; /* Center items */
    }

    .home-icon{
        right: 45%;
    }


    .home-section .home-text {
        order: 2; /* Ensure text comes second */
        text-align: center; /* Center text */
        margin-top: 20px; /* Space above text */
        width: 100%; /* Full width */
    }

    .home-section .home-image {
        order: 1; /* Ensure image comes first */
        width: 100%; /* Full width */
    }

    .home-section .full-screen {
        padding: 50px 0; /* Reduce padding for smaller screens */
    }

    .home-section .home-image .img-box {
        margin-bottom: 20px; /* Space below image */
        max-width: 350px; /* Limit max width for smaller screens */
        width: 100%; /* Full width */
    }

    .about-section .about-img {
        padding-bottom: 30px; /* Maintain padding */
    }

    .about-section .timeline .timeline-item {
        margin-bottom: 40px; /* Maintain margin */
    }

    .portfolio-popup .description p {
        margin-bottom: 30px; /* Maintain margin */
    }

    /* Adjust service and contact sections for smaller screens */
    .service-section .service-item,
    .contact-section .contact-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 574px) {
    .row{
        flex-direction: column;
    }
    .home-section .home-image .img-box {
        max-width: 260px; /* Adjust max width for very small screens */
    }

    .home-icon{
        right: 40%;
    }

    .home-section .home-text h1 {
        font-size: 30px; /* Adjust heading size */
    }

    .home-section .home-text p {
        font-size: 16px; /* Adjust paragraph size */
    }
}

@media (max-width: 250px) {
    .home-section .home-text {
        font-size: 12px; /* Adjust font size for very small screens */
    }

    .home-icon{
        right: 33%;
    }

    .home-section .home-text h1 {
        font-size: 24px; /* Further reduce heading size */
    }

    .home-section .home-image .img-box {
        max-width: 200px; /* Limit max width for very small screens */
    }

    .home-section .full-screen {
        padding: 20px 0; /* Reduce padding for very small screens */
    }
}