@-ms-viewport { width: device-width; }
@-o-viewport  { width: device-width; }
@viewport     { width: device-width; }

/*	Large desktops and laptops */
@media (min-width: 1200px) {
	.hd { position:relative; top:0.07em; font-size: 2.5em }
	.hdb { font-size: 2.1em; letter-spacing: -2px; padding-right:0.33em; position:relative; top:0.5em; left:1em; }
	.pmhead { min-height:3em; margin-left:0px; padding-left:0; }
	#logo { width: 380px; margin-top: 0px; margin-bottom: 0px; margin-left: 12px; }
	.pmacct { min-height:4em; position:relative; top: 1.75em; z-index:10000; font-size:115%	 }
	.bbot { border-bottom: 7px solid #777; }
}

/* Landscape tablets and medium desktops */
@media (min-width: 1001px) and (max-width: 1199px) {
	.hd { position:relative; top:0.07em; font-size: 2.5em }
	.hdb { font-size: 2.1em; letter-spacing: -2px; padding-right:0.33em; position:relative; top:0.5em; left:1em; }
	.pmhead { min-height:4em; margin-left:0px; padding-left:0; }
	#logo { width: 380px; margin-top: 0px; margin-bottom: 0px; margin-left: 12px; }
	.pmacct { min-height:4em; position:relative; top: 1.5em; z-index:10000; font-size:110% }
	.bbot { border-bottom: 7px solid #777; }
	.navbar, .navbar-form, .navbar-right, .navbar-default .navbar-collapse { overflow: visible; }
	.container { background-color: white; }
	.lilmenu {
		margin-left: 2.5em;
		margin-right: 2em;
	}
}

/* Portrait tablets and small desktops */
/*
@media (min-width: 1001px) and (max-width: 991px) {
	body { font-size: 10pt; border: 5px solid #777; }
	.hd { position:relative; top:0.1em; font-size: 2em }
	.hdb { font-size: 1.75em; letter-spacing: -1px; padding-right:0.33em; position:relative; top:0.425em; left:1em; }
	.pmhead { min-height:3em; margin-left:0px; padding-left:0; }
	#logo { width: 380px; margin-top: 0px; margin-bottom: 0px; margin-left: 12px; }
	.pmacct { position:relative; top: 1.33em; z-index:10000; font-size:105%; }
	.bbot { border-bottom: 7px solid #777; }
	.navbar, .navbar-form, .navbar-right, .navbar-default .navbar-collapse { overflow: visible; }
	.container { background-color: white; }
	.col-xs-12 { 
		padding-right: 0; 
	}
	#top_left {
		padding-left: 1em;
	}
	#top_right {
		padding-right: 1em;
	}
	.lilmenu {
		margin-left: 1em;
		margin-right: 2em;
	}
}
*/

/* MENU COLLAPSES AT THESE SMALLER SIZES */

/* Landscape phones and portrait tablets */
@media (min-width: 481px) and (max-width: 1000px) {
	body { font-size: 9.5pt; border: 5px solid #777; }
	.hd { position:relative; top:0.175em; left:-0.15em; font-size: 1.5em }
	.hdb { font-size: 1.5em; letter-spacing: -1px; padding-right:0em; position:relative; top:0.425em; left:0.425em; }
	.pmhead { min-height:3.3em; margin-left:12px; margin-top:0; padding-top:0; padding-left:0; }
	#logo { width: 316px; padding-top: 0px; margin-left: 10px; }
	.pmacct { font-size: 0.9em; position:relative; top: -0.5em; z-index:10000; }
	.bbot { border-bottom: 5px solid #777; }
	.navbar, .navbar-form, .navbar-right, .navbar-default .navbar-collapse { overflow: visible; }
	.navbar-header {
		margin-top: 4px !important;
		margin-right: 0px !important;
		padding-right: 15px !important;
	}
	.navbar-toggle { 
		float:left !important;
		margin-left: 15px !important;
		padding: 3px 3px 3px 3px; 
		margin-top: 3px; 
	}
	.navbar-collapse {
		border-right: 2px solid #999 !important;
		border-bottom: 2px solid #999 !important;
		background-color: #eeeeee;
		margin-left: -3px !important;
		padding-left: 15px !important;
	}
	.navbar-nav {
		margin: 3px 0px 7.5px -15px;
	}
	.navbar-form {
		border-bottom: 0;
		margin-left: -12px;
		padding: 16px 10px 8px 8px;
		border-color: #fff !important;
		border-top: 2px solid #fff;
	}
	.navbar-nav li a {
		background-color: transparent !important;
	}
	.dropdown-menu .divider {
		margin: 6px 0 6px 20px !important;
		border-bottom: 3px dotted #ccf;
		padding-left: 12px;
	}
	.dropdown-menu li a {
		line-height: 1;
		height: auto;
	}
	ul.dropdown-menu {
		padding-top: 0;
		margin-top: 0;
	}
	.form-control {
		width: 92%;
	}
	.container { 
		background-color: #fff; 
		width: 16em !important;
		margin-right: 0 !important;
		padding-right: 0 !important;
		margin-left: -10px !important;
		padding-left: 10px !important;
		
	}
	.container li {
		background-color: transparent !important;
	}
	#top_left {
		padding-left: 1em;
		margin-bottom: 1em;
	}
	#top_right {
		margin-bottom: 0.5em;
	}
	.row { 
		padding: 0;
	}
	.lilmenu {
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
	#home_icon a img {
		top: -1px;
		left: 3px;
	}
	#home_icon a:after {
		content: "Home";
		position: relative;
		top: 3px;
		left: 0.67em;
	}
}

/* Portrait phones and smaller */
@media (min-width: 425px) and (max-width: 480px) {
	body { font-size: 9pt; border: 5px solid #777; }
	.hd { position:relative; top:0em; left:-0.15em; font-size: 1.5em }
	.hdb { font-size: 1.5em; letter-spacing: -1px; padding-right:0em; position:relative; top:0.425em; left:0.425em; }
	.pmhead { min-height:2em; margin-left:0px; padding-top: 0px; padding-left:8px; }
	#logo { width: 228px; padding-top: 0px; margin-left: 10px; }
	.pmacct { font-size: 0.9em; position:relative; top: -1em; z-index:10000; }
	.bbot { border-bottom: 5px solid #777; }
	.navbar, .navbar-form, .navbar-right, .navbar-default .navbar-collapse { overflow: visible; }
	.navbar-header {
		margin-top: 4px !important;
		margin-right: 0px !important;
		padding-right: 15px !important;
	}
	.navbar-toggle { 
		float:left !important;
		margin-left: 15px !important;
		padding: 3px 3px 3px 3px; 
		margin-top: 3px; 
	}
	.navbar-collapse {
		border-right: 2px solid #999 !important;
		border-bottom: 2px solid #999 !important;
		background-color: #eeeeee;
		margin-left: -3px !important;
		padding-left: 15px !important;
	}
	.navbar-nav {
		margin: 3px 0px 7.5px -15px;
	}
	.navbar-form {
		border-bottom: 0;
		margin-left: -12px;
		padding: 16px 10px 8px 8px;
		border-color: #fff !important;
		border-top: 2px solid #fff;
	}
	.navbar-nav li a {
		background-color: transparent !important;
	}
	.dropdown-menu .divider {
		margin: 6px 0 6px 20px !important;
		border-bottom: 3px dotted #ccf;
		padding-left: 12px;
	}
	.dropdown-menu li a {
		line-height: 1;
		height: auto;
	}
	ul.dropdown-menu {
		padding-top: 0;
		margin-top: 0;
	}
	.form-control {
		width: 92%;
	}
	.container { 
		background-color: #fff; 
		width: 16em !important;
		margin-right: 0 !important;
		padding-right: 0 !important;
		margin-left: -10px !important;
		padding-left: 10px !important;
		
	}
	.container li {
		background-color: transparent !important;
	}
	#top_left {
		padding-left: 1em;
		margin-bottom: 1em;
	}
	#top_right {
		margin-bottom: 0.5em;
	}
	.row { 
		padding: 0;
	}
	.lilmenu {
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
	#home_icon a img {
		top: -1px;
		left: 3px;
	}
	#home_icon a:after {
		content: "Home";
		position: relative;
		top: 3px;
		left: 0.67em;
	}
}

