@charset "utf-8";

/*
sample code
@media screen and (min-width:458px) and (max-width:668px){
	.nav-next, .nav-previous{
		display:block
	}
	
	.sectionVideoBtn, .sectionMoreBtn, .sectionVideoBtnTouch {
		margin: 5px 7px;
	}
}
*/

@media screen and (max-width:995px) {
header nav {
	padding-left:1.5%;
	width: 200px; /*prevent copyright text shrinking*/
}
}
 @media screen and (max-width:916px) {
.sideTitle {
	font-size: 1.9em;
}

#mainNavBar {
	padding-left: 0;
	font-family: 'plantagenet_cherokeeregular';
	font-size: 1em;
}

#copyright{
	font-size: .8em;
}

}
 @media screen and (max-width:768px) {/*ipad portrait*/
.sideTitle {
	font-size: 1.8em;
	top:2%;
}
#logo {
	background: url(../images/naber-group-of-companies-medium.png) no-repeat;
	width: 130px;
	height: 46px;
}
#mainWrapper .contentWrapper {
	width: 100%;
}
.contentImage {
	max-width: 602px;
}
#topSpacing {
	right: 2%;
}
#mainWrapper {
	width: 74%;
}
header {
	width:26%;
}
.contentAreaLeft, .contentAreaRight {
	float:none;
}
.sideTitle {
	position: absolute;
	top: 23%;
	left: 56%;
}

.contentAreaSingle{
	width:auto !important; /*in order to work with margin and padding*/
}


.contentWrapper {
	padding-bottom: 0em;
}


.producsservices .contentAreaLeft, .producsservices .contentAreaRight {
	width: auto;
	padding: 0 1em;
}

}
 @media screen and (max-width:698px) {
.sideTitle {
	position: absolute;
	top: 21%;
}
}
 @media screen and (max-width:690px) {
#mainNavBar {
	font-size: .9em;
}
}
 @media screen and (max-width:620px) {/*phone display*/
#mainWrapper, header {
	float:none;
	min-height: 0;
}
#logo {
	background:url(../images/naber-group-of-companies.png) no-repeat;
	width:157px;
	height:56px;
	margin: 0 auto;
	margin-top: 10.5px;
	margin-bottom: 6px;
}
header nav {
	position:relative;
	/*debug background:yellow; */
	padding-left: 0;
	width:100%;
}
header {
	width: 100%;
}
.separator {
	display: none;
}
.tinynav {
	display: block;
	margin: 0 auto;
	width:100%;
	height: 2.2em;
	padding: .3em;
}
#mainNavBar {
	display:none;
}
.purpleBackground {
	background:#92278F;
	padding: 1em;
}
#mainWrapper {
	width: 100%;
}
#iconWrapper {
	display:none;
}
#topSpacing {
	top: 200px;
}
.sideTitle {
	display:none;
}
.sideTitle2 {
	display: block;
	float: left;
}
.contentAreaLeft, .contentAreaRight {
	width: auto;
	font-size: .9em;
	padding: .6em;
}
footer {
	font-size: .8em;
}
.contentImage {
	margin-top:.7em;
}
#phonesizeSeparator {
display: block;/*display block when in phone size*/
overflow: hidden;/*stretech the div so that content dun stick up*/
}

footer{
	display:block;/*show when in smaller view*/
}

#copyright{
	display:none;/*hide the default*/
}

#topSpacing2 {
/*certer align 50% -63px (half of img)*/
left: 50%;
margin-left: -63px;
}

.about-us #topSpacing2 {
	left:auto;
	margin-left: 0px;

/*exceptional page*/
	padding-left: 0;
	overflow:hidden;
	position:absolute;
	right: 10px;
}

}
 @media screen and (max-width:506px) {
#topSpacing {
	top: 170px;
}
}
 @media screen and (max-width:426px) {
#topSpacing {
	top: 140px;
}
}
 @media screen and (max-width:373px) {
#topSpacing {
	top: 125px;
}
}
 @media screen and (max-width:370px) {
.sideTitle2 {
	width: 50%;
}
}


 @media screen and (max-width:620px) {/*phone display*/

#iconWrapper2 {
	min-height: 54px;
}
}

/*for facilities page only*/
 @media screen and (max-width:470px) {/*phone display*/
.contentAreaSingle img{

	margin: 0 auto;
	padding: 0 !important;
}

}