@media(max-width:1365px) {
    .topdetails_left {width:65%;}
    .topdetails_right {width:35%;}
    }
    
    @media(max-width:1199px) {
    .activity_rightpnl {margin-left:0;}
    .system_textPnl {padding:30px;}
    .topdetails_right {width:40%;}
    .topdetails_left {width:60%;}
    .course_lessonsbx:first-child {width:26%;}
    .course_lessonsbx {width:24%; padding:0 10px;}
    .certificate_btn .basic_btn {font-size:14px;}
    .task_modal_bx .modal-dialog {padding:0 15px;}
    .guest_feedarea {padding:40px 0;}
    .course_item .champions_pic, .events_itemBx .champions_pic, .events_itemBx .groups_pic {max-height:150px; height:150px;}
    .champions_item .champions_pic {max-height:192px; height:192px;}
    .blog_menu_slider {padding:0 30px;}
    .blog_menuslideOuter .prev {left:0;}
    .blog_menuslideOuter .next {right:0;}
    }
    
    @media(max-width:991px) {
    .activity_rightpnl {margin-left:0; position:fixed; top:0; right:0; bottom:0; z-index:99; transition:0.5s; transform:translateX(100%); overflow:hidden; left:0;}
    .activity_open .activity_rightpnl {transform:translateX(0);}
    .activity_backBtn {display:block; background:#fff; padding:10px;}
    .activity_backBtn a {display:flex; align-items:center; font-size:18px; color:#003442; font-weight:600;}
    .activity_backBtn a i {margin-right:10px;}
    .pnl_innr {height:calc(100vh - 47px); overflow-y:auto;}
    .activity_open {overflow:hidden; height:100%; width:100%;}
    .champions_area {padding:30px 0;}
    .bnr_graph_textPnl h1 {font-size:44px; line-height:54px;}
    .tab_links .nav-tabs .nav-link {min-width:100px;}
    .topdetails_right.block_rightPnl {display:block;}
    .system_textPnl, .system_pic {width:100%;}
    .system_pic {order:1;}
    .system_textPnl {order:2;}
    .system_textPnl h3 br {display:none;}
    .topdetails_left {width:100%;}
    .groups_rightpnl {margin:30px 0 0;}
    .group_rightinnr {display:flex; flex-wrap:wrap;}
    .group_rightinnr {display:flex; flex-wrap:wrap; justify-content:space-between;}
    .grp_innr_row {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #6F7A7C; width:32%;}
    .grp_innr_row:last-child {border-bottom:1px solid #6F7A7C; margin-bottom:20px;}
    .learn_courseleft_pnl {width:100%; margin-bottom:20px;}
    .learn_courseright_pnl {width:100%; padding-left:0;}
    .course_lessonsbx:first-child {width:100%; margin-bottom:25px;}
    .lessons_hdng {margin-bottom:18px;}
    .course_lessonsbx {width:33.33%; padding:0 15px;}
    .course_lessonsbx:nth-child(2) {border-left:0;}
    .graph_bnr_area {padding:75px 0;}
    .attachment_item {margin-bottom:20px;}
    .bnr_graph_textPnl h2, .bnr_graph_textPnl h3 {font-size:40px;}
    .bnr_btns_arrw .slick-arrow {position:static; transform:none; top:inherit;}
    .bnr_btns_arrw {position:absolute; display:flex; align-items:center; justify-content:center; left:50%; transform:translateX(-50%); bottom:18%; gap:20px;}
    .homeslide_item {padding:50px 0 140px;}
    .bnr_graph_textPnl h2, .bnr_graph_textPnl h3 {font-size:32px;}
    .invite_table_innr td {min-width:200px;}
    .invitation_sec {padding:30px 0;}
    .mdl_lftpnl {width:100%; margin-bottom:20px;}
    .mdl_rghtpnl {width:100%; padding-left:0;}
    .srvay_feedhdng h2 {font-size:24px;}
    .course_item .champions_pic, .events_itemBx .champions_pic, .events_itemBx .groups_pic {max-height:170px; height:170px;}
    .learn_courseleft_pnl .course_item .champions_pic {height:auto; max-height:100%;}
    .mdl_lftpnl .events_itemBx .groups_pic {height:auto; max-height:100%;}
    .contact_menupnl {padding:20px 15px;}
    .contact_innr {height:100%; overflow-y:auto;}
    .error_text h1 {font-size:45px; line-height:45px;}
    .error_graphics {margin:20px 0 0;}
    .blog_pic {width:100%; border:0;}
    .blog_pic img {width:100%;}
    .blog_textpnl {width:100%; padding:20px;}
    .blog_list_row {margin-bottom:20px;}
    }
    
    @media(max-width:767px) {
    .activity_srchTop {flex-wrap:wrap;}
    .activity_srch {width:100%; order:1; margin-bottom:20px;}
    .filter_activity {width:100%; order:2;}
    .activity_srch {display:none;}
    .activity_rightItem.reply_msgItem {padding-left:30px;}
    .sports_tabinnr .tab-content {padding:15px 15px;}
    .sportss_accrdian_Area {display:block;}
    .accord_row {background-color:#fff; box-shadow:0 0 10px rgb(0 0 0 / 12%); border-radius:5px; margin-bottom:10px; overflow:hidden;}
    .accord_btn {display:flex; align-items:center; justify-content:space-between; background-color:#37AAB2; padding:8px 15px; color:#fff; font-weight:600;}
    .accord_content {padding:10px; display:none;}
    .tab_fill {width:100%; border-bottom:1px solid rgba(151,151,151,0.3); padding:0;}
    .sports_tabArea {padding:40px 0 20px;}
    .tab_formOuter {padding-right:0; margin:0;}
    .tab_fill + .tab_fill {border-left:0;}
    .tab_formOuter .submit_fill {position:static; right:inherit; top:inherit; width:100%; margin-top:20px;}
    .submit_btn.form_submit {width:100%; height:55px; font-size:16px; color:#004254; font-weight:700;}
    .sport_tabLinks ul {overflow-x:auto; flex-wrap:nowrap;}
    .sport_tabLinks ul li {width:auto;}
    .sport_tabLinks .nav-tabs .nav-link {min-width:115px;}
    .tab_fill .form-control {height:40px;}
    .portfolio_gallery_item {width:33.33%;}
    .indra_course_tabArea {padding-bottom:30px;}
    .topdetails_right.block_rightPnl {width:100%; text-align:center;}
    .exprt_share ul {justify-content:center;}
    .basic_btn.cancel_whiteBtn {min-width:105px;}
    .question_btnArea .basic_btn span {display:none;}
    .course_area {padding:30px 0 15px;}
    .pd_30 {padding:15px 0;}
    .home_bnrArea {padding:50px 0 65px;}
    .grp_innr_row {width:48%;}
    #evnt_meeting .upload_area {justify-content:center;}
    .date_ratingOuter {align-items:flex-start;}
    .event_catagoryslide_Outer .slick-list {width:100vw;}
    .tab_fill .select2-container--default .select2-selection--single, .tab_fill .form-control {height:55px;}
    .share_modal_bx .modal-header {padding:10px 15px;}
    .share_modal_bx .modal-header h5 {font-size:24px;}
    .learning_course_area {padding:40px 0;}
    .lessons_feedbackleftpnl {width:100%; padding-right:0; margin-bottom:15px;}
    .lessons_certificate_pnl {width:100%; border-left:0; padding-left:0;}
    .course_lessonsbx {width:50%; padding:0 0; border:0 !important; margin-bottom:15px;}
    .tag_links ul li a {height:34px; padding:0 15px;}
    .share_modal_bx .modal-body {padding:20px 15px;}
    .task_modal_bx .modal-header {border:0; padding:20px 40px 20px 20px;}
    .task_modal_bx .modal-header h5 {font-size:22px;}
    .task_modal_bx .modal-body {padding:0 20px 30px;}
    .task_modal_bx .modal-dialog {padding:0;}
    .question_modal_bx .modal-body {padding:20px;}
    .course_vdo_row .course_vdopnl {width:100%;}
    .vdo_textpnl {width:100%; padding-left:0;}
    .task_detailsHdng h2 {font-size:20px;}
    .taskstatus_item {width:50%; padding:0; margin-bottom:20px;}
    .taskstatus_item h3 {margin-bottom:15px;}
    .taskstatus_item.taskstatus_item:last-child {text-align:left;}
    .task_tableInnr td {min-width:160px;}
    .task_tableInnr td:first-child {min-width:260px;}
    .taskstatus_item:first-child {border:0;}
    .submit_rfreshOuter {display:flex; gap:8px;}
    button.submit_btn.form_submit.refresh_btn {width:65px;}
    .course_item .champions_pic, .events_itemBx .champions_pic, .events_itemBx .groups_pic {max-height:120px; height:120px;}
    .contact_menupnl {width:100%; max-width:400px;}
    .error_banner {padding:30px 0;}
    .error_text h1 {font-size:35px; line-height:38px;}
    .blog_srch {padding:10px; margin-bottom:20px;}
    .blog_hdng h2 {font-size:24px;}
    .team_usrTxt {position:static;}
    .reply_commntbx_innr .forum_cmntsRow {padding-left:25px;}
    }
    
    @media(max-width:575px) {
    .activity_questionPnl, .activity_lftItem, .activity_rightItem {padding:20px 15px;}
    .sports_tabArea {padding:20px 0 0;}
    .champions_outer .col-6 {width:100%;}
    .graph_bnr_area {padding:55px 0;}
    .bnr_graph_textPnl p {margin-top:15px; font-size:14px;}
    .bnr_graph_textPnl h1 {font-size:30px; line-height:40px;}
    .global_details_outer {flex-wrap:wrap; justify-content:center;}
    .glbl_detailstext {width:100%; text-align:center;}
    .glbl_detailsPic {margin:0 auto 15px;}
    .glbl_detailstext .details_tags {justify-content:center;}
    .system_textPnl {padding:30px 15px;}
    .glbl_detailstext .challenge_iconOuter {justify-content:center;}
    .grp_innr_row {width:100%;}
    .sucess_question_icon span {margin-bottom:10px;}
    .question_success_hdng h2 {font-size:22px;}
    .question_closeBtn {margin:25px 0 0;}
    .taskstatus_item.taskstatus_item:last-child {padding-right:0;}
    .taskstatus_item.taskstatus_item:last-child a {width:100%;}
    .taskstatus_item h3 {font-size:14px;}
    .bnr_graph_textPnl h2, .bnr_graph_textPnl h3 {font-size:24px;}
    .ans_count {min-width:100%; margin-right:0; margin-bottom:15PX;}
    .accor_ansArea {flex-wrap:wrap;}
    .question_count {display:none;}
    .accordian_area .accordion-button {padding:10px;}
    .ans_para p {font-size:14px;}
    .ans_rating li a span {font-size:20px;}
    .feedback_bx p {font-size:14px;}
    .pd_20 {padding:10px;}
    .mdl_lftpnl .groups_pic {padding:0px 10px;}
    .course_item .champions_pic, .events_itemBx .champions_pic, .events_itemBx .groups_pic {max-height:100%; height:auto;}
    .champions_outer .row .champions_item .champions_pic {height:auto; max-height:100%;}
    .blog_btns_usrOuter {flex-wrap:wrap;}
    .blog_btns {width:100%; order:2; margin:15px 0 0;}
    .blog_btns_usrOuter .activity_userOuter {width:100%;}
    .blogs_area {padding:30px 0 35px;}
    .blog_para p {font-size:14px;}
    }
    
    @media(max-width:480px) {
    .winers_likeOuter {flex-wrap:wrap;}
    .winner_user {margin:10px 0 0 0; width:100%;}
    .filter_activity a {font-size:14px;}
    .portfolio_gallery_item {width:50%;}
    .guest_feedarea {padding:20px 0;}
    .mdlblue_accordian .accordion {padding:0;}
    .submit_survay {margin:10px 0 0;}
    .champions_item .champions_pic {height:auto; max-height:100%;}
    }
    
    @media(max-width:420px) {
    .filter_activity a {font-size:13px; font-weight:600; padding:0 10px;}
    .actvty_filter_btn a i {margin-right:3px; font-size:18px;}
    .activity_usrPnl {width:100%; margin-bottom:10px;}
    .activity_date {margin-left:0; width:100%;}
    .activity_userOuter {flex-wrap:wrap;}
    .activity_commnets h3 {font-size:13px;}
    .activity_backBtn a {font-size:16px;}
    .tab_links .nav-tabs .nav-link {min-width:105px; height:40px;}
    .system_textPnl h3 {font-size:24px;}
    .system_list li {font-size:14px;}
    .gallery_outer .portfolio_gallery_item {width:50%;}
    }