/*************************1400px*******************************/
@media only screen and (max-width: 1400px){

}

/* Large devices (laptops/desktops, 1200px and down) */
@media only screen and (max-width: 1200px) {

    /* jobs */
    .people_profile .jobs .c_item {
        height: 440px;
    }

    .c_notifactions_page.reviews table {
            width: 100%;
            position: relative;
            display: inline-block;
            overflow-x: auto;
    }

}

/* Medium devices (landscape tablets, 992px and down) */
@media only screen and (max-width: 992px) {

    /* jobs */
    .people_profile .jobs .c_item {
        height: 500px;
    }
    .jobs .c_item .row {
        margin: 0 !important;
    }
    .people_profile .jobs .c_item {
        height: auto;
    }

    /* c_page_messeges */
    .c_page_messeges .c-left .c_commentMessage {
        padding: 0 20px;
    }
}


/* Small devices (portrait tablets and large phones, 768px and down) */
@media only screen and (max-width: 768px) {

    /* c_page_messeges */
    .c_page_messeges .c-right {
        float: none;
        width: 100%;
        padding: 30px 0;
        height: 300px;
    }
    .c_page_messeges .c-left {
        float: none;
        width: 100%;
        padding: 15px 0;
        height: auto;
    }
    .c_page_messeges .c-left .c_rassaal {
        height: 300px;
        overflow: auto;
    }

    .c_page_messeges .c-left .c_textType {
        margin-top: 0px;
    }


    /* courses */
    .courses .form-group input, .c_form_edit.card .form-group button.btn.dropdown-toggle.btn-light,
     .courses .form-group select, .c_form_edit.card .form-group textarea, .c_form_edit.card .form-group input, .c_form_edit.card .form-group select {
        width: 100%;
    }
    .dropdown.bootstrap-select {
        width: 100% !important;
    }
    .c_form_edit.card .form-group a.btn.btn-primary.pull-left {
        padding: 1px 10px;
        margin-top: 8px !important;
    }
    /* company_profile  */
    .company_profile .c_compamnu_nfo{
        display: inline-block;
        position: relative;
        width: 100%;
    }
    .company_profile .c_compamnu_nfo .c_img {
        float: none;
        width: 25%;
    }
    .company_profile .c_compamnu_nfo .c_nameComp {
        float: none;
        margin: 20px;
        width: 100%;
    }
    /* c_total_reviews  */
    .c_total_reviews .c_nespam {
        margin-right: 20px;
        width: auto;
    }

    /* post_details  */
    .post_details .c_fav, .c_reviewss {
        position: relative;
        left: auto;
        top: auto;
        text-align: center;
        margin: 15px 0;
    }
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    .c_notifactions_page.reviews .table td,
    .c_notifactions_page.reviews .table th {
        font-size: 11px;
        padding: 0.30rem;
    }
    .c_notifactions_page.reviews .table td img,
    .c_notifactions_page.reviews .table th img {
        height: auto !important;
    }

    /* .conversation-box */
    .conversation-box {
        bottom: 120%;
        width: 330px;
    }

    .conversation-box textarea{
        max-width: 100%;
    }
    /* c_notifactions_page */
    .c_notifactions_page .c_comments .c_but_mark_read {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .c_notifactions_page .c_comments .c_but_mark_read a {
        padding: 5px;
        margin: 5px;
        font-size: 9px;
    }
    .c_notifactions_page .c_editpost {
        top: auto;
        padding: 10px;
        bottom: 0;
    }
    .c_notifactions_page .c_comments .c_messegeItem .c_infmesss {
        margin-bottom: 30px;
    }
    .c_notifactions_page .reviews .c_comments .c_messegeItem {
        padding: 10px;
    }

    .c_form_edit.card {
        margin-top: 15px;
        background-color: #fff;
        padding: 10px;
        border-radius: 4px;
    }

    .personalInformation_edit  .c_form_edit.card .form-group.c_buttons.col-md-12 a.btn.btn-primary.pull-left
    {
        padding: 5px 15px;
        width: 100%;
    }
    /* c_page_messeges */
    .c_page_messeges .c-right .nav-tabs .nav-link {
        padding: 15px;
    }
    .c_page_messeges .c-right .c_messegeItem .c_image {
        width: 15%;
    }
    .c_page_messeges .c-right .c_messegeItem .c_image img {
        width: 50px;
        height: 50px;
    }
    .c_page_messeges .c-right .c_messegeItem .c_infmesss {
        width: 80%;
        padding: 0 10px;
    }
    .c_page_messeges .c-right .c_messegeItem .c_body p {
        font-size: 11px !important;
    }
    .c_page_messeges .c-right .c_messegeItem .c_time span {
        font-size: 10px;
    }
    .c_page_messeges .c-right .c_time_end {
        font-size: 10px;
    }
    .c_page_messeges .c-left .c_rassaal .c_name h3 {
        font-size: 10px;
    }
    .c_page_messeges .c-left .c_textType {
        display: block;
    }
    .c_page_messeges .c-left .c_textType .c_btnsflir {
        display: flex;
        position: relative;
        left: auto;
        top: auto;
        justify-content: flex-end;
        /* width: 100%; */
    }

    .c_page_messeges .c-left .c_rassaal .c_messegeCurn {
        margin-bottom: 10px;
        width: 85%;
    }
    .c_page_messeges .c-left .c_rassaal .c_box {
        margin-bottom: 5px;
        padding: 5px 15px;
        border-radius: 15px;
    }


    /* news_details  */
    .news_details .c_item .c_img {
        width: auto;
    }

    /* individual/individualSkillShow  */
    .c_form_edit.card .form-group {
        margin-bottom: 10px;
    }
    .c_form_edit.card .c_buttons {
        margin-top: 10px;
    }
    .c_form_edit.card .form-group textarea {
        height: 100px;
        padding: 10px;
    }


    .quieq_tap .nav-tabs .nav-link {
        padding: 5px 10px;
        font-size: 12px;
    }

    .company_profile .c_compamnu_nfo .c_nameComp {
        margin: 10px 0;
    }
    .company_profile .c_compamnu_nfo h6 label,
    .company_profile .c_compamnu_nfo h6 span {
        font-size: 12px;
    }


    /* jobs details */
    .c_total_reviews .c_nimber_ttol span {
        font-size: 40px;
        font-weight: normal;
        line-height: 10px;
    }
    .post_details .c_descriotn_jobb .c_rown h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .post_details .c_descriotn_jobb .c_rown p {
        font-size: 13px;
    }
    .post_details .c_descriotn_jobb .c_rown {
        margin-bottom: 10px;
    }
    .c_comments .c_messegeItem {
        padding: 5px;
    }
    .c_comments .c_messegeItem .c_image {
        width: 25%;
        margin: 0 10px;
    }
    .c_comments .c_messegeItem .c_infmesss {
        width: 75%;
    }
    .c_comments .c_messegeItem .c_ttile h3, .c_comments .c_messegeItem .c_ttile a {
        font-size: 16px;
    }
    .c_comments .c_messegeItem .c_ttile span {
        font-size: 10px !important;
    }
    .c_comments .c_messegeItem .c_body p {
        font-size: 10px;
    }
    .c_comments .c_messegeItem .c_time span {
        font-size: 9px;
    }
    .btn {
        font-size: 12px;
        margin: 5px 0;
    }


    /* jobs */
    .jobs .c_item .c_info,
    .post_details .c_item .c_info{
        width: 80%;
    }

    .post_details .c_info_jobb .c_item .c_info{
        width: 100%;
    }

    .h5, h5 {
        font-size: 15px;
    }

    .h6, h6 {
        font-size: 16px;
    }
    .main_page_jobs .c_mainContent {
        padding: 20px 0;
    }
    .jobs .c_item .c_major p,
    .jobs .c_item .c_company_name,
    .jobs .c_item .c_company_name a,
    .post_details .c_item .c_major p,
    .post_details .c_item .c_company_name,
    .post_details .c_item .c_company_name a {
        font-size: 12px;
    }
    .people_profile .jobs .c_item .c_info,
    .post_details .c_item .c_info{
        margin-bottom: 10px;
    }
    .jobs .c_item .c_fav,
    .post_details .c_item .c_fav{
        padding: 0;
        margin: 10px 0;
    }
    .people_profile .jobs .c_item .c_numberdate span, .people_profile .jobs .c_item .c_numberdate label {
        font-size: 11px;
    }
    .people_profile .jobs .c_item .c_sicne img,
    .post_details .c_item .c_sicne img{

        margin-left: 0px;
        margin-top: 5px;
        width: 12px;
    }
    .jobs .c_item .c_country p img ,
    .post_details .c_item .c_country p img{
        margin-left: 0;
        width: 8px;
    }
    .people_profile .jobs .c_numberdate > div {
        margin-left: 15px;
    }



    /* page about us  */
    .h2, h2 {
        font-size: 18px;
        margin: 0 10px;
    }
    .c_inner_body {
        padding: 20px 0;
    }
    .c_title_page {
        margin-bottom: 20px;
    }

    .c_inner_pages .c_title_page {
        margin-bottom: 20px;
        padding: 15px 0;
    }

    hr {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    /* about_us  */
    .about_us .c_row h3,
    .about_us .c_subtitle h3 {
        margin: 10px 0;
        font-size: 17px;
    }
    .about_us .c_row .c_parg,
    .about_us .c_row .c_image,
    .about_us .c_row.c_value .c_image,
    .about_us .c_row.c_value .c_parg {
        width: 100% !important;
        text-align: center;
    }
    .about_us .c_row p {
        text-align: center;
    }

    .about_us .c_row .c_image {
        text-align: center;
    }
    .about_us .c_goal {
        padding: 20px 0;
    }
    .about_us .c_row {
        padding: 20px 0;
    }
    .about_us .c_row .c_image img {
        max-width: 50%;
    }

    /* page_login */
    .page_login {
        background: url(../images/h_slides.png) top center no-repeat;
        background-size: 100% 100%;
        padding: 10px;
    }

    .page_login .c-left,
    .page_login .c-right {
        float: none;
        width: 100%;
        padding: 20px;
        height: auto;
    }
    .page_login .c-right .logo {
        text-align: center;
    }

    .page_login .c-right .csjll {
        margin: 10px 0;
        text-align: center;
    }
    .page_login .c-right .csjll p {
        font-size: 12px;
        margin: 0;
    }
    .page_login .c-right .c_regiavr .c_registrbtn {
        margin: 5px;
    }

    .page_login .c-right .logo img {
        width: 125px;
    }

    .page_login .c-right .c_registrbtn a {
        padding: 5px 10px;
        border-radius: 10px;
        font-size: 12px;
    }
    .page_login .c_regiavr {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .page_login .c_box_log {
        margin: 0;
    }

    .page_login .c-left .c_tuser h6 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .page_login .c-left .c_filed_login {
        margin: 10px 0;
    }
    .page_login .c-left .c_filed_login label {
        font-size: 12px;
    }
    .page_login .c-left .c_filed_login input, .page_login .c-left .c_filed_login select {
        height: 40px;
        border-radius: 10px;
    }
    .text-sm {
        font-size: 11px;
    }
    .page_login .c-left .c_loignbtn button {
        padding: 10px !important;
        border-radius: 10px;
        font-size: 14px;
    }

    /* news */
    .c_item .c_image img {
        width: 100%;
        height: auto;
    }

    .news .c_item .c_parg h3 {
        font-size: 18px;
        margin-bottom: 0;
    }

    .news .c_item .c_parg p {
        font-size: 12px;
        line-height: normal;
        margin-bottom: 0;
    }
    .news .c_item .c_sicne img {
        width: 10px;
        margin-top: 5px;
    }
    .news .c_item .c_sicne span {
        font-size: 10px;
    }
    .news .c_item {
        margin-bottom: 15px;
    }
    .post_details .c_item .c_info .c_postion h3 {
        font-size: 16px;
    }
    .post_details .c_item .c_info .c_postion h4 {
        font-size: 14px;
    }
    .post_details .c_item .c_img {
        margin-bottom: 5px;
    }
    .post_details .c_item h4 {
        font-size: 16px;
    }
    .post_details .c_inmages img {
        height: 160px;
    }
    .post_details .c_item {
        padding: 15px;
        margin-bottom: 15px;
    }

    /* courses */
    .courses .form-group label, .c_form_edit.card .form-group label {
        font-size: 12px;
        width: 100%;
    }
    .courses .form-group input, .courses .form-group select, .c_form_edit.card .form-group textarea, .c_form_edit.card .form-group input, .c_form_edit.card .form-group select {
        width: 100%;
    }
    .prices .c_item .c_buttno, .serach_save .c_editpost .c_save, .view_people .c_editpost .c_button, .courses .form-group .c_save, .c_follow .c_button, .c_reviewss .c_submit, .c_add_comment .c_submit, .c_comments .c_editpost .c_save, .c_page_messeges .c-left .c_editInfo .c_btnn button, .complaints form .form-group .c_submit, .company_profile .c_fav .c_save, .c_form_edit.card .form-group .c_save, .people_profile .c_leftmenu li a, .people_profile .jobs .c_editpost .c_save {
        font-size: 12px;
        padding: 1px 10px;
    }
    .c_allIndividualDrivers .c-filiters .c_button_filtir button,
    .personalInformation_edit .c_form_edit.card .form-group.c_buttons.col-md-12 .c_save {
        font-size: 12px;
        width: 100%;
        padding: 5px 20px;
    }
    .c_allIndividualDrivers .c-filiters .c_form_edit.card {
        max-height: 500px;
        overflow: auto;
    }
    .people_profile .row {
        margin-right: -15px !important;
        margin-left: -15px !important;
    }
    .people_profile .card {
        margin-top: 10px;
        padding: 10px;
    }
    .courses_details .c_body h5,
    .courses_details .c_details_coursee h4 {
        font-size: 16px;
    }
    .courses_details .c_body h5 {
        margin-bottom: 5px;
    }
    .h4, h4 {
        font-size: 16px;
    }
    .h3, h3 {
        font-size: 18px;
    }
    .h1, h1 {
        font-size: 20px;
    }
    .courses_details .c_body {
        margin: 10px;
    }
    .courses_details .c_moredetails .c_itme {
        padding: 5px;
        margin-bottom: 10px;
        font-size: 12px;
    }
    .courses_details .c_form_edit.card {
        padding: 10px;
        max-height: 500px;
        overflow: scroll;
    }
    /* .c_allIndividualDrivers .c_form_edit.card .row {
        margin: 0;
    } */
    input[type=checkbox], input[type=radio] {
        width: 16px !important;
        text-align: initial !important;
        box-shadow: inherit !important;
    }

    /* complaints  */
    .complaints form .form-group {
        margin-bottom: 15px;
    }
    .complaints form .form-group label {
        font-size: 14px;
    }
}


@media only screen and (max-width: 400px) {

    .conversation-box {
        width: 240px;
    }

}