@media (max-width: 1350px) {
    .guarantee-cards {
        margin: auto;
    }
    /*course equivalency mobile*/
    .employer-list .dotts-lists li a,.employer-list .dotts-lists li{
        font-size: 11px;
    }
    /*end course equivalency*/
}

@media (max-width: 1280px) {
    /*default mobile*/
    .container {
        max-width: 980px;
    }
    /*end default*/
    /*tabs mobile*/
    .advantage-plan .col-row .package-item .advantage-img {
        right: 5px;
        max-width: 110px;
    }
    /*end tabs mobile*/
}

@media (max-width: 1290px) {
    /*tab mobile*/
    .tabs .tab-pane .line-draw.left-style-7 {
        right: -7px;
    }
    .tabs .left-image-content .col-left .content-img img {
        margin: 0 auto;
    }
    /*end tab mobile*/
}

@media (max-width: 1260px) {
    /***** Responsive Menu Start Here *****/
    .site-header .cl-right .trial-btn {
        margin-left: 20px;
    }

    .site-header .cl-right .search-row {
        margin-left: 15px;
    }
    /*end Responsive*/
}
@media only screen and (min-width:1200px) and (max-width:1440px) {
    /*header mobile*/
    .site-header .row-align {
        padding-left: 15px;
        padding-right: 15px;
    }
    /*end header mobile*/
}

@media (max-width: 1199px) {
    /*subscription plan*/
    .cart-view .add-to-cart-tooltip .tooltip-area:before {
        left: initial;
        right: 0;
    }
    .cart-view .add-to-cart-tooltip .tooltip-area:after {
        left: initial;
        right: -1px;
    }
    .cart-view .add-to-cart-tooltip .tooltip-area {
        -webkit-transform: translate3d(-90%, -15px, 0);
        transform: translate3d(-90%, -15px, 0);
    }
    .cart-view .add-to-cart-tooltip:hover .tooltip-area {
        -webkit-transform: translate3d(-90%, 0, 0);
        transform: translate3d(-90%, 0, 0);
    }
    /*end subscription plan*/

    /*right-img-and-content*/
    .right-image-content.engineering-degree-path .content-img {
        max-width: 360px;
    }
    /*end right-img-and-content*/ 

    /*Responsive menu mobile*/
    .site-header .cl-left .site-navigation .site-primary ul.list-inline,
    .live-chat,
    .info-number {
        display: none;
    }
    .site-header {
        padding: 10px 0px;
    }
    .site-header .row-align {
        padding-left: 10px;
        padding-right: 10px;
    }
    .site-header .cl-right .search-row {
        margin-right: 15px;
    }
    .offcanvas-collapse {
        position: fixed;
        top: 62px;
        /* Height of navbar */
        bottom: 0;
        left: 100%;
        width: 100%;
        padding: 0px 20px 20px 20px;
        margin-top: 0px;
        overflow-y: auto;
        visibility: hidden;
        background-color: var(--body-bg);
        -webkit-transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        z-index: 99999;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.09);
        box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.09);
        -webkit-box-shadow: 0 2px 24px rgba(0, 0, 0, 0.09);
        box-shadow: 0 2px 24px rgba(0, 0, 0, 0.09);
    }
    .offcanvas-collapse.open {
        visibility: visible;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .bottom-menu {
        position: relative;
        bottom: -10px;
    }
    .bottom-menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 5px;
    }
    .bottom-menu ul li {
        margin: 0 20px;
    }
    .bottom-menu ul li a {
        font-size: var(--fs13);
        position: relative;
    }
    .bottom-menu ul li a:after {
        content: '';
        position: absolute;
        background-color: #C9C9C9;
        width: 1px;
        height: 100%;
        bottom: 0;
        right: -20px;
    }
    .bottom-menu ul li:first-child {
        margin-left: 0;
    }
    .bottom-menu ul li:last-child a:after {
        display: none;
    }
    /*end responsive menu*/

    /*tab mobile*/
    .tabs .left-image-content .col-left .content-img img {
        max-width: 360px;
    }
    /*end tab mobile*/

    /*sl course cat*/
    .content-img-cards .cards-img-bg .line-draw.left-style-6 {
        left: -40px;
    }
    /*end course cat*/

    /*custom mobile*/
    .advantage-plan.style-two .col-row .package-item {
        padding: 30px 25px;
    }
    /*end custom mobile*/

    /*sl individual course mobile*/
    .ratings-table .rating-box {
        width: 110px;
    }
    /*end individual course mobile*/

    /*blog grid mobile*/
    .grid-box-row .grid-box-item .line-draw.left-style-7 {
        bottom: auto;
        top: 170px;
        right: 0;
    }
    .grid-box-row .grid-box-item .title-view .item-title a {
        font-size: var(--fs30);
        line-height: 34px;
    }
    /*end blog grid mobile*/
}

@media (max-width: 1024px) {

    /*default mobile*/
    .container {
        padding-right: 20px;
        padding-left: 20px;
    }
    /*end default*/

    /*tab mobile*/
    .tabs .left-image-content .col-left .content-img img {
        max-width: 345px;
    }
    .advantage-plan .col-row {
        margin: 0 auto;
    }
    .advantage-plan .col-row .package-item .advantage-img {
        max-width: 88px;
        top: -20px;
        right: -15px;
    }
    /*end tab mobile*/

    /*popup mobile*/
    .modal-content .cart-content {
        padding: 20px 15px;
    }
    /*end popup mobile*/
}

@media (max-width: 992px) {
    /*footer mobile*/
    .site-copyright .col-left-col,
    .site-copyright .col-right-col {
        width: 100%;
    }
    /*end footer mobile*/

    /*checkout mobile*/
    .card-boxs {
        padding: 30px 25px;
    }
    .card-boxs .data-table th:nth-child(2n) {
        width: 230px;
    }
    .card-boxs .buttons-set {
        margin-top: 20px;
    }
    /*end checkout mobile*/
}

