@media (max-width: 1200px) {
	.page-id-7 .table-responsive .table {
		background-position: 60px 35px;
		min-height: 335px;
	}

}

@media (max-width: 1200px) {
.navbar-right .red .dropdown-menu {
	left: -325%;
}
}


@media (max-width: 992px) {
	.slider-wrapper.small {
		padding-right: 0 !important;
	}
	
	.container .navbar-header,
	.nav.navbar-nav {
		margin: 0;
		padding: 0 15px;
	}
	.navbar-right .red .dropdown-menu {
		min-width: 700px;
	}
	.nav.navbar-nav.navbar-right .dropdown {
		border-bottom: none;
	}
		
	.navbar-nav li.dropdown a.dropdown-toggle {
		padding-top: 6px;
		padding-bottom: 6px;
	}
	
	.page-id-7 .table-responsive .table {
		background:none;
	}
	.nav.navbar-nav.navbar-right .dropdown.red:hover {
	border-bottom: 10px solid #C52027;
}

.nav.navbar-nav.navbar-right .dropdown.red:hover a,
.nav.navbar-nav.navbar-right .dropdown.orange:hover a,
.nav.navbar-nav.navbar-right .dropdown.yellow:hover a {
	padding-bottom: 6px;
}

.nav.navbar-nav.navbar-right .dropdown.orange:hover {
	border-bottom: 10px solid #F36F22;
}

.nav.navbar-nav.navbar-right .dropdown.yellow:hover {
	border-bottom: 10px solid #F6EB13;
}

.navbar-right .dropdown-menu {
	top: 69px;
}
.navbar-right .red .dropdown-menu {
    left: -215%;
}

.wpcf7 select,
.wpcf7 input,
.wpcf7 textarea,
.wpcf7-response-output {
	width: 100%;
} 

.dropdown-menu .padding-top-30 {
	padding-top: 0;
}

.dropdown-menu .border-bottom {
/* 	border-bottom: none; */
}

.dropdown-menu h1 {
	padding-left: 0;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	}

.dropdown-menu h1:before {
	display: none;
	background-image: none;
}
	
}

@media (max-width: 768px) {

	#main-nav {
		width: 100%;
		float: left;
	}

	.dropdown span.text {
		color: #214189;
	}
	
	.dropdown span.text:hover,
	.dropdown span.text:active,
	.dropdown span.text:focus {
		color: #6387c4;
	}

	.dropdown-menu .border-bottom {
	border-bottom: none;
}

	.nav.navbar-nav.navbar-right {
		width: 100%;
	}
	
	.nav.navbar-nav.navbar-right .dropdown {
		max-width: 100%;
	}
	
	.nav.navbar-nav .below,
	.nav.navbar-nav .caret {
		display: none;
	}
	
	#main-nav .nav.navbar-nav .dropdown-menu h1 {
	display: none;
	}
	
	#main-nav .nav.navbar-nav .dropdown-menu .top-nav {
		margin-top:0;
	}
	
	#menu-top-nav-how-to-ride,
	#menu-top-nav-explore {
		padding-left:15px;
	}
	
	.wrapper .nav.navbar-nav.navbar-right .dropdown,
	.wrapper .nav.navbar-nav.navbar-right .dropdown:hover,
	.wrapper .nav.navbar-nav.navbar-right .dropdown:hover a {
		border-bottom: none;
	}
	.navbar-right .red .dropdown-menu {
		min-width: 500px;
	}

	.nav.navbar-nav.navbar-right {
		margin: 0;
	}
	.nav.navbar-nav.navbar-right .dropdown {
		width: 100%;
	}
	
	.mobile-description {
		width: 300px;
		margin: 0 auto;
		text-align: center;
	}
	
	.panel-group.routes .panel-title,
	.panel-group.routes .panel-title a {
		font-size: 13px;
	}
	
	.left-title,
	.panel-group.routes .panel-title a {
		padding: 15px 8px;
	}
	
	#main-nav .dropdown .dropdown-toggle {
	padding-left: 30px;
	font-weight: bold;
}
	
	#main-nav .dropdown {
		font-weight: bold;
	}
	
	#main-nav .dropdown .top-nav {
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 0 !important;
		margin-bottom: 0;
	}	
	
	#main-nav .dropdown.red .top-nav {
		margin-top: 0 !important;
		margin-bottom: 10px;
	}	
	
	.dropdown.orange #menu-top-nav-fares {
		padding-left: 15px;
	}
	
	.dropdown.yellow .dropdown-menu .row .col-sm-4 {
		padding-left: 30px;
	}
	
	.dropdown.yellow .dropdown-menu .row.top-nav .col-sm-4 {
		padding-left: 15px;
	}

	.panel-group.alert.alert-info .panel-heading {
		font-size: 14px;
	}
	.panel-group.alert.alert-info .panel-heading .expand-tip {
		display: none;
	}

	.panel-group.alert.alert-info .panel-heading .schedule-type,
	.panel-group.alert.alert-info .panel-heading a {
		padding: 15px 8px;
	}
	
	#leave_at {
		margin-bottom: 12px;
	}
	
	.panel-title {
		font-size: 14px;
	}

	.subtitle {
		text-align: center;
	}
	
	.transit-trail h3.first {
		margin-top: 15px;
	}
	
	
	.top-navbar .navbar-toggle {
		margin-top: -6px;
	}

	.top-navbar img {
		margin-top: 10px;
	}
	
	.wpcf7 p {
		width: 100%;
	}
	.panel-title .expand-tip {
		margin-top: 10px;
	}
	.panel-group.alert.alert-info .panel-heading .schedule-type {
		min-width: 0;
	}

}

@media (max-width: 500px) {

	.top-navbar img {
		width: 70%;
	}

}