.post-menu-sub{
    display: inline-block;
    width:90%;

  }
  .post-menu-sub-bn svg{
    width:30px;
    height: 30px;
    margin-left:25px;
    
  }
  .post-menu-sub-bn input{
    width:30px;
    height: 30px;
    position: absolute;
    margin-left:-33px;
    margin-top:6px;
    opacity: 0;
  }
  .post-menu-sub-bn{
    float: left;
  }
  .post-menu-sub-bn span{
    position: relative;
    top:-10px;  
    font: 12px;
  }
  .post-menu-sub-bn button{
    padding:10px 10px 10px 10px;
    margin-left:4%;
    background-color: #cc0679;
    color:white;
    width:100px;
    color:white;
    border-color: #cc0679;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
  }
.video-container{
  display: inline-block;
  width:100%;
  border:solid;
  border-color: beige;
  display: none;
}
#image-container{
  display: inline-block;
  width:90%;
  border:solid;
  border-color: beige;
  margin-left:5%;
  display: none;
  
}
.video-container video,.image-container img{
  width:100%;
}
.video-container ul,.image-container ul{
  list-style: none;
}
.oddmadia ul li{
float: left;
width:30%;
border:solid;
border-width: 10px;
border-color: white;
padding-left: 2%;
}
.oddmadia ul li:first-child {
  display: inline-block;
 width:50%;
 height: auto;
 overflow: none;
border: solid;
border-width: 10px;
border-color: transparent;
}

.evenmadia ul li
{
  float: left;
width:40%;
border:solid;
border-width: 4px;
border-color: white;
}

.oddmadia ul li:first-child video{
  height: 300px;
  width: 100%;

  background-color: black;
}
.oddmadia ul li:first-child img{
 height: 300px;
  width: 100%;

}

  .preview-files-container{
    display: inline-block;
    width:90%;
    margin-left:5%;
    margin-top:10px;
   
  }
  .remove-item{
   float: right;
    border:none;
    background-color: transparent;
    color: red;
  
  }
  .message{
 width:100%;
 margin-top:50px;
 text-align: center;
 color:green;
 display: none;
  }
  .uploaded-post-main-container{
     position: relative;
    margin-top:5px;
    padding-bottom: 20px;
  }


  .post-loader-container{
    background-color: white;
    
      display: inline-block;
    width:97%;
    margin-top:5px;
    border-radius: 5px;
    padding:10px 10px 10px 10px;
  }
  .post-header{
    display: inline-block;
    width:100%;
  }
   .post-header .post-school-img, .post-header .post-school-name{
   float: left;
  }
  .post-header .post-school-img  img{
    width:30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
  }
  .post-header .post-school-name{
    font-weight: bold;
    padding-left:10px;
    padding-top:5px;
  }
  .post-items-pictures-videos{
    width:100%;
    display: inline-block;
  }

  .post-loader-container ul{
    width:100%;
    list-style: none;
    display: inline-block;
    margin-left:-20px;
  }
  .post-loader-container li{
  float: left;
}
  .items-count-three-plus li{
    
    width:20%;
        border:solid;
    border-width:2px;
    border-color: white;
 
  }

  /* display three plus items*/
  .items-count-three-plus li:nth-child(1),.items-count-three-plus li:nth-child(2){
    width:45%;

  }
  /* display signle item*/
  .items-count-one-plus  {
    width:95%;
    height: auto;
 

  }
  /* display two items */
  .items-count-two{
    width:40%;
    border:solid;
    border-width: 3px;
    border-color: white;
    margin-left:20px;
    height: auto;
    height: 250px;
    overflow: hidden;
  }
  .post-loader-container img,.post-loader-container video{
    width:100%;
    height: auto;
  }
  .post-comments-meun{
    display: inline-block;
    width:100%;
    height: auto;
    color:rgba(0,0,0,0.6)
  }
  .comment-con{
    float: right;
  }
  .post-btns-container img{
    width:20px;
    height: 20px;
    margin-left:20px;
  }
  .post-text{
    font-size: 18px;
    margin-left:20px;
    margin-top:20px;
    color:rgba(0,0,0,0.9);
  }
