label[for="menuOnTop"]{display: none; font-size: 24px;padding: 3px 10px;   background: #ffffff;  border-radius: 0%; color: #22483d; position: fixed; z-index: 1000; top:1px; left: 1px; 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:1024px) and (max-width:1300px)  {
	.mainNavigation{width: 25%}
.topHeader, #primaryMenuWrp{width: 75%}
}
@media only screen and (max-width:960px) {
    .frontHeader { padding:30px 0px}
    #newsslide {margin:  0px -5px 27px}
    #newsslide > div{margin: -30px 0 0 -10px}
    #latestnews-content, #newsarticle-content {    width: 63%;padding: 1px 6px 9px 25px}
	 label[for="menuOnTop"]{ display: inline-block;}
    label[for="menuOnTop"] .fa-times{ display: none;}
    #primaryMenuWrp{ box-shadow: 0px 0px 10px rgba(0,0,0,0.5); position: fixed; left: -270px; top: 0px; background: #153854; 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; font-weight: 300;}
    #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{display: block !important;}
    #main-navigation .dropdown .dropdown-menu{visibility: visible; display: block; opacity: 1; width: 100%; padding-left: 20px; background: transparent; position: relative;}
    #main-navigation .dropdown .dropdown-menu{visibility: visible; opacity: 1; top: 100%; }
    #main-navigation .dropdown:hover .dropdown-menu{display: block;}
    .searchBarWrp{display: none;}
    #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%}

}
@media only screen and (max-width:800px) {
.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%;}
}
@media only screen and (max-width:480px) {
 .frontHeader { padding:5px 0px}
.mainNavigation, .topHeader{width: 100%}
.mainNavigation{padding:5px 20px;}
div.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%; }

}