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

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


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



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


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



/* Medium Devices (Bootstrap LG & MD) */
@media (max-width: 992px) {
    /* Adjust font sizes, stack columns */
    header #hamburger-icon {
    display: block;
    }
    header .desktop-nav{
        display: none;
    }

    header .mobile-menu{
    display: block;
}
}


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



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


    #banner .banner-txt-cover{

        flex-direction: column-reverse;
        justify-content: center;
    }

    #banner .banner-img {
    width: 50%;
    margin-bottom: 20px;
}
}


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



/* Small Devices (Bootstrap XS) */
@media (max-width: 576px) {
    /* Reduce padding, font sizes, optimize for touch */
    /* #mobile-menu {
    width: 100%;
    max-width: 576px;
    }

    #mobile-menu .mobile-header{
        padding: 20px;
    } */





    /* footer */
    footer .single-footer-contact {
        margin-top: 40px;
    }


    footer .copyrights-body {
    flex-direction: column;
    align-items: center;
}



}




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




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