@media only screen and (max-width:1024px) and (min-width:768px){
    .welcome_content{
        width: 60%;
    }
    .login_btn{
        margin: 0px;
    } 
    .answer_content h4{
        font-size: 18px;
    }
    .view_btn{
        font-size: 14px;
        padding: 5px 20px;
    }
    .answer_modal {
        max-width: 548px;
    }
    .categ.categorese_boxorese_box {
        width: 100% !important;
    }
    .categorese_box{
        width: 100% !important;
    padding: 30px 20px;
    margin-bottom: 29px;
    border-radius: 33px;
    }
    .categorese_box h3{
        font-size: 20px;
        padding: 0px;
    }
    .start_btn_parent {
        width: 26%;
    }
    .guidance_notese p{
        font-size: 16px;
    }
   
    .choose_question h3{
        font-size:20px
    }
    .tab_section ul li {
        font-size: 19px;
    }
    .view_user_section {
        width: 100%;
    }
    .view_user_section h3 {
        font-size: 27px;
    }
    .choose_question2 {
        width: 70%;
    }
    .edit_remove_btn .view_btn{
        border-radius: 9px;
    }
    
    .question_check_btn .view_btn {
        padding: 7px 36px;
}
    /* .question_check_btn {
        width: 100%;
    } */
    .gal-descrip{
        width: 100%;
    }
    .gal-descrip h3 {
        font-size: 42px;
    }
    .sele_tive_btn{
        display:flex
    }
    .words_selected {
        width: 25%;
    }
    .icon_shape::before {
        content: ' ';
        bottom: -32px;
    }
    .define_skill_section {
        width: 63%;
        margin: auto;
        text-align: center;
    }
}

