/* @option user-selected theme width */

#header{width:  100%;margin-left: 0%;}
#cssmenu {width: auto;margin-left:21px;}
#footer {margin-left:30px;}
#pageHeader {margin-top: 20px;}
#container,#containerstrip {width: 43%;}
#containerborder {width: 42.9%;}
#sidebarContainer{width:50%;}
#strip {left: 43%;width: 45%;}
#nav-wrap {margin-top: 0px;display: none;}
#pageHeader h1,#pageHeader h2,#myExtraContent1,#contentContainer #content,#pageHeader img{padding-left: 30px;padding-right: 30px;}
#breadcrumbcontainer {padding-left: 20px;padding-right: 10px;}
/* menu icon */
#sb-icon {display: none; /* hide menu and sidebar icon initially */}

@media screen and (max-width:1224px) {
#cssmenu {margin-left:15px;}
#container,#containerstrip {width: 50%;}
#containerborder {width: 49.8%;}
#strip {left: 50%;width: 47%;}
#footer {margin-left:25px;}
#pageHeader h1,#pageHeader h2,#myExtraContent1,#contentContainer #content {padding-left: 25px;padding-right: 25px;}
#pageHeader img{padding-left: 25px;padding-right: 25px;}} 

@media screen and (max-width:1024px) {
#cssmenu {margin-left:12px;}
#footer {margin-left: 20px;}	
#container,#containerstrip {width: 61%;}
#containerborder {width: 60.8%;}
#strip {left: 61%;width: 36.5%;}#pageHeader h1,#pageHeader h2,#myExtraContent1,#contentContainer #content,#pageHeader img {padding-left: 20px;padding-right: 20px;}
#myExtraContent2 {padding-top: 0px;}}

@media screen and (max-width:768px) {
#header{margin-left: 0%;z-index: 0;height:  54px;}
#breadcrumbcontainer {top: 65px;right:5px;}
#pageHeader {margin-top: 0px;}	
#footer {margin-left: 15px;}
#sidebarContainer {width:auto;display: none;margin-top: 0px;width: auto;margin-bottom: 0;padding: 0 15px;border-bottom-style: solid;border-bottom-width: 1px;}
#strip {left: 0%;width: 100%;}
input.form-input-field,textarea.form-input-field {width: 95%;}
#pageHeader h1,#pageHeader h2 {padding-left: 15px;padding-right: 15px;}
#contentContainer{width:auto;padding-top: 12px;padding-bottom: 0px !important;}
#pageHeader img{padding: 0 15px 10px;}
#contentContainer,#container,#pageHeader,#containerstrip,#containerborder {width: 100%;}
#containerborder{border-right-style: none;border-left-style: none;}
#contentContainer #content {padding: 0 15px 10px;}
#strip {position: relative;top: 0;}
#sidebarContainer #sidebar {padding: 0;margin-bottom: 10px;margin-top: 3px;}
#sidebarContainer .sideHeader {font-size: 14px;}
#myExtraContent1{padding-left: 15px;padding-right: 10px;}
#myExtraContent1 {padding-top: 14px;}
#myExtraContent2 {padding-bottom: 10px;margin-top:0px;}

/* nav-wrap */
#nav-wrap {position: relative;height: 55px;display: block;}
/* menu icon */

#sb-icon {
    cursor: pointer;
    display: block;
	top: 0;
    font-size: 36px;
	text-transform: uppercase;
    line-height: 1.1;
	text-align: left;
    position: absolute;
	z-index: 99999;
	left: 0px;
	padding: 7px 0 4px 15px;
	margin-bottom: 0;
	width: 50%;
	text-shadow: 0 0px 3px rgba(0,0,0,0.35);
	background-color: transparent;}
	
#sb-icon:hover {background-color: transparent;}
#sb-icon.active {text-shadow: none;background-color: transparent;}

#sb-icon:before {
content: "\f0fe";
font-family: FontAwesome;}

#sb-icon.active:before {content: "\f146";}}

@media screen and (max-width: 600px) {
#sidebarContainer{width:auto;}
#pageHeader img{padding-bottom: 10px;}}