.header-logo {
    width:50%;
    padding:20px 0;
    box-sizing: border-box;
    float:left;
}



.wrapper {
    padding: 0 10px;
    box-sizing: border-box;
}

.header-logo a img {
    max-width:100%;
}

.header-logo ul li a {
    display: block;
    text-align: center;
}


.header-menu .header-menu-top {
    padding-top: 10px;
}

.home-intro-content {
    width:100%;
    box-sizing: border-box;
}


.menu-toggler-top {
    padding-right:0 !important;
}

.home-feature-banner .banner-frame::before, .home-feature-banner .banner-frame::after {
    display:none;
}

.header-menu-socials a {
    margin-bottom:-9px;
}

.header-menu-bottom {
    padding-right:20px;
}

.header-menu-bottom li:last-child {
    margin-right:0;
    padding-right:0;
}


.content-left {
    width:60%;
}

.content-right {
    width:40%;
    margin-top:15px;
}

.main-content {
    width: 100%;
    box-sizing: border-box;
    padding: 0 2%;
}


.banner-text-subtitle {
    font-size:60px;
}

.header-logo::after {
    content: ' ';
    display: block;
    clear: both;
}

footer .header-logo{
    width: 100%;
    text-align: center;
}

footer .header-menu {
    float: none;
}

footer .header-menu {
    width:100%;
}

footer .header-menu p {
    text-align: center;
}

.course-item {
    width: 24.4%;
}
.course-item-container.listing .course-item {
    max-width: 23.9%;
    margin-right: 10px;
}

.course-item-container.featured .course-item-text {
    padding:0 10px;
}

.course-item-container.listing .featured .course-item {
    width:32.4%;
    max-width:33%;
}

.course-item-container.listing .course-item.last {
    margin-right: 0px;
}

.half-width:nth-child(2){
    margin-bottom: 10px;
}


.banner-course-links ul {
    padding: 28px 5px;
}

.content .banner-course-links li a {
    font-size: 15px;
}
footer .header-menu-bottom {
    padding-right: 0px;
}

.header-menu-bottom li {
    margin: 10px 7px;

}

.header-menu-bottom.footer-links {
    float: none;
    text-align: center;
}

.header-menu-bottom.footer-links ul {
    display: inline-block;
    margin: 20px 0;
}
footer .header-menu-bottom li {
    font-size: 11px;
}

.header-menu-bottom li a:link {
    height: 16px;
}

.footer-menu-top {
    padding-top: 10px;
    float: none;
    text-align: center;
}
.footer-menu-top ul {
    display: inline-block;
}

.blog-banner h2 {
    font-size: 23px;
}



.blog-banner h1 {
    font-size: 50px;
}
.blog-banner img {
    margin-bottom: 105px;

}

.banner-spacer {
    height: 20px;
}

.course-menu-top li:after {
    content: "";
    display:none !important;
}

.search-form input[type=text] {
    width: 100%;
}

/*
.course-menu-top li {
    padding-top: 8px;
}*/

.banner-course-links li.active:before {
    content: "";
}

.header-text .banner-text-subtitle {
    bottom: -120px;
}

.share-article ul {
    float: left;
    margin-top: 5px;
}

.course-menu-top p, .course-menu-top li a {
    font-size: 13px;

}

.search-form.login-form {
    width: 69%;
}

.course-menu-top > .wrapper {
    padding:0;
}

@media (max-width: 780px ) {
 .sub-menu ul {
     padding: 20px;
 }
.course-menu-top .sub-menu li a {
    font-size: 17px;
}
}

@media (max-width: 707px) {
    .feature-box {
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        float:none;
        margin-bottom:20px;
    }
    .banner-course-links ul {
        padding: 28.5px 5px;
    }

    .course-menu-top .sub-menu li a {
        font-weight: 500;
        font-size: 12px;
    }

    .search-form.login-form {
        width: 67%;
    }

    .login-form form p {
        width: 35%;
    }

    .search-form.login-form{
        display: block;
    }
    .search-form {
        width: 36%;
        display: none;

    }

    .header-logo {
        width: 35%;
        padding: 23px 0;
    }

    .content .banner-course-links li a {
        font-size: 14px;
    }
    .blog-banner h2 {
        font-size: 21px;
        width: 60%;
    }

    .course-item-image {
        height: 100px;
    }


    .blog-banner h1 {
        width: 60%;
    }

    .header-menu li.header-menu-socials {
        display: block;
        text-align: right;
        margin-top: 5px;
    }
    .sub-menu ul {
        width: 100%;
        padding: 40px;
        box-sizing: border-box;
    }

    .search-form {
        width: 27%;

    }

    .search-form input[type=text]{
        width: 100%;
    }

    .course-item-container.listing .course-item {
        max-width: 23.8%;
        margin-right: 9px;
    }
}

