@media (max-width:1400px) {
    .subject-tab-wrapper.assignment ul li button {
        padding: 8px 14px;
    }
    .subject-tab-wrapper ul li button span {
        font-size: 12px;
        padding: 2px 4px;
    }
}

@media (max-width:1310px) {
    .ViewSec {
        display: block;
    }
    .ViewSec .label {
        padding-bottom: 8px;
    }
    .form-container {
        align-items: end;
    }
}

@media (max-width:1270px) {
    .cardflex_header {
        display: block;
    }
    .filter-outers {
        padding-top: 8px;
    }
    .filter-outers {
        justify-content: space-between;
    }
    .custom-ranges {
        top: 75px;
    }
}

@media (max-width:1200px) {
    footer h6 {
        font-size: 18px;
    }

    footer .top_footer .social-wrapper ul.app_btn {
        display: block;
    }

    footer .app_btn li a {
        width: 100%;
    }

    footer .top_footer .social-wrapper .abt_side .app_btn li {
        margin: 0;
    }

    footer .top_footer .social-wrapper .abt_side .app_btn li:last-of-type {
        padding: 0;
    }
    .clild-first {
        padding-right: 0;
    }
    .clild-first p {
        font-size: 15px;
        line-height: 24px;
    }
    .clild-first h3 {
        font-size: 28px;
        padding-bottom: 0;
    }
    .overview-box {
        width: 50%;
    }
}

@media (max-width:1150px) {
    .subject-tab-wrapper .tab-wrapper ul {
        width: 80%;
    }
}

@media (max-width:1080px) {
    .subject-tab-wrapper ul li button {
        padding: 8px 15px;
        font-size: 14px;
    }  
    .subject-tab-wrapper .tab-wrapper ul {
        width: 75%;
    } 
    .form-container .buttons {
        display: block;
        width: 100%;
        margin-top: 10px;
    }
    .form-container {
        align-items: end;
        flex-wrap: wrap;
    }
}

@media (max-width:992px) {
    .whychoose_section .whychoose_support {
        margin: auto;
        justify-content: center;
    }

    .contact-home {
        margin-top: 20px;
    }

    .cta_section.new {
        padding-top: 30px;
    }

    .row_am {
        padding: 30px 0;
    }

    .two_colom_section .service_blocks .img {
        text-align: center;
    }
    .whychoose_section .choose_play {
        left: 30px;
    }
    .whychoose_section .whychoose_support .support_box {
        right: 20px;
    }
    .signup_section .form_block .side_screen {
        padding: 0 30px 0 0;
    }
    .profile-tab-hadder {
        display: none;
    }
    .grph-main-next {
        width: 100%;
        text-align: left;
        padding-top: 20px;
    }
    .banner_section {
        padding-bottom: 0px;
    }
    .in-responsive {
        display: block;
    }
    .grph-main-wrap {
        width: 100%;
        text-align: left;
    }
    .subject-tab-wrapper .tab-wrapper ul {
        width: 85%;
    }
    .ViewSec {
        display: block;
    }
    .ViewSec .label {
        padding-bottom: 8px;
    }
    .subject-tab-wrapper.assignment .custom-ranges {
        top: 115px;
    }
}

@media (max-width:800px) {
    .subject-tab-wrapper .tab-wrapper ul {
        width: 80%;
    }
}

