@media (min-width:768px) and (max-width:1023px) {
    .footer-social-links li a {
        padding: 0px;
        min-width: 31px;
        font-size: 18px;
    }
    .download_app_box a {
        margin: 0 2px;
    }
    .footer_heading {
        font-size: 14px;
    }
    #home_slider .item .download_app_box {
        width: 90%;
        margin-top: 10px !important;
        margin-bottom: 20px;
    }
    #home_slider .item p {
        font-size: 16px;
    }
    #home_slider .item h1 {
        font-size: 23px;
    }
    .order-summary-package-card {
        margin: 37px 0px;
        padding: 20px 10px;
        background-color: #fffae6;
        border: none;
        border-radius: 10px;
    }
    .card-image {
        width: 80px;
        height: auto;
        margin: auto;
        margin-bottom: 10px;
        /* border-radius: 51px; */
    }
    .card-content h2 {
        font-size: 18px;
        color: #071e57;
        margin-top: 6px;
    }
    .card-arrow .fa {
        font-size: 18px;
    }
    .card-arrow {
        text-align: right;
        margin-top: 8px;
    }
    .progress-content-1 {
        display: flex;
        justify-content: space-between;
        margin-top: 7px;
        font-size: 12px;
    }
    button.btn.btn-primary.val {
        float: right;
        background-color: #000!important;
        border: none;
        border-radius: 10px;
        padding: 7px 9px;
        font-size: 11px;
    }
    .video_list_btn {
        right: -79%;
    }
    .added_video_list_btn {
        right: -85%;
    }
    .tym_dur {
        height: unset;
    }
    .list_content h3 {
        font-size: 20px;
    }
    .profile_lft {
        margin-bottom: 20px;
    }
    .staf_had {
        font-size: 16px;
    }
    .card-image {
        width: 160px;
        height: 160px;
    }
    .edit_profile .form-group {
        padding-right: 0;
        padding-left: 10px;
    }
    .book_validity {
        font-size: 10px;
    }
    .ryt_idcontnt {
        padding-left: 39px !important;
    }
    .ryt_idcontnt h4 {
        font-size: 16px;
    }
    .bk_txt {
        font-size: 22px;
    }
    .pre_generator {
        width: 100%;
    }
    .ryt_idcontnt p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .purchase_card {
        flex-direction: column;
    }
    .data_list ul li .purchase_card img {
        width: 50%;
    }
    .purchase_card figure {
        width: 100%;
        text-align: center;
        display: block !important;
    }
    .tab_column {
        flex-direction: column;
        /* align-items: flex-start !important; */
    }
    .order-summary-card img {
        width: 50%;
    }
    .live_test_img img {
        width: 150px;
    }
    .btm_purchase_card {
        flex-direction: column;
        align-items: baseline;
    }
    .pl {
        padding-left: 0 !important;
        padding-right: 23px !important;
    }
    .card-image {
        width: 100%;
    }
    .purchase_details {
        font-size: 10px;
    }
    .downld_btn {
        font-size: 12px;
    }
    .filter_select_box {
        max-width: 130px;
    }
    .modal_input_group {
        width: 200px;
        height: 150px;
    }
    .reset_pas {
        padding: 8px 0 8px 15px;
    }
    .school-modal .modal-content {
        background-position: 90% 30%, 78% 100%, 100% 100% !important;
        background-size: 15% 25%, 27% 45%, 100% 100% !important;
    }
    .school-modal .modal-content {
        min-width: unset;
    }
    .coment-box .ps-container {
        max-height: 90vh !important;
        min-height: 90vh !important;
    }
    .chat-main .media-chat {
        width: 100%;
    }
    .fed_crc_crd img{
        width: 100%;
    }
}

@media (min-width:993px) and (max-width:1024px) {
    .school-modal {
        max-width: 755px !important
    }
    .liv_cls {
        flex-direction: column;
    }
    .liv_cls h3 {
        margin-bottom: 10px !important;
    }
    .book-price small {
        font-size: 15px;
    }
}

