@media only screen and (min-width: 1024px)  {
.mobile-menu-big-button{
display:none;
}
#nav {
    padding-bottom: 0;
    padding-top: 0px;
	
}
}
@media only screen and (max-width: 1024px)  {
	#nav {
    padding-bottom: 0;
   /*  padding-top: 42px; */
	
}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0)
{
	#container_top {
			background-size: 100.01% 101% !important;

	}
}
 #container_top {
			background-size: 100.01% 101% !important;

	}
 
 @charset "utf-8";

/*@import url("../js/mediaboxAdvanced/mediaboxAdv-Smooth.css");*/

/* General setup stuff */
* {
    margin: 0;
    padding: 0;
	outline: none;
	-webkit-text-size-adjust: none !important;
}
html, body {
    height: 100%;
	
	/*height:1000px!important;*/
}
body {
	background:url(../images/bg_page.jpg) top center repeat-x #000;
	font-family:Arial, Helvetica, sans-serif;	
}
.scroll{overflow-y: scroll;}
.hidescroll{overflow-y: hidden !important;}

/* Container and structure */
#container::-webkit-scrollbar { width: 0 !important }
#container {
	width: 100%;
	max-width: 1004px;
	min-height: 100%;	
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	/* background:url(../images/bg_container.png) top center repeat-y; */
	background-size: contain;
}
#container_wrap {
	width: 100%;
	max-width: 1004px;
	min-height: 100%;	
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
 	background:url(../images/bg_container.png) top center repeat-y;
	background-size: contain;
}
#container_top {
	background:url(../images/page_top.png) bottom center no-repeat;
	background-size: 100% 100%!important;
	height: 35px;
	object-fit: contain;
	
}
/* @-moz-document url-prefix() {
#container_top {
    background-size: 100% 98%!important;
	background-position-y: 0px;
  }
}  
 */
#left_column {
	width: 75%;
	position: relative;
	float:left;
	padding-top: 20px;
	/*margin-left: 55px;
	AK 09/02/2012 - Changed this to padding to accommodate mediabox/IE bug. */
	padding-left:58px;
	/* padding-bottom: 100px; */
}
#right_column {
	/* width: 15%; */
	position: relative;
	float:right;
	margin-right: 17px;	
	margin-top: 20px;
}


/* Navigation box */
#nav {
	/* full width is 145px */

	width: 145px;
	padding-bottom: 0;
	/* padding-top: 50px;
	background:url(../images/logo.png) top left no-repeat;	 */
}
#nav h2 {
	cursor: pointer;
	display:block;
	height: 52px !important;
}
#nav h2.section1 {
	background:url(../images/nav_section1.png) top left no-repeat;
}
#nav h2.section2 {
	background:url(../images/nav_section2.png) top left no-repeat;
}
#nav h2.section3 {
	background:url(../images/nav_section3.png) top left no-repeat;
}
#nav h2.section4 {
	background:url(../images/nav_section4.png) top left no-repeat;
}
#nav h2.section5 {
	background:url(../images/nav_section5.png) top left no-repeat;
}
#nav h2.over {	
	background-position: 0 -56px;
}


#nav .section1 {
	color: #2393BC
}
#nav .section2 {
	color: #198D49
}
#nav .section3 {
	color: #7CC927
}
#nav .section4 {
	color: #F4911E
}
#nav .section5 {
	color: #CC0066
}
#nav .navContentHolder {
	background:url(../images/nav_content_bg.png) top left;	
	padding-top: 5px;
width: 100%;		
}
#nav .content {
	/* background:url(../images/nav_top.png) top left repeat-x; */
	margin-top: 0px;
	margin-left: 8px;
	/* margin-right: 15px; */
	padding-right: 15px;
}
#nav a {
	display:block;
	font-size: 11px;
	padding: 3px 5px;
	text-decoration: none;
	color: #000;
}
#nav a:hover {
	background-color: #feffff;
}
#nav a.selected {
	color:#fff;
}
#nav a.section1 {
	background-color: #2393BC
}
#nav a.section2 {
	background-color: #198D49
}
#nav a.section3 {
	background-color: #93C628
}
#nav a.section4 {
	background-color: #F4911E
}
#nav a.section5 {
	background-color: #CC0066
}



