/*DEFAULT SETTINGS */
/*body{background-color:pink;}*/

#mbl-footer-bar{
		display:none;
}

.MBL_header_title{
		color:#0F869B;
		font-size:30px;
}

.varibleWidtSlider, .responsive-left-content{
		width:740px;
		display:inline-block;
		vertical-align:top;

}

.responsive-right-col{
		width:255px;
		display:inline-block;
		vertical-align:top;

}


.placeStyle{
		top:-30px;
}

#donations{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
}

#closemapContainer{
		display:none;
		height:30px;
		width:82px;
		position:fixed;
		border-radius: 0px 0px 6px 6px;
		top:300px;
		right:0px;
		text-align:right;
		padding-right:25px;
		padding-top:10px;
		color:white;
		z-index:999999;
		background-color:#063A44;
}

#mapContainerLabel{
		display:none;
		height:30px;
		position:fixed;
		border-radius: 0px 0px 6px 6px;
		top:3px;
		left:3px;
		color:#FFFFFF;
		z-index:999999;
		background-color:#063A44;;
		font-size:30px;
		white-space:nowrap;
		border-radius: 6px 6px 0px 0px;
		padding: 0px 7px;
}

#mapContainerLabelBack{
		display:none;
		height:30px;
		width:100%;
		position:fixed;
		top:0px;
		left:0px;
		z-index:99999;
		background-color:peachPuff;
/*	#EAE6C4;*/
}

.marqueeTileContainer {
	display:inline-block;
}
.marqueeTileLabel {
	position:absolute;
	width:135px;
}
.mapCard {
/*	height:500px;
	overflow:auto;*/
}
.card-col-desc {
	max-width:100%;
	padding:0px;
	margin:0px;
	white-space:normal;
}
.card-col-img {
	width:300px;
	display:block;
	border-radius:0px;
}
.mbl_content {
	display: none;
}
.desk_content {
	display: block;
}
.mousetrail-Desk {
	display: block;
}
.mousetrail-MBL {
	display: none;
}
.big-class-price {
	font-size:30px;
}
.prodGrid3 {
	width:320px;
	margin-right:9px;
	margin-bottom:12px;
}

.modal-width {
	width:800px !important;
}
.left-col {
	width:33%;
}
.pannel_programs_list {
	width:60%;
}
.mbl-page-title {
	color:#000000;
}

.site_reference_map{
	position:fixed;
}





/* Wider Screens - but not desktop */
@media (max-width:66em) { /* 992px wide */
/*body{background-color:blue;}*/
			
		.varibleWidtSlider, .responsive-left-content{
			width:630px;
			display:inline-block;
			vertical-align:top;
		}

		.responsive-right-col{
				width:255px;
				display:inline-block;
				vertical-align:top;
		}
}

