.site-header{background-color:#fff;}
.site-header .header-bottom{background-color:#6B5BA6;}
.site-header .header-bottom .navbar-nav .nav-item .nav-link{font-size:20px;color:#fff;font-weight:500;}
.site-header .header-bottom .navbar-nav .nav-item{margin-right:20px;}
.site-header .header-notification{background-color:transparent;width:36px;height:36px;padding:0;min-width:auto;border:1px solid #534B31 !important;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center;}
.site-header .header-notification::after{display:none;}
.site-header .header-notification.show,.header-notification:focus,.header-notification:hover,.header-notification:active{background-color:transparent!important;}
.site-header .header-top{padding-top:29px;padding-bottom:29px;}
.site-header .header-top-inner{align-items:center;justify-content:space-between;display:flex;position:relative;}
.site-header .header-notification-dropdown .dropdown-menu{max-height: 547px; height: 80vh; overflow-y:auto;max-width:752px;width:100%;top:30px!important;padding-top:0;padding-bottom:0;box-shadow:0 8px 16px rgba(0,0,0,0.1);border:1px solid #DDDDDD;}
.site-header .header-notification-dropdown{position:static;}
.site-header .header-myprofile{background-color:transparent;width:auto;height:auto;text-transform:capitalize;padding:0;min-width:auto;border:0!important;border-radius:0;font-size:20px;color:#0F0A0A!important;font-weight:500;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.site-header .header-myprofile::after{display:none;}
.site-header .header-myprofile span{padding-left:10px;}
.site-header .header-myprofile.show,.header-myprofile:focus,.header-myprofile:hover,.header-myprofile:active{background-color:transparent!important;}
.site-header .header-notification-main{column-gap:30px;}
.site-header .header-myprofile-dropdown{position:static;}
.site-header .header-myprofile-dropdown .dropdown-menu{max-width:423px;width:100%;top:30px!important;padding-top:0;padding-bottom:0;box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);border: 1px solid #DDDDDD;}
.site-header .header-myprofile-main{padding:30px 30px 10px 30px;}
.site-header .wallet-bal-title-main{display:flex;justify-content:space-between;column-gap: 10px;align-items: center;}
.site-header .wallet-bal-title .wallet-icon{width:26px;}
.site-header .wallet-bal-title .wallet-txt{padding-left:15px;align-self:center;font-size:16px;color:#0F0A0A;}
.site-header .wallet-bal-title{display:flex;}
.site-header .wallet-bal-title-main .wallet-bal-transfer{color:#F06309;font-size:16px;font-weight:700;}
.site-header .wallet-bal-money-main .wallet-money{color:#534B31;font-weight:700;font-size:24px;}
.site-header .wallet-bal-main .wallet-bal-money-main{padding-top:15px;padding-bottom:20px;border-bottom:1px solid #DDDDDD;}
.site-header .header-myprofile-details .header-myprofile-details-icon{width:30px;height:30px;display:flex;align-items:center;}
.site-header .header-myprofile-details li{display:flex;margin-bottom:0px;align-items: center;}
.site-header .header-myprofile-details li p{width:calc(100% - 30px);display:flex;align-items: center; justify-content:space-between;margin-bottom:0;border-bottom:1px solid #DDDDDD;padding-top:5px;padding-bottom:5px;font-size:16px;color:#0F0A0A;font-weight:500;}
.site-header .header-myprofile-details li:last-child p{border-bottom:0;}
.site-header .header-myprofile-details a:hover{text-decoration:none;}
.site-header .header-myprofile-details{padding-top:20px;}
.site-header .header-myprofile-details li p a{color:#0F0A0A;transition: none;padding: 3px 0px 4px;}
.site-header .header-myprofile-details li p a:hover{color:#F06309;}
/*.site-header .header-myprofile-details li:not(:nth-child(2)):hover .header-myprofile-details-icon svg path{fill:#F06309;}*/
.site-header .header-myprofile-details .header-myprofile-details-link{color:#F06309;}
.site-header .header-notification-dropdown .dropdown-menu h5{margin-bottom:0;padding:35px;color:#534B31;}
.site-header .notification-main li p{margin-bottom:0;}
.site-header .notification-main li:not(.just-now-notification) .notification-box{border-bottom:1px solid #DDDDDD;}
.site-header .notification-main li{padding:20px 35px 0px 35px;}
.site-header .notification-main .just-now-notification{background-color:#F4D8C5;}
.site-header .notification-main .notification-box{padding-bottom:20px;}
.site-header .notification-main li:last-child .notification-box{border-bottom:0;}
.site-header .notification-main li:not(.just-now-notification) .notification-box .notification-txt{font-size:14px;line-height:24px;color:#0F0A0A;}
.site-header .notification-main li:not(.just-now-notification) .notification-box .notification-time{font-size:14px;line-height:24px;color:#0F0A0A;}
.site-header .notification-main li.just-now-notification .notification-box .notification-time{font-size:14px;color:#F06309;font-weight:bold;line-height:normal;}
.site-header .notification-main .just-now-notification .notification-box .notification-txt{font-size:14px;color:#534B31;font-weight:bold;line-height:24px;}
.site-header .header-top .container{max-width:1640px;width:93%;}
.site-header .header-bottom .navbar-nav .nav-item .nav-link:hover{color:#F06309;}
.site-header .header-bottom .navbar{padding-top:12px;padding-bottom:12px;}
.site-header .header-bottom .navbar .navbar-collpase-wrap{width:100%;display:flex;flex-wrap:wrap;align-items: center;}



@media (max-width: 1499px) {

    .site-header .header-myprofile{font-size:18px;}
    .site-header .header-bottom .navbar-nav .nav-item .nav-link{font-size:18px;}
    .site-header .header-top{padding-top:20px;padding-bottom:20px;}
    .site-header .header-top-inner .logo{max-width:200px;}
    .site-header .header-notification-dropdown .dropdown-menu{top:15px!important;}
    .site-header .header-myprofile-dropdown .dropdown-menu{top:15px!important;}

}



@media (max-width: 1399px) {
    .site-header .header-top{padding-top:15px;padding-bottom:15px;}
    .site-header .header-bottom .navbar-nav .nav-item .nav-link{font-size:16px;}
}




@media (max-width: 1199px) {

    .site-header .header-top .container{width:100%;}
    .site-header .header-notification-dropdown .dropdown-menu{max-width: 510px;}
    .site-header .header-notification-dropdown .dropdown-menu h5{padding:15px;}
    .site-header .notification-main li{padding:15px 15px 0px 15px;}
    .site-header .header-myprofile-main{padding:20px 20px 10px 20px;}

}


@media(max-width:991px){


    .site-header .header-bottom .navbar-nav .nav-item{margin-right:0px;}
    .site-header .header-notification-main{column-gap:15px;margin-right:20px;}
    .site-header .header-top-inner .logo{margin-right: auto;}
    .site-header .header-myprofile{font-size:16px;}
    .site-header .header-bottom .navbar-main .navbar-collpase-wrap{overflow: auto;z-index: 1;display:block;transition:all 400ms ease;transform:translateY(-100%);visibility:hidden;opacity:0;background-color:#6B5BA6;padding:30px;position:fixed;width:100%;height:calc(100vh - 73px);top:73px;}
    .site-header .header-myprofile span{padding-left:5px;}
    .site-header .header-bottom .navbar .container{max-width:100%;padding-left:0;padding-right:0;}
    .site-header .header-bottom .navbar-main .navbar-collapse.show .navbar-collpase-wrap{transform:none;visibility:visible;opacity:1;}
        .site-header .header-bottom .navbar-nav .nav-item .nav-link{font-size:22px;}
    

    /*toggele switch Start*/

    .site-header button.navbar-toggler {padding: 0; border: none; margin: 10px 0; top: 30px; }
    .site-header button.navbar-toggler span.icon-bar:nth-child(2) {visibility: hidden; opacity: 0; }
    .site-header button.navbar-toggler.collapsed span.icon-bar:nth-child(2) {visibility: visible; opacity: 1; }
    .site-header button.navbar-toggler span.icon-bar:nth-child(1) {top: 10px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
    .site-header button.navbar-toggler span.icon-bar:nth-child(3) {margin-right: auto; margin-left: 0; }
    .site-header button.navbar-toggler.collapsed span.icon-bar:nth-child(1), .site-header button.navbar-toggler.collapsed span.icon-bar:nth-child(3) {top: 0; transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0); background: #000; width: 18px; margin-right: 0; }
    .site-header button.navbar-toggler span.icon-bar {margin: auto; background-color: #000; border-radius: 2px; display: block; height: 3px; position: relative; width: 28px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; -ms-transition: all 200ms ease; transition: all 200ms ease; }
    .site-header button.navbar-toggler .icon-bar+.icon-bar {margin-top: 6px; }
    .site-header button.navbar-toggler span.icon-bar:nth-child(3) {top: -8px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
    .site-header .header-bottom .navbar{padding-top:0;padding-bottom:0;}
    

    /*toggele switch End*/


}


@media (max-width: 767px) {


    .site-header .header-notification{width:30px;height:30px;}
    .site-header .header-notification svg{width:12px;}
    .site-header .header-myprofile img{width:30px;height:30px;}
    .site-header .header-myprofile{font-size:14px;}
    .site-header .header-myprofile {max-width:107px;}
    .site-header .header-myprofile-main{padding:20px 20px 10px 20px;}
    .site-header .wallet-bal-title .wallet-icon{width:auto;}
    .site-header .wallet-bal-title .wallet-icon svg{width:18px;}
    .site-header .wallet-bal-title .wallet-txt{font-size:14px;padding-left:10px;}
    .site-header .wallet-bal-title-main .wallet-bal-transfer{font-size:14px;}
    .site-header .wallet-bal-main .wallet-bal-money-main{padding-top:15px;padding-bottom:15px;}
    .site-header .wallet-bal-money-main .wallet-money{font-size:20px;}
    .site-header .header-myprofile-details{padding-top:15px;}
    .site-header .header-myprofile-details .header-myprofile-details-icon{width:25px;height:25px;}
    .site-header .header-myprofile-details .header-myprofile-details-icon svg{width:16px;}
    .site-header .header-myprofile-details li p{width:calc(100% - 25px);}
    .site-header .header-notification-dropdown .dropdown-menu h5{padding:20px;font-size:16px;}
    .site-header .notification-main li{padding:15px 20px 0px 20px;}


}





@media(max-width:575px) {
    .site-header .header-myprofile .header-uname-myprofile{display:none;}
    .site-header .header-top-inner .logo{max-width:150px;}
}


