@media (min-width: 1600px) {
    .container-fluid, .container-fluid.paid-banner {
        max-width: 1320px;
    }
    .container-fluid.paid-banner {
        padding-left: 20px;
    }
    #src-section .src-img:before {
        height: 34rem;
    }
    .crse-xtr-wrap {
        font-size: 18px;
    }
}

@media (max-width: 1599px) {
    p.course-desc {
        min-height: 250px;
        margin-bottom: 10px;
    }

    iframe.vimeo {
        width: 470px;
        height: 264px;
    }
    img.xart-img {
        visibility: hidden;
        width: 0;
        height: 0;
    }

}

@media (min-width: 1367px) {
    li.slider-card:hover .hidden-detail {
        transform: translateY(0px);
    }
}

@media (min-width: 1200px) {
    .crse-card {
        width: 46%;
        padding: 20px 30px 10px 30px;
        margin-bottom: 4%;
        margin-right: 4%;
    }
    .container-fluid.pr-217 {
        padding-left: 217px;
    }

    .mw-744 {
        max-width: 744px;
    }
}

@media (max-width: 1200px) {
    .article-banner .article-content {
        width: 60%;
    }
    .article-banner .recent-sec {
        width: 40%;
    }
    div#browse-cat {
        display: block;
    }
    ul.xcat-browse {
        padding: 20px 0;
        flex-wrap: wrap;
    }
    li.browse-item {
        margin: 4px;
    }
    img.red-batch {
        top: -10px;
        left: -12px;
        max-width: 90px;
    }
    p.course-desc {
        min-height: 280px;
        margin-bottom: 10px;
    }
    div.course-lessons {
        vertical-align: middle;
        padding: 0 0 32px 15px;
    }
    .dlfl-wr {
        justify-content: center;
    }
    .a-container2.fl-cl {
        margin-right: initial;
        margin: 10px 7px;
        width: 48%;
    }
    h2.syllabus-head {
        text-align: center;
    }
}

