#skin_header{ background:#fff;border-bottom:1px solid #e1e1e1;}
.logo_style{ padding:10px 10px 10px 15px; float:left;}
.site_logo { line-height:80px; }
.site_logo img { max-height:80px; }
.menu_box{ float:right; padding:38px 0 27px 0;}
.scroll-to-fixed-fixed .menu_box{padding:18px 0; }
.scroll-to-fixed-fixed .logo_style { padding-top:5px; padding-bottom:5px; }
.scroll-to-fixed-fixed .site_logo {line-height:60px;}
.scroll-to-fixed-fixed .site_logo img{max-height:60px;}
.scroll-to-fixed-fixed #standardMenu .subMenu , .scroll-to-fixed-fixed #megaMenu .category{ padding:18px 0 0 0;}

/*page name*/
.page_name { background:url(/Images/DSI_Inner_Climber.png) no-repeat; position:relative; min-height:85px; border-bottom:1px solid #e3e3e3;}
.pagename_style { position:relative; z-index:913; }
.pagename_style h1{ float:left; padding-left:15px; color:#fff; line-height:85px; font-size:22px; font-weight:normal; margin:0;}
.breadcrumb_style {float:right; padding-right:15px; color:#fff ; line-height:85px;}


/*--------- Breadcrumb style ----------*/
.Breadcrumb, A.Breadcrumb:link, A.Breadcrumb:visited, A.Breadcrumb:active { color:#fff!important; font-size:12px; text-decoration:none; }
A.Breadcrumb:hover{ text-decoration:none; }


/* =Header
----------------------------------------------------------------------------- */
/* FlexContainers */
.flex-container{
}


.header_main {
    background: #fff;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.headerLogo {
    margin-left: 20px;
    padding: 5px 10px 5px 15px;
    max-width: 320px;
}
.headerOrgName{
    max-width: 400px;
    text-align: center;
    padding: 5px 10px 0;
}
.headerOrgName h2 {
    margin: 0;
    font-size: 24px;
}
.headerLogin{
    max-width: 320px;
    margin-right: 20px;
    text-align: right;
    padding: 10px 10px 0;
    height: 75px;
}
.headerLogin ul li {
    list-style-type: none;
    line-height: 18px;
}
.menuContainer {
    margin-left: 20px;
}

.footer_logout{ display:inline-block;}

#mobileBanner{
    display: none;
}


/*--------- Contact Style ----------*/
.contact_style {
    display: block;
}

    .contact_style p {
        padding-top: 9px;
    }

        .contact_style p a {
            color: #fff !important;
        }

            .contact_style p a:hover {
                color: #eee !important;
            }

        .contact_style p span {
            margin: 0 8px 0 12px;
            color: #fff !important;
        }

@media handheld, only screen and (max-width: 1140px) {
    #standardMenu .rootMenu > li a span{
        padding: 0 13px;
    }
}

@media handheld, only screen and (max-width: 991px) {
    .menuBox {
        min-height: 0;
        display: none;
        float: none;
        padding: 0;
        margin: 0;
    }

    .headerLogo {
        /*float: none;*/
        text-align: left;
        min-height: 50px;
        position: relative;
    }

    .siteLogo {
        text-align: left;
        margin-right: 40px;
        line-height: none;
    }

    .user_bar {
        display: block;
        float: none;
    }

    #skin_topLeft {
        float: none;
        width: 100%;
        text-align: center;
    }

    #mobileBanner{
    display: block;
    }
    
    #slider2{
        display: none;
    }
    /*--------- mobile menu style ----------*/
    .mobile_nav {
        display: block;
        position: absolute;
        width: 40px;
        height: 60px;
        bottom: -3px;
        right: 10px;
        z-index: 999;
    }

    .menuclick {
        background: url(../Content/DSI/images/btn_menu.png) no-repeat center center;
        width: 40px;
        height: 40px;
        display: block;
    }

}

/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
    /*page name*/
    .page_name {
        min-height: 50px;
        top: 0;
    }

    .pagename_style h1 {
        /*line-height: 50px;*/
        font-size: 20px;
        padding-top: 0;
    }

    .breadcrumb_style {
        line-height: 50px;
        display: none;
        padding-top: 0;
    }

    .language_position {
        margin-right: 0;
    }

    /*--------- Contact Style ----------*/
    .contact_style {
        display: none;
    }
}


/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width:400px) {
    /*--------- Register and Login Style ----------*/
    #Login .registerGroup .userProfileImg {
        display: none;
    }
}