/* Navigation box */
#navBtnHolder {
	width: 157px;
	height:40px;
	position: fixed;
	bottom: 0;
	background:url(../images/shadow.png) top center no-repeat;
	margin-left: 9px;
	 right:0px;
}
#navBtnHolder img {
	border: 0;	
}
#pageCount {
	font-size: 9px;
	margin: 20px 0 0 20px;
	float:left;
	width: 60px;
	font-family: Arial, Helvetica, sans-serif;
	white-space: nowrap;
}
#backBtn {
	float:left;
	margin: 16px 2px 0 12px;
}
#nextBtn {
	float:left;
	margin-top: 16px;
}


/* Translation box */
#translation_top {
	/* display:none; */
	/* height: 20px; */
	/* background:url(../images/translation_top.png) top left no-repeat; */
	/* margin-top: 10px; */
}
#translation{
	background:url(../images/menu-right.png);
	padding: 22px 10px;
	width:120px;
	height:73px;
	background-repeat: no-repeat;
	    margin-top: 11px;
		/* margin-left:1px; */
}
#translation_bottom {
	/* height: 18px; */
	/* display:none; */
	/* background:url(../images/translation_bottom.png) top left no-repeat; */
	/* margin-bottom: 100px; */
}
#translateTxt {
	width: 110px;
	height: 15px;
	border: solid 1px #999;	
	font-size: 11px;
	background:url(../images/textfield_bg.png) top left;
	padding-left: 5px;
	padding-top: 3px;
	color: #666;
	margin-bottom: 5px;
}
#translation select {
	width: 117px;
	height: 20px;
	font-size: 11px;
	color: #666;
	background-color: #e6e6e6;
	border: solid 1px #999;
	margin-bottom: 5px;
}
#submitBtn {
	width: 103px;
	height:27px;
	display:block;
	margin-left: auto;
	margin-right: 7px;
}


/* Page content styles */
h1 {
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	display: block;
	height: 42px;
	
	padding-top: 8px;
	padding-left: 16px;
}
h1.section1 {
	background:url(../images/h1_section1.png) top left no-repeat #2393BC;	
}
h1.section2 {
	background:url(../images/h1_section2.png) top left no-repeat #198D49;	
}
h1.section3 {
	background:url(../images/h1_section3.png) top left no-repeat #7CC927;	
}
h1.section4 {
	background:url(../images/h1_section4.png) top left no-repeat #F4911E;	
}
h1.section5 {
	background:url(../images/h1_section5.png) top left no-repeat #CC0066;
}





/* This is all about tabs */
#tabs h1 {
	padding-right: 5em;	
	float:left;
}
#tabs h3 {
	float:left;
	
	font-size: 14px;
	font-weight: bold;
	color: #8CC5A4;
	display: block;
	height: 32px;
	
	padding-top: 18px;
	padding-left: 2em;
	padding-right: 1.8em;	
	background:url(../images/tabshadow.png) top left no-repeat;	
}
#tabs.section1 {
	background-color: #2393BC;	
}
#tabs.section2 {
	background-color: #198D49;	
}
#tabs.section3 {
	background-color: #7CC927;	
}
#tabs.section4 {
	background-color: #F4911E;	
}
#tabs.section5 {
	background-color: #CC0066;	
}



#tabs a {
	text-decoration: none;
}
#tabs .section1 a {
	color: #91C9DE;	
}
#tabs .section2 a {
	/* color: #8CC5A4; */
color: #E6E7E8;	
}
#tabs .section3 a {
	/* color: #D8EFBF;	 */
	color: #E6E7E8;
}
#tabs .section4 a {
	color: #FAC88F;	
}
#tabs .section5 a {
	color: #FAC88F;	
}




