/********** Override facelift styles for inside pages *************/
.master-content {
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
}

.homeHeader {
    width: 93.7%;
    margin: auto;
    font-weight: 300;
    padding: 10px 0 10px 40px;
}

.exploreHeading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto 100px auto 25px;
}

.rectangle {
    display: none;
}

/* Leave as is here */
@media only screen and ( min-device-width: 375px) {
    .master-content {
        margin: 0 auto;
        padding: 0;
        max-width: 100%;
    }
}

/******Trending Courses Start********/

.remove-all-mar-pad-package {
    margin: 0 !important;
    padding: 0 0 0 0 !important;
    width: 100%;
}

.trending-courses {
    height: 36px;
    width: 100%;
    color: #212121;
    font-family: Knowledge;
    font-size: 32px;
    font-weight: 300;
    line-height: 36px;
}

.bentoicon-size {
    font-size: 20px;
    height:30px;
}

.textellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px; /* fallback */
    max-height: 32px; /* fallback */
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.desctextellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 18px; /* fallback */
    max-height: 32px; /* fallback */
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
    font-family:Arial;
    font-size:14px;
}

.rectangle-7-copy {
    height: 420px;
    width: auto;
    background-color: #F4F5F7;
    /*padding: 25px;*/
}



span.from {
    height: 11px;
    width: 19px;
    opacity: 0.99;
    color: #212121;
    font-family: Knowledge;
    font-size: 10px;
    line-height: 11px;
}

.white-sq {
    height: 258px;
    width: 238px;
    background-color: #FFFFFF;
}

.title {
    height: auto;
    color: #212121;
    font-family: Knowledge;
    font-size: 18px;
}

.desc {
    height: 28px;
    /*width: 200px;*/
    color: #212121;
    font-family: Arial;
    font-size: 12px;
    line-height: 15px;
}


.pkgdesc {
    height: 45px;
    color: #212121;
    font-family: Arial;
    font-size: 12px;
    line-height: 15px;
}

.price {
    height: 12px;
    width: 74px;
    opacity: 0.99;
    color: #FF8205;
    font-family: Knowledge;
    font-size: 22px;
    line-height: 25px;
}

.credits {
    height: 18px;
    width: 200px;
    color: #77A22D;
    font-family: Knowledge;
    font-size: 18px;
    line-height: 18px;
}

.format {
    height: 2px;
    width: 208px;
    color: #212121;
    font-family: Knowledge;
    font-size: 12px;
    line-height: 18px;
}

.shape {
    height: 30px;
    width: 18px;
    background-image: url(../../../images/Mic.png);
}

.learn-more {
    height: 18px;
    width: 100px;
    opacity: 0.99;
    color: #0072A8;
    font-family: Knowledge;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
}

.spaceLine {
    line-height: 1;
}

.hover {
    border: 1px solid #ff9100;
}

/*.classWithPad {
    margin: 20px;
    padding-right: 20px;
}*/

.divCenterCard {
    margin: 0;
    /* background: yellow; */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}


/*.pkgCardWidth {
    height: 188px;
	width: 270px;
	opacity: 0.99;
	background-color: #FFFFFF;
	box-shadow: 2px 2px 7px 0 rgba(0,0,0,0.2);
}*/

/******Trending Courses End********/

@media only screen and ( min-width: 1920px) {

    .carouselImageHeight {
        height:550px;
    }

    .ViewAll_Potrait {
        display: none;
    }

    .divContentMaxWidth {
        width: 66.67%;
    }

    .cardSpaces {
        width: calc((100% - 960px) / 4);
    }


    .viewAll {
        height: 18px;
        width: 100px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Arial;
        font-size: 15px;
        font-weight: bold;
        line-height: 24px;
        padding-left: 15px;
    }


    .divMainPackages {
        margin-left: 80px;
        margin-right: 80px;
    }

    .divSubMainPackages {
        margin-left: 5px;
        margin-right: 5px;
    }



    .divleftCourse {
        float: left;
        border: 1px solid white;
    }

    .divRightCourse {
        float: right;
        border: 1px solid white;
        height: 260px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .child-center {
        /*display:table-cell;*/
        vertical-align: middle;
        text-align: center;
    }

    .divMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divUnlockYourCareerContent {
        /*margin-left: 55px;*/
        margin-right: 55px;
    }

    .divSubMainPckgCourses {
        margin-left: 20px;
        margin-right: 20px;
        width: 110%;
    }

    .divCoursesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 0px;
    }

    .divPackagesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
    }

    .divleftPad {
        padding-left: 3px;
        margin-left: 12px;
    }

    .cardWidth {
        height: 330px;
        width: 240px;
        background-color: #FFFFFF;
    }

    .unlockYourCarrierRectangle {
        height: 150px;
        width: 340px;
    }

    .learningManagmentBlocks {
        height: 200px;
        width: 16%;
    }

    .unlockYourCarrierRectangle_space {
        width: calc((100% - 1020px) / 2)
    }

    .divSpaceHeight {
        height: 60px;
    }


    .classWithPad {
        width: 35px;
    }

    .pckgClassWithPad {
        width: 0px;
    }

    .pkgCardWidth {
        height: 188px;
        width: 270px;
        /*background-color: rgba(255,85,0,0.3);*/
    }

    .our-services-heading {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 77px;
        padding-top: 39px;
    }

    .our-services-text {
        padding-left: 100px;
        padding-top: 48px;
        height: 42px;
        width: 85%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }



    /* Make the image fully responsive */
    .carousel-inner img {
        height: 400px;
        width: 100%;
        background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0) 100%);
    }

    .carousel-inner {
        /*height: 376px;*/
        width: 100%;
        /*margin-bottom: 50px;*/
    }

    .carousel-indicators {
        bottom: 35px;
    }

        .carousel-indicators li {
            border-radius: 12px;
            width: 12px;
            height: 12px;
            background-color: #D5D4D9;
            /*bottom: -50px;*/
        }

        .carousel-indicators .active {
            background-color: #93939C;
        }

    .slide-text-bg {
        height: 290px;
        width: 519px;
        /*opacity: 0.5;*/
        /*background-color: #000000;*/
        padding-left: 25px;
    }

    .carousel-caption {
        position: absolute;
        right: 21.8%;
        bottom: 0px;
        left: calc((100% - (66.67% - 4.5%)) / 2);
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        top: -350px;
        background-color: rgba(0,0,0,.5);
    }

        .carousel-caption h1 {
            height: 40px;
            width: 458px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 40px;
            line-height: 45px;
        }

        .carousel-caption h2 {
            height: 45px;
            width: 400px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 32px;
            line-height: 36px;
        }

        .carousel-caption .lead {
            /*height: 70px;*/
            width: 327px;
            color: #FFFFFF;
            font-family: Knowledge;
            font-size: 16px;
            line-height: 18px;
        }

        .carousel-caption .divCmsButton {
            float: left;
            height: 50px;
            width: 166px;
            border-radius: 3px;
            font-size: 18px;
            background-color: #FF8205;
        }


        .carousel-caption .cms-button {
            height: 50px;
            width: 166px;
            font-family: Knowledge;
            padding-top: 15px;
            /*height: 20px;
            width: 51px;*/
            color: #FFFFFF;
            /*font-family: Knowledge;*/
            font-size: 18px;
            font-weight: 500;
            line-height: 20px;
            text-align: center;
        }



    .carousel-control-prev {
        width: 30px;
        height: 350px;
        margin-left: 10px;
    }

    .carousel-control-next {
        width: 30px;
        height: 350px;
        margin-right: 10px;
    }

    .unlock-your-career {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-top: 25px;
    }

    .unlock-cms-header {
        height: 42px;
        width: 95%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
        padding-top: 30px;
    }

    .unlock-trending-courses {
        height: 24px;
        width: 153px;
        color: #212121;
        font-family: Knowledge;
        font-size: 21px;
        font-weight: 500;
        line-height: 24px;
        padding-top: 37px;
        padding-left: 1px;
    }

    .unlock-image-icon {
        /*padding-top: 10px;*/
        padding: 0px;
    }

    .learningMangement_Img_Height {
        height:60px;
    }

    .unlock-cms-text {
        height: 54px;
        width: 272px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
    }

    .unlock-cms-text-heading {
        height: 68px;
    }

    .title {
        height: 20px;
        width: 225px;
        color: #212121;
        font-family: Knowledge;
        font-size: 18px;
        line-height: 20px;
    }

    .pkgdesc {
        height: 56px;
        width: 220px;
        color: #212121;
        font-family: Arial;
        font-size: 14px;
        line-height: 18px;
        /*margin-right: 15px;*/
        word-wrap: break-word;
    }

    .desctextellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 19px;
        max-height: 95px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    span.from {
        height: 11px;
        width: 19px;
        opacity: 0.99;
        color: #212121;
        font-family: Knowledge;
        font-size: 10px;
        line-height: 11px;
    }

    .price {
        height: 25px;
        width: 120px;
        opacity: 0.99;
        color: #FF8205;
        font-family: Knowledge;
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 0px;
    }

    .learn-more {
        /*height: 22px;*/
        width: 107px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Knowledge;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }

    .tired-of-searching-f {
        height: 79px;
        width: 895px;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    .rectangle-7-copy {
        height: 420px;
        width: auto;
        background-color: #F4F5F7;
    }

    .cpeImagealign {
        padding-left: 83px;
    }
}


/****************START************Internet Explorer*******************/

@media only screen and ( min-width: 1599px) and ( max-width: 1919px) {

    .packageDescriptionColumn {

        width:50%;
    }

    .learningMangement_Img_Height {
        height:60px;
    }
    .ViewAll_Potrait {
        display: none;
    }

    .divContentMaxWidth {
        width: 80.00%;
    }

    .cardSpaces {
        width: calc((100% - 960px) / 4);
    }


    .viewAll {
        height: 18px;
        width: 100px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Arial;
        font-size: 15px;
        font-weight: bold;
        line-height: 24px;
        padding-left: 15px;
    }


    .divMainPackages {
        margin-left: 80px;
        margin-right: 80px;
    }

    .divSubMainPackages {
        margin-left: 5px;
        margin-right: 5px;
    }



    .divleftCourse {
        float: left;
        border: 1px solid white;
    }

    .divRightCourse {
        float: right;
        border: 1px solid white;
        height: 260px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .child-center {
        /*display:table-cell;*/
        vertical-align: middle;
        text-align: center;
    }

    .divMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divUnlockYourCareerContent {
        /*margin-left: 55px;*/
        margin-right: 55px;
    }

    .divSubMainPckgCourses {
        margin-left: 20px;
        margin-right: 20px;
        width: 110%;
    }

    .divCoursesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 0px;
    }

    .divPackagesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
    }

    .divleftPad {
        padding-left: 3px;
        margin-left: 12px;
    }

    .cardWidth {
        height: 330px;
        width: 240px;
        background-color: #FFFFFF;
    }

    .unlockYourCarrierRectangle {
        height: 150px;
        width: 340px;
    }

    .learningManagmentBlocks {
        height: 200px;
        width: 16%;
    }

    .unlockYourCarrierRectangle_space {
        width: calc((100% - 1020px) / 2.1);
    }

    .divSpaceHeight {
        height: 60px;
    }


    .classWithPad {
        width: 35px;
    }

    .pckgClassWithPad {
        width: 0px;
    }

    .pkgCardWidth {
        height: 188px;
        width: 270px;
        /*background-color: rgba(255,85,0,0.3);*/
    }

    .our-services-heading {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 77px;
        padding-top: 39px;
    }

    .our-services-text {
        padding-left: 100px;
        padding-top: 48px;
        height: 42px;
        width: 85%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }



    /* Make the image fully responsive */
    .carousel-inner img {
        height: 400px;
        width: 100%;
        background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0) 100%);
    }

    .carousel-inner {
        /*height: 376px;*/
        width: 100%;
        /*margin-bottom: 50px;*/
    }

    .carousel-indicators {
        bottom: 35px;
    }

        .carousel-indicators li {
            border-radius: 12px;
            width: 12px;
            height: 12px;
            background-color: #D5D4D9;
            /*bottom: -50px;*/
        }

        .carousel-indicators .active {
            background-color: #93939C;
        }

    .slide-text-bg {
        height: 290px;
        width: 519px;
        /*opacity: 0.5;*/
        /*background-color: #000000;*/
        padding-left: 25px;
    }

    .carousel-caption {
        position: absolute;
        right: 21.8%;
        bottom: 0px;
        left: calc((100% - (80.00% - 4.5%)) / 2);
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        top: -350px;
        background-color: rgba(0,0,0,.5);
    }

        .carousel-caption h1 {
            height: 40px;
            width: 458px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 40px;
            line-height: 45px;
        }

        .carousel-caption h2 {
            height: 45px;
            width: 400px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 32px;
            line-height: 36px;
        }

        .carousel-caption .lead {
            /*height: 70px;*/
            width: 327px;
            color: #FFFFFF;
            font-family: Knowledge;
            font-size: 16px;
            line-height: 18px;
        }

        .carousel-caption .divCmsButton {
            float: left;
            height: 50px;
            width: 166px;
            border-radius: 3px;
            font-size: 18px;
            background-color: #FF8205;
        }


        .carousel-caption .cms-button {
            height: 50px;
            width: 166px;
            font-family: Knowledge;
            padding-top: 15px;
            /*height: 20px;
            width: 51px;*/
            color: #FFFFFF;
            /*font-family: Knowledge;*/
            font-size: 18px;
            font-weight: 500;
            line-height: 20px;
            text-align: center;
        }



    .carousel-control-prev {
        width: 30px;
        height: 350px;
        margin-left: 10px;
    }

    .carousel-control-next {
        width: 30px;
        height: 350px;
        margin-right: 10px;
    }

    .unlock-your-career {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-top: 25px;
    }

    .unlock-cms-header {
        height: 42px;
        width: 95%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
        padding-top: 30px;
    }

    .unlock-trending-courses {
        height: 24px;
        width: 153px;
        color: #212121;
        font-family: Knowledge;
        font-size: 21px;
        font-weight: 500;
        line-height: 24px;
        padding-top: 37px;
        padding-left: 1px;
    }

    .unlock-image-icon {
        /*padding-top: 10px;*/
        padding: 0px;
    }

    .unlock-cms-text {
        height: 54px;
        width: 272px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
    }

    .unlock-cms-text-heading {
        height: 68px;
    }

    .title {
        height: 20px;
        width: 225px;
        color: #212121;
        font-family: Knowledge;
        font-size: 18px;
        line-height: 20px;
    }

    .pkgdesc {
        height: 55px;
        width: 220px;
        color: #212121;
        font-family: Arial;
        font-size: 14px;
        line-height: 18px;
        /*margin-right: 15px;*/
        word-wrap: break-word;
    }

    .desctextellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 19px;
        max-height: 95px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    span.from {
        height: 11px;
        width: 19px;
        opacity: 0.99;
        color: #212121;
        font-family: Knowledge;
        font-size: 10px;
        line-height: 11px;
    }

    .price {
        height: 25px;
        width: 120px;
        opacity: 0.99;
        color: #FF8205;
        font-family: Knowledge;
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 0px;
    }

    .learn-more {
        /*height: 22px;*/
        width: 107px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Knowledge;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }

    .tired-of-searching-f {
        height: 79px;
        width: 895px;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    .rectangle-7-copy {
        height: 420px;
        width: auto;
        background-color: #F4F5F7;
    }

    .cpeImagealign {
        padding-left: 83px;
    }
}

