@media screen and (max-width: 1440px) {
    .banner .container,
    .header .container,
    .container,
    .container-fluid {
        max-width: 1366px;
        width: 100%;
    }

    .banner {
        /* height: 570px; */
    }

    .section-title .title,.case-bx .case-text .title {
        font-size: 20px;
    }

    .section-title p {
        font-size: 16px
    }

    .about-text p,
    body p,
    .list li {
        font-size: 16px
    }

    .banner-text .title {
        font-size: 38px /*35px*/
    }

    /* .logo {
        width: 200px;
    }*/

    .about-text {
        padding-left: 20px;
    }
    .about-text.left{padding-left: 0; padding-right: 20px;}

    .section-title {
        margin-bottom: 35px
    }

    .header.sticky .navigation ul li:last-child a {
        /*padding: 12px 26px;*/ padding: 12px 17px;
    }

    .lms_bx{padding: 0 100px;}    





}

@media screen and (max-width: 1366px) {

    .banner .container,
    .header .container,
    .container,
    .container-fluid {
        max-width: 95%;
        width: 100%;
    }
    .lms_bx{padding: 0 50px;}
    .lms_title{font-size: 22px;}
    .round_title{font-size: 24px; line-height: 30px;}
}

@media screen and (max-width: 1280px) {


    .py-90 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
        .banner{padding-bottom: 70px !important;}
                .about-box-top-spacing {
                    padding-top: 30px;
                }

    .logo {
        width: 170px;
    }

    .banner .container,
    .header .container,
    .container-fluid,
    .container {
        max-width: 100%;
        width: 100%;
        padding: 0px 30px
    }


    .banner {
        /* height: 520px; */
    }
                .banner {
                    padding-bottom: 60px !important;
                }

    .banner .img-div {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }


    .banner-text .title {
        font-size: 32px;
        line-height: 1.2;
        margin-bottom: 20px;
    }
    .banner-text p{font-size: 18px;}

    .solution-sec .product-bx {
        padding: 30px 34px;
    }

    .about-bx .video-div,
    .leaning-bx .video-div {
        /* height: 400px; */
    }

    .advice-cont {
        padding: 50px 50px;
    }

    .footer-div .quick-links li a {
        margin-bottom: 22px;
    }

    .footer-div {
        padding-top: 60px;
    }

    .footer-logo {
        display: inline-block;
        width: 200px
    }

    .footer-logo img {
        width: 100%;
    }

    footer {

        padding: 50px 0px 60px 0px;

    }

    .footer-bottom {
        padding: 20px 0px;
    }

    .benefit-sec .img-bx {
        width: 70%
    }

    .usecase-bx .case-bx .case-img {
        width: 300px;
        min-width: 300px;
        height: auto;
        aspect-ratio: 1.5;
    }
.pricing-bx { padding: 25px }
.lerner-list { grid-gap: 10px; }
    
    .product-bx .product-text .title{font-size: 18px;}

    .lms_title{font-size: 22px;}
    .why-icon.text{font-size: 30px;}
    .lms_number{font-size: 36px;}


}


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

    .navigation ul li:last-child a {
        padding: 11px 25px;
    }

    .banner-text p {
        font-size: 16px /*17px*/;
    }

    .section-title .title {
        font-size: 26px /*28px*/;
    }

    .py-90 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
        .about-box-top-spacing {
            padding-top: 30px;
        }

    .case-bx .case-img {
        height: 200px;
    }

    .why-bx {
        display: flex;
        padding: 15px 20px;
    }

    .why-sec.py-90 {
        padding-bottom: 50px;
    }

    .footer-logo {
        width: 130px;
    }

    .benefit-sec .benit-info .section-title .title {
        font-size: 22px;
    }

    .benefit-sec2 .benefit-bx-cont .section-title .title {
        font-size: 20px;
    }

    .benefit-sec2 .benefit-bx-cont {
        margin-top: 20px;
    }
    .benefit-bx .title { font-size: 22px; margin-bottom: 30px;}
        .about-text p, body p, .list li {
        font-size: 15px;
    }
    
    .banner-text .title{font-size: 30px; margin-bottom: 15px;}
    .solution-sec .product-bx {padding: 20px;}
    .solution-sec .product-bx .product-text p{height: 88px;}
    .advice-cont {padding: 40px 40px;}
    .feature-list li{font-size: 18px;}
    .benefit-bx ul li .title-grp{font-size: 18px;}


    .lms_bx{padding: 0;}
    .lms_bx_l{width: 40%;}
    .lms_bx_r{width: 60%;}
    .lms_title {font-size: 20px;}
    .lms_number {font-size: 34px;}
    .why-icon.text{font-size: 28px;}
    
    .solution_step_cont ul li{font-size: 16px; line-height: 22px;}
    .solution_new_title,.solution_title{font-size: 16px;}
    .solution_one_pic{padding: 10px;}
    .solution_step_cont ul li,.solution_one{min-height: 100px;}
    
    .round_title{font-size: 22px; line-height: 28px;}
    .white_bor{width: 350px; height: 350px;}
    .dark_gradient{width: 320px; height: 320px;}
    .title_bx_round{width: 290px; height: 290px;}
    .managment_sys ul li{padding-bottom: 10px;}

}