@media (min-width:768px) and (max-width:992px) {
    .school-modal {
        max-width: 755px !important
    }
    .liv_cls {
        flex-direction: column;
    }
    .dsp_blk {
        display: block !important;
    }
    .liv_cls {
        flex-direction: column;
    }
    .liv_cls h3 {
        margin-bottom: 10px !important;
    }
    .staf_had {
        margin-bottom: 10px;
    }
    .locked img,
    .locked .fa-lock {
        height: 280px;
    }
    .img_pl {
        padding-right: 15px !important;
    }
    .order-summary-card img {
        height: auto;
    }
    .live-class-img img {
        height: 100%;
    }
    .book-detail-tabs li a {
        padding: 7px 16px;
        font-size: 10px;
        display: block;
    }
    .my_library_img img {
        width: 50%;
    }
    .my_library_img {
        text-align: center;
        margin-bottom: 10px;
    }
    .live_test_img img {
        height: 100%;
    }
    .live-class-img {
        margin-bottom: 10px;
        display: inline-block;
    }
    .actionLink a {
        font-size: 75%;
    }
    .sourse_content_btns {
        bottom: 15px;
        left: 14.5%;
    }
    .actionLink a {
        font-size: 75%;
    }
    .data_list ul li .purchase_card img {
        margin-right: 0;
        height: auto !important;
    }
    .test_bok .card-body {
        padding: 11px;
    }
    .book-subject {
        font-size: 13px;
    }
    .cont_pl {
        padding-left: 15px !important;
    }
    .cont_pl {
        padding: 0 15px !important;
    }
    .book-image {
        height: 190px;
    }
    .test_bok .book-image {
        height: 200px;
    }
    .book-price small {
        font-size: 14px;
    }
    .nav_bar {
        justify-content: end;
    }
    .pymnt_img {
        height: auto !important;
    }
    .stky_pls_btn {
        margin-right: 0;
    }
    .unlocked img {
        height: auto;
    }
    .crc_dtl .pymnt_img {
        width: 100%;
        height: auto;
    }
    .hm_ban img {
        width: 100% !important;
    }
    .out_sid_pg p {
        word-break: break-all;
    }
    /* .titleBack,
    .breadcumURL,
    .backURL {
        left: 5%;
    } */
    .creat-test .nav-tabs .nav-link,
    .creat-test .nav-tabs .nav-link.active {
        width: 28px;
        height: 28px;
        font-size: 13px;
        padding: 0;
    }
    .sourse_content .src_icon {
        min-width: 80px;
    }
    .cpn-image{
        width: 100%;
        height: auto;
    }
    .cpn_im_dv{
        text-align: center;
    }
}

