@media only screen and (max-width: 1080px) {

	.training-portal .inset {
		width:100%;
		padding-left:25px;
		padding-right:25px;
		box-sizing:border-box;
	}

	.main-nav {
		display:none;
	}

	.masthead .header-bar {
		height:100px;
	}

	.header-bar .mobile-nav-toggle {
		display:block;
		position: absolute;
		color: white;
		font-size: 30px;
		margin: 30px 0 0 10px;
		cursor: pointer;
	}

	.header-bar .branding {
		float: none;
		padding-top:28px;
		margin: 0 auto;
		width: 185px;
	}

		/*.is-sticky .header-bar .branding {
			margin-top:0;
			padding-top:28px;
		}*/

	.main .inset {
		padding-right:280px;
	}


	section.intro .intro-content {
		padding-left:30px;
		padding-right:30px;
		width:620px;
		margin-left:-340px;
	}

	section.intro .search {
		width:575px;
	}

	section.intro .search .search-bar > form > input {
		width:475px;
	}

	.course-detail-header h1, .course-category-header h1 {
		text-align:center;
		width:80%;
		margin:0 auto;
	}

	header.course-category-header {
		height:auto;
	}

		header.course-category-header h1 {
			padding:60px 0;
		}

	.sidebar {
		width:240px;
		right:20px;
	}

	.cta .cta-btn {
		margin:15px;
	}

	.course-info .course-facts .course-fact {
		margin: 0 15px 15px 0;
	}

	section.courses .course-container {
		width:33%;
	}

	section.video .col {
		width:100%;
		padding:0 !important;
	}

	section.video .col.about-info {
		margin-top:30px;
	}
}

@media only screen and (max-width: 768px) {

	section .col-25 { width:50% !important; }
	section .col-33 { width:50% !important; }
	section .col-35 { width:100% !important; }
	section .col-50 { width:100% !important; }
	section .col-60 { width:100% !important; }
	section .col-65 { width:100% !important; }
	section .col-70 { width:100% !important; }
	section .col-75 { width:100% !important; }
	section .col-80 { width:100% !important; }

	footer .main-bar .col-25 {
		width:50%;
	}

	.main .inset {
		padding-right:25px;
	}

	.main.no-sidebar .inset {
		padding: 0;
		width: 100%;
	}

	.sidebar {
		margin-top:30px;
		position:relative;
		top:auto;
		right:auto;
		width:100%;
	}


	section.intro .intro-content {
		padding-left:20px;
		padding-right:20px;
		width:410px;
		margin-left:-225px;
	}

	section.intro .search {
		width:400px;
	}

		section.intro .search .search-bar > form > input {
			width:305px;
		}
	section.courses .course-grid{
		flex-direction: column;
	}
	section.courses .course-container {
		width:100%;
	}
	.course-box .base{
		padding-left: 15px;
		padding-right: 15px
	}


}


@media only screen and (max-width: 468px) {
    .masthead .top-bar {
        display:none;
    }

	footer .main-bar .col-25 { width:100%; 	}

	section .col-25 { width:100% !important; }
	section .col-30 { width:100% !important; }
	section .col-33 { width:100% !important; }
	section .col-35 { width:100% !important; }
	section .col-50 { width:100% !important; }
	section .col-60 { width:100% !important; }
	section .col-65 { width:100% !important; }
	section .col-70 { width:100% !important; }
	section .col-75 { width:100% !important; }
	section .col-80 { width:100% !important; }

	.course-detail-header h1, .course-category-header h1 {
		text-align:center;
	}

	section.intro .intro-content {
		padding-left:10px;
		padding-right:10px;
		width:330px;
		margin-left:-175px;
		padding-top:85px;
	}

		section.intro .intro-content h1 {
			line-height:1.1;
			font-size:44px;
		}

		section.intro .intro-content h2 {
			line-height:1.2;
			font-size:25px;
		}

		section.intro .search {
			width:280px;
		}

			section.intro .search .search-bar > form > input {
				width:200px;
				padding:17px 10px;
			}

	.cta .cta-btn {
		width:100%;
		box-sizing:border-box;
		margin:0 0 20px 0;
	}

	.course-info .course-facts .course-fact, .training-courses-locations .pdficonbox, .training-courses-locations .pdficonbox a {
		width:100%;
		box-sizing:border-box;
		margin:0 0 15px 0;
	}

	.course-info .course-facts .course-fact .icon, .training-courses-locations .pdficonbox a i {
		height:63px;
		line-height:63px;
	}

	section.courses .course-container {
		width:100%;
	}

	.course-category-list > li > a.view-course-btn, .course-category-list > li > a.course-fact {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}

	.course-category-list .divider {
		box-shadow: inset 100px 0 0 #faa61a, inset 130px 0 0 #f3f3f3, inset 0 1px 0 #dfdfdf;
	}

	.course-category-list > li > .course-description img {
		width: 100% !important;
		height: auto !important;
		margin: 0 0 15px 0;
	}

	ul.enquiry-links li {
		display:block;
		margin:0 0 10px 0;
	}

		ul.enquiry-links li a {
			display:block;
		}

	#course-enrolment h2 {
		font-size:25px;
	}

	#course-enrolment h3 {
		font-size:19px;
	}

}