*{
    box-sizing:        border-box;
	-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
}

html{
	padding: 0px;
	margin: 0px;
	border: none;
	background-color:black;
}			
body{
	padding: 0px;
	margin: 0px;
	border: none;
	font-size: 100%;
	max-width: 100%;
	min-height: 100%;
	font-family: 'Questrial', sans-serif;
	text-shadow: 0px 0px 1px rgba(0,0,0,0.3);
}

h1{margin: 0em 0em 0em 0em; font-size: 4vw; color: #FBB713; text-transform: uppercase; font-weight: normal; line-height: 1em;}
h2{margin: 0em 0em 0.5em 0em; font-size: 1.4em; color: #FBB713; text-transform: uppercase; font-weight: normal;}
h3{margin: 0em 0em 0.5em 0em; font-size: 1.2em; color: #FBB713; text-transform: uppercase; font-weight: normal;}
h4{margin: 0em 0em 0.5em 0em; font-size: 1.0em; color: #FBB713; text-transform: uppercase; font-weight: normal; margin-top: 15px;}

#page{
	position: relative;
	z-index: 3;
	left: 0px;
	top: 0px;
	padding: 0px;
	transition: left 0.5s;
	-moz-transition: left 0.5s;
	-webkit-transition: left 0.5s;
	-o-transition: left 0.5s;
	background-color: #212123;
	box-shadow: -5px 0px 15px rgba(0,0,0,0.4);
	min-height: 100%;
}

.wrapper{
	width: 100%;
	min-height: 150%;
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow-x: hidden;
	background-color: #212123; /*---------- MOBILE NAV BACKGROUND COLOR -------------*/
}


/*------------------------------------------------- TITLE ------------------------------------------------*/		

	.titleContainer{
		background-image: url(../images/bkgrd-title.jpg);
		background-size: auto 100%;
		background-color: rgb(150,150,150);
		padding: 1px 0px;
		width: 100%;
		min-width: 300px;
		display: table;
	}

	.title{
		margin: 0px;
		background-color: transparent;
		padding: 15px;
		overflow:hidden;
		display: table-cell;
		vertical-align:middle;
		position:relative;
	}
		.title img{
			float:left;
			width: 47%;
			height: auto;
			min-width: 650px;
			margin-left: 2%;
		}
	
	.title-bullets{
		display:block;
		float:left;
		text-align: right;
		white-space: nowrap;
		color: #F8BA0F;
		text-transform: uppercase;
		font-size: 0.9em;
		text-align:right;
		direction: rtl;
		margin: 10px 0px;
		
	}
	.title-products{
		float:left;
		margin: 0% 2%;
		color:white;
		text-transform: uppercase;
		max-width: 25%;
		font-size: 0.8em;
		text-align: center;
	}
		.title-products h1{font-weight: normal; margin: 0; font-size: 2.6em; line-height: 1.4em;}
		.title-products h2{font-weight: normal; color: #C7C7C7;}
		.title-products h3{font-weight: normal; color: #807F84;line-height: 0.4em;}
			.title-products h3 span{font-size: 0.7em;}
	
		.mobileSocial{display:none}
		.mobileSocial{
			position: relative;
			float:right;
			padding: 0px;
			display:block;
			width: 280px;
			text-align:right;
		}
			.mobileSocial img{
				float:right;
				margin: 0px 2px;
				width: 25px;
				height: auto;
				border-radius: 20%;
				box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
			}
	.titleSocial{
		z-index: 2;
		position: absolute;
			top: 50%;
			transform: translate(0,-50%);
			-ms-transform: translate(0,-50%);
			-webkit-transform: translate(0,-50%);
		right: 0px;
		margin-right: 1%;
		width: 7%;
		max-width: 180px;
		min-width: 100px;
		height: auto;
		border: 2px solid rgba(0,0,0,0.3);
		background-color: rgba(255,255,255,0.3);
		padding: 0px;
		background-image: url(../images/bkgrd-social.jpg);
		background-size: 100% 100%;
	}
		.titleSocial img{
			float:left;
			margin: 7%;
			width: 35%;
			height: auto;
			min-width: 0px;
			border:none;
			border-radius: 20%;
			box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
		}
	.btnDivider{
		width: 4px;
		height: 95%;
		margin-top: 2%;
		position: absolute;
		top: 0px;
		left: 46%;
		border-right: 2px solid rgba(0,0,0,0.2);
		border-left: none;
	}
		.titleSocial .newLine{clear:both}
		.titleSocial .blank{display:inline-block;}
		.titleSocial .spaced{margin-right: 5%}
	
/*------------------------------------------- ANIMATED CSS ONLY NAV -----------------------------------------*/
	.respNavContainer{
		position: relative;
		z-index:3;
		background-color: rgb(100,100,100);
		background-image: url(../images/bkgrd-nav.jpg);
		background-size: auto 100%;
		width: 100%;
		font-size: 1.1em;
		font-size: 1.2vw;
		min-width: 300px;
	}
	.respNavContainer ul.nav{
		display:block;
		position: relative;
		padding: 0px;
		margin: 0px 0px;
		width: 100%;
	}
		.respNavContainer ul.nav a{   /*-------------------------------PRIMARY NAV BUTTONS ------------------------*/
			display:table-cell;
			width: 1%;  /* -------------------WEIRD - has to be like this so <a> expands to fill <li> (100% should work, but doesn't) - ALL BROWSERS -----------*/
			height: 75px;
			height: 4vw;
			line-height: 1.2em;
			vertical-align: middle;
			background-color: black;
			color: white;
			text-decoration: none;
			background-image: url(../images/shadow.png),url(../images/navBack-off.jpg);
			background-size: 15px 100%, 100% 100%;
			background-repeat: no-repeat, no-repeat;
		}
		.respNavContainer ul.nav a:hover, .respNavContainer ul.nav a.selected{
				background-image: none, url(../images/navBack-over.jpg);
				color:black;
		}
/*
		ul.nav>li:first-of-type{
			display:none;
		}
*/
		.respNavContainer ul.nav>li{
			display: inline-block;
			color: white;
			margin: 0px 0px;
			width: 13.7%;
			text-align: center;
			height: 100%;
			position: relative;
			vertical-align: top;
		}
		.respNavContainer ul.nav>li>ul {
			display: block;
			visibility: hidden;
			opacity: 0;
			position: absolute;
			min-width: 100%;
			top: 100%;
			left: 0px;
			padding: 0px;
			transition: opacity 1s;
			-moz-transition: opacity 1s;
			-webkit-transition: opacity 1s;
			-o-transition: opacity 1s;
		}
			.respNavContainer ul.nav>li:hover>ul{
				visibility:visible;
				opacity: 0.95;
			}
			.respNavContainer ul.nav>li ul>li {
				display:block;
				margin: 0px;
				white-space: nowrap;
				position: relative;
				min-width: 100%;
				line-height: 1.2em;
			}
				.respNavContainer ul.nav>li ul>li a{   /*----------------------- FLYOUT NAV BUTTONS --------------------*/
					display:block;
					width: auto;
					height: auto;
					background-color: rgb(50,50,50);
					padding: 5px 5px;
					line-height: inherit;
				}
					.respNavContainer ul.nav>li ul>li a:hover{
						background-color: rgb(100,100,100);	
					}
		.respNavContainer ul.nav>li ul>li ul{
			visibility: hidden;
			opacity: 0;
			position: absolute;
			min-width: 100%;
			top: 5px;
			left: 100%;
			padding: 0px;
			transition: opacity 1s;
			-moz-transition: opacity 1s;
			-webkit-transition: opacity 1s;
			-o-transition: opacity 1s;
		}
		.respNavContainer ul.nav>li ul>li:hover>ul{
			visibility:visible;
			opacity: 0.95;
			background-color: rgb(50,50,50);
		}
	
	.mNavHeader{
		position: relative;
		text-align:center;
		color:white;
		background-color: rgb(75,0,0);
		font-weight: bold;
		font-size:1.4em;
		padding: 5px 0px;
		border-bottom: outset 2px rgba(255,255,255,0.5);
	}
	
	
	.mobileNav{
		display: none;
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		z-index:1;
		padding-top: 0px;
		border-bottom: 1px solid rgba(255,255,255,0.1);
		border-top: 1px solid rgba(0,0,0,0.8);
	}
		.mobileNav ul{
			display:block;
			position: relative;
			margin: 0px;
			padding: 0px;
			background-color: rgb(50,50,50);
		}
		
		.mobileNav ul.nav li{
			display: block;
			position: relative;
		}
		.mobileNav ul.nav>li>a{
			display:block;
			width: 100%;
			clear:left;
			margin: 0px;
			padding: 5px;
			border-top: 1px solid rgba(255,255,255,0.1);
			border-bottom: 1px solid rgba(0,0,0,0.8);
			text-decoration: none;
			font-size: 1.4em;
			color: rgba(255,255,255,0.6);
			padding-right: 30px;
		}
		.mobileNav ul.nav li>ul{
				max-height: 0px;
				overflow: hidden;
				/*display:none;*/
				transition: max-height 1s;
				-moz-transition: max-height 1s;
				-webkit-transition: max-height 1s;
				-o-transition: max-height 1s;
		}
			.mobileNav ul.nav li.clicked>ul{
				max-height: 1000px;
				/*display:block;
				height: auto;*/
			}
		.mobileNav ul.nav>li a:hover{
			background-color: rgba(255,255,255,0.2);
		}
			
		.mobileNav ul.nav>li ul>li>a{
			border-top: 1px solid rgba(255,255,255,0.1);
			border-bottom: 1px solid rgba(0,0,0,0.8);
		}
		.mobileNav ul.nav>li ul>li a{
			display:block;
			text-decoration: none;
			color: rgba(255,255,255,0.6);
			font-size: 1.2em;
			padding: 5px 30px 5px 0px;
		}
				.mobileNav ul.nav>li>ul>li>a{
					padding-left: 20px;
				}
				.mobileNav ul.nav>li>ul>li>ul>li>a{
					padding-left: 40px;
				}
				.mobileNav ul.nav>li>ul>li>ul>li>ul>li>a{
					padding-left: 60px;
				}
				.mobileNav ul.nav>li>ul>li>ul>li>ul>li>ul>li>a{
					padding-left: 80px;
				}
				.mobileNav ul.nav>li>ul>li>ul>li>ul>li>ul>li>ul>li a{
					padding-left: 100px;
				}
	
	.mobileNavControl{
		display:none;
		position: fixed;
		top: 0px; 
		left: 0px;
		width: 100%;
		background-color: black;
		padding: 5px;
		z-index: 4;
		transition: left 0.5s;
		-moz-transition: left 0.5s;
		-webkit-transition: left 0.5s;
		-o-transition: left 0.5s;
		box-shadow: -5px 0px 15px rgba(0,0,0,0.4);
	}
		.mobileNavControl #btnShowNav{
			position: relative;
			width: 25px;
			height: 25px;
			border-radius: 2px;
			background-color: rgba(255,255,255,0.5);
			border: 1px solid rgba(255,255,255,0.2);
			color: white;
			cursor: default;
			padding: 0px;
			overflow:hidden;
		}
		.mobileNavControl #btnShowNav hr{
			padding: 0px;
			margin: 4px 2px;
			border: none;
			background-color: rgba(255,255,255,0.50);
			height: 2px;
		}
			
			
/*---------------------------- MAIN CONTENT AREA AND SIDE COLUMNS ------------------------*/		
	
	.content{position: relative; z-index:2;}
	.content img{max-width: 50%;}
	#SESContactMap img{max-width: 1000000em}		
			
	.main{
		position:relative;
		margin: 0px 2%;
		z-index:2;
		min-width: 300px;
		background-color: rgb(255,255,255);
		overflow: hidden;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
		background-image: url(../images/page-btmShadow.jpg);
		background-repeat: repeat-x;
		background-position: bottom left;
	}
	
	
	.LColContainer{
		width: 25%;
		float:left;
		height: 100%;
		padding: 15px 7px 15px 15px;
		overflow: hidden;
	}
	.MColContainer{
		width: 50%;
		float:left;
		height: 100%;
		padding: 15px 7px 15px 8px;
		overflow: hidden;
	}
	
	.RColContainer{
		width: 25%;
		float:left;
		height: 100%;
		padding: 15px 15px 15px 8px;
		overflow: hidden;
	}
	
		.LCol, .MCol, .RCol{
			background-color: white;
			padding: 1em;
			height: 100%;
			overflow:hidden;
		}
		.LCol{
			background-image: url(../images/bkgrd-leftCol.jpg);
			background-size: 100% 100%;
			color: white;
			font-size: 1.3em;
		}	
			.LCol img{
				width: 100%;
				height: auto;
			}
		.MCol{
			border: 2px solid #BDBEC0;
			padding: 1em 1em 4em 1em;
			color: #344E5F;
			line-height: 1.8em;
			background-image: url(../images/content-btm.jpg);
			background-size: 100% auto;
			background-position: left bottom;
			background-repeat: no-repeat;
		}
		.RCol{
			background-image: url(../images/bkgrd-rtCol.jpg);
			background-size: 100% 100%;
			color: white;
			padding: 0px;
				font-size: 1.1vw;
				line-height: 1.6em;
		}
			.RCol a.phone{
				display:block;
				text-align: center;
				font-style: normal;
				font-size: 2vw; 
				color: #FBB713; 
				font-weight: normal;
				clear: left;
				padding: 0 0.5em;
				margin: 15px 0px;
				text-decoration:none;
			}
			.RCol .contact, .RCol .contact a{
				color: white;
				text-align:center;
				font-style: normal;
				font-weight: normal;
			}
			.RCol .header{
				text-align:center;
				text-decoration: underline;
				color: #76B6E4;
				text-transform: uppercase;
				font-size: 0.7em;
				margin: 10px;
				font-weight: bold;
			}
			.rtCol-sub{
				border-top: 0.6em solid white;
				overflow: hidden;
				margin-top: 1em;
			}	
	
/*---------------------------- FOOTER ------------------------------*/
	

	.footerContainer{
		background-image: url(../images/bkgrd-footer.jpg);
		background-size: auto 100%;
		background-color: rgb(150,150,150);
		padding: 0px 0px;
		clear: both;
		min-width: 300px;
		position: relative;
		overflow: hidden;
	}
	
		
		
		.footer{
			margin: 0px;
			background-color: transparent;
			border-radius: 5px;
			padding: 0.5em 0em;
		}
		.footer img{
			width: 32%;
			margin: 0px;
			min-width: 300px;
		}
	.WCS{
		position: absolute;
		bottom: 1em;
		left: 2%;
		color: #F8BA0F;
		font-size: 0.8em;
		text-align: left;
		width: 8%;
		min-width: 180px;
	}
	.WCS a{color: #F8BA0F;}
	.footerLinks{
		position: absolute;
		bottom: 1em;
		right: 2%;
		color: white;
		font-size: 0.8em;
		text-align: right;
		letter-spacing: 1em;
	}
	.footerLinks a{color: white; text-decoration:none; letter-spacing:normal;}
	.copyright{
		display: table-cell;
		width: 100%;
		vertical-align: middle;
		height: 25px;
		font-size: 0.6em;
		color: #AAAAAA;
		position: relative;
		padding: 2px;
		line-height: 10px;
		background-image: url(../images/brdr-bottom.jpg);
		text-align:center;
	}


/*------------------------------SITE SPECIFIC STYLES --------------------------------*/


.ACE_SSContainer{
	position:relative;
	overflow:hidden;
	background-color: #BEC6D9; 
	background-image: url(../images/bkgrd-ss.jpg);
	background-size: 100% 100%;
	padding: 0% 2%;
	z-index: 2;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.4);
}

.BGM_SSContainer{
	padding: 0px;
	position: relative;
	border: 15px solid white;
	border-width: 0px 15px;
}
	.refImage{
		width: 100%; 
		height: auto; 
		min-width: 320px; 
		position: relative; 
		vertical-align: top;
	}

.blogBullets{cursor: pointer}
.blogBullets li{
	list-style-type: none;
	background-image: url(../images/blog-bullet2.jpg);
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: auto 1.0em;
	padding: 10px 10px 10px 4vw;
	margin-left: -30px;
	font-size: 1.3vw;
}
.blogBullets li:nth-child(1){background-image: url(../images/blog-bullet1.jpg);}
.blogBullets li>span{color: #79AFDE;}

.CCR{
	font-size: 1vw;
	margin: 0 0 2em 0;
	line-height: normal;
	overflow:hidden;
}
	.CCR img{float:right; width: 40%; height: auto;}
	.rtCol-sub{color: rgba(255,255,255,0.5); text-align:left; padding: 1em; font-size: 1.3vw; line-height: 1.5vw;}
	.rtCol-sub p{font-size: 0.7em; line-height: 1.1em; margin: 1em 0 1em 0;}
	
.gallery-links{
	margin: 0px -1em 1em -1em;
	padding: 0.5em 0em 1em 0em;
	border-bottom: 0.8em solid white;
	overflow: hidden;
	text-align:center;
}
	.gallery-links a{
		display: inline-block;
		width: 22%;
		text-align:center;
		font-size: 0.6vw;
		text-transform: uppercase;
		text-decoration: none;
		color: white;
	}
		.gallery-links a img{
			width: 100%;
			height:  auto;
			border: 1px solid #333333;
			margin: 1em 2px;
		}
	.LCol hr{
		margin: 0px;
		border: none;
		height:  0px;
		border-bottom: 2px solid #111111;
		pading: 0px;
	}
.img-howToReach{width: 100%; height: auto;}
/*------------------------------OVERRIDE STYLES ----------------------------------------*/

#bgm_slideShowContainer{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
	margin: 0px;
	min-width: 320px;
}
	#bgm_slideShowContainer img{
		width: 100%;
		height: auto;
	}
.bgm_slideShowBorderTop{
	position: relative;
	z-index: 3;
	padding: 0px;
	margin: 0px;
	border:none;
	background-image: url(../images/brdr-ssBtm.jpg);
	background-size: 100% 100%;
	height: 2em;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.4);
}
.bgm_slideShowBorderBtm{
	position: relative;
	z-index: 3;
	padding: 0px;
	margin: 0px;
	border:none;
	background-image: url(../images/brdr-ssBtm.jpg);
	background-size: 100% 100%;
	height: 2em;
	box-shadow: -5px -5px 15px rgba(0,0,0,0.4);
}
#bgm_ssCaptionBox {
	top: 0px;
	bottom: auto;
	line-height: 1.6em;
}

	#bgm_ssAnimCounter{
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		text-align:left;
		background-color: transparent; /*rgba(0,0,0,0.5);*/
		padding: 0px 20px;
		line-height: 1em;
	}
		#bgm_ssAnimCounter .counterBox{
			border-radius: 5px;
			display:inline-block;
			float:none;
			opacity: 1;
			border:none;
			position: relative;
		}
		#bgm_ssAnimCounter .selected{
			background-color: #FFFFFF;
		}
