label[for="menuOnTop"]{display: none; font-size: 23px;padding: 0px 10px;   background:#8f1c29;  border-radius: 0%; color: #fff; position: fixed; z-index: 1000; top:5px; left: 5px; cursor: pointer; transition:all 0.2s; -webkit-transition:all 0.2s;}

#menuOnTop{display: none;}

.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 (min-width:1440px) and (max-width:1600px)  {
    #newsslide { margin-left: -120px}
}
@media only screen and (max-width:1440px)   {
    #newsslide { margin-left: -80px}
}
@media only screen and (min-width:1300px) and (max-width:1400px)  {
    #newsslide { margin-left: -23px}
}

@media only screen and (min-width:1024px) and (max-width:1300px)  {

	.mainNavigation{width: 15%}
     #newsslide { margin-left: -5px}
    /*.topHeader, #primaryMenuWrp{width: 100%}*/
    #mainContainer, .wrapper-container{display: block !important; width: 100% !important;}
    /*.journalSliderWrp {}*/
}

@media only screen and (max-width:1024px) {
    a {word-wrap: break-word;}
  
    #main-navigation .dropdown .dropdown-menu a:hover{background:#ececec !important;  }
    /*.journalwitoutslider{height: 134px;}*/
    .journalSliderWrp{padding-top: 173px}
    #newsslide {padding:36px 26px;margin-left: -5px}

    .featurebox li a{    font-size: 15px; height: 80px; line-height: 80px;}
    .featurebox li i{width: 50px; font-size: 25px;     line-height: 80px;}
    .topAdv{padding-left: 54px }
    .topAdv, .topAdv + div{width: 100%;}
    .topAdv + div img{max-width: 100%; height: auto;}
    /*#newsslide {margin-left: -5px ;    margin-top: 1px;}*/
    #newsslide > div{margin: -36px 0 0 -21px}
    #latestnews-content, #newsarticle-content {    width: 63%;padding: 1px 6px 9px 25px}
    
	 label[for="menuOnTop"]{ display: inline-block;}

    label[for="menuOnTop"] .fa-times{ display: none;}

    #main-navigation > li > a{color: #000 !important; font-weight: 600 !important }
    #main-navigation .dropdown .dropdown-menu a, .topSocial li a{color: #000 !important;}
    #primaryMenuWrp{ box-shadow: 0px 0px 10px rgba(0,0,0,0.5); padding: 0px;  position: fixed; left: -270px; top: 0px; background: #fff !important; margin-bottom: 0px; bottom: 0px; z-index: 999; visibility: hidden; width: 200px; transition:all 0.2s; -webkit-transition:all 0.2s; }

    #primaryMenuWrp #main-navigation{padding-left: 0px;  padding-right: 0px; margin:0px; width: 100%}

    #primaryMenuWrp #main-navigation li{width: 100%; }

    #primaryMenuWrp #main-navigation li a{padding: 10px; font-size: 15px; border: 0px; line-height: normal;border-bottom: 1px solid #eee;}

    #primaryMenuWrp #main-navigation .searchBarWrp{display: none;}

    #primaryMenuWrp a{padding-left: 0px; }

	#menuOnTop:checked ~ #headerNavigationContainer #primaryMenuWrp{position: fixed; display: block; left:0px; visibility: visible; overflow: auto;}

	#menuOnTop:checked ~ label[for="menuOnTop"]{left: 200px; color:#fff;    background: #153854;}

	#menuOnTop:checked ~ label[for="menuOnTop"] .fa-bars{display: none;}

	#menuOnTop:checked ~ label[for="menuOnTop"] .fa-times{display: block;}

    #mainContainer, .wrapper-container{display: block !important; width: 100% !important;}
    .wrapper-container{padding: 0px 20px;}

    #main-navigation .dropdown .dropdown-menu{ border: 0px;  margin: 0px; min-width: auto; visibility: visible; display: block; opacity: 1; width: 100%; padding-left: 0px; background: #fff!important; position: relative;}

    #main-navigation .dropdown .dropdown-menu a{padding-left: 30px !important; color: #333}

    #main-navigation .dropdown:hover .dropdown-menu{display: block;}

    #primaryMenuWrp:before{display: none;}

    div.searchBarWrp{display: block; top: 40px;     padding: 15px 20px;    right: 0px;}

    .journalInfoWrp > div > div:first-child{    min-width: 458px;}

    .journals .media-list .media{width: 50%}

    .journals .media-list .media-left, .journals .media-list .media-body{display: block; width: 100%}

    .journals .media-list .media-body{padding-top: 20px}

    .publishingHomeSearch{padding: 70px 0px 60px 0px;}

    .publishingHomeSearch h1{font-size: 46px;}

    .publishingHomeSearch h2{    font-size: 24px;}

    .publishingSearchContent, .journals{width: 100%}

    .journals{width: 100%}

    .additionalLinks{position: relative; height: auto; clear: both; width: 100%; right: 0px;}
    #main-navigation > li > a:before{display: none;}
    #main-navigation .dropdown:hover > a{color: #333}

    .additionalLinks a{padding-right: 0px; width: 100%; text-align: center;}

    .journalInfoCol{padding-top: 170px;}

    .container{    width: 97% !important;}

    .topHeader{width: 100%; position: relative; top: 0px;}

    .mainNavigation .container{padding-left: 5%}


    footer{width: 100%; min-width: 100% !important}
}



@media only screen and (max-width:800px) {

    .journalSliderWrp{padding-top: 163px}

     .topHeader{border-bottom: 1px solid #fff}
     #newsslide {padding: 36px 26px;}

    .journalInfoCol .carousel{width: 100%; height: auto}

    .socialBread{width: 100%; border-top: 1px solid #ccc;}

    .WrpMediaCnt + .galleryLinksWrp{width: 100%; text-align: left; margin-top: 5px;}

    .journalInfoWrp > div > div{display: block;     padding: 20px 20px;}

    .journalInfoWrp > div > div.infoRelatedJr, .journalInfoWrp > div{width: 100%; display: block;}

    .journals .media-list .media{width: 50%; float: left;}



    .sliderDescription{font-size: 20px; top: 10px;}

    .journalInfoWrp > div > div:first-child{min-width: 100%;}



    .journalInfoCol{ height: auto; flex-wrap:wrap; margin-bottom: 0px;}

    .journalInfoCol > div.infojrnl{ height: 300px;}

    .ftLinksWrp ul{width: 50%; margin-bottom: 20px !important;}

    .ftLinksWrp > .infoFt {width: 100% ;text-align: left !important;}
    .staticLink{display: none !important;}
}

@media only screen and (max-width:768px) {
    .journalSliderWrp {    padding-top: 170px;}
    /*.journalwitoutslider{height: 107px;}*/
    
}

@media only screen and (max-width:650px) {
    .journalSliderWrp {    padding-top: 162px;}
    /*.journalwitoutslider{height: 70px;}*/
    .page_submissions .alert-info a {margin: 5px;}
    
}

@media only screen and (max-width:480px) {
    
     .mainNavigation {position:inherit;}
    .journalSliderWrp { padding-top: 163px}
    /*.journalwitoutslider { height: 35px}*/
    .journalSliderWrp img{ margin: 20 0; padding: 0 !important;}
    .featurebox { padding: 5px 30px;}
    .featurebox li {width: 100%; margin: 5px !important; }
    /*#newsslide{font-size: 11px; margin:17px -5px 0px; padding: 42px 26px;}*/
    #newsslide{font-size: 11px; }
    #imageContentWrp > ul > li{width: 100%; margin-right: 0px; margin-bottom: 20px;}
    .journalInfoCol > div{width: 100% !important}
    .searchTop input{display: none;}
    .searchTop {float: right; position: relative; padding: 0 !important; margin-right: 20px;}

}

@media only screen and (max-width:420px) {
    .article-summary .media-body, .issue-summary .media-body{float: left; margin: 10px; width: 100%;}
    .article-summary .media-left, .issue-summary .media-left{ padding-left: 80px}
    .quickLinks ul li {float: left; display: block; text-align: center; color: #fff; line-height: 20px; font-size: 12px; cursor: pointer; position: relative; top: 0; left: 0; padding: 5px 5px; }
    .searchBarWrp{position: relative !important; width: 100%; top:0px; clear: both;}
    .searchBarWrp input{width: 100%}
    .page_index_journal .issue-toc .thumbnail, .page_issue .thumbnail{width: 100%; float: none;}
    .page_index_journal .issue-toc .thumbnail + .description, .page_issue .thumbnail + .description{margin-left: 0px; margin-top: 10px; clear: both;}
    .publishingHomeSearch h1{font-size: 30px;}
    .publishingHomeSearch{padding: 50px 0px 40px 0px;}
    .publishingHomeSearch h2{font-size: 18px; margin: 10px 0px;}
    .sliderDescription{padding: 0px 0px; font-size: 14px; top: 5px; line-height: initial;} 
    .page_index_site .about_site{padding: 20px 0px;font-size: 15px;}
    .journals .media-list .media {width: 100%}
    .journals .media-list .media .media-left img{max-width: 100%;}
    .ftLinksWrp ul{width: 100%; margin-bottom: 20px !important;}
    .footerCopyRight li{display: block !important; text-align: center; line-height: 30px;}
    #relatedTitleWrp li{width: 50% !important; margin-right: 0px; float: left; margin-bottom: 20px;}
    #relatedTitleWrp li img{display: block; text-align: center; margin: 0 auto}
    .searchTop {float: right; position: relative; padding: 0; margin-right: 20px;}

}


@media only screen and (max-width:375px) {
    .journalSliderWrp { padding-top: 181px}
    /*#newsslide{font-size: 10px; margin:11px -5px 0px; padding: 42px 26px;}*/
    #newsslide{font-size: 10px; }
    .article-summary .media-left, .issue-summary .media-left{padding-left: 70px}
}
@media only screen and (max-width:320px) {
    .article-summary .media-left, .issue-summary .media-left{padding-left: 44px}
    .journalSliderWrp {    padding-top: 180px;}
    .searchTop{padding: 0}
    /*#newsslide {font-size: 9px; margin: 3px -5px 0px; padding: 42px 26px; }*/ 
    #newsslide {font-size: 9px;  } 
}

.doi_container {
  font-size: 0.8em;
  padding-top: 5px;
}
.article_statistic {
  font-size: 0.9em;
  color: #686868;
}
.affiliations {
  font-size: 0.85em;
  color: #686767;
}
.pkp_screen_reader {
  display: none;
}
.featurebox li i {
  color: #053561;
}
.btn-default, .btn-primary, .btn-primary:visited, .btn-default:visited, .block_make_submission_link, #seachCheckFlag:checked + .searchCntNav .show-search, .btn-system, .searchTop .btn, .btn.activeNow {
  background-color: #053561 !important;
  border-color: #eee5e6 !important;
  font-size: 1em;
}
#sidebar > div .title {
  background: #053561 !important;
}
#sidebar > div .title::after {
  background: #074f91 !important;
}
.btn:hover {
    background: #1069bb !important;
}
.media-heading {
  line-height: normal !important;
  font-size: 1.1em !important;
  font-weight: normal;
  font-family: lato;
}
.pages {
  font-size: 0.85em;
  color: gray;
  padding-top: 5px;
}
.authors-toc {
  font-size: 0.8em;
  font-family: lato;
}
.abstract_count {
  font-size: 0.9em;
  font-family: lato;
}
.media-list .article-summary:nth-of-type(odd){
	background-color:#fbfafa;
}
.media-body {
  padding: 10px;
}
.article-summary {
  border-bottom: none;
  padding-bottom: 0;
}
.media {
  margin-top: 0px;
}
.media-body:hover {
  background: #e6ecf0;
}
.crossmark {
  display: inline;
}
.header_doi {
  display: inline;
  text-align: right;
  font-size: 0.8em;
  margin-bottom: 15px;
}
.article_title {
  font-family: lato;
  font-weight: bold;
  font-size: 1.4em !important;
  margin-bottom: 5px;
}
.aff_detail {
  margin-top: 10px;
  background: #dbe4f2;
  padding: 7px 10px;
  border-radius: 5px;
  color: black;
  font-size: 0.8em;
  font-family: lato;
}
.list_author {
  padding-bottom: 10px;
}
.list_authors {
  font-size: 0.95em;
  font-family: lato;
}
.list_galley {
  text-align: right;
}
.main_galley {
  width: auto;
  display: inline-block;
  padding: 8px 10px;
  border: 1px solid #f00;
  border-radius: 5px;
  font-size: 0.85em;
  font-family: lato;
  margin-top: 5px;
}
.ls_drop {
  display: inline;
}
.list_citation {
  padding-top: 10px;
}
#citationOutput {
  padding: 7px;
  margin-top: 10px;
  border-radius: 5px;
  font-size: 0.9em;
  font-family: lato;
  box-shadow: 2px 2px #d0c3c391;
  border: 1px solid #646363;
  background: #E7FFDB;
}
.howtocite h5 {
  font-weight: bold;
  font-family: lato;
  font-size: 1em;
}
.main_galley > .fa {
  font-size: 1.3em;
  color: red;
  padding-right: 3px;
}
.btn-cite {
  background: none;
  color: black;
}
.csl-left-margin {
  display: none;
}
.tab-meta {
  padding-top: 15px;
}
.tab-list {
  padding: 10px 5px;
  text-align: justify;
  font-family: lato;
  font-size: 0.9em;
}
#tab-copy ol {
  padding: 0 0 0 6px;
}
.article-info-bar {
  padding-top: 10px;
  font-family: lato;
  font-size: 0.9em;
}
.list-group-item-bar {
  padding-bottom: 6px;
}
.list-group-item-bar a {
  display: inline !important;
}
.list-group-item-bar a::before {
  content: none !important;
}
.dim_stat {
  display: inline !important;
}
.pad {
  padding-left: 10px;
}
.info-article {
  margin-top: 40px;
}

/* sidebar menu */
.pkp_screen_reader {
  display: none !important;
}
.side_header {
  background: rgb(182,185,5);
  background: linear-gradient(0deg, rgba(182,185,5,1) 0%, rgba(240,234,79,1) 35%, rgba(255,255,194,1) 100%);
  display: inline-block;
  padding: 8px 40px 8px 20px;
  margin-left: -15px;
  border-radius: 0 8px 8px 0;
  box-shadow: 2px 2px #aea8a8d6;
  font-size: 1.2em !important;
  font-family: lato;
  font-weight: bold;
}
.side_other {
  background: rgb(5,77,185);
  background: linear-gradient(0deg, rgba(5,77,185,1) 0%, rgba(79,178,240,1) 35%, rgba(216,232,250,1) 100%);
}
.side-menu li {
  border-radius: 5px;
  border: 1px solid gray;
  padding: 2px 0 3px 5px;
  margin: 5px 5px 5px -7px;
  font-size: 0.9em;
  font-family: lato;  
}
.level1 ::before {
  content: '' !important;
}
.side-menu li:hover {
  background: #d5cfcf;
}
.side-menu li a:hover {
  color: white;
  text-decoration: none !important;
}