.mns-top-bar{

    background:#fff;

    border-bottom:1px solid #ececec;

}

.mns-top-bar-inner{

    display:flex;

    align-items:center;

    gap:32px;

    min-height:88px;

}

.mns-header-logo{

    flex:0 0 190px;

    display:flex;

    align-items:center;

    gap:10px;

}

/* ==========================================
   Mobile Menu Toggle
========================================== */

.mns-mobile-menu-toggle{
    display:flex;
    align-items:center;
}

.mns-menu-toggle{

    width:44px;

    height:44px;

    border:none;

    background:transparent;

    color:var(--mns-text);

    font-size:30px;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:var(--mns-transition);

}

.mns-menu-toggle:hover{

    color:var(--mns-primary);

}

.mns-logo-image{

    flex:0 0 56px;
  
  	display:flex;
  
  	align-items:center;

	justify-content:center;

}

.mns-logo-image img{

    width:56px;

    height:56px;

    object-fit:contain;

    display:block;

}

.mns-logo-text{

    display:flex;

    flex-direction:column;

    justify-content:center;

    line-height:1.1;

}

.mns-logo-title{

    font-size:22px;

    font-weight:700;

    color:var(--mns-text);

    letter-spacing:.5px;

}

.mns-logo-subtitle{

    font-size:12px;

    font-weight:500;

    color:var(--mns-text-light);

    letter-spacing:1px;

    text-transform:uppercase;

}

.mns-header-logo img{

    display:block;

    width:auto;

    height:56px;

    max-width:100%;

}

.mns-header-search{

    flex:1;

}

.mns-header-icons{

    flex:0 0 auto;

    display:flex;

    align-items:center;

    margin-left:auto;

}

/* ==========================================
   Laptop
========================================== */

@media (max-width:1199px){

    .mns-top-bar-inner{

        gap:20px;

        min-height:76px;

    }

    .mns-header-logo{

        flex:0 0 170px;

        gap:8px;

    }

    .mns-logo-image{

        flex:0 0 48px;

    }

    .mns-logo-image img{

        width:48px;

        height:48px;

    }

    .mns-logo-title{

        font-size:20px;

    }

    .mns-logo-subtitle{

        font-size:11px;

    }

}

/* ==========================================
   Tablet
========================================== */

@media (max-width:991px){

    .mns-top-bar-inner{

        gap:16px;

        min-height:72px;

    }

    .mns-header-logo{

        flex:0 0 150px;

        gap:8px;

    }

    .mns-logo-image{

        flex:0 0 44px;

    }

    .mns-logo-image img{

        width:44px;

        height:44px;

    }

    .mns-logo-title{

        font-size:18px;

    }

    .mns-logo-subtitle{

        font-size:10px;

    }

}

/* ==========================================
   Mobile
========================================== */

@media (max-width:767px){

    .mns-top-bar-inner{

        display:grid;

        grid-template-columns:auto 1fr auto;

        grid-template-areas:
            "menu logo icons"
            "search search search";

        align-items:center;

        gap:12px;

        padding:12px 0;

        min-height:auto;

    }

    .mns-mobile-menu-toggle{

        grid-area:menu;

        display:flex;

        align-items:center;

    }

    .mns-header-logo{

        grid-area:logo;

        flex:none;

        gap:8px;

    }

    .mns-header-icons{

        grid-area:icons;

        margin-left:0;

    }

    .mns-header-search{

        grid-area:search;

        margin-top:8px;

    }

}