#bigImgDiv h1{
	line-height: 1.2em;
	padding: 5px;
}
.galConsistency h1{
	font-size: 2.5vw;
}
.galleryHolder .galImgFrame {
	width: 30%;
}
.login{
	top: auto;
	bottom: 8px;
}
.error{
	top: auto;
	bottom: 8px;
	right: 70px;
}
form.loginForm{
	top: auto;
	bottom: 50px;
}

.SESeBlogPrevNextTop{
	margin-top: -0.75em;
}
/*-----------------------------------------TEST STYLE----------------------------------*/
#testOutput{
	position: absolute;
	background-color: white;
	width: 100%;
	bottom: 0px;
}		






@media only screen and (max-width: 1400px) {
	.title-bullets{
		display:none;
	}
	.title-products{
		float:right;
		text-align: right;
		max-width: 320px;
		margin: 0% 10% 0% 2%;
	}
		.title-products h1{color:#F8BA0F}
}

@media only screen and (max-width: 1300px){
	.respNavContainer{
		font-size: 1.5vw;
	}
		.respNavContainer ul.nav a{   /*-------------------------------PRIMARY NAV BUTTONS ------------------------*/
			display:table-cell;
			width: 1%;  /* -------------------WEIRD - has to be like this so <a> expands to fill <li> (100% should work, but doesn't) - ALL BROWSERS -----------*/
			height: 75px;
			height: 5vw;
		}
	.gallery-links a{
		width: 30%;
		font-size: 0.8vw;
	}

}

@media only screen and (max-width: 1200px){
	.title{padding: 0px 0px 10px 0px}
	.title img{
		float:left;
		width: 50%;
		height: auto;
		min-width: 400px;
		margin-left: 2%;
		margin-top: 10px;
	}
	.title-products{
		font-size: 0.5em;
		margin-right: 2%;
		width: 180px;
		
	}
	.titleSocial{
		position: relative;
		top: 0%;
		transform: translate(0,0);
		-ms-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		margin: 0px;
		width: auto;
		max-width: 18000px;
		min-width: 0px;
		height: auto;
		background-color: #333355;
		padding: 0px;
		text-align:center;
	}
		.titleSocial img{
			float:none;
			margin: 2px 4px;
			width: 25px;
			height: auto;
			border-radius: 20%;
			box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
			min-width: 0px;
		}
		.btnDivider{
			display:none;
		}
		.titleSocial .newLine{clear:both}
		.titleSocial .blank{display:inline-block;}
		.titleSocial .spaced{margin-right: 0%}
			
}



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

	h1{font-size: 5vw}
	.LColContainer{
		position: relative;
		float: right;
		width: 250px;
		height: auto;
		padding: 10px 10px 10px 5px;
	}
	.MColContainer{
		margin: 0px 250px 0px 0px;
		padding: 10px 5px 10px 10px;
		width: auto;
		float:none;
		height: auto;
	}
	.RColContainer{
		position: relative;
		clear: both;
		float: none;
		width: auto;
		height: auto;
		min-height: 1px;
		padding: 0px 10px 10px 10px;
	}

		.RCol{
			margin-top: 0px;
			min-height: 1px;
		}
	.BGM_SSContainer{border-width: 0 10px;}
	.gallery-links a{
		width: 44%;
		font-size: 1.2vw;
	}
	.img-howToReach{width: 35%; height: auto; float:left;}
		.box1{float:left; margin-bottom: 0.5em;}
	.rtCol-sub{clear:left; margin-top: 0.5em; font-size: 2vw; line-height: normal;}
	.RCol a.phone{clear:none; margin-bottom: 0}
	.RCol .contact{font-size:1.5vw; }
	.CCR {font-size: 1.5vw; float:right; text-align:center; width: 200px;}
	.CCR img{display:block; width:  100%; float:none;}
	.respNavContainer{
		font-size: 1.6vw;
	}
}

