.CorseItemDetails, .course_description_ids li, ul.list-sidebar, ul.sub-menu {
    list-style: none
}

.jumbotron {
    height: 150px !important;
    background-color: #f4f1f1
}

.CourseItem.Brand-Communication .card .card-header, .CourseItem.Communication-Design .card .card-header, .CourseItem.Design-Leadership .card .card-header, .CourseItem.Experience-Design .card .card-header {
    background-position-x: right;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    background-repeat: no-repeat
}

.btn-course, .card-title-tags {
    font-weight: 700;
    display: inline-block;
    color: #00000000
}

.CorseItemDetailsBtnGroup a {
    width: 47%
}

#course-left-nav-card a, #course-left-nav-card a:focus, #course-left-nav-card a:hover, #course-left-nav-card a:visited, .btn-course {
    text-decoration: none
}

.card.CourseItem .card-header {
    padding: 20px;
    min-height: 275px
}

.CourseItem.Brand-Communication .card .card-header {
    background-color: #e1ff87;
    background-image: url(../svg/brand-communication.svg);
    background-size: 54px 78px;
    background-position-y: 30px
}

.CourseItem.Communication-Design .card .card-header, .CourseItem.Design-Leadership .card .card-header {
    background-color: #bfff00;
    background-image: url(../png/mask-group.png);
    background-position-y: 30px
}

.CourseItem.Experience-Design .card .card-header {
    background-color: #63ddc2;
    background-image: url(../png/mask-group-1.png);
    background-position-y: 25px
}

.CourseItem.Brand-Management .card .card-header, .CourseItem.Copywriting .card .card-header, .CourseItem.Digital-Marketing .card .card-header, .CourseItem.Game-Design .card .card-header, .CourseItem.Interior-Design .card .card-header, .CourseItem.Video-and-Photography .card .card-header {
    background-position-y: 30px;
    background-position-x: right;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    background-repeat: no-repeat;
    background-size: 54px 78px
}

.CourseItem.Game-Design .card .card-header {
    background-color: #f8570c;
    background-image: url(../png/group-5467-2png.png);
    background-position-y: 25px;
    background-size: 46px 60px
}

.CourseItem.Digital-Marketing .card .card-header {
    background-color: #985fbb;
    background-image: url(../png/mask-group-2.png);
    background-position-y: 25px;
    background-size: 46px 60px
}

.CourseItem.Brand-Management .card .card-header {
    background-color: #ed1f79;
    background-image: url(../png/brand-management-card-iconpng.png);
    background-size: 46px 60px
}

.CourseItem.Interior-Design .card .card-header {
    background-color: #00d9b3;
    background-image: url(../svg/interior-design.svg)
}

.CourseItem.Copywriting .card .card-header {
    background-color: #fa7a4b;
    background-image: url(../svg/copywriting.svg)
}

.CourseItem.Video-and-Photography .card .card-header {
    background-color: #f25594;
    background-image: url(../svg/video-and-photography.svg)
}

h5.card-title {
    font-size: 24px !important;
    line-height: 32px;
    font-weight: 700;
    margin-right: 50px;
    color: #000
}

.number_of_courses h6 {
    font-size: 14px;
    margin-top: 2%;
    margin-bottom: 2%;
    padding-left: 10px
}

.card-title-tags {
    border-radius: 10px;
    padding: 8px 5px 4px;
    font-size: 15px;
    line-height: 20px;
    margin: 2px 0 5px 2px;
    text-transform: uppercase
}

.card {
    border-radius: 15px;
    box-shadow: 0 0 0 #00000026;
    margin-bottom: 15px;
    border: 0
}

.card-title {
    min-height: 130px
}

.btn-course-outlinepurple {
    font-weight: 700;
    display: inline-block;
    color: #000;
    border: 2px solid #000;
    border-radius: 30px;
    font-size: 16px;
    padding: 3px 14px;
    margin-right: 5px;
    margin-bottom: 10px;
    text-decoration: none;
    text-align: center
}

