@media screen and (min-width: 1280px) { 

	.page {
	  max-width: 72em;
	}
 
}

@media screen and (min-width: 1440px) { 

	.page {
	  max-width: 80em;
	}
 
}

@media screen and (max-width: 75em) {

	#content img {      
	  width: auto !important;
	  max-width: 100%;
	  max-height: 40em;
	  height: auto !important;
	}
	#content img[src*="note.svg"], #content img[src*="important.svg"], #content img[src*="warning.svg"] {      
	  max-width: 40px !important;
	}

}

@media screen and (max-width: 72em) {

	#globalSearch, #offlineSearch, .page.offlineSearch {
	  width: 100% !important;
	  max-width: 60em;
	  clear: both;
	  margin: 7ex auto 0 auto;
	}
	.page.offlineSearch { 
	  z-index: 100005;
	}
	#offlineSearch {
	  margin-top: 0;
	  position: static;
	  left: auto; left: initial;
	}
	#lightbox {
	  z-index: 1000;
	}	
}

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

	#faq div, a.arrows, #topicText p, .p_Normal, .p_UI, .p_Path, .p_NormalList, #topicText p span, .p_Heading4,
	#top p a, #languages a, #helpLang li a, #versions p, #versions a, #versionSelector a, #contentFooter p a, #faq div.faq .faqSpacer p {
	  font-size: 15pt !important;
	}
	#topicText span.f_Warning_heading, #topicText span.f_Important_heading, #topicText span.f_Note_heading, #topicText span.f_Example_heading {
	  font-size: 16pt !important;
	}
	#faqTitle {
	  font-size: 180%;
	}
	#faq div.faq a {
	  font-size: 115%;
	}
	span.f_Heading1 {
	  font-size: 220%;
	}
	span.f_Heading2 {
	  font-size: 150%;
	}
        span.f_Heading3 {
	  font-size: 120%;
	}
        .p_Heading1 {
	  word-wrap: break-word;
	}
	h1.f_Heading1, h2.f_Heading2, h3.f_Heading3, #topicText p, #topicText hr {
	  margin-bottom: 2ex;
	  line-height: 150%;
	}
	#faq div.faq {
	  display: block;
	  width: 100%;
	}
	#faq div.page div.faq:nth-child(n+5) {
	  display: none;
	}
	.page, #tabs {
	  width: 92%;
	  margin: 0 auto;
	}
	.header_spacer .page {
	  width: auto;
	}
	#versionSelector {
	  top: 6ex;
	}
	#breadcrumbs .page {
	  margin-left: 1ex;
	}
	#tabsSelector, #breadcrumbs {
	  margin: 1ex 4% 0 4%;
	}
	#tabsSelector, #topicSelector {
	  color: #fff;
	  width: auto;
	  display: block;
	  padding: 1.5ex 38px 1.5ex 2ex;
	  font-weight: bold;
	  margin-top: 1.5ex;
	  height: auto;
	  font-size: 160%;
	  background-size: 48px 48px;
	}  
	#topicSelector {
	  margin-bottom: 2ex;
	}  
	a#topicSelector.arrows {
	  margin-right: 0;
	} 
	a#lngselectboxlink {
	  background-image: url("../images/icon_globe_24.png");
	}
	#mode a {
	  background-size: 24px 24px;
	}    
	#mode.hasLang a {
	  margin-right: 10px;  
	}
	#mode.hasLang span {
	  text-indent: -9999px;
	  white-space: nowrap;
	  display: inline-block;
	  text-align: left; 
	} 
	a#lngselectboxlink, #mode a { 
	  padding-left: 26px;
	  height: 24px; 
	}
	#languagemenu {
	  left: 0px;
	  right: 0px;
	  width: auto;
	}
	#helpLang li a {padding-top: 11px; padding-bottom: 11px;}
	#tabs {
	  display: none;
	  border: 0px;
	}
	#tabs a {
	  color: #fff;
	  border: 0px;
	  width: auto;
	  padding: 1.5ex 0;
	  display: block;
	  margin: 1px 0;
	}
	#tabs a:hover { border: 0px; }
	a.arrows {
	  color: #000;
	  display: inline-block;
	  width: 48px;
	  height: 48px;
	  background-size: 48px 48px;
	  margin-right: 10px;
	}
	#content a.arrows {
	  display: none;
	}
	#contentFooter a.arrows {
	  display: inline-block;
	}
	iframe#toc {
	  display: none;
	  clear: both;
	  width: 100% !important;
	  overflow: hidden;
	  padding-top: 0;
	  margin-top: 0;
	  margin-bottom: 2ex;
	  min-height: initial;
	}
	#content {
	  clear: both;
	  width: 100% !important;
	  padding: 0px;
	  padding-top: 1.5em;
	  min-height: auto;
	}
	#content table {     
	  width: auto !important;
	  max-width: 100%;
	}
	#hmsplitter {
	  display: none !important;
	}
	#feedbackForm iframe {
	  width: 100%;
	}
	#revision {
	  display: none;
	}
	#footer {
	  padding-top: 3em;
	  position: static !important;
	  bottom: auto !important;
	}
	#footer a {
	  display: block;
	  width: auto;
	  margin: 0 1em 0.5ex 1em;
	  font-size: 125%;
	  font-weight: normal;
	}
	html.dark #footer a { 
	  background-color: #2a2a2a;
	}
	#footer a#desktopSelector { 
	  display: block;
	}
 
}

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

	#versions {
	  position: static;
	}
	#versionSelector {
	  position: relative;
	  top: 0ex;
	}
	#logo {
	  position: static;
	  width: auto;
	  min-width: initial;
	}
	#globalSearch, #offlineSearch, .page.offlineSearch {
	  margin-top: 2ex;
	}
	.page.offlineSearch {
	  min-height: 8ex;
	}

}

@media screen and (max-width: 600px) {
	#languages {
	  position: static;
	  top: 0;
	  left: 0;
	  margin-top: 1ex;
	  text-align: left;
	}
	#languagemenu {
	  top: 8ex;
	  right: 1ex;
	  left: 1ex;
	}
	.kbSearch input.zoom_searchbox {
	  width: 63%;
	}  
	.kbSearch input.zoom_button {
	  width: 35%;
	}

}