#tabs a:hover {
	color: #FFF;	
}
#tabs h3.selectedTab {
	background:url(../images/tabshadowonly.png) top left no-repeat;
	color: #FFF;
}
#tabs h3.selectedTab.section1 {
	/* background-color: #1BA0D1 !important; */	
	background-color: rgb(27, 160, 209) !important;	
}
#tabs h3.selectedTab.section2 {
	/* background-image: linear-gradient(green 3%, #0AAF49 12%); */
	background-color: #0AAF49 !important;
	/* background-color: rgb(10, 175, 73) !important; */
	flex: none !important;
	flex-shrink: inherit !important;
	flex-grow: 1 !important;
	/* flex-basis: 100px !important;
	flex: 1 100px !important; */
	
	/* background: linear-gradient(to right, #04662A 0%, rgba(1,1,1,0) 3%), linear-gradient(to bottom, #04662A 2%, rgba(1,1,1,0) 10%); */
}
#tabs h3.selectedTab.section3 {
	/* background-color: #8DD43F !important; */	
	background-color: rgb(141, 212, 63) !important;	
}
#tabs h3.selectedTab.section4 {
	/* background-color: #0AAF49 !important;	 */
	background-color: rgb(10, 175, 73) !important;
}
#tabs h3.selectedTab.section5 {
	/* background-color: #0AAF49 !important; */	
	background-color: rgb(10, 175, 73) !important;
}
.tabEnd {
	background:url(../images/tabend_shadow.png) top left no-repeat;
	width: 60px;
	float:left;
	display: block;
	height: 50px;
}
/* End of tabs stuff */


p {
	font-size: 13px;	
}

.ul_regular {
	font-size: 13px;
}

.ul_regular_task {  /*Xenia's code*/
	font-size: 13px;
	margin:0 0 1.3em 1.1em;
}

.ol_regular { 
	font-size: 13px;
	margin-left: 20px;
}

.ul_regular_task li.indented {
	margin-left: 15px;
}
 
.ul_regular_task .withGap{  /*Xenia's code*/
	margin-bottom: 7px;
}

.phonemic_chars{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
}

.info {
	background:url(../images/info_bg.png) top left repeat-y;
	/* padding: 15px; */
	margin-bottom: 20px;
	width:100%;
	/* background-color: #000000ba; */
}

/* Image panel stuff ***---NOTE: images for this panel are to always be 114px high. Width can be variable---***/
#image_panel {
	margin-bottom: 10px;
	height: 140px;
	background: url(../images/image_panel_bg.png) top left repeat-x;	
	padding: 0px;
	/* background-color: #000000ba; */
}
#image_panel img {
	border: solid 1px #999999;
	margin: 8px 3px 0 3px;
}
#image_panel .pic_container {
	float: left;
	height: 132px;
	margin: 4px 0 0 2px;
}
#image_panel .pic_container .leftmost {
	margin: 4px 0 0 11px;
}
#image_panel .pic_container .bg_left {
	float: left;
	width: 5px;
	height: 132px;
	background: url(../images/image_panel_container_L.png) top left no-repeat;	
}
#image_panel .pic_container .bg_content {
	float: left;
	height: 132px;
	background: url(../images/image_panel_container_mid.png) top left repeat-x;	
	 -webkit-user-select: none; /* Safari 3.1+ */
	 -moz-user-select: none; /* Firefox 2+ */
	 -ms-user-select: none; /* IE 10+ */
	 user-select: none; /* Standard syntax */
}
#image_panel .pic_container .bg_right {
	float: left;
	width: 5px;
	height: 132px;
	background: url(../images/image_panel_container_R.png) top left no-repeat;		
}

.photo_border {
	display: inline-block;
	border: solid 1px #C0C0C0;
	background-color:#FFF;
	padding: 3px;
}
.photo_border .inner {
	display: inline-block;
	border: solid 1px #A7A7A7;
	padding: 0;
}

