/* white you custom css code here. only css code will work */

/* Logo Size Customization - Much larger size for better visibility */
/* Using multiple selectors to ensure it works on all pages */

/* Main logo wrapper */
.navbar-area .nav-container .logo-wrapper,
.header-style-01 .navbar-area .nav-container .logo-wrapper,
.header-style-01 .nav-container .logo-wrapper,
.nav-container .logo-wrapper,
.responsive-mobile-menu .logo-wrapper {
    max-width: 400px !important;
    min-width: 400px !important;
}

/* Logo image */
.navbar-area .nav-container .logo-wrapper img,
.header-style-01 .navbar-area .nav-container .logo-wrapper img,
.header-style-01 .nav-container .logo-wrapper img,
.nav-container .logo-wrapper img,
.responsive-mobile-menu .logo-wrapper img,
.logo img {
    max-width: 400px !important;
    max-height: 120px !important;
    min-width: 300px !important;
    width: auto !important;
    height: auto !important;
}

/* Logo link */
.navbar-area .nav-container .logo-wrapper .logo,
.header-style-01 .navbar-area .nav-container .logo-wrapper .logo,
.nav-container .logo-wrapper .logo,
.responsive-mobile-menu .logo-wrapper .logo {
    display: block !important;
}

/* Logo size when navbar is fixed/scrolled */
.navbar-area.nav-fixed .nav-container .logo-wrapper,
.header-style-01.nav-fixed .nav-container .logo-wrapper {
    max-width: 350px !important;
    min-width: 350px !important;
}

.navbar-area.nav-fixed .nav-container .logo-wrapper img,
.header-style-01.nav-fixed .nav-container .logo-wrapper img {
    max-width: 350px !important;
    max-height: 100px !important;
    min-width: 280px !important;
}

/* For pages with breadcrumb */
.breadcrumb-area ~ * .navbar-area .nav-container .logo-wrapper,
body .navbar-area .nav-container .logo-wrapper {
    max-width: 400px !important;
    min-width: 400px !important;
}

.breadcrumb-area ~ * .navbar-area .nav-container .logo-wrapper img,
body .navbar-area .nav-container .logo-wrapper img {
    max-width: 400px !important;
    max-height: 120px !important;
    min-width: 300px !important;
}

/* Responsive adjustments */
@media only screen and (max-width: 991px) {
    .navbar-area .nav-container .responsive-mobile-menu .logo-wrapper,
    .nav-container .responsive-mobile-menu .logo-wrapper {
        max-width: 300px !important;
        min-width: 250px !important;
    }
    
    .navbar-area .nav-container .responsive-mobile-menu .logo-wrapper img,
    .nav-container .responsive-mobile-menu .logo-wrapper img {
        max-width: 300px !important;
        max-height: 90px !important;
        min-width: 220px !important;
    }
}

@media only screen and (max-width: 480px) {
    .navbar-area .nav-container .responsive-mobile-menu .logo-wrapper,
    .nav-container .responsive-mobile-menu .logo-wrapper {
        max-width: 250px !important;
        min-width: 200px !important;
    }
    
    .navbar-area .nav-container .responsive-mobile-menu .logo-wrapper img,
    .nav-container .responsive-mobile-menu .logo-wrapper img {
        max-width: 250px !important;
        max-height: 80px !important;
        min-width: 180px !important;
    }
}

@media only screen and (max-width: 330px) {
    .navbar-area .nav-container .responsive-mobile-menu .logo-wrapper,
    .nav-container .responsive-mobile-menu .logo-wrapper {
        max-width: 200px !important;
        min-width: 160px !important;
    }
    
    .navbar-area .nav-container .responsive-mobile-menu .logo-wrapper img,
    .nav-container .responsive-mobile-menu .logo-wrapper img {
        max-width: 200px !important;
        max-height: 70px !important;
        min-width: 140px !important;
    }
}