header.navbar {
    height: 64px;
}

.navbar-toggler {
    display: none;
}

.excellence {
    .award {
        padding: 1.5rem;
    }

    .award-icon {
        justify-items: center;
        display: inline-grid;
        margin-bottom: 1.5rem;
    }

        .award-icon span {
            font-family: "Arial";
            font-size: 20px;
            color: #003366;
        }
}

/*For mobile Portrait*/
@media screen and (min-width:320px) and (max-width: 480px) and (orientation: portrait) {
    header.navbar {
        height: 95px;
        padding: 1rem 0 !important;
    }

    header .navbar-nav.h-100 {
        height: auto !important;
    }

    header .navbar-toggler {
        margin-right: 1rem;
    }

    .create-job, .admin-dash, .edit-job, .reports, .statistics, .system, .management,
    .del-acc, .edit-pro, .my-app, .saved-jobs, .upload-cv,
    .billing, .can-det, .find-can, .activity, .com-pro, .client-ov, .int-msg, .man-tea, .short,
    .legal, .about, .careers, #jobDetailsContainer {
        h1, h2, h3, h5 {
            text-align: center;
        }
    }

        .create-job button, .edit-job .btn {
            padding-right: .5rem !important;
            padding-left: .5rem !important;
        }

    .edit-job, .edit-pro {
        div:has(> button[type="submit"]) {
            text-align: center;
        }
    }

        .edit-pro a {
            margin-left: 0 !important;
        }

    .job-draft {
        h1 {
            text-align: center;
        }

        table tr th:last-child, table tr td:last-child {
            text-align: center !important;
            padding-right: 0 !important;
        }
    }

    .job-draft, .my-app, .short {
        table tr td:last-child a {
            margin-bottom: 5px;
            margin-right: 0px !important;
        }
    }


    .navbar-toggler {
        display: block;
    }

    .admin-dash .card .card-header, .management .card .card-header {
        align-items: center;
    }

    .admin-dash .card {
        .card-header {
            padding: 8px 10px !important;
        }

            .card-header a {
                padding: 0.5rem 0.5rem;
            }

        .system-utilities {
            display: block !important;
        }

            .system-utilities #resetDemoBtn, .system button {
                margin-top: 10px;
                margin-left: auto;
                margin-right: auto;
                display: flex;
            }
    }

    .admin-dash .card-header a {
        padding: 0.5rem 0.5rem;
    }

    .admin-dash .system-utilities #resetDemoBtn,
    .system button, .com-pro button {
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
    }

    .manage div:first-of-type, .can-dash div:first-of-type {
        justify-content: center !important;
    }

    .manage, .management, .can-dash, .my-app, .short {
        table tr th:last-child, table tr td:last-child {
            text-align: center !important;
        }
    }

    .del-acc .card {
        padding: 1rem !important;
    }

        .del-acc .card .d-flex {
            display: grid !important;
            text-align: center;
            gap: 10px;
        }

    .billing {
        .card-body {
            display: block !important;
        }

            .card-body button {
                display: flex !important;
                margin: 10px auto 0 auto;
            }
    }

    .client-ov .card-header, footer .cr {
        text-align: center;
    }

    .man-tea .card-header, .legal .buttons {
        display: block !important;
        text-align: center;
    }

    header nav.navbar {
        padding: 0.1rem 0;
    }

    .about {
        .hero-split {
            min-height: 60vh;
            text-align: center;
        }

        section:nth-child(1), section:nth-child(2) {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }

        .angled-divider-top {
            padding-top: 3rem !important;
            padding-bottom: 1rem !important;
        }

            .angled-divider-top .border {
                padding: 1rem !important
            }
    }

    .application {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

        .application .buttons {
            display: block !important;
            text-align: center;
        }

            .application .buttons a:nth-child(1) {
                width: 270px;
                margin-bottom: 10px;
            }

    .excellence .custom-section .g-5 {
        --bs-gutter-y: 0rem !important;
    }

    .custom-section {
        padding: 50px 0 !important;
    }

    .careers .list-group .d-flex {
        display: block !important;
        text-align: center;
    }

        .careers .list-group .d-flex a {
            margin-top: 10px;
        }

    .contact {
        h1, h6, .lead {
            text-align: center;
        }

        .custom-section {
            padding: 0 !important;
        }

            .custom-section .bg-secondary.p-5 {
                padding: 2rem !important;
            }
    }

    #jobDetailsContainer {
        .bg-white.p-5 {
            padding: 1rem !important;
        }

        h1 {
            font-size: 24px !important;
        }

        h4 {
            display: block !important;
            text-align: center;
        }

        .d-grid .btn {
            padding: 0.8rem 0.5rem !important;
        }
    }

    .press {
        h1, p, article, h4 {
            text-align: center;
        }
    }
}
/*Bootstrap md*/
@media (min-width:768px) and (max-width:991.98px) and (orientation: landscape) {
}
/*Bootstrap sm*/
@media (min-width:576px) and (max-width:767.98px) and (orientation: landscape) {
}

/*For Tab IPad*/
@media screen and (min-width: 765px) and (max-width: 1000px) and (orientation: portrait) {
}
/*For Tab IPad*/
@media screen and (min-width: 1024px) and (max-width: 1280px) and (orientation: landscape) {
}
/*Mac book 16 and Apple iMac 24"*/
@media screen and (min-width: 1728px) and (max-width: 2048px) {
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h6, p, .p, span, .span, .div {
    text-wrap: balance;
}

.nice-select span {
    text-wrap: nowrap !important;
}