.checkbox_lbl, .checkbox_lbl input:checked ~ .checkmark:after {
    display: block
}

.btn-course-outlinepurple:hover {
    background: #000;
    color: #fff
}

.CourseItem .card-body {
    background-color: #f2f2f2;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

#course-left-nav-card .list-sidebar .fa {
    font-weight: 900;
    position: absolute;
    right: 0
}

[type=radio]:checked + label:after {
    background-color: #000;
    border: 2px solid #fff
}

.course-detail-alumni a:hover {
    color: #636262 !important
}

.CorseItemDetails {
    font-weight: 700;
    font-size: 13px;
    background-image: url(../vertical-line.html);
    background-repeat: no-repeat;
    padding-bottom: 16px;
    height: 83px
}

.course_description_ids ul {
    border-left: 2px solid #000;
    padding-left: 17px
}

.CorseItemYear {
    font-size: 16px;
    font-weight: 700
}

.sidebar {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    padding: 8% 5% 7%;
    text-align: left;
    border-radius: 0 10px 10px 0
}

    .sidebar h5 {
        border-bottom: 3px solid #fff;
        font-size: 20px !important;
        font-weight: 700;
        padding: 8px 0 7px;
        line-height: 16px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

ul.list-sidebar {
    padding: 0;
    margin: 0 0 0 30px
}

ul.sub-menu {
    padding-bottom: 0;
    text-align: left;
    padding-left: 4px
}

.nav-label, .nav-label:focus, .nav-label:hover, .nav-label:visited {
    font-size: 20px !important;
    font-weight: 400;
    text-decoration: none;
    color: #fff
}

.horizontal-line {
    background-image: url(../horizontal-line.html);
    background-repeat: repeat-x;
    margin-left: 0;
    border-bottom: 1px solid #fff;
    padding: 3px 0;
    position: relative
}

ul.stand_alone_filer {
    padding: 0;
    margin-top: 10px;
    list-style: none;
    margin-left: 30px
}

    ul.stand_alone_filer .sub-menu a {
        cursor: pointer;
        font-size: 16px;
        color: #fff;
        font-weight: 400
    }

        ul.stand_alone_filer .sub-menu a:hover {
            color: #a9a9a9;
            text-decoration: underline !important
        }

.checkbox_lbl {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .checkbox_lbl input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0
    }

.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: transparent;
    border: 4px solid #000;
    outline: #fff solid 1px
}

.checkbox_lbl input:checked ~ .checkmark, .checkbox_lbl:hover input ~ .checkmark {
    background-color: #fff;
    outline: #fff solid 2px;
    border: 3px solid #000
}

.checkmark:after {
    content: " ";
    position: absolute;
    display: none
}

.checkbox_lbl .checkmark:after {
    left: 2px;
    top: 5px;
    width: 0;
    height: 0;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fa.pull-right {
    margin-left: 10px;
    padding-top: 6px;
    font-weight: 400;
    color: #fff
}

.card-body {
    padding: 1.3rem 1.3rem 0
}

.CourseItem .card .card-header {
    padding: 1.8rem 1.25rem !important
}

.CourseItem {
    margin: 0 10px 20px
}

#videoModal .modal-dialog {
    transform: translateY(-50%);
    top: 50%
}

.embed-responsive-16by9 {
    padding-bottom: 90.25%
}

.heading-title-wrapper .breadCrumb-container {
    padding-left: 1.5rem !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important
}

.fade-course-menu {
    display: block !important;
    left: 0 !important;
    transition: 1s
}

.close-mob-filter, .programmes_btn {
    display: none
}

.course-content-grid {
    padding-left: 0
}

    .course-content-grid #course-container {
        padding: 0 15px
    }

#course-left-nav-card .btn.btn_outline_white {
    border: 2px solid #fff !important;
    border-radius: 30px !important;
    color: #fff;
    padding: 8px 25px
}

