@media only screen and (max-width: 1920px) and (min-width: 1500px) {
    .container {
        max-width: 1300px;
    }
}

@media only screen and (max-width: 1600px) {
    section,
    header,
    footer {
        overflow: hidden;
    }
}

@media only screen and (max-width: 1445px) {}

@media only screen and (max-width: 1366px) {
    html {
        font-size: 15px;
    }
    .hiringSlider,
    .testimonialSlider {
        margin: 0rem 1rem;
    }
}

@media (max-width: 1199.98px) {
    html {
        font-size: 14px;
    }
    .navbar-nav {
        gap: 1.75rem;
    }
    .slideOne .themeBtn {
        font-size: 1.5rem;
    }
    .main-slider h1 {
        font-size: 3rem;
        margin-bottom: 2rem;
    }
    .main-slider {
        height: 650px;
    }
    .heading {
        font-size: 2.8rem;
    }
    .help-section .card h4 {
        font-size: 2rem;
    }
    .generationSec h2 {
        font-size: 2.8rem;
    }
    .commentWrap .detail h5,
    .commentWrap .detail h6 {
        color: var(--white);
    }
}

@media (max-width: 991.98px) {
    html {
        font-size: 13px;
    }
    .navbar-toggler {
        border-color: var(--black);
        padding: 6px 8px;
    }
    .navbar-toggler-icon {
        height: auto;
    }
    .navbar-nav {
        gap: 0px;
    }
    .navbar-nav .nav-item .nav-link::before {
    bottom: 5px !important;
    }
    .navbar .btn-group {
        margin: 0;
        justify-content: center;
    }
    .help-section {
        padding: 4rem 0;
    }
    .cta-section {
        padding: 4rem 0 2.25rem 0;
    }
    .help-section .card h4 {
        font-size: 1.5rem;
    }
    .help-section .card figure {
        width: 130px;
        height: 130px;
    }
    .help-section .card figure img {
        width: 60px;
    }
    .gencntnt {
        margin-bottom: 1rem;
    }
    .generationSec {
        padding: 3rem 0 2rem 0;
    }
    .footerLogo {
        width: 150px;
    }
    footer h2 {
        font-size: 1.5rem;
        margin: 14px 0;
    }
    .quicklinks li+li,
    .calFoter li+li {
        margin-top: 10px;
    }
    .calFoter li p span br {
        display: unset !important;
    }
    .copyRight {
        margin-top: 2rem;
        padding: 1rem 0;
    }
    footer {
        padding-top: 2rem;
    }
    .navbar .navbar-brand {
        width: 100px;
    }
    header {
        padding: 8px 0;
    }
    .main-slider h1 {
        font-size: 2.5rem;
    }
    .slideOne .themeBtn {
        font-size: 1.3rem;
    }
    .main-slider {
        height: 550px;
    }
    .heading {
        font-size: 2.5rem;
    }
    .generationSec h2 {
        font-size: 2.5rem;
    }
    .hiring-section .hiringSlider,
    .help-section .helpSlider {
        padding: 1rem 0 5rem;
    }
    .innerBanner-content h1 {
        font-size: 3rem;
    }
    .innerBanner {
        padding: 2rem 0;
    }
    .contactInfo {
        padding: 0 0rem;
        margin-top: 1rem;
    }
    .contactUs {
        padding: 3rem 0;
    }
    .contactForm .inputFlied :is(input, textarea, .themeBtn) {
        margin-bottom: 10px;
    }
    .contactForm h3 {
        margin-bottom: 1rem;
    }
}

@media (max-width: 767.98px) {
    html {
        font-size: 12px;
    }
    .homeSlider .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
    .homeSlider .swiper-pagination-bullet-active {
        transform: scale(1.1);
    }
    .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }
    .swiper-pagination .swiper-pagination-bullet-active {
        transform: scale(1.1);
    }
    .help-section {
        padding: 2rem 0 8rem;
    }
    .main-slider {
        height: 450px;
    }
    .main-slider h1 {
        margin-bottom: 1rem;
    }
    .slideOne .themeBtn {
        font-size: 1.125rem;
    }
    .heading {
        font-size: 2.3rem;
    }
    .cta-img img {
        margin-top: -0.5rem;
    }
    .cta-section {
        padding: 2rem 0 2.25rem 0;
    }
    .generationSec h2 {
        font-size: 2.3rem;
    }
    .gencntnt {
        margin-bottom: 0rem;
    }
    .sociallinks a {
        font-size: 1.2rem;
        width: 3rem;
        height: 3rem;
    }
    .sociallinks {
        gap: 8px;
    }
    .generationSec h2 {
        font-size: 1.8rem;
    }
    .main-slider h1 {
        font-size: 2rem;
    }
    .slideOne .btn-group {
        gap: 1rem;
    }
    .slideOne .themeBtn {
        padding: 10px 2em !important;
    }
    .heading {
        font-size: 2rem;
    }
    .hiring-section .hiringSlider,
    .help-section .helpSlider {
        padding: 1rem 0 3rem;
    }
    .commentWrap .commentBox {
        margin-top: 1rem;
        margin-bottom: 0.5rem;
    }
    .generationSec {
        padding: 7rem 0 6rem 0;
    }
    .help-section .card figure {
        width: 100px;
        height: 100px;
    }
    .help-section .card figure img {
        width: 45px;
    }
    .quicklinks li a {
        font-size: 1.2rem;
    }
    .quicklinks li a i {
        font-size: 1rem;
    }
    .innerBanner-content h1 {
        font-size: 2rem;
    }
    .contactForm h3 {
        font-size: 2rem;
    }
    .contactInfo .calFoter li :is(p, a) {
        font-size: 1.125rem;
    }
}

@media (max-width: 575.98px) {
    .innerBanner-img figure img {
        display: none;
    }
    .innerBanner {
        padding: 5rem 0;
        text-align: center;
    }
    .mobImg-none {
        display: none;
    }
    .imgNone {
        display: block;
        width: 70%;
        margin: 0 0 0 auto;
    }
}

@media (max-width: 320.98px) {}