.index-row{
		  display: flex;
		  flex-direction: row;	   
     }

  
  
      .discover-learning-style {		  
		  width: 50%;
		  position: relative;
		  padding: 15px 2px 8px 2px;
		  text-align: center;
		  margin: 68px auto 90px auto;
		  border-radius: 4px;		  
	  }


      .discover-learning-style button {
           background-color: #ffcc00;
		   border-radius: 4px;
		   border: solid thin #ffcc00 ;
           padding: 8px 7px;
           position: relative;
           width: 100%;	
	  }


    .subjects-left-bar-header{
	   height: 100%;
	   width: 100%;
	   border: solid 2px transparent;
	   position: relative;
	   padding: 10px 0px;
	   margin-bottom: 2px;
	   background-color: #31708f;
	   border-radius: 5px;
   }
   
   .subjects-left-bar-header h5{
	       padding-left: 4px;
		   color: #f2f2f2;
   }  
   

   .subjects-left-bar{
	   height: 100%;
	   width: 26%;
	   border: solid 2px transparent;
	   position: relative;
	   left: 1px;
	   padding: 0px 2px;
   }

   .subjects-button{	   
	   border: solid thin #ccc;
	   padding: 6px 4px;
	   width: 100%;
	   margin: -1px auto;
	   color: #2d7fd5;
	   cursor: pointer;
	   text-decoration: none;
   }

   .news-feed-section{
	   //border: solid thin #ccc;
	   min-width: 60%;
	   min-height: 450px;
	   //margin: 0px auto;
	   border-radius: 4px;
	   position: relative;
       margin: 0px;
   }
   
   
    .center{
    margin: 4px auto;
    }
   
   

   #card.card{
       width: 80%;
       margin: 24px auto 24px auto;	   
   }
   
  .news-feed-header{	
      border: solid thin #d1d2d7;  
	  background-color: #d1d2d7;
	  width: 98%;
      margin: 0px auto;
	  border-radius: 4px;
	  height: 126px;	  
  }

  .news-feed-header h3{
	  color: #0d0c2e;
	  text-align: center;
	  padding: 36px 0px;	 
      margin: 2px auto;	
      height: 125px;
      /* width: 290px; */
	  flex-direction: row;	  
  }



 .profile-bar{
	  display: flex;
	  margin-bottom: 4px;
	  position: sticky;
	  top: 80px;
	  background-color: #d1d2d7;
	  width: 100%;     
	  border-radius: 4px;
	  height: 126px;
	  z-index: 1;
	  font-size: 13px;		
	}	
	
	.profile-img{
		border: solid thin transparent; 
		height: 125px; 
		width: 214px;
		flex-direction: row;		
	}
	
	.interaction-stats{
		border: solid thin transparent; 
		height: 125px;
		width: 100%; 
		padding-left: 5px;
		flex-direction: row;
		padding: 7px 5px 1px 3px;
		color: #333;		
	}
	
	.profile-img img{
		margin: 8px 5px;
        width: 112px;
		border-radius: 5px;
		height: 95px;
    }
	
	
 .post_feed_form{
	   width: 100%;
       border: solid thin transparent;
 }	
 
 .feed-textarea{
	   width: 70%;
       height: 92px;
 }
 
 
  .feed-button{
	min-width: 25%;
    padding: 8px 24px;    
    margin: 0px 8px;
    text-align: center;    
    background-color: #74abe8;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
  }

 
 .flname{
	 color: blue;
	 font-weight: bold;
 }
 
 .status_post {
    width: 96%;
    font-size: 15px;
    padding: 0px 5px;
    min-height: 75px;
  }
   
   .post_profile_pic{
  	float: left;
      margin-right: 7px;
  }
   
   .post_profile_pic img {
      border-radius: 5px;
  }

 #comment_iframe{
    max-height: 255px;
    width: 100%;
	border-radius: 5px;
	background-color: aliceblue;
	cursor: pointer;
   }
	
 .comment_section{
 	padding: 0px 5px 5px 5px;
 }	
		
 .comment_section img{
 	margin: 0 3px 3px 3px;
 	border-radius: 3px;
 }	
	
#comment_form textarea{
	width: 80%;
	height: 35px;
	border-radius: 5px;
	color: #616060;
	font-size: 14px;
	margin: 3px 3px 3px 5px;
}
	
#comment_form input[type="submit"]{
	
	border: none;
	background-color: #20aae5;
    color: #156588;
    border-radius: 5px;
    width: 13%;
	height: 35px;
    position: relative;
    left: 7px;
	top: -15px;
}

.newsfeedPostOptions{
	padding: 0px;
	text-decoration: none;
	color: #20AAE5;
	border: none;
    cursor: pointer;	
}
.newsfeedPostOptions iframe{	
	border: none;
	height: 17px;
	width:  120px;
}

.newsfeedPostOptions iframe html body form {
/* .newsfeedPostOptions form{*/
	position: absolute;
	top: 2px;
}

.comment_like{
	background-color: transparent;
	border: none;
	font-size: 14px;
	color: #3498db;
	padding: 0px;
    height: auto;
    width: auto;
    margin: 0;	
	cursor: pointer;
}

.like_value{
	display: inline;
	font-size: 14px;	
}

.delete_button {
	height: 30px;
    width: 30px;
    padding: 0px;
    float: right;
    border-radius: 4px;
    right: -15px;
    position: relative;
}


.postedImage {
    border: solid thin #fff;
    max-height: 693px;
    width: 466px;
    padding: 0px;
}

.postedImage img{
    width: 100%;
    max-height: inherit;
	border: solid thin #f3f3f3;
}


.file_upload{
	margin: 6px 0;
}






  /* Styles for desktops  Larger screens (Monitors) */
  @media only screen and (min-width: 1280px) {
  
  
  }
  
    /* Styles for laptops */
   @media only screen and (min-width: 769px) and (max-width: 1024px) {
   
  }
    
  /* Styles for tablets */
  @media only screen and (min-width: 481px) and (max-width: 768px) {
    
  }


   /*  mobile phones */
   @media (max-width: 480px) {
       
    .subjects-left-bar {
        display:  none; 
        border: solid thin red;
        position: fixed;
        z-index: 1;
        top: 151px;
        overflow: scroll;
        background-color: #fff;
        width: 88%;
        
    }
       
     .profile-bar {
        top: 0px;
        border: solid thin transparent;
    }
       
    .subjects-left-bar {
      border: solid thin transparent;
      width: 100%;
      
    }
    
    .subjects-left-bar-header {
        height: 15%;
    }
    
    #card.card {
        width: 97%;
     }
    
    
    
    
    
 
 }