/* **********************************
******  CSS MEDIA QUERIES ********* 
************************************/

/* Large Desktop */
@media (min-width: 1700px) {








    #banner {
        height: 900px;
    }
}

/* Extra Large Desktops / 4K Monitors */
@media (max-width: 1450px) {
    /* Custom ultra-wide layouts or extra spacing */



    /* **********************************************************************/
    /* **********************************************************************/

    /* ******************************************************************** */
    /* Header */
    /* ******************************************************************** */

    /* **********************************************************************/
    /* **********************************************************************/


    #header .header-wrapper {
        justify-content: space-between;
    }

    #header .brand-side {
        padding: 0 25px 0 10px;
    }

    #header .brand-side::after {
        width: 26px;
        right: -26px;
    }

    #header .header-logo img {
        height: 70%;
    }

    #header .nav-side {
        display: none;
    }

    #header .hamburger-menu {
        display: flex;
    }






}


/* **********************************************************************/
/* **********************************************************************/



/* Large Desktops (Bootstrap XL) */
@media (max-width: 1200px) {
    /* Adjust spacing, reduce layout columns */








    #footer .footer-nav {
        border: 0;
        margin: 50px 0;
        padding-left: 0;
    }







    /* **********************************************************************/
    /* **********************************************************************/
    /* ******************************************************************** */
    /* SERVICES PAGE */
    /* ******************************************************************** */
    /* **********************************************************************/
    /* **********************************************************************/


    #core-services .services-grid {
        grid-template-columns: repeat(2, 1fr);
    }


    /* **********************************************************************/
    /* **********************************************************************/
    /* ******************************************************************** */
    /* SERVICES PAGE END */
    /* ******************************************************************** */
    /* **********************************************************************/
    /* **********************************************************************/



















    /* **********************************************************************/
    /* **********************************************************************/
    /* ******************************************************************** */
    /* CAREER PAGE  */
    /* ******************************************************************** */
    /* **********************************************************************/
    /* **********************************************************************/


    /* why-join */
    #why-join .join-grid {
        grid-template-columns: repeat(2, 1fr);
    }




    /* **********************************************************************/
    /* **********************************************************************/
    /* ******************************************************************** */
    /* CAREER PAGE END */
    /* ******************************************************************** */
    /* **********************************************************************/
    /* **********************************************************************/



}


/* **********************************************************************/
/* **********************************************************************/



/* Medium Devices (Bootstrap LG & MD) */
@media (max-width: 992px) {
    /* Adjust font sizes, stack columns */













    /* **********************************************************************/
    /* **********************************************************************/

    /* ******************************************************************** */
    /* index */
    /* ******************************************************************** */

    /* **********************************************************************/
    /* **********************************************************************/
    #banner .hero-side-box {
        display: none;
    }






    .about-img-main {
        margin-top: 30px;
    }












    /* **********************************************************************/
    /* **********************************************************************/

    /* ******************************************************************** */
    /* FOOTER */
    /* ******************************************************************** */

    /* **********************************************************************/
    /* **********************************************************************/



    #footer .bottom-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }



    /* **********************************************************************/
    /* **********************************************************************/

    /* ******************************************************************** */
    /* FOOTER */
    /* ******************************************************************** */

    /* **********************************************************************/
    /* **********************************************************************/







    /* **********************************************************************/
    /* **********************************************************************/

    /* ******************************************************************** */
    /* SERVICES PAGE */
    /* ******************************************************************** */

    /* **********************************************************************/
    /* **********************************************************************/

    #services-intro .intro-content {
        margin-bottom: 50px;
    }


    /* **********************************************************************/
    /* **********************************************************************/

    /* ******************************************************************** */
    /* SERVICES PAGE END*/
    /* ******************************************************************** */

    /* **********************************************************************/
    /* **********************************************************************/



















    /* ******************************************************************** */
    /* ******************************************************************** */
    /* career PAGE*/
    /* ******************************************************************** */
    /* **********************************************************************/

    #career-form .career-form-box {
        margin-top: 30px;
    }

    /* ******************************************************************** */
    /* ******************************************************************** */
    /* career PAGE END*/
    /* ******************************************************************** */
    /* **********************************************************************/















    /* ******************************************************************** */
    /* ******************************************************************** */
    /* CONTACT PAGE*/
    /* ******************************************************************** */
    /* **********************************************************************/
    #contact-info .contact-grid {
        margin-bottom: 40px;
    }

    /* ******************************************************************** */
    /* ******************************************************************** */
    /* CONTACT PAGE END*/
    /* ******************************************************************** */
    /* **********************************************************************/




}


