@media only screen and (min-width: 1920px) {
    .browse-value .title{font-size:1.5rem;}
    .journal-issue .icon-left img{width:100px;height:130px;}
    .journal-issue-info .header{font-size:1.5rem;}
    .journal-issue-info .dialogbox{width:89%;}
    .browse-update .icon-left, .browse-update .icon-left img{width:100px; height:140px}
}
@media only screen and (max-width: 1920px) {
    .browse-value .title{font-size:1.5rem;}
    .journal-issue .icon-left img{width:100px;height:130px;}
    .journal-issue-info .header{font-size:1.5rem;}
    .journal-issue-info .dialogbox{width:89%;}
    .browse-update .icon-left, .browse-update .icon-left img{width:100px; height:140px}
}
@media only screen and (max-width: 1366px) {
    .browse-value .title{font-size:1.5rem;}
    .journal-issue .icon-left img{width:100px;height:130px;}
    .journal-issue-info .header{font-size:1.5rem;}
    .journal-issue-info .dialogbox{width:89%;}
    .browse-update .icon-left img{width:100px; height:140px}
}
@media only screen and (max-width: 1200px) {
    .browse-value .title{font-size:1.8rem;}
    .journal-issue .icon-left img{width:100px;height:130px;}
    .journal-issue-info .header{font-size:2rem;}
    .browse-update .icon-left, .browse-update .icon-left img{width:100px; height:140px}
}
@media only screen and (max-width: 1000px) {
    .browse-value .title{font-size:3rem;}
    .journal-issue-info .dmd-list-folder .title{font-size:2rem;}
    .ejournal-search-box .form-control, .journal-issue-info .form-control, .journal-issue .form-control, .catalog-search-result .form-control{font-size:1.8rem;padding: 0px 3px;}
    .journal-issue .icon-left img{width:110px;height:150px;}
    .journal-issue-info .header{font-size:3rem;}
    .journal-issue-info .dialogbox{width:98%;}
    .journal-issue-info .dialogbox .boxbody {font-size:1.5rem;}
    .journal-issue-info .dialogbox .boxbody .journal-tooltip li{line-height:1.5rem;}
    .article-author-result .card .card-header{font-size:2.5rem;}
    .article-author-result .title {font-size:2rem;}
    .article-author-result .author , .article-author-result .physical {font-size:1.8rem;}
    .browse-update .icon-left, .browse-update .icon-left img{width:130px; height:175px}
}
@media only screen and (max-width: 720px) {
    .journal-issue-info .dmd-list-folder .title{font-size:2.2rem;}
}

.journal-issue .icon-left{
    float:left;
}
 .journal-article .dmd-list-folder{
     width:100%;
 }
.journal-dmd .dmd-list-folder{
     width:100%;
 }
 

.journal-issue-info .dialogbox .boxbody {
  position: relative;
  height: auto;
  padding: 5px;
}
.journal-issue-info .dialogbox .boxbody .fa {
  position: absolute;
  top: -25px;
  left: 10px;
  font-size:2rem;
}
.journal-issue-info .dialogbox .boxbody .journal-tooltip li{
    background-color:transparent;
}