@media all and (max-width: 1024px) and (min-width: 951px) {
	

	#subway {
		top: 650px;
		width: 100%;
	}
	#station {
		width: 100%;
		right: 0;
	}
	#traincontainer {
		width: 100%;
		height: 160px;
	}
	#trains {
		width: 100%;
		display: inline-block;
	}
	#content4 {
		height: 700px;
	}
	#manhattan {
		left: 200px;
	}
	#zoom {
		display: none;
	}
	#zoom2 {
		display: block;
	}

		#priceitem {
			left: 200;
		}
		#value {
			right: 200;
		}

}

@media all and (max-width: 950px) and (min-width: 501px) {

	#mcalendar {
	display:  block;
}

	#calendar {
	display: none;
}
	
	#banner {
		height: 140px;
	}

	#logo {
		padding-top: 20px;
	}
	#body {
		-webkit-flex-direction: column;
		-moz-flex-direction: 	column;
		-ms-flex-direction: 	column;
		flex-direction: 		column;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		border: 0;
		overflow: hidden;
        overflow-y: auto;
	}
		.circle {
			display: none; 
		}
		#mobile {
			display: block;
		}
		#mobile2 {
			display: block;
		}
		#mobile3 {
			display: block;
		}
		

			#content {
				width: 92%;
				height: auto;
			}
			#content2 {
				width: 100%;
				height: 100%;
				margin: 0 auto;
				margin-top: 10px;
				max-width: 92%;
			}
			#content3 {
				width: 100%;
				height: 100%;
				margin: 0 auto;
				margin-top: 10px;
				margin-bottom: 10px;
				max-width: 92%;

			}
			#content4 {
				width: 100%;
				margin: 0 auto;
				margin-top: 10px;
				margin-bottom: 10px;
				max-width: 92%;

			}
			#reviews {
				width: 70%;
				margin: 0 auto;
				margin-top: 10px;
				margin-bottom: 10px;
				max-width: 90%;
			}

			#location {
				position: absolute;
				top: 200;
				left: 30;
				text-align: left;
			}
			#zoom {
				top: 610px;
			}

			#subway {
				top: 700px;
				width: 100%;
			}
			#station {
				width: 100%;
				right: 0;
			}
			#traincontainer {
				width: 100%;
				height: 200px;
			}
			#trains {
				width: 100%;
				display: inline-block;
			}
			#content4 {
				height: 700px;
			}
			#manhattan {
				left: 200px;
			}
			#zoom {
				display: none;
			}
			#zoom2 {
				display: block;
				width: 400px;
				height: 400px;
				margin: 0;
				top: 220px;
				left: auto;
				right: 50px;
				margin-left: auto;
				margin-right: auto;
				margin-top: 20px;
			}
				#priceitem {
					left: 50;
				}
				#value {
					right: 50;
				}

					#specialPackage {
						top: 550px;
					}
					#specialBG {
						width: 60%;
						height: 220px;
					}

					#info {
						top: 320px;
					}
	/*
			#share {
				width: 50px;
			}*/
}

@media all and (max-width:500px) {
		#mcalendar {
			display: block;
		}

		#calendar {
			display: none;
		}
	#banner {
		height: 150px;
		width: 100%;
	}
	#logo {
		background-size: 100%;
	}

	#logoContainer {
		width: 100%;
		margin: 0 auto;
		/*padding-top: 10px;*/
		padding-bottom: 20px;
	}

	#mainNav {
		-webkit-flex-direction: column;
		-moz-flex-direction: 	column;
		-ms-flex-direction: 	column;
		flex-direction: 		column;
		height: 200px;
		line-height: 200px;
		border: 0;
		border-radius: 0px 0px 20px 20px;
	}
		#mainNav a {
			margin: 0 auto;
			width: 100%;	
			border-top: 1px solid ghostwhite;	
		}
			#mainNav a:hover {
				padding: 0;
				border: 0;
				border-top: 1px solid ghostwhite;	
			}

	#body {
		-webkit-flex-direction: column;
		-moz-flex-direction: 	column;
		-ms-flex-direction: 	column;
		flex-direction: 		column;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		border: 0;
		overflow: hidden;
        overflow-y: auto;
	}
		.circle {
			margin: 5px;
		}

		.overlay {
			top: 350px;
			height: 1000px;
		}

		.overlay2 {
			top: 350px;
			height: 1000px;
		}
		
		.overlay3 {
			top: 350px;
			height: 1000px;
		}
		
		div.overlay section {
			width: 90%;
		}
		div.overlay2 section {
			width: 90%;
		}
		div.overlay3 section {
			width: 90%;
		}
		.circle {
			display: none;
		}
		#mobile {
			display: block;
			width: 90%;
		}
		#mobile2 {
			display: block;
			width: 90%;
		}
		#mobile3 {
			display: block;
			width: 90%;
		}
			#content {
				width: 90%;
				margin: 0 auto;
				margin-top: 10px;
			}
			#content2 {
				width: 90%;
				height: 800px;
				margin: 0 auto;
				margin-top: 10px;
				max-width: 90%;
			}
			#content3 {
				width: 90%;
				height: 800px;
				margin: 0 auto;
				margin-top: 10px;
				margin-bottom: 10px;
				max-width: 90%;
			}
			#content4 {
				width: 90%;
				height: 1100px;
				margin: 0 auto;
				margin-top: 10px;
				margin-bottom: 10px;
				max-width: 90%;
			}
			#reviews {
				width: 70%;
				margin: 0 auto;
				margin-top: 10px;
				margin-bottom: 10px;
				max-width: 90%;
			}

			#share {
				top: 100px;
				left: 50%;
				margin-left: -70px;
				margin-top: 15px;
			}

			#aboutus1 h1 {
				text-align: center;
			}

		#location {
			position: absolute;
			bottom: auto;
			text-align: left;
			top: 400;
			left: 20;
			right: auto;
			border: 1px solid white;
		}
		#subway {
			top: 1150px;
			width: 100%;
		}
		#station {
			width: 100%;
			right: 0;
		}
		#traincontainer {
			width: 100%;
			height: 200px;
		}
		#trains {
			width: 100%;
			display: inline-block;
		}
			#trains div {
				margin: 10px;
				width: 40px;
				height: 40px;
				line-height: 40px;
			}
		#manhattan {
			left: 200px;
			margin-left: -100px;
		}
		#zoom {
			display: none;
		}
		#zoom2 {
			display: block;
			width: 300px;
			height: 300px;
			left: 50%;
			margin-left: -160px;
			top: 800px;
		}

			#priceitem {
					left: 20px;
				}
				#value {
					right: 20px;
					font-size: .8em;
					line-height: 5em;
				}
					#prices h1 {
						font-size: 1em;
						
					}
						#prices h2 {
							font-size: 2em;
					
				}
					#specialPackage {
						top: 250px;
					}
					#specialBG {
						width: 70%;
						height: 250px;
					}
						#specialBG  {
							font-size: 3.5em;
						}
						#info {
							top: 340px;
						}
						#info {
							font-size: 1.5em;
							margin-bottom: 20px;
						}
							#info div {
								width: 80%;
								height: 120px;
								margin: 0 auto;
								background: #02164d; /*Dark Blue*/
								padding: 10px;
								border-radius: 10px;
								margin-top: 20px;
							}
								#info h4 {
									font-size: 1.6em;
									color: white;
								}
									#info h5 {
										display: block;
										height: 60px;
										margin-top: 20px;
										font-size: 2em;
										color: white