@media (max-width: 580px) {

    .sidebar{
        display:none;
    }

    .full-width.listing.with-sidebar {
        float:none;
        width:100%;
    }

    .sub-menu {
        top: 64px;
        padding: 0 16px;
        box-sizing: border-box;
    }

    .course-menu-top .sub-menu li:before {
        display:none;
    }

    .course-menu-top li {
        padding:0;
    }

    .course-menu-top li:hover .sub-menu {
        padding-bottom:10px;
    }

    .course-menu-top .sub-menu li {
        padding:0
    }
    .course-menu-top .sub-menu li a {
        padding:10px 0;
    }

    .banner-course-links ul li {
        margin-right:19px;
    }

    .sub-menu ul{
        padding:0;
    }
    .header-logo {
        padding: 10px 0
    }

    .banner-course-links li.active:before {
        content: "";

    }

    .header-menu-bottom li {
        margin: 0px 7px;
    }

    .header-menu-bottom {
        padding-right: 10px ;
    }
    .course-menu-top li {
        margin-right: 18px;
    }

    .login-form form p {
        width: 33%;
    }

    .search-form.login-form {
        width: 62%;
    }

    .course-menu-top li {
        padding-top: 0px;
    }
    .banner-course-links ul {
        padding: 29px 5px;
    }

    .content .banner-course-links li a {
        font-size: 11px;
    }

    .half-width, .half-width:nth-child(2){
        float: none;
        width: 100%;
        box-sizing: border-box;
        margin-top: 10px;
    }

    .course-menu-top .sub-menu li a {
        font-size: 11px;
    }

    .sub-menu li {
        float: left;
    }
    .course-item{
        width: 100% !important;
        float: none;
        max-width: 580px !important;
        height:auto !important;
    }

    .course-item-container.featured .course-item {
        max-width: 580px;
    }

    .course-item-container.listing .course-item {
        max-width: 580px;
    }

    .search-form {
        width: 30%;
        float: right;
        position: relative;
    }

    .course-menu-top p, .course-menu-top li a {
        font-size: 13px;
        padding-bottom: 21px;
    }

    .search-form {
        width: 27%;
    }
    .course-menu-top li:after {
        display: none;
    }

    .course-menu-top p, .course-menu-top li{
        margin-top: 10px;
    }

    .content .search-content p {
        font-size: 13px;
        line-height: 18px;
    }

    .wrapper.article .half-width {
        width: 100%;
    }

    .wrapper.article .half-width:nth-child(2) {
        width: 100%;
    }
    .course-details ul {
        max-width: 100%;
    }

    .course-menu-top > div > ul{
        height: 67px;
        padding: 5px;
        display: block;
    }

    .course-menu-top .wrapper{
        padding: 0;
    }



}

@media (max-width: 480px) {

    .form-content .products li {
        width:100%;
    }

    .form input, .form select {
        float: none;
        width: 100%;
    }
    .form-content.dates .products li input {
        margin:0;
        float:none;
        padding: 7px;
    }
    p.product-list {
        float: none;
        width: 100%;
    }

    .products li input[type=number] {
        float:right;
        width:35px;
    }

    .form-content .products {
        float: none;
        width: 100%;
        margin-top: 10px;
    }

    .search-form{
        display: none;
    }

    .search-form.login-form{
        display: block;
        width: 100%;
        float: none;
    }


    .login-form form p {
        text-align: left;
        width: 8%;
    }

    .course-menu-top .login-menu {
        height: 125px;
    }
    .search-form.login-form input[type=text] {
        width: 42%;
    }
    .login-menu > p{
        float: none;
    }

    .article-container h1 {
        font-size: 23px;
    }

    .course-menu-top > div > ul.product-menu{
        display: none;
        height: auto;
    }

    .content .banner-course-links li a {
        font-size: 9px;
    }

    .course-menu-top li a {
        font-size: 12px;
        display: block;
        text-align: center;
        padding-bottom: 0;
    }

    .course-menu-top .sub-menu li {

        width: 100%;
    }

    .course-menu-top {
        z-index: 15;
    }

    .product-menu li{
        padding:0;
    }

    .sub-menu {
        position: relative;
        top: 10px;
        border-bottom: transparent;
    }
    .course-menu-top p, .course-menu-top li{
        margin-top: 12px;
    }
    .course-menu-top > ul{
        padding: 10px;
        height: auto;
    }

    .course-menu-top li {
        float: none;
        margin: auto;
        text-align: center;
    }

    .course-menu-top li:hover > a {
        color: #0090C6;
        border-bottom: none;
    }


    .form-content.dates .products li {
        width: 100%;
    }



}

