* { box-sizing: border-box; }
body { background-color: #ffffff; color: #595959; /*width: 100%;*/ overflow-x: hidden !important; }
body,p,div,td,th,ul,li,ol,a { font-family: Lato, 'Open Sans',Roboto,Calibri,sans-serif }
body,p,div,td,th,ul,li,ol { font-size: 15px }

p,div,li { line-height: 26px }
h1,h2,h3,h4,h5,h6 { font-family: Lato,'Open Sans',Roboto,Calibri,sans-serif;line-height: auto !important}
a:focus { text-decoration: none !important }
.bottom, .small { line-height: 22px }
.btn { font-size: 15px !important}
.row { margin-right: 0 !important; margin-left: 0 !important }

/* Widgets */
a.ppd-count:hover { color: white !important; background-color: #ff002f }
a.ppd-count { color: #ff002f !important; padding: 4px; border: solid 1px #cecece; background-color: white; text-align: center; border-radius: 4px; cursor: pointer; text-decoration: none !important}
.PlumX-Details {width: 100% !important; max-width: 100% !important; min-width: 100% !important; }
.plum-liberty-theme { background-color: #f8f9fa !important; padding: 0 6px; border: solid 1px #ddd; border-radius: 4px }
.plum-liberty-theme .PlumX-Details .ppd-row .ppd-title { display: block; text-align: center }
.plum-liberty-theme .PlumX-Details .ppd-row { display: flex; justify-content: space-around; }
.plum-liberty-theme .PlumX-Details .ppd-row .ppd-column { -webkit-flex-grow:1; flex-grow: 1; margin: 0 !important; padding: 0 4px !important }
.__dimensions_badge_embed__ .__dimensions_Badge_Legend_padding.__dimensions_Badge_Legend_always { background-color: transparent !important }
#adBlock, .gc_ cse_block_container, .gsc-wrapper .gsc-adBlock {display:none !important}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #595959 !important; }
.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult { margin-bottom: 6px !important; border-radius: 8px; }

/* Structure */
.container-fluid { padding: 0 !important;}
.wrapper { max-width: 1200px; min-width: 290px; margin: 0 auto; padding: 0 10px; }
.fright { float: right; }
.hide-desktop { display:none }
.footer {padding: 30px 0 !important; }
.sponsors { border: solid 1px #fff !important; background-color: #fff;  }
.sponsors img { vertical-align: middle }
.sponsors:hover { ; background-color: #fff; border: solid 1px #ddd !important }
#layered { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.4); z-index:1002; }
#mover { position: fixed; bottom: 20px; right: 20px; } 
#waiter { position:fixed; top: calc(50% - 25px); left: calc(50% - 25px); border: 10px solid #c0e2ff; border-top: 10px solid #3250e4;border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite;}
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

/* Footer menu */
.footer .list-group-item { background-color: transparent !important; color: #fff !important; border: none !important; padding: 5px !important; font-size: 14px !important;}
.footer .list-group-item:hover { color: #FFEB3B !important; text-decoration: underline  }
.footer h3 { font-size: 16px !important; border-bottom: solid 1px #ddd; padding-bottom: 10px }
.footer h3>span { display:none }

/* Scroll Bars */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1;}
::-webkit-scrollbar-thumb { background: #ccc; }
::-webkit-scrollbar-thumb:hover { background: #888; }

/* Header */
.jumbotron { height: 110px; padding: 0 !important; margin: 0 !important; margin-bottom: 20px !important;background-image: linear-gradient(#003366, #336699) !important; box-shadow: 0 0 12px #000; overflow: hidden;  border-bottom: solid 1px #336699;}
.jumbotron h2 { color: #fff; font-size: 36px; font-weight: 700; line-height: 40px; text-shadow: 3px 3px 4px #000; white-space: nowrap; padding: 55px 0 0 16px; margin: 0; }
#header {padding:0; height:110px; background-image: url(/images/logos/title_background_bottom.png);background-repeat: no-repeat;background-position: left 94%;background-size: 510px 94px; }

/* Home Page */
.header-section { font-weight: bold; font-size: 22px; padding-left: 6px; text-indent: -10px; padding-left: 28px; }
.header-section:hover { color: #38c }
.col-container { display: flex; flex-wrap: wrap; width: 100%; }
.col { width: 50%; padding: 8px;  }
.img-thumb,.img-big-thumb,.img-personal {border: solid 1px #ddd; border-radius: 6px}
.img-thumb {width: 140px}
.img-big-thumb {width: 190px}
.img-personal {width: 110px}
.kind, .title, .authors, .info { padding: 0 0 4px 0; margin: 0; line-height: 20px !important}
.title { font-weight: bold; font-size: 118%; color: #595959 !important }
.kind, .info {font-style: italic}
.well { background-color: #f8f9fa !important; }
.well-panel { background-color: #fff !important; }
.well-block { border: solid 1px #f8f9fa !important; background-color: #f8f9fa !important; margin-bottom: 0 !important; height: 100% !important; box-shadow: none !important; }
.well-block:hover { background-color: white !important; border: solid 1px orange !important }
.m-right { margin-left: 30px }
.m-right .btn-default { background-color: #f8f9fa !important; border: solid 1px #f8f9fa !important }
.m-right .btn-default:hover { background-color: #999 !important; color: #fff; }

/* Home page boxes */
.col .well-block .media-body p.title {font-size: 17px !important;}
.col .well-block .media-body p {font-size: 15px !important;}
.cc-banner { display: none; position: fixed; bottom: 0; left: 0; width: 100%; background-color: #333; min-height: 50px; padding: 10px 0 0; z-index: 1001 }

.panel-box {height: 88%}

/* Special Text */
.top { margin-top: 0 !important; padding-top: 0 !important}
.top10 { margin-top: 10px}
.top20 { margin-top: 20px}
.section { margin-bottom: 20px; }
.section h4 { font-weight: bold; margin-top: 20px}
.bordered {  border-bottom: solid 1px #ddd; padding-bottom: 10px; margin-bottom: 20px }
.auth {margin-bottom: 20px }

/* Lists */
.nolist, .compact { margin-left: 0; margin-top: 6px; padding-left: 4px}
.nolist>li { list-style-type: none }
.compact>li { display: inline-block; margin: 0 6px 4px 0; }
.compact>li>a { display: block; padding: 3px }
.overflown { max-height: 65vh; overflow-y:auto } 

/* Articles */
.article-title { font-size: 1.90769em; font-weight: 400;line-height: 1.2em;text-shadow: 2px 2px 2px rgba(99,99,99,.3); }
.chapter h1, .chapter h2, chapter h3 { font-weight: 400; line-height: 1.2em; text-align: left; text-shadow: 2px 2px 2px rgba(99,99,99,.3);}
.chapter h1 { font-size: 1.80769em; }
.chapter h2 { font-size: 1.40769em; font-style: italic }
.chapter h3 { font-size: 1.20769em; }
.pre { margin: 20px 0px; cursor: pointer; text-align: center; padding: 10px 10px 10px 2px; border: 1px solid #fff; border-radius: 8px; }
.pre:hover { border: solid 1px orange }
code { background-color: transparent; color: #595959; font-family: 'Times new Roman',serif; font-style: italic; font-weight: bold; font-size: 118% }
a.wlink,a.ref { font-weight: bold }

.orcid { background: transparent url(/images/gadgets/orcid-small.jpg) left center no-repeat;background-size: 14px 14px; padding-left: 20px;}

/* Inline item boxes */
.cdata-container-min { max-height: 240px !important; overflow: auto; } 
.cdata-container table { background-color: #fff; border-bottom: solid 1px #ddd }
.cdata-container table.tdata { width: 100% }
.cdata-container th { background-color: #eee; vertical-align: middle !important; }
.cdata-container td { padding-left: 4px; padding-right: 4px }
.cdata-container.box-container { padding-top: 10px; border-top: dotted 1px #595959 ! important; border-bottom: dotted 1px #595959 !important}
td.tdln, th.thln { text-align: left }
td, th {text-align: center }
.image-textbox { background-color: #f8f9fa !important; margin: 20px 0; }
.image-textbox .imgbox img { border-radius: 4px; }
.image-textbox .imgbox, .image-textbox .legendbox { width: 100% }
.image-textbox .col { width: 50% !important }
.image-textbox a.linkbox { display: block; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #ddd; overflow: visible; margin-top: 20px }
.image-textbox a.linkbox:hover { border: solid 1px orange }
.image-textbox a.shortbox { max-height: 240px !important; overflow: hidden !important; margin-top: 0 !important}
.image-textbox .line-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; max-height: 234px; overflow: hidden; }
#chart { width: 100%; max-width: 100%; height: 300px; margin: 0 auto; overflow: hidden;  }
#pie-chart { width: 100%; max-width: 100%; height: 270px; margin: 0 auto; overflow-x: hidden }

/* References */
.biblio-item { display: table; margin: 8px 0 }
.biblio-no, .footnote-no { display: table-cell; margin-top: 0; text-align: right; width: 2em; }
.biblio-text, .footnote-text { display: table-cell; padding-left: 16px;  }

/* Abstract */
.main-title { line-height: 1.5em; margin-top: 0; padding-top: 0; text-shadow: 2px 2px 2px rgba(99,99,99,.3) }
.auth-link, .key-link, .corr-link { font-weight: normal !important; color: #111 !important; font-size: 1.2em !important; white-space: nowrap; line-height: 1.7em }
.auth-link:hover, .key-link:hover { color: #2489ce !important; text-decoration: underline black !important }

/* Citation Manager */
.enhanced-form label { display: block; border: solid 1px #ddd; border-radius: 6px; background-color: #f8f9fa; padding: 8px 8px 8px 30px; cursor:pointer }
.enhanced-form input[type=radio] { float: left; width: 20px; height: 20px; margin-left: -26px }

/* Maps */
.page-map { position: relative; width: 100%; height: 50vh; border-radius: 8px; -webkit-border-radius: 8px; z-index: 0 !important }
.full-map { position: fixed; top: 0; left: 0; bottom: 0; right: 0; border-radius: 0; -webkit-border-radius: 0; z-index: 2001 !important }

/* viewer */
#view-canvas{position:fixed;z-index:1099;top:0;left:0;bottom:0;right:0;background:#fff;display:none;border: solid 10px #eee;}
#v-header{height:44px;padding:4px;overflow:hidden;display:block;border-bottom:solid 1px #eee;background-color: #eee}
#v-image-legend{padding:10px;}
#v-image-content{padding:10px;}
#v-image-button{background:transparent;position:fixed;bottom:170px;width:43px;right:20px;border-radius:6px;overflow:hidden;}
#v-list{position:fixed;bottom:0;left:0;right:0;height:125px;overflow:hidden;background-color:#eee;}
.v-list-mover{display:inline-block;position:absolute;top:0;width:38px;height:125px;padding:2px;background-color:white;text-align:center}
.v-list-mover a{display:block;}
#v-list-slider{width:calc(100% - 80px);margin:0 auto;height:125px;max-height:140px;overflow-x:auto;overflow-y:hidden;}
a.v-list-img{display:inline-block;border:solid 1px #eee;width:120px;height:100px;overflow:hidden;border-radius:6px;position:relative;}
a.v-list-selected, a.v-list-selected:hover{border:solid 1px orange;}
a.v-list-img:hover{border:solid 1px orange;}
a.v-list-img>img{max-width:100%;margin:auto;}
.v-image-name{position:absolute;bottom:0;left:0;right:0;padding:2%;min-height:22px;background-color:black;opacity:0.6;filter:alpha(opacity=60);}
.v-image-name p{margin:0;padding:0;color: #fff;font-size:15px;color:white;opacity:1.0;filter:alpha(opacity=100);}
#v-image-content .cdata-container th{ vertical-align:middle !important; padding:12px 6px; font-size:14px; min-width:26px }
#v-image-content .cdata-container td{ vertical-align:top; padding:6px !important; font-size:14px }
.t-ellipses {display: block;width: calc(100% - 201px);white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.v-list-button { position:absolute;display:block;top:0;bottom:0;width:39px;background-color:#eee;z-index:5001; }
.v-list-button>a { display:block;top:-6px;bottom:0;width:100% !important;height:120px !important;z-index:5001; }
ul.appendix-box li a { -webkit-box-shadow: 0 0 0 #fff !important; box-shadow: 0 0 0 #fff !important; border: solid 1px #f8f9fa !important; background-color: #f8f9fa !important; }
ul.appendix-box li a:hover { border: solid 1px orange !important; background-color: #fff !important; }

/* Buttons */
.cursor {cursor: pointer}
.flex-container { display: flex; flex-flow: row wrap; }
.w20,.w-flex { width: 20%  } 
.w33 { width: 33%  } 
.w40 { width: 40% } 
.w50, .sponsors { width: 50% } 
.w60 { width: 60% } 
.w100 { width: 100% } 
.pad3 { padding: 3px }
.pad5 { padding: 5px }
.pad8 { padding: 8px }
.pad10 { padding: 10px }
.pad20 { padding: 20px }
.subject { display: block; height: 53px; border: solid 1px #f8f9fa !important; background-color: #f8f9fa; text-align: left; white-space: normal !important; box-shadow: none !important }
.advisor { height: 100%; background-color: #f8f9fa; text-align: left; border-radius: 6px }

/* Forms */
.icon-search { background-image: url(https://www.w3schools.com/css/searchicon.png); background-size: 14px 14px; background-position: 8px center; background-repeat: no-repeat; padding-left: 38px;}

/* Top bar */
.topnav { position: fixed; top: 0; width: 100%; background-color: #f8f9fa; z-index: 1001; /*border-bottom: solid 1px #ddd; */padding: 0; transition: top 0.3s; }
/*.topnav { position: sticky; position: -webkit-sticky; top: 0px; background-color: #f8f9fa; z-index: 1001; border-bottom: solid 1px #ddd; padding: 0; margin-bottom: 30px; height: 46px }*/
.topnav-right { float: right;}
.topnav-right .top-icon { padding-right: 4px; padding-left: 4px }
.topnav .top-icon { font-size: 20px; color: #bbb }
.topnav-links a { float: left;color: #595959;text-align: center;padding: 10px 8px;text-decoration: none;font-size: 15px;font-weight: bold;
border: none; margin:0;background-color: transparent; border-radius: 0;line-height:inherit;}
.topnav-links a:hover {background-color: #337ab7;color: white;}
#hiding-logo { margin-top: -6px; line-height: 32px; font-size: 28px; padding: 0;padding-left: 38px;letter-spacing: 1px; text-shadow: 0 0 10px #000 !important; color: white !important; font-weight: bold;background: transparent url(/images/logos/iforest-thumb.png) left top no-repeat; background-size: 32px 32px;}

/* Breadcrumb */
.breadcrumb { background-color: #fff; border-bottom: solid 1px #ddd; border-radius: 0; padding-left: 8px !important; margin-bottom: 30px }
.breadcrumb li a, .breadcrumb li { font-size: 16px !important; }
.breadcrumb>li+li:before { content: "\0226B" !important; color: orange !important; font-weight: bold !important; text-shadow: 1px 1px 2px #bbb /*"/\00a0";*/ }

/* Main menu */
.subnav-content { display: none; z-index: 1001; background-image:linear-gradient(#003366,#336699); max-height: calc(100vh - 47px); overflow-y: auto; overflow-x: hidden }
.subnav-content h3 { font-size: 15px; color: #fff; text-shadow: 1px 1px 1px #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.subnav-content .list-group-item { color: black; font-size: 14px; padding: 4px 20px 4px 8px !important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background: #f8f9fa url(/images/gadgets/alt-menu-carat-l.png) 98% center no-repeat; background-size: 14px 14px }
.subnav-content .list-group-item:hover { background-color: #c4f4f7; color: #000; /*#0074e7;color: white;*/ }

/* Local-menus */
.local-menu { margin-right: 8px; margin-top: -8px; }
.local-menu-alt { margin-right: 0 !important; margin-top: 8px !important }
.local-menu .dropdown-toggle, .btn-local { background-color: #f8f9fa !important; border: solid 1px #fff !important; font-size: 20px;}
.local-menu .dropdown-toggle:hover, .btn-local:hover {background-color: #ddd !important;}

/* Right menu */
#right-menu { position: sticky; position: -webkit-sticky; top: 56px; }
#right-menu .list-group { border-radius: 0 }

#right-menu .list-group-item { display: block; background-color: #f8f9fa; border: solid 1px #fff !important; text-align: left; box-shadow: none !important; color: #595959; margin-bottom: 3px;text-decoration: none !important; border-radius: 6px; padding-left: 10px; padding-right: 18px; overflow: hidden; line-height: 22px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background-image: url(/images/gadgets/alt-menu-carat-l.png); background-position: 98% center; background-repeat: no-repeat; background-size: 14px 14px; }
#right-menu .list-group-item:hover, #right-menu .list-group-item:focus {color: #000 !important; background-color: #fff; border: solid 1px orange !important }
#right-menu .reduced { font-size: 92%; line-height: 20px; margin-bottom: 1px !important; padding-top: 4px !important; padding-bottom: 4px !important }

#accordion-menu .panel-default {border: none; margin: 0 !important }
#accordion-menu .panel-default>.panel-heading { padding: 0px; color: #333; background-color: #fff; border: none; }
#accordion-menu .panel-title {font-size: 15px; font-weight: 400; margin: 0 !important; border-top: dotted 1px #ddd }
#accordion-menu .panel-title a {display: block; padding: 10px 10px; margin: 0; border: dotted 1px white; border-radius: 4px }
#accordion-menu .panel-title a:hover { border: dotted 1px orange; text-decoration:none; }
#accordion-menu .panel-title a:before { content: '\25B2'; float: right; }
#accordion-menu .panel-title a.collapsed:before { content: '\25BC'; float: right; }
#accordion-menu .panel-title .fas { display: inline-block; float: right;  }
#accordion-menu .list-group-item { font-size: 13px; margin: 0; padding: 6px 20px 6px 10px; border-radius: 4px; border: transparent}
#accordion-menu .list-group-item:hover { background-color: #fff; border: solid 1px orange }
#accordion-menu ul.list-group { max-height: 40vh; overflow-y: auto}

#paper-buttons { margin-top: 20px; margin-bottom: 30px }
#paper-buttons i { display: block; font-size: 20px; }
#paper-buttons span { display: block; font-size: 12px; white-space: nowrap }
#paper-buttons li { background-color: #f8f9fa;}
#paper-buttons li a { color: #aaa !important; }
#paper-buttons li.active a { color: #595959; }

.full-button { display: block; background-color: #f8f9fa; height: 48px; border: solid 1px #fff !important; text-align: left; white-space: normal !important; box-shadow: none !important; color: #595959; margin-bottom: 3px; text-decoration: none !important; border-radius: 6px; padding-left: 10px; padding-right: 10px; overflow: hidden; line-height: 22px;}
.full-button:hover { color: #000 !important; background-color: #fff; border: solid 1px orange !important; }

.nav-tabs {margin-bottom: 10px}
.btn-nav-share { width: 231px }
.btn-nav-share li { margin:0 !important; padding: 0 !important}
.btn-nav-share a { display: block; margin:0; padding: 10px 10px !important}
.btn-nav-share span { font-size: 20px; display: block; float: right; margin-top: -3px}
.btn-nav { margin-bottom: 2px }
.btn-nav span.icon { font-size: 24px !important; }
.btn-nav a {color: #999; border: solid 1px #fff; }
.btn-nav a:hover { color: #337ab7; border: solid 1px #ddd }

.btn-full-bar>div { width: 20% }
.btn-full-bar>div>a {display: block; height: 53px; border: solid 1px #f8f9fa; background-color: #f8f9fa; white-space: normal !important; box-shadow: none !important}
.btn-full-bar>div>a:hover { background-color: #fff; border-color: orange; }
.btn-full-bar span.fas, .btn-full-bar span.far, .btn-full-bar span.fas:after, .btn-full-bar span.far:after { content: ''; display:block; font-size: 20px; }

/* Flex */
#top-line {display: none; background-color: #eee; z-index: 1000; position: fixed; bottom:0; left: 0; width: 100%}
.flex-line {display: flex!important}
.flex-fill {flex: 1 1 auto !important; padding: 6px; }
.flex-fill a { display: block; width: 100%; height: 100% ; background-color: #f8f9fa; border: solid 1px #f8f9fa; border-radius: 6px; text-align: center; padding: 16px 0 10px}
.flex-fill .dropdown-menu a { text-align: left !important ; }
.flex-fill a:hover { background-color: white; border: solid 1px orange }
.flex-fill span { font-size: 20px }
.flex-fill .dropdown-menu span { font-size: 16px !important; }
.top-buttons {margin-bottom: 10px }
.top-buttons .flex-fill {padding: 2px}
.paper-buttons {margin: 10px 0 }
.paper-buttons .flex-fill {padding: 2px}
.paper-buttons i { display: block; font-size: 20px; }
.paper-buttons span { display: block; font-size: 14px; white-space: nowrap; color: #595959 !important; padding-top: 6px }
.paper-buttons a { color: #aaa !important; text-decoration: none; padding: 12px 0 3px 0 }
.paper-buttons a:focus, .paper-buttons a.active { background-color: #fff; border: solid 1px orange; color: #595959 !important }

/* Responsive */
.hide-desktop, .hide-scroll { display: none }
.m-right a { text-align: right !important }
.block-570 { display:none }

/* Lateral Menu */
.overlay {position: fixed;z-index: 1003;right: 0;top: 0;bottom:0;width: 0;min-height: 100%;max-height: none; transition: 0.5s;padding-bottom: 60px;background-color: #f8f9fa;}
.overlay .list-group-item { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 8px 10px }
.overlay-content { top: 2%;width: 100%;text-align: left;margin-top: 50px; margin-bottom: 20px; padding: 0 20px; }
.overlay-content h3 { font-size: 20px; color: #595959; text-align: left !important }
.overlay .closebtn { display: block; color: #545454 !important; text-decoration: none; }

/* Special Text */
.head { padding-top: 0; margin-top: 0; }
.menu-head {  margin: 30px 0px 10px; padding: 3px 0 16px 0px; border-bottom: dotted 1px #cecece; text-shadow: 2px 2px 2px rgba(99,99,99,.3); text-indent: -11px; padding-left: 25px; }
.button-box { display: none; margin-top: -4px; margin-left: 20px }
.block-list h4 { margin-top: 20px; font-weight: bold }

/* Special links */
.outlink {padding-right: 16px; background: url(/images/gadgets/icon_outlink.gif) right 5px no-repeat; }
a.tough { padding-right: 16px; color: #595959 !important; font-weight: bold !important; font-size: 108% !important; background: url(/images/gadgets/icon_outlink.gif) right 8px no-repeat;}
b.tough {color: #595959 !important; font-weight: bold !important; font-size: 108% !important; }

/* bottom-menus */
#bottom-menu { background-color: #777 }
#bottom-menu h3 { font-weight: 400 !important; text-shadow: 0 0 0 #777 !important; padding-bottom: 10px; border-bottom: dotted 1px #ddd }
#bottom-menu span { display: none }
#bottom-menu h3, #bottom-menu a { font-size: 14px !important; color: #fff; }
#bottom-menu a.list-group-item { background-color: transparent !important; border: none !important; padding-top: 6px; padding-bottom: 6px }
#bottom-menu a.list-group-item:hover { text-decoration: underline; color: #ffff00 }

/* Mobile devices */
@media screen and (max-width: 1064px) {
  .btn-nav span { font-size: 20px !important;}
  .main-title { font-size: 26px }
  #right-menu .hide-1000 { display: none }
  .sponsors img {max-width:200px}
}
@media screen and (max-width: 1023px) {
  .w33 { width: 100% }
}
@media screen and (max-width: 900px) {
  .w50 { width: 100% } 
  .w33 { width: 100% }
  .w20 { width: 33% } 
  .img-thumb{ width: 100px }
  .img-big-thumb{ width: 120px }
  .jumbotron h2 { font-size: 30px }
  .main-title { font-size: 24px }

  .plum-liberty-theme .PlumX-Details .ppd-row { display: flex; flex-flow: row wrap; }
  .plum-liberty-theme .PlumX-Details .ppd-row .ppd-column { width: 50% !important; margin: 0 !important }

}
@media screen and (max-width: 860px) {
  #vols-box .nolist>li>a { display: block }
}
@media screen and (max-width: 992px) {/* 768px) {*/
  .button-box { display: block }
  #top-line {display: block; max-width: 100%}
  .panel-box {height: auto !important}


  .hide-desktop { display: block }
  .hide-mobile { display: none }
  #right-menu {display: none}
  .top-nav a { padding: 10px 10px 10px 0px; }
  .page-contents { padding: 0 4px; }
  #vols-box .nolist>li>a { display: inline-block }
  /*.pre { overflow-x: auto }*/

  .col{ width: 100% }
  .w20 { width: 50% }
  .img-thumb{ width: 120px }
  .img-big-thumb{ width: 190px }
  .btn-nav span.icon { font-size: 16px !important;}
  .btn-full-bar>div>a {height: auto}
   #menu-toggler {display: none}

  .paper-buttons { display: none!important;}
}
@media screen and (max-width: 768px) {
  .w-flex { width: 33%}
}
@media screen and (max-width: 660px) {
  .w33 { width: 100% }
  .img-thumb{ width: 100px }
  .img-big-thumb{ width: 100px }
  .well-float { border: solid 1px #ddd !important }
  .well-float>.media>.media-left { display: inline-block; float: right; margin: 0 0 0 20px !important; padding-right: 0 !important }
  .well-float>.media>.media-body { float: left; display: contents; }
  
  .block-570 { display: inline-block; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }
}
@media screen and (max-width: 570px) {
  .breadcrumb { font-size: 14px }
  .menu-head, .header-section { text-indent: -10px; padding-left: 20px; }
  .jumbotron h2 { padding: 21px 0 0 16px; white-space: nowrap; font-size: 6vw}   
  .block-320 { display: block }
  .hide-570 { display: none }
  .w-flex { width: 50%}

  #mover { display: block; right: 10px; bottom: 10px }
  #top-line .flex-line { margin-bottom: 6px }
  #top-line .flex-fill { margin: 1px; padding: 0 }
  #top-line .flex-fill span { font-size: 18px }
  #top-line .flex-fill a { padding: 16px 0 10px }
  .pre, #chart, #pie-chart { width: 100%; max-width: 100%; overflow-x: auto;}

  .image-textbox .line-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; max-height: 130px; overflow: hidden; }

  .plum-liberty-theme .PlumX-Details .ppd-row {flex-direction: column;}
  .plum-liberty-theme .PlumX-Details .ppd-row .ppd-column { width: 100% !important; margin: 0 !important }
  .plum-liberty-theme .PlumX-Details .ppd-box { width: 100%; max-width: 100%; min-height: auto !important; margin-bottom: 20px !important }

}
@media screen and (max-width: 420px) {
  .hiding-logo {display: none !important}
  .jumbotron h2 { padding: 21px 0 0 16px; white-space: nowrap; font-size: 6vw}   
  .block-320 { display: block }
  .hide-320 { display: none }
  .w20 { width: 100% }
  .menu-head { font-size: 1.30769em; }

  body { padding-bottom: 60px}
  .well-block .img-thumb, .well-block .img-big-thumb{ width: 100% }
  .well-block>.media { display: block; width: 100%; position: relative; }
  .well-block>.media>.media-left { display: block; width: 100%; height: 180px; overflow: hidden; margin-bottom: 16px !important; border-radius: 6px; overflow: hidden }
  .well-block>.media>.media-body { display: block; width: 100%; }
  .well-block>.media>.media-right { display: block; width: 100%; height: 200px; overflow: hidden; border-radius: 8px; margin: 6px 0 0 0 !important; padding-left: 0 !important; }

  .image-textbox .imgbox, .image-textbox .legendbox { display: block !important; width: 100% !important }


}