body {
    padding-top: 55px;
}
ul {
    margin-bottom:0px !important;
}
.bottom_header .navbar-collapse.collapse {
    height: 45px !important;
    border:none;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background-color: transparent !important;
}
.navbar.header_mdm {
    background-color: #000 !important;
    height: 55px;
    line-height: 55px;
    width: 230px;
}
.top_header .right_social_media {
    float: inherit;
    width:calC(100% - 230px);
}
#header .top_header .right_social_media {
    text-align:right;
}
.tm.my-account ul li a {
    text-align: left;
}
.top_header .right_social_media ul li a {
    color: #fff;
}
.header_mdm .navbar-collapse {
    padding-left: 0px;
}
.top_header {
    display: flex;
    width: 100%;
    background-color: #000;
    align-items: center;
    padding-right: 16px;
}
.top_header .header_mdm .logo_mdm{
    padding: 0px 12px 0px 0px !important;
    margin: 0px !important;
}
.madhyamam_txt {
    height:55px;
    display:inline-block;
}
.logo_mdm img {
    height: 55px;
    width: 55px;
}
.mad-text {
    width: 150px;
    display: inline-flex !important;
    align-items: center;
    height: 55px;
}
.mad-text img {
    width: 100%;
}
.top_header .header_mdm .navbar-nav > li > a {
    font-size: 13px;
    font-weight: 400;
    padding: 0 12px !important;
    margin: 0px !important;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    opacity: .87;
    line-height: inherit;
}
.right_social_media ul li a img.user_icon {
    width: 32px;
    height: 32px;
}
.right_social_media ul li a img.user_icon:hover{
    opacity:1;
}
#header header ul .dropdown .dropdown-menu {
    position: absolute;
    background: #fff;
    left: 0;
    min-width: 130px;
    z-index: 99999;
    padding: 0;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    top: 30px;
}
#header header ul .dropdown .dropdown-menu li:hover {
    background-color: #eee;
}
#header header ul .dropdown .dropdown-menu li {
    list-style-type: none;
    display: block;
    line-height: 40px;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}
