label[for="menuOnTop"]{display: none; font-size: 23px;padding: 0px 10px;   background:#4178be;  border-radius: 0%; color: #fff; position: fixed; z-index: 1000; top:12px; 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:1024px) and (max-width:1300px)  {	
#main-navigation .dropdown .dropdown-menu a:hover {
    background: #fff !important;
    color: #000 !important;
}
.topHeader, #primaryMenuWrp{width: 100%}

}

@media only screen and (max-width:1024px) {
    #main-navigation .dropdown .dropdown-menu a:hover {
        background: #fff !important;
        color: #000 !important;
    }
    .pkp_page_index main{    padding: 0px 20px;}
    #main-navigation > li{padding-left: 0px;}
    .topHeader{padding-left: 60px;}
    .mainNavigation  .navbar-header{margin-left: 40px;}
    .journalSliderWrp{padding-top: 176px}
    .featurebox li a{    font-size: 15px; }
    .featurebox li i{}
    .topAdv{padding-left: 54px }
    .topAdv, .topAdv + div{width: 100%;}
    .topAdv + div img{max-width: 100%; height: auto;}
    #newsslide {margin:  0px -5px 27px}
    #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 .dropdown .dropdown-menu a, .topSocial li a { color:#000 !important;}
    #main-navigation > li > a { color:#000 !important;  font-weight: 400}

    #primaryMenuWrp{ box-shadow: 0px 0px 10px rgba(0,0,0,0.5); padding: 0px;  position: fixed; left: -270px; top: 0px; background: #fff; 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: #4178be;     padding: 6px 10px;}

	#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: #fff}

    .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) {
    .middleCntSlider{padding: 100px 0px;}
.searchTop{display: none; clear: both;}

    .featurebox li{width: 48%; margin-bottom: 20px;}

     .topHeader{border-bottom: 1px solid #fff}

    .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;}
header#headerNavigationContainer{position: relative;}
.journalSliderWrp{    padding-top: 0px}
}

@media only screen and (max-width:480px) {
    .middleCntSlider .iconsJournalBanner img:nth-child(2){    margin: 40px 0px;}
    .middleCntSlider h1{    font-size: 30px}
    #topMenuRight .menu > li{padding-top: 5px; padding-bottom: 0px;}
#topMenuRight .menu > li.languages{clear: both;}
    #topMenuRight .menu > li.searchTop{clear: both;}
    #topMenuRight{float: left !important;}
 .featurebox li{width:100%;}
    #imageContentWrp > ul > li{width: 100%; margin-right: 0px; margin-bottom: 20px;}

    .journalInfoCol > div{width: 100% !important}
.searchTop input{
    display: none;
}




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%; }



.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}


.journals .media-list .media .media-left{width: 100%;display: block; padding-right: 0px; margin-bottom: 20px;}
    .journals .media-list .media .media-left img{max-width: 100%; padding-right: 0px}
    .homepage-image, .issue-toc .thumbnail{width: initial; max-width: 100%; float: none; }
    #homeTabWrp .nav-tabs li{width: 100%; margin-bottom: 9px; text-align: center}
    .article-summary .media-left, .issue-summary .media-left{display: block; width: 100%; text-align: center; margin-bottom: 20px;}
    .article-summary .media-left a, .issue-summary .media-left a{display: inline-block; border: 0px; float: none;}
    .article-summary .media-left img, .issue-summary .media-left img{    width: initial;}
    .article-summary .media-body, .issue-summary .media-body{ clear: both; width: 100%; display: block; }
    .issueTocPublishArticles .article-summary .media-heading, .issueTocPublishArticles .article-summary .meta{margin-right: 0px;}
    .issueTocPublishArticles .media-body .galleryLinksWrp{position: relative;}

    .page_submissions .alert-info{text-align: center;}
    .page_submissions .alert-info a{width: 100%; margin-right: 0px; margin-left: 0px;   margin-bottom: 5px;  margin-top: 5px;}

    .page_submissions h2{font-size: 24px; padding-bottom: 5px}

    .journalContentWr{padding-left: 0px; padding-right: 0px;}
    .journalContentWr > div:first-child{ text-align: center;}
    .homepage-image + .boxWrpJournald{margin-left:0px; padding-top: 20px; text-align: left; clear: both;}
    .mainNavigation{display: none;}

    h2{font-size: 24px;}
    #newsslide{display: none !important;}
    .newDropDown ul{    right: initial;}
    [data-page="noJournal"] .topHeader{ padding-left: 20px;}
    [data-page="noJournal"] .scrollNow  .topHeader{margin-top:0px; padding-left: 20px;}
}