/* **********************************************************************/
/* **********************************************************************/



/* Tablets (Bootstrap SM) */
@media (max-width: 768px) {
    /* Collapse menus, full-width sections */






    .section-title h2 {
        font-size: 30px;
    }









    /* **********************************************************************/
    /* **********************************************************************/

    /* ******************************************************************** */
    /* index PAGE */
    /* ******************************************************************** */

    /* **********************************************************************/
    /* **********************************************************************/





    #banner .hero-content h1 {
        font-size: 45px;
    }





    /* **********************************************************************/
    /* **********************************************************************/

    /* ******************************************************************** */
    /* index PAGE END*/
    /* ******************************************************************** */

    /* **********************************************************************/
    /* **********************************************************************/











    /* **********************************************************************/
    /* **********************************************************************/

    /* ******************************************************************** */
    /* SERVICES PAGE */
    /* ******************************************************************** */

    /* **********************************************************************/
    /* **********************************************************************/

    /* services-intro */

    #services-intro .service-points {
        grid-template-columns: 1fr;
    }

    /* services-intro end */












    /* core-services */

    #core-services .services-grid {
        grid-template-columns: 1fr;
    }

    #core-services .service-card {
        padding: 30px 25px;
    }

    #core-services .service-card h3 {
        font-size: 26px;
    }

    #core-services .service-icon {
        width: 65px;
        height: 65px;
    }

    #core-services .service-icon i {
        font-size: 28px;
    }

    #core-services .service-top span {
        font-size: 42px;
    }

    /* core-service end */





    /* **********************************************************************/
    /* **********************************************************************/

    /* ******************************************************************** */
    /* SERVICES PAGE END*/
    /* ******************************************************************** */

    /* **********************************************************************/
    /* **********************************************************************/



















    /* **********************************************************************/
    /* **********************************************************************/
    /* ******************************************************************** */
    /* CAREER PAGE  */
    /* ******************************************************************** */
    /* **********************************************************************/
    /* **********************************************************************/


    /* why-join */
    #why-join .section-title {
        margin-bottom: 50px;
    }

    #why-join .join-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    #why-join .join-card {
        padding: 35px 25px;
    }

    #why-join .join-card h4 {
        font-size: 24px;
    }

    #why-join .join-card i {
        width: 70px;
        height: 70px;
        font-size: 32px;
        margin-bottom: 25px;
    }




    /* **********************************************************************/
    /* **********************************************************************/
    /* ******************************************************************** */
    /* CAREER PAGE END */
    /* ******************************************************************** */
    /* **********************************************************************/
    /* **********************************************************************/



















    /* ******************************************************************** */
    /* ******************************************************************** */
    /* CONTACT PAGE*/
    /* ******************************************************************** */
    /* **********************************************************************/

    #contact-info .contact-grid {
        grid-template-columns: 1fr;
    }

    #contact-info .quick-enquiry {
        padding: 30px 25px;
    }

    #contact-info .quick-enquiry h3 {
        font-size: 30px;
    }

    #contact-info .contact-card {
        padding: 30px 25px;
    }

    /* ******************************************************************** */
    /* ******************************************************************** */
    /* CONTACT PAGE END*/
    /* ******************************************************************** */
    /* **********************************************************************/



}


/* **********************************************************************/
/* **********************************************************************/



/* Small Devices (Bootstrap XS) */
@media (max-width: 576px) {


    #page-banner h1 {
        font-size: 40px;
    }


    /* Reduce padding, font sizes, optimize for touch */

    #about .about-left {
        padding-right: 0px;
    }

    #about .about-floating-card {
        display: none;
    }
}



/* **********************************************************************/
/* **********************************************************************/




/* Extra Small / Mobile-first (below Bootstrap XS) */
@media (max-width: 400px) {
    /* Tighten UI for small phones (e.g. iPhone SE) */
}