/* // X-Small devices (portrait phones, less than 576px) */
@media (min-width: 2400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 2300px;
    }
}

@media (max-width: 575.98px) {

    .pt-5,
    .pt-4,
    .pt-3,
    .pt-2 {
        padding-top: 10px !important;
    }

    /* Nav bar */
    .navbar-toggler {
        width: 60px !important;
        background-color: red;
    }

    .navbar-brand {
        text-align: left;
        width: 35%;
    }

    .navbar-brand #logo {
        width: 155px !important;
    }

    #navbarSupportedContent {
        background-color: #fff;
        margin-top: 20px;
        padding: 10px;
    }

    #navbarSupportedContent ul li a {
        color: #ACCC08 !important;
        border-bottom: 1px solid lightgray;
    }


    /* Career Hove Apply now */
    .career_cards .card:hover .card-footer a::before {
        margin-bottom: -90px !important;
    }

    /* .career_cards .card .card-footer a::before{width:10% !important;}  */




    /* data Analythics Section Home Page */
    .data-analythics {
        padding-bottom: 70px;
    }

    /* Footer */
    .footer {
        text-align: center;
    }

    .footer .social-media {
        justify-content: center;
    }

    .footer button {
        margin: 0 auto !important;
        margin-top: 10px !important;
        margin-left: 0px !important;
    }

    .footer_bottom {
        text-align: center !important;
    }

    .footer_bottom p {
        justify-content: center;
        text-align: center !important;
    }



    /* Pages Banner Mobile */
    .main-slider-nav {
        height: 70vh !important;
    }

    .main-slider-nav .contact-button {
        margin-bottom: -60px;
    }

    .about_slider,
    .career_slider {
        height: 50vh !important;
    }

    .about_slider .overlay_text,
    .career_slider .overlay_text {
        padding-top: 45px !important;
        padding-left: 29px !important;
        padding-right: 30px !important;
    }





    .company-benefits {
        padding-bottom: 0px;
    }

    .bio-robotics-automation .paragraph {
        padding-top: 35px;
    }

    .data-analythics .content {
        padding-top: 0px;
    }

    .testimonial {
        padding-top: 30px;
    }

}



/* // Small devices (landscape phones, less than 768px) */
@media only screen and (max-width: 767.98px) and (min-width: 575.99px) {

    .case-study-cards .card .card-body {
        padding-top: 10px !important;
        margin-left: 5px !important;
    }



    /* Case Study */
    /* Case Study */
    .career_cards .card:hover .card-footer a::before {
        margin-bottom: -60px !important;
        width: 30%;
        height: 61%;
    }

    .career_cards .card .card-footer a::before {
        margin-left: -16px !important;
    }
}




/* // Medium devices (tablets, less than 992px) */
@media only screen and (max-width: 991.98px) and (min-width: 767.99px) {

    /* Career Page */
    .career_cards .card .card-footer a::before {
        width: 90% !important;
    }

    /* Case Study Cards */
    .case-study-cards .card .card-body {
        padding-top: 40px !important;
        margin-left: 30px !important;
    }

    .case-study-cards .card .card-body .overlay-details h3 {
        font-size: 0.7rem;
    }




}

/* // Large devices (desktops, less than 1200px) */
@media only screen and (max-width: 1199.98px) and (min-width: 991.99px) {

    .career_cards .card .card-footer a::before {
        width: 68% !important;
    }

    /* ============ Case Study Cards ============= */
    .case-study-cards .card .card-body {
        padding-top: 40px !important;
        margin-left: 30px !important;
    }

    .case-study-cards .card .card-body .overlay-details h3 {
        font-size: 1.2rem;
    }
}

/* // X-Large devices (large desktops, less than 1400px) */
@media only screen and (max-width: 1399.98px) and (min-width: 1199.98px) {

    .career_cards .card:hover .card-footer a::before {
        margin-bottom: -60px !important;
        width: 50%;
        height: 61%;
    }

    .career_cards .card .card-footer a::before {
        margin-left: -22px !important;
    }

    /*  ====== Case Study ==== */
    .case-study-cards .card .card-body {
        padding-top: 70px !important;
        margin-left: 30px !important;
    }

    .case-study-cards .card .card-body .overlay-details h3 {
        font-size: 1.3rem;
    }

    /* contact page */
    .cnt {
        margin-left: 900px !important;
        margin-top: 35px;
    }

}


/* Extra large */
@media only screen and (max-width: 1499.98px) and (min-width: 1399.98px) {

    .career_cards .card:hover .card-footer a::before {
        margin-bottom: -60px !important;
        width: 41%;
        height: 61%;
    }

    .career_cards .card .card-footer a::before {
        margin-left: -22px !important;
    }

    /* contact page */
    .cnt {
        margin-left: 1000px !important;
        margin-top: 35px;
    }

}