/* Mobile Header Fix - AGGRESSIVE OVERRIDE */
/* Force all elements to show on mobile */

@media (max-width: 991px) {
    /* ========================================
       MOBILE MENU SIDEBAR ICONS - CRITICAL FIX
       ======================================== */

    /* Force ALL parent containers to be visible */
    .navber-area.show,
    .navber-area.show .nav-menu,
    .navber-area.show .navbar-collapse,
    .navber-area.show .menu-sidebar,
    .navber-area.show .menu-sidebar li,
    .navber-area.show .menu-sidebar li.marv-share {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Force slideouticons container to show */
    .navber-area .menu-sidebar .slideouticons,
    .navber-area.show .menu-sidebar .slideouticons {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
    }

    /* Force the share button to show */
    .navber-area .menu-sidebar .slideouticons label.mainlabel,
    .navber-area.show .menu-sidebar .slideouticons label.mainlabel {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: rgba(255, 255, 255, 0.1) !important;
        color: #fff !important;
        width: 45px !important;
        height: 45px !important;
        font-size: 20px !important;
        border-radius: 50% !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        margin-bottom: 15px !important;
    }

    .navber-area .menu-sidebar .slideouticons label.mainlabel i,
    .navber-area.show .menu-sidebar .slideouticons label.mainlabel i {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #fff !important;
        font-size: 20px !important;
    }

    /* Force iconswrapper to show */
    .navber-area .menu-sidebar .slideouticons .iconswrapper,
    .navber-area.show .menu-sidebar .slideouticons .iconswrapper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        transform: rotateY(0) !important;
        margin-top: 15px !important;
        margin-left: 0 !important;
        width: 100% !important;
        height: auto !important;
    }

    /* Force iconswrapper UL to show */
    .navber-area .menu-sidebar .slideouticons .iconswrapper ul,
    .navber-area.show .menu-sidebar .slideouticons .iconswrapper ul {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Force each icon LI to show */
    .navber-area .menu-sidebar .slideouticons .iconswrapper ul li,
    .navber-area.show .menu-sidebar .slideouticons .iconswrapper ul li {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin-bottom: 12px !important;
        width: 45px !important;
        height: 45px !important;
        transform: translateY(0) rotate(0) !important;
    }

    /* Force each icon link to show */
    .navber-area .menu-sidebar .slideouticons .iconswrapper ul li a,
    .navber-area.show .menu-sidebar .slideouticons .iconswrapper ul li a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 45px !important;
        height: 45px !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        font-size: 18px !important;
        color: #fff !important;
        text-decoration: none !important;
    }

    /* Force icon colors */
    .navber-area .menu-sidebar .slideouticons .iconswrapper ul li a.social-fb,
    .navber-area.show .menu-sidebar .slideouticons .iconswrapper ul li a.social-fb {
        background-color: #3b5998 !important;
    }

    .navber-area .menu-sidebar .slideouticons .iconswrapper ul li a.social-tw,
    .navber-area.show .menu-sidebar .slideouticons .iconswrapper ul li a.social-tw {
        background-color: #55acee !important;
    }

    .navber-area .menu-sidebar .slideouticons .iconswrapper ul li a.social-gp,
    .navber-area.show .menu-sidebar .slideouticons .iconswrapper ul li a.social-gp {
        background-color: #0077B5 !important;
    }

    .navber-area .menu-sidebar .slideouticons .iconswrapper ul li a.social-pi,
    .navber-area.show .menu-sidebar .slideouticons .iconswrapper ul li a.social-pi {
        background-color: #000000 !important;
    }

    /* Force icons inside links to show */
    .navber-area .menu-sidebar .slideouticons .iconswrapper ul li a i,
    .navber-area.show .menu-sidebar .slideouticons .iconswrapper ul li a i {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #fff !important;
        font-size: 18px !important;
    }

    /* Position menu-sidebar in mobile menu */
    .navber-area.show .menu-sidebar {
        float: none !important;
        margin-top: 30px !important;
        margin-bottom: 20px !important;
        padding-left: 30px !important;
        text-align: left !important;
    }

    .navber-area.show .menu-sidebar li.marv-share {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* ========================================
       DEMO NAVBER (TOP BAR) - MOBILE HEADER
       ======================================== */

    .demo-navber,
    header .demo-navber {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #5bb4be !important;
        position: fixed !important;
        width: 100% !important;
        top: 0 !important;
        z-index: 98 !important;
    }

    .demo-navber .demo-logo {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .demo-navber .demo-logo img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-width: 120px !important;
        height: auto !important;
    }

    .demo-navber .demo-button {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        float: right !important;
        padding-top: 30px !important;
        padding-bottom: 15px !important;
        padding-right: 15px !important;
    }

    .demo-navber .demo-button i {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #fff !important;
        font-size: 24px !important;
    }

    /* Mobile icons in demo-navber */
    .demo-navber .menu-sidebar.mobile-icons {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        float: right !important;
        margin-top: 30px !important;
        margin-right: 10px !important;
    }

    /* Hide desktop navbar header */
    .navber-area .navbar-header {
        display: none !important;
    }
}

/* Smaller screens */
@media (max-width: 767px) {
    .demo-navber .demo-logo img {
        max-width: 100px !important;
    }

    .demo-navber .demo-button {
        padding-top: 25px !important;
    }

    .demo-navber .menu-sidebar.mobile-icons {
        margin-top: 25px !important;
    }
}

@media (max-width: 480px) {
    .demo-navber .demo-logo img {
        max-width: 90px !important;
    }
}

/* Desktop - hide mobile icons */
@media (min-width: 992px) {
    .menu-sidebar.mobile-icons {
        display: none !important;
    }
}


/* ========================================
   MOBILE MENU ICONS - INSIDE HAMBURGER MENU
   ======================================== */

@media (max-width: 991px) {
    /* Force mobile-menu-icons to show inside hamburger menu */
    .nav-menu .mobile-menu-icons,
    .navber-area.show .nav-menu .mobile-menu-icons {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        list-style: none !important;
        margin: 0 0 20px 0 !important;
        padding: 0 0 20px 30px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    .nav-menu .mobile-menu-icons li,
    .navber-area.show .nav-menu .mobile-menu-icons li {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .nav-menu .mobile-menu-icons .slideouticons,
    .navber-area.show .nav-menu .mobile-menu-icons .slideouticons {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .nav-menu .mobile-menu-icons .slideouticons label.mainlabel,
    .navber-area.show .nav-menu .mobile-menu-icons .slideouticons label.mainlabel {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: rgba(255, 255, 255, 0.1) !important;
        color: #fff !important;
        width: 45px !important;
        height: 45px !important;
        font-size: 20px !important;
        border-radius: 50% !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        margin-bottom: 15px !important;
    }

    .nav-menu .mobile-menu-icons .slideouticons label.mainlabel i,
    .navber-area.show .nav-menu .mobile-menu-icons .slideouticons label.mainlabel i {
        color: #fff !important;
    }

    .nav-menu .mobile-menu-icons .slideouticons .iconswrapper,
    .navber-area.show .nav-menu .mobile-menu-icons .slideouticons .iconswrapper {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        transform: rotateY(0) !important;
        margin-left: 0 !important;
    }

    .nav-menu .mobile-menu-icons .slideouticons .iconswrapper ul,
    .navber-area.show .nav-menu .mobile-menu-icons .slideouticons .iconswrapper ul {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .nav-menu .mobile-menu-icons .slideouticons .iconswrapper ul li,
    .navber-area.show .nav-menu .mobile-menu-icons .slideouticons .iconswrapper ul li {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin-bottom: 12px !important;
        width: 45px !important;
        height: 45px !important;
        transform: translateY(0) rotate(0) !important;
    }

    .nav-menu .mobile-menu-icons .slideouticons .iconswrapper ul li a,
    .navber-area.show .nav-menu .mobile-menu-icons .slideouticons .iconswrapper ul li a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 45px !important;
        height: 45px !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        font-size: 18px !important;
        color: #fff !important;
    }

    .nav-menu .mobile-menu-icons .slideouticons .iconswrapper ul li a.social-fb,
    .navber-area.show .nav-menu .mobile-menu-icons .slideouticons .iconswrapper ul li a.social-fb {
        background-color: #3b5998 !important;
    }

    .nav-menu .mobile-menu-icons .slideouticons .iconswrapper ul li a.social-tw,
    .navber-area.show .nav-menu .mobile-menu-icons .slideouticons .iconswrapper ul li a.social-tw {
        background-color: #55acee !important;
    }

    .nav-menu .mobile-menu-icons .slideouticons .iconswrapper ul li a.social-gp,
    .navber-area.show .nav-menu .mobile-menu-icons .slideouticons .iconswrapper ul li a.social-gp {
        background-color: #0077B5 !important;
    }

    .nav-menu .mobile-menu-icons .slideouticons .iconswrapper ul li a.social-pi,
    .navber-area.show .nav-menu .mobile-menu-icons .slideouticons .iconswrapper ul li a.social-pi {
        background-color: #000000 !important;
    }

    .nav-menu .mobile-menu-icons .slideouticons .iconswrapper ul li a i,
    .navber-area.show .nav-menu .mobile-menu-icons .slideouticons .iconswrapper ul li a i {
        color: #fff !important;
        font-size: 18px !important;
    }
}

/* Desktop - hide mobile menu icons */
@media (min-width: 992px) {
    .mobile-menu-icons {
        display: none !important;
    }
}


.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left;
}