@media (min-width:320px) and (max-width:767px) {
    
    /* .at_p .qus_opt{
        width: 20%;
    } */
    .fed_banner img{
        height: auto;
    }
    .fed_prog_presnt h4{
        width: auto;
    }
    .cls_tim{
        justify-content: space-evenly;
        width: 100%;
        font-size: 11px;
    }
    .liv_dv_txt h5,
    .liv_titl {
        width: auto;
        white-space: unset;
        text-overflow: unset;
        overflow: unset;
    }
    .at_p .opt_field{
        width: 74%;
    float: left;
    }
    .pros_wid {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
    .opt_field {
        font-size: 15px;
        margin-left: 7px !important;
        width: 60%;
        overflow: hidden;
    }
    .pros_wid {
        padding: 10px;
        
    }
    .pros_wid.at_p{
        padding-left: 0;
    }
    .progs_prsnt {
        padding-top: 0;
        
    }
    .crc_img{
        height: 100%;
    }
    .tst_slect_leng{
        margin-left: 0;
    }
    .download_app_box a img {
        width: 100% !important;
    }
    .sourse_content .src_icon {
        min-width: 85px;
    }
    .srch_inr_c {
        width: auto;
    }
    .sourse_content p {
        word-break: break-all;
    }
    .sourse_content .pl-3 {
        padding-left: 0 !important;
    }
    /* .backURL {
        left: 5%;
    } */
    .trans_dlt {
        bottom: 129px !important;
    }
    /* .breadcumURL {
        left: 20px !important;
    } */
    .titleBack {
        left: 20px !important;
    }
    .pre_generator {
        width: 100%;
    }
    .rep_font {
        font-size: 15px;
    }
    .pr_gen_txt h4 {
        font-size: 17px;
    }
    .sub_next {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .hm_ban img {
        width: 100% !important;
    }
    .filter_select_box {
        margin-bottom: 15px;
        border: 1px solid #fff;
        border-radius: 5px;
        max-width: unset;
    }
    .filter-btn-div {
        border: 0 !important;
        text-align: center;
        padding: 0 !important;
    }
    .filter-btn-div button {
        display: inline-block;
        width: initial;
        margin: 0 !important;
    }
    #home_slider .owl-nav button {
        width: 40px;
        height: 40px;
    }
    .select_course_tab .nav-tabs .nav-link {
        padding: 5px 20px;
        margin: 0 5px;
    }
    #home_slider .item h1 {
        font-size: 20px;
    }
    #home_slider .item p {
        font-size: 15px;
    }
    #home_slider .item .download_app_box {
        width: 100%;
        margin-bottom: 20px;
    }
    #home_slider .item .download_app_box a {
        width: 29%;
    }
    .top_navbar .search_wrapper {
        margin-right: 14px;
        margin-bottom: 2px;
    }
    .top_navbar .search_wrapper i {
        top: 50%;
        transform: translateY(-50%);
    }
    .top_navbar .search_wrapper .search_input {
        min-width: 205px;
    }
    .nav-tabs .nav-item {
        margin-bottom: 15px;
    }
    .book_price_validity {
        width: 100%;
    }
    .mobile-d-block {
        display: block !important;
    }
    button.btn.btn-primary.val {
        float: unset;
    }
    .video_list_btn {
        right: -50%;
    }
    .added_video_list_btn {
        right: -65%;
    }
    .order-summary-package-card {
        padding: 10px;
    }
    .card-image {
        margin: auto;
        height: auto;
        margin-bottom: 10px;
    }
    .tym_dur {
        height: unset;
        font-size: 12px;
    }
    .video_cards .list_content h3 {
        font-size: 12px;
    }
    .combo_cards .list_content h3 {
        font-size: 20px;
    }
    .video_cards iframe {
        height: 90px !important;
    }
    .books_tabs {
        display: flex;
        justify-content: center;
    }
    .books_tabs li a {
        border: 2px solid #383838 !important;
        margin: 3px;
    }
    .purchase_detail_card {
        text-align: center;
        display: inline-block !important;
    }
    .purchase_detail_card .purchase_details {
        display: inline-block !important;
        margin: 4px;
    }
    .d-colum {
        flex-direction: column;
    }
    .order-summary-card img {
        width: 100%;
        height: auto;
    }
    .card-image {
        width: 100%;
    }
    .staf_had {
        margin-top: 8px;
    }
    .profile_lft {
        margin-bottom: 32px;
    }
    .profile_id_img {
        text-align: center;
        margin: auto;
        padding-top: 9px;
    }
    .ryt_idcontnt {
        text-align: center;
        margin-left: 0 !important;
    }
    .edit_profile {
        margin-top: 8px !important;
    }
    .purchase_card {
        flex-direction: column;
    }
    .data_list ul li .purchase_card img {
        width: 100%;
        height: auto !important;
    }
    .order-summary-card .fs-14 {
        font-size: 11px;
    }
    .btm_purchase_card {
        width: 100%;
        align-items: first baseline;
        flex-direction: column;
    }
    .staf_had {
        font-size: 13px;
    }
    .buy {
        display: inline-block;
        margin-top: 3px;
    }
    .purchase_card .list_content h4 {
        font-size: 18px;
        margin-top: 6px;
    }
    .lft-panel .nav-tabs .nav-item {
        margin-bottom: 0 !important;
    }
    .lft-panel li a {
        padding: 14px 8px !important;
    }
    .books_tabs {
        font-size: 14px;
    }
    .viwall_tab {
        margin-top: 22px !important;
    }
    .card_wrapper_video .video_content h4 {
        font-size: 15px;
    }
    .card_wrapper_video iframe {
        width: 100%;
        height: auto;
    }
    .card_wrapper_course .inner_wrraper h4 {
        font-size: 17px;
    }
    .card_wrapper_course .inner_wrraper i {
        margin-right: 22px;
    }
    .sec-head {
        font-size: 22px;
    }
    .bottom_sec {
        font-size: 14px !important;
    }
    .card_wrapper_combo {
        flex-direction: column;
    }
    .card_wrapper_combo img {
        width: 100%;
        height: auto;
    }
    .card_wrapper_combo .fs-22 {
        font-size: 20px;
        margin-top: 8px;
    }
    .card-image {
        height: 160px;
    }
    .mob_flx {
        padding-right: 25px;
    }
    .mob_flx .pl {
        background: #fff;
        color: #28a745 !important;
        padding: 2px 16px;
        border-radius: 3px;
        font-size: 10px;
    }
    .bas_alin {
        flex-direction: column;
    }
    .bas_alin a {
        margin-top: 3px;
        margin-left: 3px;
    }
    .fot_log {
        display: table;
        margin: auto;
        width: 170px;
    }
    .footer-social-links {
        text-align: center;
    }
    .join_txt {
        text-align: center;
    }
    .cms_styles p {
        word-break: break-all;
    }
    .cms_styles {
        padding: 30px 14px;
    }
    .cms_styles ul {
        padding-left: 17px;
    }
    .sec-head {
        font-size: 18px;
    }
    .fotr_btm_txt {
        font-size: 12px;
    }
    .privcy_list {
        text-align: center;
    }
    .thnk_cont h2 {
        font-size: 30px;
    }
    .card_wrapper_video {
        flex-direction: column;
    }
    .video_content {
        margin-top: 10px;
    }
    .reset_pas {
        width: 100%;
        margin-bottom: 14px;
    }
    .nav_bar {
        display: flex;
        justify-content: center;
        margin-top: 20px !important;
    }
    .download_app_box.fot {
        /* display: flex; */
        flex-direction: column;
        justify-content: center;
    }
    .download_app_box.fot a {
        width: 28%;
        text-align: center;
        margin-bottom: 10px;
    }
    .notfound p {
        max-width: 100%;
    }
    /* .download_app_box.fot img {
        width: 150px !important;
    } */
    .fltr_img {
        width: 48px !important;
    }
    .footer_heading {
        text-align: center;
        font-size: 20px;
        margin-bottom: 15px;
    }
    .fot_center {
        text-align: center;
    }
    .address-list {
        justify-content: center;
    }
    .fot_list li {
        background: #feec00;
        margin-bottom: 7px;
        border-radius: 4px;
        box-shadow: 0 10px 10px #181818;
    }
    .fot_list li .footer-links {
        color: #0e0d0d;
        margin-bottom: 0;
        padding: 5px 0;
    }
    .address-list span {
        text-align: center;
    }
    .school-modal {
        max-width: 755px !important
    }
    .school-modal .modal-content {
        min-width: unset
    }
    .school-modal .modal-content .modal-body {
        padding: 30px 20px !important
    }
    .school-modal .modal-content .modal-body h3 {
        font-size: 17px;
        color: #fc0 !important;
        margin-bottom: 15px;
        margin-top: 50px;
    }
    .school-modal .modal-content .modal-body .modal_input_group {
        width: 100px;
        height: 100px;
    }
    .school-modal .modal-content .modal-body .modal_input_group label {
        padding: 20px 10px;
        border-radius: 5px;
        font-size: 13px;
    }
    .school-modal .modal-content .modal-body .modal_input_group label:before {
        width: 20px;
        height: 20px;
        top: 30%;
    }
    .school-modal .modal-content .modal-body .modal_input_group label:after {
        width: 10px;
        height: 10px;
        top: 30%;
    }
    .school-modal .modal-content {
        background-position: 95% 40%, 100% 100%, 100% 100% !important;
        background-size: 15% 25%, 35% 47%, 100% 100% !important;
    }
    .school-modal .modal-content .modal-body .site_switch {
        width: 140px;
        height: 35px !important;
        font-size: 15px;
        margin-top: 25px;
        border-radius: 5px
    }
    .home-filter-section {
        display: block !important;
    }
    .liv_cls {
        flex-direction: column;
    }
    .book-detail-tabs li a {
        padding: 7px 17px;
    }
    .liv_cls h3 {
        margin-bottom: 10px !important;
    }
    .dtl_h4 {
        font-size: 16px;
    }
    .sourse_content h4 {
        font-size: 16px;
    }
    .unlocked img {
        height: auto !important;
    }
    .locked img,
    .locked .fa-lock {
        height: 380px;
    }
    /* .locked img {
        height: auto !important;
    } */
    .cont_pl {
        padding-left: 15px !important;
    }
    .book-image {
        height: auto;
    }
    .cont_pl {
        padding: 0 15px !important;
    }
    .nav_bar {
        justify-content: end;
    }
    #course_combo .unlocked {
        height: auto;
    }
    .res_pl h4 {
        font-size: 16px;
    }
    .overview-content p {
        word-break: break-all;
    }
    .overview-content ul {
        padding-left: 0 !important;
    }
    .order-summary-card img {
        width: 100%;
    }
    .tab_column {
        align-items: flex-start !important;
    }
    .live-class-img,
    .live_test_img {
        margin-bottom: 10px;
        display: inline-block;
    }
    .ryt_idcontnt p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .backURL {
        margin-left: 0;
    }
    .pymnt_img {
        height: auto !important;
    }
    .stky_pls_btn {
        margin-right: 0;
    }
    .bok_slid_in img {
        height: auto;
        min-height: 275px;
    }
    .creat-test {
        height: auto !important;
        margin-bottom: 30px;
    }
    .creat-test ul li {
        justify-content: center;
        display: flex;
    }
    .test_bok .book-image {
        height: auto;
    }
    #canvas_container {
        width: 100%;
    }
    #pdf_renderer {
        height: auto;
    }
    .view_course_innr {
        display: flex;
        justify-content: center;
    }
    .video_img {
        width: 100%;
        height: auto;
    }
    .bk_txt {
        font-size: 18px;
    }
    .out_sid_pg p {
        word-break: break-all;
    }
    .cpn-image{
        width: 100%;
        height: auto;
    }
    .cpn_im_dv{
        text-align: center;
    }
    .cupn_dv .tab_column{
        align-items: inherit !important;
    }
    .tst_slect_leng{
        margin-left: 0 !important;
    }
    .btns_mod{
        flex-direction: column;
        text-align: center;
        row-gap: 24px;
    }

    /* .sourse_content{
        flex-direction: column;
    } */

    /* feed */
    .wd_10{
        width: 100%;
    }
    .liv_dv_txt{
        flex-direction: column;
        padding-right: 16px;
        padding-left: 16px !important;
    }
    .liv_dv_txt .liv_img{
        height: auto;
        width: 100%;
        margin-bottom: 20px;
    }
    .liv_dv_txt .liv_img img{
        width: 100% !important;
        height: 170px !important;
    }
    .feedchat.right.fade .modal-dialog{
        max-width: 100%;
    }
    .coment-box .ps-container {
        max-height: 86vh !important;
        min-height: 86vh !important;
    }
    .chat-main .media-chat {
        width: 100%;
    }
    .coment-box .media-chat .media-body {
        width: 100%;
    }
    .fed_slect_grp{
        width: 100%;
    }
   .mobflx{
       flex-direction: column;
   }
   .audo_img {
    width: 100% !important;
    height: auto;
}
.audolayr_img {
    width: 100% !important;
    height: auto;
}
.fed_crc_crd{
    height: auto;
}
.fed_crc_crd img{
    width: 100% !important;
}
}

