/* Desktop, not mobile */
@media all and (min-width: 768px) {
	.secondary-nav .first-level > li.t-opened.submenu > a:after {
		width: 11px;
		height: 7px;
		top: 42px;
		background: url(../img/assets/submenu-opened.png) no-repeat;
	}
}

/* Tablet */
@media all and (min-width: 768px) and (max-width: 992px) {

	.container-fluid {
		margin: 0;
		.row {
			margin-left: 0px;
			margin-right: 0px;
		}

		.wide-row {
			margin-left: -15px !important;
  			margin-right: -15px !important;
		}
	}

	header {
		.top-bar {
			display: none;
		}

		.logo-row {

			.logo-img {
				margin-top: 0px;
			}
		}

		.menu-bar {

			nav {

				ul {
					li {
						a {
							margin: 0px 9px;
							padding: 7px 0px 8px 0px;
							color: $text-gray;
							&:hover {
								border-top: 3px solid $transy-crimson;
								color: $transy-crimson;
							}
						}

						&.active a {
							border-top: 3px solid $transy-crimson;
							color: $transy-crimson;
						}
					}
				}
			}
		}

	}

	.main-headline {
		max-height: 400px;
	    img {
	      &.headline-photo-tablet {
	        display: block;
	      }
	      &.headline-photo-desktop {
	        display: none;
	      }
	      &.headline-photo-mobile {
	        display: none;
	      }
	    }
		h1 {
			margin-bottom: 38px;
		}

		.headline-buttons {
			a.button {
				padding: 11px 30px;
				&.second-button {
					margin-left: 5px !important;
				}
			}
		}

		.academics-headline {
			padding-left: 15px;
			padding-right: 15px;
		}

	}

	.education-in-three-steps {
		margin-top: -74px;
		.education-step {
			width: 33%;
			&.second-step {
				width: 34%;
				.ed-title {
					margin-top: 20px;
					line-height: 27px;
				}
				p {
					margin-top: 25px;
				}
			}
			.ed-title {
				margin-top: 33px;
				margin-bottom: -10px;
				font-size: 19px;
			}
			p {
				margin: 0px auto 25px;
				line-height: 17px;
			}
			a.button {
				padding: 10px 27px;
				font-size: 14px;
			}
		}
	}

	.teasers {
		width: 100%;
		.big-teaser.go-all-in {
			.text-content {
				a.button {
					padding: 13px 30px;
				}
			}
		}

		.small-teaser {
			width: 100%;

			&.first-teaser {
				.text-content {
					p {
						font-size: 24px;
					}
				}
			}
			&.second-teaser,
			&.third-teaser {
				.text-content {
					p {
						font-size: 16px !important;
					}
					span {
						margin-top: 12px !important;
						font-size: 24px !important;
						line-height: 0px !important;
					}
				}
			}
			&.fourth-teaser {
				.text-content {
				    top: 23% !important;
					span {
						font-size: 25px !important;
						line-height: 22px !important;
						br {
						    display: block !important;
						}
					}
				}
			}
		}

		.text-content {
			h1 {
				font-size: 36px;
			}
			h2 {
				font-size: 34px;
			}
			h4 {
				font-size: 24px;
			}
			h5 {
				font-size: 15px !important;
			}
		}
	}

	.events-info {

		.event-teaser {
			width: 49.3%;
			margin-right: 1.5%;

			.text-content {
				width: 296px;
				margin-top: 46px;
  				margin-left: 33px;
  				h5 {
  					font-size: 15px;
  				}
  				h3 {
  					margin-top: 5px;
  					margin-bottom: 36px;
  					font-size: 31px;
  				}
  				h6 {
  					font-size: 14px;
  					margin-bottom: 7px;
  					letter-spacing: 2px;
  				}
  				p {
  					font-size: 14px;
  					line-height: 17px;
  					span {
  						display: block;
  					}
  				}
  				a {
  					margin-top: 16px;
  					padding: 13px 35px;
  				}
			}
		}

		.news-list {
			width: 49%;
			h6 {
				margin-top: 44px;
				margin-bottom: 17px;
			}
			p {
				margin-bottom: 24px;
			}
			p.fifth-p {
				display: none;
			}
			p.last-p {
				margin-bottom: 35px;
			}
		}
	}
	/* End Events List */

	.explore-city {
		padding-top: 116px;

		.text-content {
			h2 {
				margin-top: 3px;
				margin-bottom: 29px;
				font-size: 34px;
				line-height: 42px;
			}
			h5 {
				margin-top: 0px;
				margin-bottom: 0px;
				line-height: 20px;
			}
			a.button {
				padding: 12px 32px;
			}
		}
	}
	/* End Explore City  */

	.testimonial {
		padding-top: 50px;
		padding-bottom: 50px;
		h3 {
			margin-top: 10px;
			margin-bottom: 10px;
			font-style: italic;
		}
		p {
			margin-top: 10px;
		}
	}
	/* End Testimonial */

	.slider-wrapper {
		height: auto;
		.slider-holder {
			.flexslider {
				.flex-caption {
					.image-holder {
						width: 50%;
					}
					.text-holder {
						width: 45%;
					}
				}

				.flex-direction-nav {
					width: 37%;
					right: 35px;
					bottom: 30px;
					 a {
					 	bottom: 10px;
					 }
					 .flex-prev {
					 	right: 33%;
					 }
				}
			}
		}
	}
	/* End Slider Wrapper */

	footer {
		padding-top: 24px;

		.links-row {
			margin-left: -15px !important;
			margin-right: -15px !important;

			ul {
				margin-bottom: 20px;
				li {
					a {
						letter-spacing: -0.5px;
					}
				}
			}

		}

		.last-row {
			margin-left: -15px !important;
			margin-right: -15px !important;
			p {
				margin-top: 7px;
				font-size: 14px;
				line-height: 17px;
			}
		}
	}
	/* End Footer */
}


