/*-----------Responsive css by Sibankar----------*/
@media (min-width:991px) and (max-width:1300px) {
    .my-plans .list li {
        font-size: 14px;
    }
}
@media (min-width:992px) {
    .testimonial .item h2::before {
        left: -40px;
    }
    .card-text {
        height: 65px;
    }
    .card-title {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    input[name=SubPhoneNo]{
        margin-top: 44px;
    }
}

@media(min-width:1400px) {
    .card-text {
        height: 115px;
    }
    .blog-header-main,.blog_content ,.blog_footer{
        max-width: 1200px;
        margin: auto;
    }
}

@media(min-width:1800px) {
     .hero img {
        max-width: 590px;
    }

    .traning img {
        max-width: 550px;
        margin-right: auto;
    }

    .lorem img {
        max-width: 650px;
    }

    .courses img {
        max-width: 650px;
    }

    .creted_courses img {
        max-width: 700px;
    }

    .congrats img {
        max-width: 720px;
    }

    .footer-contact {
        max-width: 375px;
        margin: auto;
    }
}
@media(max-width:1599px) {
    .hero .h1_heading {
        line-height: 1.3;
        margin-bottom: 8px;
        font-size: 40px;
    }
}

@media (max-width: 1399px) {
    .blog-slide-sec {
        background: linear-gradient(#0E3553 75%, #FFFF 25%);
    }

    .cta .btn_1 {
        padding: 12px 32px;
    }

    .my-plans .btn_1 {
        align-items: center;
        justify-content: center;
    }

    .plan-value-section {
        min-height: auto;
        text-align: center;
    }

    .my-plans h4 {
        text-align: center;
        margin-bottom: 30px;
    }

    .lesson h3 {
        font-size: 46px;
    }

    .digital_learning figcaption .image_heading {
        min-height: 50px;
        margin-bottom: 40px;
    }

    .lorem .arrow {
        padding-left: 40px;
        margin-bottom: 30px;
    }

        .lorem .arrow::before {
            font-size: 45px;
            top: -15px;
        }

    .content-div li {
        margin-bottom: 36px;
    }

    .traning .sub_heading {
        position: relative;
        margin: 0 0 20px 25px;
    }

        .traning .sub_heading::before {
            position: absolute;
            content: "\f105";
            left: -40px;
            font-family: FontAwesome;
            color: #021F3A;
            font-weight: 900;
            font-size: 47px;
            top: -10px;
        }

    .free_trail .btn_2 {
        font-size: 14px;
        min-height: 50px;
        padding: 12px 14px;
    }

    header .nav-item {
        padding-right: 0;
    }

    header .navbar-brand {
        max-width: 250px;
    }
    .footer_logo{
        max-width: 85px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 7px;
        font-size: 13px;
        padding-left: 7px;
    }

    .header-demo-btn {
        margin-left: 10px;
        margin-right: 5px;
        padding: 0px !important;
        line-height: 1.2;
    }

    .navbar .header-demo-btn .btn_1 {
        line-height: 1.5;
        font-size: 13px;
        min-width: auto;
        min-height: auto;
        padding: 8px;
    }
}

@media (max-width: 1199px) {
    .blog_content p, .blog_content span {
        font-size: 15px;
    }

    .contact_us .title {
        font-size: 46px;
    }

    .accordion-body p {
        font-size: 15px;
    }

    .main-heading-style-one h2 {
        margin-bottom: 20px;
    }

    .blog-tab .card-title {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        min-height: auto;
    }

    .blog-tab .card-text {
        font-size: 15px;
    }

    .blog-slide-text h3 {
        font-size: 30px;
    }

    .footer_heading ul li a,
    .footer_heading ul li a p {
        font-size: 16px;
    }

    .cta .btn_1 {
        padding: 14px 40px;
    }

    .digital_learning figcaption .image_heading {
        min-height: 70px;
    }

    .digital_learning figcaption p {
        font-size: 26px;
    }

    .creted_courses h3 {
        font-size: 48px;
    }

    .lorem .sub_heading {
        font-size: 35px !important;
    }

    .lorem .col-lg-9.text-center.mx-auto.mb-lg-5.mb-3 {
        width: 100%;
    }

    .lorem h3:first-of-type {
        font-size: 48px;
    }

    .traning .col-lg-6 ul li p {
        font-size: 26px;
    }

    .free_trail button.btn_2 {
        font-size: 12px;
        padding: 10px 8px;
    }

    .traning .sub_heading {
        font-size: 31px;
    }

    section {
        padding: 100px 0;
    }

    .courses .col-lg-9.text-center.mx-auto.mb-lg-5.mb-3 {
        width: 100%;
    }
}

@media (max-width: 991px) {
 
    .accordion-body img:hover {
        transform: scale(1.1);
        border: 1px solid #021F3A;
        padding: 10px;
        margin-bottom: 12px;
        border-radius: 6px;
    }
    .faq-top-banner{
        padding: 30px 0;
    }
    .faq-top-banner .main-heading-style-one p {
        font-size: 18px;
    }
    .plan-selected_1 {
        border-bottom-left-radius: 8px; 
        border-top-left-radius: 8px; 
    }
    .navbar .navbar-nav .nav-item:last-of-type{
        border-bottom: none;
    }
    .tab-navigation {
       
        overflow: auto;
    }
    .blog-tab .tab-navigation ul {
    
        flex-wrap: nowrap;
        width: max-content;
    }
    .blog-slide-sec {
      
        overflow: hidden;
        padding-bottom: 60px;
    }
    .blog-tab {
        padding: 30px 0px 30px 0px;
    }
    .blog-slide img {
        border-top-right-radius: 0px;
        border-bottom-left-radius: 10px;
    }
    
    header .navbar-collapse {
        position: absolute;
        top: 68px !important;
        width: 100%;
        left: 0;
        background-color: #fff;
        z-index: 111111111111;
    }

    .mobile-cta {
        position: fixed;
        bottom: 0;
        width: 100%;
        display: flex;
        background: black;
        text-align: center;
        justify-content: center;
        border-top: 1px solid;
        z-index: 111;
    }

    #back-to-top {
        z-index: 999999999999;
    }

    .mobile-cta .btn_1 {
        font-size: 14;
        font-weight: 500;
        letter-spacing: .5px;
    }

    .header-demo-btn {
        display: none;
    }

    .nav-link {
        padding: 10px 25px;
    }

    .profile-dropdown {
        display: none;
    }

    header .nav-item {
        border-bottom: 1px solid #e6e6e6;
        width: 100%;
    }

    .section-title h1 {
        font-size: 30px;
    }

    .send_us_message {
        margin-top: 50px;
    }

    .contact_detail p {
        font-size: 16px;
    }

    .contact_us .title {
        font-size: 35px;
    }

    .main-heading-style-one h2 {
        font-size: 30px;
    }

    section.faq-first-section h2.accordion-header button {
        font-size: 16px;
    }

    .blog-tab i.fa.fa-angle-right {
        font-size: 15px;
    }

    .blog-slide-text p {
        font-size: 16px;
        color: #000;
        min-height: 58px;
    }

    .blog-slide-text h3 {
        font-size: 18px;
        color: #000;
        margin-bottom: 15px;
        /* min-height: 65px; */
    }

    .the_green {
        font-weight: 600 !important;
    }

    .feature-box-details {
        margin: 10px 0 15px;
    }

    .feature-box h4 {
        font-size: 18px;
    }

    .feature-heading h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

        .feature-heading h2::after {
            bottom: -13px;
        }

    .feature-top-banner .text-black {
        font-size: 20px;
    }

    .feature-top-banner h2 {
        font-size: 30px;
    }

    .main-heading-style-one p span a {
        font-size: 18px;
    }

    .footer-copyright {
        margin-bottom: 47px;
    }

    .footer {
        padding: 50px 0 50px;
    }

    .footer_heading span i {
        width: 20px;
    }

    .usefull_link {
        max-width: initial;
    }

    .cta .btn_1 {
        padding: 14px 32px;
        font-size: 18px;
    }

    h4.image_heading.text-white {
        font-size: 22px;
    }

    .btn_try_now {
        font-size: 18px;
        font-weight: 400;
        min-width: 200px;
        min-height: 47px;
        line-height: 30px;
        width: fit-content;
        /* margin-right: 0; */
    }

    .cta1 h4 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .my-plans .btn_1 {
        font-size: 18px;
        min-height: 47px;
        line-height: 30px;
        min-width: 200px;
    }

    .my-plans .list li {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .packages h5 {
        font-size: 14px;
    }

    .packages h6 {
        font-size: 16px;
    }

    .packages p {
        font-size: 16px;
    }

    .packages h1 {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .my-plans h4 {
        font-size: 20px;
    }

    .my-plans h3 {
        font-size: 25px;
    }

    .my-plans .packages {
        padding: 20px;
    }

    .testimonial .item .title {
        font-size: 16px;
        line-height: 1.7;
    }

    .lesson .content-div p {
        font-size: 16px;
    }

    .lesson h3 {
        font-size: 30px;
    }

    .congrats h4.image_heading {
        font-size: 18px;
        font-weight: 700;
        color: #000;
    }

    .digital_learning figcaption p {
        font-size: 16px;
    }

    .digital_learning figcaption .image_heading {
        min-height: auto;
        font-size: 24px;
    }

    .creted_courses h3 {
        font-size: 30px;
    }

    .courses ul li::before {
        left: 12px;
        top: 9px;
    }

    .courses ul li p,
    .creted_courses p,
    .lorem p,
    .traning p,
    .digital_learning p,
    .congrats p {
        font-size: 16px;
        line-height: 1.7;
    }

        .courses ul li p strong {
            font-size: 18px;
        }

    section.courses p {
        font-size: 16px;
    }

    .courses h3 {
        font-size: 30px;
    }

    .lorem .arrow::before {
        font-size: 28px;
        top: -12px;
        left: 12px;
    }

    .lorem .arrow {
        font-size: 16px;
    }

    .lorem .sub_heading {
        font-size: 21px !important;
    }

    .lorem p {
        font-size: 16px;
    }

    .traning .col-lg-6 ul li p {
        font-size: 16px;
    }

    .lorem h3:first-of-type {
        font-size: 30px;
    }

    section {
        padding: 50px 0;
    }

    .traning .sub_heading::before {
        left: -25px;
        font-size: 30px;
        top: -7px;
    }

    .traning .sub_heading {
        font-size: 21px;
    }

    .traning h3:first-of-type {
        font-size: 25px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 16px;
    }

    .hero img {
        margin-top: 30px;
    }

    .free_trail button.btn_2 {
        font-size: 15px;
        padding: 8px 8px;
        min-height: auto;
        position: absolute;
        top: 3px;
        right: 3px;
        border-radius: 8px;
    }

    .hero .position-relative {
        display: flex;
    }

        .hero .position-relative input {
            flex: 1;
            padding-right: 150px;
        }

    .hero {
        padding-top: 20px;
    }

    .courses ul li {
        padding-left: 25px;
    }
    .footer-contact {
        max-width: 100%;
        margin-right: auto;
    }
    .password-varification img {
        display: none;
    }
    .heading_img {
        height: auto;
    }

    .learning figure {
        margin-bottom: 40px;
    }

    .digital_learning .img_top {
        margin-bottom: 0px;
    }

    .digital_learning figcaption .image_heading {
        margin: 20px 0 10px;
    }
    .footer_heading {
        margin-bottom: 35px;
    }

        .footer_heading h3 {
            margin-bottom: 15px;
        }

        .footer_heading ul li:not(:last-of-type) {
            margin-bottom: 10px;
        }
    .blog-slide-text h3 {
        height: 46px;
    }
    .congrats .congrats_detail {
        margin-left: 0px;
    }
}

@media (max-width: 767px) {
    .send_us_message label {
        font-size: 16px;
    }

    .send_us_message .heading {
        font-size: 17px;
    }

    .contact_detail p {
        font-size: 20px;
    }

    .contact_us .title {
        margin-bottom: 5px;
    }

    .main-heading-style-one h2 {
        font-size: 27px;
    }

    .blog-tab .tab-navigation li a {
        font-size: 16px;
    }

    .feature-box a.mediaanchor img:first-child {
        max-height: initial;
    }

    .feature-top-banner h2 {
        font-size: 27px;
    }

    .cta .col-md-9 .image_heading {
        margin-bottom: 40px;
    }

    .cta .btn_1 {
        padding: 10px 20px;
        font-size: 16px;
        min-width: auto;
        min-height: auto;
        line-height: normal;
        font-weight: 400;
    }

    .btn_try_now {
        font-size: 16px;
        font-weight: 400;
        min-width: auto;
        min-height: auto;
        line-height: normal;
        margin: auto;
        font-weight: 500;
    }

    .my-plans .btn_1 {
        font-size: 17px;
        min-height: auto;
        line-height: normal;
        min-width: 140px;
    }

    .plan-value-section {
        min-height: auto;
    }

    .my-plans h4 {
        font-size: 20px;
        padding: 0;
    }

    .lesson .content-div p {
        font-size: 15px;
    }

    .lesson h3 {
        font-size: 27px;
    }

    .courses ul li p, .creted_courses p, .lorem p, .traning p, .digital_learning p, .congrats p {
        font-size: 15px;
    }

    .digital_learning figcaption .image_heading {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .digital_learning figcaption p {
        font-size: 15px;
    }

    .creted_courses h3 {
        font-size: 27px;
    }

    .courses ul li::before {
        left: 2px;
    }

    .courses h3 {
        font-size: 25px;
    }

    .lorem .arrow::before {
        top: -12px;
        left: 0;
    }

    .lorem .arrow {
        padding-left: 20px;
    }

    .lorem p {
        font-size: 15px;
    }

    .lorem h3:first-of-type {
        font-size: 25px;
    }

    .cta h2.title {
        font-size: 27px;
    }

    .traning .col-lg-6 ul li p {
        padding-left: 25px;
    }

    .traning .col-lg-6 ul li h3 {
        font-size: 21px;
        text-indent: 0;
    }

    section {
        padding: 35px 0;
    }

    .hero small {
        font-size: 14px;
    }

    .hero p {
        font-size: 17px;
    }

    .hero .h1_heading {
        font-size: 27px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 20px;
    }
}

@media (max-width: 575px) {
    .contact_us .title:last-of-type {
        margin-bottom: 40px;
    }

    .contact_us .title {
        font-size: 27px;
    }

    section.faq-first-section .accordion-body p {
        font-size: 11px;
    }

    .blog-tab .card-text {
        font-size: 11px;
    }

    .hero h1.h1_heading {
        font-size: 27px;
    }


    .lorem .arrow {
        padding-left: 40px;
    }

        .lorem .arrow::before {
            top: -10px;
            left: 2px;
        }

    .my-plans h3 {
        text-align: center;
    }
}


@media (max-width: 425px) {
    header .navbar-collapse {
        top: 60px !important;
    }

    .my-plans h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .lesson h3 {
        font-size: 25px;
    }

    .congrats .congrats_detail {
        margin-left: 25px;
    }

    .lorem .arrow {
        padding-left: 25px;
    }

    .lorem h3:first-of-type {
        margin-bottom: 20px;
    }

    .cta h2.title {
        font-size: 25px;
    }

    .traning .col-lg-6 ul li p {
        font-size: 15px;
    }

    .traning .col-lg-6 ul li h3 {
        font-size: 20px;
    }

    header {
        padding: 0px 0px;
    }

        header .navbar-brand {
            max-width: 200px;
        }
        .footer_logo{
            max-width: 200px;
        }

    .my-plans h3 {
        text-align: center;
    }

    .my-plans h4 {
        font-size: 18px;
    }

    .footer_heading h3 {
        font-size: 18px;
    }

    .footer_heading ul li a, .footer_heading ul li a p {
        font-size: 14px;
    }
}
@media (min-width:768px) and (max-width:991px){
    .footer .col-md-6:first-of-type{
        order:-1;
    }
    .footer .col-md-6:last-of-type {
        order: -1;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1799px) {
    .container {
        max-width: 90%;
    }
}

@media (min-width: 1800px) {
    .container {
        max-width: 1650px;
    }
}