﻿@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');

body {background-color:#E3E3E3; margin:0px; font-family: 'Poppins'; font-weight:400;}
body a {text-decoration:none;}
body a:hover {text-decoration:underline;} 
body a img {border:none;}
body b {font-weight:500;}
body p, body ul, body li {font-weight:300;}

.gray, .gray a {color:#999999;}
.grayregular, .grayregular a {color:#666666;}
.graydark, .graydark a {color:#333333;}
.green, .green a {color:#40a634;}
.greenlight, .greenlight a {color:#40d62e;}
.purple, .purple a {color:#61008e;}
.black, .black a {color:black;}
.white, .white a {color:white;}
.red {color:#FF0000;}

.light {font-weight:300;}
.medium {font-weight:500;}
.large {font-size:18px;}
.xlarge {font-size:26px;}

.title {font-size:24px; font-weight:500; margin:0px 0px 30px 0px; text-align:center; padding-top:70px; padding-bottom:15px;}
.underline {background-image:url(../images/underline.gif); background-position:center bottom; background-repeat:no-repeat;}
.nodecoration, .nodecoration a, .nodecoration a:hover {text-decoration: none !important;} 
.nolink {font-weight: 300 !important; text-decoration: none !important;}

.greybg {background-color:#F3F3F3;}
.greylightbg {background-color:#FBFBFB;}
.greydarkbg {background-color:#E3E3E3;}
.whitebg {background-color:white;}
.greenbg {background-color:#40a634;}

.bordergray {border:1px solid #DDDDDD;}
.bordergraybottom {border-bottom:1px solid #DDDDDD;}
.bordernone {border:none;}

.table {display:table; width:100%;}
.row {display:table-row; width:100%;}
.cell {display:table-cell;}
.inline {display:inline-block;}
.right {float:right;}
.left {float:left;}
.middle {vertical-align:middle;}
.textcenter {text-align: center;}
.textleft {text-align: left;}
.flex {display: flex;}

.mobile {position:absolute; top:-9999px; left:-9999px;}
.hidden {position:absolute; top:-9999px; left:-9999px;}
.unselectable {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.pointer {cursor:pointer;}
#flag {display:none;}

.page {max-width:1400px; margin:auto;}
.padding {padding-left:100px; padding-right:100px; box-sizing:border-box;}
.button {border:none; font-size:14px; font-weight:500; border-radius:20px; padding:10px 30px 10px 30px; cursor:pointer; text-transform:uppercase; letter-spacing:1px; text-align:center; -webkit-appearance: none;}

.linebreak {border-bottom: 1px solid #DDDDDD; padding-top:60px;}
.gap {padding-top:28px; min-height:300px;}

.head {width:100%; min-height:70px; display:table; max-width:1400px; margin:auto;}
.head .logo, .head .search, .head .search div, .head .nav {min-height:70px; box-sizing:border-box; display:table-cell; vertical-align:middle;}
.head .logo {padding-left:41px; background-color:white; width:192px; position:relative; top:-4px;}
.head .search {width:100%; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; padding-left:20px; padding-right:12px; background-color:#FBFBFB; box-sizing:border-box; display:table;}
.head .search .icon, .homepage .hero .search .bar, .homepage .hero .search .btn {display:table-cell; vertical-align:top;}
.head .search .icon {background-image:url(../images/head-search-icon.png); background-position:left center; background-repeat:no-repeat; width:38px;}
.head .search .bar input {font-size:16px;}
.head .search .btn input {font-size:18px;}
.head .search .btn {width:110px; box-sizing:border-box;}
.head .search input {border:0px; opacity:1; box-shadow:none!important; font-family:'Poppins', sans-serif; font-weight:400; color:#999999; -webkit-appearance:none;}
.head .search input:focus {outline:none; background-color:transparent;}
.head .search input[type="text"] {background-color:transparent; width:100%; margin-top:2px;}
.head .search input[type="submit"] {padding:8px 0px 8px 0px; color:white; box-sizing:border-box; background-color:#40A634; display:block; width:100%; text-align:center; border-radius:4px; cursor:pointer; float:right;}
.head .nav {background-color:white;}
.head .nav img {padding-top:4px;}

.menu-overlay {opacity:0.5; background:#000; width:100%; height:100%; z-index:10; position:fixed; display:none;}
.nav a {float:right; user-select:none; padding-right:41px; text-align:right; cursor:pointer; padding-left:21px;}
.menu {right:0px; color:#000; background-color:#fff; height:100%; width:38%; background-color:#fff; position:fixed; z-index:11; overflow:auto; box-sizing:border-box; min-width:200px; padding: 40px 46px 50px 100px;}
.menu a {display: block; padding: 4px 2px 4px 0px; text-decoration: none!important; box-sizing:border-box;}
.menu .close {text-align:right; display:block; box-sizing:border-box;}
.menu .item {margin-right:65px; box-sizing:border-box; border-top:1px solid #DDDDDD; margin-top:50px; display:block; color:#666666; font-size:20px;}
.menu .item a, .menu .item a:hover {width:100%; color:#333333; cursor:pointer;}
.menu .item .parent {padding-top:30px;}
.menu .item .child {margin-top:35px; padding-top:35px; border-top:1px solid #DDDDDD; padding-bottom:12px;}
.menu .item .child a {background-image:none !important; color:#666666 !important; font-size:18px !important; font-weight:300 !important;}
.menu .item .unselected a {background-image:url(../images/icon-menu-item-bg.gif); background-repeat:no-repeat; background-position:center right;}
.menu .item .selected a {background-image:url(../images/icon-menu-item-bg-selected.gif); background-repeat:no-repeat; background-position:center right;}
.menu .item .industry {padding-bottom:35px; border-bottom:1px solid #DDDDDD;}
.menu .item .industry span {min-width:30px; display:inline-block; background-image:url(../images/icon-menu-industry.gif); background-position:center left; background-repeat:no-repeat;}
.menu .item .contact {margin-top:80px; border-top:1px solid #DDDDDD; padding-top:65px;}
.menu .item .contact .container {display:inline-block;}
.menu .item #social, .bottom .social {float:right;}
.menu .item .facebook, .bottom .social .facebook, .menu .item .linkedin, .bottom .social .linkedin {background-repeat:no-repeat; background-position:center; width:38px; height:38px; display: inline-block; cursor:pointer;}
.menu .item .facebook, .bottom .social .facebook {background-image:url(../images/icon-menu-facebook.png); }
.menu .item .linkedin, .bottom .social .linkedin {background-image:url(../images/icon-menu-linkedin.png);}

.heading {width:100%; background-color:#40a634; color:white; display:table; min-height:120px;}
.heading h1 {font-size:28px; font-weight:400; margin:30px 0px 5px 0px; padding:0px; display:inline-block;}
.heading .button {float:right; font-weight:500; margin-top:40px; display:block; padding-left:45px; padding-right:45px; padding-top:10px !important; padding-bottom:10px !important; white-space:nowrap;}

.course .footer, .article .footer, .home .footer, .thanks .footer {padding-top:0px !important;}
.search .footer {background-color:#F3F3F3;}
.footer {padding-top:95px;}
.footer .bottom {padding-top:45px; padding-bottom:30px; max-width:1400px; margin:auto;}
.footer .bottom .links {font-weight:300; font-size:14px; display:inline-block;}
.footer .bottom .links ol {margin:0px; list-style:none; padding:0px;}
.footer .bottom .links ol, .bottom .links ol li {display:inline-block;}
.footer .bottom .links ol li {}
.footer .bottom .links ol li:after {content: "|";padding-left:11px; margin-right:9px;}
.footer .bottom .links ol li:last-child:after {content: ""; padding-right:0px; margin-right:0px; border-right:0px solid #666666;}
.footer .bottom .social .facebook {padding-right:10px;}

.content {width:100%; padding:0px; margin:0px;}
.content .breaker, .results .breaker {display:table-cell; min-width:22px; width:22px; height:22px; min-height:22px;}

.page .breadcrumb {padding-top:0px; font-size:12px; font-weight:300; padding-bottom:20px;}
.page .breadcrumb ol {list-style-type:none; margin:0px; padding:0px;}
.page .breadcrumb ol, .breadcrumb ol li {display:inline-block;}
.breadcrumb ol li {padding-bottom:0px; margin-bottom:0px;}

.home .bottom .page {min-height:inherit;}
.home .head {padding-top:29px;}
.home .head .logo, .home .head .nav {background-color: transparent;}
.home .hero {position: relative; text-align: center; width: 100%; top:100px; margin-top:-70px;}
.home .hero .container {text-align:center; width:1180px; background-image:url(../images/homepage-hero-bg.jpg); background-position:center;	background-repeat:no-repeat; background-size:cover; margin:auto; min-height:460px; padding:145px 90px 90px 90px; box-sizing:border-box;}
.home .hero h1 {font-size:54px; color:white; margin:0px 0px 10px 0px; padding:0px;}
.home .hero p {font-size:20px; text-transform:uppercase; font-weight:700; margin-top:0px;}
.home .hero .search {width:100%; background-color:white; border-radius:4px; padding:9px 9px 9px 25px; box-sizing:border-box; display:table;}
.home .hero .search .icon, .home .hero .search .bar, .home .hero .search .btn {display:table-cell; vertical-align:top;}
.home .hero .search .icon {background-image:url(../images/hero-search-icon.png); background-position:left center; background-repeat:no-repeat; width:50px;}
.home .hero .search .bar {background-color:transparent;}
.home .hero .search .btn {width:150px;}
.home .hero .search input {padding:0px; border:0px; opacity:1; box-shadow:none!important; font-size:18px; font-family:'Poppins', sans-serif; font-weight:400; color:#999999; -webkit-appearance:none;}
.home .hero .search input:focus {outline:none; background-color:white;}
.home .hero .search input[type="text"] {background-color:white; width:100%; margin-top:11px;}
.home .hero .search input[type="submit"] {padding:12px 0px 12px 0px; color:white; box-sizing:border-box; background-color:#40A634; display:block; width:100%; text-align:center; border-radius:4px; cursor:pointer; float:right;}
.home .hero .search p {margin:0px; padding:0px;}
.home .content {padding-top:140px; padding-bottom:50px;}
.home .content ul {margin:0px; padding:0px 0px 0px 16px; list-style-image:url(../images/icon-bullet-purple.png);}
.home .content ul li {padding-left:10px; padding-bottom:9px;}
.home .content h2, .home .content h2 {font-weight:600; font-size:20px; border-bottom:#DDDDDD 1px solid; padding-bottom:22px; margin-bottom:26px;}
.home .content .byindustry, .home .content .byqualification {display:table-cell;}
.home .content .byqualification {width:50%; box-sizing:border-box; margin-left:18px;}
.home .content .col {display:table; width:100%;}
.home .content .col1, .home .content .col2 {display:table-cell;}
.home .content .col1 {width:51%;}
.home .byfunding {padding-top:20px;}
.home .byfunding .cell {width:33%;}
.home .articles .content {padding-top:70px; padding-bottom:70px;}

.pathways {padding-top:25px; padding-bottom:25px;}
.pathways .row .cell {padding:0px; width:25%; min-width:230px; border:1px solid #DDDDDD; border-right:none; border-bottom:none;}
.pathways .row .cell p {font-size: 15px; padding:0px; margin:0px;}
.pathways .row .cell p.salary {margin-bottom:20px; font-size:13px; font-weight:300;}
.pathways .row .cell .header {font-size:15px; background-color:#F3F3F3; padding:15px 20px 15px 20px; font-weight:500;}
.pathways .row .cell .detail {padding:20px;}
.pathways .row .cell:last-child {border-right:1px solid #DDDDDD;}
.pathways .row:last-child .cell {border-bottom:1px solid #DDDDDD;}
.category .source {font-size:13px; padding-bottom:10px;}
.category .course {padding-left:45px; padding-right:45px; padding-top:30px;}

.course .linebreak {padding-top:80px;}
.provider-course .banner .linebreak {border:none;}

.course .features, .recognised {margin:auto; font-size:15px;}
.course .features {width:80%; display:table; padding-top:30px;}
.course .features .cell {border:1px solid #DDDDDD; padding:0px; width:50%;} 
.course .features .row:first-child .cell {border-bottom:none;}
.course .features .cell:nth-child(1n+2) {border-left:none;} 
.course .features .cell .child {display:inline-block; padding: 4px 8px 4px 8px;}
.course .features .cell .child:first-child {min-width:180px; margin:10px 0px 10px 16px;}
.course .features .cell .child:first-child p, .recognised p {font-weight:500;}
.course .features .cell p, .recognised p {margin:0px; padding:2px 0px 3px 0px !important;}
.course .features .cell .fee, .course .features .cell .duration, .course .features .cell .mode, .course .features .cell .providers, .course .recognised div {padding-left:33px; background-position:left; background-repeat:no-repeat;}
.course .features .cell .fee {background-image:url(../images/icon-fee.gif);}
.course .features .cell .duration {background-image:url(../images/icon-duration.gif);}
.course .features .cell .mode {background-image:url(../images/icon-mode.gif);}
.course .features .cell .providers {background-image:url(../images/icon-provider.gif);}
.course .recognised {border:1px solid #DDDDDD; border-top:none; width:calc(80% - 2px); margin:auto; text-align:center;}
.course .recognised div {width:235px; white-space:nowrap; margin:auto; padding:14px 0px 14px 0px; background-image:url(../images/icon-nationally-recognised.gif); padding-left:98px;}
.course .recognised.industry div {background-image:none; padding-left:0px;}
.course .heading .cell.left {max-width: calc(100% - 300px);}
.course .page .content h3 {font-weight: 500; font-size: 20px; margin-bottom: 0px; margin-top: 18px;}
.course #description .page .content ul, .provider-course .description ul {padding-left:0px;}
.course #description .page .content ul li, .provider-course .description ul li {list-style: none;}

.provider-course .banner .container.padding {padding-top:50px; padding-bottom:50px;}
.provider-course .banner .container .table:first-child {border-radius:2px; box-shadow: #DDDDDD 0px 2px 8px; width:80%; text-align:center; margin:auto;}
.provider-course .banner .container .cell {padding-top:30px; padding-bottom:45px; padding-left:40px; padding-right:40px;}
.provider-course .banner .container .about {font-weight:300; font-size:18px;}
.provider-course .banner .container .about strong {font-weight:500;}
.provider-course .banner .container .detail .table {width:55%; margin:auto; text-align:center;}
.provider-course .banner .container .detail .table .cell {padding-top:10px; padding-bottom:28px; padding-left:0px; padding-right:0px;}
.provider-course .banner ul {list-style-image:url(../images/icon-bullet-tick.png); text-align:left; margin-top:0px; margin-bottom:0px;}
.provider-course .banner .button {width:150px; text-align:center; margin:auto;}

.brochure .banner .linebreak {border-bottom:none;}             
.brochure .banner .container {padding-top:35px; padding-bottom:35px; background-color:white; padding-left:40px; padding-right:40px;}
.brochure .banner .name {max-width:260px;}
.brochure .banner .name div {background-image:url(../images/icon-course-brochure.gif); font-size:18px; background-repeat:no-repeat; background-position:left; padding:20px 0px 20px 90px; font-weight:500;}
.brochure .banner .action {padding-left:40px; vertical-align: middle;}
.brochure .banner p {padding:0px 0px 10px 0px; margin:0px; font-size:15px;}
.brochure .banner .email {width:470px; font-family:'Poppins'; outline: none; border:1px solid #DDDDDD; border-right:none; font-size:14px; font-weight:300; background-color:#FBFBFB; padding:9px 9px 9px 18px; border-top-left-radius:18px; border-bottom-left-radius:18px;}
.brochure .banner .send {font-family:'Poppins'; font-size:14px; border:1px solid #40a634; font-weight:600; border-top-right-radius:18px; border-bottom-right-radius:18px;cursor:pointer; padding:9px 32px 9px 32px; text-transform:uppercase; color:white;}
.brochure .greybg.banner {padding-top:50px; padding-bottom:50px;}

.course .suitable {width:100%; text-align:center; padding-top:20px; display:flex;}
.course .suitable .skill {margin:0px 10px 0px 10px; max-width:275px;}
.course .suitable .skill:first-child {margin-left:0px;}
.course .suitable .skill:last-child {margin-right:0px;}
.course .suitable .skill div {padding:25px 25px 20px 25px; }
.course .suitable .skill p {padding:0px 0px 10px 0px; margin:0px; font-size:15px;}
.course .suitable .skill b {font-weight:500; font-size:16px;}

.course .outcomes .cell {width:50%;}
.course .outcomes .container:first-child {margin-right:10px;}
.course .outcomes .container:last-child {margin-left:10px;}
.course .outcomes .cell .container {margin-right:10px;}
.course .outcomes .cell p {text-align:center; padding:20px 0px 16px 0px; margin:0px; font-weight:500; font-size:16px;}
.course .outcomes .cell table {width:100%; border:0px; padding:0px; border-spacing:0px; font-size:15px; max-width:570px; margin:auto;}
.course .outcomes .cell table td {padding:16px 14px 16px 14px;}
.course .outcomes .cell table tr:first-child {background-color:#F3F3F3;}
.course .outcomes .cell table tr:first-child td {border-top:1px solid #DDDDDD;}
.course .outcomes .cell table tr td:first-child {border-right:1px solid #DDDDDD; border-left:1px solid #DDDDDD;}
.course .outcomes .cell table tr td:last-child {width:140px; border-right:1px solid #DDDDDD;}
.course .outcomes .cell table tr:last-child td {border-bottom:1px solid #DDDDDD; padding-bottom:25px;}
.course .outcomes .single .cell {width:100%; text-align:center;}
.course .outcomes .single .cell .container {margin:0px auto;}
.course .outcomes .cell table a {font-weight:500;}

.course .providers .filters {width:100%; text-align:center; margin:auto;}
.course .providers .filters .filter {white-space:nowrap; font-size:14px; font-weight:500; display:inline-block; margin:0px 5px 0px 5px; padding:14px 20px 14px 50px; cursor:pointer; background-image:url(../images/icon-filter-unchecked.gif); background-position:left; background-repeat:no-repeat;}
.course .providers .filters .filter:last-child {margin-right:0px;}
.course .providers .filters .filter:first-child {border-top:1px solid #DDDDDD; margin-bottom: 10px;}
.course .providers .filters .checked {background-image:url(../images/icon-filter-checked.gif);}

.course .providers .list {width:100%; margin:auto; text-align:center; padding-top:10px; padding-bottom:80px;}
.course .providers .list p {margin:0px;}
.course .providers .list .item {display:inline-block; width:280px; text-align:center; margin-top:20px;}
.course .providers .list .item:nth-child(2n), .course .providers .list .item:nth-child(3n) {margin-left:20px;}
.course .providers .list .item .logo {padding:70px 0px 70px 0px; background-image:url(../images/providers/upskilled-small.gif); background-position:center; background-repeat:no-repeat;}
.course .providers .list .item .info {border-top:1px solid #DDDDDD; height:150px; padding:25px}
.course .providers .list .item .info, .course .providers .list .item .more {background-color:#FBFBFB;}
.course .providers .list .item .info p {font-size:15px;}
.course .providers .list .item .info p:first-child {font-size:16px; font-weight:400; margin-bottom:20px;}
.course .providers .list .item .info .scheme {text-align:left; background-image:url(../images/icon-funding-scheme.png); background-position:left; background-repeat:no-repeat; padding-left:25px; margin-bottom:3px;}
.course .providers .list .item .more {padding:0px 60px 25px 60px; text-transform:uppercase; }
.course .providers .list .item .more p {padding-bottom:10px;}
.course .providers .list .item .more p, .course .providers .list .item .more .button {font-size:12px; font-weight:600;}

.provider-course .provider-about {margin:auto; width:80%; padding-top:20px; padding-bottom:20px;}
.provider-course .provider-about .cell {padding:18px;}
.provider-course .provider-about .cell:nth-child(2) {border-right:none; border-left:none;}
.provider-course .provider-logo, .enquiry .provider-logo {padding-top:50px; padding-bottom:50px;}
.provider-course .features .row:first-child .cell {border-bottom:1px solid #DDDDDD;}
.provider-course .description {padding-top:25px;}
.provider-course .description p, .provider-course .description ul, .provider-course .description li {margin-bottom:0px;}

.filtercontainer {width: 280px; max-width: 280px;}
.filter {padding: 0px 20px 20px 20px; border: #DDDDDD 1px solid; border-radius: 3px; background-color: white; width: 100%; max-width: 281px; box-sizing: border-box;}
.filter .breaker {width:100%; height:19px; border-bottom:#DDDDDD 1px solid; min-width:100%; display:block; min-height:19px;}
.filter h4 {font-size: 16px; font-weight: 600; margin: 20px 0px 0px 0px; padding: 0px;}
.filter .category h4 {margin-bottom:14px;}
.filter ol {list-style: none; margin: 0px; padding-left: 0px;}
.filter ol li {font-size: 14px; border-bottom: #DDDDDD 1px dashed; font-weight: 300; padding-top:12px; padding-bottom:14px;}
.filter .block {background-position: right; background-repeat: no-repeat; cursor: pointer;}
.filter .block.opened {background-image:url(../images/filter-block-opened.png);}
.filter .block.closed {background-image:url(../images/filter-block-closed.png);}
.filter .checkbox, .filter .label, .filter .slide {background-repeat:no-repeat; cursor: pointer;}
.filter .checkbox {background-image: url(../images/filter-box.png); flex-basis: 14px; background-position:top; min-width:14px; margin-top:2px;}
.filter .label {flex-grow: 1; padding-left: 8px;}
.filter .slide {background-position:right; flex-basis:30px;}
.filter .partial .checkbox {font-weight: 600; background-image:url(../images/filter-box-partial.png) !important;}
.filter .selected .checkbox {font-weight: 600; background-image:url(../images/filter-box-selected.png) !important;}
.filter .opened .slide {background-image:url(../images/filter-block-category-opened.png);}
.filter .closed .slide {background-image:url(../images/filter-block-category-closed.png);}
.filter .child-li {display: none;}
.filter .child-li li {padding-top:12px; padding-bottom:12px;}
.filter .category.child-li li {border-bottom:none; margin-left:21px;}
.filter .category.child-li li:first-child {padding-top:20px;}
.filter .category.child-li li:last-child {padding-bottom:20px;}

.results {display:table-cell; vertical-align:top;}
.results .listing {background-color:white; border-radius:3px; border:#DDDDDD 1px solid; font-size:14px; margin-bottom:22px;}
.results .listing h2, .results .listing h3 {margin:0px 0px 20px 0px; padding:0px; font-size:20px; font-weight:400; text-align:left;}
.results .listing p {font-size:14px; display:block; margin-bottom:20px; font-weight:300;}
.results .listing .providers {background-image:url(../images/icon-provider-serp.png); background-repeat:no-repeat; background-position:left center; padding-left:26px; display:inline-block; line-height:43px; vertical-align:middle;}
.results .listing .more {cursor:pointer; text-transform:uppercase; font-size:12px; font-weight:600; color:white; display:inline-block; float:right; padding:11px 27px 11px 27px; border-radius:18px; box-sizing:border-box; white-space:nowrap; background-color:#40a634; border:1px solid #40a634; vertical-align:middle;}
.results .breaker:last-child {height:32px; min-height:32px;}
.provider-course .results, .category .results {width:100%; display:block;}
.provider-course .results .listing, .category .results .listing, .results .listing {padding:35px 30px 30px 30px;}
.provider-course .results .listing, .category .results .listing {max-width:880px; margin:auto; margin-bottom:22px;}
.provider-course .results .listing:first-child, .category .results .listing:first-child {margin-top:39px;}
.results.category {padding-top:25px;}

.news .results .space {width:50%;}
.news .results .listing {width:100%; max-width:430px; margin-bottom:0px; padding-bottom:0px; min-height:440px;}
.news .results .listing img {border:none; width:100%;}
.news .filtercontainer {width:280px; max-width:280px;}
.news .results .table .row .cell {box-sizing:border-box;}
.news .results .table .row .cell.one {padding-right:10px;}
.news .results .table .row .cell.two {padding-left:10px;}
.news .results .listing {box-sizing:border-box;}
.news .results .listing .detail {border-left:none; border-right:none; border-bottom:none; padding:30px 34px 30px 34px;}
.news .results .listing .detail h2 {text-align:center; padding-top:0px; margin-top:0px; font-size:18px; font-weight:500; margin-bottom:18px;}
.news .results .listing .detail p {font-size:14px; font-weight:300; text-align:center; margin:0px;}
.news .filter .selected, .funding-detail .selected {font-weight:600;}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0; left: 0; width: 100%; height: 100%;}

.article .heading {min-height: 400px; height: 400px; background-image: url(../images/blog/background.jpg); background-size: cover; background-position: bottom; }
.article .heading.thor {background-image:url(../images/blog/thor-hero.jpg);}
.article .heading .row {background-color: rgba(0,0,0,.5)}
.article .heading.thor .row {background-color: rgba(0,0,0,0)}
.article .heading h1 {font-size:36px; font-weight:500; margin-bottom:25px; max-width:750px; width:100%;}
.article .heading p {font-size:16px; margin:0px;}
.article .detail {padding-bottom:30px;}
.article .detail h2 {font-size:20px; margin:0px; font-weight:400;}
.article .detail p {font-size:16px; margin:20px 0px 20px 0px; font-weight:300;}
.article .detail .breaker {width:100%; padding-top:20px; border-bottom:1px solid #DDDDDD; margin-bottom:35px; display:block; min-width:100%; height:auto; min-height:initial;}
.article .suggestions {padding-bottom:30px;}
.article .suggestions h4 {font-size:20px; font-weight:500; text-align:center; margin-top:30px; margin-bottom:0px;}
.article .suggestions .linebreak {padding-top:28px; margin-bottom:32px;}
.article .detail img {display: block; margin-left: auto; margin-right: auto; width: 50%;}

.articles .cell {text-align: -webkit-center;}
.articles .cell:first-child {text-align: -webkit-left;}
.articles .cell:last-child {text-align: -webkit-right;}
.articles .detail {text-align:center; width:380px;}
.articles .detail h2 {padding-top:20px; margin:0px; font-size:18px; font-weight:500;}
.articles .detail p {font-size:14px; font-weight:300; line-height:24px;}

.funding {padding-top:18px;}
.course .funding {padding-top:18px; padding-left:100px; padding-right:100px; box-sizing:border-box;}
.funding .scheme {border-top:none;}
.funding .scheme:first-child {border-top:1px solid #DDDDDD;}
.funding p {margin:0px;}
.funding .cell {vertical-align:top;}
.funding .name {width:200px; text-align:left;}
.funding .name, .funding .info {padding-top:25px; padding-bottom:25px;}
.course .funding .name, .course .funding .info {padding-top:20px; padding-bottom:20px;}
.funding .option {white-space:nowrap;}
.funding .name {font-size:15px; font-weight:500; padding-right:40px; padding-left:20px;}
.funding .info {font-size:13px; font-weight:300; text-align:left;}
.funding .option {padding-right:20px; padding-left:40px; vertical-align:middle;}
.funding .option .button, .funding .option p {font-size:12px; font-weight:600;}
.funding .option p {padding-top:12px;}

.funding-detail h2 {font-size:20px; font-weight:400; margin-top:40px; padding-top:40px; border-top:1px solid #DDDDDD; margin-bottom:0px;}
.funding-detail h2:first-child {margin-top:0px; padding-top:0px; border-top:none;}
.funding-detail .breaker {width:40px; min-width:40px;}
.funding-detail .filter h4, .news .filter h4 {margin-bottom:18px;}
.funding-detail .filter li:first-child, .news .filter li:first-child {border-top: #DDDDDD 1px solid; padding-top: 12px;}
.funding-detail .filter li:last-child, .news .filter li:last-child {border-bottom: none; padding-bottom: 0px;}

.form p {margin:0px;}
.form input[type=text], .form select, .manage input[type=text] {background-color:#FBFBFB; padding:10px; width:100%; color:#333333;}
.form input[type=text], .form select {font-size:16px;}
.form .table input[type=checkbox] {width:18px; height:18px;}
.form .cell label {font-size:12px; font-weight:300;}
.form .table {padding-top:35px;}
.form .table p {padding-bottom:5px;}
.form .table .cell {width:50%; box-sizing:border-box; padding-left:10px; padding-bottom:25px;}
.form .table .cell:first-child {padding-left:0px; padding-right:10px;}
.form .table .cell p {text-align:left;}
.form .table .terms {vertical-align:bottom; text-align:left;}
.form .table .terms table {border:0px; margin:0px; padding:0px;}
.form .table .terms td:first-child {padding-right:5px;}
.form .button {width:200px; margin:auto; margin-top:10px; font-family:Poppins; font-weight:500;}

.enquiry .form {padding-top:70px; font-size:16px;}
.enquiry .heading h1 {margin-bottom:30px !important;}
.enquiry .provider-list, .enquiry .form .table {width:70%; margin:auto;}
.enquiry .provider-list {padding-top:30px;}
.enquiry .provider-list p {font-size:16px; margin-bottom:30px; margin-top:0px;}
.enquiry .provider-list .item, .thanks .provider-list .item {background-color:white; border:1px solid #DDDDDD; min-height: 250px; border-radius:5px; padding:15px; cursor:pointer; box-sizing:border-box; display:inline-table; margin-bottom:16px;}
.enquiry .provider-list .one, .thanks .provider-list .one {width:calc(33% - 10px); margin-right:8px;}
.enquiry .provider-list .two, .thanks .provider-list .two {width:calc(33% - 10px); margin-right:4px; margin-left:4px;}
.enquiry .provider-list .three, .thanks .provider-list .three {width:calc(33% - 10px); margin-left:8px;}
.enquiry .provider-list .item .logo, .thanks .provider-list .item .logo {background-position:center; min-height:90px; background-repeat:no-repeat; box-sizing:border-box;}
.enquiry .provider-list .item .name, .thanks .provider-list .item .name {text-align:center; padding-left:10px; padding-right:10px; text-transform:uppercase; font-size:12px; min-height:50px;}
.enquiry .provider-list .item .active, .enquiry .provider-list .item .deactive, .thanks .provider-list .item .active, .thanks .provider-list .item .deactive  {min-height:85px; background-position:center; background-repeat:no-repeat;}
.enquiry .provider-list .item .active, .thanks .provider-list .item .active {background-image:url(../images/icon-provider-active.gif);}
.enquiry .provider-list .item .deactive, .thanks .provider-list .item .deactive {background-image:url(../images/icon-provider-deactive.gif);}
.enquiry .results.category {padding-top:0px !important;}

.thanks .message {padding-bottom: 75px;}
.thanks .message h2 {font-size:22px; padding-top:70px; padding-bottom:40px; font-weight:300; margin:0px;}
.thanks .message h2 strong {font-weight:600;}
.thanks .enquired-with {margin:auto; max-width:670px; width:100%;}
.thanks .enquired-with .one {padding-right:10px; padding-bottom: 20px; width:300px;}
.thanks .enquired-with .two {padding-left:10px; padding-bottom: 20px; width:300px;}
.thanks .enquired-with .tile {max-width:325px; width:100%; margin:auto;}
.thanks .enquired-with .logo {width:100%; height:170px; background-image: url(upskilled-large.gif); background-position: center; background-repeat: no-repeat; box-sizing: border-box;}
.thanks .enquired-with .name {width: 100%; border-top: none; font-size:16px; text-align: center; padding: 22px; box-sizing: border-box;}
.thanks .provider-list {padding-top:30px; padding-bottom:10px; width:70%; margin:auto;}
.thanks .provider-list p {font-size:18px; margin-bottom:30px; margin-top:0px; font-weight:300;}
.thanks .extra {padding-bottom:80px;}
.thanks .extra .button {max-width:300px; width:100%;}

.search .search_filter {position:absolute; top:-9999px; left:-9999px;}
.search .results .listing {padding:35px;}
.search_header {margin-bottom:26px;}
.search_header .cell:nth-child(2) {text-align:right;}
.search_header .count, .search_header .pagination {font-size: 14px; display: inline-block;}
.pagination span {border: 1px #BBBBBB solid; border-radius: 2px; padding: 5px 10px 5px 10px; box-sizing: border-box; cursor: pointer;}
.content .pagination .current {color: #333333 !important;}

.page .our-providers {vertical-align:top; display:table; padding-bottom:60px; width:100%;}
.page .our-providers h44 {font-size:20px; font-weight:400; margin-top:0px; display:table-row;}
.page .our-providers h4 span {display:block; margin-bottom:10px;}
.page .our-providers .item {display:inline-block; background-color:#FBFBFB; width:calc(25% - 26px); border:1px solid #DDDDDD; padding-bottom:40px; box-sizing:border-box; margin-top:20px; margin-right:22px;}
.page .our-providers .item:nth-child(4n+4) {margin-right:0px;}
.page .our-providers .item .image {background-position:center; background-repeat:no-repeat; height:180px; border-bottom:1px solid #DDDDDD; cursor:pointer;}
.page .our-providers .name {min-height:50px; height:50px; position:relative; text-align:center;}
.page .our-providers .name span {position:absolute; display:block; bottom:0; width:100%; font-size:16px;}
.page .our-providers .modee {text-align:center; padding-top:6px; padding-bottom:22px;}
.page .our-providers .mode span {background-position:left center; background-repeat:no-repeat; padding-left:26px; font-size:15px; font-weight:300; text-align:center;}
.page .our-providers .button {width:60%; text-align:center; margin:auto; font-size:12px; font-weight:600;}

.contact {padding-top:70px; min-height:400px;}
.contact .cell {width:50%; vertical-align:top; box-sizing:border-box;}
.contact .one {padding-right:25px;}
.contact .two {padding-left:25px;}
.contact h3 {font-weight:600; font-size:18px; width:100%; text-align:left; border-bottom:1px solid #DDDDDD; margin-bottom:20px; padding-bottom:15px; margin-top:60px;}
.contact .form {width:100%; background-color:#F3F3F3; padding:30px; font-size:15px; box-sizing:border-box;}
.contact .form .intro {border-bottom:1px solid #DDDDDD; width:100%; text-align:left; margin-bottom:18px; padding-bottom:18px;}
.contact .form .field {margin-bottom:12px;}
.contact .form .button {border:0px; width:50%; height:40px; min-width:160px;}

.textbox {padding: 10px 8px 10px 8px; border: 1px solid #DDDDDD; border-radius: 2px; width: 100%; box-sizing: border-box;}

.general-page {min-height:400px;}
.general-page h2 {font-size: 24px; font-weight: 500; margin: 0px; padding-top: 50px; padding-bottom:5px;}
.general-page p {margin:20px 0px 0px 0px;}
.general-page ul, .general-page ol {margin-bottom:0px;}

.eligibility .form .table {width:100%; margin:auto; padding-top:10px;}
.eligibility .form p {text-align:center !important;}
.eligibility .form .button {width:250px;}
.eligibility .form input[type=text], .eligibility .form select {margin-top:5px;}

.eligibility .form .table .row .cell table {text-align:center; width:100%;}
.eligibility .form .table .row .cell table tr td {width:50%;}
.eligibility .form .table .row .cell table tr td label {font-size:18px;}
.eligibility .form .table .row .cell table tr td:first-child {text-align:right;}
.eligibility .form .table .row .cell table tr td:last-child {text-align:left;}
.eligibility .form .table .row .cell table tr td:first-child label {padding-right:10px;}
.eligibility .form .table .row .cell table tr td:last-child label {padding-left:10px;}


.eligibility .requirements ul {list-style:none;}
.eligibility .requirements h3 {font-weight:normal; font-size:16px;}
.eligibility .requirements ul, .eligibility .requirements p, .eligibility .requirements h3 {text-align:center;}
.eligibility .results.category {padding-top:0px;}
.eligibility .updated p {padding:45px 0px 0px 0px; margin:0px; font-style:italic;}

.processing-overlay {position:fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.3); z-index: 2; cursor: pointer;}
.processing-overlay .text {position: absolute; top: 50%; left: 50%; font-size: 50px; color: white; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}

/* sticky nav bar */
#stickynav {overflow: hidden; border-bottom: 1px solid #DDDDDD; text-align: center; text-transform: uppercase; font-size: 14px;}
#stickynav ul {list-style-type:none; margin:0px; padding:20px 0px 20px 0px; font-size:14px;}
#stickynav ul li {display:inline-block; margin-left:28px; font-weight:500 !important;}
#stickynav ul li:first-child {margin-left:0px;}
#stickynav a {display:block; text-decoration:none; cursor:pointer;}
#stickynav a:hover {text-decoration:underline;}
#stickynav a.active {}
.sticky {position:fixed; top:0; width:100%}
.sticky + .content {padding-top:60px;}

/* side menu (used on news all, category and gov funding detail) */
.sideMenuClosed, .sideMenuOpen {background-repeat:no-repeat; background-position:right;}
.sideMenuClosed {background-image:url('../images/icon-menu-item-bg-selected.gif') !important;}
.sideMenuOpen {background-image:url('../images/icon-menu-item-bg-unselect.gif') !important;}

/* government funding forms */
.ui-helper-hidden-accessible {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.ui-widget.ui-widget-content {border: 1px solid #c5c5c5;}
ui-widget-content {border: 1px solid #dddddd; background: #ffffff; color: #333333;}
.ui-widget {font-size: 1em;}
.ui-widget input {background-color: #FBFBFB; padding: 10px;  width: 100%; color: #333333; font-size: 16px;}
.ui-menu {list-style: none;padding: 4px; margin: 0; display: block; outline: 0; background-color: white;}
.ui-autocomplete {position: absolute; top: 0; left: 0; cursor: default;}
.ui-menu .ui-menu-item {margin: 0; cursor: pointer; padding-top: 4px; padding-bottom: 4px;}

/* manage styles */
.manage table {width:100%; border:0px; padding:0px; border-spacing:0px; font-size:15px; max-width:600px; margin:auto;}
.manage table td {padding:16px 14px 16px 14px;}
.manage table tr:first-child td {border-top:1px solid #DDDDDD; width:150px;}
.manage table tr td:first-child {border-right:1px solid #DDDDDD; border-left:1px solid #DDDDDD;}
.manage table tr td:last-child {border-right:1px solid #DDDDDD; font-weight:300;}
.manage table tr:last-child td {border-bottom:1px solid #DDDDDD; padding-bottom:25px;}

/* responsive styles */

/* if smaller than 1375px */
@media only screen and (max-width: 1375px) {

    .home .articles .cell, .suggestions .articles .cell {display:block; width:100%; padding-bottom:22px;}
    .home .articles .detail, .suggestions .articles .detail {text-align: center; width: 80%; margin: auto; max-width:500px;}
    .home .articles .detail h2, .suggestions .articles .detail h2 {padding-top:10px; padding-bottom:16px;}
    .suggestions .articles .detail {padding-bottom:0px;}
    .suggestions .articles .detail h2 {border-bottom: #DDDDDD 1px solid;}

}

/* if smaller than 1300px */
@media only screen and (max-width: 1300px) {

	.menu {width:50%;}
    .padding {padding-left:41px; padding-right:41px;}

}

/* if smaller than 1180px */
@media only screen and (max-width: 1180px) {

    .home .hero .container {width:100% !important;}
	
    .course .col1, .course .col2, .provider-course .col1, .provider-course .col2 {display:block !important; width:100% !important; margin-left:0px !important; margin-right:0px !important;}
    
    .page .our-providers .item {width:calc(33% - 26px);}
    .page .our-providers .item:nth-child(4n+4) {margin-right:22px;}
    .page .our-providers .item:nth-child(3n+3) {margin-right:0px;}

    .pathways .row .cell {max-width:unset;}

}

/* if smaller than 1100px */
@media only screen and (max-width: 1100px) {

    .padding {padding-left:41px; padding-right:41px;}

    .course .features {width:100%; }
    .course .features .row {display:block; width:100%;}
    .course .features .row .cell {border-bottom:none;}
    .course .features .cell, .course .recognised, .provider-course .provider-about .row, .provider-course .provider-about .row .cell  {display:block; width:460px; margin:auto; min-width:380px; box-sizing:border-box;}
    .course .features .cell:nth-child(1n+2) {border-left:1px solid #DDDDDD;}
    .course .recognised {border-top:1px solid #DDDDDD;}

    .provider-course .features {padding-top:0px;}
    .provider-course .features .row:first-child .cell {border-bottom:none;}
    .provider-about .row .cell, .provider-course .provider-about .cell:nth-child(2) {border: 1px solid #DDDDDD; border-top:none;}
    .provider-about .row .cell:first-child {border-top: 1px solid #DDDDDD;}

}
	
/* if smaller than 1000px */
@media only screen and (max-width: 1000px) {
    
    .title {padding-top: 50px;}
    .padding {padding-left:21px; padding-right:21px;}

	.menu {width:100%;}
    .nav a {padding-right:21px;}

	.head .logo {padding-left:21px; padding-right:21px;}
	
    .home .head {padding-top:14px !important; min-height:50px !important;}
	.home .hero {margin-top:-88px !important;}
    .home .hero .container {padding:145px 21px 90px 21px;}

    .heading .cell, .heading .cell.left {width:100% !important; max-width:100% !important; display:block;}
    .heading .right, .heading .cell.left, .heading .button {float:unset;}
    .heading .button {margin:auto; margin-top:0px; margin-bottom:30px; max-width:250px;}
    
    .course .linebreak {padding-top:50px;}
    .course .features {padding-top:20px;}
    .course .suitable {display:block;}
    .course .suitable .skill {display:block; width:100%; max-width:460px; padding:0px; margin:auto; margin-bottom:20px;}
    .course .suitable .skill:last-child {margin:auto; margin-bottom:0px; }
    .course .suitable .skill:first-child {margin:auto; margin-bottom:20px; }
    .course .outcomes .cell {width:100%; display:block; margin:auto;}
    .course .outcomes .cell .container {margin-left:0px; margin-right:0px; margin-bottom:20px;}
    .course .outcomes .cell:first-child .container p {padding-top:0px;}
    .course .outcomes .cell:last-child .container {margin-bottom:0px;}
    .course .funding, .govfund .funding {padding-left:0px; padding-right:0px}
    .course .funding .scheme, .govfund .funding .scheme {width:100%; max-width:700px; margin:auto;}
    .course .funding .scheme .cell, .govfund .funding .scheme .cell {display:block; width:100%; box-sizing:border-box; margin:auto; text-align:center; padding-left:10px; padding-right:10px;}
    .course .funding .name, .govfund .funding .name {padding-bottom:0px;}
    .course .funding .option .button, .govfund .funding .option .button {max-width:200px; margin:auto;}
    .course .funding .option p, .govfund .funding .option p {margin:auto; padding-bottom:20px;}

    .news .results .space {width:100%;}
    .news .results .cell {display:block; width:100%;}
    .news .results .listing {max-width:100%; margin-bottom:20px;}
    .news .results .table .row .cell.two {padding-left:0px;}
    .news .results .table .row .cell.one {padding-right:0px;}
    .news .results .row .breaker, .results .breaker:last-child {height:0px; min-height:0px;}

    .article .heading {min-height:unset; height:unset;}
    .article .heading p {padding-bottom:30px;}
    .article .page .content .table.padding {padding-left:0px; padding-right:0px;}

    .provider-course .page .content .padding .padding {padding-left:0px; padding-right:0px;}
    
    .pathways .row .cell {width:100%; border-right:1px solid #DDDDDD; display:block;}
    .pathways .row .cell .detail {margin-right:10px; cursor:pointer; background-image:url(../images/icon-menu-item-bg-selected.gif); background-position:right; background-repeat:no-repeat;}
    .pathways .level .detail {background-image:none !important;}
    .pathways .row .level {position:absolute; top:-9999px; left:-9999px;}
    .pathways .hidden {position:unset; left:unset; top:unset;}
    .pathways .row .level .cell {border-bottom:0px; border-top:0px;}
    .pathways .row .level .cell:first-child {border-top:1px solid #DDDDDD; padding-top:20px;}
    .pathways .row .level .header {background-color:white; padding-bottom:0px; padding-top:0px;}
    .pathways .row:last-child .level .cell:last-child {border-top:none; border-bottom:1px solid #DDDDDD;}

}

/* if smaller than 900px */
@media only screen and (max-width: 900px) {

	.home .content .categories {display:block !important}
    .home .content .byindustry, .home .content .byqualification {display:block !important; width:100% !important; margin-left:0px !important;}
	.home .content .byqualification {margin-top:30px;}
    .home .content .byfunding {margin-top:30px; padding-top:0px; padding-bottom:0px;}
	.home .content .breaker {display:none;}

    .enquiry .provider-list, .enquiry .form .table {width:100%;}

    .thanks .provider-list {width:100%; max-width:600px;}
    .thanks .provider-list .one, .thanks .provider-list .item {width:100%; display:block; margin:auto; max-width:300px; margin-bottom:20px;}
    .thanks #panelProviderList .page .content .padding .padding {padding-left:0px; padding-right:0px;}
    .thanks .message {padding-bottom:30px;}
    .thanks .message h2 {font-size:18px; padding-top:50px;}
    .thanks .provider-list p {font-size:16px;}

}

/* if smaller than 850px */
@media only screen and (max-width: 850px) {

    .page .our-providers .item {width:calc(50% - 26px);}
    .page .our-providers .item:nth-child(3n+3) {margin-right:22px;}
    .page .our-providers .item:nth-child(2n+2) {margin-right:0px;}

    .provider-course .banner .container .table:first-child {width:100%;}
     
}

/* if smaller than 800px */
@media only screen and (max-width: 800px) {

    .desktop {position:absolute; top:-9999px; left:-9999px;}
    .mobile {position:relative; top:inherit; left:inherit;}
    
    .head .logo, .head .nav {display:inline-block; width:50%;}
    .head .search {display:table; width:100%; border-left:none; border-right:none; border-top:1px solid #DDDDDD;}
    .head .logo img {padding-top:12px;}
    .head .search {padding-left:21px;} 
    .head .logo img {padding-top:8px;}
    .head .logo, .head .nav, .head .search {min-height:60px;}
    .head .nav img {padding-top:18px;}
    .head .search input[type="submit"] {padding:6px 0px 6px 0px;}
    .head .hero .search .btn {width:110px;}
    .head .search input {font-size:16px;}

	.heading .cell {display:block !important; width:100% !important; float:none;}

    .contact {padding-top:50px;}

    #stickynav {position:absolute; top:-9999px; left:-9999px;}
    .course #description .content .padding .padding, .course #suitability .padding .padding {padding:0px;}
    .course .providers .filters .filter {display:block; width:100%; margin:auto; border-bottom:none; margin-bottom:0px; border-radius:0px;}
    .course .providers .filters .filter:first-child {margin-left:inherit; border-top-left-radius:3px; margin-bottom:0px; border-top-right-radius:3px;}
    .course .providers .filters .filter:last-child {margin-right:inherit; border-bottom:#DDDDDD 1px solid; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}

    .govfund #flag, .news #flag, .search #flag, .category #flag {display:block;}
    .govfund #menuID, .news #menuID {display:none;}
    .govfund .filtercontainer, .news .filtercontainer {max-width:100%; width:100%;}
    .govfund .filter, .news .filter {padding-bottom:0px; margin:auto;}
    .govfund .filter ol, .news .filter ol {padding-bottom:20px;}
    .govfund .filter h4, .news .filter h4 {cursor:pointer; background-image:url('../images/icon-menu-item-bg-selected.gif'); background-repeat:no-repeat; background-position:right;}
    .govfund .funding-detail .table .row, .govfund .funding-detail .table .row .cell, .news .table .row, .news .table .row .cell {display:block;}

    .news .results .listing {min-height:unset;}

    .provider-course .banner ul li {white-space:nowrap;}
    
    .search .results_page {display:block;}
    .search .search_filter {position:unset; border-radius:3px; top:unset; left:unset; border-bottom-left-radius:0px; border-bottom-right-radius:0px; display:block; width:100%; margin:auto; padding: 20px; border: #DDDDDD 1px solid; background-color: white; width: 100%; max-width: 100%; box-sizing: border-box;}
    .search .search_filter h4 {margin:0px; padding:0px; font-weight:600; background-image:url('../images/icon-menu-item-bg-selected.gif'); background-repeat:no-repeat; background-position:right;}
    .search .filtercontainer {display:none; width:100%; max-width:100%;}
    .filter {border-top:0px solid white; width:100%; max-width:100%; padding-top:20px;}
    .filter .block:first-child h4 {padding-top:0px; margin-top:0px;}
    .search .results_page .breaker.cell {display:none; min-width:0px; width:0px; height:0px; min-height:0px;}
    .search .results .listing:first-child {margin-top:22px;}

    .category .padding {padding:0px;}
    .category .linebreak {padding-top:50px;}
    .category .results.category {padding-top:0px;}
    
}

/* if smaller than 700px */
@media only screen and (max-width: 700px) {
  
    }

/* if smaller than 670px */
@media only screen and (max-width: 670px) {
    
	.menu {padding-left:60px;}
	.menu .item {margin-right:0px;}
	.head .search .btn {width:90px;}
    .heading h1 {font-size:24px;}
    
	.bottom .social {float:none;}
	.bottom .social .facebook, .bottom .social .linkedin {background-position:left;}
	.bottom .social .facebook {padding-right:0px;}
    
	.home .hero h1 {font-size:35px;}
    .home .hero .container {padding:40px 21px 40px 21px !important; min-height:inherit !important; padding-left:21px; padding-right:21px;}
    .home .hero .search .icon {position:absolute; top:-9999px; left:-9999px;}
    .home .hero .search .btn {width:110px;}
    .home .hero .search input {font-size:16px}
	.home .content .col1, .home .content .col2 {display:block !important; width:100% !important;}
	.home .content {padding-top:120px;}
	.home .page {min-height:200px !important;}
    .home .byfunding .cell {width:100%; display:block !important;}
    .home .articles .content {padding-top:50px; padding-bottom:0px;}
    
    .contact {padding-top:30px;}
    .contact .one, .content .contact .two {padding:0px;}
    .contact .two {margin-top:20px;}
    .contact h3 {margin-top:30px;}
    .contact .form {padding:20px;}
    .contact .form .button {width:100%;}

    .course .providers .list .item {display:block; margin:auto; margin-bottom:20px;}
    .course .providers .list .item:nth-child(2n), .course .providers .list .item:nth-child(3n) {margin:auto; margin-bottom:20px;}

    .eligibility .form .table {width:100%;}

}

/* if smaller than 600px */
@media only screen and (max-width: 600px) {
    
    .enquiry .page .content .padding .padding, .thanks .page .content .padding .padding {padding-left:0px; padding-right:0px;}
    .enquiry .form .table .row {display:block; width:100%;}
    .enquiry .form .table .row .cell {display:block; width:100%; padding-left:0px; padding-right:0px;}
    .enquiry .provider-list .one, .enquiry .provider-list .item {width:100%; display:block; margin:auto;}
    .enquiry .provider-list .item {max-width:275px; margin-bottom:20px; min-height:unset;}
    .enquiry .provider-list .item .name, .thanks .provider-list .item .name {min-height:unset;}

    .thanks .row {display:block; width:100%;}
    .thanks .enquired-with .cell {display:block; width:100%;}
    .thanks .enquired-with .one, .thanks .enquired-with .two {padding-right:0px; padding-left:0px;}

    .govfund .filter, .news .filter {max-width:100%;}

    .news .results .listing .detail {padding-left:0px; padding-right:0px;}
    
}

/* if smaller than 550px */
@media only screen and (max-width: 550px) {
    
    .home .articles .detail, .article .articles .detail {width:100%;}
    .home .articles .detail img, .article .articles .detail img {width:100%;}

    .course .features .cell, .course .recognised, .provider-course .provider-about .row, .provider-course .provider-about .row .cell {width:100%; min-width:100%;}
    
    .page .our-providers .item {width: 100%;}
    .page .our-providers .item {margin-right:0px;}

    .provider-course .provider-about {width:100%;}

    .article .detail img {width:100%;}
}

/* if smaller than 500px */
@media only screen and (max-width: 500px) {

    .course .features .cell .fee, .course .features .cell .duration, .course .features .cell .mode, .course .features .cell .providers {background-image:none; padding-left:0px;}

    .provider-course .banner .container .detail .table .row, .provider-course .banner .container .detail .table .row .cell {display:block; width:100%; margin:auto; padding-bottom:0px; padding-top:0px;}
    .provider-course .banner ul {padding-left:0px;}
    .provider-course .banner ul li {margin:auto; width:fit-content;}
    .provider-course .banner .button {margin-top:20px;}

}

/* if smaller than 450px */
@media only screen and (max-width: 450px) {

    .news .results .listing {padding:0px;}
    .news .results .listing .detail {padding:15px;}

    .results .listing h2 {font-size:18px;}
    .results .listing p {font-size:12px; margin-bottom:5px;}
    .results .listing .providers, .results .listing .more {display:block; margin:auto; float:unset;}
    .results .listing .providers {width:fit-content; margin-top:10px; margin-bottom:15px; line-height: normal;;}
    .results .listing .more {text-align: center;}

    .provider-course .heading .button {white-space:normal; padding-left:0px; padding-right:0px; max-width:100%; width:100%;}
    .provider-course .banner .container .cell {padding-left:20px; padding-right:20px;}
    .provider-course .banner .container .detail .table {width:100%;}

    .course .providers .list .item {width:100%;}
    .course .providers .list .item .more {padding-left:25px; padding-right:25px;}
    .course .outcomes .cell table tr td:last-child {width:unset;}

}
	
/* if smaller than 400px */
@media only screen and (max-width: 400px) {

    .home .hero h1 {font-size:28px;}
    .home .hero p {font-size:18px;}
	.content .search .results .listing .more {padding:11px;}
	.menu {padding-left:30px; padding-right:30px;}
    .home .hero .search {padding-left:9px;}
    .home .hero .search .btn {width:90px;}
    .home .hero .search input, .head .search input {font-size:15px}
    .home .hero .search input[type="submit"] {padding:8px 0px 8px 0px;}
    .home .hero .search input[type="text"] {margin-top:8px;}
    .head .search .icon {position:absolute; top:-9999px; left:-9999px;}

    .course .features .cell .child:first-child {min-width:160px;}
    .course .recognised div {width:100%; background-image:none; padding-left:0px; white-space:normal;}

}