/* Container for the form */
.ig-downloader-container {
    text-align: center; /* Center align the container */
    max-width: 100%; /* Ensure it doesn't overflow */
    margin: 0 auto; /* Center the container on the page */
}

/* Flexbox layout for the form */
.ig-downloader-form {
    display: flex; /* Use flexbox */
    justify-content: center; /* Center the items horizontally */
    flex-wrap: wrap; /* Allow items to wrap on smaller screens */
    gap: 10px; /* Space between elements */
}

/* Style for the input and submit button */
.ig-downloader-form input[type="text"] {
    flex: 0 0 60%; /* Take up 80% of the space */
    margin: 5px; /* Adjust margin for spacing */
    padding: 8px; /* Padding inside the inputs */
}

.ig-downloader-form input[type="submit"] {
    flex: 0 0 20%; /* Take up 20% of the space */
    margin: 5px; /* Adjust margin for spacing */
    padding: 8px; /* Padding inside the inputs */
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .ig-downloader-form input[type="text"], 
    .ig-downloader-form input[type="submit"] {
        flex-basis: 100%; /* Full width on smaller screens */
    }
}

/* Styles for .ig-content-box, .ig-download-container, and .ig-download-btn remain the same */


 .ig-content-box {
            border: 2px solid black; /* Black border */
            border-radius: 10px; /* Rounded corners */
            padding: 15px; /* Padding inside the box */
            margin: 10px 0; /* Margin around the box */
            max-width: 100%; /* Ensure it doesn't overflow */
            box-sizing: border-box; /* Include padding and border in the box's width */
        }

   .ig-download-container {
    text-align: center; /* Center-align the container's content */
}

.ig-download-btn {
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    padding: 10px 20px; /* Some padding */
    text-decoration: none; /* No underline */
    display: inline-block; /* Inline block */
    font-size: 16px; /* Font size */
    margin: 4px 2px; /* Margin */
    cursor: pointer; /* Pointer cursor on hover */
    border-radius: 5px; /* Rounded corners */
    width: 100%; /* Full width on mobile */
    box-sizing: border-box; /* Include padding and border in the button's width */
}

.ig-download-btn:hover {
    background-color: #45a049; /* Darker green on hover */
}

@media (min-width: 600px) {
    .ig-download-btn {
        width: auto; /* Auto width on larger screens */
    }
}

.media-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns of equal width */
    gap: 10px; /* Space between grid items */
}

.media-item-container {
    border: 1px solid #ddd; /* Optional: border for each video container */
    padding: 10px; /* Padding inside each container */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: box shadow for styling */
}

.media-download-btn {
    display: block;
    margin-top: 10px;
    /* Other styles for the download button */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .media-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on medium screens */
    }
}

@media (max-width: 480px) {
    .media-grid {
        grid-template-columns: 1fr; /* 1 column on small screens */
    }
}