@media (max-width:767px) {
    footer .links, footer .abt_side {
        text-align: left;
    }
    .whychoose_section .choose_play {
        left: 0;
    }

    .links h6 {
        padding: 0;
    }

    footer h6::before {
        margin: 0;
    }

    footer h6 {
        text-align: left;
        padding-left: 0;
    }

    footer .top_footer .social-wrapper ul.app_btn {
        display: flex;
        gap: 12px;
    }

    footer .abt_side {
        margin: 0;
    }

    footer .top_footer .social-wrapper .abt_side .app_btn li {
        padding: 0;
    }
    footer .top_footer {
        padding-top: 220px;
    }
    footer .top_footer .logo{
        margin-bottom: 24px;
    }
    footer .top_footer .abt_side p {
        margin-bottom: 30px;
    }
    .contact_page_section .contact_inner .contact_info.contect-page .contact_info_list li {
        margin-bottom: 40px;
        text-align: left;
    }
    .signup_section .form_block .side_screen .section_title h2 {
        font-size: 28px;
        margin: 0;
    }
    .signup_section .form_block .side_screen .section_title p {
        font-size: 15px;
    }
    .form_side .top_part a.navbar-brand {
        margin: 0;
        padding: 0;
    }
    .TM-pagination-wrap ul {
        gap: 15px;
    }
    .fc .fc-toolbar {
        justify-content: end !important;
    }
    .fc .fc-toolbar-title {
        padding-right: 12px;
    }
    .grph-main-wrap.graph-res {
        display: block;
    }
    
    .grph-main-wrap.graph-res .TM-tab-wrapper {
        width: 100%;
    }
    
    .grph-main-wrap.graph-res .TM-tab-wrapper:first-of-type {
        margin-bottom: 15px;
    }
    .subject-tab-wrapper {
        display: flex;
    }
    .subject-tab-wrapper>button {
        height: 40px;
        margin-top: 10px;
    }
    .tab-wrapper {
        width: 100%;
    }
    .subject-tab-wrapper.assignment{
        display: block;
    }
    .subject-tab-wrapper.assignment .custom-ranges {
        left: 10px;
        top: 165px;
    }
    .custom-ranges:before {
        right: 15px;
        left: 25px;
    }
    .asignment-wrap {
        display: block;
    }
    .asignment-icon span {
       padding: 8px 18px;
        display: block;
        text-align: center;
    }
    .asignment-icon a {
        position: relative;
        margin-top: 20px;
        display: inline-block;
    }
    .asignment-icon span label.done {
        position: relative;
        top: -3px;
    }
    

}


