.app-helps__title {
    font-size: calc(1.25rem + 0.5vw);
    margin: 2rem 0 2rem 0;
}
@media only screen and (min-width: 768px) {
    .app-helps__title {
        font-size: calc(1.25rem + 0.5vw);
        margin: 2rem 20px 2rem 20px;
    }
}
@media only screen and (min-width: 992px) {
    .app-helps__title {
        font-size: calc(1.25rem + 0.5vw);
        margin: 2rem 40px 2rem 40px;
    }
}
@media only screen and (min-width: 1200px) {
    .app-helps__title {
        font-size: calc(1.25rem + 0.5vw);
        margin: 2rem 60px 2rem 60px;
    }
}
@media only screen and (min-width: 1400px) {
    .app-helps__title {
        font-size: calc(1.25rem + 0.5vw);
        margin: 2rem 80px 2rem 80px;
    }
}
/* Start Searchbox */
.all-courses__searchbox {
    max-width: 1920px;
    padding: 0rem 20px 0 20px;
    display: none;
}
.all-courses__search-form {
    max-width: calc(375px + 200px);
}
.all-courses__search-input-wrapper {
    max-width: 375px;
}
.all-courses__search-input {
    padding: 0.6rem 0.6rem;
    border: 0;
    outline: 0;
    border: 1px solid var(--miracel-secondary-color);
    color: var(--miracel-primary-color);
}
.all-courses__search-submit {
    padding: 0.6rem 0.6rem;
    border: 0;
    outline: 0;
    max-width: 200px;
}
@media only screen and (min-width: 200px) {
    .all-courses__searchbox {
        display: block;
    }
}
@media only screen and (min-width: 576px) {
}
@media only screen and (min-width: 768px) {
    .all-courses__searchbox {
        padding: 0rem 20px 0 20px;
    }
}
@media only screen and (min-width: 992px) {
    .all-courses__searchbox {
        padding: 0rem 40px 0 40px;
    }
}
@media only screen and (min-width: 1200px) {
    .all-courses__searchbox {
        padding: 0rem 60px 0 60px;
    }
}
@media only screen and (min-width: 1400px) {
    .all-courses__searchbox {
        padding: 0rem 80px 0 80px;
    }
}
/* End Searchbox */
/* Start Hero */
.all-courses__news-banners {
    max-width: 1920px;
    padding: 1rem 0 1rem 0px;
}
.app-packages {
    max-width: 1920px;
    padding: 0rem 20px 2rem 20px;
}
.app-packages__category {
    width: 130px;
    height: 45px;
    outline: 0;
    border: 0;
    font-size: 14px;
}
.app-packages__category:focus {
    outline: 2px solid var(--miracel-primary-color);
}
.app-packages__filter {
    border: 0;
    border-left: 8px solid transparent;
    width: calc(70px + 1vw);
    height: 45px;
    outline: 0;
    font-size: 14px;
    display: flex;
    padding-right: 8px;
}
.app-packages__filter:first-of-type {
    display: none;
}
.app-packages__filter:focus {
    outline: 2px solid var(--miracel-secondary-color);
}
.app-packages__filter > svg {
    width: 14px;
    height: 14px;
    transform: rotate(-90deg);
}
.all-packages__show-more svg {
    width: 20px;
    height: 20px;
    transform: rotate(-90deg);
}
.course-cart__details {
    display: none;
}
.all-courses__news-banner-item {
    max-height: 275px;
}
@media only screen and (min-width: 250px) {
    .course-cart__details {
        display: flex;
    }
}
@media only screen and (min-width: 425px) {
    .app-packages__filter {
        width: 80px;
    }
    .app-packages__filter:first-of-type {
        display: flex;
    }
}
@media only screen and (min-width: 576px) {
    .app-packages__filter {
        width: 100px;
    }
}
@media only screen and (min-width: 768px) {
    .app-packages {
        padding: 0rem 20px 2rem 20px;
    }
    .all-courses__news-banners {
        padding: 2rem 0 2rem 0px;
    }
    .app-packages__filter {
        width: 130px;
    }
}
@media only screen and (min-width: 992px) {
    .all-courses__news-banners {
        padding: 2rem 0 2rem 0px;
    }
    .app-packages {
        padding: 0rem 40px 2rem 40px;
    }
}
@media only screen and (min-width: 1200px) {
    .all-courses__news-banners {
        padding: 2rem 0 2rem 0px;
    }
    .app-packages {
        padding: 0rem 60px 2rem 60px;
    }
}
@media only screen and (min-width: 1300px) {
    .all-courses__news-banners {
        padding: 2rem 60px 2rem 60px;
    }
    .all-courses__news-banner-item {
        max-height: 260px;
    }
}
@media only screen and (min-width: 1400px) {
    .all-courses__news-banners {
        padding: 2rem 80px 2rem 80px;
    }
    .app-packages {
        padding: 0rem 80px 2rem 80px;
    }
    .all-packages__show-more span {
        font-size: 18px;
    }
}
@media only screen and (min-width: 1600px) {
    .all-courses__news-banner-item {
        max-height: 300px;
    }
}
@media only screen and (min-width: 1800px) {
    .all-courses__news-banner-item {
        max-height: 320px;
    }
}
/* End Packages */
/* Start Course Professors */
.help-employer__item-outer {
    width: 150px;
}
.help-employer__avatar {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 10%;
}
.help-employer__avatar img {
    border-radius: 10%;
}
.help-employer__name {
    font-size: 16px;
    word-spacing: 1px;
}
@media only screen and (min-width: 225px) {
    .help-employer__avatar {
        width: 6rem;
        height: 6rem;
    }
}
/* End Course Professors */