/* .english {
	width:450px;	
} */
.dropshadow {
	background:url(../images/dropshadow.jpg) top left no-repeat;
	width: 765px;
	height:20px;
}
.badge {
/* 	position: absolute;  */
	/* Oh no! Badge was positioned without taking 'Pronunciation' into consideration. 
	- NAH, just shortened padding of main tab, so might be ok now */
	/*margin-left: 670px;*/ 
	/*margin-left: 697px;*/
	/*margin-top: -30px*/
   /*  right:5px;
	top:38px; */
	 -webkit-user-select: none; /* Safari 3.1+ */
	 -moz-user-select: none; /* Firefox 2+ */
	 -ms-user-select: none; /* IE 10+ */
	 user-select: none; /* Standard syntax */
	/*margin-top: -33px*/	
}

/* "Reveal answer" styles */
.revealAnswer {
	cursor:pointer;
}
.revealAnswer img {
	opacity: 0.7;	
}
.answerSpan {
	font-weight: normal;
	display:none;
	color: #000;
	background-color: #A0F990;
	padding: 0.1em 0.3em;
}


/* Utility / General */
.clear {
	clear: both;	
}


/* Cover */
/* #cover {
	width: 980px;
	height: 621px;
	position:relative;
	left:0;
	top:0;
	margin: 0 auto;
	border:solid 2px #CCC;/
} */
/* #cover .title {
	margin: 16px 0 0 16px;
	padding: 10px 30px 10px 30px;
	float:left;
	 background:url(../images/cover_panel_bg_tile.png) top left; */
	
/* }
#cover .contents {
	width: 464px; 
	padding: 0px 0px 44px 0px; 
	float:right; 
	position: absolute;
	bottom: 16px;
	right: 18px;
 background:url(../images/cover_panel_bg_tile.png) top left; */
	
/* }
#cover .contents .start_button {
	position: absolute;
	width: 968px;
	height: 54px;
	right: 0;
	bottom: 0;
	background:url(../images/cover_logo_start-noames.png) top left no-repeat;
}
#cover .contents .start_button .pic {
	float:right;
	width: 120px;
	height: 54px;
} */
/* #cover .contents .start_button A {
	outline:none;
}
#cover .title p {
	font-size: 54px;
	font-weight: bold;
	color:#FFFFFF;;
}
#cover ul {
	margin-top:20px;
	margin-left:20px;
	list-style-type:none;
}
#cover li {
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 8px;
	padding-left: 1em;
	background:url(../images/cover-li.png) top left no-repeat;
	
} */

/* Undertie within a sentence */
.undertie {
    margin-bottom:-5px;
}

/* Styles related to the assessment pages */
#exam_paper {
	max-width: 880px;
    width: 100%;
	box-shadow: 1px 1px 3px 1px #888888;
	margin-top: 1px;
}

#exam_paper .top {
/* 	background:	url(../images/assessment_bg_top.png) top left no-repeat; */
/* height: 5px; */
border-left: 1px solid #676767;
border-right: 1px solid #676767;
/* box-shadow: 1px black;
box-shadow: 1px 1px #888888; */
border-top: 1px solid #676767;
}
#exam_paper .top_strip {
	/* background:	url(../images/assessment_bg_middle.png) top left repeat-y;
	padding: 	1px 8px 1px 8px;	 */
	border-left: 1px solid #676767;
border-right: 1px solid #676767;
/* box-shadow: 1px black;
box-shadow: 1px 1px #888888; */
padding: 2px;
}
#exam_paper .top_strip .colour_bar {
	background-color:	#CC0066;
	height:				47px;
}
#exam_paper .top_strip .info_box {display: none !important;}
	/*width:		177px; Removed width to allow for variable score size */
	height:		34px;
	float:		right;
	margin:		4px;
}
#exam_paper .top_strip .info_box .left {
	float:				left;
	border-right: 		2px solid #E16BA6;
	background-color:	#F2BFD9;
	padding:			1px 0 1px 4px;
	width:				126px;
}
#exam_paper .top_strip .info_box .right {
	float: 				left;
	background-color:	#F2BFD9;
	padding:			1px 5px 1px 5px;
	/*width:				40px; Removed width to allow for variable score size */
	
}

