@media only screen and (max-width :320px) {
    body,
    html {
        font-size: 14px
    }

    .show-mobile-view {
        display: block !important
    }

    .hide-mobile-view {
        display: none !important
    }

    body.lock-scroll {
        overflow: hidden;
        height: 100%
    }

    header .main-header-web .navbar-brand {
        padding: 0 15px
    }

    header .main-header-web .navbar-collapse .nav {
        width: 100%
    }

    header .main-header-web {
        padding: 10px 0;
        background: #fff;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
        height: 70px
    }

        header .main-header-web .custom-navigation-design {
            padding: 15px 0
        }

        header .main-header-web .navbar-collapse {
            text-align: center;
            background: #265381;
            padding: 20px 20px 10px 20px;
            border: none;
            margin-top: 10px;
            -webkit-transition: height .56s cubic-bezier(.52, .16, .24, 1);
            transition: height .56s cubic-bezier(.52, .16, .24, 1)
        }

    header .main-header-we .nav .open > a,
    header .main-header-we .nav .open > a:focus,
    header .main-header-we .nav .open > a:hover {
        background-color: transparent;
        border-color: #52baa8
    }

    header .main-header-web ul li {
        border-bottom: 2px solid #316c8b
    }

        header .main-header-web ul li a {
            text-align: left;
            color: #fff
        }

        header .main-header-web ul li.active a {
            color: #52baa8;
            font-weight: 500;
            background: 0 0
        }

    header .main-header-web .navbar-brand img {
        height: 100%;
        width: 140px
    }

    header .main-header-web ul li.playnow-button a {
        background: #52baa8;
        color: #fff
    }

    header .main-header-web .nav .open > a,
    header .main-header-web .nav .open > a:focus,
    header .main-header-web .nav .open > a:hover {
        color: #fff;
        font-weight: 500;
        background: 0 0
    }

    .navbar-nav .open .social-icon-box-m > li {
        border: none;
        display: inline-block
    }

        .navbar-nav .open .social-icon-box-m > li > a {
            line-height: 20px;
            border: none;
            display: inline-block;
            padding: 6px 6px;
            font-size: 24px
        }

    .subject-m-box {
        padding: 0 20px
    }

        .subject-m-box li:last-child {
            border: none
        }

        .subject-m-box li {
            display: block !important
        }

    header .main-header-web ul li .caret {
        text-align: right;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%)
    }

    section.homebanner {
        margin-top: 70px
    }

    .left-content-box h1 {
        font-size: 1.75rem
    }

    .left-content-box p {
        font-size: 1rem
    }

    .web-main-subtitle {
        font-size: 1.75rem;
        margin: 0 0 20px 0
    }

    .web-main-title {
        font-size: 1rem
    }

    .Username-box h5 {
        text-align: left;
        white-space: nowrap;
        width: 5rem;
        overflow: hidden;
        text-overflow: clip;
        margin: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: auto;
        text-transform: capitalize;
        line-height: 1.3rem
    }

    .download-app-link img {
        margin: 0 0;
        padding: 0 5px 0 0
    }

    .language-select-filter {
        display: none
    }

    .class-selector-stu .nav-tabs li a {
        padding: 13px 15px
    }

    .class-selector-stu .nav-tabs::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-moz-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-ms-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-o-scrollbar {
        width: 0;
        height: 0
    }

    .our-feature-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .our-feature-box {
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        border-radius: 8px;
        padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
        position: relative;
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

        .our-feature-box div.fetaure-text {
            max-height: 75px;
            overflow: hidden;
            min-height: 75px
        }

    .practice-img .our-feature-box div.fetaure-text {
        max-height: 100%
    }

    .our-subject-box div.subject-text {
        max-height: 75px;
        overflow: hidden;
        min-height: 75px
    }

    .Our-Philosophy-text p {
        margin: 0 2% 15px 2%
    }

    .Our-Philosophy-text ul {
        margin: 0 0 15px 10%
    }

    section.homebanner {
        background-position: 43% 415%;
        background-size: 261% 108%
    }

    section.about-img {
        background-position: 43% 364%;
        background-size: 323% 109%
    }

    section.feature-img {
        background-position: 43% 364%;
        background-size: 323% 109%
    }

    section.why_ichamp_img {
        background-position: 50% 454%;
        background-size: 309% 109%
    }

    section.academic_img {
        background-position: 50% 454%;
        background-size: 304% 110%
    }

    .main-box-testiminails {
        min-width: calc(100% / 1);
        max-width: calc(100% / 1);
        transform: scale(.9);
        margin: 60px 0 0 0
    }

    .content-box-testimonail p {
        font-size: .75rem
    }

    .carousel-indicators li {
        display: inline-block;
        text-indent: -999px;
        cursor: pointer;
        border: none;
        height: .5rem;
        width: .5rem;
        background-color: #e4e4e5;
        margin: .1rem;
        border-radius: 100%
    }

    .carousel-indicators {
        bottom: -30px
    }

        .carousel-indicators .active {
            height: .5rem;
            width: .5rem;
            margin: .1rem;
            background-color: #4ce3c5
        }

    .testimonails-sec-main {
        margin: 0 0
    }

    .left-content-box p {
        width: 100%
    }

    .small-banner-multi {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 10px 0;
        scroll-snap-type: x mandatory
    }

        .small-banner-multi::-webkit-scrollbar {
            width: 0
        }

    .multi-bann {
        width: calc(100% / 3px);
        min-width: calc(100% / 1);
        max-width: calc(100% / 1);
        scroll-snap-align: center
    }

    .content-box-testimonail img {
        width: 100px !important
    }

    .multi-bann img {
        border-radius: 0
    }

    .owl-item .active ~ .owl-item.main-box-testiminails {
        transform: translateX(-65px) scale(.7)
    }

    .owl-item .active + .owl-item.main-box-testiminails {
        transform: translateX(-65px) scale(.7)
    }

    .owl-dots {
        display: block;
        margin: 1rem auto 0 auto;
        text-align: center
    }

    .owl-dot.active span {
        background: #52baa8
    }

    .owl-dots span {
        background: none repeat scroll 0 0 #e4e4e5;
        border-radius: 20px;
        display: block;
        height: 8px;
        margin: 0 4px;
        opacity: 1;
        width: 8px
    }

    .owl-dots button:focus {
        outline: 0
    }

    .boxes-satisfaction {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        margin: 10px 0
    }

    .satisfy_text-box-child {
        padding: 0 10px;
        width: 155px
    }

    .boxes-satisfaction h5 {
        text-align: left;
        margin: 13px 0 0 0
    }

    .boxes-satisfaction p {
        text-align: left
    }

    .make-learning-func {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        margin-top: 20px
    }

        .make-learning-func::-webkit-scrollbar {
            width: 0
        }

        .make-learning-func::-moz-scrollbar {
            width: 0
        }

    .child-position:nth-of-type(2) .position-number {
        font-size: 86px
    }

    .child-position:nth-of-type(1) .position-number {
        font-size: 60px;
        line-height: 95px
    }

    .child-position:nth-of-type(3) .position-number {
        font-size: 50px;
        line-height: 80px
    }

    .make-learning-func::-ms-scrollbar {
        width: 0
    }

    .make-learning-func::-o-scrollbar {
        width: 0
    }

    .download-app-link {
        padding: 0;
        margin: 30px 0 0 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .banner-content {
        display: flex;
        padding: 11% 0 0 0;
        flex-direction: column
    }

    .sub-content-box {
        position: relative;
        top: 0;
        transform: translateY(0)
    }

    .why-satified-boxes {
        flex-direction: column;
        margin: 0 10%;
        align-items: center
    }

    .address-box {
        justify-self: center;
        min-width: calc(100% / 1.2)
    }

    .contact-us-sec {
        padding: 50px 10px 10px 10px;
        justify-content: flex-start;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    .leaderboard-design-sec {
        padding: 50px 0 30px 0
    }

    .footer-and-testimonial {
        padding: 30px 0;
        background-position: 57% 18%
    }

        .footer-and-testimonial:before {
            display: none
        }

        .footer-and-testimonial:after {
            display: none
        }

    .scroller-to-top-p {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center
    }

    .satusfied-users {
        padding: 30px 0 30px 0
    }

    .owl-carousel .owl-stage-outer {
        padding: 60px 0 0 0
    }

    .left-student-postion-box {
        float: none;
        width: 100%;
        padding: 0
    }

    .classcontent-selecedtabs {
        flex-direction: column
    }

    .mobile-filter-subject_date {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between
    }

        .mobile-filter-subject_date .mobile-filter-box-2 {
            margin-left: auto
        }

    .right-student-list-box {
        width: 100%;
        float: none;
        padding: 0
    }

    .class-selector-stu .nav-tabs {
        flex-direction: row;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    .user-details-right-box li {
        margin-bottom: 10px;
        padding: 5px 1rem 5px .5125rem
    }

    .user-number-list {
        margin-right: .25rem;
        width: 1rem
    }

    .parent-student-postition-i {
        padding: 0 13px
    }

    .icon-box-left {
        width: 45px;
        margin-right: .5rem;
        height: 45px
    }

    .badge-level-box img {
        width: 20px;
        height: 20px
    }

    .user-details-right-box {
        padding: 0 7px;
        margin: 10px 0;
        height: 132px
    }

    .download-app-link p {
        margin: 0 0
    }

    .lets-start-box .input-group:after {
        left: 13px;
        line-height: 0
    }

    .lets-start-box .form-control {
        padding: 12px 12px 12px 35px
    }

    .footer-link ul {
        margin: 0;
        padding: 0;
        color: #fff;
        list-style-type: circle
    }

    .footer-links-subsec {
        flex-direction: column
    }

    .footer-links-block-box:nth-child(1) {
        width: 100%
    }

    .footer-links-block-box:nth-child(2) {
        width: 100%
    }

    .footer-links-block-box:nth-child(3) {
        width: 100%
    }

    .footer-links-block-box:nth-child(4) {
        width: 100%
    }

    .footer-link ul li {
        display: inline-block;
        margin: 0 30px 0 0;
        position: relative
    }

        .footer-link ul li:last-child:after {
            display: none
        }

        .footer-link ul li:after {
            content: '';
            position: absolute;
            width: 4px;
            height: 4px;
            background: #e4e4e5;
            border-radius: 100%;
            display: inline-block;
            margin: 0 1px;
            cursor: pointer;
            transition: .5s cubic-bezier(.215, .61, .355, 1);
            right: -19px;
            top: 50%;
            transform: translateY(-50%)
        }

    .footer-sec-main {
        margin: 8rem 0 0 0
    }

    .botom-footer-coopy-right .copy-right-text {
        text-align: center;
        float: none;
        margin: 5px 0 20px 0
    }

    .scroll-top-button {
        text-align: center;
        margin: 15px 0 0 0
    }

    .botom-footer-coopy-right {
        margin: 30px 0 0 0
    }

    .footer-sec-main .ready-text h4 {
        margin: 0
    }

    .about-ichamp-footer .about-ichamp-text {
        width: 100%;
        margin: 10px 0 0 0
    }

    .footer-link p {
        margin-top: 20px;
        margin-bottom: 8px
    }

    .lets-start-box {
        width: 100%
    }

    .team-leadership-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .leader-box {
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

        .leader-box div.text-leader {
            max-height: 75px;
            min-height: 73px;
            overflow: hidden
        }

    .our-subject-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .custom-dots-mobile-slider::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-moz-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-ms-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-o-scrollbar {
        width: 0;
        height: 0
    }

    .our-subject-box {
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        border-radius: 8px;
        padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
        position: relative;
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

    .subject-wise-list {
        margin-top: 20px
    }

    .comming-soon {
        width: 100%
    }

    .slider_container {
        display: flex
    }

    .child-position p {
        font-size: 1rem
    }

    .get-started-footer-box {
        flex-direction: column
    }

    .started-box-main-c.started-box-text {
        width: 100%;
        margin: 1rem 0
    }

    .started-box-main-c.started-box-form {
        width: 100%
    }

    .next-pager-option {
        margin: 2rem 0
    }

    .Class_title_subwebpage {
        margin: 0 0 1rem 0
    }

    .web_class_subpage_container {
        padding: 4.5rem 1rem 1.25rem 1rem;
        margin: 4rem 0 0 0
    }

    .main-content .right-video-box .register_btn {
        width: 80%;
        margin: auto;
        margin-top: 160px
    }
}

@media only screen and (min-width :320px) and (max-width :479px) {
    body,
    html {
        overflow-x: hidden;
        font-size: 14px
    }

    .show-mobile-view {
        display: block !important
    }

    .hide-mobile-view {
        display: none !important
    }

    body.lock-scroll {
        overflow: hidden;
        height: 100%
    }

    header .main-header-web .navbar-brand {
        padding: 0 15px
    }

    header .main-header-web .navbar-collapse .nav {
        width: 100%
    }

    header .main-header-web {
        padding: 10px 0;
        background: #fff;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
        height: 70px
    }

        header .main-header-web .custom-navigation-design {
            padding: 15px 0
        }

        header .main-header-web .navbar-collapse {
            text-align: center;
            background: #265381;
            padding: 20px 20px 10px 20px;
            border: none;
            margin-top: 10px;
            -webkit-transition: height .56s cubic-bezier(.52, .16, .24, 1);
            transition: height .56s cubic-bezier(.52, .16, .24, 1)
        }

    header .main-header-we .nav .open > a,
    header .main-header-we .nav .open > a:focus,
    header .main-header-we .nav .open > a:hover {
        background-color: transparent;
        border-color: #52baa8
    }

    header .main-header-web ul li {
        border-bottom: 2px solid #316c8b
    }

        header .main-header-web ul li a {
            text-align: left;
            color: #fff
        }

        header .main-header-web ul li.active a {
            color: #52baa8;
            font-weight: 500;
            background: 0 0
        }

    header .main-header-web .navbar-brand img {
        height: 100%;
        width: 140px
    }

    header .main-header-web ul li.playnow-button a {
        background: #52baa8;
        color: #fff
    }

    header .main-header-web .nav .open > a,
    header .main-header-web .nav .open > a:focus,
    header .main-header-web .nav .open > a:hover {
        color: #fff;
        font-weight: 500;
        background: 0 0
    }

    .navbar-nav .open .social-icon-box-m > li {
        border: none;
        display: inline-block
    }

        .navbar-nav .open .social-icon-box-m > li > a {
            line-height: 20px;
            border: none;
            display: inline-block;
            padding: 6px 6px;
            font-size: 24px
        }

    .subject-m-box {
        padding: 0 20px
    }

        .subject-m-box li:last-child {
            border: none
        }

        .subject-m-box li {
            display: block !important
        }

    header .main-header-web ul li .caret {
        text-align: right;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%)
    }

    section.homebanner {
        margin-top: 70px
    }

    .left-content-box {
        width: 100%
    }

        .left-content-box h1 {
            font-size: 1.75rem
        }

        .left-content-box p {
            font-size: 1rem
        }

    .web-main-subtitle {
        font-size: 1.75rem;
        margin: 0 0 20px 0
    }

    .privacy_policy_web p {
        margin: 0
    }

    .web-main-title {
        font-size: 1rem
    }

    .Username-box h5 {
        text-align: left;
        white-space: nowrap;
        width: 5rem;
        overflow: hidden;
        text-overflow: clip;
        margin: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: auto;
        text-transform: capitalize;
        line-height: 1.3rem
    }

    .download-app-link img {
        margin: 0 0;
        padding: 0 5px 0 0
    }

    .language-select-filter {
        display: none
    }

    .class-selector-stu .nav-tabs li a {
        padding: 13px 15px
    }

    .class-selector-stu .nav-tabs::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-moz-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-ms-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-o-scrollbar {
        width: 0;
        height: 0
    }

    .our-feature-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .our-feature-box {
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        border-radius: 8px;
        padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
        position: relative;
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

        .our-feature-box div.fetaure-text {
            max-height: 75px;
            overflow: hidden;
            min-height: 75px
        }

    .practice-img .our-feature-box div.fetaure-text {
        max-height: 100%
    }

    .our-subject-box div.subject-text {
        max-height: 75px;
        overflow: hidden;
        min-height: 75px
    }

    .Our-Philosophy-text p {
        margin: 0 2% 15px 2%
    }

    .Our-Philosophy-text ul {
        margin: 0
    }

    section.homebanner {
        background-position: 43% 415%;
        background-size: 261% 108%
    }

    section.about-img {
        background-position: 43% 364%;
        background-size: 323% 109%
    }

    section.feature-img {
        background-position: 43% 364%;
        background-size: 323% 109%
    }

    section.why_ichamp_img {
        background-position: 50% 454%;
        background-size: 309% 109%
    }

    section.academic_img {
        background-position: 50% 454%;
        background-size: 304% 110%
    }

    .main-box-testiminails {
        min-width: calc(100% / 1);
        max-width: calc(100% / 1);
        transform: scale(.9);
        margin: 60px 0 0 0
    }

    .content-box-testimonail p {
        font-size: .75rem
    }

    .carousel-indicators li {
        display: inline-block;
        text-indent: -999px;
        cursor: pointer;
        border: none;
        height: .5rem;
        width: .5rem;
        background-color: #e4e4e5;
        margin: .1rem;
        border-radius: 100%
    }

    .carousel-indicators {
        bottom: -30px
    }

        .carousel-indicators .active {
            height: .5rem;
            width: .5rem;
            margin: .1rem;
            background-color: #4ce3c5
        }

    .testimonails-sec-main {
        margin: 0 0
    }

    .left-content-box p {
        width: 100%
    }

    .small-banner-multi {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 10px 0;
        scroll-snap-type: x mandatory
    }

        .small-banner-multi::-webkit-scrollbar {
            width: 0
        }

    .multi-bann {
        width: calc(100% / 3px);
        min-width: calc(100% / 1);
        max-width: calc(100% / 1);
        scroll-snap-align: center
    }

    .content-box-testimonail img {
        width: 100px !important
    }

    .multi-bann img {
        border-radius: 0
    }

    .owl-item .active ~ .owl-item.main-box-testiminails {
        transform: translateX(-65px) scale(.7)
    }

    .owl-item .active + .owl-item.main-box-testiminails {
        transform: translateX(-65px) scale(.7)
    }

    .owl-dots {
        display: block;
        margin: 1rem auto 0 auto;
        text-align: center
    }

    .owl-dot.active span {
        background: #52baa8
    }

    .owl-dots span {
        background: none repeat scroll 0 0 #e4e4e5;
        border-radius: 20px;
        display: block;
        height: 8px;
        margin: 0 4px;
        opacity: 1;
        width: 8px
    }

    .owl-dots button:focus {
        outline: 0
    }

    .boxes-satisfaction {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        margin: 10px 0
    }

    .satisfy_text-box-child {
        padding: 0 10px;
        width: 155px
    }

    .boxes-satisfaction h5 {
        text-align: left;
        margin: 13px 0 0 0
    }

    .boxes-satisfaction p {
        text-align: left
    }

    .make-learning-func {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        margin-top: 20px
    }

        .make-learning-func::-webkit-scrollbar {
            width: 0
        }

        .make-learning-func::-moz-scrollbar {
            width: 0
        }

    .child-position:nth-of-type(2) .position-number {
        font-size: 86px
    }

    .child-position:nth-of-type(1) .position-number {
        font-size: 60px;
        line-height: 95px
    }

    .child-position:nth-of-type(3) .position-number {
        font-size: 50px;
        line-height: 80px
    }

    .make-learning-func::-ms-scrollbar {
        width: 0
    }

    .make-learning-func::-o-scrollbar {
        width: 0
    }

    .download-app-link {
        padding: 0;
        margin: 30px 0 0 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .banner-content {
        display: flex;
        padding: 11% 0 0 0;
        flex-direction: column
    }

    .sub-content-box {
        position: relative;
        top: 0;
        transform: translateY(0)
    }

    .why-satified-boxes {
        flex-direction: column;
        align-items: center
    }

    .address-box {
        justify-self: center;
        min-width: calc(100% / 1.2)
    }

    .contact-us-sec {
        padding: 50px 10px 10px 10px;
        justify-content: flex-start;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    .leaderboard-design-sec {
        padding: 50px 0 30px 0
    }

    .footer-and-testimonial {
        padding: 30px 0;
        background-position: 57% 18%;
        margin: 0
    }

        .footer-and-testimonial:before {
            display: none
        }

        .footer-and-testimonial:after {
            display: none
        }

    .scroller-to-top-p {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center
    }

    .owl-carousel .owl-stage-outer {
        padding: 60px 0 0 0
    }

    .left-student-postion-box {
        float: none;
        width: 100%;
        padding: 0
    }

    .classcontent-selecedtabs {
        flex-direction: column;
        padding-bottom: 0
    }

    .mobile-filter-subject_date {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between
    }

        .mobile-filter-subject_date .mobile-filter-box-2 {
            margin-left: auto
        }

    .right-student-list-box {
        width: 100%;
        float: none;
        padding: 0
    }

    .class-selector-stu .nav-tabs {
        flex-direction: row;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    .user-details-right-box li {
        margin-bottom: 10px;
        padding: 5px 1rem 5px .5125rem
    }

    .user-number-list {
        margin-right: .25rem;
        width: 2rem
    }

    .parent-student-postition-i {
        padding: 0 13px
    }

    .icon-box-left {
        width: 45px;
        margin-right: .5rem;
        height: 45px
    }

    .badge-level-box img {
        width: 20px;
        height: 20px
    }

    .user-details-right-box {
        padding: 0 7px;
        margin: 10px 0;
        height: 132px
    }

    .download-app-link p {
        margin: 0 0
    }

    .lets-start-box .input-group:after {
        left: 13px;
        line-height: 0
    }

    .lets-start-box .form-control {
        padding: 12px 12px 12px 35px
    }

    .footer-link ul {
        margin: 0;
        padding: 0;
        color: #fff;
        list-style-type: circle
    }

    .footer-links-subsec {
        flex-direction: column
    }

    .footer-links-block-box:nth-child(1) {
        width: 100%
    }

    .footer-links-block-box:nth-child(2) {
        width: 100%
    }

    .footer-links-block-box:nth-child(3) {
        width: 100%
    }

    .footer-links-block-box:nth-child(4) {
        width: 100%
    }

    .footer-link ul li {
        display: inline-block;
        margin: 0 30px 0 0;
        position: relative
    }

        .footer-link ul li:last-child:after {
            display: none
        }

        .footer-link ul li:after {
            content: '';
            position: absolute;
            width: 4px;
            height: 4px;
            background: #e4e4e5;
            border-radius: 100%;
            display: inline-block;
            margin: 0 1px;
            cursor: pointer;
            transition: .5s cubic-bezier(.215, .61, .355, 1);
            right: -19px;
            top: 50%;
            transform: translateY(-50%)
        }

    .footer-sec-main {
        margin: 6rem 0 0 0
    }

    .botom-footer-coopy-right .copy-right-text {
        text-align: center;
        float: none;
        margin: 5px 0 20px 0
    }

    .scroll-top-button {
        text-align: center;
        margin: 15px 0 0 0
    }

    .botom-footer-coopy-right {
        margin: 30px 0 0 0
    }

    .footer-sec-main .ready-text h4 {
        margin: 0
    }

    .about-ichamp-footer .about-ichamp-text {
        width: 100%;
        margin: 10px 0 0 0
    }

    .footer-link p {
        margin-top: 20px;
        margin-bottom: 8px
    }

    .lets-start-box {
        width: 100%
    }

    .team-leadership-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .leader-box {
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

        .leader-box div.text-leader {
            max-height: 75px;
            min-height: 73px;
            overflow: hidden
        }

    .our-subject-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .custom-dots-mobile-slider::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-moz-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-ms-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-o-scrollbar {
        width: 0;
        height: 0
    }

    .our-subject-box {
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        border-radius: 8px;
        padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
        position: relative;
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

    .subject-wise-list {
        margin-top: 20px
    }

    .comming-soon {
        width: 100%
    }

    .slider_container {
        display: flex
    }

    .child-position p {
        font-size: 1rem;
        width: 6.5rem
    }

    .get-started-footer-box {
        flex-direction: column
    }

    .started-box-main-c.started-box-text {
        width: 100%;
        margin: 1rem 0
    }

    .started-box-main-c.started-box-form {
        width: 100%
    }

    .next-pager-option {
        margin: 1rem 0
    }

    .Class_title_subwebpage {
        margin: 0 0 1rem 0
    }

    .web_class_subpage_container {
        padding: 4.5rem 1rem 1.25rem 1rem;
        margin: 4rem 0 0 0
    }

    .article-entry {
        padding: 0 0
    }

        .article-entry img,
        .article-entry video {
            width: 95%;
            margin: 1rem auto
        }

    .blog_footer_read_links #sidebar {
        flex-direction: column
    }

    .widget-wrap:nth-child(odd) {
        width: 100%
    }

    .widget-wrap:nth-child(even) {
        width: 100%
    }

    .widget-title {
        margin: .75rem 0 1.1rem 0
    }

    .clamp_text_blog_only {
        width: 90%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    body,
    html {
        font-size: 14px
    }

    .show-mobile-view {
        display: block !important
    }

    .hide-mobile-view {
        display: none !important
    }

    body.lock-scroll {
        overflow: hidden
    }

    header .main-header-web .navbar-brand {
        padding: 0 15px
    }

    header .main-header-web .navbar-collapse .nav {
        width: 100%
    }

    header .main-header-web {
        padding: 10px 0;
        background: #fff;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
        height: 70px
    }

        header .main-header-web .custom-navigation-design {
            padding: 15px 0
        }

        header .main-header-web .navbar-collapse {
            text-align: center;
            background: #265381;
            padding: 20px 20px 10px 20px;
            border: none;
            margin-top: 10px;
            -webkit-transition: height .56s cubic-bezier(.52, .16, .24, 1);
            transition: height .56s cubic-bezier(.52, .16, .24, 1)
        }

        header .main-header-web ul li.active a {
            color: #52baa8;
            font-weight: 500;
            background: 0 0
        }

    header .main-header-we .nav .open > a,
    header .main-header-we .nav .open > a:focus,
    header .main-header-we .nav .open > a:hover {
        background-color: transparent;
        border-color: #52baa8
    }

    header .main-header-web ul li {
        border-bottom: 2px solid #316c8b
    }

        header .main-header-web ul li a {
            text-align: left;
            color: #fff
        }

    header .main-header-web .navbar-brand img {
        height: 100%;
        width: 140px
    }

    header .main-header-web ul li.playnow-button a {
        background: #52baa8;
        color: #fff
    }

    .navbar-nav .open .dropdown-menu > li {
        display: inline-block
    }

    .navbar-nav .open .social-icon-box-m > li {
        border: none
    }

        .navbar-nav .open .social-icon-box-m > li > a {
            line-height: 20px;
            border: none;
            display: inline-block;
            padding: 6px 6px;
            font-size: 24px
        }

    .subject-m-box {
        padding: 0 20px
    }

        .subject-m-box li:last-child {
            border: none
        }

        .subject-m-box li {
            display: block !important
        }

    header .main-header-web ul li .caret {
        text-align: right;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%)
    }

    .left-content-box h1 {
        font-size: 1.75rem
    }

    .left-content-box p {
        font-size: 1rem
    }

    .web-main-subtitle {
        font-size: 1.75rem;
        margin: 0 0 20px 0
    }

    .web-main-title {
        font-size: 1rem
    }

    .Username-box h5 {
        text-align: left;
        white-space: nowrap;
        width: 85px;
        overflow: hidden;
        text-overflow: clip;
        margin: auto
    }

    section.homebanner {
        margin-top: 70px
    }

    .download-app-link img {
        margin: 0 0;
        padding: 0 5px 0 0
    }

    .language-select-filter {
        display: none
    }

    .class-selector-stu .nav-tabs li a {
        padding: 13px 15px
    }

    .class-selector-stu .nav-tabs::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-moz-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-ms-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-o-scrollbar {
        width: 0;
        height: 0
    }

    .our-feature-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .our-feature-box {
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        border-radius: 8px;
        padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
        position: relative;
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

        .our-feature-box div.fetaure-text {
            max-height: 75px;
            overflow: hidden;
            min-height: 75px
        }

    .our-subject-box div.subject-text {
        max-height: 75px;
        overflow: hidden;
        min-height: 75px
    }

    section.homebanner {
        background-position: 43% 415%;
        background-size: 261% 108%
    }

    section.about-img {
        background-position: 43% 364%;
        background-size: 323% 109%
    }

    section.feature-img {
        background-position: 43% 364%;
        background-size: 323% 109%
    }

    section.why_ichamp_img {
        background-position: 50% 454%;
        background-size: 309% 109%
    }

    section.academic_img {
        background-position: 50% 454%;
        background-size: 304% 110%
    }

    .carousel-indicators li {
        display: inline-block;
        text-indent: -999px;
        cursor: pointer;
        border: none;
        height: .5rem;
        width: .5rem;
        background-color: #e4e4e5;
        margin: .1rem;
        border-radius: 100%
    }

    .carousel-indicators {
        bottom: -30px
    }

        .carousel-indicators .active {
            height: .5rem;
            width: .5rem;
            margin: .1rem;
            background-color: #4ce3c5
        }

    .main-box-testiminails {
        min-width: calc(100% / 1);
        max-width: calc(100% / 1);
        transform: scale(.9);
        margin: 60px 0 0
    }

    .content-box-testimonail p {
        font-size: .75rem
    }

    .left-content-box {
        width: 100%
    }

        .left-content-box p {
            width: 100%
        }

    .next-pager-option {
        margin: 2rem 0
    }

    .small-banner-multi {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 10px 0;
        scroll-snap-type: x mandatory
    }

        .small-banner-multi::-webkit-scrollbar {
            width: 0
        }

    .multi-bann {
        width: calc(100% / 3px);
        min-width: calc(100% / 1);
        max-width: calc(100% / 1);
        scroll-snap-align: center
    }

    .content-box-testimonail img {
        width: 100px !important
    }

    .multi-bann img {
        border-radius: 0
    }

    .owl-item .active ~ .owl-item.main-box-testiminails {
        transform: translateX(-65px) scale(.7)
    }

    .owl-item .active + .owl-item.main-box-testiminails {
        transform: translateX(-65px) scale(.7)
    }

    .owl-dots {
        display: block;
        margin: 1rem auto 0 auto;
        text-align: center
    }

    .owl-dot.active span {
        background: #52baa8
    }

    .owl-dots span {
        background: none repeat scroll 0 0 #e4e4e5;
        border-radius: 20px;
        display: block;
        height: 8px;
        margin: 0 4px;
        opacity: 1;
        width: 8px
    }

    .owl-dots button:focus {
        outline: 0
    }

    .boxes-satisfaction {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        margin: 10px 0
    }

    .satisfy_text-box-child {
        padding: 0 10px;
        width: 155px
    }

    .boxes-satisfaction h5 {
        text-align: left;
        margin: 13px 0 0 0
    }

    .boxes-satisfaction p {
        text-align: left
    }

    .make-learning-func {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        margin-top: 20px
    }

        .make-learning-func::-webkit-scrollbar {
            width: 0
        }

        .make-learning-func::-moz-scrollbar {
            width: 0
        }

    .child-position:nth-of-type(2) .position-number {
        font-size: 86px
    }

    .child-position:nth-of-type(1) .position-number {
        font-size: 60px;
        line-height: 95px
    }

    .child-position:nth-of-type(3) .position-number {
        font-size: 50px;
        line-height: 80px
    }

    .make-learning-func::-ms-scrollbar {
        width: 0
    }

    .make-learning-func::-o-scrollbar {
        width: 0
    }

    .download-app-link {
        padding: 0;
        margin: 30px 0 0 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .banner-content {
        display: flex;
        padding: 11% 0 0 0;
        flex-direction: column
    }

    .sub-content-box {
        position: relative;
        top: 0;
        transform: translateY(0)
    }

    .why-satified-boxes {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 2rem 0 0 0
    }

    .address-box {
        justify-self: center;
        min-width: calc(100% / 1.2)
    }

    .contact-us-sec {
        padding: 50px 10px 10px 10px;
        justify-content: flex-start;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    .leaderboard-design-sec {
        padding: 33px 0 15px 0
    }

    .footer-and-testimonial {
        padding: 30px 0;
        background-position: 85% 18%
    }

    .scroller-to-top-p {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center
    }

    .satusfied-users {
        padding: 30px 0 30px 0
    }

    .owl-carousel .owl-stage-outer {
        padding: 60px 0 0 0
    }

    .left-student-postion-box {
        float: none;
        width: 100%;
        padding: 0
    }

    .classcontent-selecedtabs {
        flex-direction: column
    }

    .mobile-filter-subject_date {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between
    }

        .mobile-filter-subject_date .mobile-filter-box-2 {
            margin-left: auto
        }

    .right-student-list-box {
        width: 100%;
        float: none;
        padding: 0
    }

    .class-selector-stu .nav-tabs {
        flex-direction: row;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    .user-details-right-box li {
        margin-bottom: 10px;
        padding: 5px 1rem 5px 1.8125rem
    }

    .parent-student-postition-i {
        padding: 0 13px
    }

    .icon-box-left {
        width: 45px;
        margin-right: .5rem;
        height: 45px
    }

    .badge-level-box img {
        width: 20px;
        height: 20px
    }

    .user-details-right-box {
        padding: 0 7px;
        margin: 10px 0;
        height: 132px
    }

    .download-app-link p {
        margin: 0 0
    }

    .lets-start-box .input-group:after {
        left: 13px;
        line-height: 0
    }

    .lets-start-box .form-control {
        padding: 12px 12px 12px 35px
    }

    .footer-link ul {
        margin: 0;
        padding: 0;
        color: #fff;
        list-style-type: circle
    }

        .footer-link ul li {
            display: inline-block;
            margin: 0 30px 0 0;
            position: relative
        }

            .footer-link ul li:last-child:after {
                display: none
            }

            .footer-link ul li:after {
                content: '';
                position: absolute;
                width: 4px;
                height: 4px;
                background: #e4e4e5;
                border-radius: 100%;
                display: inline-block;
                margin: 0 1px;
                cursor: pointer;
                transition: .5s cubic-bezier(.215, .61, .355, 1);
                right: -19px;
                top: 50%;
                transform: translateY(-50%)
            }

    .footer-sec-main {
        margin: 3rem 0
    }

    .botom-footer-coopy-right .copy-right-text {
        text-align: center;
        float: none;
        margin: 5px 0 20px 0
    }

    .scroll-top-button {
        text-align: center;
        margin: 15px 0 0 0
    }

    .botom-footer-coopy-right {
        margin: 30px 0 0 0
    }

    .footer-sec-main .ready-text h4 {
        margin: 0
    }

    .about-ichamp-footer .about-ichamp-footer {
        width: 100%;
        margin: 10px 0 0 0
    }

    .footer-link p {
        margin-top: 20px;
        margin-bottom: 8px
    }

    .lets-start-box {
        width: 100%
    }

    .team-leadership-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .leader-box {
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

        .leader-box div.text-leader {
            max-height: 75px;
            min-height: 73px;
            overflow: hidden
        }

    .our-subject-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .custom-dots-mobile-slider::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-moz-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-ms-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-o-scrollbar {
        width: 0;
        height: 0
    }

    .our-subject-box {
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        border-radius: 8px;
        padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
        position: relative;
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

    .subject-wise-list {
        margin-top: 20px
    }

    .comming-soon {
        width: 100%
    }

    .slider_container {
        display: flex
    }

    .child-position p {
        font-size: 1rem
    }

    .footer-links-subsec {
        flex-direction: column
    }

    .about-ichamp-footer .about-ichamp-text {
        width: 100%
    }

    .footer-links-block-box:nth-child(1) {
        width: 100%
    }

    .footer-links-block-box:nth-child(2) {
        width: 100%
    }

    .footer-links-block-box:nth-child(3) {
        width: 100%
    }

    .footer-links-block-box:nth-child(4) {
        width: 100%
    }

    .footer-link ul li {
        display: inline-block;
        margin: 0 30px 0 0;
        position: relative
    }

    .Class_title_subwebpage {
        margin: 0 0 1rem 0
    }

    .web_class_subpage_container {
        padding: 4.5rem 2rem 1.25rem 2rem;
        margin: 4rem 0 0 0
    }

    .article-entry {
        padding: 0 0
    }

        .article-entry img,
        .article-entry video {
            width: 95%;
            margin: 1rem auto
        }

    .blog_footer_read_links #sidebar {
        flex-direction: column
    }

    .widget-wrap:nth-child(odd) {
        width: 100%
    }

    .widget-wrap:nth-child(even) {
        width: 100%
    }

    .widget-title {
        margin: .75rem 0 1.1rem 0
    }

    .clamp_text_blog_only {
        width: 90%
    }
}

@media only screen and (min-width:375px) and (max-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    body,
    html {
        font-size: 14px
    }

        body.lock-scroll {
            overflow: hidden
        }

    header .main-header-web .navbar-brand {
        padding: 0 15px
    }

    header .main-header-web .navbar-collapse .nav {
        width: 100%
    }

    header .main-header-web {
        padding: 10px 0;
        background: #fff;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
        height: 70px
    }

        header .main-header-web .custom-navigation-design {
            padding: 15px 0
        }

        header .main-header-web .navbar-collapse {
            text-align: center;
            background: #265381;
            padding: 20px 20px 10px 20px;
            border: none;
            margin-top: 10px;
            -webkit-transition: height .56s cubic-bezier(.52, .16, .24, 1);
            transition: height .56s cubic-bezier(.52, .16, .24, 1)
        }

        header .main-header-web ul li a.active {
            color: #52baa8;
            font-weight: 500;
            background: 0 0
        }

    header .main-header-we .nav .open > a,
    header .main-header-we .nav .open > a:focus,
    header .main-header-we .nav .open > a:hover {
        background-color: transparent;
        border-color: #52baa8
    }

    header .main-header-web ul li {
        border-bottom: 2px solid #316c8b
    }

        header .main-header-web ul li a {
            text-align: left;
            color: #fff
        }

    header .main-header-web .navbar-brand img {
        height: 100%;
        width: 140px
    }

    header .main-header-web ul li.playnow-button a {
        background: #52baa8;
        color: #fff
    }

    section.homebanner {
        margin-top: 70px
    }

    .navbar-nav .open .dropdown-menu > li {
        display: inline-block
    }

    .navbar-nav .open .social-icon-box-m > li {
        border: none
    }

        .navbar-nav .open .social-icon-box-m > li > a {
            line-height: 20px;
            border: none;
            display: inline-block;
            padding: 6px 6px;
            font-size: 24px
        }

    .subject-m-box {
        padding: 0 20px
    }

        .subject-m-box li:last-child {
            border: none
        }

        .subject-m-box li {
            display: block !important
        }

    header .main-header-web ul li .caret {
        text-align: right;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%)
    }

    .left-content-box h1 {
        font-size: 1.75rem
    }

    .left-content-box p {
        font-size: 1rem
    }

    .web-main-subtitle {
        font-size: 1.75rem;
        margin: 0 0 20px 0
    }

    .web-main-title {
        font-size: 1rem
    }

    .Username-box h5 {
        text-align: left;
        white-space: nowrap;
        width: 85px;
        overflow: hidden;
        text-overflow: clip;
        margin: auto
    }

    .download-app-link img {
        margin: 0 0;
        padding: 0 5px 0 0
    }

    .language-select-filter {
        display: none
    }

    .class-selector-stu .nav-tabs li a {
        padding: 13px 15px
    }

    .class-selector-stu .nav-tabs::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-moz-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-ms-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-o-scrollbar {
        width: 0;
        height: 0
    }

    .our-feature-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .our-feature-box {
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        border-radius: 8px;
        padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
        position: relative;
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

        .our-feature-box div.fetaure-text {
            max-height: 75px;
            overflow: hidden;
            min-height: 75px
        }

    .our-subject-box div.subject-text {
        max-height: 75px;
        overflow: hidden;
        min-height: 75px
    }

    section.home-img {
        background-position: 97% 0;
        background-size: 125% 77%
    }

    section.feature-img {
        background-position: 97% 0;
        background-size: 125% 96%
    }

    section.about-img {
        background-position: 92% 0;
        background-size: 132% 83%
    }

    section.contact-img {
        background-position: 89% 0;
        background-size: 129% 72%
    }

    section.subject-img {
        background-position: 97% 0;
        background-size: 125% 63%
    }

    .main-box-testiminails {
        min-width: calc(100% / 1);
        max-width: calc(100% / 1);
        transform: scale(.9);
        margin: 60px 0 0 0
    }

    .content-box-testimonail p {
        font-size: .75rem
    }

    .carousel-indicators li {
        display: inline-block;
        text-indent: -999px;
        cursor: pointer;
        border: none;
        height: .5rem;
        width: .5rem;
        background-color: #e4e4e5;
        margin: .1rem;
        border-radius: 100%
    }

    .carousel-indicators {
        bottom: -30px
    }

        .carousel-indicators .active {
            height: .5rem;
            width: .5rem;
            margin: .1rem;
            background-color: #4ce3c5
        }

    .left-content-box p {
        width: 100%
    }

    .small-banner-multi {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 10px 0;
        scroll-snap-type: x mandatory
    }

        .small-banner-multi::-webkit-scrollbar {
            width: 0
        }

    .multi-bann {
        width: calc(100% / 3px);
        min-width: calc(100% / 1);
        max-width: calc(100% / 1);
        scroll-snap-align: center
    }

    .content-box-testimonail img {
        width: 100px !important
    }

    .multi-bann img {
        border-radius: 0
    }

    .owl-item .active ~ .owl-item.main-box-testiminails {
        transform: translateX(-65px) scale(.7)
    }

    .owl-item .active + .owl-item.main-box-testiminails {
        transform: translateX(-65px) scale(.7)
    }

    .owl-dots {
        display: block;
        margin: 1rem auto 0 auto;
        text-align: center
    }

    .owl-dot.active span {
        background: #52baa8
    }

    .owl-dots span {
        background: none repeat scroll 0 0 #e4e4e5;
        border-radius: 20px;
        display: block;
        height: 8px;
        margin: 0 4px;
        opacity: 1;
        width: 8px
    }

    .owl-dots button:focus {
        outline: 0
    }

    .boxes-satisfaction {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        margin: 10px 0
    }

    .satisfy_text-box-child {
        padding: 0 10px;
        width: 155px
    }

    .boxes-satisfaction h5 {
        text-align: left;
        margin: 13px 0 0 0
    }

    .boxes-satisfaction p {
        text-align: left
    }

    .make-learning-func {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        margin-top: 20px
    }

        .make-learning-func::-webkit-scrollbar {
            width: 0
        }

        .make-learning-func::-moz-scrollbar {
            width: 0
        }

    .child-position:nth-of-type(2) .position-number {
        font-size: 86px
    }

    .child-position:nth-of-type(1) .position-number {
        font-size: 60px;
        line-height: 95px
    }

    .child-position:nth-of-type(3) .position-number {
        font-size: 50px;
        line-height: 80px
    }

    .make-learning-func::-ms-scrollbar {
        width: 0
    }

    .make-learning-func::-o-scrollbar {
        width: 0
    }

    .download-app-link {
        padding: 0;
        margin: 30px 0 0 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .banner-content {
        display: flex;
        padding: 11% 0 0 0;
        flex-direction: column
    }

    .sub-content-box {
        position: relative;
        top: 0;
        transform: translateY(0)
    }

    .why-satified-boxes {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .address-box {
        justify-self: center;
        min-width: calc(100% / 1.2)
    }

    .contact-us-sec {
        padding: 50px 10px 10px 10px;
        justify-content: flex-start;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    .leaderboard-design-sec {
        padding: 33px 0 15px 0
    }

    .footer-and-testimonial {
        padding: 30px 0;
        background-position: 57% 18%
    }

    .scroller-to-top-p {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center
    }

    .satusfied-users {
        padding: 30px 0 30px 0
    }

    .owl-carousel .owl-stage-outer {
        padding: 60px 0 0 0
    }

    .left-student-postion-box {
        float: none;
        width: 100%;
        padding: 0
    }

    .classcontent-selecedtabs {
        flex-direction: column
    }

    .mobile-filter-subject_date {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between
    }

        .mobile-filter-subject_date .mobile-filter-box-2 {
            margin-left: auto
        }

    .right-student-list-box {
        width: 100%;
        float: none;
        padding: 0
    }

    .class-selector-stu .nav-tabs {
        flex-direction: row;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    .user-details-right-box li {
        margin-bottom: 10px;
        padding: 5px 1rem 5px 1.8125rem
    }

    .parent-student-postition-i {
        padding: 0 13px
    }

    .icon-box-left {
        width: 45px;
        margin-right: .5rem;
        height: 45px
    }

    .badge-level-box img {
        width: 20px;
        height: 20px
    }

    .user-details-right-box {
        padding: 0 7px;
        margin: 10px 0;
        height: 132px
    }

    .download-app-link p {
        margin: 0 0
    }

    .lets-start-box .input-group:after {
        left: 13px;
        line-height: 0
    }

    .lets-start-box .form-control {
        padding: 12px 12px 12px 35px
    }

    .footer-link ul {
        margin: 0;
        padding: 0;
        color: #fff;
        list-style-type: circle
    }

        .footer-link ul li {
            display: inline-block;
            margin: 0 30px 0 0;
            position: relative
        }

            .footer-link ul li:last-child:after {
                display: none
            }

            .footer-link ul li:after {
                content: '';
                position: absolute;
                width: 4px;
                height: 4px;
                background: #e4e4e5;
                border-radius: 100%;
                display: inline-block;
                margin: 0 1px;
                cursor: pointer;
                transition: .5s cubic-bezier(.215, .61, .355, 1);
                right: -19px;
                top: 50%;
                transform: translateY(-50%)
            }

    .footer-sec-main {
        margin: 3rem 0
    }

    .botom-footer-coopy-right .copy-right-text {
        text-align: center;
        float: none;
        margin: 5px 0 20px 0
    }

    .scroll-top-button {
        text-align: center;
        margin: 15px 0 0 0
    }

    .botom-footer-coopy-right {
        margin: 30px 0 0 0
    }

    .footer-sec-main .ready-text h4 {
        margin: 0
    }

    .about-ichamp-footer .about-ichamp-footer {
        width: 100%;
        margin: 10px 0 0 0
    }

    .footer-link p {
        margin-top: 20px;
        margin-bottom: 8px
    }

    .lets-start-box {
        width: 100%
    }

    .team-leadership-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .leader-box {
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

        .leader-box div.text-leader {
            max-height: 75px;
            min-height: 73px;
            overflow: hidden
        }

    .our-subject-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .custom-dots-mobile-slider::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-moz-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-ms-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-o-scrollbar {
        width: 0;
        height: 0
    }

    .our-subject-box {
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        border-radius: 8px;
        padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
        position: relative;
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

    .subject-wise-list {
        margin-top: 20px
    }

    .comming-soon {
        width: 100%
    }

    .slider_container {
        display: flex
    }

    .child-position p {
        font-size: 1rem
    }

    .footer-links-subsec {
        flex-direction: column
    }

    .about-ichamp-footer .about-ichamp-text {
        width: 100%
    }

    .footer-links-block-box:nth-child(1) {
        width: 100%
    }

    .footer-links-block-box:nth-child(2) {
        width: 100%
    }

    .footer-links-block-box:nth-child(3) {
        width: 100%
    }

    .footer-links-block-box:nth-child(4) {
        width: 100%
    }

    .footer-link ul li {
        display: inline-block;
        margin: 0 30px 0 0;
        position: relative
    }

    .article-entry {
        padding: 0 0
    }

        .article-entry img,
        .article-entry video {
            width: 95%;
            margin: 1rem auto
        }

    .blog_footer_read_links #sidebar {
        flex-direction: column
    }

    .widget-wrap:nth-child(odd) {
        width: 100%
    }

    .widget-wrap:nth-child(even) {
        width: 100%
    }

    .widget-title {
        margin: .75rem 0 1.1rem 0
    }

    .clamp_text_blog_only {
        width: 90%
    }
}

@media screen and (min-width:360px) and (max-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape) {
    body,
    html {
        font-size: 14px
    }

        body.lock-scroll {
            overflow: hidden
        }

    header .main-header-web .navbar-brand {
        padding: 0 15px
    }

    header .main-header-web .navbar-collapse .nav {
        width: 100%
    }

    header .main-header-web {
        padding: 10px 0;
        background: #fff;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
        height: 70px
    }

        header .main-header-web .custom-navigation-design {
            padding: 15px 0
        }

        header .main-header-web .navbar-collapse {
            text-align: center;
            background: #265381;
            padding: 20px 20px 10px 20px;
            border: none;
            margin-top: 10px;
            -webkit-transition: height .56s cubic-bezier(.52, .16, .24, 1);
            transition: height .56s cubic-bezier(.52, .16, .24, 1)
        }

        header .main-header-web ul li a.active {
            color: #52baa8;
            font-weight: 500;
            background: 0 0
        }

    header .main-header-we .nav .open > a,
    header .main-header-we .nav .open > a:focus,
    header .main-header-we .nav .open > a:hover {
        background-color: transparent;
        border-color: #52baa8
    }

    header .main-header-web ul li {
        border-bottom: 2px solid #316c8b
    }

        header .main-header-web ul li a {
            text-align: left;
            color: #fff
        }

    header .main-header-web .navbar-brand img {
        height: 100%;
        width: 140px
    }

    header .main-header-web ul li.playnow-button a {
        background: #52baa8;
        color: #fff
    }

    .navbar-nav .open .dropdown-menu > li {
        display: inline-block
    }

    .navbar-nav .open .social-icon-box-m > li {
        border: none
    }

        .navbar-nav .open .social-icon-box-m > li > a {
            line-height: 20px;
            border: none;
            display: inline-block;
            padding: 6px 6px;
            font-size: 24px
        }

    section.homebanner {
        margin-top: 70px
    }

    .subject-m-box {
        padding: 0 20px
    }

        .subject-m-box li:last-child {
            border: none
        }

        .subject-m-box li {
            display: block !important
        }

    header .main-header-web ul li .caret {
        text-align: right;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%)
    }

    .left-content-box h1 {
        font-size: 1.75rem
    }

    .left-content-box p {
        font-size: 1rem
    }

    .web-main-subtitle {
        font-size: 1.75rem;
        margin: 0 0 20px 0
    }

    .web-main-title {
        font-size: 1rem
    }

    .Username-box h5 {
        text-align: left;
        white-space: nowrap;
        width: 85px;
        overflow: hidden;
        text-overflow: clip;
        margin: auto
    }

    .download-app-link img {
        margin: 0 0;
        padding: 0 5px 0 0
    }

    .language-select-filter {
        display: none
    }

    .class-selector-stu .nav-tabs li a {
        padding: 13px 15px
    }

    .class-selector-stu .nav-tabs::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-moz-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-ms-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-o-scrollbar {
        width: 0;
        height: 0
    }

    .our-feature-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .our-feature-box {
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        border-radius: 8px;
        padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
        position: relative;
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

        .our-feature-box div.fetaure-text {
            max-height: 75px;
            overflow: hidden;
            min-height: 75px
        }

    .our-subject-box div.subject-text {
        max-height: 75px;
        overflow: hidden;
        min-height: 75px
    }

    section.homebanner {
        background-position: 0 18%;
        background-size: contain
    }

    section.feature-img {
        background-position: 0 27%
    }

    .main-box-testiminails {
        min-width: calc(100% / 1);
        max-width: calc(100% / 1);
        transform: scale(.9)
    }

    .left-content-box p {
        width: 100%
    }

    .small-banner-multi {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 10px 0;
        scroll-snap-type: x mandatory
    }

        .small-banner-multi::-webkit-scrollbar {
            width: 0
        }

    .multi-bann {
        width: calc(100% / 3px);
        min-width: calc(100% / 1);
        max-width: calc(100% / 1);
        scroll-snap-align: center
    }

    .content-box-testimonail img {
        width: 100px !important
    }

    .multi-bann img {
        border-radius: 0
    }

    .owl-item .active ~ .owl-item.main-box-testiminails {
        transform: translateX(-65px) scale(.7)
    }

    .owl-item .active + .owl-item.main-box-testiminails {
        transform: translateX(-65px) scale(.7)
    }

    .owl-dots {
        display: block;
        margin: 1rem auto 0 auto;
        text-align: center
    }

    .owl-dot.active span {
        background: #52baa8
    }

    .owl-dots span {
        background: none repeat scroll 0 0 #e4e4e5;
        border-radius: 20px;
        display: block;
        height: 8px;
        margin: 0 4px;
        opacity: 1;
        width: 8px
    }

    .owl-dots button:focus {
        outline: 0
    }

    .boxes-satisfaction {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        margin: 10px 0
    }

    .satisfy_text-box-child {
        padding: 0 10px;
        width: 155px
    }

    .boxes-satisfaction h5 {
        text-align: left;
        margin: 13px 0 0 0
    }

    .boxes-satisfaction p {
        text-align: left
    }

    .make-learning-func {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        margin-top: 20px
    }

        .make-learning-func::-webkit-scrollbar {
            width: 0
        }

        .make-learning-func::-moz-scrollbar {
            width: 0
        }

    .child-position:nth-of-type(2) .position-number {
        font-size: 86px
    }

    .child-position:nth-of-type(1) .position-number {
        font-size: 60px;
        line-height: 95px
    }

    .child-position:nth-of-type(3) .position-number {
        font-size: 50px;
        line-height: 80px
    }

    .make-learning-func::-ms-scrollbar {
        width: 0
    }

    .make-learning-func::-o-scrollbar {
        width: 0
    }

    .download-app-link {
        padding: 0;
        margin: 30px 0 0 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .banner-content {
        display: flex;
        padding: 11% 0 0 0;
        flex-direction: column
    }

    .sub-content-box {
        position: relative;
        top: 0;
        transform: translateY(0)
    }

    .why-satified-boxes {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .address-box {
        justify-self: center;
        min-width: calc(100% / 1.2)
    }

    .contact-us-sec {
        padding: 50px 10px 10px 10px;
        justify-content: flex-start;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    .leaderboard-design-sec {
        padding: 33px 0 15px 0
    }

    .footer-and-testimonial {
        padding: 30px 0;
        background-position: 57% 18%
    }

    .scroller-to-top-p {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center
    }

    .satusfied-users {
        padding: 30px 0 30px 0
    }

    .owl-carousel .owl-stage-outer {
        padding: 60px 0 0 0
    }

    .left-student-postion-box {
        float: none;
        width: 100%;
        padding: 0
    }

    .classcontent-selecedtabs {
        flex-direction: column
    }

    .mobile-filter-subject_date {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between
    }

        .mobile-filter-subject_date .mobile-filter-box-2 {
            margin-left: auto
        }

    .right-student-list-box {
        width: 100%;
        float: none;
        padding: 0
    }

    .class-selector-stu .nav-tabs {
        flex-direction: row;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    .user-details-right-box li {
        margin-bottom: 10px;
        padding: 5px 1rem 5px 1.8125rem
    }

    .parent-student-postition-i {
        padding: 0 13px
    }

    .icon-box-left {
        width: 45px;
        margin-right: .5rem;
        height: 45px
    }

    .badge-level-box img {
        width: 20px;
        height: 20px
    }

    .user-details-right-box {
        padding: 0 7px;
        margin: 10px 0;
        height: 132px
    }

    .download-app-link p {
        margin: 0 0
    }

    .lets-start-box .input-group:after {
        left: 13px;
        line-height: 0
    }

    .lets-start-box .form-control {
        padding: 12px 12px 12px 35px
    }

    .footer-link ul {
        margin: 0;
        padding: 0;
        color: #fff;
        list-style-type: circle
    }

        .footer-link ul li {
            display: inline-block;
            margin: 0 30px 0 0;
            position: relative
        }

            .footer-link ul li:last-child:after {
                display: none
            }

            .footer-link ul li:after {
                content: '';
                position: absolute;
                width: 4px;
                height: 4px;
                background: #e4e4e5;
                border-radius: 100%;
                display: inline-block;
                margin: 0 1px;
                cursor: pointer;
                transition: .5s cubic-bezier(.215, .61, .355, 1);
                right: -19px;
                top: 50%;
                transform: translateY(-50%)
            }

    .footer-sec-main {
        margin: 3rem 0
    }

    .botom-footer-coopy-right .copy-right-text {
        text-align: center;
        float: none;
        margin: 5px 0 20px 0
    }

    .scroll-top-button {
        text-align: center;
        margin: 15px 0 0 0
    }

    .botom-footer-coopy-right {
        margin: 30px 0 0 0
    }

    .footer-sec-main .ready-text h4 {
        margin: 0
    }

    .about-ichamp-footer .about-ichamp-footer {
        width: 100%;
        margin: 10px 0 0 0
    }

    .footer-link p {
        margin-top: 20px;
        margin-bottom: 8px
    }

    .lets-start-box {
        width: 100%
    }

    .team-leadership-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .leader-box {
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

        .leader-box div.text-leader {
            max-height: 75px;
            min-height: 73px;
            overflow: hidden
        }

    .our-subject-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .custom-dots-mobile-slider::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-moz-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-ms-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-o-scrollbar {
        width: 0;
        height: 0
    }

    .our-subject-box {
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        border-radius: 8px;
        padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
        position: relative;
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

    .subject-wise-list {
        margin-top: 20px
    }

    .comming-soon {
        width: 100%
    }

    .slider_container {
        display: flex
    }

    .child-position p {
        font-size: 1rem
    }

    .footer-links-subsec {
        flex-direction: column
    }

    .about-ichamp-footer .about-ichamp-text {
        width: 100%
    }

    .footer-links-block-box:nth-child(1) {
        width: 100%
    }

    .footer-links-block-box:nth-child(2) {
        width: 100%
    }

    .footer-links-block-box:nth-child(3) {
        width: 100%
    }

    .footer-links-block-box:nth-child(4) {
        width: 100%
    }

    .footer-link ul li {
        display: inline-block;
        margin: 0 30px 0 0;
        position: relative
    }

    .article-entry {
        padding: 0 0
    }

        .article-entry img,
        .article-entry video {
            width: 95%;
            margin: 1rem auto
        }

    .blog_footer_read_links #sidebar {
        flex-direction: column
    }

    .widget-wrap:nth-child(odd) {
        width: 100%
    }

    .widget-wrap:nth-child(even) {
        width: 100%
    }

    .widget-title {
        margin: .75rem 0 1.1rem 0
    }

    .clamp_text_blog_only {
        width: 90%
    }
}

@media only screen and (min-width:414px) and (max-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    body,
    html {
        font-size: 14px
    }

        body.lock-scroll {
            overflow: hidden
        }

    header .main-header-web .navbar-brand {
        padding: 0 15px
    }

    header .main-header-web .navbar-collapse .nav {
        width: 100%
    }

    header .main-header-web {
        padding: 10px 0;
        background: #fff;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
        height: 70px
    }

        header .main-header-web .custom-navigation-design {
            padding: 15px 0
        }

        header .main-header-web .navbar-collapse {
            text-align: center;
            background: #265381;
            padding: 20px 20px 10px 20px;
            border: none;
            margin-top: 10px;
            -webkit-transition: height .56s cubic-bezier(.52, .16, .24, 1);
            transition: height .56s cubic-bezier(.52, .16, .24, 1)
        }

        header .main-header-web ul li a.active {
            color: #52baa8;
            font-weight: 500;
            background: 0 0
        }

    header .main-header-we .nav .open > a,
    header .main-header-we .nav .open > a:focus,
    header .main-header-we .nav .open > a:hover {
        background-color: transparent;
        border-color: #52baa8
    }

    header .main-header-web ul li {
        border-bottom: 2px solid #316c8b
    }

        header .main-header-web ul li a {
            text-align: left;
            color: #fff
        }

    header .main-header-web .navbar-brand img {
        height: 100%;
        width: 140px
    }

    header .main-header-web ul li.playnow-button a {
        background: #52baa8;
        color: #fff
    }

    section.homebanner {
        margin-top: 70px
    }

    .navbar-nav .open .dropdown-menu > li {
        display: inline-block
    }

    .navbar-nav .open .social-icon-box-m > li {
        border: none
    }

        .navbar-nav .open .social-icon-box-m > li > a {
            line-height: 20px;
            border: none;
            display: inline-block;
            padding: 6px 6px;
            font-size: 24px
        }

    .subject-m-box {
        padding: 0 20px
    }

        .subject-m-box li:last-child {
            border: none
        }

        .subject-m-box li {
            display: block !important
        }

    header .main-header-web ul li .caret {
        text-align: right;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%)
    }

    .left-content-box h1 {
        font-size: 1.75rem
    }

    .left-content-box p {
        font-size: 1rem
    }

    .web-main-subtitle {
        font-size: 1.75rem;
        margin: 0 0 20px 0
    }

    .web-main-title {
        font-size: 1rem
    }

    .Username-box h5 {
        text-align: left;
        white-space: nowrap;
        width: 85px;
        overflow: hidden;
        text-overflow: clip;
        margin: auto
    }

    .download-app-link img {
        margin: 0 0;
        padding: 0 5px 0 0
    }

    .language-select-filter {
        display: none
    }

    .class-selector-stu .nav-tabs li a {
        padding: 13px 15px
    }

    .class-selector-stu .nav-tabs::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-moz-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-ms-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-o-scrollbar {
        width: 0;
        height: 0
    }

    .our-feature-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .our-feature-box {
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        border-radius: 8px;
        padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
        position: relative;
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

        .our-feature-box div.fetaure-text {
            max-height: 75px;
            overflow: hidden;
            min-height: 75px
        }

    .our-subject-box div.subject-text {
        max-height: 75px;
        overflow: hidden;
        min-height: 75px
    }

    section.homebanner {
        background-position: 43% 364%;
        background-size: 255% 109%
    }

    section.about-img {
        background-position: 53% 342%;
        background-size: 323% 106%
    }

    section.feature-img {
        background-position: 43% 364%;
        background-size: 323% 109%
    }

    .main-box-testiminails {
        min-width: calc(100% / 1);
        max-width: calc(100% / 1);
        transform: scale(.9)
    }

    .left-content-box p {
        width: 100%
    }

    .small-banner-multi {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 10px 0;
        scroll-snap-type: x mandatory
    }

        .small-banner-multi::-webkit-scrollbar {
            width: 0
        }

    .multi-bann {
        width: calc(100% / 3px);
        min-width: calc(100% / 1);
        max-width: calc(100% / 1);
        scroll-snap-align: center
    }

    .content-box-testimonail img {
        width: 100px !important
    }

    .multi-bann img {
        border-radius: 0
    }

    .owl-item .active ~ .owl-item.main-box-testiminails {
        transform: translateX(-65px) scale(.7)
    }

    .owl-item .active + .owl-item.main-box-testiminails {
        transform: translateX(-65px) scale(.7)
    }

    .owl-dots {
        display: block;
        margin: 1rem auto 0 auto;
        text-align: center
    }

    .owl-dot.active span {
        background: #52baa8
    }

    .owl-dots span {
        background: none repeat scroll 0 0 #e4e4e5;
        border-radius: 20px;
        display: block;
        height: 8px;
        margin: 0 4px;
        opacity: 1;
        width: 8px
    }

    .owl-dots button:focus {
        outline: 0
    }

    .boxes-satisfaction {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        margin: 10px 0
    }

    .satisfy_text-box-child {
        padding: 0 10px;
        width: 155px
    }

    .boxes-satisfaction h5 {
        text-align: left;
        margin: 13px 0 0 0
    }

    .boxes-satisfaction p {
        text-align: left
    }

    .make-learning-func {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        margin-top: 20px
    }

        .make-learning-func::-webkit-scrollbar {
            width: 0
        }

        .make-learning-func::-moz-scrollbar {
            width: 0
        }

    .child-position:nth-of-type(2) .position-number {
        font-size: 86px
    }

    .child-position:nth-of-type(1) .position-number {
        font-size: 60px;
        line-height: 95px
    }

    .child-position:nth-of-type(3) .position-number {
        font-size: 50px;
        line-height: 80px
    }

    .make-learning-func::-ms-scrollbar {
        width: 0
    }

    .make-learning-func::-o-scrollbar {
        width: 0
    }

    .download-app-link {
        padding: 0;
        margin: 30px 0 0 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start
    }

    .our_download_stores {
        margin: 0 10px 0 0
    }

    .banner-content {
        display: flex;
        padding: 11% 0 0 0;
        flex-direction: column
    }

    .sub-content-box {
        position: relative;
        top: 0;
        transform: translateY(0)
    }

    .why-satified-boxes {
        flex-direction: column;
        margin: 0 32%
    }

    .address-box {
        justify-self: center;
        min-width: calc(100% / 1.2)
    }

    .contact-us-sec {
        padding: 50px 10px 10px 10px;
        justify-content: flex-start;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    .leaderboard-design-sec {
        padding: 33px 0 15px 0
    }

    .footer-and-testimonial {
        padding: 30px 0;
        background-position: 57% 18%
    }

    .scroller-to-top-p {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center
    }

    .satusfied-users {
        padding: 30px 0 30px 0
    }

    .owl-carousel .owl-stage-outer {
        padding: 60px 0 0 0
    }

    .left-student-postion-box {
        float: none;
        width: 100%;
        padding: 0
    }

    .classcontent-selecedtabs {
        flex-direction: column
    }

    .mobile-filter-subject_date {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between
    }

        .mobile-filter-subject_date .mobile-filter-box-2 {
            margin-left: auto
        }

    .right-student-list-box {
        width: 100%;
        float: none;
        padding: 0
    }

    .class-selector-stu .nav-tabs {
        flex-direction: row;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    .user-details-right-box li {
        margin-bottom: 10px;
        padding: 5px 1rem 5px 1.8125rem
    }

    .parent-student-postition-i {
        padding: 0 13px
    }

    .icon-box-left {
        width: 45px;
        margin-right: .5rem;
        height: 45px
    }

    .badge-level-box img {
        width: 20px;
        height: 20px
    }

    .user-details-right-box {
        padding: 0 7px;
        margin: 10px 0;
        height: 132px
    }

    .download-app-link p {
        margin: 0 0
    }

    .lets-start-box .input-group:after {
        left: 13px;
        line-height: 0
    }

    .lets-start-box .form-control {
        padding: 12px 12px 12px 35px
    }

    .footer-link ul {
        margin: 0;
        padding: 0;
        color: #fff;
        list-style-type: circle
    }

    .footer-links-subsec {
        flex-direction: column
    }

    .footer-links-block-box:nth-child(1) {
        width: 100%
    }

    .footer-links-block-box:nth-child(2) {
        width: 100%
    }

    .footer-links-block-box:nth-child(3) {
        width: 100%
    }

    .footer-links-block-box:nth-child(4) {
        width: 100%
    }

    .footer-link ul li {
        display: inline-block;
        margin: 0 30px 0 0;
        position: relative
    }

        .footer-link ul li:last-child:after {
            display: none
        }

        .footer-link ul li:after {
            content: '';
            position: absolute;
            width: 4px;
            height: 4px;
            background: #e4e4e5;
            border-radius: 100%;
            display: inline-block;
            margin: 0 1px;
            cursor: pointer;
            transition: .5s cubic-bezier(.215, .61, .355, 1);
            right: -19px;
            top: 50%;
            transform: translateY(-50%)
        }

    .footer-sec-main {
        margin: 3rem 0 0 0
    }

    .botom-footer-coopy-right .copy-right-text {
        text-align: center;
        float: none;
        margin: 5px 0 20px 0
    }

    .scroll-top-button {
        text-align: center;
        margin: 15px 0 0 0
    }

    .botom-footer-coopy-right {
        margin: 30px 0 0 0
    }

    .footer-sec-main .ready-text h4 {
        margin: 0
    }

    .about-ichamp-footer .about-ichamp-text {
        width: 100%;
        margin: 10px 0 0 0
    }

    .footer-link p {
        margin-top: 20px;
        margin-bottom: 8px
    }

    .lets-start-box {
        padding: 0 0;
        width: 100%
    }

    .team-leadership-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .leader-box {
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

        .leader-box div.text-leader {
            max-height: 75px;
            min-height: 73px;
            overflow: hidden
        }

    .our-subject-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .custom-dots-mobile-slider::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-moz-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-ms-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-o-scrollbar {
        width: 0;
        height: 0
    }

    .our-subject-box {
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        border-radius: 8px;
        padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
        position: relative;
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

    .subject-wise-list {
        margin-top: 20px
    }

    .comming-soon {
        width: 100%
    }

    .slider_container {
        display: flex
    }

    .child-position p {
        font-size: 1rem
    }

    .get-started-footer-box {
        flex-direction: row
    }

    .started-box-main-c {
        margin: 0 15px 0 0
    }

        .started-box-main-c.started-box-text {
            width: 40%
        }

        .started-box-main-c.started-box-form {
            width: 60%
        }

    .article-entry {
        padding: 0 0
    }

        .article-entry img,
        .article-entry video {
            width: 95%;
            margin: 1rem auto
        }

    .blog_footer_read_links #sidebar {
        flex-direction: column
    }

    .widget-wrap:nth-child(odd) {
        width: 100%
    }

    .widget-wrap:nth-child(even) {
        width: 100%
    }

    .widget-title {
        margin: .75rem 0 1.1rem 0
    }

    .clamp_text_blog_only {
        width: 90%
    }
}

@media only screen and (min-width:375px) and (max-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    body,
    html {
        font-size: 14px
    }

        body.lock-scroll {
            overflow: hidden
        }

    header .main-header-web .navbar-brand {
        padding: 0 15px
    }

    header .main-header-web .navbar-collapse .nav {
        width: 100%
    }

    header .main-header-web {
        padding: 10px 0;
        background: #fff;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
        height: 70px
    }

        header .main-header-web .custom-navigation-design {
            padding: 15px 0
        }

        header .main-header-web .navbar-collapse {
            text-align: center;
            background: #265381;
            padding: 20px 20px 10px 20px;
            border: none;
            margin-top: 10px;
            -webkit-transition: height .56s cubic-bezier(.52, .16, .24, 1);
            transition: height .56s cubic-bezier(.52, .16, .24, 1)
        }

        header .main-header-web ul li a.active {
            color: #52baa8;
            font-weight: 500;
            background: 0 0
        }

    header .main-header-we .nav .open > a,
    header .main-header-we .nav .open > a:focus,
    header .main-header-we .nav .open > a:hover {
        background-color: transparent;
        border-color: #52baa8
    }

    header .main-header-web ul li {
        border-bottom: 2px solid #316c8b
    }

        header .main-header-web ul li a {
            text-align: left;
            color: #fff
        }

    header .main-header-web .navbar-brand img {
        height: 100%;
        width: 140px
    }

    header .main-header-web ul li.playnow-button a {
        background: #52baa8;
        color: #fff
    }

    .navbar-nav .open .dropdown-menu > li {
        display: inline-block
    }

    .navbar-nav .open .social-icon-box-m > li {
        border: none
    }

        .navbar-nav .open .social-icon-box-m > li > a {
            line-height: 20px;
            border: none;
            display: inline-block;
            padding: 6px 6px;
            font-size: 24px
        }

    .subject-m-box {
        padding: 0 20px
    }

        .subject-m-box li:last-child {
            border: none
        }

        .subject-m-box li {
            display: block !important
        }

    header .main-header-web ul li .caret {
        text-align: right;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%)
    }

    .left-content-box h1 {
        font-size: 1.75rem
    }

    section.homebanner {
        margin-top: 70px
    }

    .left-content-box p {
        font-size: 1rem
    }

    .web-main-subtitle {
        font-size: 1.75rem;
        margin: 0 0 20px 0
    }

    .web-main-title {
        font-size: 1rem
    }

    .Username-box h5 {
        text-align: left;
        white-space: nowrap;
        width: 85px;
        overflow: hidden;
        text-overflow: clip;
        margin: auto
    }

    .download-app-link img {
        margin: 0 0;
        padding: 0 5px 0 0
    }

    .language-select-filter {
        display: none
    }

    .class-selector-stu .nav-tabs li a {
        padding: 13px 15px
    }

    .class-selector-stu .nav-tabs::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-moz-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-ms-scrollbar {
        width: 0;
        height: 0
    }

    .class-selector-stu .nav-tabs::-o-scrollbar {
        width: 0;
        height: 0
    }

    .our-feature-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .our-feature-box {
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        border-radius: 8px;
        padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
        position: relative;
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

        .our-feature-box div.fetaure-text {
            max-height: 75px;
            overflow: hidden;
            min-height: 75px
        }

    .our-subject-box div.subject-text {
        max-height: 75px;
        overflow: hidden;
        min-height: 75px
    }

    section.homebanner {
        background-position: 65% 0;
        background-size: 169% 57%
    }

    section.feature-img {
        background-position: 0 27%
    }

    .main-box-testiminails {
        min-width: calc(100% / 1);
        max-width: calc(100% / 1);
        transform: scale(.9)
    }

    .left-content-box p {
        width: 100%
    }

    .small-banner-multi {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 10px 0;
        scroll-snap-type: x mandatory
    }

        .small-banner-multi::-webkit-scrollbar {
            width: 0
        }

    .multi-bann {
        width: calc(100% / 3px);
        min-width: calc(100% / 1);
        max-width: calc(100% / 1);
        scroll-snap-align: center
    }

    .content-box-testimonail img {
        width: 100px !important
    }

    .multi-bann img {
        border-radius: 0
    }

    .owl-item .active ~ .owl-item.main-box-testiminails {
        transform: translateX(-65px) scale(.7)
    }

    .owl-item .active + .owl-item.main-box-testiminails {
        transform: translateX(-65px) scale(.7)
    }

    .owl-dots {
        display: block;
        margin: 1rem auto 0 auto;
        text-align: center
    }

    .owl-dot.active span {
        background: #52baa8
    }

    .owl-dots span {
        background: none repeat scroll 0 0 #e4e4e5;
        border-radius: 20px;
        display: block;
        height: 8px;
        margin: 0 4px;
        opacity: 1;
        width: 8px
    }

    .owl-dots button:focus {
        outline: 0
    }

    .boxes-satisfaction {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        margin: 10px 0
    }

    .satisfy_text-box-child {
        padding: 0 10px;
        width: 155px
    }

    .boxes-satisfaction h5 {
        text-align: left;
        margin: 13px 0 0 0
    }

    .boxes-satisfaction p {
        text-align: left
    }

    .make-learning-func {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        margin-top: 20px
    }

        .make-learning-func::-webkit-scrollbar {
            width: 0
        }

        .make-learning-func::-moz-scrollbar {
            width: 0
        }

    .child-position:nth-of-type(2) .position-number {
        font-size: 86px
    }

    .child-position:nth-of-type(1) .position-number {
        font-size: 60px;
        line-height: 95px
    }

    .child-position:nth-of-type(3) .position-number {
        font-size: 50px;
        line-height: 80px
    }

    .make-learning-func::-ms-scrollbar {
        width: 0
    }

    .make-learning-func::-o-scrollbar {
        width: 0
    }

    .download-app-link {
        padding: 0;
        margin: 30px 0 0 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .banner-content {
        display: flex;
        padding: 11% 0 0 0;
        flex-direction: column
    }

    .sub-content-box {
        position: relative;
        top: 0;
        transform: translateY(0)
    }

    .why-satified-boxes {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .address-box {
        justify-self: center;
        min-width: calc(100% / 1.2)
    }

    .contact-us-sec {
        padding: 50px 10px 10px 10px;
        justify-content: flex-start;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    .leaderboard-design-sec {
        padding: 33px 0 15px 0
    }

    .footer-and-testimonial {
        padding: 30px 0;
        background-position: 57% 18%
    }

    .scroller-to-top-p {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center
    }

    .satusfied-users {
        padding: 30px 0 30px 0
    }

    .owl-carousel .owl-stage-outer {
        padding: 60px 0 0 0
    }

    .left-student-postion-box {
        float: none;
        width: 100%;
        padding: 0
    }

    .classcontent-selecedtabs {
        flex-direction: column
    }

    .mobile-filter-subject_date {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between
    }

        .mobile-filter-subject_date .mobile-filter-box-2 {
            margin-left: auto
        }

    .right-student-list-box {
        width: 100%;
        float: none;
        padding: 0
    }

    .class-selector-stu .nav-tabs {
        flex-direction: row;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    .user-details-right-box li {
        margin-bottom: 10px;
        padding: 5px 1rem 5px .8125rem
    }

    .parent-student-postition-i {
        padding: 0 13px
    }

    .icon-box-left {
        width: 45px;
        margin-right: .5rem;
        height: 45px
    }

    .badge-level-box img {
        width: 20px;
        height: 20px
    }

    .user-details-right-box {
        padding: 0 7px;
        margin: 10px 0;
        height: 132px
    }

    .download-app-link p {
        margin: 0 0
    }

    .lets-start-box .input-group:after {
        left: 13px;
        line-height: 0
    }

    .lets-start-box .form-control {
        padding: 12px 12px 12px 35px
    }

    .footer-link ul {
        margin: 0;
        padding: 0;
        color: #fff;
        list-style-type: circle
    }

        .footer-link ul li {
            display: inline-block;
            margin: 0 30px 0 0;
            position: relative
        }

            .footer-link ul li:last-child:after {
                display: none
            }

            .footer-link ul li:after {
                content: '';
                position: absolute;
                width: 4px;
                height: 4px;
                background: #e4e4e5;
                border-radius: 100%;
                display: inline-block;
                margin: 0 1px;
                cursor: pointer;
                transition: .5s cubic-bezier(.215, .61, .355, 1);
                right: -19px;
                top: 50%;
                transform: translateY(-50%)
            }

    .footer-sec-main {
        margin: 9rem 0 1rem 0
    }

    .botom-footer-coopy-right .copy-right-text {
        text-align: center;
        float: none;
        margin: 5px 0 20px 0
    }

    .scroll-top-button {
        text-align: center;
        margin: 15px 0 0 0
    }

    .botom-footer-coopy-right {
        margin: 30px 0 0 0
    }

    .footer-sec-main .ready-text h4 {
        margin: 0
    }

    .about-ichamp-footer .about-ichamp-footer {
        width: 100%;
        margin: 10px 0 0 0
    }

    .footer-link p {
        margin-top: 20px;
        margin-bottom: 8px
    }

    .lets-start-box {
        width: 100%
    }

    .team-leadership-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .leader-box {
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

        .leader-box div.text-leader {
            max-height: 75px;
            min-height: 73px;
            overflow: hidden
        }

    .our-subject-sec {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 42px 0 10px 0;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .custom-dots-mobile-slider::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-moz-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-ms-scrollbar {
        width: 0;
        height: 0
    }

    .custom-dots-mobile-slider::-o-scrollbar {
        width: 0;
        height: 0
    }

    .our-subject-box {
        background: #fff;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
        border-radius: 8px;
        padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
        position: relative;
        min-width: calc(100% / 1.3);
        max-width: calc(100% / 1.3);
        margin: 0 10px
    }

    .subject-wise-list {
        margin-top: 20px
    }

    .comming-soon {
        width: 100%
    }

    .slider_container {
        display: flex
    }

    .child-position p {
        font-size: 1rem
    }

    .footer-links-subsec {
        flex-direction: column
    }

    .about-ichamp-footer .about-ichamp-text {
        width: 100%
    }

    .footer-links-block-box:nth-child(1) {
        width: 100%
    }

    .footer-links-block-box:nth-child(2) {
        width: 100%
    }

    .footer-links-block-box:nth-child(3) {
        width: 100%
    }

    .footer-links-block-box:nth-child(4) {
        width: 100%
    }

    .footer-link ul li {
        display: inline-block;
        margin: 0 30px 0 0;
        position: relative
    }

    .article-entry {
        padding: 0 0
    }

        .article-entry img,
        .article-entry video {
            width: 95%;
            margin: 1rem auto
        }

    .blog_footer_read_links #sidebar {
        flex-direction: column
    }

    .widget-wrap:nth-child(odd) {
        width: 100%
    }

    .widget-wrap:nth-child(even) {
        width: 100%
    }

    .widget-title {
        margin: .75rem 0 1.1rem 0
    }

    .clamp_text_blog_only {
        width: 90%
    }
}



    @media only screen and (max-width :1224px) {
        .testimonails-sec-main {
            margin: 0 0
        }
    }

    @media only screen and (min-width :1225px) and (max-width :1399px) {
        .testimonails-sec-main {
            margin: 0 4%
        }
    }

    @media only screen and (min-width:768px) and (max-width:1024px) and (-webkit-min-device-pixel-ratio:1) {
        body,
        html {
            font-size: 15px
        }

        header .main-header-web ul li a {
            padding: .8125rem .8rem
        }

        .banner-content {
            padding: 4% 0 0 0;
            flex-direction: column-reverse
        }

        header .main-header-web ul li.playnow-button a {
            padding: .8125rem 1.4375rem
        }

        .sub-content-box {
            padding: 6% 0 0 0;
            transform: translateY(0)
        }

        .leaderboard-design-sec {
            padding: 30px 0 30px 0
        }

        .satusfied-users {
            padding: 30px 0 30px 0
        }

        .make-learning-func {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            padding: 42px 0 10px 0;
            flex-direction: row;
            margin-top: 20px
        }

        .filterbyday form {
            display: none
        }

        .class-selector-stu .nav-tabs li a {
            padding: 13px 18px
        }

        .custom-drop-ipad {
            display: block;
            float: right
        }

        .left-student-postion-box {
            width: 50%;
            padding: 0 0
        }

        .right-video-box {
            width: 100%
        }

        .left-content-box {
            width: 100%
        }

        .Username-box h5 {
            width: 5rem
        }

        section.homebanner {
            margin-top: 70px
        }

        .child-position p {
            font-size: 1rem
        }

        .right-student-list-box {
            width: 50%
        }

        .web-main-subtitle {
            margin: 0 10% 30px 10%
        }

        .privacy_policy_web p {
            margin: 0 10% 30px 10%
        }

        .Our-Philosophy-text p {
            margin: 0 10% .9375rem 10%
        }

        .user-details-right-box li {
            padding: 9px 1.5rem 9px .5125rem;
            margin-bottom: 10px
        }

        .why-satified-boxes {
            justify-content: space-evenly
        }

        .icon-box-left {
            width: 50px;
            margin-right: .5rem;
            height: 50px
        }

        .address-box {
            margin: 0 20px
        }

        .footer-sec-main {
            margin: 6rem 0
        }

        .botom-footer-coopy-right {
            margin: 50px 0 0 0
        }

        .footer-links-block-box:nth-child(1) {
            width: 31%
        }

        .footer-links-block-box:nth-child(2) {
            width: 23%
        }

        .footer-links-block-box:nth-child(3) {
            width: 23%
        }

        .footer-links-block-box:nth-child(4) {
            width: 23%
        }

        .about-ichamp-footer {
            width: 95%
        }

        .leader-box div {
            max-height: 90px;
            overflow: hidden
        }

        .about-ichamp-footer .about-ichamp-text {
            width: 90%
        }

        .about-ichamp-footer img {
            width: 176px;
            margin-top: -23px
        }

        .slider_container {
            display: flex
        }

        .footer-and-testimonial {
            padding: 40px 0
        }

            .footer-and-testimonial:before {
                left: -14rem
            }

            .footer-and-testimonial:after {
                right: -18rem
            }

        .main-testi-monail-new-p {
            padding: 13rem 0
        }

        .testimonails-sec-main {
            margin: 0 0
        }

        .download-app-link {
            padding: 0;
            justify-content: flex-start
        }

        .ipad-view-visible {
            display: block
        }

        .small-banner-multi {
            flex-direction: row;
            flex-wrap: nowrap;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            padding: 10px 0;
            scroll-snap-type: x mandatory
        }

        .multi-bann {
            width: calc(100% / 3px);
            min-width: calc(100% / 1);
            max-width: calc(100% / 1);
            scroll-snap-align: center
        }

        .started-box-main-c.started-box-text {
            width: 50%
        }

        .lets-start-box {
            width: 100%
        }

        .team-leadership-sec ~ .slider_container {
            display: flex
        }

        .contact-us-sec ~ .slider_container {
            display: none
        }

        .our-feature-sec {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            padding: 42px 0 10px 0;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start
        }

        .our-feature-box {
            border-radius: 8px;
            padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
            position: relative;
            min-width: calc(100% / 3);
            max-width: calc(100% / 3);
            margin: 0 10px
        }

        .our-subject-sec {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            padding: 42px 0 10px 0;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start
        }

        .our-subject-box {
            padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
            min-width: calc(100% / 3);
            max-width: calc(100% / 3);
            margin: 0 10px
        }

        .main-box-testiminails {
            min-width: calc(100% / 3);
            max-width: calc(100% / 3)
        }

        .comming-soon {
            word-wrap: break-word;
            margin: 20px auto;
            width: 90%
        }

        .team-leadership-sec {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            padding: 42px 0 10px 0;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start
        }

        .leader-box {
            min-width: calc(100% / 2.1);
            max-width: calc(100% / 2.1)
        }

        ::-webkit-scrollbar {
            width: 0 !important;
            height: 0
        }

        ::-moz-scrollbar {
            width: 0;
            height: 0
        }

        ::-ms-scrollbar {
            width: 0;
            height: 0
        }

        ::-o-scrollbar {
            width: 0;
            height: 0
        }

        section.home-img {
            background-position: 97% 0;
            background-size: 125% 77%
        }

        section.feature-img {
            background-position: 97% 0;
            background-size: 125% 96%
        }

        section.about-img {
            background-position: 92% 0;
            background-size: 132% 83%
        }

        section.academic_img {
            background-position: 63% 0;
            background-size: 175% 41%
        }

        section.contact-img {
            background-position: 89% 0;
            background-size: 129% 72%
        }

        section.subject-img {
            background-position: 97% 0;
            background-size: 125% 63%
        }

        section.why_ichamp_img {
            background-position: 60% 0;
            background-size: 185% 56%
        }

        section.blog_page {
            background-position: 60% 0;
            background-size: 185% 20%
        }

        .web_class_subpage_container {
            padding: 4.5rem 3rem 1.25rem 3rem
        }

        .boxes-satisfaction {
            flex: 1
        }
    }

    @media only screen and (min-width:1366px) and (max-width:1366px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
        .testimonails-sec-main {
            margin: 0 8%
        }

        section.homebanner {
            margin-top: 70px
        }
    }



    @media only screen and (min-width:641px) and (max-width:767px) and (orientation:landscape) {
        body,
        html {
            font-size: 14px
        }

        .show-mobile-view {
            display: block !important
        }

        .hide-mobile-view {
            display: none !important
        }

        body.lock-scroll {
            overflow: hidden
        }

        header .main-header-web .navbar-brand {
            padding: 0 15px
        }

        header .main-header-web .navbar-collapse .nav {
            width: 100%
        }

        header .main-header-web {
            padding: 10px 0;
            background: #fff;
            box-shadow: 0 3px 10px rgba(0, 0, 0, .16);
            height: 70px
        }

            header .main-header-web .custom-navigation-design {
                padding: 15px 0
            }

            header .main-header-web .navbar-collapse {
                text-align: center;
                background: #265381;
                padding: 20px 20px 10px 20px;
                border: none;
                margin-top: 10px;
                -webkit-transition: height .56s cubic-bezier(.52, .16, .24, 1);
                transition: height .56s cubic-bezier(.52, .16, .24, 1)
            }

        header .main-header-we .nav .open > a,
        header .main-header-we .nav .open > a:focus,
        header .main-header-we .nav .open > a:hover {
            background-color: transparent;
            border-color: #52baa8
        }

        header .main-header-web ul li {
            border-bottom: 2px solid #316c8b
        }

            header .main-header-web ul li a {
                text-align: left;
                color: #fff
            }

            header .main-header-web ul li.active a {
                color: #52baa8;
                font-weight: 500;
                background: 0 0
            }

        header .main-header-web .navbar-brand img {
            height: 100%;
            width: 140px
        }

        header .main-header-web ul li.playnow-button a {
            background: #52baa8;
            color: #fff
        }

        header .main-header-web .nav .open > a,
        header .main-header-web .nav .open > a:focus,
        header .main-header-web .nav .open > a:hover {
            color: #52baa8;
            font-weight: 500;
            background: 0 0
        }

        .navbar-nav .open .social-icon-box-m > li {
            border: none;
            display: inline-block
        }

            .navbar-nav .open .social-icon-box-m > li > a {
                line-height: 20px;
                border: none;
                display: inline-block;
                padding: 6px 6px;
                font-size: 24px
            }

        .subject-m-box {
            padding: 0 20px
        }

            .subject-m-box li:last-child {
                border: none
            }

            .subject-m-box li {
                display: block !important
            }

        header .main-header-web ul li .caret {
            text-align: right;
            position: absolute;
            right: 1rem;
            top: 50%;
            transform: translateY(-50%)
        }

        section.homebanner {
            margin-top: 70px
        }

        .left-content-box h1 {
            font-size: 1.75rem
        }

        .left-content-box p {
            font-size: 1rem
        }

        .web-main-subtitle {
            font-size: 1.75rem;
            margin: 0 0 20px 0
        }

        .web-main-title {
            font-size: 1rem
        }

        .Username-box h5 {
            text-align: left;
            white-space: nowrap;
            width: 85px;
            overflow: hidden;
            text-overflow: clip;
            margin: auto
        }

        .download-app-link img {
            margin: 0 0;
            padding: 0 5px 0 0
        }

        .language-select-filter {
            display: none
        }

        .class-selector-stu .nav-tabs li a {
            padding: 13px 15px
        }

        .class-selector-stu .nav-tabs::-webkit-scrollbar {
            width: 0;
            height: 0
        }

        .class-selector-stu .nav-tabs::-moz-scrollbar {
            width: 0;
            height: 0
        }

        .class-selector-stu .nav-tabs::-ms-scrollbar {
            width: 0;
            height: 0
        }

        .class-selector-stu .nav-tabs::-o-scrollbar {
            width: 0;
            height: 0
        }

        .ipad-view-visible {
            display: block
        }

        .filterbyday form {
            display: none
        }

        .carousel-indicators li {
            display: inline-block;
            text-indent: -999px;
            cursor: pointer;
            border: none;
            height: .5rem;
            width: .5rem;
            background-color: #e4e4e5;
            margin: .1rem;
            border-radius: 100%
        }

        .carousel-indicators {
            bottom: -30px
        }

            .carousel-indicators .active {
                height: .5rem;
                width: .5rem;
                margin: .1rem;
                background-color: #4ce3c5
            }

        .our-feature-sec {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            padding: 42px 0 10px 0;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start
        }

        .our-feature-box {
            background: #fff;
            box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
            border-radius: 8px;
            padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
            position: relative;
            min-width: calc(100% / 1.3);
            max-width: calc(100% / 1.3);
            margin: 0 10px
        }

            .our-feature-box div.fetaure-text {
                max-height: 75px;
                overflow: hidden;
                min-height: 75px
            }

        .our-subject-box div.subject-text {
            max-height: 75px;
            overflow: hidden;
            min-height: 75px
        }

        .Our-Philosophy-text p {
            margin: 0 2% 15px 2%
        }

        .Our-Philosophy-text ul {
            margin: 0 0 15px 10%
        }

        section.homebanner {
            background-position: 43% 415%;
            background-size: 261% 108%
        }

        section.about-img {
            background-position: 43% 364%;
            background-size: 323% 109%
        }

        section.feature-img {
            background-position: 43% 364%;
            background-size: 323% 109%
        }

        section.why_ichamp_img {
            background-position: 50% 454%;
            background-size: 309% 109%
        }

        section.academic_img {
            background-position: 50% 454%;
            background-size: 304% 110%
        }

        .main-box-testiminails {
            min-width: calc(100% / 1);
            max-width: calc(100% / 1);
            transform: scale(.9);
            margin: 60px 0 0 0
        }

        .testimonails-sec-main {
            margin: 0 0
        }

        .left-content-box p {
            width: 100%
        }

        .small-banner-multi {
            flex-direction: row;
            flex-wrap: nowrap;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            padding: 10px 0;
            scroll-snap-type: x mandatory
        }

            .small-banner-multi::-webkit-scrollbar {
                width: 0
            }

        .multi-bann {
            width: calc(100% / 3px);
            min-width: calc(100% / 1);
            max-width: calc(100% / 1);
            scroll-snap-align: center
        }

        .content-box-testimonail img {
            width: 100px !important
        }

        .multi-bann img {
            border-radius: 0
        }

        .owl-item .active ~ .owl-item.main-box-testiminails {
            transform: translateX(-65px) scale(.7)
        }

        .owl-item .active + .owl-item.main-box-testiminails {
            transform: translateX(-65px) scale(.7)
        }

        .owl-dots {
            display: block;
            margin: 1rem auto 0 auto;
            text-align: center
        }

        .owl-dot.active span {
            background: #52baa8
        }

        .owl-dots span {
            background: none repeat scroll 0 0 #e4e4e5;
            border-radius: 20px;
            display: block;
            height: 8px;
            margin: 0 4px;
            opacity: 1;
            width: 8px
        }

        .owl-dots button:focus {
            outline: 0
        }

        .boxes-satisfaction {
            display: flex;
            flex-direction: row;
            align-items: center;
            flex-wrap: nowrap;
            margin: 10px 0
        }

        .satisfy_text-box-child {
            padding: 0 10px;
            width: 155px
        }

        .boxes-satisfaction h5 {
            text-align: left;
            margin: 13px 0 0 0
        }

        .boxes-satisfaction p {
            text-align: left
        }

        .make-learning-func {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            padding: 42px 0 10px 0;
            flex-direction: row;
            margin-top: 20px
        }

            .make-learning-func::-webkit-scrollbar {
                width: 0
            }

            .make-learning-func::-moz-scrollbar {
                width: 0
            }

        .child-position:nth-of-type(2) .position-number {
            font-size: 86px
        }

        .child-position:nth-of-type(1) .position-number {
            font-size: 60px;
            line-height: 95px
        }

        .child-position:nth-of-type(3) .position-number {
            font-size: 50px;
            line-height: 80px
        }

        .make-learning-func::-ms-scrollbar {
            width: 0
        }

        .make-learning-func::-o-scrollbar {
            width: 0
        }

        .download-app-link {
            padding: 0;
            margin: 30px 0 0 0;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start
        }

        .banner-content {
            display: flex;
            padding: 11% 0 0 0;
            flex-direction: column
        }

        .sub-content-box {
            position: relative;
            top: 0;
            transform: translateY(0)
        }

        .why-satified-boxes {
            flex-direction: column
        }

        .address-box {
            justify-self: center;
            min-width: calc(100% / 1.2)
        }

        .contact-us-sec {
            padding: 50px 10px 10px 10px;
            justify-content: flex-start;
            overflow: scroll;
            -webkit-overflow-scrolling: touch
        }

        .leaderboard-design-sec {
            padding: 40px 0 25px 0
        }

        .footer-and-testimonial {
            padding: 30px 0;
            background-position: 57% 18%
        }

            .footer-and-testimonial:before {
                display: none
            }

            .footer-and-testimonial:after {
                display: none
            }

        .scroller-to-top-p {
            display: flex;
            flex-direction: column-reverse;
            align-items: center;
            justify-content: center
        }

        .satusfied-users {
            padding: 30px 0 30px 0
        }

        .owl-carousel .owl-stage-outer {
            padding: 60px 0 0 0
        }

        .left-student-postion-box {
            float: none;
            width: 100%;
            padding: 0
        }

        .classcontent-selecedtabs {
            flex-direction: column
        }

        .mobile-filter-subject_date {
            display: flex;
            flex-direction: row;
            width: 100%;
            justify-content: space-between
        }

            .mobile-filter-subject_date .mobile-filter-box-2 {
                margin-left: auto
            }

        .right-student-list-box {
            width: 100%;
            float: none;
            padding: 0
        }

        .class-selector-stu .nav-tabs {
            flex-direction: row;
            overflow-x: scroll;
            overflow-y: hidden;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch
        }

        .user-details-right-box li {
            margin-bottom: 10px;
            padding: 5px 1rem 5px .8125rem
        }

        .parent-student-postition-i {
            padding: 0 13px
        }

        .icon-box-left {
            width: 45px;
            margin-right: .5rem;
            height: 45px
        }

        .badge-level-box img {
            width: 20px;
            height: 20px
        }

        .user-details-right-box {
            padding: 0 7px;
            margin: 10px 0;
            height: 132px
        }

        .download-app-link p {
            margin: 0 0
        }

        .lets-start-box .input-group:after {
            left: 13px;
            line-height: 0
        }

        .lets-start-box .form-control {
            padding: 12px 12px 12px 35px
        }

        .footer-link ul {
            margin: 0;
            padding: 0;
            color: #fff;
            list-style-type: circle
        }

        .footer-links-subsec {
            flex-direction: column
        }

        .footer-links-block-box:nth-child(1) {
            width: 100%
        }

        .footer-links-block-box:nth-child(2) {
            width: 100%
        }

        .footer-links-block-box:nth-child(3) {
            width: 100%
        }

        .footer-links-block-box:nth-child(4) {
            width: 100%
        }

        .footer-link ul li {
            display: inline-block;
            margin: 0 30px 0 0;
            position: relative
        }

            .footer-link ul li:last-child:after {
                display: none
            }

            .footer-link ul li:after {
                content: '';
                position: absolute;
                width: 4px;
                height: 4px;
                background: #e4e4e5;
                border-radius: 100%;
                display: inline-block;
                margin: 0 1px;
                cursor: pointer;
                transition: .5s cubic-bezier(.215, .61, .355, 1);
                right: -19px;
                top: 50%;
                transform: translateY(-50%)
            }

        .footer-sec-main {
            margin: 8rem 0 2rem 0
        }

        .botom-footer-coopy-right .copy-right-text {
            text-align: center;
            float: none;
            margin: 5px 0 20px 0
        }

        .scroll-top-button {
            text-align: center;
            margin: 15px 0 0 0
        }

        .botom-footer-coopy-right {
            margin: 30px 0 0 0
        }

        .footer-sec-main .ready-text h4 {
            margin: 0
        }

        .about-ichamp-footer .about-ichamp-text {
            width: 100%;
            margin: 10px 0 0 0
        }

        .footer-link p {
            margin-top: 20px;
            margin-bottom: 8px
        }

        .lets-start-box {
            padding: 0 0;
            width: 100%
        }

        .team-leadership-sec {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            padding: 42px 0 10px 0;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start
        }

        .leader-box {
            min-width: calc(100% / 1.3);
            max-width: calc(100% / 1.3);
            margin: 0 10px
        }

            .leader-box div.text-leader {
                max-height: 75px;
                min-height: 73px;
                overflow: hidden
            }

        .our-subject-sec {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            padding: 42px 0 10px 0;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-start
        }

        .custom-dots-mobile-slider::-webkit-scrollbar {
            width: 0;
            height: 0
        }

        .custom-dots-mobile-slider::-moz-scrollbar {
            width: 0;
            height: 0
        }

        .custom-dots-mobile-slider::-ms-scrollbar {
            width: 0;
            height: 0
        }

        .custom-dots-mobile-slider::-o-scrollbar {
            width: 0;
            height: 0
        }

        .our-subject-box {
            background: #fff;
            box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
            border-radius: 8px;
            padding: 3.4375rem 1.25rem 1.25rem 1.25rem;
            position: relative;
            min-width: calc(100% / 1.3);
            max-width: calc(100% / 1.3);
            margin: 0 10px
        }

        .subject-wise-list {
            margin-top: 20px
        }

        .comming-soon {
            width: 100%
        }

        .slider_container {
            display: flex
        }

        .child-position p {
            font-size: 1rem
        }

        .get-started-footer-box {
            flex-direction: row
        }

        .started-box-main-c.started-box-text {
            width: 100%
        }

        .started-box-main-c.started-box-form {
            width: 100%
        }
    }

    @media only screen and (max-width:767px) {
        .how-we-work .inner_wrapper .inner_row {
            flex-direction: column
        }

            .how-we-work .inner_wrapper .inner_row > div {
                width: 100%
            }

            .how-we-work .inner_wrapper .inner_row .text_wrapper {
                text-align: center
            }

                .how-we-work .inner_wrapper .inner_row .text_wrapper .btn_wrapper {
                    justify-content: center
                }

            .how-we-work .inner_wrapper .inner_row:nth-child(even) .text_wrapper {
                text-align: center
            }

                .how-we-work .inner_wrapper .inner_row:nth-child(even) .text_wrapper .btn_wrapper {
                    justify-content: center
                }

            .how-we-work .inner_wrapper .inner_row:nth-child(even) {
                flex-direction: column
            }

            .how-we-work .inner_wrapper .inner_row .img_wrapper img {
                width: 200px
            }

        .how-we-work .web-sub-head {
            font-size: 1.75em
        }

        .main-content {
            padding: 0
        }

        .rewards-img .you_tube_video_banner {
            width: 100%
        }

        .reward_slide_sec {
            width: 100%
        }

        .homebanner .right-video-box .sub-content-box {
            margin-top: 0
        }

        .main_bottom_content {
            margin-top: 20px
        }

        .sub-content-box h1 {
            font-size: 2rem;
            text-align: center
        }

        .sub-content-box h3 {
            font-size: 20px;
            text-align: center
        }

            .sub-content-box h3 span {
                display: initial
            }

        .home-img .main-content {
            background: url(../images/header-bg-mobile.svg);
            background-repeat: no-repeat
        }
    }

    @media only screen and (min-width:321px) and (max-width:767px) {
        .main-content .right-video-box .register_btn {
            width: 70%;
            margin: auto;
            margin-top: 240px
        }
    }

    @media only screen and (min-width:768px) and (max-width:1024px) {
        .main_bottom_content {
            margin-top: 50px
        }

        .homebanner .right-video-box .sub-content-box {
            margin-top: 20px
        }

        .home-img .main-content {
            background: url(../images/header-bg-mobile.svg);
            background-repeat: no-repeat;
            background-size: 50%;
            background-position: left top
        }

        .main-content .right-video-box .register_btn {
            margin: auto;
            margin-top: 250px
        }

        .sub-content-box h1 span,
        .sub-content-box h3 span {
            display: initial
        }
    }

    @media only screen and (min-width:1025px) {
        header .main-header-web ul li.active a::before {
            content: '';
            position: absolute;
            background: #52baa8;
            width: 20px;
            height: 3px;
            bottom: 0;
            margin: auto;
            left: 0;
            right: 0;
            border-radius: 3px
        }

        .you_tube_video_banner iframe {
            border-radius: 15px
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .home-img .main-content {
            background-size: 52%
        }
    }

    @media only screen and (min-width:992px) and (max-width:1024px) {
        .home-img .main-content {
            background-size: 36%
        }
    }

    @media only screen and (max-width:1024px) {
        header .main-header-web ul li {
            border-bottom: 2px solid transparent
        }

            header .main-header-web ul li.active {
                border-bottom: 2px solid #52baa8
            }

        .satusfied-users .why-satified-boxes {
            width: 100%
        }

        .main-content {
            padding: 0
        }

        .satusfied-users {
            padding: 0
        }

        .satisfy_learner {
            padding-top: 30px
        }

        .web_list_ul,
        .web_sub_para {
            width: 100%;
            margin-bottom: 30px
        }

        .rewards-img .you_tube_video_banner {
            width: 100%
        }

        .homebanner .right-video-box .sub-content-box {
            padding: 0
        }

        .you_tube_video_banner {
            width: 100%;
            margin: 20px 0 10px
        }

        .main_bottom_content {
            flex-direction: column
        }

            .main_bottom_content > div {
                width: 100%
            }

        .right-video-box {
            width: 100%
        }

        .banner-content {
            padding: 0
        }

        .main_bottom_content .right_sec .download-app-link {
            flex-direction: column
        }

        header .main-header-web ul li .our_download_stores .our_download_stores-img:first-child {
            margin-right: 15px
        }

        header .main-header-web ul li .our_download_stores .our_download_stores-img {
            display: flex
        }

        header .main-header-web ul li:last-child {
            margin-top: 0
        }

        .how-we-work {
            margin-top: 3rem
        }
    }

    @media only screen and (min-width:1200px) and (max-width:1500px) {
        .home-img .main-content {
            background-size: cover
        }
    }