@media only screen and ( min-width: 1440px) and ( max-width: 1598px) {

    .carouselImageHeight {
        height:550px;
    }

    .learningMangement_Img_Height {
        height:60px;
    }
    .divViewAllPad {
        padding-left: 10px;
    }

    .ViewAll_Potrait {
        display: none;
    }

    .divContentMaxWidth {
        width: 88.89%;
    }

    .cardSpaces {
        width: calc((100% - 960px) / 4);
    }

    .viewAll {
        height: 18px;
        width: 100px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Arial;
        font-size: 15px;
        font-weight: bold;
        line-height: 24px;
        padding-left: 5px;
    }

    .divMainPackages {
        margin-left: 80px;
        margin-right: 80px;
    }

    .divSubMainPackages {
        margin-left: 5px;
        margin-right: 5px;
    }



    .divleftCourse {
        float: left;
        border: 1px solid white;
    }

    .divRightCourse {
        float: right;
        border: 1px solid white;
        height: 260px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .child-center {
        /*display:table-cell;*/
        vertical-align: middle;
        text-align: center;
    }

    .divMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divUnlockYourCareerContent {
        /*margin-left: 55px;*/
        margin-right: 55px;
    }

    .divSubMainPckgCourses {
        margin-left: 20px;
        margin-right: 20px;
        width: 110%;
    }

    .divCoursesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 0px;
    }

    .divPackagesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
    }

    .divleftPad {
        padding-left: 3px;
        margin-left: 12px;
    }

    .cardWidth {
        height: 330px;
        width: 240px;
        background-color: #FFFFFF;
    }

    .unlockYourCarrierRectangle {
        height: 150px;
        width: 340px;
    }

    .learningManagmentBlocks {
        height: 200px;
        width: 16%;
    }

    .unlockYourCarrierRectangle_space {
        width: calc((100% - 1020px) / 2.1);
    }

    .divSpaceHeight {
        height: 60px;
    }


    .classWithPad {
        width: 35px;
    }

    .pckgClassWithPad {
        width: 0px;
    }

    .pkgCardWidth {
        height: 188px;
        width: 270px;
        /*background-color: rgba(255,85,0,0.3);*/
    }

    .our-services-heading {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 77px;
        padding-top: 39px;
    }

    .our-services-text {
        padding-left: 100px;
        padding-top: 48px;
        height: 42px;
        width: 85%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }



    /* Make the image fully responsive */
    .carousel-inner img {
        height: 400px;
        width: 100%;
        background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0) 100%);
    }

    .carousel-inner {
        /*height: 376px;*/
        width: 100%;
        /*margin-bottom: 50px;*/
    }

    .carousel-indicators {
        bottom: 35px;
    }

        .carousel-indicators li {
            border-radius: 12px;
            width: 12px;
            height: 12px;
            background-color: #D5D4D9;
            /*bottom: -50px;*/
        }

        .carousel-indicators .active {
            background-color: #93939C;
        }

    .slide-text-bg {
        height: 290px;
        width: 519px;
        /*opacity: 0.5;*/
        /*background-color: #000000;*/
        padding-left: 25px;
    }

    .carousel-caption {
        position: absolute;
        right: 21.8%;
        bottom: 0px;
        left: calc((100% - (88.89% - 4.5%)) / 2);
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        top: -350px;
        background-color: rgba(0,0,0,.5);
    }

        .carousel-caption h1 {
            height: 40px;
            width: 458px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 40px;
            line-height: 45px;
        }

        .carousel-caption h2 {
            height: 45px;
            width: 400px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 32px;
            line-height: 36px;
        }

        .carousel-caption .lead {
            /*height: 70px;*/
            width: 327px;
            color: #FFFFFF;
            font-family: Knowledge;
            font-size: 16px;
            line-height: 18px;
        }

        .carousel-caption .divCmsButton {
            float: left;
            height: 50px;
            width: 166px;
            border-radius: 3px;
            font-size: 18px;
            background-color: #FF8205;
        }


        .carousel-caption .cms-button {
            height: 50px;
            width: 166px;
            font-family: Knowledge;
            padding-top: 15px;
            /*height: 20px;
            width: 51px;*/
            color: #FFFFFF;
            /*font-family: Knowledge;*/
            font-size: 18px;
            font-weight: 500;
            line-height: 20px;
            text-align: center;
        }



    .carousel-control-prev {
        width: 30px;
        height: 350px;
        margin-left: 10px;
    }

    .carousel-control-next {
        width: 30px;
        height: 350px;
        margin-right: 10px;
    }

    .unlock-your-career {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-top: 25px;
    }

    .unlock-cms-header {
        height: 42px;
        width: 95%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
        padding-top: 30px;
    }

    .unlock-trending-courses {
        height: 24px;
        width: 153px;
        color: #212121;
        font-family: Knowledge;
        font-size: 21px;
        font-weight: 500;
        line-height: 24px;
        padding-top: 37px;
        padding-left: 1px;
    }

    .unlock-image-icon {
        /*padding-top: 10px;*/
        padding: 0px;
    }

    .unlock-cms-text {
        height: 54px;
        width: 272px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
    }

    .unlock-cms-text-heading {
        height: 68px;
    }

    .title {
        height: 20px;
        width: 225px;
        color: #212121;
        font-family: Knowledge;
        font-size: 18px;
        line-height: 20px;
    }

    .pkgdesc {
        height: 55px;
        width: 220px;
        color: #212121;
        font-family: Arial;
        font-size: 14px;
        line-height: 18px;
        /*margin-right: 15px;*/
        word-wrap: break-word;
    }

    .desctextellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 19px;
        max-height: 95px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    span.from {
        height: 11px;
        width: 19px;
        opacity: 0.99;
        color: #212121;
        font-family: Knowledge;
        font-size: 10px;
        line-height: 11px;
    }

    .price {
        /*height: 25px;*/
        width: 120px;
        opacity: 0.99;
        color: #FF8205;
        font-family: Knowledge;
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 15px;
    }

    .learn-more {
        /*height: 22px;*/
        width: 107px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Knowledge;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }

    .tired-of-searching-f {
        height: 79px;
        width: 895px;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    .rectangle-7-copy {
        height: 420px;
        width: auto;
        background-color: #F4F5F7;
    }

    .cpeImagealign {
        padding-left: 83px;
    }
}

