@media only screen and (max-width:1700px)  {
    #sidebarpageholder{width:260px;}
 }
@media only screen and (max-width:1600px)  {
    #postbtbn_main{width:400px;}
 }
@media only screen and (max-width:1550px)  {
    #sidebarpageholder{width:235px;}
}
 @media only screen and (max-width:1500px)  {
     #maincontents{width:80%;}
     #usereditbox{width:38.5%;}
     #editingbox{width:38.5%;}
     #postbtbn_main{width:470px;}
     #input_container{width:45%; }
      #sidebarpageholder{width:290px;}
 }
@media only screen and (max-width:1350px)  {
    #contentDive{border-right:none;} 
 }
 @media only screen and (max-width:1250px)  {
    #postbtbn_main{width:400px;}
 }

@media only screen and (max-width:1100px)  {
    #postbtbn_main{width:360px;}
 }
 @media only screen and (max-width:1000px)  {
    #postbtbn_main{width:380px;}
    #input_container{width:48.5%; }
    #maincontents{width:100%;}
     #usereditbox{width:48%;}
     #editingbox{width:48%;}
    
 }

 @media only screen and (max-width:860px)  {
    #insightContainer{width:100%;}
    #overlayText1{font-size:18px; left:30px;}
    #loginmaindiv1{ width:100%;left:0%; }
    #main-submitbtn{width:100px; height:35px;font-size:18px;} 
    #main-submitbtnQ{width:100px; height:35px;font-size:18px;}
     #input_container{width:74.5%; top:5%; }
     #postbtbn_main{width:550px;}
     #folio{height:110px; margin-top:7px;}
     #usereditbox{width:60%;}
     #editingbox{width:60%;}
     #folioImg{width:25%; margin-left:4px; margin-top:5px;}
     #folio_names{}
     #messagetopq a{color: lightcoral; margin-left:5px; margin-top:8px; font-size:14px; text-decoration:none;float:left; }
#messagetopq #times{font-size:14px; float:left; margin-top:8px;}
#messagetopq #likebtnsss{ width:45px; float:left; }
#messagetopq #likebtnsss span{font-size:16px; float:left; margin-top:8px; margin-right:1px; font-weight:600; }
     #likeandcomments{ width:94%; margin:auto; }
     #textmini{width:95%; margin:auto; margin-top:10px;}
     #messagetopic{width:95%; margin:auto; font-weight:600; font-size:19px; margin-top:10px;}
     #topcorector{ margin-left:4px;  text-align:left; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden; font-weight:600; }
    #messageimg1{width:20%; float:right; height:100px; margin-right:7px; margin-top:1px;} 
    #messagecontainer1{height:130px;}
    #messagedivs1{width:70%; float:left;height:100px; }
    #messageimg1{width:28%; float:right; height:100px; margin-right:7px;margin-top:10px; }
     #profmainbtn{overflow-x: auto; overflow-y: hidden;white-space: nowrap;height:30px;}
     #profileDiv{height:150px;}
     #editpicholder{height:130px; width:150px;}
     #editpicholder img{height:100%;}
     #contentDive{border:none;} 
    #mainPost-topBtn{top:6.5%; font-size:18px;}
    #mainPost-topBtn button{font-size:18px; font-weight:1000;}
     #mainPost{width:100%; border:none;}
     #mainPostsidebar{display:none;}
  #mobile-bar{display:block;} 
  #searchDiv{display:none; height:50px;}
  #searchDiv.active{display:none;}
  #loginDive{width:40%; float:right;text-align:right; }
  #mobil_ser_btn{ display:block; float:right;  margin-top:10px ; background:white; border:none; color:#797d7f; font-size:20px; cursor:pointer; margin-left:10px;margin-right:10px;}
  #loginDive button{ float:right;}
   #userimglogin{float:right;}
 #loginsbtn{margin-left:3px;}
 #logoutsbthn{margin-left:3px;}
  #sitename-holder{width:60%; float:left;}
  #search_id{font-size:17px;height:45px;} 
  #searchresults{height:100vh;}
   #searchDiv{width:100%;border-radius:1px; border-left:none;border-right:none; margin-top:0px;} 
   #searchDiv input{ height:45px; margin-left:0; }
 }

  @media only screen and (max-width:800px)  {
    .sharebtns{width:80%;}  
   #postbtbn_main{width:500px;}    
  }
    @media only screen and (max-width:750px)  {
      #postbtbn_main{width:450px;}   
    }
  @media only screen and (max-width:650px)  {
      .messageboxChild{width:100%; height:500px; position:fixed; top:55%;right:0%; Z-index:5; padding-top:10px;}
      #input_container{width:100%; top:1%; height:99.5%; border:none;}
      #postbtbn_main{width:85%; height:50px;}  
      #postbtbn_main button{height:60px;width:60px;} 
      #postbtbn_main button:hover{height:70px;width:70px; background:white; color:#5499c7;} 
     #usereditbox{width:80%; margin:auto; left:10%;} 
     #editingbox{width:80%; margin:auto; left:10%;}
   #mainPost-topBtn{top:6.5%;}    
   #sidebardiv{display:none;}
   #contentDive{width:100%;  }
   #mainPost{width:100%; }
   #maincontents{width:100%; }
   #messageimg{width:99.4%;}
   #view-maintopic{width:96%;}
  }
  @media only screen and (max-width:390px)  {
    #page_container{width:70%;}
     #input_topdivs #pageselectbtn{width:55%; }
     #usereditbox{width:100%;left:0%;} 
     #editingbox{width:100%;left:0%;}
    #loginsbtn{margin-left:3px; font-size:14px; padding-left:7px; padding-right:7px;height:25px; margin-top:15px;}
 #logoutsbthn{margin-left:3px;font-size:9px;padding:2px;height:20px;margin-top:15px;}
 #userimglogin img{float:right; width:17px; height:17px; margin-top:15px;}
 #mobil_ser_btn{font-size:17px; margin-top:15px; }
 #sitename-holder span{font-size:20px; margin-top:13px;}
 #sitename-holder a{font-size:20px; margin-top:13px;}  
  }
 
 @media only screen and (max-width:350px)  {
     #input_topdivs{font-size:9px;}
   #input_topdivs #pageselectbtn{width:50%; }
   #loginsbtn{margin-left:3px; font-size:9px; padding:2px; height:20px; margin-top:15px;}
 #logoutsbthn{margin-left:3px;font-size:9px;padding:2px;height:20px;margin-top:15px;}
 #userimglogin img{float:right; width:15px; height:15px; margin-top:15px;}
 #mobil_ser_btn{font-size:15px; margin-top:15px; }
 #sitename-holder span{font-size:14px; margin-top:15px;}
 #sitename-holder a{font-size:14px; margin-top:15px;}
 }
 
 @media only screen and (max-width:250px)  {
  #main-container{display:none;}
 }