/* @option theme media icons font-size*/

[class^="icon-"]{font-size: 30px;}

#navcontainer2,
#menu-icon [class^="icon-"], #sb-icon [class^="icon-"]{
	display: none;}
	
/* @option user-selected RESPONSIVE */

#nav-wrap {margin-top: 0px;}
/* menu icon */
#menu-icon {display: none; /* hide menu icon initially */}
#navcontainer2,#navcontainer2 li {margin: 0;padding: 0;}
#navcontainer2 li {list-style: none;float: left;margin-right: 5px;}
/* nav link */
#navcontainer2 a {padding: 4px 15px;display: block;}
#navcontainer2 a:hover {}
/* nav dropdown */
#navcontainer2 ul {padding: 2px;position: absolute;display: none; /* hide dropdown */
width: 200px;}
#navcontainer2 ul li {float: none;margin: 0;padding: 0;}    
#navcontainer2 li:hover > ul {display: block; /* show dropdown on hover */}

/* @end */

@media screen and (max-width:768px) {
#contentstrip {position: absolute;top: 0;height:auto !important;min-height:100%;}
#menu-icon [class^="icon-"], #sb-icon [class^="icon-"]{font-size: 44px;display: block;}
#myExtraContent1 {padding: 8px 0;}
#myExtraContent2 {line-height: 1;}
#container {width: auto;}
#pageHeader {width: auto !important;
padding: 10px 0 8px;}
#pageHeader h1 {width: 100% !important;text-align: center;}
#pageHeader h2 {width: 100% !important;padding-top: 5px;text-align: center;}
#logo {margin-top: 0px;padding-left: 0px;}
#contentContainer{width:auto;margin-top: 0px;margin-left: 0px;margin-right: 0px;}
#contentContainer {padding-top: 0px;}
#menuWrapper{display:block;margin-left: 25px !important;position: relative;width: auto !important;margin-right: 15px !important;}
#sidebarContainer,#navcontainer{display: none !important;}
#breadcrumbcontainer{padding-top: 5px;}
#footer {padding-top: 10px;padding-bottom: 10px;margin-top: 0;}
#contentstrip{width:100% !important;margin-left: 0px !important;padding-left: 0;}
#sidebar2{position: relative;display: none;margin-top: 0px;margin-left: 0px;padding: 8px 10px;text-align: center;margin-bottom: 10px;border-bottom-style: solid;border-bottom-width: 1px;}
#contentContainer #content, #footer,#breadcrumbcontainer {margin-right: 15px;margin-left: 15px;}
.sideHeader2 {font-size: 13px !important;padding-bottom: 5px !important;padding-top: 5px !important;text-align: center;width: auto !important;display: block;font-weight: normal;font-style: normal;}
.photo-frame{padding: 0px;border-style: none;}
fieldset {text-align: center;}
#myExtraContent1,#myExtraContent2,#pageHeader,#sidebar2  {padding-left: 5px;
padding-right: 5px;}

/* nav-wrap */
#nav-wrap {position: relative;}
/* menu icon */

#menu-icon {
    cursor: pointer;
    display: block !important;
	top: 10px;
	position: absolute;
	z-index: 10000;
	padding: 0;}
#menu-icon:hover,
#menu-icon.active {display: block !important;}

#sb-icon {
    cursor: pointer;
    display: block;
	top: 10px;
	position: absolute;
	z-index: 100;}
#sb-icon:hover,#sb-icon.active {display: block !important;}

/* main nav */
/* main nav */
#navcontainer2 {
	clear: both;
	position: absolute;
	top: 60px;
	width: 60%;
	z-index: 10000;
	padding: 10px 0;
	display: none;
	font-size: 24px;
	right: 0px;
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.20);
	box-shadow: 0px 3px 10px rgba(0,0,0,0.20);
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;}
	
#navcontainer2 li {
	clear: both;
	float: none;
	margin: 5px 0 5px 10px;}

#navcontainer2 a, 
#navcontainer2 ul a {
	font: inherit;
	background: none;
	display: inline;
	padding: 0;
	border: none;
	text-decoration: none;
}
#navcontainer2 a:hover, 
#navcontainer2 ul a:hover {
	background: none;}   
/* dropdown */
#navcontainer2 ul {
	width: auto;
	position: static;
	display: block;
	border: none;
	background: inherit;}	
#navcontainer2 ul li {margin: 3px 0 3px 15px;}

}
/* @end */
@media screen and (max-width:600px) {
#navcontainer2 {width: 100% !important;border-left-style: none;font-size: 22px;}
input.form-input-field,textarea.form-input-field {width: 95%;}
#contentContainer{padding-top: 0px;}
#contentContainer #content {padding-top: 10px;}
}

/* @end */
@media screen and (max-width:480px) {
#navcontainer2 {font-size: 20px;}
#contentContainer #content,#sidebarContainer2 {line-height: 1.4;}
#contentContainer #content {padding-top: 5px;}
}

/* @end */