@media only screen and ( min-width: 1365px) and ( max-width: 1439px) {

    .carouselImageHeight {
        height:550px;
    }

    .learningMangement_Img_Height {
        height:60px;
    }

    .divContentMaxWidth {
        width: 93.70%;
    }

    .cardSpaces {
        width: calc((100% - 960px) / 4);
    }

    .ViewAll_Potrait {
        display: none;
    }

    .viewAll {
        height: 18px;
        width: 100px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Arial;
        font-size: 15px;
        font-weight: bold;
        line-height: 24px;
        padding-left: 5px;
    }


    .divMainPackages {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMainPackages {
        margin-left: auto;
        margin-right: auto;
    }



    .divleftCourse {
        float: left;
        border: 1px solid white;
    }

    .divRightCourse {
        float: right;
        border: 1px solid white;
        height: 260px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .child-center {
        /*display:table-cell;*/
        vertical-align: middle;
        text-align: center;
    }

    .divMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divUnlockYourCareerContent {
        /*margin-left: 55px;*/
        margin-right: 55px;
    }

    .divSubMainPckgCourses {
        margin-left: 20px;
        margin-right: 20px;
        width: 110%;
    }

    .divCoursesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 20px;
    }

    .divPackagesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
    }

    .divleftPad {
        padding-left: 3px;
    }

    .cardWidth {
        height: 330px;
        width: 240px;
        background-color: #FFFFFF;
    }

    .unlockYourCarrierRectangle {
        height: 150px;
        width: 340px;
    }

    .learningManagmentBlocks {
        height: 200px;
        width: 16%;
    }

    .unlockYourCarrierRectangle_space {
        width: calc((100% - 1020px) / 2.1);
    }

    .divSpaceHeight {
        height: 60px;
    }


    .classWithPad {
        width: 35px;
    }

    .pckgClassWithPad {
        width: 0px;
    }

    .pkgCardWidth {
        height: 188px;
        width: 270px;
        /*background-color: rgba(255,85,0,0.3);*/
    }

    .our-services-heading {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 77px;
        padding-top: 39px;
    }

    .our-services-text {
        padding-left: 100px;
        padding-top: 48px;
        height: 42px;
        width: 85%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }



    /* Make the image fully responsive */
    .carousel-inner img {
        height: 400px;
        width: 100%;
        background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0) 100%);
    }

    .carousel-inner {
        /*height: 376px;*/
        width: 100%;
        /*margin-bottom: 50px;*/
    }

    .carousel-indicators {
        bottom: 35px;
    }

        .carousel-indicators li {
            border-radius: 12px;
            width: 12px;
            height: 12px;
            background-color: #D5D4D9;
            /*bottom: -50px;*/
        }

        .carousel-indicators .active {
            background-color: #93939C;
        }

    .slide-text-bg {
        height: 290px;
        width: 519px;
        /*opacity: 0.5;*/
        /*background-color: #000000;*/
        padding-left: 25px;
    }

    .carousel-caption {
        position: absolute;
        right: 21.8%;
        bottom: 0px;
        left: calc((100% - (93.70% - 4.5%)) / 2);
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        top: -350px;
        background-color: rgba(0,0,0,.5);
    }

        .carousel-caption h1 {
            height: 40px;
            width: 458px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 40px;
            line-height: 45px;
        }

        .carousel-caption h2 {
            height: 45px;
            width: 400px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 32px;
            line-height: 36px;
        }

        .carousel-caption .lead {
            /*height: 70px;*/
            width: 327px;
            color: #FFFFFF;
            font-family: Knowledge;
            font-size: 16px;
            line-height: 18px;
        }

        .carousel-caption .divCmsButton {
            float: left;
            height: 50px;
            width: 166px;
            border-radius: 3px;
            font-size: 18px;
            background-color: #FF8205;
        }


        .carousel-caption .cms-button {
            height: 50px;
            width: 166px;
            font-family: Knowledge;
            padding-top: 15px;
            /*height: 20px;
            width: 51px;*/
            color: #FFFFFF;
            /*font-family: Knowledge;*/
            font-size: 18px;
            font-weight: 500;
            line-height: 20px;
            text-align: center;
        }



    .carousel-control-prev {
        width: 30px;
        height: 350px;
        margin-left: 10px;
    }

    .carousel-control-next {
        width: 30px;
        height: 350px;
        margin-right: 10px;
    }

    .unlock-your-career {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-top: 25px;
    }

    .unlock-cms-header {
        height: 42px;
        width: 95%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
        padding-top: 30px;
    }

    .unlock-trending-courses {
        height: 24px;
        width: 153px;
        color: #212121;
        font-family: Knowledge;
        font-size: 21px;
        font-weight: 500;
        line-height: 24px;
        padding-top: 37px;
        padding-left: 1px;
    }

    .unlock-image-icon {
        /*padding-top: 10px;*/
        padding: 0px;
    }

    .unlock-cms-text {
        height: 54px;
        width: 272px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
    }

    .unlock-cms-text-heading {
        height: 68px;
    }

    .title {
        height: 20px;
        width: 225px;
        color: #212121;
        font-family: Knowledge;
        font-size: 18px;
        line-height: 20px;
    }

    .pkgdesc {
        height: 56px;
        width: 220px;
        color: #212121;
        font-family: Arial;
        font-size: 14px;
        line-height: 18px;
        /*margin-right: 15px;*/
        word-wrap: break-word;
    }

    .desctextellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 19px;
        max-height: 95px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    span.from {
        height: 11px;
        width: 19px;
        opacity: 0.99;
        color: #212121;
        font-family: Knowledge;
        font-size: 10px;
        line-height: 11px;
    }

    .price {
        height: 25px;
        width: 120px;
        opacity: 0.99;
        color: #FF8205;
        font-family: Knowledge;
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 0px;
    }

    .learn-more {
        /*height: 22px;*/
        width: 107px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Knowledge;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }

    .tired-of-searching-f {
        height: 79px;
        width: 895px;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    .rectangle-7-copy {
        height: 420px;
        width: auto;
        background-color: #F4F5F7;
    }

    .cpeImagealign {
        padding-left: 83px;
    }
}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media only screen and (min-width: 1279px) and ( max-width: 1364px) {

    .carouselImageHeight {
        height:550px;
    }

    .learningMangement_Img_Height {
        height:60px;
    }

    .divContentMaxWidth {
        width: 91.41%;
    }


    .divViewAllPad {
        padding-left: 0px;
    }

    .ViewAll_Potrait {
        display: none;
    }

    .divMainPackages {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMainPackages {
        margin-left: auto;
        margin-right: auto;
    }

    .cardSpaces {
        width: calc((100% - 960px) / 4);
    }

    .divleftCourse {
        float: left;
        border: 1px solid white;
    }

    .divRightCourse {
        float: right;
        border: 1px solid white;
        height: 260px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .child-center {
        /*display:table-cell;*/
        vertical-align: middle;
        text-align: center;
    }

    .divMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divUnlockYourCareerContent {
        /*margin-left: 55px;*/
        margin-right: 55px;
    }

    .divSubMainPckgCourses {
        margin-left: 20px;
        margin-right: 20px;
        width: 110%;
    }

    .divCoursesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 0px;
    }

    .divPackagesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
    }

    .divleftPad {
        padding-left: 3px;
        margin-left: 12px;
    }

    .cardWidth {
        height: 330px;
        width: 240px;
        background-color: #FFFFFF;
    }

    .unlockYourCarrierRectangle {
        height: 150px;
        width: 340px;
    }

    .learningManagmentBlocks {
        height: 200px;
        width: 16%;
    }

    .unlockYourCarrierRectangle_space {
        width: calc((100% - 1020px) / 2.1);
    }

    .divSpaceHeight {
        height: 60px;
    }


    .classWithPad {
        width: 35px;
    }

    .pckgClassWithPad {
        width: 0px;
    }

    .pkgCardWidth {
        height: 188px;
        width: 270px;
        /*background-color: rgba(255,85,0,0.3);*/
    }

    .our-services-heading {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 77px;
        padding-top: 39px;
    }

    .our-services-text {
        padding-left: 100px;
        padding-top: 48px;
        height: 42px;
        width: 85%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }



    /* Make the image fully responsive */
    .carousel-inner img {
        height: 400px;
        width: 100%;
        background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0) 100%);
    }

    .carousel-inner {
        /*height: 376px;*/
        width: 100%;
        /*margin-bottom: 50px;*/
    }

    .carousel-indicators {
        bottom: 35px;
    }

        .carousel-indicators li {
            border-radius: 12px;
            width: 12px;
            height: 12px;
            background-color: #D5D4D9;
            /*bottom: -50px;*/
        }

        .carousel-indicators .active {
            background-color: #93939C;
        }

    .slide-text-bg {
        height: 290px;
        width: 519px;
        /*opacity: 0.5;*/
        /*background-color: #000000;*/
        padding-left: 25px;
    }

    .carousel-caption {
        position: absolute;
        right: 21.8%;
        bottom: 0px;
        left: calc((100% - (91.41% - 4.5%)) / 2);
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        top: -350px;
        background-color: rgba(0,0,0,.5);
    }

        .carousel-caption h1 {
            height: 40px;
            width: 458px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 40px;
            line-height: 45px;
        }

        .carousel-caption h2 {
            height: 45px;
            width: 400px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 32px;
            line-height: 36px;
        }

        .carousel-caption .lead {
            /*height: 70px;*/
            width: 327px;
            color: #FFFFFF;
            font-family: Knowledge;
            font-size: 16px;
            line-height: 18px;
        }

        .carousel-caption .divCmsButton {
            float: left;
            height: 50px;
            width: 166px;
            border-radius: 3px;
            font-size: 18px;
            background-color: #FF8205;
        }


        .carousel-caption .cms-button {
            height: 50px;
            width: 166px;
            font-family: Knowledge;
            padding-top: 15px;
            /*height: 20px;
            width: 51px;*/
            color: #FFFFFF;
            /*font-family: Knowledge;*/
            font-size: 18px;
            font-weight: 500;
            line-height: 20px;
            text-align: center;
        }



    .carousel-control-prev {
        width: 30px;
        height: 350px;
        margin-left: 10px;
    }

    .carousel-control-next {
        width: 30px;
        height: 350px;
        margin-right: 10px;
    }

    .unlock-your-career {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-top: 25px;
    }

    .unlock-cms-header {
        height: 42px;
        width: 95%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
        padding-top: 30px;
    }

    .unlock-trending-courses {
        height: 24px;
        width: 153px;
        color: #212121;
        font-family: Knowledge;
        font-size: 21px;
        font-weight: 500;
        line-height: 24px;
        padding-top: 37px;
        padding-left: 1px;
    }

    .unlock-image-icon {
        /*padding-top: 10px;*/
        padding: 0px;
    }

    .unlock-cms-text {
        height: 54px;
        width: 272px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
    }

    .unlock-cms-text-heading {
        height: 68px;
    }

    .title {
        height: 20px;
        width: 225px;
        color: #212121;
        font-family: Knowledge;
        font-size: 18px;
        line-height: 20px;
    }

    .pkgdesc {
        height: 56px;
        width: 220px;
        color: #212121;
        font-family: Arial;
        font-size: 14px;
        line-height: 18px;
        /*margin-right: 15px;*/
        word-wrap: break-word;
    }

    .desctextellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 19px;
        max-height: 95px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    span.from {
        height: 11px;
        width: 19px;
        opacity: 0.99;
        color: #212121;
        font-family: Knowledge;
        font-size: 10px;
        line-height: 11px;
    }

    .price {
        height: 25px;
        width: 120px;
        opacity: 0.99;
        color: #FF8205;
        font-family: Knowledge;
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 0px;
    }

    .learn-more {
        /*height: 22px;*/
        width: 107px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Knowledge;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }

    .tired-of-searching-f {
        height: 79px;
        width: 895px;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    .rectangle-7-copy {
        height: 420px;
        width: auto;
        background-color: #F4F5F7;
    }

    .cpeImagealign {
        padding-left: 83px;
    }
}


@media only screen and (min-width: 768px){
    .learningMangement_Img_Height {
        height: 40px;
    }
}


/****************End************Internet Explorer*******************/



@media only screen and ( min-device-width: 1599px) and ( max-device-width: 1919px) {

    .carouselImageHeight {
        height:550px;
    }

    .ViewAll_Potrait {
        display: none;
    }

    .divContentMaxWidth {
        width: 80.00%;
    }

    .cardSpaces {
        width: calc((100% - 960px) / 4);
    }


    .viewAll {
        height: 18px;
        width: 100px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Arial;
        font-size: 15px;
        font-weight: bold;
        line-height: 24px;
        padding-left: 15px;
    }


    .divMainPackages {
        margin-left: 80px;
        margin-right: 80px;
    }

    .divSubMainPackages {
        margin-left: 5px;
        margin-right: 5px;
    }



    .divleftCourse {
        float: left;
        border: 1px solid white;
    }

    .divRightCourse {
        float: right;
        border: 1px solid white;
        height: 260px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .child-center {
        /*display:table-cell;*/
        vertical-align: middle;
        text-align: center;
    }

    .divMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divUnlockYourCareerContent {
        /*margin-left: 55px;*/
        margin-right: 55px;
    }

    .divSubMainPckgCourses {
        margin-left: 20px;
        margin-right: 20px;
        width: 110%;
    }

    .divCoursesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 0px;
    }

    .divPackagesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
    }

    .divleftPad {
        padding-left: 3px;
        margin-left: 12px;
    }

    .cardWidth {
        height: 330px;
        width: 240px;
        background-color: #FFFFFF;
    }

    .unlockYourCarrierRectangle {
        height: 150px;
        width: 340px;
    }

    .learningManagmentBlocks {
        height: 200px;
        width: 16%;
    }

    .unlockYourCarrierRectangle_space {
        width: calc((100% - 1020px) / 2);
    }

    .divSpaceHeight {
        height: 60px;
    }


    .classWithPad {
        width: 35px;
    }

    .pckgClassWithPad {
        width: 0px;
    }

    .pkgCardWidth {
        height: 188px;
        width: 270px;
        /*background-color: rgba(255,85,0,0.3);*/
    }

    .our-services-heading {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 77px;
        padding-top: 39px;
    }

    .our-services-text {
        padding-left: 100px;
        padding-top: 48px;
        height: 42px;
        width: 85%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }



    /* Make the image fully responsive */
    .carousel-inner img {
        height: 400px;
        width: 100%;
        background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0) 100%);
    }

    .carousel-inner {
        /*height: 376px;*/
        width: 100%;
        /*margin-bottom: 50px;*/
    }

    .carousel-indicators {
        bottom: 35px;
    }

        .carousel-indicators li {
            border-radius: 12px;
            width: 12px;
            height: 12px;
            background-color: #D5D4D9;
            /*bottom: -50px;*/
        }

        .carousel-indicators .active {
            background-color: #93939C;
        }

    .slide-text-bg {
        height: 290px;
        width: 519px;
        /*opacity: 0.5;*/
        /*background-color: #000000;*/
        padding-left: 25px;
    }

    .carousel-caption {
        position: absolute;
        right: 21.8%;
        bottom: 0px;
        left: calc((100% - (80.00% - 4.5%)) / 2);
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        top: -350px;
        background-color: rgba(0,0,0,.5);
    }

        .carousel-caption h1 {
            height: 40px;
            width: 458px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 40px;
            line-height: 45px;
        }

        .carousel-caption h2 {
            height: 45px;
            width: 400px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 32px;
            line-height: 36px;
        }

        .carousel-caption .lead {
            /*height: 70px;*/
            width: 327px;
            color: #FFFFFF;
            font-family: Knowledge;
            font-size: 16px;
            line-height: 18px;
        }

        .carousel-caption .divCmsButton {
            float: left;
            height: 50px;
            width: 166px;
            border-radius: 3px;
            font-size: 18px;
            background-color: #FF8205;
        }


        .carousel-caption .cms-button {
            height: 50px;
            width: 166px;
            font-family: Knowledge;
            padding-top: 15px;
            /*height: 20px;
            width: 51px;*/
            color: #FFFFFF;
            /*font-family: Knowledge;*/
            font-size: 18px;
            font-weight: 500;
            line-height: 20px;
            text-align: center;
        }



    .carousel-control-prev {
        width: 30px;
        height: 350px;
        margin-left: 10px;
    }

    .carousel-control-next {
        width: 30px;
        height: 350px;
        margin-right: 10px;
    }

    .unlock-your-career {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-top: 25px;
    }

    .unlock-cms-header {
        height: 42px;
        width: 95%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
        padding-top: 30px;
    }

    .unlock-trending-courses {
        height: 24px;
        width: 153px;
        color: #212121;
        font-family: Knowledge;
        font-size: 21px;
        font-weight: 500;
        line-height: 24px;
        padding-top: 37px;
        padding-left: 1px;
    }

    .unlock-image-icon {
        /*padding-top: 10px;*/
        padding: 0px;
    }

    .unlock-cms-text {
        height: 54px;
        width: 272px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
    }

    .unlock-cms-text-heading {
        height: 68px;
    }

    .title {
        height: 20px;
        width: 225px;
        color: #212121;
        font-family: Knowledge;
        font-size: 18px;
        line-height: 20px;
    }

    .pkgdesc {
        height: 56px;
        width: 220px;
        color: #212121;
        font-family: Arial;
        font-size: 14px;
        line-height: 18px;
        /*margin-right: 15px;*/
        word-wrap: break-word;
    }

    .desctextellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 19px;
        max-height: 95px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    span.from {
        height: 11px;
        width: 19px;
        opacity: 0.99;
        color: #212121;
        font-family: Knowledge;
        font-size: 10px;
        line-height: 11px;
    }

    .price {
        height: 25px;
        width: 120px;
        opacity: 0.99;
        color: #FF8205;
        font-family: Knowledge;
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 0px;
    }

    .learn-more {
        /*height: 22px;*/
        width: 107px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Knowledge;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }

    .tired-of-searching-f {
        height: 79px;
        width: 895px;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    .rectangle-7-copy {
        height: 420px;
        width: auto;
        background-color: #F4F5F7;
    }

    .cpeImagealign {
        padding-left: 83px;
    }
}

