/* MAKE BOTH COLUMNS REMAIN THE SAME HEIGHT */
.cols-fullht-fullwidth {
	float: left;
	width: 100%;
	overflow: hidden;
	background-color: white;
	border:1px solid #6cb0d5;
	border-top: 0px;
	border-radius: 0 0 10px 10px;
}
.fullht-leftnav-parent {
	float: left;
	width: 100%;
	position: relative;
	right: 75%; /* width of left content */
	background-color: #C1E5F5;
}

/*desk-fullht-leftnav-parent - This class has been added for two column layout css fix. (30% left nav and 70% main content) */

.desk-fullht-leftnav-parent{
    right: 70%;
}

.fullht-leftnav {
	float:left;
	width:25%; /* width of content */
	position:relative;
	left:75%; /* position of content */
	overflow:hidden;
	padding: 0;
}
.fullht-main {
	float:left;
	width:75%; /* width of content */
	height: 100%;
	position:relative;
	left:75%; /* position of content */
	overflow:hidden;
	padding: 20px;
	border-left:0;
}
@media (min-width: 768px) {
    .desk-fullht-leftnav-parent .fullht-leftnav {
        width: 30%;
        left: 70%;
    }

    .desk-fullht-leftnav-parent .fullht-main {
        width: 70%;
        left: 70%;
    }
}
/* TABLET */
@media (min-width: 768px) and (max-width: 991px) { 
	.fullht-leftnav-parent {
  		right: 70%;
 	}
 	.fullht-leftnav {
  		left: 70%;
  		width: 30%;
 	}
 	.fullht-main {
  		left: 70%;
  		width: 70%;
 	}
}


/*md mode*/
@media (min-width: 992px) and (max-width: 1199px) {
    .fullht-leftnav-parent {
  		right: 70%;
 	}
 	.fullht-leftnav {
  		left: 70%;
  		width: 30%;
 	}
 	.fullht-main {
  		left: 70%;
  		width: 70%;
 	}
}

/* PHONE -- SM (768px) */
@media screen and (max-width: 767px) {
	.cols-fullht-fullwidth {
		border-radius: 0 0 0 0;
		margin-bottom: 25px;
	}
	.fullht-leftnav-parent {
		width: 100%;
		right: 100%; /* width of left content */ }
	.fullht-leftnav {
		width:0%; /* width of content */
		left:0%; /* position of content */ }
	.fullht-main {
		width:100%; /* width of content */
		left:100%; /* position of content */
		padding:10px;
		border-right: 0px solid rgba(0,0,0,.2);
		border-bottom: 0px solid rgba(0,0,0,.2);
		border-left: 0px solid rgba(0,0,0,.2);
		margin-bottom: 20px; }
		
/* MAKE BOTH COLUMNS REMAIN THE SAME HEIGHT */
.cols-fullht-fullwidth {
	float: left;
	width: 100%;
	overflow: hidden;
	background-color: white;
	margin-bottom: 20px;
	border: 1px solid rgba(0,0,0,0.15);
	border-top: 0px;
	border-radius: 0 0 10px 10px;
}
.fullht-leftnav-parent {
	float: left;
	width: 100%;
	position: relative;
	right: 75%; /* width of left content */
	background-color: #C1E5F5;
}
.fullht-leftnav {
	float:left;
	width:25%; /* width of content */
	position:relative;
	left:75%; /* position of content */
	overflow:hidden;
	padding: 0;
}
.fullht-main {
	float:left;
	width:75%; /* width of content */
	height: 100%;
	position:relative;
	left:75%; /* position of content */
	overflow:hidden;
	padding: 20px;
	border-left: 1px solid rgba(0,0,0,0.15);
}
}
/* PHONE -- SM (768px) */
@media screen and (max-width: 767px) {
	.cols-fullht-fullwidth {
		border-radius: 0 0 0 0;
		margin-bottom: 0px;
	}
	.fullht-leftnav-parent {
		width: 100%;
		right: 100%; /* width of left content */ }
	.fullht-leftnav {
		width:0%; /* width of content */
		left:0%; /* position of content */ }
	.fullht-main {
		width:100%; /* width of content */
		left:100%; /* position of content */
		padding:10px;
		border-right: 0px solid rgba(0,0,0,.2);
		border-bottom: 0px solid rgba(0,0,0,.2);
		border-left: 0px solid rgba(0,0,0,.2);
		margin-bottom: 20px; }
}