/* =========================================================
   Responsive Styles
   ========================================================= */

@media (max-width: 767px) {
    
    .nm-header-1-wrap {
        border: 1px solid rgba(255, 255, 255, .2) !important;
    }
    .mobile-main-navigation ul li a{color:#000 !important;}
    .mobile-main-navigation ul li.urrent-menu-item a{color:#00CCFF !important;}
    
    #uc_text_rotator_elementor_7fc12ad{text-align:center !important;}
    
    .team-photo .elementor-image-box-img img{width:auto !important;}
    .bolt-orange{
        margin-left:-10% !important;
        margin-top:-35px;
    }

    .home-recipts {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 0 !important;
    }

    /* First column - 75% */
    .home-recipts > .elementor-element-69f72ab {
        width: 85% !important;
        max-width: 85% !important;
        flex: 0 0 85% !important;
        min-width: 0 !important;
    }

    /* Second column - 25% */
    .home-recipts > .elementor-element-c63ffbc {
        width: 15% !important;
        max-width: 15% !important;
        flex: 0 0 15% !important;
        min-width: 0 !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /*Monster*/
     #wtfok-monster {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 200px !important;
        height: auto !important;
        max-width: none !important;

        position: absolute !important;

        /* Keep original positioning reference */
        bottom: auto !important;
        left: auto !important;

        right: var(--peek-right-offset, -80px) !important;

        padding-top: 0 !important;

        /* Move much further UP on mobile */
        transform: translate3d(
            var(--monster-x),
            calc(-320% + var(--monster-y)),
            0
        ) rotate(var(--monster-rotate)) !important;

        z-index: 1 !important;
        pointer-events: auto !important;
    }

    #wtfok-monster .wtfok-svg {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }
    
}