.menuOnTopClose{ transition:all 0.2s; -webkit-transition:all 0.2s;box-shadow: 0px 0px 10px rgba(0,0,0,0.5); position: fixed;  top: 0px; background: #fff; color: #333 !important; padding: 10px; font-size: 20px !important; }
.menuOnTopClose{left: -200px;  color: #22483d !important;}
.showOnMobile{display: none !important;}
         @media only screen and (max-width:2400px) {
#deepanTab{width: 16% !important;}
}
         @media only screen and (max-width:2300px) {
#deepanTab{width: 17% !important;}
}
@media only screen and (min-width:2000px) and (max-width:2200px)  {
    #deepanTab {
    position: fixed;
    width: 20% !important;
}
    }
         @media only screen and (max-width:1900px) {
#deepanTab{width: 21% !important;}
}
      @media only screen and (max-width:1800px) {
#deepanTab{width: 23% !important;}
}
    @media only screen and (max-width:1700px) {
#deepanTab{width: 24% !important;}
}
@media only screen and (max-width:1600px) {
#deepanTab{width: 26% !important;}
}
 
@media only screen and (max-width:1500px) {
#deepanTab{width: 29% !important;}
} 
@media only screen and (max-width:1400px) {
#deepanTab{width: 29% !important;}
} 
 @media only screen and (max-width:1300px) {
#deepanTab{width: 31% !important;}
}   
@media only screen and (max-width:1200px) {
#deepanTab{width: 33% !important;}
}


@media only screen and (max-width:1100px) {
    #deepanTab{width: 25% !important;}
}
@media only screen and (min-width:1000px) and (max-width:1100px)  {
    #deepanTab{width: 100% !important; position:relative !important;}
    
}
@media only screen and (max-width: 991px){
nav.cmp_breadcrumbs {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#deepanTab{width: 100% !important; position:relative !important;}
#deepanTab .nav-tabs lia {width: 100%; margin-bottom: 2px; text-align: -webkit-auto !important; margin-left: 0px; }
    #homeTabWrp .nav-tabs a{width: 100%; padding: 8px 10px !important; border: 0px; border-radius: 0px !important; }
}
@media only screen and (max-width:960px) {
    .mainNavigation h1{ max-width: 100%}
    #deepanTab{width: 100% !important; position: relative !important; }
    .deepantab a{padding: 10px !important;}
    .deepanbrea{top:124px !important;}
    .galleryLinksWrp{    margin-top: 0px;}
    .topSocial{display: none;}
    .mainNavigation .container{padding-left: 0px; padding-right: 0px;}
    .navbar-header{    float: left; }


}
@media only screen and (max-width:860px) {
    
    #deepanTab{width: 100% !important; position: relative !important; }
    #topMenuBar{background: #2f2f2f; margin-bottom: 0px; width: 100%}
    #topMenuBar li a{padding: 6px 10px;}
    .mainNavigation{margin-top: 0px;}
    .topHeader{height: 84px;}
    #social-icons{position: relative; right: 0px; width: 100%;     border-top: 1px solid rgba(255, 255, 255, 0.21)}
    #social-icons .menu > li > a{    padding: 10px 10px; line-height: normal;}
    .slider_box_area .slider_left_box, .slider_box_area .slider_container{display: block; width: 100%}
    
}

@media only screen and (max-width:700px) {
    .article-top-nav .right-controls {position: relative; padding-bottom: 0.625rem; border-top: 1px solid #c4c4c4; padding: 10px !important; font-size: 15px !important;}
    .pkp_structure_main{z-index:0;}
        #deepanTab{width: 100% !important; position: relative !important; }
    .deepantab a{padding: 20px !important}
    .topmenu{display: none;}
    .header_left{width: 100%}
    #social-icons .menu > li > a{padding-left: 10px; padding-right: 10px;}

    .form-control{width: 100%}
    .footerBottom div{clear: both !important; width: 100%;}
    .journals .media-list .media{width: 100% !important; margin-bottom: 20px;    padding-bottom: 20px; border-right:0px !important }
    .journals .media-list .media .description{    min-height: inherit;}
    .topSocial li a{    width: 32px;}
    .btnTops > a span{display: none; }
    #social-icons .menu > li.btnTops a i{font-size: 18px !important;}

    #deepanTab .nav-tabs lia {width: 100%; margin-bottom: 2px; text-align: -webkit-auto !important; margin-left: 0px; }
    #homeTabWrp .nav-tabs a{width: 100%; padding: 8px 10px !important; border: 0px; border-radius: 0px !important; }
    
}
@media only screen and (max-width:480px) {
    
    .deepanbrea{background: #eeeeee !important}
    .menuRightBtns{ width: 100%; margin-bottom: 10px;}
    #header #access{margin-left: 0px; width: 100%}
    #header #access li a{    padding: 8px 8px 8px 8px;}
    #main h2{line-height: 25px}
    .journals .media-list .nav-pills{font-size: 10px;}
    .homepage-image {}
    .homepage-image img{margin-left: auto; margin-right: auto}
    #social-icons .menu > li{padding: 0px; padding-right: 5px;   line-height: 14px;    font-size: 12px;}
    #social-icons .menu > li > a{padding: 10px 3px;     font-size: 11px;}
    
    #social-icons .menu{padding-left: 0px;}
    .homepage-image, .issue-toc .thumbnail{margin-bottom: 20px;}
    .homepage-image + .journal-description, .issue-toc .thumbnail + .description{margin-left: 0px !important; clear: both;}
    
    
    #deepanTab .nav-tabs lia {/*width: auto !important;*/ margin-bottom: 9px; text-align: -webkit-auto !important;} 
    .deepantab a{padding: 10px !important} 

   }
@media only screen and (max-width:320px) {
    #social-icons .menu > li{padding-right: 0px;}
    
}

/*Deepan css */
div.page.page_article:after{  height: 0px !important;}

.hometabscontainer{ padding: 10px 4px;}

.pkp_structure_main{/*border-right:1px solid #ddd;*/}
div.page.page_article{box-shadow:0 0px 0px rgba(0,0,0,0.5)!important;}



#mainContainer{background: transparent; !important;}
.deepanbrea nav.cmp_breadcrumbs{box-shadow: 0 0 0px rgba(0,0,0,0.5); padding: 0px !important; background: transparent;}
#mainContainer{/*padding: 0px !important;*/ background: #fff;}
.commentBlock{    display: none;}
.article_comment_section{padding: 0 !important}
.tab-choice-block .tabs {display: block; position: relative; float: left; z-index: 1; margin-left: -0.225rem; box-shadow: inset 0px 0px 0px 0px rgba(50, 50, 50, 0.3) !important; border-radius: 0.375rem 0.375rem 0px 0px !important; padding: .6rem .9rem .6rem .5rem !important; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in !important; border:0px solid #eee !important; }

.tab-choice-block li.active {z-index: 2; margin-left: 0px; border-radius: 0.375rem 0.375rem 0px 0px; }

.tab-choice-block .active{box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.5) !important;}

.tab-choice-block{height:auto !important;}
.deepanbrea{    background: transparent; position: fixed; top: 125px; z-index: 5; }
.deepanbrea .breadcrumb{background: transparent !important;}
.tab-choice-block{background-color: transparent !important;}
#sidebar div.panel-body {padding:15px !important; }

.replier{background:#eee !important;}

#mainContainer{/*margin-top: 78px !important;*/}
.issueTocPublishArticles h2, .page-header h3, .page-header h1{/*margin: 0 -15px !important;*/}
.footer {background-color: #0088cc; padding: 0 !important; }
#mainContainer{/*padding: 30px 0!important;*/}
#deepanTab{position: fixed;    width: 28%;}
#myAffix .nav-tabs a{background: transparent !important; border:0px solid #eee;}

.tab-choice-block .active{ background: transparent !important; }
#details{    overflow: scroll; overflow-x:hidden; height:55vh;}
.article-caption{float: right;}
.roundedborder, input, select, textarea, a.file{border: 1px solid #eee !important}
html {
    font-size: inherit !important;
    }

#myAffix .nav-tabs a {
    padding: 5px 0px;
    margin-left: 0px;
    padding-left: 0px !important;
    color: rgba(0,0,0,0.8);
    font-weight: 600;
    font-size: 17px;
    padding-left: 15px;
    padding-top: 4px;
    border-left: 0px solid #563d7c;
    padding-bottom: 4px;
}.current2 {    border-left: 2px solid #6172c2 !important;    margin-left: -10px;    padding-left: 10px !important;}
ul#navblock.nav.nav-tabs.bs-docs-sidenav > li > a:hover {
    border-left: 0px solid #6172c2 !important;
}
.page_title{    
    font-size: 26px !important;
   
    line-height: normal;
    }
    ::-webkit-scrollbar {
    width: 10px;
    
}
::-webkit-scrollbar-button {
    background: #ccc
}
::-webkit-scrollbar-track-piece {
    background: #888
}
::-webkit-scrollbar-thumb {
    background: #eee ;
}
.fa-download p{
font-family: 'Open Sans', sans-serif !important;}
.item cover_image img{width:100%;}
#sidebar{z-index:1;}
.article_sharing_buttons{float:right; margin-top: 3px; }

.icon-with-list.show-list ul{padding:1px !important;}
.icon-with-list.show-list ul li{list-style-type:none;}
#myAffix{display:block !important;}
#htmlContainer iframe {
  height:calc(100vh - 4px);
  width:calc(100vw - 4px);
  box-sizing: border-box;
  padding-top: 20px;
}
#comment-link{cursor: pointer;}

#homeTabWrp .nav-tabs .active a{ background: #08c; color: #fff !important; border-radius: 0px 0px 0 0 !important; border: 0px solid #ccc !important;}
.bs-docs-sidebar{padding-left: 10px;}

ul.nav.nav-tabs.bs-docs-sidenav > li{  padding-left: 10px;}
.bs-docs-sidebar ul li:hover{ border-left: 0px solid #000; padding-left: 0px;}
.right-controls .dropdown-content a,.icon-with-list.show-list ul li{ border-bottom: 1px solid #ccc; background: #777 !important;}
.right-controls .dropdown-content a:hover,.icon-with-list.show-list ul li:hover{  background: #888 !important;}
.icon-with-list1 ul:before , .icon-with-list ul:before{    border-bottom: 0.625rem solid #777;}
.panel-heading{padding: 1px 15px;}
.panel-default > .panel-heading {
    border-color: transparent !important;
    display: block;
    background: #f5f5f5;
    color: #7d7d7d;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 40px 5px 10px;
}

#sidebar div.panel-body {
    
    background-color: #fff !important;
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    background-color: #fff !important;
}
#sidebar .panel {
    background-color: #fff !important;
}

.arrow:after {
    content: '\f105';
    font-family: 'FontAwesome';
    color: #BBBBBB;
    padding-right: 6px;
}
.article-title h4{
    background-image: url(../img/ojslock.png);
    background-repeat: no-repeat;
    padding: 0px 45px 15px;
    text-transform:capitalize;
    margin-top:0px;
}
.article_sharing_buttons img {
    max-width: 25px;
}

.current2 a1{color:#6172c2 !important;
    font-weight:600 !important;}
    .current2{color:#6172c2 !important;}
div.section.show .fa-angle-down{transform : rotate(-90deg);}
.section{cursor: pointer;}
.article-meta {
    padding: 20px 20px 20px 20px;
    font-weight: 500;
    background: #ddd;
}
.author-orcid {
    background: url(../img/oid.png) no-repeat;
    width: 24px;
    height: 28px;
    background-size: 16px;
    background-position: center;
    display: inline-block;
    transition: all 0.25s;
        padding-top: 3px;
}
@media (max-width: 1199px)
{
span.tab-title {
    display: none;
}
}
#tabList{background:#f5f5f5;}
.list-group-item .fa{ font-size: 20px;color: #6172c2;}
.dropdown i{display: none;}