/* Navigation Adjustment */
@media only screen and (min-width: 1280px) {
	a.Level1 {
		padding: 16px 10px 18px;
		margin: 0 5px;

	}
	

}


/* Tablet Landscape */
@media only screen and (max-width: 1023px) {
	
	
	.fn-section {
	    width: calc(100% / 2 - 10px);
	}

	.Clear_A{
		display: none;
	}
	
	.Clear_B{
		display: block;
	}

	.footer-quote {
		width:250px;
	}
	
	.subscribe-panel-container {
		width:calc(100% - 300px);
	}
	
	#new-logo {
		width: 45%;
		min-width: 170px;
		max-width: 300px;
		float: none;
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
		z-index: 100;
	}

	#hamburger-container {
		float:left;
	}

	#logo-image {
		margin:10px 15px;
	}

	#new-logo img {
		width:100%;
		z-index: 100;
	}


	nav{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 200;
		width: 72%;
		height: 100%;
		max-width: 425px;
		min-width: 290px;
		padding-top: 0px;
		margin-left: 0px;
		border-left: 5px solid #813c7c;
		background-color: #f9f9f9;
	}

	nav ul{
		background-color: #f9f9f9;
		
	}

	nav ul li{
		float: left;
		width: 100%;
		text-align: left;
		margin-bottom: 10px;
		margin-left: 10px
	}

	a.Level1 {
		padding: 17px 5px 5px;
		margin: 0 4.5px;
		color: black;
		border-bottom: 3px solid #808184;
		border-top: none;
	}

	a.Level1:hover{
		border-bottom:3px solid black;
		border-top: none;
	}	

	a.Mobile_Nav_Title{
		display: inline-block;
		color: black;
		padding: 0 0 5px 0;
		text-align: center;
		width: calc(100% - 100px);
		margin-left: 50px;
		margin-right: 50px;
		border-bottom: none;
		margin-top: 19px;
		margin-bottom: 10px;
		font-size: 12pt;
		text-transform: uppercase;
		font-weight: bold;
	}
		
	.hamburger{
		display: inline-block;
		
		
	}
	.hamburger:hover nav{
		display: inline-block;
		
		
	}

	.close_nav{
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		text-align: center;
		text-transform: none;
		color: black;
		text-decoration: none;
		font-size:12pt;
		margin-top: 10px;
		font-weight: normal;
		margin-right: 15px;
	}

	.close_subnav{
		color: black;
		position: relative;
		float: right;
		top: auto;
		right: auto;
		margin-bottom: -35px;
	}

	.dropdown-content{
		position: absolute;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		top: 0;
		left: 0;
		z-index: 300;
		width: 100%;
		padding-top: 0px;
	}

	nav .dropdown-holder{
		margin-left: 0px;
		width: 100%;
	}

	.close_Subnav{
		width: 100%;
		float: right;
		display: block;
		text-align: right;
		display: inline-block;
		color: black;
		text-decoration: none;
		font-size:18px;
		text-transform:uppercase;
		font-family: 'RotisRegular', Arial;
		font-weight: bold;
		padding-right:16px;
		margin-bottom: 18px;
	}

	a.subLevel1.subnav_title{
		text-align: center;
		width: calc(100% - 100px);
		margin-left: 50px;
		margin-right: 50px;
		border-bottom: none;
		margin-top: 2px;
		margin-bottom: 20px;
	}

	.subLevel1{
		display: inline-block;
		color: black;
		width: 100%;
		border-bottom: 3px solid #808184;
		padding: 0 0 5px 0;
		text-align: left;
		margin-bottom: 10px;
	}

	.dropdown_submenu{
		width: 100%;
		margin-top: 0px;
		margin-bottom: 16px;
	}

	nav .dropdown:hover .dropdown-content {
		display: none;
	}

	.course-list-image {
		width:calc(50% - 30px);
	}

	.course-list-image img {
		width:150%;
		margin-left: 50%;
		transform: translateX(-50%);
	}

	.course-list-caption {
		width:50%;
	}


	.course-actionbar-button {
		width:calc(100% - 26px);
	}

	.course-actionbar-button:first-of-type {
		margin-right:0px;
		margin-bottom:10px;
	}
	
	
	.blog-entry .blog-card {
		width:calc(50% - 10px);
	}
	
	
	.blog-entry .blog-card-even {
		margin-right:0px;
	}
	
	.blog-entry .blog-card-odd {
		margin-right:20px;
	}


	
}

