@media screen and (max-width:368px){
    .process_right ul li span img {
    width: 100%;
}
}
@media screen and (max-width:450px){
    .subject_inner_part_box ul li {
    margin: 5px;
    width: 90% !important;
}
    .find_tutor_price1 {
    top: -2px;
    font-size: 10px;
    left: 9%;
}
    .find_tutor_price1 i {
    font-size: 11px;
    height: 23px;
    width: 23px;
}
    .right_message_side {
    padding-left: 23px;
    font-size: 13px;
    margin-top: 3px;
        margin-left: 0px;
}
    .find_tutor_profile1 img {
    width: 45px;
}
    .message_center_left div, .message_center_right div {
    width: 98% !important;
}
    .message_fi1_left {
    width: 45px;
}
}

@media (min-width:540px) and (max-width:768px){
    .find_tutor_price1 {
    left: 6%;
}
}
@media screen and (max-width:768px){
    .studemt_dash_tutordetail_inn ul {
    max-height: 155px;
}
    .review_total_filter form span {
    float: none;
    width: 170px;
    margin: 10px 0px;
    display: inline-block;
    text-align: center;
}
    .review_total_filter form {
    text-align: center;
}
    .review_inner_part ul li {
    padding: 0px 0px !important;
}
    .wrapper_faq {
    width: 95%;
}
    .faq_page {
    margin: 5px 0px;
    padding: 15px 0px;
}
    .faq_btn_cl span {
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    padding: 7px 8px;
}
    .general_part h3 {
    font-size: 22px;
}
    .general_part ul li span.plus_1 {
    width: 40px;
    margin: 0px 8px 0px 0px;
}
    /*-- dashboard part start here --*/
    .dashboard_inner_left, .dashboard_inner_right {
    padding: 0px 0px !important;
        margin-bottom: 20px;
}
    .message_tutor_left {
    padding-right: 0px;
}
    .message_center {
    display: none;
}
    .message_center_upper {
    padding: 10px 5px;
}
    .message_center_left_up {
    padding: 0px 10px;
}
 .message_center_right_up {
    text-align: right;
    padding: 5px 10px 0px 0px;
}
    .message_green a, .message_red a {
    font-size: 13px;
    padding: 3px 9px;
}
    /*-- dashboard part end here --*/
    .mobil_btn_back{
        display: block;
    }
    .tutor_select_box, .tutor_select_box1 {
    width: 100%;
    margin-left: 0px;
}
    .button_att {
    width: 100%;
    margin: 10px 0px;
}
    .personal_final_part, .categorie_final_part, .professional_final_part {
    padding: 5px;
    margin: 0px 0px 10px 0px;
}
    .personal_final_part h2, .categorie_final_part h2, .professional_final_part h2 {
    font-size: 17px;
}
    .personal_final_part h2 span, .categorie_final_part h2 span, .professional_final_part h2 span {
    font-size: 13px;
}
    .personal_final_part p span.per_span_right {
    width: 65%;
}
    .personal_final_part p span.per_span_left {
    width: 30%;
}
    .professional_inner_p ul {
    padding: 5px;
}
    .button_att p {
    margin-top: 0px;
    margin-left: 10px;
    margin-bottom: 0px !important;
}
    p.serch_1 {
    width: 85%;
}
    .categorie_part form {
    padding: 5px;
}
    .cross_popup img {
    width: 18px;
}
    .add_education_popup h3, .add_work_popup h3, .add_certification_popup h3 {
    font-size: 22px;
}
    .add_education_popup, .add_work_popup, .add_certification_popup {
    width: 90%;
    overflow-y: scroll;
    max-height: 350px;
}
    .personal_de_left, .personal_de_right {
    padding: 0px;
}
    .personal_form {
    padding: 10px;
}
    .personal_de, .professional_p{
    margin: 15px 0px 10px 0px;
}
    .personal_de h2, .categorie_part h2, .professional_p h2 {
    font-size: 22px;
}
    .professional_inner {
    padding: 5px;
}
    .professional_inner_p h3 {
    margin: 5px 0px 0px;
    font-size: 16px;
    padding: 5px 0px 5px;
}
    span.edit_eduction, span.edit_certi, span.edit_work {
    margin-right: 15px;
}
    .professional_inner_p h3 span {
    font-size: 11px;
    padding: 5px 2px;
}
    .tutor_dashboard_details {
    margin: 45px 0px 75px 0px;
}
    .tutor_dashboard_details ul li span {
    height: 48px;
    width: 48px;
}
    .tutorapp h1 {
    font-size: 25px;
    margin: 10px 0px;
}
    .offer_banner_inner span a {
    font-size: 21px;
    padding: 10px 25px;
}
   .tutor_detail_inner_page div.col-xs-12:nth-child(1) {
    padding: 0px !important;
}
    .content_find_tutor_detail_page {
    padding: 0px 0px 0px 0px;
    text-align: center;
}
    .first_2 h3 span img {
    width: 18px;
    margin-right: 5px;
}
    .first_2 h3, .first_3 h3, .first_4 h3, .first_5 h3, .first_6 h3 {
    font-size: 17px;
    }
    .first_5 table tr {
    float: none;
    width: 100%;
}
    span.message_btn button {
    font-size: 16px;
    padding: 12px 25px;
}
    .tutor_detail_inner_right p {
    font-size: 15px;
}
    .tutor_detail_inner_right form span input, .tutor_detail_inner_right form span select {
    border: 1px solid #999;
    font-size: 14px;
}
    .first_5 table td, .first_5 table th {
    border: 1px solid #0c6bb5;
    padding: 8px;
    width: auto;
    float: none;
    font-size: 15px;
    letter-spacing: 0.4px;
}
    .tutor_detail_scoll{
        float: left;
        width: 100%;
        overflow-x: scroll;
    }
    .tutor_detail_inner_left, .tutor_detail_inner_right {
    padding: 10px;
    margin-bottom: 15px;
}
    .img_find_tutor_detail_page p {
    width: 100%;
}
    span.find_tutor_profile {
    width: 100%;
    text-align: center;
}
    .bottom_part_1 h1 {
    margin: 1px 0px 0px;
    font-size: 35px;
    padding: 10px 0px 5px;
}
    .bottom_part_1 p {
    font-size: 20px;
}
    .bottom_part_1 {
    padding-top: 15px;
}
    .about_strength_img {
    padding: 0px 15px;
}
    .about_phio_con {
    text-align: left;
        margin: 0px 0px 5px;
}
    .about_strength_con, .about_history_con {
    margin: 0px 0px 0px;
    padding-top: 15px;
}
    .about_page {
    margin: 10px 0px;
    padding: 0px 0px;
}
    .about_first_part {
    padding: 5px 0px 15px 0px;
}
    .comm_about_our {
    margin: 0px 0px 10px;
}
    .about_strength, .about_phio, .about_histo {
    padding: 5px 0px 10px;
    margin: 10px 0px;
}
    .img_find_tutor_page {
    padding: 0px !important;
        text-align: center;
}
    span.find_tutor_profile {
    display: inline-block;
}
    .content_find_tutor_page{
        text-align: center;
    }
  .right_find_tutor_page {
    padding: 0px 15px;
    background-image: none;
    text-align: center;
    margin: 0px;
}
    .right_find_tutor_page p span, .content_find_tutor_page p a {
    float: none;
    display: inline-block;
}
    span.find_tutor_profile img {
    margin-bottom: 20px;
/*        width: 140px;*/
}
    span.find_tutor_price i {
    font-size: 19px;
    height: 40px;
    width: 40px;
    padding: 5px 3px;
}
    
    .subject_inner_part_box ul li {
    width: 45%;
}
    .subject_inner_part_box ul {
    padding: 0px 0px;
}
    .sign_up_wrapper {
    margin: 20px auto;
    width: 85%;
}
    .back_home {
    margin: 5px 0px 5px 0px;
}
    .upper_signup ul li {
    padding: 0px 0px 5px;
}
    .mid_signup {
    margin: -44px 0px;
}
    .sign_up_left {
    min-height: 460px;
}
    .sign_up_right {
    min-height: 460px;
    padding: 0px 2pc;
}
    .sign_up_right h1{
        font-size: 22px;
    }
    .bottom_signup {
    margin: 20px 0px;
}
    .sign_inner_right {
    padding-top: 5px !important;
}
    .select_inner {
    width:280px;
}
    .select_inner p a {
    min-width: 230px;
    font-size: 15px;
}
    .find_tutor_inner ul li{
        background-image: none;
    }
    .process_img{
        background-image: none;
    }
    .li_2, .li_3 {
    padding: 0px 0px 0px 0pc;
}
h3.process_heading span::after {
    left: 26%;
}
    .li_1 {
    padding: 0px 0px;
}
 .upper_footer p span img {
    width: 100%;
}
    .bottom_part {
    float: left;
    width: 100%;
    margin: 0px 0px;
    padding: 25px 0px;
}
    .bottom_part p a {
    font-size: 20px;
}
}
@media (min-width:769px) and (max-width:990px){
    .mid_signup{
        height: 74px;
        margin: -48px 0px;
    }
    .bottom_signup {
    margin: 25px 0px;
}
    .subject_inner_part_box ul li {
    width: 30%;
}
    .img_find_tutor_page p img {
    width: 150px;
}
    span.find_tutor_price {
    left: 47%;
}
    span.find_tutor_price i {
    font-size: 19px;
    height: 40px;
    width: 40px;
    padding: 5px 3px;   
    }
   .right_find_tutor_page {
    padding: 15px 0px 15px 10px;
}
}
@media screen and (max-width:990px){
    .wrapper_dashboard {
    width: 95%;
}
    .dashboard_inner_left, .dashboard_inner_right {
    padding: 0px 10px;
}
    .desk_menu_part {
    margin: 10px 0px 0px;
    padding: 6px 0px;
}
    .message_sidebar1 {
    padding: 0px 0px 0px 0px;
}
    /*-- dashboard part start here --*/
    .message_center_left div, .message_center_right div {
    width: 90%;
}
    .message_fi2_left, .message_fi2_right {
    width: 80%;
}
    .message_center_fixed1 {
    width: 100%;
    left: 0px;
}
    .message_center_inner {
    height: 350px;
}
    .message_sidebar1_inner {
    height: 365px;
}
    /*-- dashboard part end here --*/
    .upper_signup {
    padding: 25px 25px 4pc;
}
    .sign_up {
    overflow-y: scroll;
}
     .logo_part img {
    width: 140px;
}
    .link_part_mid ul, .link_part ul {
    border-right: none;
    min-height: auto;
}
    li.leaning_box1, li.leaning_box2, li.leaning_box3, li.leaning_box4 {
    margin-right: 0px;
    padding-left: 5pc;
    background-image: url(../img/learning.png);
    background-size: 55px;
    background-position: 16px 29px;
    border: 1px solid #ff6300;
    border-radius: 4px;
/*    min-height: 115px;*/
        display: block;
}
    .leaning_left ul li h3, .leaning_right ul li h3 {
    color: #ff6300;
}
    li.leaning_box1 p, li.leaning_box2 p, li.leaning_box3 p, li.leaning_box4 p {
    font-size: 15px;
    color: #000;
    }
    li.leaning_box2{
        background-image: url(../img/whiteboard.png);
    }
    li.leaning_box3 {
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 5pc;
        background-image: url(../img/shared.png);
        background-position: 97%;
        padding-left: 0px;
}
    li.leaning_box4 {
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 5pc;
        background-image: url(../img/screen-sharing.png);
        background-position: 97%;
        padding-left: 0px;
}
    .leaning_left, .leaning_mid, .leaning_right {
    margin-top: 0px;
    padding: 10px 0px !important;
}
    .icon_menu1{
        display: block;
    }
    li.sign_up a {
    color: #fff !important;
}
    .menu_part, .login_part{
        display: none;
    }
}
@media (min-width:991px) and (max-width:1168px){
    .message_center_input form div input[type="text"] {
    width: 85%;
}
    span.find_tutor_price i {
    font-size: 19px;
    height: 40px;
    width: 40px;
    padding: 5px 3px;   
    }
    .logo_part img {
    width: 140px;
}
    .menu_part ul li{
        margin: 0px 12px;
    }
    .subject_inner_part_box ul li {
    width: 22%;
}
@media (min-width:991px) and (max-width:1200px){
    li.leaning_box1, li.leaning_box2, li.leaning_box3, li.leaning_box4 {
  min-height: 123px;
background-position: 0% 3px;
margin-right: -82px;
background-size: 100%;
padding-left: 7pc;
margin-top: 5px;
}
    li.leaning_box3, li.leaning_box4 {
    margin-left: -70px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 7pc;
    background-size: 100%;
}
    .leaning_left ul li h3, .leaning_right ul li h3 {
    font-size: 20px;
    margin: 0px 0px;
}
    li.leaning_box1 p, li.leaning_box2 p, li.leaning_box3 p, li.leaning_box4 p {
    font-size: 13px;
    padding: 0px 10px 0px 0px;
}
}
@media (min-width:1201px) and (max-width:1290px){
    li.leaning_box3, li.leaning_box4 {
    margin-left: -82px;
}
}
    
/*
    .header-gradient-content {
    padding: calc(200px + 1rem) 2rem 0 2rem;
    margin-top: -200px;
    overflow: hidden;
}*/