@media screen and (max-width: 991px) {
    .logo {
        width: 150px;
    }

    .navigation ul li:last-child a {
        padding: 9px 20px;
    }

    .navigation ul li {
        margin-left: 24px;
    }

    .banner-text .title {
        font-size: 26px;
    }

    .commn-btn {
        padding: 12px 25px
    }

    .banner {
        height: 430px;
        padding-top: 60px;
    }

    .section-title .title,.case-bx .case-text .title {
        font-size: 25px;
        margin-bottom: 10px
    }

    .product-bx .product-text .title {
        font-size: 18px;
    }

    .product-bx .product-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 15px
    }

    .about-text p,
    body p,
    .list li,.more_reposit {
        font-size: 15px;
    }

    .product-bx .product-text p {
        height: 40px;
    }

    .py-90 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .about-bx .video-div {
        margin-bottom: 30px;
    }

    .about-text {
        padding-left: 0px;
    }

    .pause-bt {
        background-size: 80px;
    }

    .section-title {
        margin-bottom: 22px;
    }

    .solution-sec .product-bx .product-text p {
        height: 60px;
    }

    .solution-sec .product-bx .product-icon img {
        width: 30px;
    }

    .product-bx .product-icon img {
        width: 55px;
    }

    .usecase-sec .row {
        row-gap: 30px;
    }

    .about-text .commn-btn {
        margin-top: 15px;
    }

    .leaning-bx .video-div {
        margin-top: 30px;
    }

    .why-bx {
        padding: 10px 0px;
    }

    /* .why-bx .why-text p {
        height: 65px;
    }*/

    .why-bx .why-icon img {
        width: 40px;
    }

    .why-sec.py-90 {
        padding-bottom: 30px;
    }

    .advice-cont {
        padding: 30px 30px;
    }

    .advice-cont .commn-btn {
        margin-top: 5px;
    }

    footer {
        padding: 40px 0px 40px 0px;
    }

    .footer-logo {
        width: 115px;
    }

    .footer-div {
        padding-top: 40px;
    }

    .copy-text {
        text-align: center;
    }

    .footer-bottom {
        padding: 10px 0px;
    }

    .footer-div .quick-links li a {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .footer-div .footer-title {
        margin-bottom: 20px;
    }

    /* .section-title .title {
        font-size: 22px;
    } */

    .header.sticky .navigation ul li:last-child a {
        padding: 10px 20px;
    }

    .banner .container,
    .header .container,
    .container,
    .container-fluid {
        max-width: 100%;
        width: 100%;
    }

    .banner-text p {
        margin-bottom: 20px;
    }

    .banner-text .title {
        margin-bottom: 15px;
        line-height: 1.2;
    }

    .navigation ul li a {
        font-size: 15px;
    }

    .navigation ul li {
        margin-left: 16px;
    }

    .product-bx .product-text span {
        font-size: 13px;
    }

    .about-text .commn-btn {
        margin-top: 5px;
    }

    .in-banner {
        padding-top: 70px;
    }


    .about-text.about-text2 {
        margin-bottom: 30px;
        margin-top: 20px;
    }

    .about-bx2 .video-div {
        margin-bottom: 0px;
    }

    .benefit-row {
        margin-bottom: 40px;
        margin-top: 30px
    }

    .benefit-sec2 .benefit-bx-cont2 .why-bx {
        padding: 15px;
    }

    .usecase-bx .case-bx .case-img {
        width: 250px;
        min-width: 250px;
        height: auto;
        aspect-ratio: 1.3;
    }

    .usecase-bx .case-bx {
        align-items: flex-start;
    }

    .usecase-bx .section-title {
        margin-bottom: 50px
    }

    .feature-list li {
        font-size: 17px;
    }

    .faq-sec .exp-list>li a.list-title {
        font-size: 18px;
    }

    .faq-sec .exp-list>li a.list-title .icon {
        width: 16px;
        height: 16px;
    }

    .feature-list li img {
        margin-right: 10px;
        width: 17px;
    }

    .pricing-bx.pricing-bx2 {
        padding-bottom: 0px;
    }

    .faq-sec .exp-list>li a.list-title .icon {
        right: 15px;
    }

    .faq-sec .exp-list>li .list-title .no {
        width: 20px;
        height: 20px;
        font-size: 12px;
        top: 15px;
    }

    .faq-sec .exp-list>li a.list-title {
        padding: 15px 30px 15px 50px;
    }

    .faq-sec .exp-list>li .text-box {
        padding: 0px 20px 15px 50px;
    }

    .banner.pricing-banner .img-div {
    margin-top: 30px; }
    .banner.pricing-banner { padding-top: 110px; padding-bottom: 80px }
    .benifit-icons:before { width: 220px; }
     .benefit-bx .title { font-size: 18px; }
     .benefit-bx ul li .title-grp { font-size: 17px; padding: 15px 15px; }
     .benefit-bx ul li .title-grp .no { width: 35px; height: 35px; font-size: 18px; }

.benifit-icons ul li img {
    width: 60px;
}
.benefit-bx ul li { min-height: 123px; }
    .text-link li a{padding-right: 5px; margin-right: 5px;}
    .social-link li a{width: 35px; height: 35px;}
    




/*    .lms_bx{display: none;}*/
    .lms_bx_mobil{display: none;}
    .lms_title_mob{padding: 10px; border-radius: 100px; margin: 0 0 15px 0;
        background: linear-gradient(to right,  #ede7e7 0%,#bfb3b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */    
    -webkit-box-shadow: inset 0px 0px 46px 0px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px 0px 46px 0px rgba(0,0,0,0.3);
box-shadow: inset 0px 0px 46px 0px rgba(0,0,0,0.3);}
    .title_mob{border: 12px solid #FFF; border-radius: 100px; text-align: center; vertical-align: middle; padding: 15px; 
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e7d9d9+0,f6f2f1+100 */
background: linear-gradient(to right,  #e7d9d9 0%,#f6f2f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
        .round_title {
        font-weight: 500;
        line-height: 26px;
        font-size: 20px;
    }
    .mobile_bx_sec{display: block;}
    .lms_bx_one{width: 100%;}
    .lms_bx_one_icn{padding: 15px 0 0 0;}
    .why-icon.text{font-size: 26px;}
    
     .marg_tp{margin-top: 0;}


    .img-bx img {max-width: 100%;}

.mobile_revers_pic{flex-direction: column-reverse; display: flex;}
    
    .mobile_hide{margin-top: 20px;}
    .solution_one{min-height: 80px;}
    .solution_step_cont ul li{min-height: inherit;}
    
    
        .white_bor {
        width: 330px;
        height: 330px;
    }
    .dark_gradient {
        width: 300px;
        height: 300px;
    }
        .title_bx_round {
        width: 270px;
        height: 270px;
    }
        .lms_title {
        font-size: 18px;
    }
    .lms_txt {
        font-size: 15px;}
    
    .title_marg{margin-top: 0;}



}

@media screen and (max-width: 767px) {
    .header.sticky .navigation ul li:last-child a {
        padding: 15px 5px;
    }
    /*.case-bx{margin-bottom: 0;}
    .case-text {padding: 0 15px 0 15px;}*/
    .img-bx.mrgn-bttm{margin-bottom: 15px;}
    
    .solution_step_cont ul li {
        font-size: 14px;
        line-height: 20px; position:  relative; padding: 15px 0 15px 80px;
    }
    .solution_bx_l{display: none;}
    .solution_step_cont ul li img{display: block; width: 65px; height: 65px; position: absolute; left: 0; top: 15px; background: #F00; padding: 10px;}
    .solution_step_cont ul li img.green{background: #90cf03;}
    .solution_step_cont ul li img.orange{background: #ffaa19;}
    .solution_step_cont ul li img.purple{background: #85096a;}
    .solution_step_cont ul li img.blue{background: #1f497d;}
    .solution_step_cont ul li img.pink{background: #e0115e;}
    .solution_step_cont ul li h3{display: block; margin-bottom: 5px; color: #29255b; font-size: 16px;}
    
    
    .d-md-none{display: none;}
    .navigation ul li.con-button {
        display: none
    }

    .navigation ul.dropdown-menu { position: relative!important; transform: none!important; border:none!important; box-shadow: none; }
     .navigation ul.dropdown-menu li { margin-bottom: 0px; background: #f2f2f2; padding: 0px; }
    .navigation ul.dropdown-menu li a { padding-left: 0px; padding-right: 0px; color:#e0115e; }
    .navigation ul li .dropdown li a { color:#e0115e!important }
   .navigation ul.dropdown-menu li:last-child a { padding-bottom: 0px; border-radius: 0px }
   .navigation ul li .dropdown button { padding: 0px; display: block; width: 100%; text-align: left; }
   /*.navigation ul li .dropdown li a { padding-right: 10px; padding-left: 10px; }*/
   .navigation ul li .dropdown li:last-child { border-bottom: 0px }
   .dropdown-toggle::after { position: absolute; right: 0px; top: 10px }

    .banner .container,
    .header .container,
    .container-fluid,
    .container {
        max-width: 100%;
        width: 100%;
        padding: 0px 15px
    }

    /* -- hamburger menu -- */
    .mob-btn {
        display: flex;
        margin-right: 15px; display: none;
    }

    .hamburger {
        display: flex;
        flex-direction: column;
        padding: 2px 0px;
        justify-content: center;
        height: 25px;
        width: 25px;
    }

    .hamburger span {
        width: 25px;
        height: 2px;
        border-radius: 5px;
        background: #000;
        margin: -4px 0;
    }

    .navigation {
        align-items: center;
    }

    /*  .hamburger span:nth-child(2) {
        width: 15px;
        margin-left: auto;
    }*/

    .hamburger.active span:nth-child(2) {
        display: none
    }

    .hamburger.active span:nth-child(1) {
        transform: rotate(45deg);
    }

    .hamburger.active span:nth-child(3) {
        transform: rotate(-45deg);
    }

    .hamburger.active span {
        margin: -1px
    }

    .fullscreen {
        /* -webkit-clip-path: circle(0% at 0% 0%);
  clip-path: circle(0% at 0% 0%); */
        position: fixed;
        /*border-right: 8px solid #2098ff;*/
        /* background: url(../images/menu-bg.webp) no-repeat bottom left; */
        background-size: cover;
        background: #fff;
        width: 300px;
        height: 100vh;
        top: 0;
        left: -300px;
        /*right:0px;*/
        transition: all 1s;
        z-index: 10;
    }

    .fullscreen .close {
        position: relative;
        display: flex;
        flex-flow: column wrap;
        width: 35px;
        height: 35px;
        margin-top: 30px;
        margin-left: 45%;
        z-index: 9;
        margin-right: 10px;
        opacity: 1;
        background-color: #f2f2f2;
        border-radius: 50%;
    }

    .fullscreen .close:before,
    .fullscreen .close:after {
        content: "";
        display: flex;
        position: absolute;
        top: 13px;
        left: 9px;
        width: 17px;
        height: 1px;
        border-radius: 5px;
        background: #000;
        margin: 5px 0;
        transition: var(--all-fast);
    }

    .fullscreen.active .close::before {
        transform: rotate(45deg);
    }

    .fullscreen.active .close:after {
        transform: rotate(-45deg);
    }

    .fullscreen.active {
        left: 0px;
        transition: all 0.8s;
    }

    .fullscreen.active ul>li {
        -webkit-animation: animateIn 360ms ease-in-outcalc(var(--animation-order) * 150ms) both;
        animation: animateIn 360ms ease-in-out calc(var(--animation-order) * 150ms)both;
    }

    .fullscreen.reverse_anim {
        opacity: 0.6;
        transition: all 0.5s;
    }

    .fullscreen ul li {
        display: block;
        text-align: left;
        padding: 0px 20px;
    }

    @-webkit-keyframes animateIn {
        0% {
            opacity: 0;
            transform: translateX(-30px);
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes animateIn {
        0% {
            opacity: 0;
            transform: translateX(-30px);
        }

        100% {
            opacity: 1;
        }
    }

    .fullscreen ul {
        margin-top: 50px;
    }


    .banner {
        height: auto;
        padding-bottom: 100px
    }

    .banner .img-div {
        margin-top: 30px;
    }

    .product-bx {
        padding: 20px 20px;
    }

    .product-bx .product-text .title {
        font-size: 16px
    }

    .about-text p,
    body p,
    .list li {
        font-size: 14px;
    }

    body p {
        margin-bottom: 10px;
    }

    .py-90 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .about-bx .video-div,
    .leaning-bx .video-div {
        /* height: 300px; */
    }

    .section-title .title,.case-bx .case-text .title {
        font-size: 20px;
    }

    .list li {
        margin-bottom: 10px;
    }

    .list li:before {
        top: 7px;
    }

    .solution-sec .product-bx {
        padding: 20px 20px;
    }

    .case-bx .case-img {
        height: 170px;
        margin-bottom: 10px;
    }

    .case-bx .case-text p {
        height: 38px;
    }

    .case-bx .case-text .title {
        /* font-size: 16px; */
        margin-bottom: 8px;
    }

    .commn-btn {
        padding: 10px 20px;
    }

    .commn-btn span {
        font-size: 14px /*12px*/;
    }

    .section-title .line {
        width: 35px;
    }

    .why-bx .why-icon {
        width: 60px;
        min-width: 60px;
        height: 60px;
        margin-right: 10px
    }

    .why-bx .why-icon img {
        width: 35px;
    }

    .why-bx .why-text .title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    /*  .why-bx .why-text p {
        height: 58px
    }*/

    .footer-div .quick-links li a {
        margin-bottom: 10px;
        font-size: 13px;
    }

    footer {
        padding: 30px 0px 30px 0px;
    }

    .footer-div .footer-title {
        margin-bottom: 15px;
        font-size: 15px;
    }

    .copy-text {
        text-align: right
    }

    .social-link li a {
        height: 30px;
        width: 30px;
    }

    .social-link {
        margin-top: 10px;
    }

    .header.sticky,
    .header {
        padding: 6px 0px
    }

    /* .header.sticky .logo {
        width: 140px;
    }*/

    .logo {
        width: 130px;
    }

    .navigation ul li {
        margin-left: 0px;
        border-bottom: 1px solid #f2f2f2;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .navigation ul li a {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .play-bt {
        background-size: 80px;
    }

    .container {
        max-width: 100%;
        width: 100%;
        padding: 0px 20px;
    }

    .product-sec .row {
        row-gap: 25px;
    }

    .banner.in-banner {
        padding-top: 70px !important;
    }

    .benefit-sec .img-bx {
        width: 60%;
        margin-bottom: 20px
    }

    .benefit-row {
        margin-bottom: 50px;
        margin-top: 20px;
    }

    .benefit-sec2 .benefit-bx-cont .section-title .title {
        font-size: 16px;
    }

    .benefit-sec .benit-info .section-title .title {
        font-size: 18px;
    }

    .in-banner .banner-text p {
        font-size: 15px;
    }

    .usecase-bx .case-bx {
        display: block;
    }

    .usecase-bx .case-bx .case-img {
        margin-bottom: 20px;
        margin-right: 0px
    }

    .faq-sec .exp-list>li {
        padding-top: 5px;
    }

    .faq-sec .exp-list>li a.list-title {
        padding-bottom: 10px
    }
    .benefit-bx .title { font-size: 14px; margin-bottom: 20px }
        .benefit-bx ul li .title-grp { font-size: 15px; padding: 10px 10px; }
.benefit-bx ul li .title-grp { height: 40px; }
.benefit-bx ul li .title-grp .no { width: 35px; height: 35px; font-size: 15px }


.benefit-bx2 ul li .title-grp:before {
    border-left: solid 20px rgba(224, 17, 94, 1);
    border-bottom: solid 17px transparent;
    border-top: solid 22px transparent;
}

.benefit-bx1 ul li .title-grp:before {
    border-right: solid 20px rgba(224, 17, 94, 1);
    border-bottom: solid 17px transparent;
    border-top: solid 22px transparent;
}

.benefit-bx ul li p { font-size: 13px; }
.benifit-icons { padding: 0px; }
.benifit-icons { margin-top: 35px; }

.benifit-icons ul li { margin-bottom: 95px; }
    .benifit-icons ul li img { width: 55px; }
        .benifit-icons ul li { margin-bottom: 105px; }
            .benefit-bx ul li .title-grp { font-size: 14px; }



    .banner-text .title {font-size:26px /*24px*/;}
    .banner-text p {font-size: 18px /*16px*/;}
    .text-link li a{padding-right: 5px; margin-right: 5px;}
    .social-link li a{width: 35px; height: 35px;}
    
    .why-icon.text{font-size: 22px;}
    
    .banner_btn{text-align: center; margin: 0 auto;}
   .pricing-submit-button{text-align: center;}
   .pricing-submit-button .commn-btn{display: inline-block; vertical-align: top;}
    
    
     .navigation ul li:hover .dropdown{margin: 10px 0 0 0; padding: 0px;}
    .navigation ul li ul.dropdown li{margin-bottom: 0px; padding-bottom: 0px;}
    .navigation ul li .dropdown li a{padding:15px 5px /*15px 25px*/;}
    
    .navigation ul li .dropdown li:hover{border-bottom: 1px solid #e0115e; }
    .navigation ul li .dropdown li a:hover{color: #000;}
    .navigation ul li ul.dropdown:last-child a:before{display: none;}
    
    .navigation ul li:hover{border-bottom: 1px solid #e0115e;}
    .navigation ul li a:before{background: none;}
    
    .navigation ul li:hover .dropdown a:before{display: none !important}
    .navigation ul li:last-child a:before{display: none;}
    .navigation ul li .dropdown li:last-child:hover{border-bottom: none;}
    .navigation ul li .dropdown li:hover{}
    
    
    .mobile_revers{flex-direction: column-reverse;}
    .mobile_hide{display: none;}
        
    
    
    .lms_bx_l{width: 100%; display: block;}
    .lms_bx_r{width: 100%; display: block}
    .white_bor{display: none;}
    .mobile_round{display: block; margin-bottom: 15px;}
    .managment_sys ul li::after{top: 17px;}
    .managment_sys ul li::before{top: 2px;}

}

@media screen and (max-width: 576px) {
    
    .case-text.mobile_center{text-align: center;}
    
    .case-bx.mrg_btm_none{margin-bottom: 0;}
    .case-text.mrg_btm_none{padding-bottom: 0;}
    
    .logo {
        width: 115px;
    }

    .fullscreen {
        width: 250px;
        right: -250px;
    }

    .banner {
        height: auto;
        padding-top: 80px;
        padding-bottom: 60px;
    }
        .banner{padding-top: 70px !important;}
    .banner-text-inner{padding-top: 10px;}
        .title-h4 {
            font-size: 16px !important;
        }

    .py-90 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
                .about-box-top-spacing {
                    padding-top: 0px !important;
                }

    .about-bx .video-div,
    .leaning-bx .video-div {
        /* height: 230px; */
    }

    .about-bx .video-div {
        /*margin-bottom: 20px;*/
    }

    .container-fluid {
        max-width: calc(100% - 10px);
    }

    .case-bx .case-text span {
        font-size: 13px;
    }

    .leaning-bx .video-div {
        margin-top: 20px;
    }

    .why-sec.py-90 {
        padding-bottom: 20px;
    }

    .advice-cont {
        padding: 20px 20px;
    }

    .footer-logo {
        width: 90px;
    }

    .footer-div {
        padding-top: 25px;
    }

    .text-link {
        display: block;
        margin-bottom: 10px;
    }

    .text-link li {
        display: inline-flex;
    }

    .text-link li a:after {
        height: 10px;
    }

    .text-link li a {
        font-size: 12px;
    }

    .copy-text {
        text-align: left;
    }

    .social-link li a {
        width: 25px;
        height: 25px;
    }

    .social-link li a img {
        height: 24px;
    }

    footer {
        padding: 20px 0px 20px 0px;
    }

    .navigation ul li {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    /*  .header.sticky .logo {
        width: 120px;
    }*/
    .footer-bottom,
    .copy-text {
        text-align: center;
    }

    .social-link {
        display: inline-block;
        text-align: center;
    }

    .why-bx .why-icon {
        width: 50px;
        min-width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    .why-bx .why-icon img {
        width: 30px;
    }
.why-bx .why-icon.employee img{width: 50px;}
.why-bx .why-icon.employee{width: 60px;
min-width: 60px;
height: 60px;}


    .why-list li:last-child .why-bx {
        margin-bottom: 0px;
    }

    .usecase-bx .case-bx .case-img {
        width: auto
    }

    .usecase-bx.usecase-sec .row {
        row-gap: 20px;
    }

    .pricing-bx {
        padding: 20px;
    }
    .lerner-list li label.label-check { font-size: 12px; } 
    ::placeholder { color:#677294; font-size:14px; }
    .form-group textarea.form-control {
    height: 100px;
}

    .lerner-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

  /*  .pricing-bx.pricing-bx2 {
        padding: 30px 0px 0px 0px;
    }*/

    .form-group .form-control {
        height: 45px;
        font-size: 14px;
    }

    .feature-list {

        grid-template-columns: repeat(2, 1fr);
    }

    .faq-sec .exp-list>li a.list-title {
        font-size: 16px;
    }

    .pricing-bx .subtitle {
        font-size: 17px;
    }

    .pricing-bx .bar {
        margin: 20px 0px;
    }

.benifit-icons:before  {display: none;}
.mob-benifit-icon-div { display: block }
    .benefit-bx ul li {
        min-height: 80px;
    }

    .benefit-bx .title { font-size: 16px; }
        .benifit-icons ul li {
        margin-bottom: 61px;
    }
    .benefit-bx2, .mob-benifit-icon-div { margin-top: 30px }

   .mob-benifit-icon-div .benifit-icons ul li {
        margin-bottom: 71px;
    }
        .why-icon.text {
        font-size: 20px;
    }
    
    .franchise_p_txt {
    margin-top: 10px;
}


}

@media screen and (max-width: 480px) {
    
      .franchise_p_txt {
    margin-top: 5px;
}
   
    
    .benefit-bx1 ul li .title-grp:before,.benefit-bx2 ul li .title-grp:before{display: none;}
    .feature-list {

        display: block;
        margin-top: 10px;
    }

    .feature-list li {
        margin-bottom: 15px
    }
    
    .round_title{font-size: 16px; line-height: 24px;}
    .round_title span{font-size: 14px;}
    .title_mob{border: 8px solid #FFF;}
    .lms_title_mob{padding: 8px;}
    .lms_bx_one{padding: 10px 10px 10px 94px;}
    .lms_bx_one_icn{height: 80px; line-height: 80px; width: 80px; left: 5px; top: 10px; padding: 5px 0 0 0;}
    .lms_bx_one_icn img{width: 100%;}
/* .lms_bx_one_icn {
    height: 60px;
    line-height: 60px;
    width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lms_bx_one_icn img {
    width: 50px;
}
.lms_bx_one_icn{padding: 0;} */
    .lms_number{display: none;}
    .lms_title {font-size: 16px; margin: 0 0 8px 0;}
    .lms_txt{font-size: 14px;}
    .lms_bx_one{height: auto;}
        .why-icon.text {
        font-size: 18px;
    }



        


}

@media screen and (max-width: 750px) {
    .benefit-sec2 .benefit-bx-cont .why-bx {
            min-height: 60px;
        }
    
        .benefit-sec2 .benefit-bx-cont2 .why-bx {
            min-height: 60px;
        }
}

@media screen and (max-width: 320px) {
    .lms_bx_one_icn{top: 25px;}
}