.show-filter {
    animation: 1s slide-right;
    display: block !important
}

.slide-right-close {
    margin-left: -100%
}

@keyframes slide-right {
    from {
        margin-left: -100%
    }

    to {
        margin-left: 0
    }
}

.slide-left {
    animation: 1s slide-left
}

@keyframes slide-left {
    from {
        display: block;
        margin-left: 0
    }

    to {
        display: none;
        margin-left: -100%
    }
}

@media (max-width:1366px) {
    .course-name-section .content-crumb {
        padding-left: 4% !important
    }

    #course-detail-left-nav-button, #course-detail-left-nav-card {
        position: fixed;
        top: 34%
    }

    .CorseItemDetails {
        font-size: 13px;
        list-style: none;
        background-image: url(../vertical-line.html);
        background-repeat: no-repeat;
        padding-bottom: 16px;
        height: 99px
    }
}

@media (max-width:1199px) {
    .course-name-section .content-crumb {
        padding-left: 15% !important
    }

    .CourseItem {
        width: 100%;
        margin: 10px 10px 10px 30px
    }

    #course-left-nav-button-wrapper {
        position: relative;
        z-index: 10;
        right: -60%;
        margin: 0;
        text-align: center;
        border: 2px solid #000;
        border-radius: 0;
        padding: 8px;
        font-size: 14px;
        font-weight: 700;
        top: -30px;
        width: 125px
    }

    .hide-mob {
        display: none
    }

    .mob-pos-filer-panal {
        z-index: 99999;
        background: #000
    }

    .close-mob-filter {
        position: absolute;
        right: 9%;
        top: 3%;
        display: block;
        color: #fff
    }

    .sidebar {
        position: relative;
        transition: 1s
    }

    #course-left-nav-button-text {
        display: inline-block;
        font-weight: 600;
        margin-left: 10px
    }

    #course-left-nav-card {
        top: 0;
        z-index: 9999999999;
        height: 100vh;
        display: none;
        border-radius: 0;
        padding: 15% 8% 8%;
        position: fixed;
        width: 100vw;
        overflow-y: scroll
    }

    .mob-pos-filer-panal.panel-control {
        display: block
    }

    .mob-pos-filer-panal.hide-control {
        display: none !important
    }

    #course-left-nav-button-icon {
        margin: 0 0 2px;
        position: relative;
        padding: 10px;
        font-size: 20px !important
    }

    .container-fluid {
        overflow-x: hidden;
        padding: 0
    }

    .heading-title-wrapper .breadCrumb-container {
        padding-left: 5% !important
    }

    .number_of_courses h6 {
        margin: 0;
        font-weight: 500
    }

    .number_of_courses {
        margin-top: 8%
    }
}

@media (min-width:768px) and (max-width:1199px) {
    #course-left-nav-button-wrapper {
        right: -80%
    }
}

.btn-course {
    border: 2px solid #000;
    border-radius: 30px;
    font-size: 13px;
    padding: 4px 0;
    margin-right: 5px;
    margin-bottom: 10px;
    color: #fff;
    background-color: #000;
    text-align: center
}

    .btn-course:hover {
        text-decoration-line: none;
        text-decoration-style: dotted;
        border: 2px solid #000;
        color: #000;
        background-color: #fff
    }

@media (min-width:1200PX) {
    h5.card-title {
        font-size: 18px !important;
        line-height: 25px;
        font-weight: 700;
        color: #000;
        margin-right: 53px
    }

    .CorseItemDetailsBtnGroup {
        display: flex
    }

    .btn-course-outlinepurple {
        font-weight: 700;
        display: inline-block;
        color: #000;
        border: 2px solid #000;
        border-radius: 30px;
        font-size: 13px;
        margin-right: 0;
        margin-bottom: 10px;
        text-decoration: none;
        text-align: center;
        padding: 4px
    }

    .CorseItemDetailsBtnGroup a {
        width: 48%
    }

    .CourseItem {
        width: 26%
    }

    #course-left-nav-button-wrapper {
        display: none
    }

    div.div-aligner {
        padding: 0
    }
}