@media (min-width: 992px) {
    .courses-card-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        display: flex;
        flex-wrap: wrap;
        padding: 50px 0 15px;
    }
    .crse-card {
        width: 44%;
        padding: 20px 20px 10px 20px;
        margin-bottom: 4%;
        margin-right: 6%;
    }
    h3.course-head {
        font-size: 18px;
    }

    .navbar-collapse {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        display: flex !important;
        flex-basis: auto;
    }
    .padr-5 {
        padding: 0 6%;
    }
    .font-30 {
        font-size: 30px;
        line-height: 1.3;
    }
    .home-banner {
        padding-top: 100px;
    }
    #banner-accordion {
        justify-content: center;
    }
    section.banner.paid-courses {
        padding-top: 100px;
    }
    .navbar-toggler {
        display: none;
    }
    .navbar-nav {
        flex-direction: row;
    }
    .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .navbar-nav {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        align-items: center;
    }
    .art-2-mo {
        display: none;
    }
    #about-section .content-section {
        padding-right: 5%;
    }
    #about-section .about-img {
        margin: 0;
    }
    .width-50 {
        width: 50%;
    }
    .width-65 {
        width: 75%;
    }
    .width-35 {
        width: 35%;
    }
    .centered {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .hide-disk {
        display: none;
    }
    .hide-mo {
        display: block;
    }
    li.slider-card {
        width: 33.33%;
    }
    ul.card-container {
        min-height: 290px;
    }
    ul.card-container li {
        padding: 0 10px;
    }
    ul.card-container li.scard {
        position: absolute;
    }
    img.crs-batch {
        position: absolute;
        top: 10px;
        right: -22px;
        object-fit: cover;
        width: 150px;
    }
    #src-section .centered {
        align-items: initial;
    }
    .src-main-img img {
        position: absolute;
        top: 50%;
        left: 0%;
        max-width: 550px;
        transform: translateY(-50%);
    }
    #src-section .images-section {
        position: relative;
    }
    #src-section .src-main-img {
        padding: 0;
    }
    .src-content-wrapper {
        padding-right: 50px;
    }
    .src-img:before {
        content: "";
        width: 1500px;
        height: 35rem;
        background-color: var(--homegrey);
        position: absolute;
        top: 50%;
        left: 156px;
        transform: translateY(-50%);
        border-radius: 9px;
    }

    section.newsletter-wrapper {
        padding: 80px;
    }

    .newsletter-text {
        font-size: 36px;
        line-height: 48px;
        max-width: 382px;
    }

    .foot-bot-address {
        display: none;
    }

    .banner-wrapper {
        height: 90vh;
        min-height: 600px;
    }

    .banner-content input[type="email_address"],
    .newsletter-form input[type="email_address"],
    .banner-content input[type="email"],
    .newsletter-form input[type="email"] {
        width: 288px;
    }

    .banner-content input[type="submit"],
    .newsletter-form input[type="submit"] {
        width: 180px;
    }

    .brkk {
        display: block;
    }

    .navbar>.container-fluid,
    .navbar-brand img,
    nav.navbar {
        transition: all 450ms ease;
    }

    nav.navbar.small-nav .navbar>.container-fluid {
        height: 70px;
        box-shadow: 0 5px 5px #0000002e;
    }

    nav.navbar .navbar-brand img {
        width: 175px;
    }

    nav.navbar.small-nav .navbar-brand img {
        width: 90px;
    }

    nav.navbar.small-nav {
        box-shadow: 0 5px 5px #0000002e;
    }

    .dots-container-videos {
        display: none;
    }

    ul.carousel-content2.card-container li {
        padding: 0 18px;
    }

    span.arrow-left.nav-left2,
    span.arrow-right.nav-right2 {
        top: 55%;
    }

    .article-content {
        margin-top: 20px;
        margin-right: 20px;
    }
    .recent-sec {
        margin-right: 12px;
    }

    .video-wrap {
        margin-left: 36px;
    }

    .artcontent-section {
        margin-right: 36px;
    }

    .width-37 {
        width: 37%;
    }

    .width-33 {
        width: calc(33% - 20px);
    }

    .xpadl {
        padding-right: 20px;
    }

    section.xart-banner {
        padding-top: 200px;
    }

    ul.vslide {
        min-height: 356px;
    }

    section.courses-banner {
        padding-top: 129px;
    }

    .pbr-50 {
        padding-bottom: 50px;
    }

    .mtr-0 {
        margin-top: 0
    }

    h2.page-head {
        font-size: 60px;
        font-family: 'EudoxusSansBold';
        line-height: 80px;
        margin-top: 0px;
    }

    .font-48 {
        font-size: 48px;
        line-height: 60px;
        font-family: 'EudoxusSansBold';
    }

    .mrr-9 {
        margin-right: 9%;
    }

    .padd-cust {
        padding: 5% 0 5% 9%;
    }

    .prr-6 {
        padding-right: 6%;
    }

    .plr-6 {
        padding-left: 6%;
    }

    .font-26 {
        font-size: 26px;
        font-family: 'EudoxusSansBold';
        line-height: 140%;
        font-weight: 700;
    }
    body.page_credit_cart_error .thank-section.padr-5 {
        padding: 0 3% 0 0;
    }
    body.page_credit_cart_error .container-fluid.centered.about-inner-container {
        padding-left: 0;
        padding-right: 0;
    }
    a.bg-org.clr-white.x-inherit.bth {
        width: 200px;
        height: 74px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 40px;
    }
}