/* Portrait phones and smaller */
@media (min-width: 241px) and (max-width: 424px) {
	body { font-size: 9pt; border: 3px solid #777; }
	.hd { position:relative; top:0.175em; left:-0.25em; font-size: 1.5em }
	.hdb { font-size: 1.5em; letter-spacing: -1px; padding-right:0em; position:relative; top:0.5em; left:0.425em; }
	.pmhead { min-height:2em; margin-left:0px; padding-top: 0px; padding-left:8px; }
	#logo { width: 228px; padding-top: 0px; margin-left: 9px; }
	.pmacct { font-size: 0.9em; position:relative; top: 0.5em; z-index:10000; }
	.bbot { border-bottom: 3px solid #777; }
	.navbar, .navbar-form, .navbar-right, .navbar-default .navbar-collapse { overflow: visible; }
	.navbar-header {
		margin-top: 4px !important;
		margin-right: 0px !important;
		padding-right: 15px !important;
	}
	.navbar-toggle { 
		float:left !important;
		margin-left: 15px !important;
		padding: 3px 3px 3px 3px; 
		margin-top: 3px; 
	}
	.navbar-collapse {
		border-right: 2px solid #999 !important;
		border-bottom: 2px solid #999 !important;
		background-color: #eeeeee;
		margin-left: -3px !important;
		padding-left: 15px !important;
	}
	.navbar-nav {
		margin: 3px 0px 7.5px -15px;
	}
	.navbar-form {
		border-bottom: 0;
		margin-left: -12px;
		padding: 16px 10px 8px 8px;
		border-color: #fff !important;
		border-top: 2px solid #fff;
	}
	.navbar-nav li a {
		background-color: transparent !important;
	}
	.dropdown-menu .divider {
		margin: 6px 0 6px 20px !important;
		border-bottom: 3px dotted #ccf;
		padding-left: 12px;
	}
	.dropdown-menu li a {
		line-height: 1;
		height: auto;
	}
	ul.dropdown-menu {
		padding-top: 0;
		margin-top: 0;
	}
	.form-control {
		width: 92%;
	}
	.container { 
		background-color: #fff; 
		width: 16em !important;
		margin-right: 0 !important;
		padding-right: 0 !important;
		margin-left: -10px !important;
		padding-left: 10px !important;
		
	}
	.container li {
		background-color: transparent !important;
	}
	#top_left, #top_right {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	#top_left {
		margin-bottom: 1em;
	}
	#top_right {
		margin-bottom: 0.5em;
	}
	.row { 
		padding: 0;
	}
	.lilmenu {
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
	#home_icon a img {
		top: -1px;
		left: 3px;
	}
	#home_icon a:after {
		content: "Home";
		position: relative;
		top: 3px;
		left: 0.67em;
	}
}