#exam_paper .top_strip .label {
	font-family:	"Times New Roman", Times, serif;
	color:			#CC0066;
	font-size:		12px;
}
#exam_paper .top_strip .data_values {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		18px;
	color:			#DF5F9F;
	font-weight:	bold;	
}

#exam_paper .middle {
	/* background:	url(../images/assessment_bg_middle.png) top left repeat-y; */
	/* padding:	20px 50px 50px 50px; */
	padding: 30px;
	min-height: 350px;
	border-left: 1px solid #676767;
	border-right: 1px solid #676767;
}

#exam_paper .num_times_msg {
	font-family:	"Times New Roman", Times, serif;
	text-align:		center;
	color:			#0000FF;
	font-size:		18px;
	margin:			15px 0 15px 0;
}
#exam_paper .horiz_line {
	margin-bottom:	20px;
	border: 		0;
	color: 			#9E9E9E;
	background-color:#9E9E9E;
	height: 		1px;
	/* width: 			97.3%; */
	text-align: 	left;
	margin-left: 8px;
}

#exam_paper .bottom {
	/* background:	url(../images/assessment_bg_bottom.png) top left no-repeat;
	height:		5px; */
	border-bottom: 1px solid #676767;
}

#exam_paper .heading {
	font-family:	"Times New Roman", Times, serif;
	font-size:		44px;
	text-align:		center;
}

#exam_paper .part {
	font-size:		24px;
	text-align:		left;
	margin-bottom:	0.8em;
}

#exam_paper .instr_txt{
	width:			100%;
	margin-bottom:	20px;
}

#exam_paper .instr_txt_speak{
	width: 100%;
	padding:	20px 0;
}
#exam_paper .scorePercentage {
	font-size:		13px;
}
#exam_paper .assComplete {
	color:			#cc0066;
}
#exam_paper .assessmentPreview {
	border: dotted 1px #cc0066;
	background-color: #FDEEFC;
	margin: 1em 0; 
	padding: 0.8em; 
}

#exam_paper .assessmentPreview .headingtext{
	font-size:16px; 
	font-weight:bold;
}

#exam_paper .assessmentPreview li{
	font-size:13px;
	margin-left: 20px; 
}
#exam_paper .speakToTeacher {
	background:url(../images/speechbubbles.jpg) top right no-repeat;
	min-height: 254px;
}


.eportfolio {
	margin-left: -42px;	
}

.highlight {
	background-color: #FFFD66;
}

.flash_outline {outline:none;}




/* Portfolio */
#portfolio_link{
	background:url(../images/portfolio_bg_rect.png) top left repeat-y;
	width: 133px;
	height: 80px;
	padding: 0 0 0 5px;
	text-align: center;
	position: fixed;
	bottom: 40px;
	margin-left: 12px;
}

#portfolio_tooltip {
	position:absolute;
	display:none;
	width: 295px;
	position: fixed;
	margin-left:-170px;
	bottom: 124px;
	z-index: 42;
}

#portfolio_pic {
	border:0;
}

.portfolio_tooltip_top {
	background:url(../images/portfolio_tooltip.png) top left no-repeat;	
	background-position: 0 0px;
	width: 295px;
	height: 20px;
}
.portfolio_tooltip_top img {
	margin-left: 272px;
	margin-top: 6px;
	border: 0;
}
.portfolio_tooltip_bg {
	background:url(../images/portfolio_tooltip.png) top left repeat-y;
	background-position: -296px 0px;
	width: 250px;
	padding: 0 25px 0 20px;
}
.portfolio_tooltip_bottom {
	/*background:url(../images/portfolio_tooltip_bottom.png) top left no-repeat;	*/
	
	background:url(../images/portfolio_tooltip.png) top left no-repeat;	
	background-position: 0 -20px;
	width: 295px;
	height: 31px;
}
.portfolio_tooltip_bg p {
	font-weight: bold;
	font-size: 14px;
	line-height: 120%;
	padding-bottom:8px;
}

