.header-inner #navbarSupportedContent {  padding-right: 200px; }
.menu-mobile-top { position: absolute;right: 20px; }
.navbar-toggler { padding: 0;border: none; }
.navbar-toggler:focus { box-shadow: none; }

@media(max-width:1365px) {
    .navbar-brand img { width: 150px; }
    .navbar-expand-lg .navbar-nav .nav-link { font-size: 14px; }
    .navbar-nav { gap: 5px !important; }
}

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

@media(max-width:1199px) {
    .user-image-box { max-width: 400px; }
}

@media(max-width:991px) {
    .auth-form-container {
        flex-direction: column-reverse;
    }

    .auth-form-container>* {
        width: 100%;
        height: auto;
    }

    .auth-column-right {
        padding: 20px;
    }

    .auth-right-container figure {
        width: 200px;
    }
    .navbar-brand { margin: 0; }
    .navbar-brand img { width: 120px; }
    .menu-mobile-top { right: 52px;top: 10px; }
    .navbar  { padding: 0px; }
    #navbarSupportedContent { position: static; }
    .profile-dropdown-bg .dropdown-menu { position: absolute; }
    .navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z'%3E%3C/path%3E%3C/svg%3E"); }
    .navbar-toggler.collapsed .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M3 4H21V6H3V4ZM9 11H21V13H9V11ZM3 18H21V20H3V18Z'%3E%3C/path%3E%3C/svg%3E") !important; }
    .dashborad-wrap { padding: 20px 0 !important; }
    .user-image-box { max-width: 300px; }
    .profile-setup-wrap { padding: 30px 0; }
    .profile-setup-head p { font-size: 14px; }
    .header-inner #navbarSupportedContent { padding: 0; }
    .header-inner #navbarSupportedContent .navbar-nav { align-items: start !important; }
    header .navbar-nav li { display: block;width: 100%; }
     header .navbar-nav li a { display: flex !important; }
    
    
}

@media(max-width:767px) {
    .auth-right-container figure {
        width: 100px;
    }

    .auth-card {
        min-height: auto;
        padding: 20px;
        width: 100%;
    }

    select.form-control {
        padding-top: 0;
        padding-bottom: 0;
    }

    .form-control {
        height: 42px;
    }

    .btn {
        height: 42px;
        padding: 0px 15px;
        min-width: auto;
    }
    .btn-icon{
        height: 42px;
        width: 42px;
    }

    .password-show-hide .eye-btn {
        height: 42px;
    }

    .social-login .social-login-btn {
        height: 42px;
    }

    .auth-logo img {
        width: 25px;
    }

    .auth-header h4 {
        font-size: 24px;
    }

    .settings-page-wrap {
        flex-direction: column;
    }

    .settings-page-wrap .settings-page-menu {
        width: 100%;
    }

    .settings-page-menu ul {
        display: flex;
        padding: 5px;
        border-radius: 10px;
        margin-bottom: 0;
    }

    .settings-page-wrap {
        gap: 10px;
    }

    .settings-page-menu ul li {
        flex: 1;
        display: flex;
    }

    .settings-page-menu ul li a {
        display: flex;
        flex-direction: column;
        text-align: center;
        border-radius: 8px;
        padding: 5px;
        gap: 5px;
        font-size: 13px;
        width: 100%;
    }

    .profile-setup-head {
        margin-bottom: 20px;
    }

    .settings-page-wrap .settings-page-content {
        padding: 15px;
    }
    .dashborad-body-inner { height: calc(100dvh - 250px); }
    .dashborad-des-box { position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;color: #fff; }
    .user-image-box { max-width: 100%; }
    .swiper.profile-slider { height: 100%;width: 100%; }
    .profile-slider .swiper-slide { aspect-ratio: unset; }
    .title-status-box h2 { color: #fff; }
    .km-away { color: #fff; }
    .dashborad-body-inner:after { content: "";position: absolute;bottom: 0;left: 0;background: #000;
background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 79%); width: 100%;height: 50%;z-index: 1;border-radius: 0px 0px 20px 20px;}
.dashborad-des-box .dropdown-toggle { background: #fff; padding: 0;width: 30px;height: 30px;}
    .dashborad-des-box .dropdown-toggle  img { width: 80%;}
    .all-user-box .col-12  { width: 33.33%; }
    .login-user-profile { flex-direction: column;justify-content: center;align-items: center;margin-top: -50px; }
    .login-user-profile-left figure { width: 120px;height: 120px; }
    .login-user-profile-left { flex-direction: column; }
    .login-user-profile-left figcaption { width: 100%;text-align: center; }
    .profile-cover-image img { aspect-ratio: 10 / 4; }
    .notification-card { padding: 5px;border-radius: 24px;gap: 5px; }
    .user-list-bg .d-flex .border-bottom:last-child { padding-bottom: 0 !important;border-bottom: 0 !important; }
    .unlock-premium-box { padding: 0; }
    .soft-red-bg-light { width: 42px;height: 42px; }
    .activity-insights-list .view-card { padding: 10px !important; }

}

@media(max-width:575px) {
    .auth-column-right h1 {
        font-size: 20px;
    }
}

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