.ipadscrollfix { 
	overflow-x:auto !important;
	-webkit-overflow-scrolling:touch !important;
	width:100%;
	max-width:750px !important;
	float:left;
}
.panelrightcolumn.two {
    width: 40%;
}
.panelleftcolumn.two {
    /* width: 60%; */
    width: calc(60% - 20px);
    padding-right: 20px;
}
div#vertical_slide {
	display:none;
}
.showdiv {
	display: block !important;
}
.videodiv {
	float:left;
	width:auto;
}
.transcriptdiv {
	float:left;
	width:auto;
	margin-left:5px;
}
.row{
	display:table;
}
.column{
	display:table-cell;
}

.one{
	width:100%;
}
.two{
	width:48%;
	float:left;
}
.three{
	width:75%;
	float:left;
}
.three-one{
	width:18.75%;
	float:left;
}
.three-two{
	width:37.5%;
	float:left;
}
.three-three{
	width:56%;
	float:left;
}
.four{
	width:25%;
	float:left;
}
.col-8{
	width:80%;
}
.col-7{
	width:70%;
}
.col-6{
	width:60%;
}
.col-5{
	width:50%;
}
.col-4{
	width:40%;
}
.col-3{
	width:30%;
}
.col-2{
	width:20%;
}

@media screen and (max-width:1024px){
	
	
#navBtns {

    left:81.5% !important;
	}
}

@media screen and (max-width: 960px) {
.main-content  {
	width: -moz-calc(100% - 15px);
	width: -webkit-calc(100% - 15px);
	width: calc(100%-15px);
	overflow-y:hidden;
}
.left-column {
	width: -moz-calc(100% - 15px);
	width: -webkit-calc(100% - 15px);
	width: calc(100%-15px);
}
.left-column p > br {
	display:none;
	clear:both;
}
/*.panelleftcolumn {
	width:100%;
}
.panelrightcolumn {
	width:100%;
	float:left;
}*/
#menu > ul {
	display:none;
	position:absolute;
	background:rgba(211, 211, 211, 0.94);
	width:250px;
	border:1px solid grey;
	margin-left: 0px !important;
    z-index: 1000;
	padding-left: 5px !important;
	overflow: hidden;
}
.left-column > img {
	float:right;
	margin-right:25px;
}
.left-column > img:first-child {
	float:left;
	margin-left:25px;
}
.left-column #menu {
	margin-top:20px;
	margin-bottom: 0px;
	width:100%;
	clear:both;
}
.right-column {
	width:100%;
}
#footer {
	width:100%;
}
#vertical_slide {
	overflow: scroll;
}
.menu_contents {
	 color: white !important;
	 padding: 5px;
	 background-color: grey;
	 border: 1px solid grey;
	 border-top-left-radius: 3px;
	 border-top-right-radius: 3px;
	 cursor: pointer;
}
.showdiv {
	display: block !important;
}
.transcriptdiv {
	margin-left:0px;
}
}
@media screen and (max-width: 768px) {

.row{
  display:block;
}

.column{
 display:block;

}
.mootabs_title {
   padding:0px;
   width:100%;
   background-color:transparent;
   height:auto;
}
.mootabs_title li {
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  background-image:none;
  width:50%;
  background-color: #434447;
  padding:0px;
  text-align:center;
}
.mootabs_title li:nth-child(even) {
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	width:-moz-calc(50% - 1px);
	width:-webkit-calc(50% - 1px);
	width:calc(50% - 1px);
}
.mootabs_title li:nth-child(odd) {
	border-bottom:1px solid white;
}
.mootabs_title li:last-child:nth-child(odd) {
	width:100%;
}
.mootabs_title li.active {
	background-image:none;
	height:40px;
}
.pagetitle {
  font-size:17px;
/*  width:75%;
  line-height: 21px;
  padding-top: 8px;*/
  line-height: 24px;
  padding-top:16px;
  padding-bottom: 6px;
}
#navBtns{
	position:fixed;
	left:70% !important;
}


#menu > ul{
	position:absolute;
z-index:99999;
}
.two{
	width:47;
	padding-left:2%;
}


}

@media screen and (max-width:480px){
	
	.two,.three,.three-one,.three-two,.three-three,.four{
	width:100%;
}

.panelrightcolumn{
	margin-top:2% !important;
}

.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2{
	width:90% !important;
	margin-left:auto !important;
	margin-right:auto !important;
}


.pagetitle.megalongtxt{
		line-height: 18px;
		width:80%;
		vertical-align:middle;
		padding-top:9px;
		height:42px;
		}

	}
	
	
@media screen and (max-width:400px){
	.pagetitle.longtxt{
		line-height: 18px;
		width:80%;
		vertical-align:middle;
		padding-top:10px;
		height:41px;
		}
	
	
	.pagetitle.tolongtxt {
     font-size:16px !important;
	 line-height: 16px !important;
	 width:78% !important;
   }
	
	.pagetitle{
		
		}
		
		.content{
			width:95%;
			padding-right:3%;
			}
	.two,.three,.three-one,.three-two,.three-three,.four{
	width:93%;
}
#transcript{
	width:88%;
	
}
#togglebutton{
	width:97%;
}
}