@media (max-width: 768px) {
    .mainNav .custom-container {
        margin: unset;
    }
    .heroContainer {
        margin: 100px 20px;
    }
    .heroTitle {
        font-size: 4rem;
    }
    .heroParaghraph {
        font-size: 1rem;
    }
    .searchBar {
        /* display: none; */
    }
    .searchBarMobile {
        /* display: block; */
    }
    .searchBar {
        width: 335px;
    }
    .searchBar .custom-select {
        width: 100%;
    }
    .searchBar input {
        width: calc(100% - 45px);
    }
    .aboutSectionContainer {
        margin-right: 10%;
        margin-left: 10%;
    }
    .aboutSectionContainer img {
        display: none;
    }
    .containerBtn .background {
        width: 243px;
    }
    .containerBtn .foreground {
        width: unset;
        font-size: 2rem;
    }
    .aboutSectionContainer .text {
        width: unset;
        font-size: 1rem;
    }
    .valuesSectionContainer {
        padding-top: 250px;
    }
    .ourDepartmentsSection {
        margin-right: 0;
        margin-left: 0;
    }
    .ourDepartmentsSection h1 {
        font-size: 44px;
    }
    .ourDepartmentsSection .departCards {
        width: 100%;
    }
    .ourDepartmentsSection .departCard p {
        font-size: 1rem;
    }

    .footerSection {
        height: 100%;
    }

    .footerSection .col-sm-12:first-child {
        padding-bottom: 10px;
    }

    .footerSection .col-sm-12 img {
        width: 100%;
    }

    .footerSection .footerText {
        width: unset;
        padding: 10px 0;
    }
    .footerSection .socialIcons a img {
        width: 18px;
    }
    .footerSection .colFooterLinks h5 {
        padding: 5px 0;
        margin-bottom: 0;
    }
    .footerSection .colFooterLinks a {
        display: inline-block;
        padding: 5px;
    }

    .firstFileds .form-group {
        margin-right: 0;
    }
    .secondFileds .form-group {
        margin-left: 0;
    }

    .heroBannerForm {
        padding: 70px 10px;
    }
}

@media (max-width: 1000px) {
    .heroBannerImage {
        display: none;
    }
}
@media (max-width: 1024px) {
    .jobsSection {
        /* text-align: center;
        padding: unset !important;
        padding-top: 0;
        justify-content: unset;
        margin-left: 10px !important;
        margin-right: 10px !important; */
    }
    .jobCard {
        /* height: unset;
        width: unset;
        margin: 10px 20px;
        position: relative; */
    }
    .jobListings {
        margin-top: 0 !important;
        /* justify-content: unset !important; */
        /* flex-wrap: unset !important; */
        /* width: unset !important; */
    }
    .apply-btn {
        position: absolute;
        bottom: 30px;
        right: 40px;
    }
}

@media (max-width: 1270px) {
    .mainNav {
        height: 80px !important;
    }

    .mainNav .nav-item a {
        font-size: 15px !important;
    }

    .aboutSectionContainer {
        margin-right: 1% !important;
        margin-left: 1% !important;
    }

    .value-card {
        width: 210px !important;
    }
    .value-card p {
        font-size: 15px !important;
    }
    .value-card .collaborations {
        font-size: 12px !important;
    }
    .ourDepartmentsSection {
        margin-left: 0;
        margin-right: 0;
    }
    .ourDepartmentsSection .departCards {
        width: 100% !important;
    }
    
}

@media (max-width: 1440px) {
    .ourDepartmentsSection .departCard {
        min-height: 300px;
    }
}

@media (max-width: 1360px) {
    .ourDepartmentsSection .departCard {
        min-height: 340px;
    }
}
@media (max-width: 1100px) {
    .ourDepartmentsSection .departCard {
        min-height: 200px;
        padding-right: 5px;
        padding-left: 5px;
    }
}