@media only screen and ( min-device-width: 1440px) and ( max-device-width: 1598px) {

    .carouselImageHeight {
        height:550px;
    }

    .divViewAllPad {
        padding-left: 10px;
    }

    .ViewAll_Potrait {
        display: none;
    }

    .divContentMaxWidth {
        width: 88.89%;
    }

    .cardSpaces {
        width: calc((100% - 960px) / 4);
    }

    .viewAll {
        height: 18px;
        width: 100px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Arial;
        font-size: 15px;
        font-weight: bold;
        line-height: 24px;
        padding-left: 5px;
    }

    .divMainPackages {
        margin-left: 80px;
        margin-right: 80px;
    }

    .divSubMainPackages {
        margin-left: 5px;
        margin-right: 5px;
    }



    .divleftCourse {
        float: left;
        border: 1px solid white;
    }

    .divRightCourse {
        float: right;
        border: 1px solid white;
        height: 260px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .child-center {
        /*display:table-cell;*/
        vertical-align: middle;
        text-align: center;
    }

    .divMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divUnlockYourCareerContent {
        /*margin-left: 55px;*/
        margin-right: 55px;
    }

    .divSubMainPckgCourses {
        margin-left: 20px;
        margin-right: 20px;
        width: 110%;
    }

    .divCoursesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 0px;
    }

    .divPackagesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
    }

    .divleftPad {
        padding-left: 3px;
        margin-left: 12px;
    }

    .cardWidth {
        height: 330px;
        width: 240px;
        background-color: #FFFFFF;
    }

    .unlockYourCarrierRectangle {
        height: 150px;
        width: 340px;
    }

    .learningManagmentBlocks {
        height: 200px;
        width: 16%;
    }



    .unlockYourCarrierRectangle_space {
        width: calc((100% - 1020px) / 2);
    }

    .divSpaceHeight {
        height: 60px;
    }


    .classWithPad {
        width: 35px;
    }

    .pckgClassWithPad {
        width: 0px;
    }

    .pkgCardWidth {
        height: 188px;
        width: 270px;
        /*background-color: rgba(255,85,0,0.3);*/
    }

    .our-services-heading {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 77px;
        padding-top: 39px;
    }

    .our-services-text {
        padding-left: 100px;
        padding-top: 48px;
        height: 42px;
        width: 85%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }



    /* Make the image fully responsive */
    .carousel-inner img {
        height: 400px;
        width: 100%;
        background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0) 100%);
    }

    .carousel-inner {
        /*height: 376px;*/
        width: 100%;
        /*margin-bottom: 50px;*/
    }

    .carousel-indicators {
        bottom: 35px;
    }

        .carousel-indicators li {
            border-radius: 12px;
            width: 12px;
            height: 12px;
            background-color: #D5D4D9;
            /*bottom: -50px;*/
        }

        .carousel-indicators .active {
            background-color: #93939C;
        }

    .slide-text-bg {
        height: 290px;
        width: 519px;
        /*opacity: 0.5;*/
        /*background-color: #000000;*/
        padding-left: 25px;
    }

    .carousel-caption {
        position: absolute;
        right: 21.8%;
        bottom: 0px;
        left: calc((100% - (88.89% - 4.5%)) / 2);
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        top: -350px;
        background-color: rgba(0,0,0,.5);
    }

        .carousel-caption h1 {
            height: 40px;
            width: 458px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 40px;
            line-height: 45px;
        }

        .carousel-caption h2 {
            height: 45px;
            width: 400px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 32px;
            line-height: 36px;
        }

        .carousel-caption .lead {
            /*height: 70px;*/
            width: 327px;
            color: #FFFFFF;
            font-family: Knowledge;
            font-size: 16px;
            line-height: 18px;
        }

        .carousel-caption .divCmsButton {
            float: left;
            height: 50px;
            width: 166px;
            border-radius: 3px;
            font-size: 18px;
            background-color: #FF8205;
        }


        .carousel-caption .cms-button {
            height: 50px;
            width: 166px;
            font-family: Knowledge;
            padding-top: 15px;
            /*height: 20px;
            width: 51px;*/
            color: #FFFFFF;
            /*font-family: Knowledge;*/
            font-size: 18px;
            font-weight: 500;
            line-height: 20px;
            text-align: center;
        }



    .carousel-control-prev {
        width: 30px;
        height: 350px;
        margin-left: 10px;
    }

    .carousel-control-next {
        width: 30px;
        height: 350px;
        margin-right: 10px;
    }

    .unlock-your-career {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-top: 25px;
    }

    .unlock-cms-header {
        height: 42px;
        width: 95%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
        padding-top: 30px;
    }

    .unlock-trending-courses {
        height: 24px;
        width: 153px;
        color: #212121;
        font-family: Knowledge;
        font-size: 21px;
        font-weight: 500;
        line-height: 24px;
        padding-top: 37px;
        padding-left: 1px;
    }

    .unlock-image-icon {
        /*padding-top: 10px;*/
        padding: 0px;
    }

    .unlock-cms-text {
        height: 54px;
        width: 272px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
    }

    .unlock-cms-text-heading {
        height: 68px;
    }

    .title {
        height: 20px;
        width: 225px;
        color: #212121;
        font-family: Knowledge;
        font-size: 18px;
        line-height: 20px;
    }

    .pkgdesc {
        height: 56px;
        width: 220px;
        color: #212121;
        font-family: Arial;
        font-size: 14px;
        line-height: 18px;
        /*margin-right: 15px;*/
        word-wrap: break-word;
    }

    .desctextellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 19px;
        max-height: 95px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    span.from {
        height: 11px;
        width: 19px;
        opacity: 0.99;
        color: #212121;
        font-family: Knowledge;
        font-size: 10px;
        line-height: 11px;
    }

    .price {
        /*height: 25px;*/
        width: 120px;
        opacity: 0.99;
        color: #FF8205;
        font-family: Knowledge;
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 15px;
    }

    .learn-more {
        /*height: 22px;*/
        width: 107px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Knowledge;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }

    .tired-of-searching-f {
        height: 79px;
        width: 895px;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    .rectangle-7-copy {
        height: 420px;
        width: auto;
        background-color: #F4F5F7;
    }

    .cpeImagealign {
        padding-left: 83px;
    }
}