#ttToggler {
	/*margin: 0 1em 0 1em;*/
}
#ttExplanation .really {
	background-color:#FFFFC0;	
	padding: 0.5em;
	margin-top: 8px;
}
#ttExplanation p {
	font-size: 11px;	
	color: #06F;
	padding:5px;
}

#ttWhatsThis {
	text-align: left; 
	font-size: 10px; 
	color: blue;
	border-bottom: dotted 1px;
	cursor: pointer;
}
#ttClose {
	cursor: pointer;	
}

#mobilebtn {
	display:none;
}

.mobile-menu {
display: none;
} 

.ipadscrollfix { 
	overflow-x:auto !important;
	-webkit-overflow-scrolling:touch !important;
	max-width:920px !important;
	width:100%;
	float:left;
}

@media screen and (max-width: 1024px) {
  #right_column {
		display:none;
  }
  #container {
  /*   background: url("../images/mobile_bg_container_new_2.png") repeat-y scroll center top / contain rgba(0, 0, 0, 0); */
	background-size: 100% 100% !important;
  }
   #container_wrap {
    background: url("../images/mobile_bg_container_new_2.png") repeat-y scroll center top / contain rgba(0, 0, 0, 0);
	background-size: 100% 100% !important;
  }
  #container_top {
		background: url("../images/mobile_page_top_new.png") no-repeat scroll center top / contain  rgba(0, 0, 0, 0);
  }
  #left_column {
	   padding-left: 6%;
	   width: 90%;
  }
  h1.section1 {
		width:98%;
		/* padding-bottom: 1%; */
  }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	  			@media screen and (min-width: 1024px) {
#right_column1{
display: none !important;
}
			}
	  
	  h1.section1 {
		width:95%;
		/* padding-bottom: 1%; */
  }
     #container_top {
		background-size: 100% 100%!important;
		object-fit: contain;
	}
  }
/*   .badge {
		right: 33px;
		margin-left:0px;
  } */
  #image_panel {
		height: auto;
		float:left;
  }
  .english {
		 float:left; 
		width:80%;
  }
  #right_column {
	top:13px;
	width:40px;
	display: block;
    margin-left: 12px;;
    padding: 5px;
    position: absolute;
	background-color:grey;
	height:25px;
	 border-top-right-radius:3px;
	border-bottom-right-radius:3px; 
  }
  #right_column > div {
	display:none;
  }
  #right_column > div.mobile-menu, #right_column > div#navBtnHolder {
	display:block;
  }
  #right_column.showmenu {
    width: 165px;
	height:auto;
 }
 #right_column.showmenu > div {
	display:block;
 }
 #right_column.showmenu > div#portfolio_tooltip {
	display:none;
 }
 /* #navBtnHolder {
	right:6px;
 } */