/* Tablet Devices */
@media only screen and (max-width: 767px) {
	

.thumbnail-trio {
	width:calc(33.3% - 10px);
	float:left;
}
	
	article iframe{
		height: 51.5vw;
		margin-top: 0px;
		}
	
	#old-article {
	width:calc(100% - 30px);
}

	
	.subscribe-panel-container {
		width: 100%;
		margin-top: 0px;
		margin-bottom: 15px;
	}

	.footer-quote h2 {
		text-align: center;
	}

	.footer-quote {
		width: 100%;
	}
	
	
	
	
	.main-panel {
		width:100%;
		margin-right:0px;
	}
	
	.main-panel.inverse {
		margin:0px;
	}

	.side-panel {
		width:100%;
		margin-top:30px;
	}

	.blog-card, .blog-entry .blog-card {
		width:calc(50% - 10px);
	}
	
	.homepage-blog .blog-card:nth-of-type(even) {
		margin-right: 0px;
	}

	.footer-blog-preview .blog-card:nth-of-type(even) {
		margin-right: 0px;
	}

	.footer-blog-title {
		width:calc(100% - 30px);
	}

	.footer-blog-preview .blog-card {
		width: calc(50% - 10px);
	}
	
	.Paralax_image{
		height: 300px;
	}
	
	article{
		width: 100%;
		}
		
	.rightbaralt{
	width: calc(50% - 30px);
	padding-top:0px;
		}
		
	.PartTimeCourse{
	width: calc(50% - 10px)!important;
	padding-top:0px!important;
	margin-top: 0px;
	margin-right: 25px;
		}
		
	.tile-wrap{
		width: calc(50% - 15px);
		margin:0px;
	}
	
	.timeframe{
		margin-top: 0px;
	}
	
	.tile {
		width: calc(100% - 30px);
		margin-right:0px;
		margin-bottom: 5px;
		
	}

	
	.Full_Time {
	width: 100%;
}
	.Tile_Image{
		float: left;
		width: 100%;
		height: auto;
		margin-left: 0;
	}
	
	.footer-nav{
		padding-bottom: 40px;
	}
	
	
	.courseNav {
		display:block;
		position:fixed;
		bottom:0px;
		width:100%;
		background-color:#813c7c;
		z-index:100;
	}

	.courseNav li a {
		padding:10px 0px 7px;
		display:block;
		width: calc(25% - 10px);
		overflow: hidden;
		text-overflow: ellipsis;
		color:#FFF;
		font-size:14px;
		text-decoration:none;
		cursor:pointer;
		border-bottom:3px solid #813c7c;
		float:left;
		margin:0 5px;
		text-align:center;
	}
		
	.courseNav i {
		margin-bottom:5px;
		}
		
	.courseNav li a:hover {
		border-bottom:3px solid #FFF;
	}

	.invert-card, .panel.invert-card.blog {
		width:calc(50% - 10px);
	}

	.course-list-image {
		width:calc(40% - 30px);
	}

	.course-list-image img {
		width:100%;
		margin-left:0px;
		transform:none;
	}

	.course-list-caption {
		width:60%;
	}
	
	.rightbarphotos{
		display: none;
	}
	.desktop{
		display: none;
	}
	
	.mobile{
		display: inline-block;
	}
	
	.trustpilot-footer {
		flex-direction:column;
	}

}

/* Tablet ONLY Devices */
@media only screen and (max-width: 1023px) and (min-width: 480px) {

.invert-card-three {
	width:100%;
}

.invert-card-three .panel-image {
	width:50%;
	float:left;
}

.invert-card-three .panel-text {
	width:calc(55% - 30px);
	margin-left:45%;
	margin-top:-30%;
	float:left;
}

.invert-card-three .button {
	position:absolute;
}



}

/* Mobile Devices */
@media only screen and (max-width: 479px) {
	
	#fees {
		margin-right:0px;
	}
	
	
	#fees, #requirements {
		width:calc(100% - 30px);
		margin:15px;
	}
	
	.side-panel .course-dates, #qualifications {
		width:calc(100% - 63px);
		margin:15px;
	}

	
	
	.lander-panel.panel {
		padding:0px;
	}
	
	
	.showcase-panel .panel-image {
		display:none;
	}
	
	.showcase-panel .panel-text {
		width:unset;
	}
	
	ul.benefit-ticks {
    column-count: 1;
    -moz-column-count: 1;
}
	
	.international-intro {
	column-count:1;
	-moz-column-count: 1; /* Firefox */
}

		
	.alumni-image {
		width:40%;
	}
	
	.alumni-description {
		width: calc(60% - 40px);
	}
	
	.invert-card, .panel.invert-card.blog {
		width: calc(100% - 30px);
		float: left;
		padding:15px;
	}
		
	.blog-card i {
		margin-left:7px;
		color: #EB6609;
		
	}

	.blog-card, .blog-entry .blog-card {
		width:calc(100% - 30px);
		margin:15px;
	}

	.course-card {
		width:100%;
	}

	.page-container {
		margin:160px 0px 0px;
	}
	
	.trustpilot-module {
		margin:0px 15px;
	}
	
	.tp-horizontal {
		flex-direction:column;
		gap:4px;
	}
	
	.tp-sidebar {
		width:fit-content;
		margin:auto;
		margin-top:16px;
		margin-bottom:16px;
	}

	.main-panel {
		width:100%;
		margin-right:0px;
	}

	.side-panel {
		width:100%;
		margin-top:0px;
	}

	.footer-blog-preview .blog-card {
		width: calc(100% - 30px);
		margin:15px;
	}

	.dropdown_submenu {
		width: 100%;
		margin-top: 0px;
		margin-bottom: 16px;
	}
	
	#logo-image {
		margin: 8px 12px;
	}
	
	
	.rightbaralt {
		width:calc(100% - 30px);
	}
	
	.PartTimeCourse{
	width: 100%!important;
	padding-top:0px!important;
	margin-top: 0px;
	margin-right: 0px;
		}
	
	.tile-wrap {
		width:100%;
		
	}
	
	.rightbarphotos{
		display: none;
	}
	
	.rightbaralt{
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	
	.tile {
		margin: 0 15px 5px;
		width: calc(100% - 60px);
	}
	
	.requirements{
		margin-bottom: 15px;
		
	}
	
	.Full_Time{
		width: calc(100% - 30px);
	}
	

	.course-list-image {
		width:calc(50% - 30px);
	}

	.course-list-image img {
		width:200%;
		margin-left: 50%;
		transform: translateX(-50%);
	}

	.course-list-caption {
		width:50%;
	}
	
	.panel.card.pop-card {
    width: calc(100% - 60px);
    margin: 15px;
	}
	
	.course-actionbar-button {
		width:calc(50% - 31px);
	}
	
	.course-actionbar-button:first-of-type {
	    margin-right: 10px;
		margin-bottom:0px;
	}
	
	
#mobile-phone-number {
		display:inline-block;
	}
	
	.course-delivery .list-element__container > div {
		width:100%;
	}
	
	.futurestudy__content {
		flex-direction:column;
	}

}