/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape){*/

@media only screen and (max-width: 900px) {  

	.WCS{
		position: relative;
		width: 100%;
		text-align:center;
		top: auto;
		bottom: auto;
		margin-bottom: 0.3em;
		font-size: 0.9em;
		left: 0px;
	}
	.footer img{margin-bottom: 5px; margin-top: 1.5em;}
	.footerLinks{top: 0.8em; left: 0px; width: 100%; text-align: center;}

}

@media only screen and (max-width: 800px){
	body {font-size: 90%}
	#bgm_slideShowContainer{
		height: 200px;
	}
	.login{
		display:none;
	}
	.LColContainer{
		position: relative;
		width: auto;
		height: auto;
		float:none;
		margin: 0px;
		padding: 10px 10px 10px 10px;
	}
	.MColContainer{
		position: relative;
		width: auto;
		float:none;
		margin: 0px;
		padding: 0px 10px 10px 10px;
	}
	.RColContainer{
		position: relative;
		width: auto;
		float:none;
		margin: 0px;
		padding: 0px 10px 10px 10px;
	}
		.LCol, .MCol, .RCol{min-height: 1px;}
		.MCol{margin-right: 0px;}
		.RCol{margin-top: 0px;}
	
	.FAQFix{
		margin: 0px 0px;
	}
		.question{
			margin-right: 0px;
		}
		blockquote.q{
			margin-left: 1em;
			margin-right: 1em;
			margin-bottom: 30px;
		}
	.respNavContainer{

	}
	.gallery-links{
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
		.gallery-links a{
			width: 11%;
			font-size: 1.3vw;
		}
		.blogLinkContainer{
			display:none;
		}
	.img-howToReach{display:none;}
	.box1, .box2{width: 50%; display: inline-block;}
	.rtCol-sub{clear:left; margin-top: 0.5em; font-size: 2.5vw; line-height: normal;}
	.RCol .contact{font-size:2vw; line-height: normal;}

}

@media only screen and (max-width: 700px) {  
	
	.main{padding: 0}

	.titleSocial{display:none;}
	.wrapper{margin-top: 35px}
	.mobileSocial{display:block}	
	.respNavContainer{display:none;}
	.mobileNavControl{display:block;}
	.mobileNav{display: block;}
	.title h1{left: 195px; margin-top: 0px;}
	.title img.onePoint{display:none;}
	#blogContent{margin-top: 2em;}
}

@media only screen and (max-width: 650px){
	.title-products{
		display:none;
	}
	.title{
		padding-left: 15px;
		padding-right: 15px;
	}
	.title img{
		width: 100%;
		margin-left: 0;
		min-width: 0;
	}
	.gallery-links{
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
		.gallery-links a{
			width: 22%;
			font-size: 1.8vw;
		}
	.ACE_SSContainer{padding: 0}
	.BGM_SSContainer{border:none}
	.main {margin: 0}
}

@media only screen and (max-width: 500px){
	.ACE_SSContainer{
		display:none;
	}
	.box1, .box2{width: 100%; font-size: 1em;}
	.CCR {font-size: 1em; float:none; text-align:center; width: 100%;}
	.CCR img{display:block; width:  200px; float:none;}
	.RCol{font-size: 1em;}
	.RCol .contact, .RCol a.phone{font-size: 1em;}
	.rtCol-sub{font-size: 1.3em}
}