@media only screen and ( min-device-width: 1365px) and ( max-device-width: 1439px) {

    .carouselImageHeight {
        height:550px;
    }
        .divContentMaxWidth {
        width: 93.70%;
    }

    .cardSpaces {
        width: calc((100% - 960px) / 4);
    }

    .ViewAll_Potrait {
        display: none;
    }

    .viewAll {
        height: 18px;
        width: 100px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Arial;
        font-size: 15px;
        font-weight: bold;
        line-height: 24px;
        padding-left: 5px;
    }


    .divMainPackages {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMainPackages {
        margin-left: auto;
        margin-right: auto;
    }



    .divleftCourse {
        float: left;
        border: 1px solid white;
    }

    .divRightCourse {
        float: right;
        border: 1px solid white;
        height: 260px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .child-center {
        /*display:table-cell;*/
        vertical-align: middle;
        text-align: center;
    }

    .divMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divUnlockYourCareerContent {
        /*margin-left: 55px;*/
        margin-right: 55px;
    }

    .divSubMainPckgCourses {
        margin-left: 20px;
        margin-right: 20px;
        width: 110%;
    }

    .divCoursesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 20px;
    }

    .divPackagesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
    }

    .divleftPad {
        padding-left: 3px;
    }

    .cardWidth {
        height: 330px;
        width: 240px;
        background-color: #FFFFFF;
    }

    .unlockYourCarrierRectangle {
        height: 150px;
        width: 340px;
    }

    .learningManagmentBlocks {
        height: 200px;
        width: 16%;
    }

    .unlockYourCarrierRectangle_space {
        width: calc((100% - 1020px) / 2);
    }

    .divSpaceHeight {
        height: 60px;
    }


    .classWithPad {
        width: 35px;
    }

    .pckgClassWithPad {
        width: 0px;
    }

    .pkgCardWidth {
        height: 188px;
        width: 270px;
        /*background-color: rgba(255,85,0,0.3);*/
    }

    .our-services-heading {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 77px;
        padding-top: 39px;
    }

    .our-services-text {
        padding-left: 100px;
        padding-top: 48px;
        height: 42px;
        width: 85%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }



    /* Make the image fully responsive */
    .carousel-inner img {
        height: 400px;
        width: 100%;
        background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0) 100%);
    }

    .carousel-inner {
        /*height: 376px;*/
        width: 100%;
        /*margin-bottom: 50px;*/
    }

    .carousel-indicators {
        bottom: 35px;
    }

        .carousel-indicators li {
            border-radius: 12px;
            width: 12px;
            height: 12px;
            background-color: #D5D4D9;
            /*bottom: -50px;*/
        }

        .carousel-indicators .active {
            background-color: #93939C;
        }

    .slide-text-bg {
        height: 290px;
        width: 519px;
        /*opacity: 0.5;*/
        /*background-color: #000000;*/
        padding-left: 25px;
    }

    .carousel-caption {
        position: absolute;
        right: 21.8%;
        bottom: 0px;
        left: calc((100% - (93.70% - 4.5%)) / 2);
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        top: -350px;
        background-color: rgba(0,0,0,.5);
    }

        .carousel-caption h1 {
            height: 40px;
            width: 458px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 40px;
            line-height: 45px;
        }

        .carousel-caption h2 {
            height: 45px;
            width: 400px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 32px;
            line-height: 36px;
        }

        .carousel-caption .lead {
            /*height: 70px;*/
            width: 327px;
            color: #FFFFFF;
            font-family: Knowledge;
            font-size: 16px;
            line-height: 18px;
        }

        .carousel-caption .divCmsButton {
            float: left;
            height: 50px;
            width: 166px;
            border-radius: 3px;
            font-size: 18px;
            background-color: #FF8205;
        }


        .carousel-caption .cms-button {
            height: 50px;
            width: 166px;
            font-family: Knowledge;
            padding-top: 15px;
            /*height: 20px;
            width: 51px;*/
            color: #FFFFFF;
            /*font-family: Knowledge;*/
            font-size: 18px;
            font-weight: 500;
            line-height: 20px;
            text-align: center;
        }



    .carousel-control-prev {
        width: 30px;
        height: 350px;
        margin-left: 10px;
    }

    .carousel-control-next {
        width: 30px;
        height: 350px;
        margin-right: 10px;
    }

    .unlock-your-career {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-top: 25px;
    }

    .unlock-cms-header {
        height: 42px;
        width: 95%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
        padding-top: 30px;
    }

    .unlock-trending-courses {
        height: 24px;
        width: 153px;
        color: #212121;
        font-family: Knowledge;
        font-size: 21px;
        font-weight: 500;
        line-height: 24px;
        padding-top: 37px;
        padding-left: 1px;
    }

    .unlock-image-icon {
        /*padding-top: 10px;*/
        padding: 0px;
    }

    .unlock-cms-text {
        height: 54px;
        width: 272px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
    }

    .unlock-cms-text-heading {
        height: 68px;
    }

    .title {
        height: 20px;
        width: 225px;
        color: #212121;
        font-family: Knowledge;
        font-size: 18px;
        line-height: 20px;
    }

    .pkgdesc {
        height: 56px;
        width: 220px;
        color: #212121;
        font-family: Arial;
        font-size: 14px;
        line-height: 18px;
        /*margin-right: 15px;*/
        word-wrap: break-word;
    }

    .desctextellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 19px;
        max-height: 95px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    span.from {
        height: 11px;
        width: 19px;
        opacity: 0.99;
        color: #212121;
        font-family: Knowledge;
        font-size: 10px;
        line-height: 11px;
    }

    .price {
        height: 25px;
        width: 120px;
        opacity: 0.99;
        color: #FF8205;
        font-family: Knowledge;
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 0px;
    }

    .learn-more {
        /*height: 22px;*/
        width: 107px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Knowledge;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }

    .tired-of-searching-f {
        height: 79px;
        width: 895px;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    .rectangle-7-copy {
        height: 420px;
        width: auto;
        background-color: #F4F5F7;
    }

    .cpeImagealign {
        padding-left: 83px;
    }
}
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media only screen and (min-device-width: 1279px) and ( max-device-width: 1364px) {

    .carouselImageHeight {
        height:550px;
    }

    .divContentMaxWidth {
        width: 91.41%;
    }


    .divViewAllPad {
        padding-left: 0px;
    }

    .ViewAll_Potrait {
        display: none;
    }

    .divMainPackages {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMainPackages {
        margin-left: auto;
        margin-right: auto;
    }

    .cardSpaces {
        width: calc((100% - 960px) / 4);
    }

    .divleftCourse {
        float: left;
        border: 1px solid white;
    }

    .divRightCourse {
        float: right;
        border: 1px solid white;
        height: 260px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .child-center {
        /*display:table-cell;*/
        vertical-align: middle;
        text-align: center;
    }

    .divMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divUnlockYourCareerContent {
        /*margin-left: 55px;*/
        margin-right: 55px;
    }

    .divSubMainPckgCourses {
        margin-left: 20px;
        margin-right: 20px;
        width: 110%;
    }

    .divCoursesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 0px;
    }

    .divPackagesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
    }

    .divleftPad {
        padding-left: 3px;
        margin-left: 12px;
    }

    .cardWidth {
        height: 330px;
        width: 240px;
        background-color: #FFFFFF;
    }

    .unlockYourCarrierRectangle {
        height: 150px;
        width: 340px;
    }

    .learningManagmentBlocks {
        height: 200px;
        width: 16%;
    }

    .unlockYourCarrierRectangle_space {
        width: calc((100% - 1020px) / 2);
    }

    .divSpaceHeight {
        height: 60px;
    }


    .classWithPad {
        width: 35px;
    }

    .pckgClassWithPad {
        width: 0px;
    }

    .pkgCardWidth {
        height: 188px;
        width: 270px;
        /*background-color: rgba(255,85,0,0.3);*/
    }

    .our-services-heading {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 77px;
        padding-top: 39px;
    }

    .our-services-text {
        padding-left: 100px;
        padding-top: 48px;
        height: 42px;
        width: 85%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }



    /* Make the image fully responsive */
    .carousel-inner img {
        height: 400px;
        width: 100%;
        background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0) 100%);
    }

    .carousel-inner {
        /*height: 376px;*/
        width: 100%;
        /*margin-bottom: 50px;*/
    }

    .carousel-indicators {
        bottom: 35px;
    }

        .carousel-indicators li {
            border-radius: 12px;
            width: 12px;
            height: 12px;
            background-color: #D5D4D9;
            /*bottom: -50px;*/
        }

        .carousel-indicators .active {
            background-color: #93939C;
        }

    .slide-text-bg {
        height: 290px;
        width: 519px;
        /*opacity: 0.5;*/
        /*background-color: #000000;*/
        padding-left: 25px;
    }

    .carousel-caption {
        position: absolute;
        right: 21.8%;
        bottom: 0px;
        left: calc((100% - (91.41% - 4.5%)) / 2);
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        top: -350px;
        background-color: rgba(0,0,0,.5);
    }

        .carousel-caption h1 {
            height: 40px;
            width: 458px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 40px;
            line-height: 45px;
        }

        .carousel-caption h2 {
            height: 45px;
            width: 400px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 32px;
            line-height: 36px;
        }

        .carousel-caption .lead {
            /*height: 70px;*/
            width: 327px;
            color: #FFFFFF;
            font-family: Knowledge;
            font-size: 16px;
            line-height: 18px;
        }

        .carousel-caption .divCmsButton {
            float: left;
            height: 50px;
            width: 166px;
            border-radius: 3px;
            font-size: 18px;
            background-color: #FF8205;
        }


        .carousel-caption .cms-button {
            height: 50px;
            width: 166px;
            font-family: Knowledge;
            padding-top: 15px;
            /*height: 20px;
            width: 51px;*/
            color: #FFFFFF;
            /*font-family: Knowledge;*/
            font-size: 18px;
            font-weight: 500;
            line-height: 20px;
            text-align: center;
        }



    .carousel-control-prev {
        width: 30px;
        height: 350px;
        margin-left: 10px;
    }

    .carousel-control-next {
        width: 30px;
        height: 350px;
        margin-right: 10px;
    }

    .unlock-your-career {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-top: 25px;
    }

    .unlock-cms-header {
        height: 42px;
        width: 95%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
        padding-top: 30px;
    }

    .unlock-trending-courses {
        height: 24px;
        width: 153px;
        color: #212121;
        font-family: Knowledge;
        font-size: 21px;
        font-weight: 500;
        line-height: 24px;
        padding-top: 37px;
        padding-left: 1px;
    }

    .unlock-image-icon {
        /*padding-top: 10px;*/
        padding: 0px;
    }

    .unlock-cms-text {
        height: 54px;
        width: 272px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
    }

    .unlock-cms-text-heading {
        height: 68px;
    }

    .title {
        height: 20px;
        width: 225px;
        color: #212121;
        font-family: Knowledge;
        font-size: 18px;
        line-height: 20px;
    }

    .pkgdesc {
        height: 56px;
        width: 220px;
        color: #212121;
        font-family: Arial;
        font-size: 14px;
        line-height: 18px;
        /*margin-right: 15px;*/
        word-wrap: break-word;
    }

    .desctextellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 19px;
        max-height: 95px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    span.from {
        height: 11px;
        width: 19px;
        opacity: 0.99;
        color: #212121;
        font-family: Knowledge;
        font-size: 10px;
        line-height: 11px;
    }

    .price {
        height: 25px;
        width: 120px;
        opacity: 0.99;
        color: #FF8205;
        font-family: Knowledge;
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 0px;
    }

    .learn-more {
        /*height: 22px;*/
        width: 107px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Knowledge;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }

    .tired-of-searching-f {
        height: 79px;
        width: 895px;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    .rectangle-7-copy {
        height: 420px;
        width: auto;
        background-color: #F4F5F7;
    }

    .cpeImagealign {
        padding-left: 83px;
    }
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1024px) and (max-width: 1279px) {



    .ViewAll_Potrait {
        display: none;
    }

    .divContentMaxWidth {
        width: 91.41%;
    }


    .cardSpaces {
        width: calc((100% - 960px) / 4);
    }

    .divleftCourse {
        float: left;
        border: 1px solid white;
    }

    .divRightCourse {
        float: right;
        border: 1px solid white;
        height: 260px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .rectangle-7-copy {
        height: 420px;
        width: 1280px;
        background-color: #F4F5F7;
    }

    .slide-text-bg {
        height: 320px;
        width: 519px;
        /*opacity: 0.5;
        background-color: #000000;*/
        padding-left: 25px;
    }

    .divMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divUnlockYourCareerContent {
        margin-left: 20px;
        margin-right: 20px;
    }

    .divSubMainPckgCourses {
        margin-left: 20px;
        margin-right: 20px;
    }

    .divCoursesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 0px;
    }

    .divPackagesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
    }


    .divleftPad {
        padding-left: 3px;
    }

    .tired-of-searching-f {
        padding-left: 3px;
        height: 25%;
        width: 75%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    .divSpaceHeight {
        height: 60px;
    }




    .pckg-courses {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 55px;
    }

    .pckg-space {
        margin-left: 65px;
        margin-top: 25px;
    }


    .divSpaceLeftRight {
        padding-left: 55px;
        padding-right: 55px;
    }

    .cardWidth {
        height: 330px;
        width: 240px;
        background-color: #FFFFFF;
    }

    .classWithPad {
        width: 5px;
    }

    .unlockYourCarrierRectangle {
        height: 150px;
        width: 340px;
    }

    .learningManagmentBlocks {
        height: 200px;
        width: 16%;
    }

    .unlockYourCarrierRectangle_space {
        width: calc((100% - 1020px) / 2);
    }

    .divSpaceHeight {
        height: 40px;
    }

    .pckgClassWithPad {
        width: 0px;
    }




    .pkgCardWidth {
        height: 188px;
        width: 240px;
        /*background-color: rgba(255,85,0,0.3);*/
    }


    .our-services-heading {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 77px;
        padding-top: 39px;
    }

    .our-services-text {
        padding-left: 100px;
        padding-top: 48px;
        height: 42px;
        width: 85%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    /* Make the image fully responsive */
    .carousel-inner img {
        height: 400px;
        width: 100%;
        background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0) 100%);
    }

    .carousel-inner {
        /*height: 376px;*/
        width: 100%;
        /*margin-bottom: 50px;*/
    }

    .carousel-indicators {
        bottom: 35px;
    }

        .carousel-indicators li {
            border-radius: 12px;
            width: 12px;
            height: 12px;
            background-color: #D5D4D9;
            /*bottom: -50px;*/
        }

        .carousel-indicators .active {
            background-color: #93939C;
        }

    .carousel-caption {
        right: 21.8%;
        bottom: 6.88%;
        left: calc((100% - (95.70% - 4.5%)) / 2);
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        background-color: rgba(0,0,0,.5);
    }

        .carousel-caption h1 {
            height: 92px;
            width: 381px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 40px;
            line-height: 45px;
        }

        .carousel-caption .lead {
            /*height: 70px;*/
            width: 327px;
            color: #FFFFFF;
            font-family: Knowledge;
            font-size: 16px;
            line-height: 18px;
        }

        .carousel-caption .divCmsButton {
            float: left;
        }

        .carousel-caption .cms-button {
            height: 50px;
            width: 166px;
            font-family: Knowledge;
            padding-top: 18px;
        }

    .carousel-control-prev {
        width: 30px;
        height: 350px;
        margin-left: 10px;
    }

    .carousel-control-next {
        width: 30px;
        height: 350px;
        margin-right: 10px;
    }

    .unlock-your-career {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
    }

    .unlock-cms-header {
        height: 42px;
        width: 95%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    .unlock-trending-courses {
        height: 24px;
        width: 153px;
        color: #212121;
        font-family: Knowledge;
        font-size: 21px;
        font-weight: 500;
        line-height: 24px;
        padding-top: 37px;
        padding-left: 1px;
    }

    .unlock-image-icon {
        /*padding-bottom: 10px;*/
        padding: 0px;
    }

    .unlock-cms-text {
        height: 54px;
        width: 272px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
    }


    .learningMangement_Img_Height {
        height:60px;
    }

    .unlock-cms-text-heading {
        height: 68px;
        /*width: 235px;*/
    }
}


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



    .learningMangement_Img_Height {
        height:60px;
    }

    .divLeftPad {
        padding-left:50px;
        padding-top:15px;
    }

    .divPanel {
        display: none;
    }

    .divContentMaxWidth {
        width: 95.70%;
    }

    .cardSpaces {
        /*width:40px;*/
        width: calc((100% - 480px) / 2);
    }

    .ViewAll_Potrait {
        text-align: left;
        /*border: 3px solid green;*/
    }

    .ViewAll_NoPotrait {
        display: none;
    }

    .divCenter {
        text-align: center;
        border: 3px solid green;
    }

    .viewAll {
        height: 18px;
        width: 100px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Arial;
        font-size: 15px;
        font-weight: bold;
        line-height: 24px;
        padding-left: 5px;
    }



    .services-bg {
        height: 100%;
        /*width: 1440px;*/
        width: 95%;
        background-color: #F4F5F7;
    }

    .divMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divleftCourse {
        float: left;
        border: 1px solid white;
        padding-bottom: 30px;
    }

    .divRightCourse {
        float: left;
        border: 1px solid white;
        height: 260px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .divUnlockYourCareerContent {
        /*margin-left: 68px;*/
        /*margin-right: 10px;*/
    }

    .divSubMainPckgCourses {
        margin-left: -6px;
        margin-right: -10px;
    }

    .divSubMainPckgMobileCourses {
        margin-left: 5px;
    }

    .divCoursesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
    }

    .divPackagesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
    }

    .divleftPad {
        padding-left: 30px;
    }

    .tired-of-searching-f {
        height: 10%;
        width: 100%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
        padding-left: 3px;
    }

    .divSpaceHeight {
        height: 2px;
    }





    .pckg-courses {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 55px;
    }

    .pckg-space {
        margin-left: 65px;
        margin-top: 25px;
    }


    .divSpaceLeftRight {
        padding-left: 22px;
        padding-right: 22px;
    }

    .cardWidth {
        height: 330px;
        width: 240px;
        background-color: #FFFFFF;
    }

    .classWithPad {
        width: 40px;
    }

    .classWithTopPad {
        padding-top: 40px;
    }

    .pckgClassWithPad {
        width: 0px;
    }

    .our-services-heading {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 77px;
        padding-top: 39px;
    }

    .our-services-text {
        padding-left: 100px;
        padding-top: 48px;
        height: 42px;
        width: 85%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    .unlockYourCarrierRectangle {
        height: 180px;
        width: 290px;
    }

    .learningManagmentBlocks {
        height: 200px;
        width: 30%;
    }

    .unlockYourCarrierRectangle_space {
        width: calc((100% - 697.5px) / 2);
    }

    .unlock-your-career {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-top: 25px;
    }

    .unlock-cms-header {
        height: 42px;
        width: 100%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
        padding-top: 30px;
    }


    .unlock-trending-courses {
        height: 24px;
        width: 153px;
        color: #212121;
        font-family: Knowledge;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        padding-top: 34px;
        padding-left: 1px;
    }

    .unlock-image-icon {
        /*padding-bottom: 10px;*/
        /*padding-top: 25px;*/
        padding: 0px;
    }

    .unlock-cms-text {
        height: 54px;
        width: 272px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
    }

    .unlock-cms-text-heading {
        height: 68px;
    }

    .divSpaceHeight {
        height: 40px;
    }


    .carousel-inner img {
        height: 100%;
        width: 100%;
        background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0) 100%);
    }

    .carousel-inner {
        /*height: 376px;*/
        width: 100%;
        /*margin-bottom: 50px;*/
    }

    .carousel-indicators {
        bottom: 35px;
    }

        .carousel-indicators li {
            border-radius: 12px;
            width: 12px;
            height: 12px;
            background-color: #D5D4D9;
            /*bottom: -50px;*/
        }

        .carousel-indicators .active {
            background-color: #93939C;
        }

    .slide-text-bg {
        height: 320px;
        width: 519px;
        /*opacity: 0.5;
        background-color: #000000;*/
        padding-left: 25px;
    }



    .carousel-caption {
        position: absolute;
        right: 21.8%;
        bottom: 0px;
        left: calc((100% - (93.75% - 4.5%)) / 2);
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        top: -350px;
        background-color: rgba(0,0,0,.5);
    }

        .carousel-caption h1 {
            height: 92px;
            width: 381px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 40px;
            line-height: 45px;
        }

        .carousel-caption h2 {
            height: 45px;
            width: 400px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 32px;
            line-height: 36px;
        }

        .carousel-caption .lead {
            /*height: 70px;*/
            width: 327px;
            color: #FFFFFF;
            font-family: Knowledge;
            font-size: 16px;
            line-height: 18px;
        }

        .carousel-caption .divCmsButton {
            float: left;
            height: 50px;
            width: 166px;
            border-radius: 3px;
            font-size: 18px;
            background-color: #FF8205;
        }


        .carousel-caption .cms-button {
            height: 50px;
            width: 166px;
            font-family: Knowledge;
            padding-top: 15px;
            /*height: 20px;
            width: 51px;*/
            color: #FFFFFF;
            /*font-family: Knowledge;*/
            font-size: 18px;
            font-weight: 500;
            line-height: 20px;
            text-align: center;
        }



    .carousel-control-prev {
        width: 30px;
        height: 350px;
        margin-left: 10px;
    }

    .title {
        height: 58px;
        width: 291.89px;
        color: #212121;
        font-family: Knowledge;
        font-size: 26px;
        line-height: 29px;
    }


    .desc {
        height: 38px;
        width: 292.82px;
        color: #212121;
        font-family: Arial;
        font-size: 16px;
        line-height: 19px;
    }

    .price {
        /*height: 27px;*/
        color: #FF8205;
        font-family: Knowledge;
        font-size: 22px;
        /*line-height: 27px;*/
    }

    .credits {
        /*height: 25px;*/
        width: 259.35px;
        color: #77A22D;
        font-family: Knowledge;
        font-size: 22px;
        /*line-height: 25px;*/
    }

    .format {
        /*height: 18px;*/
        width: 274.23px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        /*line-height: 18px;*/
    }

    .learn-more {
        /*height: 23px;*/
        width: 280.73px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Knowledge;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }

    .rectangle-7-copy {
        height: 580px;
        width: 104%;
        background-color: #F4F5F7;
        /*padding-left: 23px;*/
    }

    .pkgCardWidth {
        height: 200px;
        width: 330px;
        margin-bottom: 25px;
        /*margin-left: 15px;*/
    }

    .pkgdesc {
        height: 30px;
        color: #212121;
        font-family: Arial;
        font-size: 12px;
        line-height: 15px;
    }

    .divCenterCard {
        margin: 0;
        /* background: yellow; */
        position: absolute;
        top: 50%;
        left: 35%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }
}


