@media only screen and (max-width: 1200px) and (min-width: 992px) {
    .critical-think h4 {
        font-size: 20px;
    }

    .child-classroom h2 {
        font-size: 32px;
    }

    .career-content {
        margin-top: 20px;
    }

    .career-content p {
        padding: 10px 20px;
    }

    .single-item .class-content h5 {
        font-size: 15px;
        padding: 0px 0px 8px;
    }

    .single-item .class-content p {
        font-size: 13px;
    }

    .student-portal {
        width: 65%;
    }

    .student-portal h2 {
        font-size: 38px;
    }

    .story-board-content {
        padding: 16px 15px 0 0;
    }

    .story-board-content p {
        font-size: 15px;
        margin: 0;
    }

    .budget-container ul .budget-item .budget-twomonth {
        right: -10%;
    }

    .budget-container ul .budget-item .budget-onemonth {
        left: 10%;
    }

    .single-item {
        height: auto;
    }

    .brain-academy img {
        transform: scale(1);
    }

    .top-header .navbar .navbar-nav .nav-item .nav-link {
        padding: 10px 20px 10px 0;
    }

    .top-header .navbar .navbar-nav .free-lesson {
        padding: 10px 25px;
    }

    .login-warp {
        padding: 70px 30px;
    }
    .get-free-form {
        margin: 40px 160px;
    }
    .container {
        overflow: hidden;
    }
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .inves-data ul li h6 {
        width: 180px;
    }
}