@media (max-width: 991px) {
    /*default mobile*/
    .sub-top-head {
        font-size: var(--fs14);
    }
    /*end default mobile*/

    /*listing mobile*/
    .link-ic-listing li:before {
        top: 15px;
    }
    /*end listing mobile*/

    /*banner view*/
    .search-form .form-write input {
        padding: 0 10px;
    }
    /*end banner view*/

    /*partner view*/
    .partner-view .brand-view .col-row {
        margin-bottom: 30px;
    }
    /*end partner view*/

    /*Package mobile*/
    .package-ui.package-ui-style-two .card-shape-view .col-row {
        margin-bottom: calc(var(--bs-gutter-x) * .5);
        margin-top: 0;
    }
    .package-ui .card-shape-view {
        margin-top: 0;
        justify-content: center;
    }
    .package-ui .card-shape-view .col-row {
        margin-top: 66px;
    }
    /*end Package mobile*/

    /*right-img-and-content*/
    .right-image-content .content-img {
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }
    .right-image-content.engineering-degree-path .content-img {
        max-width: 400px;
        margin-bottom: 40px;
    }
    /*end right-img-and-content*/

    /*left img content mobile*/
    .left-image-content.left-right-colum .title-view {
        max-width: 100%;
    }
    .left-image-content.left-right-colum .content-img {
        margin-bottom: 60px;
    }    

    .courses-subscription .content-max {
        margin-bottom: 60px;
    }
    /*end left img content mobile*/

    /*testimonial mobile*/
    .testimonials .testimonial-item {
        margin-bottom: 50px;
    }

    .testimonials .testimonial-item:last-child {
        margin-bottom: 0;
    }
    /*end testimonial mobile*/

    /*footer mobile*/
    .site-footer .footer-listing-menu ul li {
        margin: 0 20px 0 0;
    }
    .site-footer .footer-listing-menu ul {
        -moz-justify-content: start;
        -ms-justify-content: start;
        -webkit-box-pack: start;
        justify-content: start;
        -ms-flex-pack: start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .site-footer .footer-logo {
        text-align: center;
        margin-bottom: 50px;
    }
    .site-footer .footer-list {
        margin-bottom: 50px;
    }
    .site-footer .bottom-sec .subscribe-row-form {
        -webkit-box-flex: 100%;
        -ms-flex: 100% 0 0px;
        flex: 100% 0 0;
        margin-left: 0;
    }
    .site-footer .bottom-sec .subscribe_form {
        max-width: 500px;
        margin-left: 0;
    }
    .site-footer .bottom-sec {
        margin-bottom: 50px;
    }
    .site-footer .bottom-sec .row-title {
        width: 100%;
        margin-bottom: 20px;
    }
    .site-footer .copyright ul {
        -moz-justify-content: start;
        -ms-justify-content: start;
        -webkit-box-pack: start;
        justify-content: start;
        -ms-flex-pack: start;
        margin-top: 20px;
    }
    .site-footer .site-copyright ul {
        -moz-justify-content: start;
        -ms-justify-content: start;
        -webkit-box-pack: start;
        justify-content: start;
        -ms-flex-pack: start;
        margin-top: 20px;
        padding-left: 0;
    }
    /*end site footer*/

    /*tab mobile*/
    .tabs .left-image-content .col-left .content-img {
        margin-bottom: 30px;
    }
    .tabs .left-image-content .col-left .content-img img {
        max-width: 390px;
        margin: 0 auto;
    }
    .tabs .left-image-content .col-right {
        padding-right: 0px;
    }
    .tabs .left-image-content .title-view {
        max-width: 100%;
    }
    .tabs .left-image-content .title-view h2 {
        margin-bottom: 12px;
    }
    .tabs .accordion .accordion-item .accordion-body {
        padding: 22px 0px;
    }
    .straighterline-partner .card-border-item {
        margin-bottom: 40px;
    }
    .straighterline-partner .col-right {
        text-align: center;
    }
    .straighterline-partner.style-2 .card-border-item {
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        margin-left: auto;
    }
    .straighterline-partner.style-2 .line-draw.vertically-middle-line {
        left: 0px;
    }
    .two-columns-resources-wrapp .col-left .content-img {
        max-width: 320px;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .two-columns-resources-wrapp .col-right .content-img {
        margin-top: 60px;
    }
    .full-view-img-sec .play-icon {
        width: 101px;
        height: 101px;
    }
    .two-columns-about-wrapp .content-img .play-icon {
        width: 101px;
        height: 101px;
    }
    .right-image-content.other-helful-resources-sec .content-img {
        margin-right: 0px;
        margin-bottom: 30px;
    }
    .right-image-content.other-helful-resources-sec .content-img img {
        max-width: 340px;
        margin: 0 auto;
    }
    .advantage-plan .col-row {
        margin: 0 auto;
        margin-top: 22px !important;
    }
    .advantage-plan .col-row .package-item {
        padding: 50px 25px;
    }
    /*end tab mobile*/

    /*popup mobile*/
    .modal-dialog {
        margin: 0 auto 0;
        padding: 60px 10px 30px;
    }
    .modal-body.popup-desing .popup-parts {
        -webkit-box-flex: 100%;
        -ms-flex: 100% 0 0px;
        flex: 100% 0 0;
        margin-bottom: 20px;
    }

    .modal-body.popup-desing .popup-parts:last-child {
        margin-bottom: 0;
    }
    .modal-body.popup-desing .membership-right {
        margin-top: 20px;
    }
    /*end popup mobile*/


    /* SL COurse Category */
    .credit-score .col-right {
        margin-bottom: 30px;
    }
    .card-shade {
        -webkit-box-flex: 33.33%;
        -ms-flex: 33.33% 0 0px;
        flex: 33.33% 0 0;
    }
    .course-listis-view {
        margin-bottom: 80px;
    }
    .content-img-cards {
        margin-bottom: 34px;
    }
    /*end sl course cat */

    /*counter block mobile*/
    .counter-block .counter-item {
        margin-bottom: 15px;
    }
    /*end counter block mobile*/

    /*sl individual cat mobile*/
    .course-syllabus .credit-content {
        text-align: left;
    }
    .course-syllabus .col-left {
        margin-bottom: 20px;
    }
    /*end sl individual cat mobile*/

    /*sl college mobile*/
    .accredited-school .col-left {
        margin-bottom: 90px;
    }
    /*end college mobile*/

    /*custom mobile*/
    .key-logos .content-img .bblink-logo {
        margin: 0 auto !important;
    }
    .team-block .content-img {
        margin-bottom: 30px;
    }
    .testimonials-layout .single-quote-row {
        margin-bottom: 40px;
        padding-bottom: 40px;
    }
    .box-shadow-grid .item-list {
        padding: 50px 25px;
    }
    .accordion-layout .accordion-item .accordion-header .accordion-button {
        font-size: var(--fs18);
    }
    .ct-style-two .col-right {
        margin-bottom: 60px;
    }
    .free-trial-into .col-right .col-block {
        margin-top: 40px;
    }
    .sp-md-pb-0 {
        padding-bottom: 0;
    }
    .static-detail-layout .primary-right-content ul li:before {
        top: 15px;
    }
    .sp-md-mt-15 {
        margin-top: 15px;
    }
    /*end custom mobile*/

    /*sl how it work*/
    .right-image-content.earning-collage-credit .content-img {
        margin-left: 0px;
        margin: 0 auto;
        width: 100%;
        display: block;
    }
    .right-image-content.earning-collage-credit .content-img .play-icon {
        width: 101px;
        height: 101px;
    }
    .right-image-content.earning-collage-credit .title br {
        display: none;
    }
    .left-image-content.guaranteed-credit-transfer .content-max {
        max-width: 100%;
    }
    .left-image-content.guaranteed-credit-transfer .content-img {
        max-width: 430px;
        margin: 0 auto;
    }
    .line-draw.left-style-18 {
        left: 0px;
    }
    /*end how it work*/

    /*sl individual course mobile*/
    .accounting-courses .no-professor-wrapper {
        margin-top: 10px;
    }
    .add-to-cart-card {
        margin-top: 25px;
    }
    .data-table th:nth-child(3),
    .data-table th:nth-child(odd) {
        display: none;
    }
    .data-table td:nth-child(3),
    .data-table td:nth-child(odd) {
        display: none;
    }
    .data-table.number-points th:nth-child(3),
    .data-table.number-points th:nth-child(odd),
    .data-table.number-points td:nth-child(3),
    .data-table.number-points td:nth-child(odd) {
        display: block;
    }
    .accordion-body .data-table th,
    .accordion-body .data-table td {
        font-size: var(--fs12);
        padding: 10px 5px;
    }
    .or-view {
        margin: 40px 0;
    }
    /*end individual course mobile*/

    /*cart view mobile*/
    .user-cart-view .page-title .cart-heads {
        -webkit-box-flex: 100%;
        -ms-flex: 100% 0 0px;
        flex: 100% 0 0;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .user-cart-view .page-title .checkout-types {
        -webkit-box-flex: 100%;
        -ms-flex: 100% 0 0px;
        flex: 100% 0 0;
    }
    .user-cart-view .cart .data-table tbody tr td {
        border-right: none;
    }

    .user-cart-view .cart .data-table tbody tr td:last-child {
        border-bottom: 0;
    }
    .user-cart-view .cart .cart-collaterals .discount-codes {
        -webkit-box-flex: 100%;
        -ms-flex: 100% 0 0px;
        flex: 100% 0 0;
    }
    .user-cart-view .cart .cart-collaterals .discount-codes .discount {
        max-width: 100%;
    }
    .user-cart-view .cart .cart-collaterals .grand-totals {
        -webkit-box-flex: 100%;
        -ms-flex: 100% 0 0px;
        flex: 100% 0 0;
    }
    .user-cart-view .cart .cart-collaterals .grand-totals table td {
        text-align: left;
        padding: 10px 0 10px;
    }
    .user-cart-view .cart .cart-collaterals .grand-totals table tfoot td {
        padding: 0 0 20px 0px;
    }
    .cart-table thead {
        display: none;
    }

    .cart-table col {
        display: none;
    }

    .cart-table tbody tr td {
        display: block;
        width: 100%;
        text-align: left;
        border: none;
        padding: 0;
        margin-bottom: 5px;
    }

    .cart-table tbody tr td:before {
        content: attr(data-title);
    }

    .cart-table tbody tr td:first-child {
        width: 100%;
        text-align: center;
        padding-right: 0;
        margin: 0;
    }

    .cart-table tbody tr td:first-child img {
        width: 100%;
    }

    .cart-table tbody tr td:nth-child(2n+1),
    .cart-table tbody tr td:nth-child(3) {
        display: block;
    }
    /*end cart view mobile*/

    /*checkout mobile*/
    .card-boxs .data-table th {
        font-size: var(--fs12);
    }

    .card-boxs .data-table th,
    .card-boxs .data-table td {
        padding: 5px;
        white-space: normal;
        line-height: normal;
    }

    .card-boxs .data-table th:nth-child(2n+1),
    .card-boxs .data-table td:nth-child(2n+1) {
        display: revert;
    }

    .card-boxs .data-table td .product-name {
        font-size: var(--fs14);
        line-height: normal;
    }
    .right-user.card-boxs {
        margin-top: 30px;
    }
    /*end checkout mobile*/

    /*blog grid mobile*/
    .grid-box-row .grid-box-item .line-draw.left-style-7 {
        bottom: 40px;
        right: 0;
    }
    .grid-box-row .grid-box-item .content-img {
        margin-bottom: 0;
    }
    .primary-sidebar {
        margin-top: 40px;
    }
    /*end blog grid mobile*/

    /*terms of use mobile*/
    .acco-lists-items ul li {
        -webkit-box-flex: 50%;
        -ms-flex: 50% 0 0px;
        flex: 50% 0 0;
    }
    /*end terms of use mobile*/

    /*employer mobile*/
    .employers-assistance .col-left {
        margin-bottom: 50px;
    }
    .nav-lists-data .narrow img {
        max-width: 100%;
    }
    /*end employer*/

    /*scholership mobile*/
    .two-columns-resources-wrapp .col-right .video-full-view .content-img {
        margin-top: 30px;
    }
    .chart-progress {
        margin-top: 40px;
    }
    /*end scholership*/

    /*course equivalency mobile*/
    .right-inner-addon {
        margin-bottom: 20px;
    }
    .equivalency-table .table{
        display: block;
        overflow-x: auto;
    }
    /*end course equivalency mobile*/

    /*account view mobile*/
    .acoounts-designs .col-left {
        margin-top: 50px;
    }
    /*end account view mobile*/
}

@media (max-width: 992px) and (max-width: 767px) {
    .card-boxs .data-table td .product-name {
        font-size: var(--fs12);
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .modal-dialog {
        max-width: 700px;
    }
}

@media (min-width: 991px) {
    .modal-lg {
        width: 900px;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 700px;
        max-width: 700px;
        margin: 50px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (max-width: 767px) {
    /*forms mobile*/
    .straigherline-form .input-group .selectize-control .selectize-input input {
        width: auto !important;
    }
    /*end forms mobile*/

    /*buttons mobile*/
    .site-btn.big-width {
        padding: 18px 43px;
    }
    /*end buttons mobile*/

    /*listing mobile*/
    .site-main ul li {
        padding: 0 0 0 21px;
        margin: 0px 0 17px 0;
    }
    .site-main ol li,
    ol.number-listing li {
        padding: 0 0 0 30px;
        margin: 0px 0 20px 0;
    }
    .site-main ol li::before,
    ol.number-listing li::before {
        left: 0;
        font-size: var(--fs18);
        line-height: 28px;
    }
    ol.number-listing li::before {
        top: -3px;
    }
    .sl_main ol li {
        padding: 0 0 0 25px;
        margin: 0px 0 20px 0;
    }
    .sl_main ol li::before {
        left: 0px;
        font-size: var(--fs18);
    }
    ul.cat-masthead-listing {
        grid-column-gap: 4px;
        grid-row-gap: 4px;
    }
    ul.cat-masthead-listing li a {
        font-size: var(--fs12);
        padding: 6px 12px;
    }
    /*end listing mobile*/

    /*header mobile*/
    .site-header .cl-left .site-navigation .site-primary ul.list-inline>li .sub-menu .left-side.sub-menu-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    .site-header .cl-left .site-logo {
        margin-right: 0;
    }
    /*end header mobile*/

    /*banner mobile*/
    .banner-front .cover-content {
        max-width: 100%;
        padding-right: 13px;
    }
    .banner-front .banner-front-image {
        position: absolute;
        top: 60px;
        right: 0;
        width: 455px;
        margin-right: -320px;
    }
    .banner-front .courses-form {
        margin-top: 30px;
    }
    .search-form {
        width: 344px;
    }
    .search-form.email-form {
        width: 100%;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
    }
    /*end banner mobile*/

    /*subscription plans*/
    .cart-view ul li .left-plans a {
        font-size: 23px;
        line-height: var(--lh24);
        margin: 0;
    }

    .cart-view ul li .left-plans span {
        font-size: var(--fs15);
        line-height: 23px;
    }
    .cart-view ul li .right-plans .start-rates .price-cart {
        line-height: 23px;
        font-size: var(--fs27);
    }
    .cart-view .add-to-cart-tooltip .tooltip-area:before {
        left: 0;
        right: 0;
    }
    .cart-view .add-to-cart-tooltip .tooltip-area:after {
        left: 0;
        right: 0;
    }
    .cart-view .add-to-cart-tooltip .tooltip-area {
        -webkit-transform: translate3d(-75%, -15px, 0);
        transform: translate3d(-75%, -15px, 0);
    }
    .cart-view .add-to-cart-tooltip:hover .tooltip-area {
        -webkit-transform: translate3d(-75%, 0, 0);
        transform: translate3d(-75%, 0, 0);
    }
     /*end subscription plans*/

    /*partner view*/
    .partner-view .partners-logo img {
        max-width: 100%;
    }
    .partner-view .content-btn {
        margin-top: 60px;
    }

    .partner-view .line-draw {
        display: none;
    }
    /*end partner view*/

    /*Package mobile*/
    .package-ui.package-ui-style-two .card-shape-view .col-row {
        margin-top: 10px;
    }
    .package-ui.package-ui-style-two .card-shape-view .col-row:first-child {
        margin-top: 0;
    }
    .package-ui.package-ui-style-two .card-shape-view .package-item .package-title {
        min-height: inherit;
    }
    .package-ui .card-shape-view .package-item {
        max-width: 100%;
        padding-top: 16px;
        padding-bottom: 20px;
        margin-left: 47px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .package-ui .card-shape-view .package-item::after {
        background-image: url(../../images/round-shape-mobile.png);
        right: 100%;
        left: inherit;
        top: 0;
        width: 48px;
        height: 121px;
    }
    .package-ui .card-shape-view .package-item .package-title {
        min-height: inherit;
        -webkit-line-clamp: inherit;
        overflow: inherit;
    }
    .package-ui .card-shape-view .package-item .package-title br {
        display: none;
    }
    .package-ui .card-shape-view .package-item .package-img {
        display: block;
        height: auto;
        margin-bottom: 20px;
    }
    .package-ui .card-shape-view .package-item .package-count {
        margin-bottom: 0;
        position: absolute;
        left: -30px;
        top: 32px;
        margin-top: 0;
    }
    .package-ui .card-shape-view .package-item .package-footer {
        position: inherit;
        bottom: 0;
    }
    .package-ui .card-shape-view {
        margin-top: 0;
    }

    .package-ui .card-shape-view .col-row {
        margin-top: 0;
    }
    /*end Package mobile*/

    /*left img content mobile*/
    .left-image-content.left-right-colum .content-img {
        max-width: 340px;
        margin: 0 auto 60px;
    }   
    .courses-subscription {
        padding-top: 60px;
    }
    .courses-subscription .content-max {
        max-width: 100%;
    }
    .courses-subscription .content-max .detials-content {
        max-width: 320px;
    }
    .courses-subscription .content-max .content-btn {
        text-align: center;
    }
     /*end left img content mobile*/

    /*testimonial mobile*/
    .testimonials .testimonial-item .testimonial-text {
        max-width: 270px;
    }
    .testimonials .testimonials-content {
        max-width: 270px;
    }
    /*end testimonial mobile*/

    /*footer mobile*/
    .site-footer .bottom-sec .subscribe_form {
        max-width: 325px;
        margin-left: 0;
    }
    .site-footer .copyright p {
        text-align: center;
    }
    .site-footer .copyright ul {
        -moz-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-pack: center;
    }
    .site-footer .site-copyright p {
        text-align: center;
    }
    .site-footer .site-copyright ul {
        -moz-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-pack: center;
    }
    #bottom_contact_form h2 {
        font-size: 32px;
        line-height: 34px;
    }
    /*end footer mobile*/

    /*tabs mobile*/
    .advantage-plan .title-view {
        margin-left: 0px;
    }
    .advantage-plan .content-detail .content-btn {
        margin-top: 25px;
    }
    /*end tabs mobile*/

    /*popup mobile*/
    .modal-content .cart-content {
        padding: 20px 5px;
    }
    .modal-content .cart-content .cart-includes-checkout .includes.hidden-xs {
        display: none;
    }
    .modal-content .reminder-message {
        margin-top: 10px;
        padding: 10px 89px 10px 15px;
    }
    .cart-options {
        margin-top: 10px;
    }
    /*end popup mobile*/

    /*sl course cat mobile*/
    .card-shade {
        -webkit-box-flex: 50%;
        -ms-flex: 50% 0 0px;
        flex: 50% 0 0;
    }
    .course-listis-view {
        margin-bottom: 50px;
    }
    .content-img-cards .cards-img-bg {
        height: 142px;
    }
    .content-img-cards .cards-img-bg .line-draw.left-style-6 {
        left: -27px;
        top: 10px;
    }
    .content-img-cards .cards-content-space {
        padding: 30px 15px;
    }
    .listing-content .content-btn-click .course-btn {
        padding-right: 0;
    }
    /*end course cat mobile*/

    /*sl individual cat mobile*/
    .course-syllabus .title-view {
        line-height: 36px;
        margin: 0 0 10px;
    }
    .course-syllabus .line-draw.left-style-7 {
        right: -46px;
    }
    /*end individual cat mobile*/

    /*sl college mobile*/
    .accredited-school {
        margin-top: 30px;
    }
    .guarantee-cards .guarantee-img {
        margin: -62px 0 0;
    }
    .guarantee-cards .guarantee-title {
        margin: 20px 0 5px;
    }
    .text-number-cards.text-number-cards-mobile {
        padding: 25px 20px 60px 20px;
    }

    .text-number-cards.text-number-cards-mobile .percentage-content {
        -webkit-box-flex: 100%;
        -ms-flex: 100% 0 0px;
        flex: 100% 0 0;
        font-size: 25px;
    }

    .text-number-cards.text-number-cards-mobile .percentage-count {
        -webkit-box-flex: 100%;
        -ms-flex: 100% 0 0px;
        flex: 100% 0 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .college-scholarship-clicks .two-btns {
        margin-top: 10px;
    }

    .college-scholarship-clicks .two-btns .map-button {
        display: none !important;
    }
    .college-scholarship-clicks {
        margin-bottom: 20px;
    }
    .college-scholarship-cards .college-scholarship-cards-listis {
        height: 650px;
    }
    .college-scholarship-cards .card-all-view {
        margin-top: 20px;
    }
    .border-cards {
        height: auto;
        padding: 0;
    }
    .border-cards .border-cards-titles {
        padding: 10px 15px 5px 12px;
    }
    .border-cards .border-cards-titles a {
        max-width: 100%;
    }
    .border-cards .brand-logo {
        display: block;
        margin: 30px 0 25px;
        height: inherit;
    }
    .border-cards .border-btns {
        position: inherit;
    }
    .border-cards .border-btns span a {
        padding: 8px 0;
    }
    .lists-partner .lists-partner-click .course-head {
        padding-left: 20px;
        line-height: normal;
    }
    .search-close-ic {
        margin-bottom: 20px;
    }
    /*end college mobile*/

    /*custom mobile*/
    .left-image-content.left-right-colum .content-img.sm-small-spacing {
        margin-bottom: 30px;
    }
    .single-quote .profile-img {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .single-quote .profile-img img {
        width: 90px;
        height: 90px;
    }
    .single-quote .profile-desc {
        width: 100%;
    }
    .column-two li {
        max-width: 100%;
        grid-column-gap: 0px;
    }
    .resource-content-section {
        margin-bottom: 40px;
    }
    .advantage-plan.style-two .col-row .package-item {
        padding: 25px 15px;
    }
    .table-blocks .header th {
        font-size: var(--fs16);
        line-height: 20px;
    }
    .table-blocks tbody tr td {
        font-size: var(--fs14);
        line-height: 18px;
    }
    .static-detail-layout .post-skips-list .post-skip {
        font-size: var(--fs14);
        line-height: 16px;
    }
    .static-detail-layout .post-info-footer .category-links ul {
        width: 100%;
        -webkit-box-flex: 100%;
        -ms-flex: 100% 0 0px;
        flex: 100% 0 0;
    }
    .static-detail-layout .primary-right-content ol li {
        padding: 0 0 0 30px;
        margin: 0px 0 20px 0;
    }
    .partner-list-remove ol li:before {
        top: -2px !important;
        left: 10px;
        font-size: var(--fs12);
    }
    /*end custom mobile*/

    /*sl how it works*/
    .right-image-content.earning-collage-credit .content-img {
        max-width: 390px;
    }
    .right-image-content .line-draw.vertically-middle-line img {
        max-width: 412px;
    }    
    /*end how it works*/

    /*etextbook mobile*/
    .etextbooks-quote {
        padding: 20px;
    }
    .etextbooks-quote .item-desc {
        width: 100%;
        -webkit-box-flex: 100%;
        -ms-flex: 100% 0 0px;
        flex: 100% 0 0;
        margin: 20px 0 0 0;
    }
    /*end etextbook*/

    /*sl individual course mobile*/
    .ratings-table .rating-box {
        width: 120px;
    }
    .add-to-cart-card {
        padding: 35px 25px;
    }
    .cat-single-img {
        height: 169px;
    }
    .tab-reviews .tab-head .tab-ratings {
        margin-top: 10px;
    }
    /*end individual course mobile*/

    /*checkout mobile*/
    .card-boxs .data-table thead tr td,
    .card-boxs .data-table thead tr th {
        white-space: normal;
        padding: 5px;
        font-size: var(--fs10);
    }
    .card-boxs .data-table tbody td {
        padding: 5px;
        font-size: var(--fs10);
    }
    .card-boxs .data-table tfoot td {
        padding: 5px;
        font-size: var(--fs10);
    }
    .card-boxs .data-table .sub-table {
        font-size: var(--fs12);
    }
    .card-boxs .data-table th:nth-child(2n) {
        width: 95px;
    }
    .promo-codes .input-box {
        -webkit-box-flex: 100%;
        -ms-flex: 100% 0 0px;
        flex: 100% 0 0;
    }
    .promo-codes .buttons-set {
        -webkit-box-flex: 100%;
        -ms-flex: 100% 0 0px;
        flex: 100% 0 0;
        margin-top: 10px;
    }
    .promo-codes .buttons-set .site-btn {
        width: 100%;
    }
    /*end checkout mobile*/

    /*blog grid mobile*/
    .post-info-date .category-links ul {
        width: 100%;
        -webkit-box-flex: 100%;
        -ms-flex: 100% 0 0px;
        flex: 100% 0 0;
    }
    .grid-box-row .grid-box-item .line-draw.left-style-6 {
        left: 0;
    }
    .grid-box-row .grid-box-item .line-draw.left-style-7 {
        bottom: 60px;
        right: 0;
    }
    .grid-box-row .grid-box-item .title-view .item-title a {
        font-size: var(--fs30);
        line-height: 34px;
    }
    .grid-box-row .grid-box-item .content-img {
        padding-right: 0;
        margin: 0 auto 30px;
    }
    .pagination-row .pages .pagination-title {
        display: block;
        width: 100%;
        margin: 0 0 10px 0;
    }
    .pagination-row .pages ol li {
        padding: 3px;
        width: 30px;
        height: 30px;
        line-height: 25px;
        margin: 0 2px;
        font-size: var(--fs15);
    }
    ul#wp-full-archive-list ul.yeargroup {
        width: 100%;
    }
    /*end blog gride*/

    /*terms of use mobile*/
    .acco-lists-items ul li {
        -webkit-box-flex: 100%;
        -ms-flex: 100% 0 0px;
        flex: 100% 0 0;
    }
    .contact-us .social-wrapper ul li{
        padding: 0 8px 0px 0px;
    }
    .contact-us .social-wrapper ul li a{
        width: 40px;
        height: 40px;
    }
    .contact-us .social-wrapper ul li a em{
        font-size: 15px;
    }
    .nav-lists-data {
        padding: 35px 25px;
    }
    /*end terms of use mobile*/

    /*employer use mobile*/
    .nav-lists-data .narrow {
        max-width: 200px;
        margin: 0 auto 20px;
        text-align: center;
    }
    /*end employer use mobile*/

    /*scholership mobile*/
    .partner-list-remove ol li .link {
        font-size: 0;
    }
    .partner-list-remove ol li .link i {
        font-size: 18px;
    }
    .category-view .note-msg {
        margin-bottom: 60px;
    }
    /*end scholership mobile*/
}

@media (max-height: 700px) {
    /*course equivalency*/
    .cms-employers .employer-list .link-list .stuck {
        position: fixed;
        top: 60px;
    }
    /*end course equivalency*/
}
@media (max-height: 650px) {
    /*course equivalency*/
    .cms-employers .employer-list .link-list .stuck {
        position: fixed;
        top: 40px;
    }
    /*end course equivalency*/
}

@media (max-height: 620px) {
    /*course equivalency*/
    .cms-employers .employer-list .link-list .stuck {
        top: 20px;
    }
    /*end course equivalency*/
}

@media (max-width: 640px) {
    /*default mobile*/
    .sidebar-menus ul{
        border-bottom: none;
    }
    .sidebar-menus ul li {
        padding: 0;
        border-right: none;
        margin-right: 10px;
        line-height: normal;
        margin-bottom: 10px;
    }
    .sidebar-menus ul li a {
        background: var(--white);
        padding: 10px 16px;
        border-radius: 30px;
        font-size: var(--fs14);
        display: block;
        line-height: 16px;
        -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
        border: 1px solid #d5d5d5;
        color: var(--cod-grey);
    }
    .sidebar-menus ul li.active a{
        color: var(--jungle-green);
        border: 1px solid var(--jungle-green);
    }
    .sidebar-menus ul li a:hover{
        color: var(--jungle-green);
        border: 1px solid var(--jungle-green);
    }
    /*end default mobile*/
    /*custom css*/
    .pricing-calculator .col-left .calculator-table-row table tr {
        display: block;
        width: 100%;
    }
    .pricing-calculator .col-left .calculator-table-row table tr td {
        display: block;
        width: 100%;
    }
    .pricing-calculator .col-left .calculator-table-row table .calculator-month-input {
        border-bottom: 1px solid #CCC;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .pricing-calculator .col-left .calculator-table-row table .calculator-month-input td,
    .pricing-calculator .col-left .calculator-table-row table .calculator-course-input td {
        padding-bottom: 0px;
    }
    .pricing-calculator .col-left .calculator-table-row table .calculator-month-input .month-cost {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .pricing-calculator .col-left .calculator-table-row table .calculator-course-input .course-cost {
        margin-top: 5px;
    }
    .pricing-calculator .col-left .calculator-table-row table .calculator-course-input .ub-bld {
        margin-bottom: 5px;
    }
    .pricing-calculator .col-left .calculator-table-row table .calculator-course-input {
        margin-bottom: 30px;
    }
    .pricing-calculator .col-left .calculator-table-row table .month-cost,
    .pricing-calculator .col-left .calculator-table-row table .course-cost {
        padding-left: 0px;
    }
    .pricing-calculator .col-left .calculator-table-row table .total-cost-row td,
    .pricing-calculator .col-left .calculator-table-row table .average-cost-row td {
        /* padding-top: 0px; */
    }
    .pricing-calculator .col-left .calculator-table-row table .total-cost-row {
        margin-top: 20px;
    }
    .pricing-calculator .col-left .calculator-table-row table .total-text {
        padding-right: 0;
    }
    .pricing-calculator .col-left .calculator-table-row table .average-text {
        padding-right: 0;
    }
    .pricing-calculator .col-left .calculator-table-row table input {
        width: 100%;
    }
    .alignleft {
        float: none;
        display: block;
        width: 100%;
        margin: 0 0 20px 0;
    }
    .alignright {
        float: none;
        display: block;
        width: 100%;
        margin: 0 0 20px 0;
    }
    .aligncenter {
        float: none;
        display: block;
        width: 100%;
        margin: 0 0 20px 0;
    }
    /*end custom css*/
}

@media (max-width: 600px) {
    /*tab mobile*/
    .advantage-plan .col-row .package-item {
        padding: 50px 20px;
    }
    /*end tabs mobile*/

    /*custom mobile*/
    .box-shadow-grid .item-list {
        padding: 50px 20px;
    }
    /*end custom mobile*/

    /*course equivalency*/
    #course_details_modal .modal-header .title_wrapper,
    #course_details_modal .modal-header .title_wrapper {
        padding-left: 10px;
        padding-right: 10px;
        border-left: 0;
        text-align: center;
        margin-top: 10px;
    }

    #course_details_modal .modal-body .modal_course_details,
    #course_details_modal .modal-body .modal_course_details {
        border-right: none;
        padding-right: 0;
    }
    #course_details_modal.modal .modal-header .row {
      margin: 0 auto;
    }
    /*end course equivalancy*/
}

@media (max-width: 575px) {
    /*responsive menu mobile*/
    .site-header .site-btn.small-width {
        padding: 6px 8px;
        font-size: 13px;
    }
    .site-header .cl-right .cart-btn {
        margin-left: 10px;
    }
    .site-header .cl-right .trial-btn {
        margin-left: 10px;
    }
    .site-header .cl-right .search-row {
        margin-left: 5px;
        margin-right: 10px;
    }
    .site-header .cl-left .site-logo {
        margin-right: 0px;
    }
    .site-header .row-align {
        padding-left: 0;
        padding-right: 0;
    }
    .site-header .cl-left .site-logo a img {
        max-width: 100px;
        width: 100%;
    }
    .bottom-menu ul li a:after {
        right: -10px;
    }
    .bottom-menu ul li {
        margin: 0 10px;
    }
    .offcanvas-collapse {
        top: 52px;
    }
    .site-header .cl-right .login-btn {
        margin-left: 5px;
    }
    /*end responsive mobile*/
}

@media (max-width: 576px) {
    /*tab mobile*/
    .tabs .left-image-content .col-left .content-img img {
        max-width: 100%;
        margin: 0 auto;
    }
    /*end tab mobile*/
}

@media (max-width: 420px) {
    /*banner mobile*/
    .banner-front .cover-content {
        padding-right: 4px;
    }
    /*end banner mobile*/
}

@media (max-width: 414px) {
    /*right-img-and-content*/
    .right-image-content.engineering-degree-path .content-img {
        max-width: 100%;
        margin-bottom: 40px;
    }

    .right-image-content.engineering-degree-path .content-img img {
        width: 100%;
    }
    /*end right-img-and-content*/

    /*responsive menu mobile*/
    .site-header .cl-left .site-logo {
        margin-right: 0px;
    }
    .site-header .cl-right .trial-btn {
        margin-left: 0px;
        line-height: 0;
    }
    .site-header .cl-right .login-btn {
        margin-left: 5px;
    }
    .site-header .cl-right .cart-btn {
        margin-left: 5px;
        margin-right: 20px;
    }
    .site-header .cl-right .search-row {
        margin-left: 2px;
        margin-right: 5px;
        line-height: 0;
        font-size: 18px;
    }
    .site-header .cl-right .search-row form input.input-search {
        padding: 6px 100px 6px 10px;
    }
    /*end responsive mobile*/

    /*counter block mobile*/
    .counter-block .counter-item {
        max-width: 269px;
    }
    /*end counter block mobile*/
}

@media (max-width: 413px) {
    /*sl individual cat mobile*/
    .course-syllabus .two-btns .plus-membership {
        margin-left: 8px;
    }
    .course-syllabus .two-btns .plus-membership {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .course-syllabus .two-btns .site-btn {
        width: 100%;
        display: block;
        text-align: center;
    }
    /*end sl individual cat mobile*/
}

@media (max-width: 410px) {
    /*header mobile*/
    .site-header .cl-right .login-btn {
        margin-left: 5px;
    }
    .site-header .cl-right .search-row form .form-search {
        width: 100%;
    }
    /*end header mobile*/

    /*banner mobile*/
    .banner-front .banner-front-image {
        margin-right: -320px;
    }
    /*end banner mobile*/

    .chat-bubble-over-img {
        max-width: 150px;
        left: -37px;
        top: 60px;
    }

    /*login screen mobile*/
    .user-in-card {
        padding: 40px 25px;
    }
    .registered-users .user-continue .site-btn {
        width: 100%;
    }

    .registered-users .user-clicks {
        -webkit-box-flex: 100%;
        -ms-flex: 100% 0 0px;
        flex: 100% 0 0;
    }

    .registered-users .user-forgot {
        margin-top: 15px;
    }
    /*end login screen mobile*/
}

@media (max-width: 400px) {
    /*banner mobile*/
    .banner-front .cover-content {
        padding-right: 15px;
    }
    .search-form.email-form .form-write {
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        width: 160px;
    }
    .search-form.email-form button {
        padding: 0 20px;
    }
    /*end banner mobile*/

    /*responsive menu mobile*/
    .bottom-menu ul li a {
        font-size: 12px;
    }
    .site-header .cl-left .site-logo a img {
        max-width: 100px;
        width: 100%;
    }
    /*end responsive mobile*/

    /*sl course cat*/
    .listing-buttons .view-more-btn {
        margin-right: 20px;
    }
    .listing-buttons a.site-btn {
        padding: 10px 10px;
        font-size: var(--fs14);
    }

    .listing-buttons a.text-btn-link {
        font-size: var(--fs14);
    }
    /*end sl course cat*/

    /*sl individual course mobile*/
    .add-to-cart-card .add-to-cart-price .plans-membership {
        display: block;
    }
    /*end individual course mobile*/

    /*checkout mobile*/
    .card-boxs .data-table th,
    .card-boxs .data-table td {
        padding: 3px;
        white-space: normal;
        line-height: normal;
    }

    .card-boxs .data-table th:nth-child(2n+1),
    .card-boxs .data-table td:nth-child(2n+1) {
        display: revert;
    }
    /*end checkout mobile*/
}

@media (max-width: 380px) {
    /*header mobile*/
    .site-header .cl-right .search-row form {
        height: auto;
        padding: 20px 20px;
        width: 270px;
    }
    .site-header .cl-right .search-row form button[type="submit"] {
        position: inherit;
        width: 100% !important;
    }
    .site-header .cl-right .search-row form div#clear_search {
        right: 20px;
        top: 13px;
    }
    .site-header .cl-left .site-logo a img {
        max-width: 80px;
        width: 100%;
    }
    .site-header .site-btn.small-width {
        padding: 6px 10px;
        font-size: 12px;
    }
    .bottom-menu ul li a {
        font-size: 12px;
    }
    .site-header .cl-right .search-row form input.input-search {
        padding: 6px 10px 6px 10px;
        font-size: 14px;
        width: 100%;
    }
    .offcanvas-collapse {
        top: 48px;
    }
    /*end header mobile*/

    /*banner mobile*/
    .search-form .form-write span {
        padding: 0 10px;
    }
    .search-form .form-write input {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }
    .search-form .form-write {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0;
    }
    .search-form {
        width: 315px;
    }
    /*end banner mobile*/
}

@media (max-width: 360px) {
    .chat-bubble-over-img {
        max-width: 130px;
        left: -30px;
        top: 60px;
    }

    /*responsive menu mobile*/
    .site-header .cl-left .site-logo a img {
        max-width: 70px;
        width: 100%;
    }
    .site-header .site-btn.small-width {
        padding: 4px 5px;
        font-size: 10px;
    }
    .bottom-menu ul li a:after {
        right: -8px;
    }
    .bottom-menu ul li {
        margin: 0 8px;
    }
    .bottom-menu ul li a {
        font-size: 11px;
    }
    /*end responsive menu mobile*/

    /*tabs mobile*/
    .advantage-plan .col-row .package-item {
        padding: 50px 15px;
    }
    .advantage-plan .col-row .package-item .advantage-img {
        max-width: 68px;
    }
    /*end tabs mobile*/

    /*custom mobile*/
    .box-shadow-grid .item-list {
        padding: 50px 15px;
    }
    /*end custom mobile*/
}

@media (max-width: 358px) {
    /*checkout mobile*/
    .card-boxs {
        padding: 30px 15px;
    }
    /*end checkout mobile*/
}

@media (max-width: 350px) {
    /*default mobile*/
    .line-draw.style-three-mobile img {
      max-width: 580px;
    }
    /*end default mobile*/

    /*banner mobile*/
    .search-form button {
        padding: 0 18px;
    }
    .search-form {
        width: 260px;
    }
    .search-form.email-form .form-write {
        -webkit-box-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
        width: 140px;
    }
    .search-form.email-form button {
        padding: 0 20px;
    }
    /*end mobile banner*/

    /*Package mobile*/
    .package-ui .card-shape-view .package-item .package-img img {
        max-width: 170px;
        max-height: 112px;
    }
    /*end Package mobile*/

    /*sl course cat mobile*/
    .card-shade .card-shade-bg {
        padding: 20px 10px;
    }
    .card-shade .card-shade-bg .category-name {
        font-size: var(--fs16);
    }
    .listing-buttons .view-more-btn {
        display: block;
        margin-bottom: 15px;
    }
    .listing-buttons a.site-btn {
        padding: 11px 20px;
        font-size: var(--fs14);
    }

    .listing-buttons a.text-btn-link {
        font-size: var(--fs14);
    }
    /*end sl course cat mobile*/
}

@media (max-width: 340px) {
    /*responsive menu mobile*/
    .bottom-menu ul li a {
        font-size: 10px;
    }
    /*end responsive mobile*/
}

@media (max-width: 330px) {
    .chat-bubble-over-img {
        max-width: 130px;
        left: -20px;
        top: 60px;
    }
}

@media (max-height: 560px) {
    .offcanvas-collapse ul.navbar-nav {
        height: 230px;
        overflow-y: auto;
        padding-right: 10px;
    }
}