#header header ul .dropdown .dropdown-menu li a {
    color: #000 !important;
    line-height: 40px;
    width: 100%;
    padding: 0 16px !important;
    display: block;
}
.top_header .header_mdm ul li a:hover {
    color: #c6168d !important;
}
.top_header ul li a .date {
    margin-left: 5px;
}
.top_header ul li a .day {
    margin-left: 5px;
}
.right_social_media .noti_icon {
    position: relative;
}
.right_social_media .noti_icon img:hover {
    opacity: 1;
}
.right_social_media .noti_icon:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: #ff4081;
    right: -2px;
    top: -3px;
    width: 10px;
    height: 10px;
}
.right_social_media {
    float:right;
}
.right_social_media ul li{
    padding:0px 5px;
}
.right_social_media ul li:last-child{
    padding-left: 8px;
    padding-right: 8px;
    margin-left: 15px;
}
.right_social_media ul li a img{
    width:24px;
}
.right_social_media ul li a img:hover {
    opacity: .6;
}
.bottom_header {
    width: 100%;
    display: flex;
    margin: 0px;
}
.bottom_header .navbar {
    background-color: #fff !important;
    padding: 0px 10px;
    height: 45px;
    line-height: 45px;
    width:100%;
    border:none;
}
.bottom_header ul li a {
    text-transform: uppercase;
    font-weight: 700;
    padding: 0 12px !important;
    font-size: 13px;
    color: #000 !important;
    cursor: pointer;
    margin:0px !important;
    line-height: inherit;
}
.bottom_header ul li a:hover {
    color: #c6168d !important;
    text-decoration: none;
}
.bottom_header ul li a .date {
    font-size: 24px;
    font-weight: 500;
    margin-left: 5px;
}
.bottom_header ul li a .year {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    opacity: .7;
    top: -8px;
    position: relative;
    color: #000;
}
.bottom_header ul li a.three_dots, .bottom_header ul li a.home_icon, .bottom_header .right_social_media ul li a i {
    font-size: 24px;
}
.bottom_header ul li a .day {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 900;
    position: absolute;
    top: -3px;
    z-index: 99;
    left: 0;
    color: #000;
}
.bottom_header .right_social_media ul li:last-child {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
}
.bottom_header .dropdown:hover .dropdown-menu {
    display: block;
}
.bottom_header .navbar-inverse .navbar-toggle {
    background: #000;
}
.bottom_header .navbar-brand {
    display: none;
}
.footer_top{
    background-color: #7f7f7f;
    height:50px;
    line-height:50px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.footer_top p{
    margin:0px;
    color:#fff;
    font-size:14px;
}
.footer_bottom {
    background-color: #000;
    padding: 16px 40px 50px 40px;
}
.footer_bottom h6{
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: 700;
}
.footer_bottom ul li a{
    padding: 10px;
    margin: 5px;
    background-color: rgba(255,255,255,.2);
    display:inline-block;

}
.footer_bottom ul li a:first-child{
    margin-left:0px;
}
.footer_bottom ul li a img {
    height: 24px;
    width: 24px;
}
.right_social_media ul li .usermenu span {
    font-size: 24px;
}
/*.madhyamam_txt {
    display:none;
}*/
@media screen and (max-width: 1285px) {
    .bottom_header ul li a {
        padding: 0px 7px !important;
        font-size: 12px;
    }
}
@media screen and (max-width: 1099px) {
    .bottom_header ul li a.three_dots, .bottom_header ul li a.home_icon, .bottom_header .right_social_media ul li a i {
        font-size: 20px;
    }
    .bottom_header ul li a .date {
        font-size: 20px;
    }
    .bottom_header .navbar {
        padding: 0px 0px;
    }
}
@media screen and (max-width: 1099px) {
    .bottom_header ul li a.three_dots, .bottom_header ul li a.home_icon, .bottom_header .right_social_media ul li a i {
        font-size: 18px;
    }

    .bottom_header ul li a .date {
        font-size: 18px;
    }
    .navbar-collapse {
        padding-left:7px !important;
        padding-right:7px !important;
    }
    .right_social_media ul li:last-child {
        margin-left: 15px;
    }
    /*.top_header .right_social_media {
        width: 330px;
    }
    .navbar.header_mdm {
        width: calC(100% - 330px);
    }*/
    .top_header .navbar.header_mdm {
        display: inline-flex;
        overflow: hidden;
    }
    .top_header .navbar-nav {
        display: inline-flex;
        white-space: nowrap;
        overflow-x: auto;
        height: 55px;
        width: calC(100% - 67px);
    }
}
@media screen and (max-width: 999px) {
    .bottom_header .navbar-nav {
        width: calC(100% - 165px);
        overflow-x: auto;
        height: 45px;
        white-space: nowrap;
        display: inline-flex;
    }
    .right_social_media ul li a img.user_icon {
        width: 28px;
        height: 28px;
    }
    .right_social_media ul li:last-child {
        margin-left: 15px;
    }
    .right_social_media ul li a img {
        width: 20px;
    }
    .right_social_media ul li .usermenu span {
        font-size: 20px;
    }
    /*.top_header .right_social_media {
        width: 438px;
        text-align:right;
    }*/
    /*.navbar.header_mdm {
        width: calC(100% - 438px);
    }*/
}
@media screen and (max-width: 768px) {
    .navbar-nav {
        margin: 0px !important;
        display: flex;
        flex-direction: row;
    }
    #navbar {
        width: 100%;
        overflow-x: auto;
        height: auto;
        display: inline-block;
        float: none;
        white-space: nowrap;
        position: static;
    }
    #navbar {
        -ms-overflow-style: none; /* Internet Explorer 10+ */
        scrollbar-width: none; /* Firefox */
    }

    #navbar::-webkit-scrollbar {
        display: none; /* Safari and Chrome */
    }
    .navbar-nav .open .dropdown-menu {
        position: absolute !important;
        background-color: #c6168d !important;
        top: 114px !important;
        border-radius: 0px;
        width:100% !important;
    }
    .navbar, .navbar-nav, .nav > li{
        position: static !important;
    }
    .nav > li > a {
        position:relative;
    }
    .nav > li.open a.dropdown-toggle:after {
        content: "";
        border-bottom: 15px solid #fff;
        border-right: 10px solid transparent;
        border-top: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        top: 18px;
        left: 30px;
    }
     .nav > li.open a.dropdown-toggle{
         font-weight:700;
     }
}
@media screen and (max-width: 767px) {
    .top_header .right_social_media ul li.data_time {
        display: none;
    }
    .top_header ul li a .date {
        display: none;
    }
    .top_header ul li a .year {
        display:none;
    }
    .footer_bottom {
        background-color: #000;
        padding: 12px 8px 50px 8px;
    }
    .navbar-inverse .navbar-collapse {
        background: #fff;
        padding-left: 15px !important;
        position:relative;
        z-index:9;
        width:100%;
    }
    .top_header .header_mdm .navbar-nav > li > a {
        color:#000 !important;
    }
    /*.madhyamam_txt {
        display: block;
        width: 150px;
        position: absolute !important;
        top: -1px;
        left: 70px;
    }*/
    .top_header .navbar-toggle {
        float:left;
    }
    .mad-text {
        width: 110px;
    }
    .top_header {
        padding-right: 10px;
    }
    .right_social_media ul li:last-child {
        margin-left: 8px;
    }
    .top_header .right_social_media {
        width: calC(100% - 180px);
    }
    .navbar.header_mdm {
        width: 180px;
    }
    .bottom_header .dropdown:hover .dropdown-menu {
        display: none;
    }
    .bottom_header .right_social_media {
        display:none;
    }
    .open > .dropdown-menu {
        display: block !important;
    }
    .bottom_header .navbar-nav .open .dropdown-menu {
        border: 1px solid #eee !important;
    }
    #header header ul .dropdown .dropdown-menu{
        position:relative;
    }
    .bottom_header .navbar-nav {
        display: contents;
    }
    .top_header .navbar.header_mdm {
        display: block;
        overflow: initial;
    }
    .top_header .navbar-nav {
        width: 100%;
        display: block;
        white-space: normal;
        height: auto;
        overflow-x: hidden;
    }
    .bottom_header .navbar-brand {
        display:block;
    }
    /*.top_header .navbar-brand {
        display: none;
    }*/
    .bottom_header .navbar-brand {
        float: left;
        height: auto;
        padding: 0px;
    }
    .logo_mdm img {
        height: 50px;
        width: 50px;
    }
    .bottom_header {
        border-bottom:1px solid #ccc;
    }
    .top_header .navbar-nav li:first-child {
        display: none;
    }
    .dropdown a {
        position:relative;
    }
    .bottom_header .dropdown a.dropdown-toggle:before {
        position: absolute;
        right: 15px;
        content: "\f067";
        top: 0px;
        font-family: fontawesome;
        font-size:15px;
        font-weight:500;
    }
    .bottom_header .dropdown.open a.dropdown-toggle:before {
        content: "\f068";
    }
    .bottom_header ul li a {
        font-size: 13px;
    }
    .bottom_header .navbar-collapse.collapse {
        height: 100vh !important;
    }
}
@media screen and (max-width: 485px) {
    /*.top_header .right_social_media ul li {
        display:none;
    }
    .top_header .right_social_media ul li:nth-child(5), .top_header .right_social_media ul li:nth-child(6), .top_header .right_social_media ul li:nth-child(7) {
        display: inline;
    }*/
    .top_header .header_mdm .logo_mdm {
        padding: 0px 8px 0px 0px !important;
    }
    .navbar.header_mdm {
        width:150px;
    }
    .top_header .right_social_media {
        width: calC(100% - 150px);
    }
    .right_social_media ul li:last-child {
        margin-left: 0px;
        padding-right: 0px;
    }
    .mad-text {
        width: 90px;
    }
    .right_social_media ul li .usermenu {
        font-size: 12px;
    }
    .right_social_media ul li .usermenu span {
        font-size: 18px;
    }
    .right_social_media ul li a img {
        width: 18px;
    }
    /*.madhyamam_txt {
        left: 55px;
    }*/
}
@media screen and (max-width: 415px) {
    .right_social_media ul li {
        padding: 0px 3px;
    }
    .top_header .right_social_media {
        width: 186px;
    }
    .navbar.header_mdm {
        width: calC(100% - 186px);
    }
    .top_header {
        padding-right: 5px;
    }
    .navbar.header_mdm {
        width: 150px;
    }
    .top_header .right_social_media {
        width: calC(100% - 150px);
    }
    .right_social_media ul li a img {
        width: 18px;
    }
}
@media screen and (max-width: 399px) {
    .navbar.header_mdm {
        width: 132px;
    }
    .top_header .right_social_media {
        width: calC(100% - 132px);
    }
    .mad-text {
        width: 70px;
    }
}
@media screen and (max-width: 385px) {
    .right_social_media ul li a img {
        width: 16px;
    }
    .right_social_media ul li .usermenu span {
        font-size: 16px;
    }
    .right_social_media ul li .usermenu {
        font-size: 10px;
    }
    .right_social_media ul li:last-child {
        padding-left: 0px;
    }
    .right_social_media ul li {
        padding: 0px 0px;
    }
}
@media screen and (max-width: 345px) {
    .mad-text {
        width: 70px;
    }
    .right_social_media ul li a img.user_icon {
        width: 20px;
        height: 20px;
    }
    .right_social_media ul li:last-child {
        padding-left: 3px;
    }
    .top_header .right_social_media {
        width: 178px;
    }
    .navbar.header_mdm {
        width: calC(100% - 178px);
    }
    .right_social_media ul li a img {
        width: 14px;
    }

    .right_social_media ul li .usermenu span {
        font-size: 14px;
    }

    .right_social_media ul li .usermenu {
        font-size: 9px;
    }
}
@media screen and (max-width: 315px) {
    .top_header .navbar-toggle {
        padding: 9px 5px;
        margin-right: 5px;
    }
    .mad-text {
        width: 65px;
    }
    .top_header .header_mdm .logo_mdm {
        padding: 0px 3px 0px 0px !important;
    }
    .right_social_media ul li a img {
        width: 13px;
    }
    .right_social_media ul li .usermenu span {
        font-size: 13px;
    }
    .top_header .right_social_media {
        width: 163px;
    }
    .navbar.header_mdm {
        width: calC(100% - 163px);
    }
}