/*992e min*/
@media (max-width: 991px) {
    section.articles-banner {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    section#arc-section {
        padding-bottom: 20px;
    }
    ul.vslide {
        min-height: 650px;
    }
    .video-wrap img, .carousel-content3 .video-wrap img {
        width: 600px;
    }

    .centered-img {
        display: flex;
        justify-content: center; /* Centers the item horizontally */
        align-items: center;     /* Centers the item vertically */
    }
    .centered-img img {
        width: 60%;
        margin: 50px 0;
    }

    img.sketch-diagram {
        width: 600px;
    }

    .syllabus-container-header {
        margin-bottom: 40px;
    }
    .syllabus-container-header img {
        margin-bottom: 5px;
        min-width: 100px;
    }
    .syllabus-container-header img.gne {
        margin-bottom: 5px;
        min-width: 50px;
    }
    .syllabus-container-header img.netmiko {
        width: 20%;
        border: 1px solid #000000;
    }
    .syllabus-container-header img.pyauto {
        width: 20%;
        border: 1px solid #000000;
        padding: 12px;
    }
    .syllabus-container-header img.ansible {
        width: 30%;
        border: 1px solid #1D288C;
        padding: 12px;
    }
    .syllabus-container-header img.nornir {
        width: 10%;
    }

    p.syllabus-change {
        font-size: 22px;
        font-weight: 700;
        margin-top: 40px;
        margin-left: 0px;
        text-align: center;
    }

    .article-banner .article-content {
        width: 100%;
    }
    .article-banner .recent-sec {
        width: 100%;
    }
    img.xart-img {
        width: 192px;
        height: 192px;
        visibility: visible;
    }

    iframe.vimeo {
        width: 470px;
        height: 264px;
    }

    h2.about-head {
        margin: 0;
        padding: 0;
    }
    .pack-section {
        margin-bottom: 40px;
    }
    .about-us .about-img img {
        display: block;
        margin: 80px auto 20px auto;
    }
    .partner-img img {
        width: 50%;
    }
    div.course-lessons {
        vertical-align: middle;
        padding: 0 0 32px 35px;
    }
    p.course-desc {
        min-height: 200px;
        margin-bottom: 35px;
    }

    main {
        padding-top: 80px;
    }

    .article-content, .package-content {
        margin-bottom: 50px;
    }

    .xhal-banner {
        width: 70%;
        display: block;
    }

    .centered-mo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        display: flex;
        align-items: center;
    }

    nav.navbar {
        box-shadow: 0 5px 5px #0000002e;
        position: relative;
    }

    .navbar-brand.logo img {
        max-width: 80px;
    }

    .about-us section:not(:first-child) {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .prm-15 {
        padding-right: 15%;
    }
    a.paid-courses-btn.x-inherit {
        width: 100%;
    }
    img.paid-courses-img-bg {
        right: 0;
        top: -82.2px;
    }
    .package_card {
        margin-left: auto;
        margin-right: auto;
    }
    .course-button {
        width: 57%;
    }
    .course-lessons {
        width: 40%;
    }
    .course-price {
        visibility: hidden;
        width: 0%;
    }
    button.navbar-toggler {
        all: initial;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
        padding: 10px;
        cursor: pointer;
    }
    .more-art-2 .browse-wrap {
        display: none;
    }

    span.navbar-toggler-icon {
        width: 35px;
        height: 2px;
        display: block;
        border-radius: 3px;
    }

    .col-rev-mo {
        display: flex;
        flex-direction: column-reverse;
    }

    h2.page-head {
        font-size: 32px;
        line-height: 40px;
        font-family: 'EudoxusSansBold';
        padding-bottom: 30px;
    }

    h3.font-48 {
        font-size: 26px;
        line-height: 32px;
        font-family: 'EudoxusSansBold';
    }
     body.page_credit_cart_error   h3.font-48 {
        font-size: 32px;
        line-height: 41.6px;
/*        font-family: 'EudoxusSansBold';*/
        text-align: center;
    }
         body.page_credit_cart_error p.art-para {
            font-size: 14px;
            line-height: 21px;
            text-align: center;
         }

    span.navbar-toggler-icon.bg-white {
        background-color: var(--white);
    }

    .navbar-toggler .navbar-toggler-icon:nth-child(1) {
        -webkit-animation: outT 0.8s backwards;
        animation: outT 0.8s backwards;
        -webkit-animation-direction: reverse;
        animation-direction: reverse;
    }

    .navbar-toggler .navbar-toggler-icon:nth-child(2) {
        margin: 7px 0;
        -webkit-animation: outM 0.8s backwards;
        animation: outM 0.8s backwards;
        -webkit-animation-direction: reverse;
        animation-direction: reverse;
    }

    .navbar-toggler .navbar-toggler-icon:nth-child(3) {
        -webkit-animation: outBtm 0.8s backwards;
        animation: outBtm 0.8s backwards;
        -webkit-animation-direction: reverse;
        animation-direction: reverse;
    }

    .navbar-toggler.toggled .navbar-toggler-icon:nth-child(1) {
        -webkit-animation: inT 0.8s forwards;
        animation: inT 0.8s forwards;
    }

    .navbar-toggler.toggled .navbar-toggler-icon:nth-child(2) {
        -webkit-animation: inM 0.8s forwards;
        animation: inM 0.8s forwards;
    }

    .navbar-toggler.toggled .navbar-toggler-icon:nth-child(3) {
        -webkit-animation: inBtm 0.8s forwards;
        animation: inBtm 0.8s forwards;
    }
    img.red-batch {
        top: -12px;
        left: -7px;
        max-width: 82px;
    }
    span.discount-tag {
        top: 12px;
        left: -9px;
    }

    .container-fluid.pr-217 {
        width: 90%;
    }

    .newsletter-form-wrap .dlfl {
        display: block !important;
    }
    .crse-card {
        padding: 15px 15px 10px 15px;
        margin-bottom: 90px;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .courses-card-wrap > div.crse-card:last-child {
        margin-bottom: 40px;
    }
    
    span.course-date {
        font-size: 12px;
        right: -10px;
        top: 18px;
    }

    @-webkit-keyframes inM {
        50% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(45deg);
        }
    }

    @keyframes inM {
        50% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(45deg);
        }
    }

    @-webkit-keyframes outM {
        50% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(45deg);
        }
    }

    @keyframes outM {
        50% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(45deg);
        }
    }

    @-webkit-keyframes inT {
        0% {
            -webkit-transform: translateY(0px) rotate(0deg);
        }

        50% {
            -webkit-transform: translateY(9px) rotate(0deg);
        }

        100% {
            -webkit-transform: translateY(9px) rotate(135deg);
        }
    }

    @keyframes inT {
        0% {
            transform: translateY(0px) rotate(0deg);
        }

        50% {
            transform: translateY(9px) rotate(0deg);
        }

        100% {
            transform: translateY(9px) rotate(135deg);
        }
    }

    @-webkit-keyframes outT {
        0% {
            -webkit-transform: translateY(0px) rotate(0deg);
        }

        50% {
            -webkit-transform: translateY(9px) rotate(0deg);
        }

        100% {
            -webkit-transform: translateY(9px) rotate(135deg);
        }
    }

    @keyframes outT {
        0% {
            transform: translateY(0px) rotate(0deg);
        }

        50% {
            transform: translateY(9px) rotate(0deg);
        }

        100% {
            transform: translateY(9px) rotate(135deg);
        }
    }

    @-webkit-keyframes inBtm {
        0% {
            -webkit-transform: translateY(0px) rotate(0deg);
        }

        50% {
            -webkit-transform: translateY(-9px) rotate(0deg);
        }

        100% {
            -webkit-transform: translateY(-9px) rotate(135deg);
        }
    }

    @keyframes inBtm {
        0% {
            transform: translateY(0px) rotate(0deg);
        }

        50% {
            transform: translateY(-9px) rotate(0deg);
        }

        100% {
            transform: translateY(-9px) rotate(135deg);
        }
    }

    @-webkit-keyframes outBtm {
        0% {
            -webkit-transform: translateY(0px) rotate(0deg);
        }

        50% {
            -webkit-transform: translateY(-9px) rotate(0deg);
        }

        100% {
            -webkit-transform: translateY(-9px) rotate(135deg);
        }
    }

    @keyframes outBtm {
        0% {
            transform: translateY(0px) rotate(0deg);
        }

        50% {
            transform: translateY(-9px) rotate(0deg);
        }

        100% {
            transform: translateY(-9px) rotate(135deg);
        }
    }

    div#navbarSupportedContent {
        position: relative;
    }

    ul.navbar-nav {
        position: fixed;
        top: 80px;
        left: 50%;
        transform: translate(-50%, -100%);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        display: flex;
        flex-direction: column;
        background-color: #1d288ce6;
        z-index: -1;
        width: 102%;
        min-height: 100vh;
        padding: 0;
        padding-top: 20px;
        height: 500px;
        opacity: 0;
        transition: transform 350ms ease, opacity 350ms ease-in;
    }

    .foot-bot-address {
        display: none;
    }

    .toggle ul.navbar-nav {
        transform: translate(-50%, 0%);
        opacity: 1;
    }

    .toggle li.nav-item {
        opacity: 1;
        transform: translateY(0);
    }

    span.arrow-left.nav-left2,
    span.arrow-right.nav-right2 {
        top: 45%;
    }

    li.tst-card.slide2 {
        padding: 0 18px;
    }

    li.nav-item {
        list-style: none;
        margin: 0px auto;
        padding: 2px 10px;
        transition: opacity 500ms ease, transform 200ms ease;
        opacity: 0;
        transform: translateY(-5px);
    }

    .toggle li.nav-item:nth-child(1) {
        transition-delay: 150ms;
    }

    .toggle li.nav-item:nth-child(2) {
        transition-delay: 250ms;
    }

    .toggle li.nav-item:nth-child(3) {
        transition-delay: 350ms;
    }

    .toggle li.nav-item:nth-child(4) {
        transition-delay: 450ms;
    }

    .toggle li.nav-item:nth-child(5) {
        transition-delay: 550ms;
    }

    .toggle li.nav-item:nth-child(6) {
        transition-delay: 650ms;
    }

    .toggle li.nav-item:nth-child(7) {
        transition-delay: 750ms;
    }

    .toggle li.nav-item:nth-child(8) {
        transition-delay: 850ms;
    }

    .toggle li.nav-item:nth-child(9) {
        transition-delay: 950ms;
    }

    .nav-link {
        font-size: 16px;
        letter-spacing: 1px;
    }

    .banner-image-wrap,
    .banner-content {
        max-width: 500px;
        margin: auto;
    }

    .banner-content input[type="email_address"],
    .newsletter-form input[type="email_address"],
    .banner-content input[type="email"],
    .newsletter-form input[type="email"],
    .banner-content input[type="submit"],
    .newsletter-form input[type="submit"] {
        width: 100%;
        max-width: 485px;
        margin: 12px 0;
    }

    .banner-content p.learn-more {
        display: none;
    }

    .banner-image-wrap img {
        max-width: 500px;
    }

    .cta.hide {
        display: none;
    }

    #about-section .about-inner-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        display: flex;
        flex-direction: column-reverse;
    }

    .tacm {
        text-align: center;
    }

    .com-head {
        font-size: 32px;
        line-height: 40px;
        margin: 0;
    }

    .br-head.dlfl {
        align-items: flex-end;
    }

    .br-head.dlfl .com-head {
        padding: 0;
    }

    option {
        padding: 20px;
    }

    #about-section .family-title {
        margin: 0px 0px 12px;
    }

    span.arrow-left,
    span.arrow-right {
        right: 23px;
        top: 250px;
        z-index: 9;
        box-shadow: 2px 1px 4px #d9d9d9c7;
    }

    span.arrow-left:hover,
    span.arrow-right:hover {
        box-shadow: 3px 1px 5px #d9d9d9c7;
    }

    span.arrow-left {
        left: 23px;
    }

    img.crs-batch {
        position: absolute;
        object-fit: cover;
        top: 11px;
        right: -23px;
        width: 122px;
    }

    .crse-card::before {
        right: -11px;
        top: 21px;
        font-size: 12px;
    }

    .col1>.footer-logo-link img {
        width: 120px;
        padding-bottom: 22px;
    }

    .newsletter-form-wrap.centered-mo {
        justify-content: center;
        padding-bottom: 60px;
        position: relative;
    }

    .banner-content h1.title {
        font-size: 42px;
        line-height: 60px;
        margin-bottom: 1rem;
    }

    .banner-content p.tagline {
        margin-bottom: 2.38rem;
    }

    .clippy {
        height: 800px;
    }


    ul.card-container {
        flex-wrap: wrap;
        min-height: 290px;
    }
    ul.card-container.sale-cont.dlfl{
        flex-wrap: initial;
    }

    ul.card-container li {
        /*position: absolute;
        padding: 0 10px;*/
        width: 100%;
    }

    /*article*/
    .dc-992 {
        flex-direction: column;
    }

    .dc-992-rev {
        flex-direction: column-reverse;
    }

    img.xardt-img {
        width: 100%;
    }

    span.vnav-left,
    .vnav-right {
        top: 36% !important;
    }

    p.article-title {
        padding: 10px 0 0;
        font-size: 18px;
        line-height: 28px;
    }
    .cta.article-button {
        margin-top: 6px;
    }

    .cta.xgr a {
        margin-bottom: 30px;
    }

    ul.navbar-nav.balk {
        background-color: #000000eb;
    }

    .nav-link.xwhmo {
        color: #ffffff !important;
    }

    .newsletter-text {
        padding: 20px 0;
    }

    .container-fluid.banner-wrapper .join-special-message {
        padding-top: 30px;
    }

    .container-fluid.banner-wrapper div.cheers {
        padding-top: 40px;
    }

    .sale-banner {
        justify-content: space-around;
    }

    h3.sale-head.font-26, p.sale-prices {
        text-align: center;
    }
    .syllabus-page{
        font-size: 14px;
        line-height: 150%;
    }
    a.bg-org.clr-white.x-inherit.bth {
        width: 100%;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 40px;
    }

    ul.ul-testimonial-container {
        padding: 0;
    }
 
    ul.ul-testimonial-container li {
        display: list-item;
        max-width: 400px;
        list-style: none;
        margin-left: auto;
        margin-right: auto;
        vertical-align: top;
    }
    ul.card-container li.slider-card {
        max-width: 280px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }

    .banner-content p.unsubscribe {
        font-size: 14px;
        margin-top: 0px;
        margin-bottom: 40px;
    }

    .banner-content form {
        margin-bottom: .7rem;
        max-width: 400px;
    }
    a.paid-courses-btn {
        max-width: 250px;
    }
    .newsletter-form-wrap form {
        max-width: 400px;
    }
    .free-course-mobile {
        visibility: visible;
        width: auto;
    }
    .video-base .section-title {
        font-size: 32px;
        line-height: 1.2em;
        padding-bottom: 20px;
        margin: 0;
        text-align: left;
    }
    .video-base .card-wrap {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (min-width: 742px) {

    .slider-wrap {
        /*max-width: 90%;*/
    }

    .dlfld {
        display: flex;
    }

    .width-50d {
        width: 50%
    }
    li.tst-card {
        width: 33% !important;
        position: relative;
    }

    /*Video Base page*/
    section.video-series .card-left {
        padding-right: 12px;
    }

    section.video-series .card-right {
        padding-left: 12px;
    }
    img.faq-arrow-dn, .hide-tab, .show-details{
        display: none;
    }

}

@media (max-width: 741px) {
    ul.vslide {
        min-height: 560px;
    }
    .video-wrap img, .carousel-content3 .video-wrap img {
        width: 450px;
    }
    img.sketch-diagram {
        width: 400px;
    }
    .syllabus-container-header img.nornir {
        width: 12%;
    }
    .gne-row img.large-image {
        width: 70%;
    }
    .gne-row img.small-image {
        width: 0%;
        visibility: hidden;
        margin: 0;
    }

    .xhal-banner {
        width: 85%;
        display: block;
    }
    .course-price {
        width: 30%;
        visibility: visible;
    }

    .banner-content p.tagline img {
        display: none;
    }

    .art-image-wrapper {
        padding-top: 20px;
    }

    .article-head {
        padding-bottom: 10px;
    }

    h3.art-head {
        margin-top: 80px;
    }

    .auth-container, .auth-date {
        padding-top: 5px;
    }

    .pt-30 {
        padding-top: 10px;
    }

    .vnum {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .vnum.ximg {
        line-height: 43px;
    }

    .vnum img {
        width: 38px;
        padding-left: 2px;
        padding-bottom: 5px;
    }

    .banner-content input[type="submit"],
    .newsletter-form input[type="submit"] {
        margin: 0;
    }

    .a-container2.fl-cl {
        width: 100%;
        min-width: 280px;
        height: auto;
        padding-right: 55px;
    }
    ul.faq-list {
        max-height: 0;
        overflow: hidden;
        margin: 0;
        opacity: 0;
        transition: 300ms ease;
    }
    .active ul.faq-list {
        max-height: 500px;
        opacity: 1;
    }
    ul.faq-list li:last-child {
        padding-bottom: 2rem;
    }
    p.article-title {
        font-size: 18px;
        line-height: 21px;
    }

    .clippy {
        background-color: var(--blue);
        clip-path: ellipse(133% 60% at 50% 40%);
    }

    form.newsletter-form {
        flex-direction: column;
        width: 80%;
        margin: auto;
        align-items: center;
    }

    form.newsletter-form input[type="email_address"],
    form.newsletter-form input[type="email"],
    form.newsletter-form input[type="submit"] {
        width: 100%;
        margin: 0 0 30px;
    }

    section.newsletter-wrapper {
        background: #293392 url(../images/mobile-form-bg.png) no-repeat bottom center;
        background-size: cover;
    }

    .banner-content h1.title {
        font-size: 32px;
        line-height: 40px;
    }

    .banner-content form {
        margin-bottom: 15px;
    }

    .banner-content p.tagline {
        font-size: 14px;
    }

    section.footer-links-wrapper .img-des {
        display: none;
    }

    .col1.width-25 {
        border-bottom: 1px solid #ffffff20;
        margin-bottom: 40px;
    }

    .hr-separator {
        margin-top: 20px;
    }

    h3.head-footer {
        background: url(../images/chevron-left.svg) no-repeat center right;
        transition: all 250ms ease;
    }

    .footer-links {
        transition: all 350ms ease;
        transform-origin: top;
        height: 0px;
        padding-bottom: 15px;
        overflow: hidden;
        opacity: 0;
        letter-spacing: 0.5px;

    }

    .open h3.head-footer {
        color: var(--orange);
    }

    .open .footer-links {
        height: 124px;
        opacity: 1;
    }

    .open h3.head-footer {
        background: url(../images/chevron-down.svg) no-repeat center right;
    }

    .foot-bot-address {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        display: flex;
        justify-content: space-between;
        padding: 30px 0 10px;
    }

    .footer-bottom {
        flex-direction: column-reverse;
        align-items: center;
    }

    .social-links-wrap {
        padding-bottom: 30px;
    }

    .footer-bottom-content {
        text-align: center;
    }

    .links-wrapper .width-25 {
        width: 100%;
        overflow: hidden;
    }

    a.footer-logo-link {
        text-align: center;
    }

    span.arrow-left,
    span.arrow-right {
        right: 12px;
    }

    span.arrow-left {
        left: 12px;
    }

    a.footer-logo-link {
        margin: auto;
    }

    .video-base iframe.youtube {
        height: auto;
        width: auto;
    }

    section.xart-banner.video-base .art-image-wrapper .link-initial {
        font-size: 15px;
    }

    section.browse-container.more-art.video-series.video-base {
        padding-top: 30px;
        margin-top: 0
    }

    section.browse-container.more-art.video-series.video-base p.xpython {
        margin: 0;
        padding-top: 0;
    }

    section.video-series.video-base .card-wrap {
        width: 100%;
    }

    .video-base .art-image-wrapper h3.art-head {
        margin-bottom: 0;
    }

    section.video-series.video-base .card-wrap:nth-child(even) {
        margin-top: 30px;
    }

    section.video-series.video-base .card-wrap iframe {
        margin-bottom: 30px;
    }

    section.video-series.video-base h3 {
        margin-bottom: 20px
    }

    a.paid-courses-btn.x-inherit {
        display: block;
        text-align: center;
    }
    img.faq-arrow-dn {
        position: absolute;
        right: 24px;
        top: 50%;
        transition: all 500ms ease;
        transform: rotatex(0deg) translateY(-50%);
    }
    .active img.faq-arrow-dn {
        top: 26px;
        transform: rotatex(-180deg);
    }
    p.a-btn2.font-26 {
        font-size: 16px;
    }   
    ul.faq-list li {
        font-size: 14px;
    }

    .sale-banner {
        flex-direction: column;
    }
h3.sale-head.font-26 {
    font-size: 24px;
}
h2.sale-head {
    padding-bottom: 15px;
    text-align: center;
}
p.show-details {
    color: var(--orange);
    font-family: 'EudoxusSansMedium';
    cursor: pointer;
}
img.hide-mob {
    display: none;
}
.card-container{
    position: relative;
    max-width: 1100px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.slider{
    position: absolute;
    top: 0;
    transition: opacity 240ms ease-out, transform 500ms ease;
    opacity: 0;
    transform: scale(0.7);
}
.slider.active{
    opacity: 1;
    transform: scale(1);
}

.dots-contsiner{
    position: absolute;
    bottom: 0;  
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}       
.dot{
    width: 12px;
    height: 12px;
    background-color: #E1E1E1;
    border-radius: 50%;
    margin: 5px;
    border: 2px solid transparent;
    transition: all 350ms ease-in;
}
.dot.active{
    background-color: transparent;
    box-shadow:0 0 0 2px #FF7D54;
}
ul.card-container.sale-cont {
    min-height: 480px;
}
#testimonial-section .card-wrap{
    margin: 30px 4%;
}
}

@media (max-width: 600px) {
    .crse-card {
        max-width: unset;
        width: 86%;
    }
    .syllabus-container-header img.ansible {
        width: 50%;
    }

    .syllabus-container-header img.nornir {
        width: 15%;
    }

    .xhal-banner {
        width: 100%;
        display: block;
    }
    ul.vslide {
        min-height: 540px;
    }
    .video-wrap img, .carousel-content3 .video-wrap img {
        width: 350px;
    }

    .container-fluid.pr-217 {
        width: 100%;
    }
    img.paid-courses-img-bg {
        top: -37.2px;
    }
}

@media (max-width: 480px) {
    ul.vslide {
        min-height: 540px;
    }
    .video-wrap img, .carousel-content3 .video-wrap img {
        width: 80%;
    }
    section.articles-banner p.article-category {
        margin-top: 13px;
        margin-bottom: 13px;
    }
    section.articles-banner p.article-title {
        padding: 2px 0 0 0;
        margin: 0 0 7px;
    }
    section.articles-banner p.xart-small {
        margin: 4px 0 2px 0;
    }
    section.articles-banner p.summary-text {
    }
    section#arc-section h2.art-title {
        padding-bottom: 10px;
    }
    section#arc-section p.article-title {
        padding: 15px 0 0 0;
    }
    ul#article-list p.article-category {
        margin-top: 13px;
    }
    ul#article-list li.bro-card p.summary-text {
        padding-bottom: 8px;
    }
    p.summary-text {
        font-size: 15px;
        margin: 5px 0;
    }
    p.article-category {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    li.bro-card p.summary-text {
        margin-bottom: 0;
        margin-top: 0;
    }

    .course-header img {
        margin-right: 5px;
    }
    h2.sale-head {
        font-size: 22px;
        line-height: 1.2;
    }

    span.discount-tag {
        top: 11px;
        left: -10px;
    }
    .sale-card-wrapper, .has_three_packages .sale-card-wrapper {
        height: auto;
        padding-bottom: 130px;
        width: 80%;
        min-width: 240px;
    }
    div.course-benefits {
        padding-left: 5px;
        padding-right: 5px;
    }
    .syllabus-container-header img.ansible {
        width: 60%;
    }
    .syllabus-container-header img.nornir {
        width: 18%;
    }
    img.sketch-diagram {
        width: 280px;
    }
    .com-head {
        font-size: 26px;
        line-height: 1.15;
        margin: 0;
    }
    li.bro-card p.xart-small {
        margin-bottom: .6em;
        margin-top: .6em;
    }
    li.bro-card p.article-category {
        margin-bottom: 0;
    }
    .article-content {
        margin-bottom: 15px;
    }
    img.xart-img {
        visibility: hidden;
        width: 0;
        height: 0;
    }
    iframe.vimeo {
        width: 320px;
        height: 180px;
    }
    span.original-price, span.sale-price {
        font-size: 26px;
    }
    img.red-batch {
        top: -12px;
        left: -8px;
        max-width: 80px;
    }
    .crse-card {
        padding: 15px 30px 10px 30px;
    }
    img.crs-batch {
        right: -20px;
        width: 122px;
    }

    ul.vslide {
        min-height: 500px;
    }

    .xcart-rec {
        margin-top: 0;
        flex-direction: column;
        padding-bottom: 15px;

    }

    .xhal-data {
        padding-left: 0px;
    }

    .hide-480 {
        display: none;
    }

    p.xpython {
        padding: 13px 0 5px;
    }

    .crse-card::before {
        top: 17px;
        font-size: 11px;
    }

    #src-section span.width-25 {
        max-width: 30px;
        margin-right: 10%;
    }

    section.newsletter-wrapper {
        background-size: contain;
    }

    .clippy {
        height: 730px;
    }

    span.vnav-left,
    .vnav-right {
        top: 27% !important;
    }

    span.arrow-left.nav-left2,
    span.arrow-right.nav-right2 {
        top: 52%;
    }

    section#testimonial-section {
        padding-bottom: 0;
    }
    ul.card-container.sale-cont {
        min-height: 517px;
    }
    .course-button {
        width: 98%;
        font-size: 16px;
    }
    div.course-lessons {
        width: 0;
        padding: 0 0 32px 0;
        visibility: hidden;
    }
    .width-33 {
        width: calc(90% - 20px);
    }
    .original-price:after {
        right: -6px;
    }
}