/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {



    .divLeftPad {
        padding-left:55px;
        padding-top:15px;
    }

    .divPanel {
        display: none;
    }

    .ViewAll_Potrait {
        text-align: left;
    }

    .ViewAll_NoPotrait {
        display: none;
    }

    .divContentMaxWidth {
        width: 93.75%;
    }

    .cardSpaces {
        /*width:50px;*/
        width: calc((100% - 480px) / 2);
    }

    .noCardSpace {
        display: none !important;
    }

    .divleftPad {
        padding-left: 30px;
    }

    .pckg-courses {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 55px;
    }

    .pckg-space {
        margin-left: 65px;
        margin-top: 25px;
    }

    .tired-of-searching-f {
        height: 10%;
        width: 100%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
        padding-right: 20px;
    }

    .cardWidth {
        height: 330px;
        width: 240px;
        background-color: #FFFFFF;
    }



    .classWithTopPad {
        padding-top: 40px;
    }

    .unlockYourCarrierRectangle {
        height: 180px;
        width: 290px;
    }

    .learningManagmentBlocks {
        height: 200px;
        width: 30%;
    }

    .unlockYourCarrierRectangle_space {
        width: calc((100% - 697.5px) / 2);
    }

    .divSpaceHeight {
        height: 2px;
    }

    .our-services-heading {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 77px;
        padding-top: 39px;
    }

    .our-services-text {
        padding-left: 100px;
        padding-top: 48px;
        height: 42px;
        width: 85%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    .carousel-inner img {
        height: 100%;
        width: 100%;
        background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0) 100%);
    }

    .carousel-inner {
        /*height: 376px;*/
        width: 100%;
        /*margin-bottom: 50px;*/
    }

    .carousel-indicators {
        bottom: 35px;
    }

        .carousel-indicators li {
            border-radius: 12px;
            width: 12px;
            height: 12px;
            background-color: #D5D4D9;
            /*bottom: -50px;*/
        }

        .carousel-indicators .active {
            background-color: #93939C;
        }

    .slide-text-bg {
        height: 225px;
        width: 393px;
        /*opacity: 0.5;
        background-color: #000000;*/
        padding-left: 25px;
    }

    .carousel-caption {
        position: absolute;
        right: 21.8%;
        bottom: 0px;
        left: calc((100% - (93.75% - 4.5%)) / 2);
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        top: -270px;
        background-color: rgba(0,0,0,.5);
        height:250px;
    }

    .carousel-item {
        position: relative;
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        transition: -webkit-transform .6s ease;
        transition: transform .6s ease;
        transition: transform .6s ease,-webkit-transform .6s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
        height: 335px;
    }

    .carousel-caption h1 {
        height: 23px;
        width: 381px;
        color: #E8EAEC;
        font-family: Knowledge;
        font-size: 26px;
        line-height: 3px;
    }

    .carousel-caption h2 {
        height: 20px;
        width: 310px;
        color: #E8EAEC;
        font-family: Knowledge;
        font-size: 22px;
        line-height: 22px;
    }

    .carousel-caption .lead {
        /*height: 70px;*/
        width: 327px;
        color: #FFFFFF;
        font-family: Knowledge;
        font-size: 14px;
        line-height: 14px;
    }

    .carousel-caption .divCmsButton {
        float: left;
        height: 50px;
        width: 166px;
        border-radius: 3px;
        font-size: 18px;
        background-color: #FF8205;
    }


    .carousel-caption .cms-button {
        height: 50px;
        width: 166px;
        font-family: Knowledge;
        padding-top: 15px;
        /*height: 20px;
            width: 51px;*/
        color: #FFFFFF;
        /*font-family: Knowledge;*/
        font-size: 18px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;
    }



    .carousel-control-prev {
        width: 30px;
        height: 350px;
        margin-left: 10px;
    }

    .title {
        height: 72px;
        width: 304px;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
    }

    .desc {
        height: 38px;
        width: 292.82px;
        color: #212121;
        font-family: Arial;
        font-size: 16px;
        line-height: 19px;
    }

    span.from {
        height: 11px;
        width: 19px;
        opacity: 0.99;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 40px;
    }

    .price {
        /*height: 0.54%;*/
        width: 64.53%;
        opacity: 0.99;
        color: #FF8205;
        font-family: Knowledge;
        font-size: 22px;
        /*line-height: 30px;*/
    }

    .credits {
        /*height: 25px;*/
        width: 259.35px;
        color: #77A22D;
        font-family: Knowledge;
        font-size: 22px;
        /*line-height: 25px;*/
    }

    .format {
        /*height: 18px;*/
        width: 274.23px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        /*line-height: 18px;*/
    }

    .learn-more {
        /*height: 18px;*/
        width: 100px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Knowledge;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }

    .rectangle-7-copy {
        height: auto;
        width: 102%;
        background-color: #F4F5F7;
        padding-left: 15px;
    }

    .pkgCardWidth {
        height: auto;
        width: 320px;
    }

    .pkgdesc {
        height: 79px;
        width: 285px;
        color: #212121;
        font-family: Arial;
        font-size: 18px;
        line-height: 22px;
    }

    .desctextellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 25px;
        max-height: 95px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .divSubMainPckgCourses {
        margin-left: -15px;
        margin-right: -10px;
        margin-top: 22px;
    }

    .texttitlelineheight {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 35px;
        max-height: 66px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .unlock-trending-courses {
        height: 24px;
        width: 153px;
        color: #212121;
        font-family: Knowledge;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        padding-top: 38px;
        padding-left: 1px;
    }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {





    .ViewAll_Potrait {
        display: none;
    }

    .divPanel {
        display: inline;
    }

    .ViewAll_NoPotrait {
        display: grid;
    }

    .divContentMaxWidth {
        width: 93.75%;
    }


    .cardSpaces {
        width: calc((100% - 726px) / 3)
    }

    .divleftPad {
        padding-left: 30px;
    }

    .iHidePadForthCard {
        display: none;
    }

    .pckg-courses {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 55px;
    }

    .cardWidth {
        height: 330px;
        width: 240px;
        background-color: #FFFFFF;
    }

    .classWithPad {
        width: 45px;
    }

    .classWithTopPad {
        padding-top: 40px;
    }

    .tired-of-searching-f {
        height: 1.8%;
        width: 100%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
        /*padding-left:22px;*/
    }

    .unlockYourCarrierRectangle {
        height: 180px;
        width: 290px;
    }

    .learningManagmentBlocks {
        height: 200px;
        width: 16%;
    }

    .unlockYourCarrierRectangle_space {
        width: calc((100% - 870px) / 2);
    }

    .divSpaceHeight {
        /*height: 60px;*/
    }

    .our-services-heading {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 77px;
        padding-top: 39px;
    }

    .our-services-text {
        padding-left: 100px;
        padding-top: 48px;
        height: 42px;
        width: 85%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    .carousel-inner img {
        height: 100%;
        width: 100%;
        background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0) 100%);
    }

    .carousel-inner {
        /*height: 376px;*/
        width: 100%;
        /*margin-bottom: 50px;*/
    }

    .carousel-indicators {
        bottom: 35px;
    }

        .carousel-indicators li {
            border-radius: 12px;
            width: 12px;
            height: 12px;
            background-color: #D5D4D9;
            /*bottom: -50px;*/
        }

        .carousel-indicators .active {
            background-color: #93939C;
        }

    .slide-text-bg {
        height: 255px;
        width: 448px;
        /*opacity: 0.5;
        background-color: #000000;*/
        padding-left: 25px;
    }

    .carousel-caption {
        position: absolute;
        right: 21.8%;
        bottom: 0px;
        left: calc((100% - (95.70% - 4.5%)) / 2);
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        top: -295px;
        background-color: rgba(0,0,0,.5);
    }

        .carousel-caption h1 {
            height: 32px;
            width: 381px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 32px;
            line-height: 35px;
        }

        .carousel-caption h2 {
            height: 35px;
            width: 400px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 27px;
            line-height: 36px;
        }

        .carousel-caption .lead {
            /*height: 70px;*/
            width: 300px;
            color: #FFFFFF;
            font-family: Knowledge;
            font-size: 14px;
            line-height: 15px;
        }

        .carousel-caption .divCmsButton {
            float: left;
            height: 50px;
            width: 166px;
            border-radius: 3px;
            font-size: 18px;
            background-color: #FF8205;
        }


        .carousel-caption .cms-button {
            height: 50px;
            width: 166px;
            font-family: Knowledge;
            padding-top: 15px;
            /*height: 20px;
            width: 51px;*/
            color: #FFFFFF;
            /*font-family: Knowledge;*/
            font-size: 18px;
            font-weight: 500;
            line-height: 20px;
            text-align: center;
        }



    .carousel-control-prev {
        width: 30px;
        height: 350px;
        margin-left: 10px;
    }

    .pkgCardWidth {
        height: 265px;
        width: 223px;
        /*background-color: rgba(255,85,0,0.3);*/
    }

    .rectangle-7-copy {
        height: 450px;
        width: auto;
        background-color: #F4F5F7;
        padding-left: 15px;
    }

    .title {
        height: 40px;
        width: 304px;
        color: #212121;
        font-family: Knowledge;
        font-size: 19px;
        font-weight: 500;
        line-height: 36px;
    }

    .price {
        /*height: 36px;*/
        width: 242px;
        opacity: 0.99;
        color: #FF8205;
        font-family: Knowledge;
        font-size: 22px;
        /*line-height: 56px;*/
    }

    .learn-more {
        /*height: 23px;*/
        width: 291px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Knowledge;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }

    .pkgdesc {
        height: 75px;
        width: 200px;
        color: #212121;
        font-family: Arial;
        font-size: 18px;
        line-height: 22px;
    }

    .desctextellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 25px;
        max-height: 95px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .textellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 37px; /* fallback */
        max-height: 70px; /* fallback */
        -webkit-line-clamp: 2; /* number of lines to show */
        -webkit-box-orient: vertical;
    }

    .pckgClassWithPad {
        /*width: 222px;*/
    }

    .tired-of-searching-f {
        height: 63px;
        /*width: 975px;*/
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    span.from {
        height: 18px;
        width: 31px;
        opacity: 0.99;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
    }

    .divSubMainPckgCourses {
        margin-left: -20px;
        margin-right: -10px;
        margin-top: 22px;
    }

    .unlock-trending-courses {
        height: 24px;
        width: 153px;
        color: #212121;
        font-family: Knowledge;
        font-size: 14px;
        font-weight: 500;
        line-height: 24px;
        padding-top: 34px;
        padding-left: 1px;
    }
}

