/* desbest edit */
@media screen and (max-width: 480px){
  fieldset, 
  #mediamanager__page, 
  #mediamanager__page .filelist{ 
    max-width: 100%; min-width: unset; 
  }
  #mediamanager__page .file, 
  #mediamanager__page .namespaces, 
  #mediamanager__page .panel { 
    width: 100%; clear: both; float: none;
  }
  li, dd { margin: 1.35em 0px !important; }
  #config__manager tr { }
  #config__manager td { display: block;  padding: 1.15em 0px; max-width: 90%;  }

  #config__manager fieldset { width: 100%; box-sizing: border-box; }

     /* make <select> not exceed it's parent div's width */
    /* https://stackoverflow.com/q/44810056/337306 */
    div.input, label.nowrap { display: flex; } select { width: 100%; flex-shrink: 1; }

  fieldset { width: unset; }
  #config__manager fieldset td.value { width: unset; }

  #config__manager td .input, 
  #config__manager fieldset td.value, 
  input, textarea,
  #config__manager td input.edit,
  #config__manager td textarea.edit { 
    max-width: 100%; 
  }

  .header-img { inset: 0px auto auto 0px !important } /* able specific */
  .dokuwiki ul.idx { padding-left: 1em !important; }
}
/* ---- end desbest edit ---- */


/* =Media Queries
-------------------------------------------------------------- */

@media only screen and (min-width: 320px) and (max-width: 320px) {
	body,
	#wpadminbar {
		width: 372px;
	}
}
@media only screen and ( min-width: 320px ) and ( max-width: 480px ) {
	#primary,
	.right-sidebar #primary,
	.left-sidebar #primary,
	#secondary,
	#tertiary {
		width: 100%;
	}
	.left-sidebar #primary,
	.three-columns #primary,
	.left-sidebar #secondary,
	.three-columns #secondary,
	#tertiary {
		margin: 0;
	}
	#site-introduction {
		padding: 13px;
	}
	#main {
		padding: 0 13px;
	}
	.widget_goodreads {
		display: none; /* Flash doesn't work on the iPad */
	}
}
@media only screen and ( min-width: 481px ) and ( max-width: 800px ) {
	#primary,
	.right-sidebar #primary,
	.left-sidebar #primary,
	.left-sidebar #secondary,
	.right-sidebar #tertiary {
		width: 100%;
	}
	.left-sidebar #primary,
	.three-columns #primary,
	.left-sidebar #secondary {
		margin: 0;
	}
	#secondary,
	#tertiary {
		width: 48%;
	}
	.three-columns #secondary {
		margin: 0 4% 0 0;
	}
	#site-introduction {
		padding: 13px 26px;
	}
	.main-navigation {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.widget_goodreads {
		display: none; /* Flash doesn't work on the iPad */
	}
}	