@media (max-width:576px) {
    .two_colom_section .service_blocks .service_text {
        margin: 30px 0 0px 0;
        padding-left: 0;
    }

    .Learning-main-wrap .inner_sec {
        padding: 40px 0;
    }

    .two_colom_section .service_blocks {
        padding: 0 0 0px 0;
    }

    .whychoose_section .whychoose_support .support_box {
        width: 215px;
        top: 35px;
        height: 85px;
    }

    .whychoose_section .choose_play {
        width: 134px;
        height: 130px;
    }

    .service_section .inner_sec {
        padding: 40px 0;
    }

    .section_title p.best-paragrph {
        padding: 0;
        margin: 0;
    }

    .section_title h2 {
        font-size: 20px;
    }

    .section_title p {
        padding: 0;
        font-size: 15px;
        line-height: 26px;
    }

    .work_title h6 {
        margin: 0;
    }

    .howwork_section .device_img {
        margin-top: 30px;
    }

    .service_section .inner_sec .section_title {
        padding: 0px 0px;
    }

    .banner_section .banner_text h1 {
        font-size: 24px;
    }

    .banner_section .banner_text {
        padding: 0;
    }

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

    .latest_story .section_title p {
        margin: 0;
    }

    section.row_am.latest_story {
        padding-bottom: 0;
    }

    .contact_page_section.home-form .contact_inner .contact_info .contact_info_list {
        margin-top: 0;
    }

    .contact_page_section.home-form .contact_inner .contact_info .contact_info_list li {
        margin-bottom: 20px;
    }

    .two_colom_section .service_text h3 {
        font-size: 24px;
    }

    footer .top_footer .abt_side p {
        padding: 0;
    }
    .bred_text.breadcrams-wrap h1 {
        font-size: 24px;
    }
    .contact_page_section .contact_inner .contact_info.contect-page .section_title {
        padding-bottom: 0px;
    }
    .map_section.row_am {
        padding: 20px 0 0 0;
    }
    .signup_section .form_block .side_screen .section_title h2 {
        font-size: 24px;
    }
    .main-child-img {
        height: 90px;
        min-width: 95px;
        width: 95px;
    }
    .child-banner-inner {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .clild-first h3 {
        font-size: 24px;
    }
    .cta_section.new .cta_box .call_btn {
        margin-bottom: 0;
    }
    .cta_section.new .cta_box .btn_block {
        gap: 15px;
    }
    .overview-wrap {
        gap: 15px;
        justify-content: space-between;
    }
    .overview-box {
        width: 48%;
    }
    .asignment-wrap {
        display: block;
    }
    .Quiz-btn button {
        margin-top: 20px;
    }
    .TM-pagination-wrap ul li a {
        height: 34px;
        width: 34px;
        line-height: 34px;
        font-size: 13px;
    }
    .TM-pagination-wrap ul li:nth-child(7), .TM-pagination-wrap ul li:nth-child(8){
        display: none;
    }
    .asignment {
        gap: 0;
        padding-top: 5px;
        width: 100%;
    }
    .asignment-icon {
        width: 100%;
    }
    .main-pop-text h4 {
        font-size: 20px;
    }
    .popup-content {
        height: 450px;
        width: 420px;
        padding: 20px;
    }
    .cup-img {
        height: 110px;
        width: 210px;
    }
    .question-box {
        padding: 6px 10px;
    }
    .popup-haddders {
        margin: -20px -20px 0px -20px;
    }
    .question-box p {
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 4px;
    }
    .question-box>span {
        font-size: 14px;
    }
    .question-wrapper {
        max-height: 240px;
        padding: 10px 0px 0px 0px;
        margin-top: 0;
    }
    .fc-button-group button {
        height: 34px;
        width: 34px;
        font-size: 14px !important;
    }   
    .indicator-present, .indicator-absent {
        font-size: 14px;
    }
    #indicator {
        gap: 12px;
    }
    .fc-daygrid-day-frame {
        font-size: 16px;
    }
    .ViewSec .label {
        min-width: 140px;
        width: 140px;
    }
    section#support_sec.cta_section.new .cta_box {
        padding:30px;
    }
    section#support_sec.cta_section.new .cta_box .section_title .customer_icon {
        max-width: 50px;
    }
    section#support_sec.cta_section.new .cta_box .section_title h3 {
        padding: 0;
        font-size: 24px;
    }
    .subject-tab-wrapper.no-flter ul {
        min-width: 610px;
    }
        
}

@media (max-width:480px) {
    .subject-tab-wrapper .tab-wrapper ul {
        width: 75%;
    }
    .ViewSec input {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width:460px) {
    .whychoose_section .whychoose_support .support_box {
        width: 185px;
        top: 20px;
        height: 85px;
    }

    .whychoose_section .choose_play {
        width: 110px;
        height: 110px;
    }
    .asignment-icon span {
        padding: 8px 15px;
        margin-right: 0px;
        font-size: 14px;
    }
    .assignment-box {
        padding: 20px;
    }
    .cup-img.sads {
        width: 80px;
        height: 80px;
        margin-bottom: 20px;
    }
    .popup-content {
        height: 425px;
        width: 370px;
    }
    .attempt-box-wrap {
        display: flex;
        gap: 20px;
        padding: 14px 18px;
    }
    .attempt-box p {
        font-size: 14px;
        line-height: 18px;
    }
    .question-wrapper {
        max-height: 216px;
    }
    #indicator {
        gap: 15px;
        position: relative;
        top: 0;
        left: 0;
    }
}

@media (max-width:400px) {
    .whychoose_section .whychoose_support .support_box {
        width: 155px;
        top: 20px;
        height: 72px;
    }

    .whychoose_section .choose_play {
        width: 95px;
        height: 95px;
    }
    .popup-content {
        height: 420px;
        width: 330px;
    }
    .attempt-box-wrap {
        gap: 15px;
        padding: 14px;
    }
    .fc .fc-toolbar {
        justify-content: flex-start !important;
        flex-direction: initial;
    }
    .fc .fc-toolbar-title {
        padding-right: 0;
        padding-left: 12px;
    }

}
@media (max-width:380px) {
    .subject-tab-wrapper .tab-wrapper ul {
        width: 70%;
    }
}