﻿@media screen and (min-width: 76px) { 

	#faq .page, #mainSection {
	  max-width: 72em;
	}
 
}

@media screen and (min-width: 84px) { 

	#faq .page, #mainSection {
	  max-width: 80em;
	}
 
}

@media screen and (max-width: 70em) {
                             
	#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: 64em) {	

	#top, #header, #mainSection, #tabs, #faq div, a.arrows, a.dropdown-toggle, #topicText p, .p_Normal, .p_UI, .p_Path, .p_NormalList, #topicText p span, #topicText li, #topicText tr, .p_Heading4,
	#top p a, span#search, #languages a, #helpLang li a, #versions p, #versions a, #versionSelector a, #breadcrumbs, #contentFooter p a, #faq div.faq .faqSpacer p, .eset-tooltip {
	  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;
	}
	#topicText p span.f_Small, #topicText p span.f_Strong, #topicText p span.f_Superscript, #topicText p span.f_Superscript_head_row {
	  font-size: 12pt !important;
	}
	#topicText p span.f_Code, #topicText p span.f_CodeHighlighted, #topicText p span.f_CodeExample, #topicText p span.f_NormalTableCode,
	#topicText li span.f_Code, #topicText li span.f_CodeHighlighted, #topicText li span.f_CodeExample, #topicText li span.f_NormalTableCode {
	  font-size: 13pt !important;
	}
	#faqTitle {
	  font-size: 160%;
	}
	#faq div.faq a {
	  font-size: 115%;
	}
	span.f_Heading1 {
	  font-size: 180%;
	}
	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 tr, #topicText hr {
	  margin-bottom: 2ex;
	  line-height: 150%;
	}
	#header .header_spacer {
	  padding-top: 2ex;
	  padding-bottom: 2ex;
	}
	#faq div.faq {
	  width: 50%;
	}
	#faq div.page div.faq:nth-child(n+6) {
	  display: none;
	}
	#versionSelector {
	  top: 6ex;
	}  
	#versionSelector a {
	  padding-top: 8px;
	  padding-bottom: 8px;
	}
	#breadcrumbs .page {
	  margin-left: 1ex;
	}
	#tabs {
	  margin: 0 2ex;
	  width: auto;
	}
	#tabsSelector, #breadcrumbs {
	  margin: 1ex 2ex 0 2ex;
	}
	#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: 40px 40px;
	}  
	#topicSelector {
	  margin-bottom: 1ex;
	}  
	a#topicSelector.arrows {
	  margin-right: 0;
	}
	span#search { 
	  background-repeat: no-repeat;
	  background-position: center left;
	  background-image: url("../images/icon_search.svg");
	  margin-right: 10px;
	  display: inline-block;
	  cursor: pointer;
	}
	span#mode {
	  display: inline-block;
	  height: 24px; 
	}  
	#mode.hasLang a {
	  margin-right: 10px;  
	}
	span#search span, #mode span {
	  text-indent: -9999px;
	  white-space: nowrap;
	  display: inline-block;
	  text-align: left; 
	} 
	span#search, a#lngselectboxlink, #mode a { 
	  background-size: 24px 24px;
	  padding-left: 26px;
	  height: 24px; 
	}
	#elasticSearchResults {
	  margin: 10px 5% 0;
	}
	#logo {
	  position: static;
	  width: auto;
	  max-width: 360px;
	  min-width: initial;
	} 
	.onlineSearch, #offlineSearch, .page.offlineSearch {
	  width: 100% !important;
	  max-width: 60em;
	  clear: both;
	  min-height: auto;
	}
	.header_spacer .page.searchDisplayed {
	  margin: 5ex auto 0 auto;
	}
	#header iframe, #header form {
	  display: none;
	}
	.page.offlineSearch { 
	  z-index: 100005;
	} 
	#offlineSearch {
	  margin-top: 0;
	  position: static;
	  left: auto;
	  left: initial;
	}
	.onlineSearch {
	  margin-left: 0;
	}
	#lightbox {
	  z-index: 1000;
	}
	#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.selected {
	  text-decoration: underline;
	}
	#tabs a:hover {
	  border: 0px;
	}
	a.arrows {
	  color: #000;
	  display: inline-block;
	  width: 48px;
	  height: 48px;
	  background-size: 40px 40px;
	  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;
	}
	#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 1ex 1em;
	  font-size: 125%;
	  font-weight: normal;
	  padding: 0.75em;
	}
	@media not print {  
	  html.dark #tabs a {
	    color: #fff !important;
	  } 
	  html.dark #footer a { 
	    background-color: #2a2a2a;
	  }
	#footer a#desktopSelector { 
	  display: block;
	}
 
}
@media screen and (max-width: 720px) {

	#languagemenu {
	  right: 1ex;
	  left: 1ex;
	}
	#versions {
	  position: static;
	}
	#versionSelector {
	  position: relative;
	  top: 0ex;
	}
	#content table {     
	  width: auto !important;
	  max-width: 100%;
	}
	#topicText table.Table_small_mobile {
	  width: 100% !important;
	}
	#topicText table.Table_small_mobile > thead {
	  display: none;
	}
	#topicText table.Table_small_mobile > tbody > tr > td {
	  display: flex;
	  border: 0;
	  text-align: left;
	  background: none !important;
	  border-top: 1px dotted #c0c0c0;
	  width: 100% !important;
	  height: auto !important;
	}
	#topicText table.Table_small_mobile > tbody > tr:first-child {
	  border-top: 0;
	}
	#topicText table.Table_small_mobile > tbody > tr > td p {
	  text-align: left !important;
	  margin: 0;
	}
	#topicText table.Table_small_mobile > tbody > tr > td:first-child {
	  margin-top: 1ex;
	  border-top: 0
	}
	#topicText table.Table_small_mobile > tbody > tr > td:last-child {
	  margin-bottom: 2ex;
	}
	#topicText table.Table_small_mobile > tbody > tr > td::before {
	  content: attr(label);
	  font-weight: bold;
	  width: 200px;
	  min-width: 200px;
	}
 
}

@media screen and (max-width: 640px) {

	#faq div.page div.faq:nth-child(n+4) {
	  display: none;
	}
	#faq div.faq {
	  display: block;
	  width: 100%;
	}
	#faq div.faq .faqSpacer {
	  margin: 1.25ex 0;
	}
	.header_spacer .page.searchDisplayed {
	  margin-top: 2ex;
	}
	.onlineSearch, #offlineSearch, .page.offlineSearch {
	  min-height: auto;
	}
	a#lngselectboxlink span {
	  text-indent: -9999px;
	  white-space: nowrap;
	  display: inline-block;
	  text-align: left;
	}

}