@media (max-width: 420px) {

    .header-trim li {
        float: none !important;
        text-align: center !important;
        margin: 5px 0;
    }

    .article-left, .article-right{
        float: none;
        width: 100%;
    }


    .sub-menu {
        background: none!important;
    }

    .course-menu-top .sub-menu li:last-of-type{
        border-bottom: none;
    }


    .share-article ul {
        margin-top: 0px;
        margin-left: 20px;
    }
    .header-logo {
        margin-top: 0px;
    }

    .header-text .banner-text-subtitle {
        bottom: -140px;
    }

    .listing-sorting {
        float: none;
        margin: 0;
    }


    .header-menu li.header-menu-socials {
        text-align: center;
        margin-top: 10px;
    }



    .sub-menu li {
        width: 46%;
    }

    .header-logo {
        width: 100%;
        float: none;
        padding-bottom: 0;
    }

    .header-menu {
        float: none;
    }

    .header-menu-top {
        padding-top: 0;
        padding-bottom: 20px;
    }

    .header-menu .header-menu-top li {
        display: block;
        text-align: center;
        margin-bottom: 8px;
    }

    .header-menu-bottom {
        position: relative;
        padding-right: 0;
    }

    .header-menu-bottom li {
        margin: 0 6px;
    }

    .header-menu-bottom li:first-child {
        padding-left: 0;
        margin-left: 0;
    }

    .header-menu-bottom ul {
        text-align: center;
        margin-bottom: 10px;
    }

    .banner-text-subtitle {
        font-size: 30px;
    }

    footer .header-menu {
        width: 100%;
        text-align: center;
    }

    footer .header-menu p {
        text-align: center;
    }

    .footer-menu-top {
        float: none;
    }

    .footer-menu-top li {
        display: block;
        text-align: center;
        margin-bottom: 8px;
    }

    .group-icons .wrapper {
        padding: 0;
    }

    .group-icons li {
        display: block;
        width: 100%;
        border-left: solid 0px #fff;
        border-right: solid 0px #fff;
        border-top: solid 1px #fff;
    }

    .group-icons li:first-child {
        border-left: solid 0px #fff;
    }

    .group-icons.active {
        height: auto;
        max-height: 500px;
    }

    article .entry-content {
        padding-left: 0;
    }

    article img {
        float: right;
        position: relative;
    }

    .banner-course-links {
        top: -64px;
        position: relative;
    }

    .banner-course-links ul {
        padding: 0;
        width: 100%;
        display: none;
    }


    .banner-course-links ul.nav-menu{
        display: block;
    }
    .banner-course-links ul li {
        float: none;
        margin-right: 30px;
        position: relative;
        text-align: center;
        width: 100%;
        padding: 10px 0;
    }

    .content .banner-course-links li a {
        font-size: 20px;
        display: block;
        text-align: center;
    }

    .blog-banner img {
        margin-top: 30px;
        margin-left: 20px;
    }
    .blog-banner h1 {
        font-size: 30px;
        margin-left: 20px;
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .blog-banner h2 {
        font-size: 15px;
        margin-left: 20px;
        font-weight: 300;
    }

    .blog-banner-logo {

        width: 70%;
    }

    footer .header-menu-bottom li {
        font-size: 9px;
        margin-top: 10px;
    }

}

@media (max-width: 360px) {
    .search-form.login-form input[type=text] {
        width: 40%;
    }
}