@media (min-width:1024px) and (max-width:1024px) {
    /*.cardWidth{
        width: 356px;
        margin-left: 20px;
    }*/

    .cardWidth {
        height: 330px;
        width: 240px;
        background-color: #FFFFFF;
    }

    .classWithPad {
        width: 40px;
    }

    .divCenterCard {
        margin: 0;
        /* background: yellow; */
        position: absolute;
        top: 50%;
        left: 35%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        margin-left: 30px;
        margin-top: 10px;
    }

    .divCoursesTitle {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 0px;
        /*margin-left: 20px;*/
    }
}
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {


    .learningMangement_Img_Height {
        height:30px;
    }

    .divMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMain {
        margin-left: auto;
        margin-right: auto;
    }


    .divContentMaxWidth {
        width: 94.67%;
    }

    .unlockYourCarrierRectangle {
        height: 180px;
        padding-top: 30px;
        padding-left: 40px;
        width:600px;
    }

    .learningManagmentBlocks {
        height: 200px;
        padding-top: 30px;
        padding-left: 40px;
        width: 16%;
    }

    .unlock-your-career {
        /*height: 36px;*/
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 25px;
        font-weight: 400;
        line-height: 32px;
        padding-top: 25px;
        padding-left: 15px;
    }

    .unlock-cms-header {
        height: 42px;
        width: 100%;
        color: #2C2C2C;
        font-family: Arial;
        font-size: 18px;
        line-height: 22px;
        padding-top: 15px;
        padding-left: 15px;
    }

    .pckg-courses {
        /*height: 36px;*/
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 25px;
        font-weight: 300;
        line-height: 36px;
        /*padding-left: 55px;*/
    }

    .pckg-space {
        /*margin-left: 15px;*/
        margin-top: 15px;
    }

    .pckgClassWithPad {
        margin: 5px;
    }

    .tired-of-searching-f {
        /*height: 1.8%;*/
        /*width: 58.75%;*/
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
        margin-right: 2px;
    }

    .divCenterCard {
        margin: 0;
        /* background: yellow; */
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        margin: 15px;
    }


    .our-services-heading {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 25px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 15px;
        padding-top: 39px;
    }

    .our-services-text {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 48px;
        padding-bottom: 55px;
        height: 42px;
        /*width: 85%;*/
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    .carousel-inner img {
        height: 100%;
        width: 100%;
        background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0) 100%);
    }

    .tales {
        width: 100%;
    }

    .carousel-inner {
        /*height: 376px;*/
        width: 100%;
        max-height: 200px !important;
    }

    .carousel-indicators {
        bottom: 35px;
    }

        .carousel-indicators li {
            border-radius: 12px;
            width: 12px;
            height: 12px;
            background-color: #D5D4D9;
            /*bottom: -50px;*/
        }

        .carousel-indicators .active {
            background-color: #93939C;
        }


    .slide-text-bg {
        height: 196px;
        width: 304px;
        /*opacity: 0.5;
        background-color: #000000;*/
        padding-left: 25px;
    }

    .carousel-caption {
        position: absolute;
        right: 21.8%;
        bottom: 0px;
        left: calc((100% - (94.67% - 4.5%)) / 2);
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        top: -200px;
        background-color: rgba(0,0,0,.5);
    }

        .carousel-caption h1 {
            height: 18px;
            width: 240px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 20px;
            line-height: 8px;
        }

        .carousel-caption h2 {
            height: 4px;
            width: 400px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 18px;
            line-height: 2px;
        }

        .carousel-caption .lead {
            /*height: 70px;*/
            width: 327px;
            color: #FFFFFF;
            font-family: Knowledge;
            font-size: 12px;
            line-height: 12px;
        }

        .carousel-caption .divCmsButton {
            float: left;
            height: 50px;
            width: 166px;
            border-radius: 3px;
            font-size: 18px;
            background-color: #FF8205;
        }


        .carousel-caption .cms-button {
            height: 50px;
            width: 166px;
            font-family: Knowledge;
            padding-top: 15px;
            /*height: 20px;
            width: 51px;*/
            color: #FFFFFF;
            /*font-family: Knowledge;*/
            font-size: 18px;
            font-weight: 500;
            line-height: 20px;
            text-align: center;
        }



    .carousel-control-prev {
        width: 30px;
        height: 350px;
        margin-left: 10px;
    }

    .pkgCardWidth {
        height: 188px;
        width: 595px;
        /*background-color: rgba(255,85,0,0.3);*/
    }

    .rectangle-7-copy {
        height: 1300px;
        width: 105%;
        background-color: #F4F5F7;
        /*padding-left: 38px;*/
    }

    .lastImageCenterAligned {
        margin-left: 93px;
    }

    .divSubMainPckgMobileCourses {
        margin-left: 45px;
    }

    .textalignedcenter {
        margin-left: 13px;
    }

    .trendingalignInMobile {
        margin-top: 20px;
    }

    .unlockcarrenalign {
        height: 24px;
        width: 153px;
        color: #212121;
        font-family: Knowledge;
        font-size: 21px;
        font-weight: 500;
        line-height: 24px;
        padding-top: 16px;
    }

    .unlock-trending-courses {
        height: 24px;
        width: 153px;
        color: #212121;
        font-family: Knowledge;
        font-size: 21px;
        font-weight: 500;
        line-height: 24px;
        padding-top: 12px;
        padding-right: 123px;
    }

    .unlock-cms-text {
        padding-top: 14px;
        height: 54px;
        width: 670px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
    }

    .unlock-image-icon {
        /*padding-left:100px;*/
        padding: 0px;
    }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {


    .learningMangement_Img_Height {
        height:60px;
    }

    /*For Rectangle in Carousal mobile*/
    .slide {
        display: none;
    }


    .unlockYourCarrierRectangle_space {
        width: calc((100% - 355.2px));
    }

    .rectangle {
        display: block;
    }

    .slide-text-bg {
        height: 206px;
        width: 376px;
        /*opacity: 0.5;*/
        /*background-color: #000000;*/
        padding-left: 25px;
    }

    .the-tax-cuts-and-job {
        height: 78px;
        width: 338px;
        color: #E8EAEC;
        font-family: Knowledge;
        font-size: 40px;
        line-height: 36px;
    }

    .what-you-need-to-kno {
        height: 40px;
        width: 327px;
        color: #FFFFFF;
        font-family: Knowledge;
        font-size: 24px;
        line-height: 27px;
    }

    .two-learning-options {
        height: 58px;
        width: 327px;
        color: #FFFFFF;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
    }

    .btn-bg {
        height: 50px;
        width: 244px;
        border-radius: 3px;
        background-color: #FF8205;
        left: 145.5px;
        top: 556px;
    }



    .divRightCourse {
        float: left;
        border: 1px solid white;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .remove-all-mar-pad {
        margin: 0 !important;
        padding: 0 0 0 5px !important;
        width: 100%;
    }

    .remove-all-mar-pad-package {
        margin: 0 !important;
        padding: 0 0 0 0 !important;
        width: 100%;
    }



    .divleftCourse {
        float: left;
        border: 1px solid white;
    }

    .divMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divContentMaxWidth {
        width: 94.67%;
    }


    .cardSpaces {
        padding: calc((100% -347px) / 15);
    }

    .ViewAll_Potrait {
        display: none;
    }

    .cardWidth {
        /*height: 270px;*/
        width: 340px;
        background-color: #FFFFFF;
    }

    .unlockYourCarrierRectangle {
        height: 150px;
        /*width: 290px;*/
        /*padding-left: 40px;*/
    }

    .learningManagmentBlocks {
        height: 200px;
        /*width: 220px;*/
    }

    .unlock-your-career {
        /*height: 36px;*/
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 400;
        line-height: 36px;
        padding-top: 25px;
        padding-left: 15px;
    }

    .unlock-cms-header {
        height: 88px;
        width: 100%;
        color: #212121;
        font-family: Arial;
        font-size: 18px;
        line-height: 22px;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .pckg-courses {
        /*height: 36px;*/
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 25px;
        font-weight: 300;
        line-height: 36px;
        /*padding-left: 55px;*/
    }

    .pckg-space {
        /*margin-left: 15px;*/
        margin-top: 15px;
    }

    .pckgClassWithPad {
        margin: calc((100% -325.2px) / 15);
    }

    .tired-of-searching-f {
        height: 154px;
        width: auto;
        color: #212121;
        font-family: Arial;
        font-size: 18px;
        line-height: 22px;
        /*margin-left:15px;*/
    }

    .divCenterCard {
        margin: 0;
        /* background: yellow; */
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
        margin: 15px;
    }

    .our-services-heading {
        height: 36px;
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 25px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 15px;
        padding-top: 39px;
    }

    .our-services-text {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 48px;
        padding-bottom: 55px;
        height: 42px;
        /*width: 85%;*/
        color: #2C2C2C;
        font-family: Arial;
        font-size: 16px;
        line-height: 21px;
    }

    .carousel-inner img {
        height: 100%;
        width: 100%;
        background: linear-gradient(90deg, #000000 0%, rgba(0,0,0,0) 100%);
    }

    .carousel-inner {
        /*height: 376px;*/
        width: 100%;
        /*margin-bottom: 50px;*/
    }

    .carousel-indicators {
        bottom: 35px;
    }

        .carousel-indicators li {
            border-radius: 12px;
            width: 12px;
            height: 12px;
            background-color: #D5D4D9;
            /*bottom: -50px;*/
        }

        .carousel-indicators .active {
            background-color: #93939C;
        }

    /*.slide-text-bg {
        height: 122px;
        width: 145px;
        /*opacity: 0.5;*/
    /*background-color: #000000;*/
    /* padding-left: 25px;
    }*/

    .carousel-caption {
        position: absolute;
        right: 21.8%;
        bottom: 0px;
        /*left: 9.7%;*/
        left: calc((100% - (94.67%  - 4.5%)) / 2);
        z-index: 10;
        padding-top: 14px;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        /*top: -124px;*/
        top: -102px;
        /*background-color: rgba(0,0,0,.5);*/
        background-color: #37383D;
    }

        .carousel-caption h1 {
            height: 0px;
            width: 250px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 8px;
            /*line-height: 45px;*/
        }

        .carousel-caption h2 {
            height: 4px;
            width: 400px;
            color: #E8EAEC;
            font-family: Knowledge;
            font-size: 6px;
            line-height: 10px;
        }

        .carousel-caption .lead {
            /*height: 70px;*/
            width: 270px;
            color: #FFFFFF;
            font-family: Knowledge;
            font-size: 4px;
            line-height: 5px;
        }

        .carousel-caption .divCmsButton {
            float: left;
            height: 22px;
            width: 60px;
            border-radius: 0px;
            font-size: 6px;
            background-color: #FF8205;
        }

    .unlock-cms-text-heading {
        padding-left: 15px;
        margin-right: 15px;
        /*text-align:center;*/
    }

    .unlock-cms-text {
        padding-top: 25px;
        height: 54px;
        width: 315px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
    }


    .unlockcarrenalign {
        height: 24px;
        width: 153px;
        color: #212121;
        font-family: Knowledge;
        font-size: 21px;
        font-weight: 500;
        line-height: 24px;
        padding-top: 16px;
    }

    .carousel-caption .cms-button {
        height: 20px;
        width: 60px;
        font-family: Knowledge;
        padding-top: 5px;
        padding-left: 10px;
        /*height: 20px;
            width: 51px;*/
        color: #FFFFFF;
        /*font-family: Knowledge;*/
        font-size: 6px;
        font-weight: 500;
        line-height: 13px;
        text-align: center;
    }



    .carousel-control-prev {
        width: 30px;
        height: 350px;
        margin-left: 10px;
    }

    .rectangle-7-copy {
        height: auto;
        width: 110%;
        background-color: #F4F5F7;
        /*padding-left: 38px;*/
    }

    .divCoursesTitle {
        /*height: 62px;*/
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        /*text-align:center;*/
        margin-left: 15px;
    }

    .divPackagesTitle {
        height: 62px;
        width: 90%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        text-align: center;
    }

    .pkgCardWidth {
        height: auto;
        width: 333px;
        /*background-color: rgba(255,85,0,0.3);*/
    }

    .title {
        height: 72px;
        /*width: 304px;*/
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
    }

    .desc {
        height: 84px;
        /*width: 200px;*/
        color: #212121;
        font-family: Arial;
        font-size: 18px;
        line-height: 22px;
    }

    .price {
        height: 36px;
        width: 242px;
        opacity: 0.99;
        color: #FF8205;
        font-family: Knowledge;
        font-size: 22px;
        line-height: 36px;
        font-weight: 400;
        margin-bottom: 5px;
    }

    .credits {
        height: 25px;
        width: 253.72px;
        color: #77A22D;
        font-family: Knowledge;
        font-size: 25px;
        font-weight: 500;
        line-height: 2px;
    }

    .format {
        height: 18px;
        width: 286.67px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
    }

    .shape {
        margin-bottom: 10px;
    }

    .textellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: normal; /* fallback */
        max-height: initial; /* fallback */
        -webkit-line-clamp: 2; /* number of lines to show */
        -webkit-box-orient: vertical;
        margin-bottom: 30px;
    }

    .divCenterCard {
        top: 2%;
        left: 15%;
        padding-top: 50px;
    }

    span.from {
        height: 18px;
        width: 31px;
        opacity: 0.99;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
    }

    .divleftPad {
        padding-left: 0px;
        padding-right: 0px;
        width: auto !important;
    }

    .divleftPadTrending {
        padding-left: 5px;
        padding-right: 0px;
        width: auto !important;
    }

    .desctextellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: 30px; /* fallback */
        max-height: 95px; /* fallback */
        -webkit-line-clamp: 3; /* number of lines to show */
        -webkit-box-orient: vertical;
    }

    .learn-more {
        /*height: 23px;*/
        width: 291px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Knowledge;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }

    .divSubMainPckgCourses {
        margin-left: -30px;
        /*margin-right: 20px;*/
    }

    .pkgdesc {
        height: 66px;
        width: 304px;
        color: #212121;
        font-family: Arial;
        font-size: 18px;
        line-height: 22px;
    }

    .divUnlockYourCareerContent {
        margin-right: -9px;
    }

    .divSubMainPckgMobileCourses {
        margin-left: 5px;
    }

    .lastImageCenterAligned {
        margin-left: 93px;
        margin-top: 15px;
    }

    .trendingalignInMobile {
        padding-top: 28px;
    }
}

@media (min-width:500px) and (max-width:736px) {

    .ViewAll_Potrait {
        display: none;
    }

    .divMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divSubMain {
        margin-left: auto;
        margin-right: auto;
    }

    .divContentMaxWidth {
        width: 94.67%;
    }

    .cardSpaces {
        padding-bottom: 20px;
    }

    .cardWidth {
        width: auto;
    }

    .cardWidthCenterLandScape {
        width:340px !important;
        margin:auto !important;
    }

    .cardWidthLandscape {
        width: auto;
    }


    .divleftPad {
        width: 350px;
        height: auto;
        margin-left: 20px;
    }

    .divCoursesTitle {
        width: 100%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        padding-left: 0px;
    }

    .divPackagesTitle {
        height: 62px;
        width: 90%;
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
        text-align: center;
    }

    .pkgCardWidth {
        height: 258px;
        width: 550px;
        /*background-color: rgba(255,85,0,0.3);*/
    }

    .title {
        height: 72px;
        /*width: 304px;*/
        color: #212121;
        font-family: Knowledge;
        font-size: 32px;
        font-weight: 300;
        line-height: 36px;
    }

    .desc {
        height: 84px;
        /*width: 200px;*/
        color: #212121;
        font-family: Arial;
        font-size: 18px;
        line-height: 22px;
    }

    .price {
        height: 36px;
        width: 242px;
        opacity: 0.99;
        color: #FF8205;
        font-family: Knowledge;
        font-size: 22px;
        line-height: 36px;
        font-weight: 400;
        margin-bottom: 5px;
    }

    .credits {
        height: 25px;
        width: 253.72px;
        color: #77A22D;
        font-family: Knowledge;
        font-size: 25px;
        font-weight: 500;
        line-height: 2px;
    }

    .format {
        height: 18px;
        width: 286.67px;
        color: #212121;
        font-family: Knowledge;
        font-size: 16px;
        line-height: 18px;
    }

    .shape {
        margin-bottom: 10px;
    }

    .textellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-height: normal; /* fallback */
        max-height: initial; /* fallback */
        -webkit-line-clamp: 2; /* number of lines to show */
        -webkit-box-orient: vertical;
        margin-bottom: 30px;
    }

    .divCenterCard {
        top: 2%;
        left: 15%;
        padding-top: 50px;
    }

    .learn-more {
        /*height: 23px;*/
        width: 291px;
        opacity: 0.99;
        color: #0072A8;
        font-family: Knowledge;
        font-size: 16px;
        font-weight: bold;
        line-height: 30px;
    }

    hr {
        margin-top: 30px;
    }

    .divIphoneLandScape {
        margin-left: 35px;
    }
}
.homeNewCoursesDiv {
    display: none;
}

