/*
-------------------------------
Medium Screens  1024px to 601px
-------------------------------
*/





@media screen and (max-width: 1024px){

	/* Homepage - Tabs */

	.tabs-nav li a{
		font: 14px/14px montserratregular, arial, sans-serif;
		}

		.tabs .mobile-hide{
			border: 0;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
			}

} /* 1024 */





@media screen and (max-width: 1000px){

	/* Homepage - Tabs */

	.tabs-content{
	    height: auto;
		}

		.tabs-content .tab{
			padding: 30px 2% 0;
			text-align: center;
			}

			#tab-schedule .tabs-content-left{
			    float: none;
			    margin: 0 auto;
			    max-width: 500px;
			    text-align: center;
			    width: 100%;
				}

			#tab-schedule .tabs-content-right{
				margin: 20px auto 10px;
				position: static;
				}

				#tab-trip .tabs-content-left,
				#tab-track .tabs-content-left,
				#tab-services .tabs-content-left{
					float: none;
					width: 100%;
					}

				#tab-trip .tabs-content-right,
				#tab-track .tabs-content-right,
				#tab-services .tabs-content-right{
					margin: 0 auto;
					padding: 30px 0;
					position: static;
					top: 0;
					width: 96%;
					}

				#tab-schedule{
					margin: 0 auto;
					padding: 30px 0;
					}

					#tab-trip .tab-nav,
					#tab-track .tab-nav,
					#tab-services .tab-nav{
						margin: 0 auto;
						max-width: 400px;
						}

			#tab-services .tab-nav a{
				padding: 10px 25px 10px 40px;
				}


	/* System Map */

	.page-system-map h1{
	    text-align: center;
		}

	.page-system-map #route_info select{
		display: block;
		}

	#route_info .pnlMap_Legend{
		display: none;
		}

	.pnlGoogleMapAkronMetroroute_info{
		float: none;
		padding: 0;
		text-align: center;
		width: 100%;
		}

		#route_info select{
			background: #fff;
			display: block;
			border: 2px solid #782E8D;
		    border-radius: 5px;
		    color: #8F8E8E;
		    font-size: 17px;
		    font-style: italic;
		    margin: 0 auto 10px;
			max-width: 80%;
		    padding: 7px;
		    width: 500px;
			}

		#route_info select:focus{
			outline: none;
			}

	.bigMap{
	    padding: 15px 0 15px;
		}

		.bigMap .pnlGoogleMapAkronMetromap_canvas{
			float: none;
			height: 450px;
			margin: 0 auto;
			max-width: 80%;
			width: 600px;
			}

        .gm-style .gm-style-iw img{
            display: none;
            }

        .gm-style .gm-style-iw a img{
            display: block;
            }


	/* Route Details */

	.page-route-details #route_info{
		height: 337px;
		padding: 25px 2%;
		}

		.page-route-details #divRoute_Options .pnlRoute_OptionsRouteDesc {
		    display: block;
		    font: 26px/26px montserratregular, arial, sans-serif;
		    margin-bottom: 20px;
		    line-height: 29px;
			}

			.page-route-details .pnlRoute_OptionsRouteDescRouteText{
				display: block;
				font-size: 20px;
				}

		.page-route-details #divRoute_Options .divRoute_OptionsText{
		    display: block;
		    margin-bottom: 5px;
			text-align: left;
		    width: 85px;
			}

		.page-route-details #divRoute_Options select {
		    margin-bottom: 0;
		    margin-left: 0;
		    max-width: 100%;
		    width: 100%;
			}

			.page-route-details table{
			    margin: 0 auto;
			    width: 100%;
				}

	/* Advertising Page */

	.page-advertising .pnlAMBusAdvert,
	#ctl00_mainContent_ctl02_divContent,
	.page-advertising .csFlexFrmWrapModule{
		display: none;
		}

	/* Mobile Copy */

	.page-advertising .mobile-text{
		display: block;
		}

} /* 1000 */





@media screen and (max-width: 825px){

	body{
		padding-top: 55px;
		}


	/* Header */

	.logo{
		width: 173px;
		}

	.header-social-nav{
		display: none;
		}

	.header-phone{
		padding: 10px 12px 14px 10px;
		}

	.main-nav-toggle{
		font: 10px/10px montserratbold, arial, sans-serif;
		height: 54px;
		}

		.ie8 .mnt-text{
			padding: 15px 0 14px;
			}

		.mnt-icon{
			margin: 0 12px 10px 15px;
			}

		.mnt-icon span:nth-child(2){
			top: 7px;
			}

		.mnt-icon span:nth-child(3){
			top: 14px;
			}

		.main-nav-toggle.open .mnt-icon span:nth-child(3) {
			-webkit-transform: translate(5px,4px) rotate(-45deg);
			-moz-transform: translate(5px,4px) rotate(-45deg);
			-o-transform: translate(5px,4px) rotate(-45deg);
			transform: translate(5px,4px) rotate(-45deg);
			}


	/* Main Nav / Push Menu */

	.main-nav{
		padding-top: 61px;
		}

} /* 825 */





