@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;
    }
}

@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{
        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 {
        font-size: 32px;
    }
    .invite_table_innr td{
        min-width: 200px;
    }
    .invitation_sec {
        padding: 30px 0;
    }
}
@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{
        display: none;
    } */
    .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;
    }
}
@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{
        width: 100%;
    } */
    .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 {
        font-size: 24px;
    }
}

@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%;
    }
    
}
@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%;
    }
}