/* Portrait phones and smaller */
@media (max-width: 240px) {
	body { font-size: 9pt; border: 3px solid #777; }
	.hd { font-size: 1.33em; }
	.hdb { position:relative; top:0.5em; font-size: 1.2em; letter-spacing: -1px }
	.pmhead { min-height:1.5em; margin-left:4px; padding-left:0; margin-bottom:0; padding-bottom:0; margin-top:0; padding-top:0; }
	#logo { width: 176px; padding-top: 0px; margin-left:8px; }
	.pmacct { position:relative; top: -1.5em; z-index:10000; font-size:120% }
	.bbot { border-bottom: 3px solid #777; }
	.navbar { min-height: 32px !important; margin-top: 4px; }
	.navbar, .navbar-form, .navbar-right, .navbar-default .navbar-collapse { overflow: visible; }
/*	.navbar-header { margin-right: -24px; margin-left: -15px; } */
	.navbar-header {
		margin-top: 4px !important;
		margin-right: 0px !important;
		padding-right: 15px !important;
	}
	.navbar-toggle { 
		float:left !important;
		margin-left: 15px !important;
		padding: 3px 3px 3px 3px; 
		margin-top: 3px; 
	}
	.navbar-collapse {
		border-right: 2px solid #999 !important;
		border-bottom: 2px solid #999 !important;
		background-color: #eeeeee;
		margin-left: -3px !important;
		padding-left: 15px !important;
	}
/*	.navbar-nav { margin: 0px -15px;  } */
	.navbar-nav {
		margin: 3px 0px 7.5px -15px;
	}
	.navbar-form {
		border-bottom: 0;
		margin-left: -12px;
		padding: 16px 10px 8px 8px;
		border-color: #fff !important;
		border-top: 2px solid #fff;
	}
	.navbar-nav li a {
		background-color: transparent !important;
	}
	.dropdown-menu .divider {
		margin: 6px 0 6px 20px !important;
		border-bottom: 3px dotted #ccf;
		padding-left: 12px;
	}
	.dropdown-menu li a {
		line-height: 1;
		height: auto;
	}
	ul.dropdown-menu {
		padding-top: 0;
		margin-top: 0;
	}
	.form-control {
		width: 92%;
	}
	.btn, .form-control { font-size: 8pt; }
	.container { 
		background-color: #fff; 
		width: 16em !important;
		margin-right: 0 !important;
		padding-right: 0 !important;
		margin-left: -10px !important;
		padding-left: 10px !important;
		
	}
	.container li {
		background-color: transparent !important;
	}
	#top_left, #top_right {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	#top_left {
		margin-bottom: 1em;
	}
	#top_right {
		margin-bottom: 0.5em;
	}
	.row { 
		padding: 0;
	}
	.lilmenu {
		margin-left: 0.5em;
		margin-right: 0.5em;
	}
	#home_icon a img {
		top: -1px;
		left: 3px;
	}
	#home_icon a:after {
		content: "Home";
		position: relative;
		top: 3px;
		left: 0.67em;
	}
}


