@media screen and (max-width: 1320px) {
    /* HEADER STYLING ############ */
    header nav#bigScreenNav ul {
        display: none;
    }
    header .navAside button {
        display: block;
    }
}
@media screen and (max-width: 1200px) {
    /* COMMON STYLING ############ */
    section {
        padding-inline: 2em;
    }
}
@media screen and (max-width: 1100px) {
    /* ABOUT US STYLING ########## */
    .aboutUs .aboutContent {
        gap: 2em;
    }
    /* JOIN US STYLING ############# */
    .joinTeam form .selectFields_quill {
        flex-direction: column;
        gap: 0em;
    }
    .joinTeam form .selectFields_quill .selectFields,
    .joinTeam form .selectFields_quill .quill {
        max-width: 100%;
    }
}
@media screen and (max-width: 1000px) {
    /* ABOUT US STYLING ########## */
    .aboutUs .aboutContent {
        flex-direction: column;
    }

    /* CONTACT US STYLING ############### */
    .contactContainer .contactWrapper {
        flex-direction: column;
        gap: 1em;
    }
}
@media screen and (max-width: 850px) {
    /* INTRODUCTION STYLING ########     */
    .introduction .introductionCarousal {
        display: none;
    }
}
@media screen and (max-width: 800px) {
    /* ABOUT US STYLING ########### */
    .aboutUs {
        padding-top: 1em;
    }
    .aboutUs .aboutWrapper {
        --radius: 20px;
        padding: 2em;
    }
    .aboutUs .aboutContent {
        padding-block: 1.2em;
    }
}
@media screen and (max-width: 742px) {
    /* FOOTER STYLING ########## */
    .footer .footer_section,
    .footer .footer_text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer .footer_text p {
        text-align: center;
    }
    .footer ul li {
        text-align: center;
        padding-block: 0.3em;
    }
}
@media screen and (max-width: 500px) {
    /* COMMON STYLING ########### */
    section {
        padding-inline: 1em;
    }
    /* HEADER STYLING ############ */
    header nav#bigScreenNav {
        padding: 1em;
    }
    header .contact_number i {
        display: none;
    }
    header .navAside button {
        font-size: 1.5rem;
    }
}
@media screen and (max-width: 400px) {
    /* COMMON STYLING ######### */
    :root {
        --regular-font: 0.8rem;
    }
    .sectionHeading {
        font-size: 1.2rem;
    }
    .title {
        font-size: 1rem;
    }
    /* JOIN US STYLING ############ */
    .joinTeam form {
        padding: 1em;
    }
}