.user-profile-info2 {
    width: 100%;
    padding: 0px;
    margin: 50px auto 100px auto;
}

.user-profile-info2 input,
.user-profile-info2 label {
    width: 100%;
}

.user-profile-info2>div>div * {
    font-size: 12px;
}

.registerHeading {
    font-size: 20px;
}
.register_fields {
    grid-template-columns: 1fr;
}

.dashboard-sections {
    width: 95%;
    column-gap: 10px;
}
.dashboard-sections > span {
    font-size: 16px;
}
.dashboard-sections a {
width: 30%;
font-size: 16px;
}
.left-body,
.right-body {
    display: none;
}
.main-body {
    width: 100%;
}
body {width: 100%;}
.main-search {width: 100%;}
.get_info {width: 100%;}
.main-body {
    padding: 0px 20px;
    grid-template-columns: 1fr;
}

.profilePage-left {
    margin-left: 30px;
    margin-right: 30px;
}

.profilePage-right {}

.profilePage-body {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 10px;
}

.profilePage-central {
    /* margin:0px 20px;*/
}

.notification_items {
    margin: 0 auto;
    width: 90%;
}

.messageOpen {
    margin: 0px auto;
    width: 90%;
    grid-template-columns: 1fr 3fr;
    /*
    width: 100px;
    position: ;
    */
}
.friendList {
    width:80px !important;
}
.message_ul {
    width: 220px;
}
.friends {
    width: 90vw;
}

.friends>li {
    margin: 0px auto;
    width: 90%;
}

.heading-links {
    display: none;
}

.mobile_nav {
    display: block;
    position: relative;
}

.navImg-container {
    position: relative;
    height: 40px;
}
.mobile_nav img {
    height: 40px;
    width: 40px;
    position: absolute;
    right: 0px;
    cursor: pointer;
}
.applied-jobs {
    width: 95%;
    margin: 100px auto;
    padding: 20px;
    background-color: var(--jobs-body);
    display: none;

}
.user-profile-info {
    width: 95%;
    margin: 20px auto;
    padding: 2px;
}
.user-profile-info>div>div {
    /* background-color: var(--main-bg-color); */
    box-shadow: 0px 0px 10px 1px var(--main-bg-color);
    display: grid;
    margin: 20px 10px;
    padding: 20px;
}
.education_details, .job_details, .applied-jobs {
    overflow-x: auto;
}
    /*
.education_table {
    font-size: 10px;
  table-layout: fixed;
}
  */
header {
    padding: 5px 10px;
}
header>nav {
    gap:10px;
}
nav {width: 100%;}
.mobile_links {
    background-color: var(--document-background2);
    position: absolute;
    top: 40px;
    /* Set distance from the top of the viewport */
    right: 0;
    /* Align to the left of the viewport */
    width: 150px;
    display: none;
    z-index: 300;
}
.the-jobs, .the-posts {
    width: 100%;
    margin:50px 0px;
}
.job_header_details {
    width:100%;
}
.main > h1 {
    font-size: 22px;
}
.mobile_links>a {
    text-decoration: none;
    display: block;
    color: var(--main-bg-color);
    padding: 10px;
    margin: 10px 0px;
}

.mobile_links>a:hover {
    background-color: var(--jobs-body);
}
.click_to_view_profile {
    display: block;
}
.view_your_profile {
    display: none;
}
.others-at-bottom {
    padding: 0px 10px;
    width:100%;
    column-gap: 5px;
    height: 50px;
}
.feeds-posts {
   /* grid-template-columns: 1fr 2fr 1fr; */
   width:100%;
   padding: 0px;
   grid-template-columns: 1fr 2fr 1fr;
   column-gap: 5px;
}
.form-search button {
    font-size: 12px;
}
.post {
}
.form-search .post {
    left: -60px;
    width: 300px !important;
}
.form-search .friendSearch {
    left: -250px !important;
    width: 320px !important;
}
.form-search .jobSearch {
    left: 20px !important;
    width: 320px !important;
}
.shareYourThought {
    padding: 0px 10px;
}
.the-buttons button {
    font-size: 12px;
    padding: 3px;
}
.job-card-bottom {
    display: flex;
    gap: 20px;
    font-size: 10px;
    margin-left: -20px;
    margin-right: -20px;
}
.login-form {
    width: 100%;
}
.next-previous {
    width: 100%;
    box-shadow: 0px 0px 10px 1px var(--main-bg-color);
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    justify-items: center;
    padding: 5px;
}
.next-previous a {
    padding: 10px;
    text-decoration: none;
    color: var(--blue-color);
    text-align: center;
    box-shadow: 0px 0px 10px 1px var(--main-bg-color);
    width: 80%;
    height: 40px;
}
.Ncareer {
    font-size: 120%;
    color: white;
}
.post-job-main-body h1 {
    text-align:center;
    font-size: 20px;
}
.post-job-main-body>div {
    width: 90%;
    padding: 20px;
}
.job-post p {
    text-align: left;
    font-size: 20px;
}
.job-post input {
    font-size: 13px;
}
.the-jobs>p {
    margin: 5px 0px;
    padding: 3px 10px; 
    /*padding: 5px 20px;*/
}
.post_message {
    padding: 0px;
    position: relative;
    top:-20px;
}
.job-details {
    font-size: 12px;
}
.post-job-main-body>div {
    padding: 10px;
    width: 97%;
    margin: 20px auto;
}
.job_search button {
    height: 30px;
}
.notification_container {
    width: 350px;
    left: -300px;
  }
#closenotification2 {
    right: -50px !important;
}
.notification-items {
    margin: 10px ;
}
.security_image_container > img {
    display: block;
    width: 100%;
}
#security_check2 {
    width: 90% !important;
}
.comment-div {
    margin: 0px;
}
.comment-output {
    margin: 5px;
}
.comment-div2 {
    column-gap: 4px;
}
.sub-comment {
    margin-left: 30px;
}
#commentForm {
    margin: 10px 3px;
}
.search_results {
    width: 90%;
}
.commentSubForm textarea:first-child {
    width:75%;
}
.post-jobs>div  {
    margin:0px;
    padding:5px;
    width: 100%;
}
.post-jobs {
    width:90%;
    margin: 0px auto;
    padding: 0px;
}
.liking {
    display: flex;
    align-items: center;
}
.like_likes {
    flex: 1;
    margin-left: 2px;
}
.like_likes svg {
    width: 20px;
    height: 20px;
}

.commentAdd {
    display: flex;
    align-items: center;
}
.comment_text {
    flex: 1;
    margin-left: 2px;
}
.comment_text svg {
    width: 20px;
    height: 20px;
}
.result_item {
    font-size: 9px !important;
    padding:0px;
}
.result_item p button {
    padding:0px;
}
.sendForm {
    margin : 5px 10px;
    align-items: center;
    justify-content: center;
}
.sendForm > * {
    flex-grow: 1;
}
.addmeForm {
    margin : 5px 10px;
    align-items: center;
    justify-content: center;
}
.addmeForm  > * {
    flex-grow: 1;
}
.friends-online {
    height: 50px;
}
.contact_us_div {
    width: 85%;
    margin: 10px auto;
}
.postHead {
    width:100%;
}
.top-level em {
    font-size: 10px;
}

.isShared {
    font-size: 12px;
}

.isShared > span{
    font-size: 12px;
}