@media screen and (max-width:991px) {
    #course-container .text-center {
        padding: 30px
    }

    h5.card-title {
        margin-right: 68px
    }

    ul#rbg_ShortCourse {
        padding: 5px
    }

        ul#rbg_ShortCourse li label, ul.sub-menu li label {
            font-size: 16px
        }
}

.ms-rtestate-field h4, h4.ms-rteElement-H4 {
    line-height: 1.6;
    color: #000
}

#course_arrow_down_icon, .all_course_page #n6586e3duem1724079617488.widget-visible {
    display: none !important
}

i.fa.fa-arrows-rotate.arrows_circle {
    margin-left: 5px
}

@media (max-width:767px) {
    #course-left-nav-card .btn.btn_outline_white {
        border: 2px solid #fff !important;
        border-radius: 30px !important;
        color: #fff;
        padding: 3px 20px;
        margin-left: 4%
    }

    .sidebar h5 {
        font-size: 16px !important;
        font-weight: 700;
        padding: 8px 0 7px;
        line-height: 16px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    li.breadcrumb-item {
        display: inline-block;
        text-transform: lowercase
    }

    .CourseItem {
        width: 100%;
        margin: 10px
    }

    .programmes_btn {
        display: inline-block;
        padding: 0 15px
    }

    .btn_white_lg_btn {
        width: 100%;
        background: #fff;
        font-weight: 700;
        min-width: 297px;
        border-radius: 30px;
        padding: 10px 0
    }

    #course-left-nav-card {
        padding: 15% 5% 5% 4% !important
    }

    .jumbotron {
        height: 93px;
        background-color: #f4f1f1
    }

    .heading-title-wrapper .breadCrumb-container {
        padding-top: 25px !important;
        padding-left: 0
    }

    #course_arrow_down_icon {
        display: block !important
    }

    .sidebar {
        padding: 10px
    }

    .course_mobile_spacer {
        margin-top: 0 !important;
        padding-bottom: 71px
    }

    .course-name-section .content-crumb {
        padding-left: 11% !important
    }

    .course-detail-alumni .card-body {
        margin-top: 50px
    }

    .card-title-tags {
        padding: 5px 5px 4px 2px !important;
        font-size: 14px;
        line-height: 28px
    }

    .btn-course {
        font-size: 14px;
        padding: 6px 13px
    }

    .btn-course-outlinepurple {
        font-size: 14px;
        padding: 4px 30px
    }
}

@media (max-width:414px) {
    .btn-course, ul#rbg_ShortCourse li label, ul.sub-menu li label {
        font-size: 14px
    }

    .CorseItemDetails {
        height: 111px
    }

    h5.card-title {
        font-size: 20px !important;
        line-height: 26px;
        font-weight: 700;
        margin-right: 50px;
        color: #000
    }

    .course_mobile_spacer .jumbotron {
        height: 114px !important;
        padding-top: 0 !important;
        background-color: #f4f1f1;
        max-height: 130px !important
    }

    .btn-course {
        padding: 6px
    }

    .btn-course-outlinepurple {
        font-size: 14px;
        padding: 4px 22px
    }
}

@media (max-width:400px) {
    ul#rbg_ShortCourse li label {
        font-size: 14px
    }

    .CourseItem {
        width: 100%;
        margin: 10px
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .CorseItemDetails {
        font-size: 12px
    }

    .sidebar h5, h5.card-title {
        font-size: 17px !important
    }

    .btn-course-outlinepurple {
        padding: 4px 15px
    }

    #course-left-nav-card .btn.btn_outline_white {
        padding: 8px 10px;
        margin-left: 2%
    }
}