/* ==========================================================
   MathuraNow Theme v1.0
   Module : Header
   Version : 1.0.0
   Status  : Production
==========================================================*/


/*==========================================================
  Site Header
==========================================================*/

.site-header{
    margin:0;
    padding:0;
    background:#ffffff;
}


/*==========================================================
  Top Bar
==========================================================*/

.theme-top-header{

    min-height:44px;

}

.theme-top-header .site-container-width{

    display:flex;
    align-items:center;
    min-height:44px;

}


/*==========================================================
  Middle Header
==========================================================*/

.site-middle-header{

    background:#ffffff;
    border-bottom:1px solid #ececec;

}

.site-middle-header .site-container-width{

    max-width:1280px;

}

.site-middle-header-wrapper{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

    padding:14px 0;

}


/*==========================================================
  Branding
==========================================================*/

.site-branding{

    flex:0 0 auto;

    margin:0;

    padding:0;

    line-height:0;

    display:flex;

    flex-direction:column;

    justify-content:center;

}


/*==========================================================
  Logo
==========================================================*/

.site-logo{

    margin:0;

    padding:0;

    line-height:0;

}

.site-logo a{

    display:inline-block;

}

.site-logo .custom-logo{

    display:block;

    width:auto;

    height:auto;

    max-width:420px;

    max-height:105px;

}


/*==========================================================
  Site Identity
==========================================================*/

.site-identity{

    margin-top:8px;

}

.site-title{

    margin:0;

    font-size:34px;

    font-weight:700;

    color:#111111;

}

.site-description{

    margin-top:4px;

    color:#555555;

    font-size:15px;

}


/*==========================================================
  Advertisement
==========================================================*/

.header-promotion{

    flex:1;

    display:flex;

    justify-content:flex-end;

    align-items:center;

}

.header-promotion img{

    display:block;

    width:100%;

    max-width:728px;

    height:auto;

}


/*==========================================================
  Navigation
==========================================================*/

.theme-main-header{

    background:#06064d;

    min-height:58px;

}

.theme-main-header-wrapper{

    min-height:58px;

}

.primary-nav-container{

    display:flex;

    align-items:center;

    justify-content:space-between;

}


/*==========================================================
  Search
==========================================================*/

.header-search{

    margin-left:20px;

}


/*==========================================================
  Desktop
==========================================================*/

@media(min-width:1200px){

.site-logo .custom-logo{

    max-width:420px;

}

}


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

@media(max-width:1199px){

.site-middle-header-wrapper{

    gap:30px;

}

.site-logo .custom-logo{

    max-width:340px;

}

.header-promotion img{

    max-width:600px;

}

}


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

@media(max-width:991px){

.site-middle-header-wrapper{

    flex-direction:column;

    justify-content:center;

    text-align:center;

    gap:18px;

}

.header-promotion{

    justify-content:center;

}

.site-logo .custom-logo{

    max-width:300px;

}

.header-promotion img{

    max-width:100%;

}

}


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

@media (max-width: 991px){

    .site-middle-header-wrapper{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:12px;
        padding:12px 0;
    }

    .site-logo .custom-logo{
        max-width:260px;
    }

    .header-promotion{
        display:none;
    }

    /* Parent theme mobile menu को वापस control करने दें */
    .primary-nav-container{
        display:block;
    }

    .header-right{
        display:block;
    }

    .header-search-form{
        display:none;
    }
}

@media (max-width:767px){

    .site-logo .custom-logo{
        max-width:230px;
    }

    .theme-main-header{
        min-height:auto;
    }

    .header-search{
        margin-left:0;
    }
}