/* =====================================================
   GJMPS MOBILE LOGO PERFECT FIX
===================================================== */

/* ================= DESKTOP ================= */

@media only screen and (min-width: 769px){

    .pkp_site_name {
        width: 380px !important;
        margin-top: 10px !important;
    }

    .pkp_site_name img{
        max-height:170px !important;
        width:auto !important;
    }
}


/* ================= MOBILE ================= */

@media only screen and (max-width: 768px){

    /* header wrapper */
    .pkp_head_wrapper,
    .pkp_site_name_wrapper{
        height:auto !important;
        min-height:auto !important;
        padding:0 !important;
        overflow:visible !important;
    }

    /* center logo */
    .pkp_site_name{
        width:100% !important;
        float:none !important;
        text-align:center !important;
        margin:0 auto !important;
        padding-top:15px !important;
        padding-bottom:10px !important;
    }

    /* mobile logo responsive */
    .pkp_site_name img{
        width:auto !important;
        height:auto !important;
        max-width:72% !important;
        max-height:95px !important;
        object-fit:contain !important;
        display:block !important;
        margin:0 auto !important;
    }

    /* remove huge empty space */
    .pkp_head_wrapper .pkp_brand_wrapper{
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }

    /* navigation below logo */
    .pkp_site_nav_menu{
        clear:both !important;
        margin-top:8px !important;
    }

    /* mobile nav styling */
    .pkp_navigation_primary_wrapper{
        padding-top:5px !important;
    }

    /* hamburger icon */
    .pkp_site_nav_toggle{
        top:18px !important;
        left:15px !important;
        z-index:9999 !important;
    }

    /* prevent overlap */
    .pkp_structure_content{
        margin-top:18px !important;
    }

    /* page title spacing */
    .page h1,
    .page_about h1{
        margin-top:10px !important;
        line-height:1.4 !important;
    }
}