@media screen and (max-width: 800px){

	/* Main Nav / Push Menu */

	body.open{
		overflow: hidden;
		}

		header{
			background: none;
			}

		.open header{
			height: 100%;
			overflow-y: scroll;
			}

			header > div{
				background-color: #fff;
				position: relative;
				z-index: 505;
				}

			.main-nav{
				background-color: #E7DCE8;
				margin-top: -150%;
				padding: 0;
				position: absolute;
				right: 0 !important;
				top: 55px;
				transition: margin-top .5s;
				width: 100%;
				z-index: 500;
				}

			.open .main-nav{;
				/*top: 0;*/
				margin-top: 0;
				}

				/* override scrollbar styles */

				.mCustomScrollBox{
					overflow: visible !important;
					height: auto !important;
					}

			.open main,
			.open footer{
				padding-right: 0;
				}
    /*Circle Icons */
        .circle-icon-container {
            flex-wrap: wrap;
            max-width: 533px;
            margin: 0 auto;
            }
            .circle-icon {
                flex-basis: 40%;
                margin-bottom: 10px;
                }
                .circle-icon:hover {opacity: 1;}

} /* 800 */





@media screen and (max-width: 750px){

	/* Main Nav / Push Menu */

	.main-nav{
		top: 60px;
		}


	/* Homepage - Mobile Header */

	.mobile-h1{
		background: #363038;
		color: #fff;
		display: block;
		font: 24px/24px montserratbold, arial, sans-serif;
		padding: 17px 0;
		text-align: center;
		text-transform: uppercase;
		}


	/* Homepage - Tabs */

	.homepage-tabs{
		position: relative;
		}

		.tabs-content{
			height: auto;
			padding-top: 96px;
			}

			.tabs-content .tab{
				background-color: #79357d;
		    	padding: 20px 2% 15px;
				}

			#tab-trip{
				background-color: #d72658;
				}

			#tab-track{
				background-color: #f6463a;
				}

			#tab-services{
				background-color: #fe7529;
				}

			#tab-trip .tabs-content-right,
			#tab-track .tabs-content-right,
			#tab-services .tabs-content-right,
			#tab-schedule{
				padding: 0;
				}

			#tab-schedule .tabs-content-right{
				margin: 0 auto;
				padding: 20px 0;
				}

				.tab h1,
				.tab .h1{
					display: none;
					}

				.tab select{
			    	margin: 20px 0;
					width: 90%;
					}

				.tab input[type="submit"]{
					background: #dac2db;
					color: #262626;
					}

			.tabs-content-right{
				margin: 10px auto 0;
				width: 300px;
				}

			#tab-trip .tabs-content-right,
			#tab-track .tabs-content-right,
			#tab-services .tabs-content-right{
			    margin: 0 auto;
				}

				.tab-nav a{
			    	font: 17px/17px montserratregular, arial, sans-serif;
					}

				.tab p,
				.tab .btn{
					display: none;
					}

			#tab-track .h1,
			#tab-track p,
			#tab-track .btn{
				display: block;
				}

				#tab-track .h1{
				    font: 32px/32px montserratregular, arial, sans-serif;
				    margin: 15px 0;
					}

				#tab-track p span{
					display: none;
					}

				#tab-track .btn.orange{
				    background: #f5c6cc;
					color: #262626;
					margin: 0 auto 15px;
				    width: 180px;
				    }

				    #tab-track .btn.orange:hover,
				    #tab-track .btn.orange:focus{
				        box-shadow: inset 0 0 0 4px #857174;
				        }

				    #tab-track .btn.orange:after{
				        color: #f5c6cc;
				        }

				    #tab-track .btn.orange:hover:after{
				        color: #857174;
				        }

			#tab-track .tabs-content-right{
				display: none;
				}

			#tab-services .tabs-content-right{
				margin-top: -10px;
				}

			.tabs{
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
				}

				.tabs-nav li a{
					font: 9px/9px montserratregular, arial, sans-serif;
					padding: 15px 0 23px;
					}

					.tabs-nav li a i{
						font: 42px/42px montserratregular, arial, sans-serif;
						}

				.tabs-nav li a span:first-child{
					bottom: 21px;
					font-size: 17px;
					margin-left: -8px;
					top: auto;
					-webkit-transform: rotateX(180deg);
					transform: rotateX(180deg);
					}

				.tabs-nav li a:hover span,
				.tabs-nav li a:focus span,
				.tabs-nav li.current a span{
					bottom: 2px;
					top: auto;
					}


	/* Route Details */

	.page-route-details .smallMap{
	    display: none;
		}

	.page-route-details #route_info{
	    height: auto;
	    padding: 25px 2%;
	    width: 94%;
		}


	/* Search Results */

	.searchresultsummary{
		float: none;
		}

} /* 750 */





@media screen and (max-width: 635px){

	/* Header */

	.header-nav{
		display: none;
		}


	/* 2 & 3 Column Layout (added via TinyMCE) */

    .col-item,
	.col-item:first-child,
	.col-row.three-columns .col-item{
        padding: 0 0 30px;
		text-align: center;
        width: 100%;
        }

		.col-item img{
			display: block;
		    margin: 0 auto;
		    max-width: 400px;
			}


	/* Homepage - News */

	.gallery-nav{
		top: 22%;
		}

} /* 635 */