/* Desktops */
@media (min-width: 1000px) {
	.classImg, .headImg {
		width: 485px;
	}
	.mobile {
		display: none;
	}
}

/* Large tablet landscape (1024) and medium desktops */
@media (min-width: 810px) and (max-width: 999px) {
	.classImg, .headImg {
		width: 485px;
	}
	#pmNews a:after {
		content: " App";
	}
}

/* Small tablet landscape (800) and small desktops */
@media (min-width: 765px) and (max-width: 999px) {
	.classImg, .headImg {
		width: 485px;
	}
	.desktop {
		display: none;
	}
}

/* Large tablet portrait (768) */
/*
@media (min-width: 765px) and (max-width: 779px) {
	.classImg, .headImg {
		width: 465px;
	}
	.desktop {
		display: none;
	}
}
*/

/* iPhone 7+ landscape (736) */
@media (min-width: 730px) and (max-width: 764px) {
	.classImg, .headImg {
		width: 465px;
	}
	.desktop {
		display: none;
	}
}

/* iPhone 6/7 landscape (667) */
@media (min-width: 660px) and (max-width: 729px) {
	.classImg, .headImg {
		width: 455px;
	}
	.desktop {
		display: none;
	}
}

/* Small tablet portrait (600) */
@media (min-width: 580px) and (max-width: 659px) {
	.classImg, .headImg {
		width: 445px;
	}
	.desktop {
		display: none;
	}
}

/* iPhone 5 landscape (568) */
@media (min-width: 500px) and (max-width: 579px) {
	.classImg, .headImg {
		width: 425px;
	}
	.desktop {
		display: none;
	}
}

/* iPhone 7+ portrait (414) */
@media (min-width: 400px) and (max-width: 499px) {
	.classImg, .headImg {
		margin-left: -6px;
		width: 350px;
	}
	.desktop {
		display: none;
	}
}

/* iPhone 6/7 portrait (375) */
@media (min-width: 350px) and (max-width: 399px) {
	.classImg, .headImg {
		margin-left: -6px;
		width: 320px;
	}
	.desktop {
		display: none;
	}
}

/* iPhone 5 portrait (320) */
@media (min-width: 300px) and (max-width: 349px) {
	.classImg, .headImg {
		margin-left: -6px;
		width: 275px;
	}
	.desktop {
		display: none;
	}
}

/* Smaller portrait phones */
@media (min-width: 251px) and (max-width: 299px) {
	.classImg, .headImg {
		margin-left: -6px;
		width: 230px;
	}
	.desktop {
		display: none;
	}
}

/* Even smaller */
@media (max-width: 250px) {
	.classImg, .headImg {
		margin-left: -6px;
		width: 95%;
		min-width: 170px;
	}
	.desktop {
		display: none;
	}
}