@media only screen and (max-width: 991px) {
    .about-banner {
        background-position: center;
    }

    .build-child-section {
        padding: 40px 0;
    }

    .build-child h2 {
        font-size: 25px;
    }

    .future-section {
        margin: 40px 0 0;
    }

    .our-goal h4 {
        font-size: 22px;
    }

    .marquee span {
        font-size: 28px;
    }

    .our-staff {
        width: auto;
    }

    .single-professor {
        margin-bottom: 30px;
    }

    .staff-section {
        padding: 0 0 40px;
    }

    .main-principles {
        height: auto;
    }

    .principles-section {
        padding: 0 0 40px;
    }

    .zipb-mail-section {
        padding: 40px 0 0;
    }

    .mail-zepb {
        width: auto;
    }

    .build-child {
        width: auto;
    }

    .login-warp {
        padding: 70px 10px;
    }

    .top-header .navbar .mobile-menu {
        position: absolute;
        top: 90px;
        right: 0px;
        width: 100%;
        background: rgb(23 42 136);
        padding: 10px;
        z-index: 1;
    }

    .top-header .navbar .navbar-nav .free-lesson {
        width: 25%;
    }

    .get-free-section {
        margin: 10px 0;
    }

    .get-free-section::before {
        height: 230px;
        width: 250px;
        left: -43%;
    }

    .get-free-form {
        margin: 40px 25px;
    }

    .class-title {
        width: auto;
    }

    .define-class {
        padding: 0;
    }

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

    .container {
        overflow: hidden;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .top-header .navbar .navbar-nav .nav-item .nav-link {
        padding: 10px 25px 10px 0;
    }

    .top-header .navbar .navbar-brand {
        width: 40%;
    }

    .banner-content h1 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .academy-intro svg {
        font-size: 25px;
    }

    .academy-intro {
        width: 80px;
        height: 80px;
        line-height: 90px;
        transform: translate(-50px, 120px);
    }

    .banner-section {
        background-position: right;
    }

    .critical-think {
        margin-bottom: 35px;
    }

    .skill-activity {
        width: auto;
    }

    .join-btn {
        margin: 45px 0;
    }

    .single-item {
        height: auto;
    }

    .career-content {
        margin-top: 5px;
    }

    .career-content h2 {
        font-size: 27px;
        margin: 0 auto;
    }

    .career-content p {
        font-size: 16px;
        margin: 0;
        padding: 5px 0;
    }

    .survay-btn a {
        padding: 10px 20px;
    }

    .survay-btn {
        margin-top: 5px;
    }

    .career-form .form-group {
        margin-top: -10px;
    }

    .career-servay::before {
        width: 100px;
        height: 100px;
        border-radius: 10px;
    }

    .career-section {
        padding: 30px 0 50px;
    }

    .student-portal h2 {
        font-size: 32px;
    }

    .student-portal {
        width: auto;
    }

    .story-board-content {
        padding: 16px 10px 0 0;
    }

    .story-board-content h4 {
        font-size: 20px;
    }

    .story-board-content p {
        font-size: 13px;
        margin: 0;
    }

    .testimonial-section {
        padding: 0 0 30px;
    }

    .budget-container ul li h3 {
        position: inherit;
        top: 15%;
        right: 10%;
    }

    .budget-container ul .budget-item .budget-twomonth {
        right: -25%;
    }

    .budget-container ul .budget-item .budget-onemonth {
        left: -20%;
    }

    .journey-section {
        padding: 50px 0;
    }

    .journey-start {
        padding: 40px 0 0;
    }

    .journey-start h2 {
        font-size: 30px;
    }

    .journey-start p {
        text-align: justify;
    }
}

@media only screen and (max-width: 767px) {
    .top-header .navbar .navbar-brand {
        width: 70%;
    }

    .top-header .navbar .navbar-brand img {
        width: auto;
    }

    .banner-content {
        padding: 50px 0;
    }

    .brain-academy img {
        transform: scale(1);
    }

    .ftr-contact {
        padding: 20px 0 0;
    }

    .top-header .navbar .navbar-nav .free-lesson {
        width: 65%;
        text-align: center;
        margin-top: 30px;
    }



    .skill-activity {
        width: auto;
    }

    .critical-think {
        text-align: center;
    }

    .icon {
        text-align: center;
        margin: 0 auto;
    }

    .critical-think p {
        text-align: center;
    }

    .single-item {
        height: auto;
    }

    .career-frm {
        border: 1px solid rgb(23 42 136 / 32%);
        padding: 10px;
    }

    .career-frm:focus {
        border: 1px solid rgb(77 197 145);
    }

    .survay-btn {
        margin-top: 30px;
    }

    .student-portal {
        width: auto;
    }

    .student-portal h2 {
        font-size: 22px;
        text-align: center;
    }

    .story-board-content {
        padding: 16px 30px;
    }

    .course-section h2 {
        font-size: 30px;
        text-align: center;
    }

    .testimonial-section {
        padding: 0 0 25px;
    }

    .budget-container ul .budget-item .budget-twomonth {
        width: 240px;
        height: 240px;
        position: inherit;
        right: -25%;
    }

    .budget-twomonth label {
        padding: 70px 50px 50px 80px;
        font-size: 18px;
    }

    .budget-container ul .budget-item .budget-onemonth {
        width: 220px;
        height: 220px;
        position: absolute;
        left: -40%;
    }

    .budget-onemonth label {
        padding: 70px 50px 50px 70px;
        font-size: 18px;
    }

    .budget-container ul .second {
        width: auto;
    }

    .budget-container ul li h3 {
        position: inherit;
        top: 0;
        right: 0;
    }

    .journey-section {
        padding: 0 0 50px;
    }

    .journey-start {
        padding: 40px 0;
    }

    .journey-start h2 {
        font-size: 30px;
        text-align: center;
    }

    .career-form .form-group {
        padding: 0 20px;
    }

    .join-btn {
        margin: 30px 0;
        text-align: center;
    }

    .marquee {
        width: 100%;
    }
    .tabcontent {
        width: 100%;
    }
    .tab {
        width: 100%;
    }
    .business-inves {
        padding-left: 10px;
    }
    .business-frm-section .login-frm {
    padding: 0 20px 50px;
}
.single-profile {
    height: auto;
}


}

@media only screen and (max-width: 425px) {
    .banner-content h1 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .banner-content {
        padding: 50px 0 0;
    }

    .academy-intro {
        width: 70px;
        height: 70px;
        line-height: 75px;
        transform: translate(-50px, 150px);
    }

    .academy-intro svg {
        font-size: 20px;
    }

    .skill-activity h2 {
        font-size: 22px;
    }

    .child-classroom h2 {
        font-size: 22px;
        text-align: center;
    }

    .child-classroom p {
        text-align: center;
    }

    .join-btn {
        margin: 30px 0;
        text-align: center;
    }

    .career-servay::before {
        width: 170px;
        height: 170px;
        left: 30%;
        bottom: 70%;
    }

    .career-content p {
        padding: 10px 20px;
    }

    .login-frm {
        padding: 10px 10px 30px;
    }

    .login-content-bg .login-content {
        padding: 60px 10px;
    }
}