/*DEFAULT SETTINGS */
/*body{background-color:pink;}*/
#marquee_tile_1, #marquee_tile_2, #marquee_tile_3 {display:inline-block;
}
.marqueeTileContainer { display:inline-block;
}
#mbl-footer-bar {
	display:none;
}
.MBL_header_title {
	color:#0F869B;
	font-size:18px;
}
.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;*/;
}
.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:1180px) { /* 1015px wide */
	
	/*body{background-color:teal;} */
	.marqueeTileContainer { display:inline-block;
	}
	#marquee_tile_1 {display:none;
	}
	#marquee_tile_2, #marquee_tile_3 {display:inline-block;
	}
}	
@media (max-width:994px) { /* 830px wide */
	
	/*body{background-color:yellow;}*/
	.varibleWidtSlider, .responsive-left-content {
		width:520px;
		display:inline-block;
		vertical-align:top;
	}
}
/* Wider Screens - but not desktop */
@media (max-width:992px) { /* 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:940px) { /* 928px wide */
		#marquee_tile_2 {display:none;
	}
	#marquee_tile_1 {display:none;
	}
	#marquee_tile_3 {display:inline-block;
	}
}	
	
	
/* Wider Screens - but not desktop */
@media (max-width:930px) { /* 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%;
		max-width:1259px;
		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 {z-index:999999;
	}
}
@media (max-width:864px) { /* 768px wide */
	/*	body{background-color:red;}*/
	
	.varibleWidtSlider, .responsive-left-content {
		width:475px;
		display:inline-block;
		vertical-align:top;
	}
	.navBar {
		height:80px;
		width:100vw;
	}
	.logo {
		background-position:0px 0px;
		width:160px;
	}
	.thumb-div {
		width:100%;
		max-width:500px;
	}
}
@media (max-width:730px) { /* 780px wide */
	/*body{background-color:green;}*/
	.marqueeTileContainer { display:inline-block;
	}
	#marquee_tile_2 {display:none;
	}
	#marquee_tile_1 {display:none;
	}
	#marquee_tile_3 {display:inline-block;
	}
	.varibleWidtSlider, .responsive-left-content {
		width:360px;
		display:inline-block;
		vertical-align:top;
	}
	/* MAIN CSS FOR MOBILE SCREENS*/
	/*--------------------------------*/
	@media (max-width:640px) { /* 635 wide */
		/*body{background-color:orange;}*/
		#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;
		}
		.marqueeTileContainer { display:none;
		}
		.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:480px) { /* 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;
		}
	}