@media only screen and (max-width:767px) and (min-width:320px){
   /* button{
        outline: none !important;
    }*/
    .sure_btn_section .close {
        line-height: 18px;
        padding: 6px 6px !important;
    }
    .modal_btn_deleted{
        width: 100%;
        justify-content: center;
        display: flex;
        text-align: center;
    }
    .modal_btn_deleted .view_btn{
         margin-right: 8px;
    }
    .add_question_coach{
        display: block !important;
        display: flex;
    }
    .remove_question_parents{
        width: 100%;
        justify-content: center;
        display: flex;
        text-align: center;
    }
   /* .remove_question_parents .view_btn{
        margin-right: 8px;
    }*/
    .add_question_coach .remove{
        margin-bottom: 7px;
    }
    .define_skill_section{
        width: 100%;
    }
    .question_check_btn .view_btn {
        padding: 4px 18px;
    }
    .question_check_btn .no {
    
        margin-left: 0.5em !important;
        margin-right: 0.5em !important;
    }
    .prv_b_res{
      margin-right: 0.5em !important;
    }
    /* .question_check_btn{
        width: 100%;
    } */
    .output_section{
        display: block;
    }
    .gal-descrip{
        width: 100%;
    }
    .gal-descrip h3 {
        font-size: 31px;
    }
    .sele_tive_btn .view_btn{
        padding: 3px 15px !important;
        margin:0;
    }
    .counting_total__{
      font-size: 12px !important;
      margin:0px 5px 0px 0px;
    }
    .gal-tabs{
        margin: 17px 0px;
        display: flex;
        justify-content: space-between;
    }
    .question_check_btn{
        width:100%
    }
    
    .icon_shape::before {
        bottom: -27px;
        border: 15px solid;
        border-color: #d0122e transparent transparent #d0122e;
    }

    .words_selected {
        width: 60%;
    }
    .selective_words_btn{
        display: flex;
    }
    .selective_words_btn .view_btn {
        padding: 5px 37px;
    }

    .listing_name_section p{
        margin: 0px;
        font-size:12px
    }
    .listing_name_section h3{
        font-size:20px;
    }
    .question_tag .add_question{
        width: 100%;
    }
    .choose_question2 {
        width: 100%;
    }
    .question_tag .add_question{
        padding: 5px 15px;
    margin: 1px 0px 0px;
    }
    .search_tab_{
        margin: 30px 0px 0px;
    }
    .created_user {
        margin-top: 20px;
    }
    .new_user{
        width: 100%;
    }
    .listing_image_section {
        text-align: center;
        margin-bottom: 12%;
    }
    .edit_and_user_section{
        margin-bottom: 25px;
    }
    .answer_action{
        padding-left: 0px;
    }
    .media_padding{
        padding-left: 0px;
    }
    .mobile_view_controll{
        width: 100px;
        margin-right: 3px;
    }
    .mobile_view_controll img{
        max-width: 100%;
    }
    .selective_choose_question h2{
        font-size: 20px;
    }
    .inner_section h3{
        font-size: 16px;
    }
    .generated_link_section{
        flex-wrap: wrap;
        margin: 0px 0px 15px;
    }
    .generted_text{
        width: 100%;
    }
    .generted_text h2{
        font-size: 16px;
    }
    .choose_question h3{
        font-size:20px
    }
    .choose_question h3{
        padding: 15px 0px 10px;
    }
    .converation_page h2{
        font-size: 23px;
    }
    .start_btn_parent{
        width: 38%;
    }
    .categorese_box{
        width: 100%;
        padding: 15px 0px 15px;
        border-radius: 21px;
        margin-bottom: 24px;
    }
    .media_only{
        margin-top: 20px;
    }
    .categorese_box h3 {
        font-size: 15px;
        padding: 0px;
    }
    .category_img {
        width: 19%;
        margin: auto;
        height: 70px;
    }
    
    .all_answer_section{
        flex-wrap: wrap;
    }
    .answer_modal {
        max-width: 359px;
        margin: auto;
    }
    .answer_content h4{
        font-size: 14px;
    }
    .welcome_content{
        width: 100%;
    }
    .view_btn{
        font-size: 12px;
        margin: 9px 0px 0px;
        border-radius: 6px;
    }
    .login_btn{
        margin: 0px;
        width: 60%;
        font-size: 14px;
    }
    .staff_login_btn {
        margin: 3px 0px 0px;
    }
    .staff_login_btn a {
        font-size: 12px;
    }
    .welcome_login{
        margin: 0px;
    }
    .input_border {
        padding: 3px;
        margin-bottom: 10px;
        border-radius: 15px;
    }
    .input_login {
        padding: 10px;
        border-radius: 11px;
        font-size: 14px;
    }
    .welcome_content h3 {
        font-size: 29px;
    }
    .dashbad_section_block{
        width: 100%;
        margin-bottom: 15px;
    }
    .dashbad_section_block h3{
        font-size:20px
    }
    .view_user_section {
        border-radius: 39px;
        padding: 33px 0px;
    }
    /*.tab_section ul{
        justify-content: center;
    }*/
    .tab_section ul li {
        font-size: 17px;
    }
    .modal_btn_deleted {
        width: 65%;
    }
    .question_heading_text h2{
        font-size:14px
    }
    .tab_section ul li:nth-child(even) {
        flex: 0 0 2%;
    }
    .card_img_space{
       margin-left: 10px;
       margin-right: 5px;
    }
    .submit_back_btn_parents .view_btn {
        padding: 4px 55px;
        margin: 20px 0px 0;
        transition: .5s;
        width: 100%;
    }
    .discription_box{
        width: 100%;
        padding: 10px;
    }
    .first_step p {
        font-size: 16px;
    }
    .discription_box p{
        font-size: 13px;
    }
    .discription_box h3 {
        font-size: 14px;
    }
    .responses_img{
        width: 48px;
    }
    .responses_img_{ width: 70px; }
    .user_details{
    padding-top: 10px;
    }
    .custome {
        display: block !important;
    }
    .custome .form__radio-group{
        margin: 10px 0px;
    }
    .question_heading_text{
        width: 100%;
    }
    .question_tag{
        margin: 20px 0px 0px;
    }
    .creted_btn{
        margin-top: 5px;
    }
    .question_heading_text, .word_heading_text{
        width: 100%;
    }
    .choose_question .view_btn{
        margin-top: 5px;
    }
    .staff_users{
        margin-bottom: 10px;
    }
   /* .sidebar {
        top: 95px;
        height: calc(100vh - 210px);
    }*/
    .generated_link_section .word_heading_text h2{
        margin-bottom: 7px;
    }
    .user_pass_sec{
        margin: 8px 0;
    }
    .submit_tab{
        width: 100%;
    }
    .sidebar{
        top: 95px;
        height: calc(100vh - 165px);
    }
}
@media only screen and (max-width:1199px) and (min-width:768px){
    .tab_section ul li:nth-child(even) {
        flex: 0 0 1%;
    }   
}
@media only screen and (max-width:1199px) and (min-width:1026px){
    .gal-descrip h3 {
        font-size: 50px;
    }   
}

@media (hover: hover) and (pointer: fine) {
  .active_btn:hover {  background-color: #d0122e; }
}