/* Wider Screens - but not desktop */
@media (max-width:58em) { /* 928px wide */
/*body{background-color:purple;}*/

	.varibleWidtSlider, .responsive-left-content{
		width:580px;
		display:inline-block;
		vertical-align:top;
	}

	.responsive-right-col{
			width:255px;
			display:inline-block;
			vertical-align:top;
	}
	
	.mapCard .card-col{
		border-bottom:8px solid #AADE79;	
	}
	.placeStyle{
		top:0px;
	}
	.top_info_bar {
		float:none;
		width:200px;
	}
	.navBar i {
		display:none;
	}
	.mapCard {
		height:100%;
		overflow:auto;
	}
	.card-col-img {
		width:300px;
		display:inline-block;
	}
	.siteNameStats {
		max-width:100%;
	}
	.columns_two {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
	}

	.faq_container {
		color:white;
		background-color:#063A44;
		border-radius:10px;
		margin-bottom:20px;
	}
	.online-price {
		font-size:22px;
	}
	.mousetrail-Desk {
		display: block;
	}
	.mousetrail-MBL {
		display: none;
	}
	.big-class-price {
		font-size:22px;
	}
	.faq_body {
		color:white;
	}
	.left-col {
		width:100%;
	}
	.pannel_programs_list {
		width:100%;
	}
	#searchBtn {
		display:none;
	}
	.central-body {
		display:block;
		width:100%;
	}
	.mbl_white {
		color:white !important;
	}
	.custom_mbl_foreground {
		color:#FFFFFF;
	}
	.td_label, .td_label_manditory {
		min-width:88px;
	}
	.sameAsNextField { /*  this will turn the arrow to point up as divs in MBL will stack  */
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.modal-width {
		width:90% !important;
	}
	#topBarDiv {
		width: 260px;
		margin: auto;
		position: absolute;
		right: 20px;
		text-align: left;
		padding: 30px 22px;
		border-radius: 22px;
		border: 2px solid #FFFFFF;
		top: 70px;
		z-index: 999999;
		font-size: 15px;
		vertical-align: middle;
	}
	#topBarDiv>img {
		display: inline-block;
		vertical-align: middle;
		margin-right: 7px;
		width: 45px;
	}
	#topBarDiv>label {
		font-size: 15px;
	}
	.content-box {
		background: none;
		margin: 8px auto;
	}
	.nav-mbl {
		margin-bottom: 8px;
	}
	.nav-mbl>img {
		vertical-align: middle;
		margin-right: 7px;
	}
	.nav-mbl-action>img {
		width: 45px;
	}
	.gutter {
		padding-right: 0px;
	}
	.mblDetailsBtn {
		display: block;
	}
	.da-slider {
		width: 100%;
		min-width: inherit;
		min-height: 254px;
		margin-bottom: 8px;
	}
	.da-slide p {
		width: 100%;
	}
	#currentOrderPageTitle {
		height: 110px;
		padding-left: 40px;
		background: url(/assets/images/ico_cart_basket_white.png ) no-repeat;
		background-position: left;
		background-size: 30px 30px;
	}
	.liteBackground {
/*		background-color: #F6F6EF;*/
	}
	.liteBackground TR>TD {
		color: #000000;
		font-size: 11px;
		white-space: normal;
	}
	.ghost_title {
		font-size:20px;
	}
	.ghost_title_lg {
		font-size:30px;
	}
	.ghost_title_med {
		font-size:17px;
	}
	.BigBtn {
		margin:6px;
	}
	.prodGrid3 {
		width:100vw;
		margin-right:0px;
		margin-bottom:0px;
	}
	.thin-open-med {
		font-size:12px;
		border:none
		padding:0;
	}
	#google_map, #google_map_iFrame{
		height: 280px;
		border:10px solid #063A44;
		border-radius: 12px;
		position: fixed;
		z-index: 999998;
		box-shadow:0px 30px 15px peachPuff;	
	}
	#google_map{z-index:999999;}
}

@media (max-width:59em) { /* 830px wide */
/*body{background-color:yellow;}*/
	
	.varibleWidtSlider, .responsive-left-content{
		width:520px;
		display:inline-block;
		vertical-align:top;
	}


}

@media (max-width:54em) { /* 768px wide */
/*body{background-color:red;}*/
	.varibleWidtSlider, .responsive-left-content{
		width:475px;
		display:inline-block;
		vertical-align:top;
	}

		.marqueeTileContainer {
		display:none;
	}
	.navBar {
		width:100vw;
	}
	.logo {
		background-position:0px 0px;
		width:140px;
	}
	.thumb-div {
		width:100%;
		max-width:500px;
	}
}
@media (max-width:47em) { /* 768px wide */
/*body{background-color:green;}*/
	.varibleWidtSlider, .responsive-left-content{
		width:360px;
		display:inline-block;
		vertical-align:top;
	}

/* MAIN CSS FOR MOBILE SCREENS*/
/*--------------------------------*/
@media (max-width:40em) { /* 635 wide */
/*body{background-color:orange;}*/	
	
	.varibleWidtSlider, .responsive-left-content{
			width:100%;
			display:inline-block;
			vertical-align:top;
	}

	.responsive-right-col{
			width:100%;
			display:inline-block;
			vertical-align:top;
	}


	.mbl_content {
		display: block;
	}
	.desk_content {
		display: none;
	}
	.columns_two {
		max-width:47%;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
	}
	.card-col-img {
		width:100%;
		display:block;
		border-radius:16px;
	}
	.thumb-div {
		max-width:500px;
	}
	
	#mbl-footer-bar{
			border-top:1px solid #000000;
			position:fixed;
			bottom:0px;
			height:58px;
			width:100vw;
			background-color:#FFF;
			display:block;
			padding-top:10px;
	}
}

@media (max-width:30em) { /* 635 wide */
/*body{background-color:purple;}*/
		
		.MBL_header_title{
			color:#0F869B;
			font-size:18px;
	}
	
	#mbl-footer-bar{
			display:block;
			border-top:1px solid #000000;
			position:fixed;
			bottom:0px;
			height:58px;
			width:100vw;
			background-color:#FFF;
			padding-top:10px;
	}
}