.mobile-menu {
	display: block;
	position: absolute;
	right: 3%;
	top: 42px;
	cursor: pointer;
}
.mobile-menu span {
	display: block;
	margin-top: 4px;
	height: 2px;
	background: white;
	width: 24px;
}
}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		 #container_top {
		background-size: 100% 101% !important;
	}
	 #right_column1 {
		top:8px !important;
	 	  right:0% !important;  
		width:142px !important;
		margin-left: 12px !important;
		margin-right: 0px !important;
		/* position: absolute !important; */
		background-color:grey !important;
		height:auto !important;

	  }
	  
	   #container_top {
		background-size: 100% 100%!important;
		object-fit: contain;
	}
		  .mobile-menu-big-button{
		display: none;
		top: 8px;
		position: relative;
		cursor: pointer;
		color:#FFFFFF;
		width:142px;
		height:32px;
		line-height:30px;
		background-color:grey;
		float:right;
		text-align:center;
		 content: Back;
border:none;
 /*  right:3%; */ 
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
	 }
	.mobile-menu {
		/* display: block; */
		position: relative;
		cursor: pointer;
		color:#FFFFFF;
		width:90px;
		height:32px;
		line-height:30px;
		border-top-left-radius:20px;
		border-bottom-left-radius:20px;
		background-color:#757575  !important;
		float:right;
		text-align:center;
		box-shadow: -2px 2px 1px lightgrey !important;
		-webkit-box-shadow: -2px 2px 1px lightgrey !important;
	    -moz-box-shadow:    -2px 2px 1px lightgrey !important;
		box-shadow:        -2px 2px 1px lightgrey !important;
		 -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
	}
	.mobile-menu span {
		display: block;
		margin-top: 4px;
		height: 2px;
		background: white;
		width: 24px;
	}
	@media screen and (min-width: 1024px) {
		#right_column1{
		display:none;
		}
		#right_column{
		display:block;
		}
		#mobile-menu-button{
		display:none;
		}
		}

		@media screen and (max-width: 1024px) {
			#right_column{
			display:none;
			}
			#right_column1{
			display:none;
			}
			#mobile-menu-button{
			display:block;
			}	
				 
			}
	
}




@media screen and (min-device-width:600px) and (max-device-width:767px),screen and (min-width:600px) and (max-width:767px),screen and (min-device-width:100px) and (max-device-width:599px),screen and (min-width:100px) and (max-width:599px) {


.ipadscrollfix { 
	overflow-x:scroll !important;
	-webkit-overflow-scrolling:touch !important;
	max-width:767px !important;
	width:100%;
	float:left;
}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	/* STYLES GO HERE */
	#navBtnHolder{
		position: absolute !important;
		float: right;
		
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */
	#navBtnHolder{
		position: absolute !important;
		float: right;
	
	}
}
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { /* STYLES GO HERE */
	#navBtnHolder{
	 position: absolute !important; 
		float: right;
		/* top:-125px; */
	
	}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { /* STYLES GO HERE */
	#navBtnHolder{
		position: absolute !important;
		float: right;
		/* top:-125px; */

	}
}




@media screen and (max-width: 1024px){
	#nav h2.section1 {
		background: url(../images/04-edit.png) top left no-repeat !important;
		margin-left: 8px;
	}
	#nav h2.over {
		background-position: 0 -56px !important;
	}
	#nav h2.section2 {
		background: url(../images/05-edit.png) top left no-repeat !important;
		margin-left: 8px;
	}
	#nav h2.over {
		background-position: 0 -56px !important;
	}

	#nav h2.section3 {
		background: url(../images/01-edit.png) top left no-repeat !important;
		margin-left: 8px;
	}
	#nav h2.over {
		background-position: 0 -56px !important;
	}
	#nav h2.section4 {
		background: url(../images/02-edit.png) top left no-repeat !important;
		margin-left: 8px;
	}
	#nav h2.over {
		background-position: 0 -56px !important;
	}
	#nav h2.section5 {
		background: url(../images/03-edit.png) top left no-repeat !important;
		margin-left: 8px;
	}
	#nav h2.over {
		background-position: 0 -56px !important;
	}
	#right_column1 {
		width: 150px !important;
	}

	.mobile-menu-big-button {
		width: 150px !important;
	}

	#nav .navContentHolder {
		background: url(../images/nav_content_bg.png) top left;
		margin-left: 8px;
	}
	.navbottom{
		margin-left: 8px !important;
	}
	#nav .content {
		background-image:none !important;
	}
	/* 	#translation_top {
	
		background: url(../images/06-edit.png) top left no-repeat;
		margin-top: 10px;
	} */
/* 	#translation_bottom {
		
		background: url(../images/07-edit.png) top left no-repeat;
		margin-left: 2px;
		margin-bottom: 10px;
	} */
	#translation {
		background: url(../images/menu-left.png) top left repeat-y;
		padding: 22px 15px;
		width: 120px;
		height: 84px;
		margin-left: 2px;
		    background-repeat: no-repeat;
			    
	}
}