.comment-lable{
  position: relative;
  margin-right:4px;
}
.load-morefiles-con{
  width:30%;
  height: 200px;
  background-color: rgba(225,225,225,0.5);
  text-align: center;
  position: absolute;
  margin-left: 55%;
  margin-top:170px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-border-radius:50%;
  -ms-border-radius:50%;
}
.load-number{
  padding-top:40px;
  font-size: 40px;
  color: black;
  font-weight: bold;
}
.increase-files{
  width:90%;
  margin-left:0px;
}
.post-comments-container{
  text-align: center;
}
.post-comments-container textarea{
  text-align: left;
  width:80%;
  border:solid;
  border-color: #cc0679;
  border-width: 1px;
  outline: none;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding:10px 10px 10px 10px;

}
.post-comments-container button{
  padding: 3px 15px 3px 15px;
  margin-top:20px;
  margin-bottom: 20px;
  background-color: #cc0679;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  color:white;
  font-size: 18px;
  border:none;
}
.post-comments-container textarea::placeholder{
  text-align: center;
  font-size: 18px;

}
.comment-section{
  width:100%;
  display: inline-block;
}
.comment-pic-div{
  float: left;
}
.comment-reply-content{
  text-align: left;
  float:left;
  width:80%;
  background-color: black;
  color:white;
  font-size: 18px;
  padding-left: 20px;
  padding-top:10px;
  padding-bottom: 10px;
  margin-left:2%;
  border-radius: 10px;
}
.comment-pic-div img{
  width:25px;
  height: 25px;

}
  .comment-main-cover-container{
 display: none;
}
.comment-reply-content{
  text-align: left;
}
 @media screen and  (min-width:150px) and (max-width: 400px){
    .items-count-one-plus  {

   margin-left:-15px;
  }
      .load-morefiles-con{
  width:30%;
  height: 80px;
  margin-left: 40%;
  margin-top:75px;
}
.load-number{
  padding-top:30px;
 
}
    .items-count-two{
    width:40%;
    margin-left:0px;
    height: auto;
    height: 120px;
  }
 }
  @media screen and  (min-width:400px) and (max-width: 600px){
       .items-count-one-plus  {

   margin-left:-10px;
  }
  .load-morefiles-con{
  margin-left: 50%;
  margin-top:15%;
  }

       .items-count-two {
    width:40%;
    margin-left:10px;
    height: auto;
    height: 180px;
  }
    }
  @media screen and  (min-width:600px) and (max-width: 900px){
         .items-count-one-plus  {

   margin-left:-6px;
  }
  .load-morefiles-con{
  margin-left: 50%;
  margin-top:25%;
  }
.load-number{
  padding-top:30px;
 
}
.items-count-two{
    width:40%;
    margin-left:30px;
    height: 200px;
  }
   
 }
  @media screen and  (min-width:900px) and (max-width: 1200px){
             .items-count-one-plus  {

   margin-left:-10px;
  }
     .load-morefiles-con{
  margin-left: 50%;
  margin-top:25%;
  }
  }
  @media screen and  (min-width:150px) and (max-width: 900px){
 
    

      .post-loader-container{
    background-color: white;
    
      display: inline-block;
    width:86%;
    margin-top:5px;
    margin-left:3%;
    border-radius: 5px;
    padding:10px 10px 10px 10px;
  }

 .oddmadia ul li:first-child {
  display: inline-block;
 width:50%;
 margin-left: -20px;
}
    .image-container{
  display: inline-block;
  width:90%;

}
  }


  .middle-container-view{
    width:50%;
    min-height: 400px;
    background-color: white;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 20px;
}
.add-content-form-data {
    width:100%;
text-align: center;
padding-top:40px;
padding-bottom: 40px;
}
.add-content-form-data .form-lable{
    text-align: left;
    margin-left:20%;
    font-size: 18px;
} 
.add-content-form-data input,.add-content-form-data select{
    width:300px;
    padding:10px 10px 10px 10px;
    margin-top:5px;
    margin-bottom: 5px;
    outline: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border:solid;
    border-width: 1px;
}
.add-btn{
    padding-top:20px;
}
.add-btn button{
    padding:10px 10px 10px 10px;
    width:200px;
    background-color: palevioletred;
    color:white;
    border-color: palevioletred;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.add-content-form-data form{
 
}
@media screen and (min-width:150px) and (max-width:400px){
.middle-container-view{
    width:90%;
    padding:10px 10px 10px 10px;
    margin-left:2%;
}
.add-content-form-data .form-lable{
    text-align: left;
    margin-left:0%;
} 
}
@media screen and (min-width:400px) and (max-width:900px){

.middle-container-view{
    width:80%;
    padding:10px 10px 10px 10px;
    margin-left:8%;
}
.add-content-form-data .form-lable{
    text-align: left;
    margin-left:10%;
} 
}