/* Mobile */
@media all and (max-width: 767px) {
	.container-fluid .wide-row {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}

	header {
		position: relative;
		z-index: 10;
		.top-bar {
			display: none;
		}

		.logo-row {
			clear: both;
			line-height: normal;
			background: $transy-crimson;
			.logo-img {
				display: none;
			}
			.menu-logo-replacer {
				display: block;
				margin: 14px 0 13px 18px;
				float: left;
				color: #fff;
				border: 0px;
				font-size: 18px;
				font-family: 'AkzidenzGroteskBE-BoldCn', sans-serif;
				&:hover {
					text-decoration: none;
				}
			}
			p {
				display: block;
				float: right;
				margin-top: 17px;
				font-size: 12px;
				color: #fff;
			}
			.mobile-menu-button {
				display: block;
				float: right;
				img {
					margin: 12px 16px 7px 11px;
					&.icon-hidden {
						display: none;
					}
				}
			}
		}

		.menu-bar {
			display: none;
		}

		.menu-bar.opened {
			display: block;
			width: 100%;
			position: absolute;
			top: 47px;
			background: #fff;

			nav ul {
				width: 100%;
				li {
					display: block;
					text-align: left;
					a {
						padding: 13px 0px 14px;
						border-top: 0px;
						border-bottom: 1px solid $line-gray;
						color: $text-gray;
					}
					&.active {
						background: $transy-crimson;
						a {
							border-top: 0px;
							border-bottom: 0px;
							padding-top: 13px;
							color: #fff;
						}
					}

					&.visible-xs.search-field {
						height: 44px;
						background: $light-gray;
						border-bottom: 1px solid $line-gray;
						input {
							width: 100%;
							margin-top: 13px;
							border: 0px;
							outline: 0px;
							background: $light-gray;
							font: 14px 'AkzidenzGroteskBE-Bold', sans-serif;
							text-indent: 20px;
							color: $text-gray;
						}
					}
					&.visible-xs.resources {
						border-bottom: 1px solid $line-gray;
						img {
							display: block;
							float: right;
							margin-top: -30px;
  							margin-right: 20px;
						}
						a {
							border-bottom: 0px;
						}
					}
					&:nth-of-type(9) a {
						border-bottom: 1px solid transparent;
					}
					&.visible-xs.bubbles {
						padding: 7px 0 7px 18px;
						border-top: 1px solid $line-gray;
						background: $light-gray;
						-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3);
						-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.3);
						box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.3);
						line-height: 0px;
						img {
							margin-right: 8px;
						}
					}
				}
			}
		}
	}
	/* End Header */


	.main-headline {
		font-variant: initial;
		max-height: 300px;
	    img {
	      &.headline-photo-tablet {
	        display: none;
	      }
	      &.headline-photo-desktop {
	        display: none;
	      }
	      &.headline-photo-mobile {
	        display: block;
	      }
	    }
		h1 {
			margin-top: 94px;
			margin-bottom: 27px;
 			font-size: 31px;
			text-transform: capitalize;
			text-shadow: 0px 2px 5px #333;
		}

		.headline-buttons {
			a.button {
				padding: 9px 14px;
				&.second-button {
					margin-left: 5px;
				}
			}
		}

		.academics-headline {
			padding: 160px 15px 20px 15px;
		}
	}
	/* End Main Headline */


	.education-in-three-steps {
		width: 100%;
		margin-top: -44px;
		padding-left: 15px;
		padding-right: 15px;
		background: transparent;
		border: 0px;
		-webkit-box-shadow: none !important;
		-moz-box-shadow:    none !important;
		box-shadow: none !important;

		.education-step {
			width: 100% !important;
			margin-bottom: 15px;
			padding: 15px 27px 46px 27px;
			border: 0px;
			float: none;
			background: #fff;
			-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3);
			-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.3);
			box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.3);

			.ed-title {
				margin-bottom: 9px;
			}
			p {
				margin-top: 12px;
				margin-bottom: 24px;
				line-height: 16px;
			}
			a.button {
				margin-bottom: 0px;
				padding: 9px 28px;
				font-size: 14px;

			}
		}
	}
	/* End Education in Three Steps */

	.teasers {

		.big-teaser.go-all-in {
			width: 100%;

			.text-content {
				top: 31%;
				h1 {
					font-size: 34px;
				}
				a.button {
					padding: 13px 30px;
				}

				h4 {
					font-size: 24px;
				}
				h2 {
					font-size: 37px;
				}
			}
		}

		.big-teaser.transy-strong {
			width: 100%;
			img {
				width: 100%;
			}
			.text-content {
				h2 {
					font-size: 35px;
				}
				h4 {
					font-size: 24px;
				}
			}
		}

		.big-teaser.has-multiple-teasers {
			width: 100%;

			.small-teaser {
				img {
					width: 100%;
				}
				h1 {
					font-size: 35px;
				}
				&:hover {
					.teaser-button {
						top: 34%;
					}
				}
				.text-content {
				    top: 32%;
				}
				&.first-teaser {
				    .text-content {
				        top: 20%;
				    }
				}
				&.fourth-teaser {
				    .text-content {
				        top: 12%;
				    }
				}
			}
		}
	}
	/* End Teasers */

	.events-info {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 37px;

		.event-teaser {
			width: 100%;
			margin-right: 0px;
			margin-bottom: 39px;
			background-position: left top;

			.text-content {
				width: 270px;
				position: relative;
				top: 0px;
				left: 0px;
				margin: 34px 0 0 13px;
  				h5 {
  					font-size: 14px;
  				}
  				h3 {
  					margin-top: 5px;
  					margin-bottom: 26px;
  					font-size: 31px;
  				}
  				h6 {
  					margin-bottom: 5px;
  				}
  				p {
					margin-bottom: 50px;
  					line-height: 17px;
  				}
  				a {
  					display: none;
  				}
			}
		}

		.news-list {
			width: 100%;
			h6 {
				margin-bottom: 16px;
				padding-bottom: 10px;
			}
			p {
				margin-bottom: 24px;
				&.fifth-p {
					display: none;
				}
				&.last-p {
					margin-top: 34px;
					margin-bottom: 28px;
				}
			}
		}
	}
	/* End Events Info */

	.explore-city {
		margin: 0 15px 35px 15px;
		padding-top: 51px;
		padding-bottom: 50px;

		.text-content {
			h5 {
				margin-bottom: 4px;
				font-size: 15px;
			}
			h2 {
				margin-top: 4px;
				margin-bottom: 31px;
				font-size: 23px;
				line-height: 23px;
				br {
					display: none;
				}
			}
			a.button {
				padding: 12px 35px;
			}
		}
	}
	/* End Explore City */

	/* Academics page begin */
	.secondary-nav {
		position: relative;
		.sn-mobile-menu-button {
			display: block;
			border-bottom: 1px solid $transy-crimson;

			img.icon-hidden {
				display: none;
			}

			img {
				margin-top: 13px;
				margin-left: 16px;
				float: left;
			}

			p {
				display: inline-block;
				margin: 17px 0px 13px 14px;
				font-size: 12px;
				font-family: 'AkzidenzGroteskBE-Bold';
				color: $transy-crimson;
			}
		}

		.first-level {
			display: none;
			&.opened {
				display: block !important;
				position: absolute;
				top: 49px;
				background: $transy-crimson;
				padding-bottom: 400px;
				z-index: 999;
				> li {
					display: block;
					text-align: left;

					> a {
						width: 100%;
						margin-bottom: 0px;
						margin-left: 18px;
						padding: 12px 0 12px;
						border-bottom: 1px solid #fff;
						font-size: 14px;
						color: #fff;
						&:after {
							width: 14px;
							height: 17px;
							top: 14px;
							left: 88%;
							background: url(../img/assets/arrow-left-normal.png) no-repeat;
						}
					}
					&.active {
						margin-top: -1px;
						background: #fff;
						> a {
							color: $transy-crimson;
							&:after {
								background: url(../img/assets/arrow-left-inverted.png) no-repeat !important;
							}
						}
					}

					&.submenu {
						.sl-wrapper {
							display: none;
							top: 48px;
							&.opened {
								display: block;
							}

							.second-level {
								display: none;

								&.opened {
									display: block;
									width: 100%;
									position: absolute;
									background: $transy-crimson;
									padding-bottom: 400px;
									z-index: 9999;

									> li {
										display: block;
										padding-left: 18px;
										text-align: left;
										> a {
											width: 100%;
											margin-left: 0px;
											padding: 12px 0 12px;
											border-bottom: 1px solid #fff;
											font-size: 14px;
											color: #fff;
										}
										&.back-btn {
											display: block;
											a {
												position: relative;
												padding-left: 20px;
												&:before {
													content: '';
													display: block;
													width: 13px;
													height: 15px;
													position: absolute;
													left: 0px;
													top: 13px;
													background: url(../img/assets/back-arrow.png) no-repeat;
												}
											}
										}
										&.active {
											margin-top: -1px;
											background: #fff;
											> a {
												color: $transy-crimson;
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
		/* End First Level */

	}
	/* End Secondary navigation */

	.challenge-yourself {
		h6 {
			font-size: 18px;
		}
		h2 {
			font-size: 35px;
		}
		p {
			font-size: 16px;
		}
		figure {
			margin-left: -10px;
			margin-right: -10px;
			figcaption {
				padding-left: 10px;
				padding-right: 10px;
				font-size: 13px;
				font-style: italic !important;
			}
		}
	}
	/* End Chalange Yourself */

	.testimonial {
		padding-top: 50px;
		padding-bottom: 50px;
		img {
			margin-bottom: 20px;
		}
		h3 {
			font-size: 31px;
			font-style: italic;
		}
	}
	/* End Testimonial */

	.section-two {
		h2 {
			font-size: 35px;
		}
	}
	/* End Section Two */

	.slider-wrapper {
		height: auto;
		.slider-holder {
			padding-right: 30px;
			.flexslider {
				.flex-caption {
					.image-holder {
						width: 100%;
					}
					.text-holder {
						width: 100%;
						margin-top: 30px;
						padding-left: 0px;
					}
				}

				.flex-direction-nav {
					width: 100%;
					margin-right: 0px;
					bottom: 35px;
					 a {
					 	bottom: 10px;
					 }
					 .flex-prev {
					 	margin-left: 30px;
					 	left: 30px;
					 	&:before {
					 		margin-left: 30px;
					 	}
					 }
					 .flex-next {
					 	right: 0px;
					 }
				}
			}
		}
	}
	/* End Slider Wrapper */

	.st-with-images {
		padding-bottom: 20px;
		figure {
			margin-bottom: 20px;
		}
	}
	/* End Section Two with Images  */

	footer {
		padding-top: 32px;

		.links-row {
			margin-left: -15px !important;
			margin-right: -15px !important;
			ul {
				li {
					a {
						letter-spacing: -0.5px;
					}
				}
			}

			.mobile-second-row {
				margin-top: 15px;
				margin-bottom: 30px;
			}
		}

		.last-row {
			margin-left: -15px;
			margin-right: -15px;
			p {
				font-size: 14px;
			}
			p.first-row {
				margin-top: 20px;
				margin-bottom: 0px;
			}
			p.second-row {
				margin-top: 8px;
				margin-bottom: 10px;
				line-height: 17px;
			}
		}
	}
}