@media (min-width:320px) and (max-width:500px) {
    .opacity-animate3 .close {
        top: 1px;
        right: 0;
        border-radius: 0;
    }
    .profile-camera{
        right: 32%;
    }
    .profile_urdat{
        left: -57px !important;
    }
    .srch_main_indx.newactv .allcr_serch{
        width: 100%;
    }
    .edit_profile .form-group {
        padding-left: 8px;
        padding-right: 0;
        font-size: 13px;
    }
    .edit_profile label {
        width: 69px;
    }
    .ryt_idcontnt h4 {
        font-size: 20px;
    }
    .reset_pas {
        font-size: 13px;
    }
    .progress_wrapper p {
        font-size: 11px;
    }
    .progress-content-1 p {
        font-size: 10px;
    }
    .test_lik_pop {
        right: 0;
    }
    .srch_dv {
        padding: 10px 9px 8px;
        margin-right: 4px;
        margin-bottom: 9px;
        width: 132px;
        font-size: 11px;
    }
    .srch_icn {
        padding: 0px;
        width: 25px;
        height: 25px;
    }
    .sourse_content h4 {
        font-size: 14px;
        margin-left: 5px;
    }
    .vdo_serch {
        padding-right: 20px;
    }
    .tst_gnrtar {
        font-size: 13px;
    }
    .faq_to::before {
        float: right !important;
        margin-top: -3px;
    }
}

