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

@media (max-width:991px){

.header-area{

    position:absolute;
    top:55px;
    left:0;
    width:100%;
    z-index:9999;

}

.main-header-area{

    background:transparent;
    box-shadow:none;
    height:100px;
    padding:0;

}

.mobile-header{

    position:relative;
    width:100%;
    height:100px;

}

.logo-img-small{

    position:absolute;
    left:20px;
   
    z-index:99999;

}

.logo-img-small img{

    width:145px;
    display:block;
     margin-top:-29px;

}

.mobile_menu{

    position:absolute;
    right:20px;
    top:2px;
    width:auto;
    z-index:99999;

}

/* ======================================
   HAMBURGER
====================================== */

.slicknav_menu{

    background:transparent !important;

}

.slicknav_btn{

    background:transparent !important;
    border:none !important;
    margin:10 !important;
    padding:0 !important;
    float:none !important;

}

.slicknav_icon{

    display:none !important;

}

.slicknav_btn::before{

    content:"☰";
    font-size:36px;
    color:#fff;
    line-height:1;
   

}

.slicknav_menutxt{

    display:none !important;

}

}

@media (max-width:991px){

.header-area .logo-img-small{

    position:absolute !important;
    top:-5px !important;
    left:20px !important;

}

.header-area .mobile_menu{

    position:absolute !important;
    
    right:20px !important;

}

}
/* Black hamburger after sticky */

.header-area .main-header-area.sticky .slicknav_btn::before{
    color:#000 !important;
}
/* =====================================
   MOBILE MENU
===================================== */

@media (max-width:991px){

.slicknav_nav{
    position:fixed !important;
    top:160px !important;
    left:0 !important;
    right:0 !important;

    width:100% !important;
    height:calc(100vh - 80px) !important;

    background:#fff !important;

    overflow-y:auto !important;

    border-radius:0 !important;
    box-shadow:none !important;

    padding:25px 0 !important;

    
}

.slicknav_nav li{
    width:100% !important;
    display:block !important;
}

.slicknav_nav a{
    display:block !important;
    text-align:center !important;

    padding:10px 0 !important;      /* was 18px */

    font-size:18px !important;      /* was 28px */

    font-weight:500 !important;

    color:#222 !important;

    border-bottom:1px solid #eee !important;

    line-height:1.4;
}

.slicknav_nav .slicknav_arrow{
    float:right;
    margin-right:25px;
    font-size:20px;
}

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

/* Remove separator lines */
.slicknav_nav li{
    width:100% !important;
    display:block !important;
    border-bottom:none !important;
}

/* Center menu items */
.slicknav_nav a,
.slicknav_row{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;

    padding:14px 20px !important;

    font-size:18px !important;
    font-weight:500 !important;

    color:#222 !important;

    text-decoration:none !important;

    border:none !important;
}

/* Remove + / - icon */
.slicknav_arrow{
    display:none !important;
}

/* Remove border from links */
.slicknav_nav a{
    border-bottom:none !important;
}

/* Optional: small spacing between items */
.slicknav_nav li{
    margin:4px 0 !important;
}

}