/********** Override facelift styles for inside pages from Home/Index.apsx  *************/
@media (min-width: 1281px) {
    .services-bg {
        width: auto;
        height: 352px;
        background-color: #F4F5F7;
    }
}

.titleColor {
    color: #212121;
}

.cpe-tracking-compl {
    height: 70px;
    width: 190px;
    opacity: 0.99;
    color: #212121;
    font-family: Knowledge;
    font-size: 24px;
    font-weight: 300;
    line-height: 27px;
    text-align: center;
}

.our-services-container {
    cursor: pointer;
}

.our-services-img {
    vertical-align: middle;
}



.our-services-img-training {
    vertical-align: middle;
    padding-left: 5%;
}


.divMain .divSubMain .divUnlockYourCareerContent .unlock-trending-courses a:hover {
    color: #212121;
}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {

    .our-services-img-Center {
        vertical-align: middle;
        padding-left: 25%;
    }

    .our-services-link {
        padding-left: 40px;
    }

    #divOurServices {
        background-color: #F7F7F8;
        margin-left: 15px;
        padding-right: 15px;
    }

    .our-services-container {
        cursor: pointer;
        margin-left: 35px;
    }

    .our-services-center-aligned {
        margin-left: 75px;
    }

    .our-services-img {
        vertical-align: middle;
        padding-left: 25%;
    }

    .textalignedcenter {
        margin-left: 13px;
    }

    .child-center {
        vertical-align: middle;
    }

    .our-services-center-aligned {
        margin-left: 130px;
    }

    .lastImageCenterAligned {
        margin-left: 63px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {


    .our-services-img-Center {
        vertical-align: middle;
        padding-left: 25%;
    }


    .our-services-container {
        cursor: pointer;
        margin-left: 25px;
    }

    .our-services-link {
        padding-left: 0px;
    }

    .services-bg {
        width: 104%;
        background-color: #F4F5F7;
        padding-left: 30px;
    }

    .our-services-container {
        cursor: pointer;
    }

    .cpe-tracking-compl {
        height: 70px;
        width: 160px;
        opacity: 0.99;
        color: #212121;
        font-family: Knowledge;
        font-size: 22px;
        font-weight: 300;
        line-height: 27px;
    }

    .our-services-center-aligned {
        margin-left: 0px;
    }

    .lastImageCenterAligned {
        margin-left: 0px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .our-services-img {
        vertical-align: middle;
        padding-left: 32%;
    }

    .cpe-tracking-compl {
        height: 70px;
        width: 160px;
        opacity: 0.99;
        color: #212121;
        font-family: Knowledge;
        font-size: 24px;
        font-weight: 300;
        line-height: 27px;
        padding-left: 12px;
    }
}

@media (min-width:500px) and (max-width:736px) {
    .our-services-link {
        padding-left: 81px;
    }

    .our-services-img {
        vertical-align: middle;
        padding-left: 20%;
    }

    .cpe-tracking-compl {
        height: 70px;
        width: 100px;
        opacity: 0.99;
        color: #212121;
        font-family: Knowledge;
        font-size: 15px;
        font-weight: 300;
        line-height: 27px;
        margin-left: -5px;
    }

    .lastImageCenterAligned {
        margin-top: 10px;
        margin-left: 140px;
    }
}


.float-start {
    float: left !important;
}

#exploreOptions {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
}

    #exploreOptions h4 {
        font-size: 21px !important;
    }

    #exploreOptions div {
        border: 1px solid #dee2e6;
        padding: 1.5rem;
        margin: 0 15px 15px 15px
    }

.courseList {min-width: 325px}

.courseList ul {
    list-style: none;
    padding-left: 0
}

.courseList ul li {
    margin-bottom: 1.5rem !important;
}

.divPadding {
    padding-left: 4.75rem;
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}



#exploreOptions {
    display: flex;
    margin: 0 auto;
}


#exploreOptions a {
    font-weight: 400;
    font-family:  'IBM Plex Sans', Arial, Helvetica, sans-serif;
}

#exploreOptions div {
    max-width: 30.8% !important;
}

@media only screen and (max-width: 600px) {
    #exploreOptions div {
        max-width: 85% !important;
        margin-bottom: 5%;
    }

    #explorecourses h3 {
        margin: 0px;
    }
}


@media (min-width: 992px) {

    header a {
        line-height: 0.95rem !important;
    }
}

/*Ipad pro*/

@media only screen and (min-width:1200px) {

    #explorecourses h3 {
        padding-left: 4px;
    }
}


@media (max-width: 640px) {

    #exploreOptions {
        display: flex;
        margin: 0 -5px !important;
    }

    .exploreHeading {
        margin: auto -15px auto 25px;
    }
}