@media (max-width: 992px) {
    .Banner_Collection {
        width: 100%;
        height: 350px;
    }

    .Collection_Holder {
        justify-content: center;
        gap: 60px;
    }

    .collectionCard,
    .Add_collectionCard {
        width: 45%;
        margin: unset;
    }

    .Banner_Collection_Intro_Text {
        font-size: 23px;
        line-height: 30px;
    }
}

@media (max-width: 768px) {
    .Collection_Card_Img {
        height: 350px;
    }

    .Banner_Collection {
        height: 250px;
    }

    .Collection_Left,
    .Collection_Right {
        width: 100%;
    }

    .Collection_Holder {
        flex-direction: column;
    }

    .collectionCard,
    .Add_collectionCard {
        width: 100%;
    }

    .Add_collectionCard {
        height: 150px;
    }

    .Banner_Collection_Intro_Text p {
        font-size: 30px;
        line-height: 35px;
    }
}

@media (max-width: 576px) {
    .Banner_Collection {
        height: 200px;
    }

    .Collection_Selects_In {
        flex-direction: column;
        align-items: center;
    }

    .Collection_Select_Box {
        width: 100%;
    }

    .Upload_Modal_Close {
        left: 50%;
        transform: translateX(-50%);
        top: 10px;
        right: unset;
    }

    .Banner_Collection {
        height: 200px;
    }

    .Banner_Collection_Intro_Text p {
        font-size: 23px;
        line-height: 25px;
    }

    .Learn_More {
        padding: 7px 12px;
        border: 2px solid white;
    }
}

@media (max-width: 355px) {
    .Learn_More {
        padding: 5px 10px;
        border: 2px solid white;
    }

    .Banner_Collection_Intro_Text {
        font-size: 16px;
        line-height: 22px;
    }
}