@media (min-width:300px) and (max-width:538px) {
    .book-detail-tabs li a {
        padding: 7px 8px;
        font-size: 15px;
    }
}

@media (min-width:300px) and (max-width:481px) {
    .school-modal {
        display: flex !important;
        align-items: center !important;
        height: 100% !important
    }
}

@media (min-width:320px) and (max-width:400px) {
    .book-price {
        font-size: 14px;
    }
    .book-price span {
        font-size: 16px;
    }
    .book_validity {
        font-size: 9px;
    }
    .app_box {
        margin-top: 21px !important;
    }
    .app_box b {
        font-size: 13px !important;
    }
    .crttst_tb:before {
        font-size: 20px;
    }
    .sub_next {
        font-size: 13px;
    }
    .summary_details h4 {
        font-size: 14px;
    }
    .ans_dv i {
        font-size: 27px;
    }
    .summary_details h3 {
        font-size: 1rem;
    }
    .reply_dot {
        width: 27px;
        height: 27px;
    }
    #window_app_modal .modal-content {
        max-width: 100%;
    }
    .windows_app_download_btn {
        font-size: 15px;
        display: flex;
        margin-bottom: 15px !important;
        text-align: center;
        justify-content: center;
        width: 65%;
        align-items: center;
        margin: auto;
    }
}