#mySidepanel{
  display: none;
}
.openbtn{
  display: none;
}
#mobilecase{display: none;}
#mainpage{width: 70%; }

#topdiv{display: none;}
@media only screen and (max-width: 900px) {
.msginfomain{font-size: 10px;}
}

/*.fulkarimobile{display: none;}*/
@media only screen and (max-width: 500px) {
.left{width: 100%; display: none;}
.right{width: 100%;}
.casecontant{width: 100%;}
#contleft{width: 10%;}
#contright{width: 90%;}
.headertext{display: none;}
.navigationbar{display: none;}
.headertxt{display: none;}
/*.fulkari{display: none;}*/
/*.fulkarimobile{display: block; padding-left: 0%;}*/
.captionmain{width: 80%;}
.profileimg{border-radius: 20px; margin-top: 0;}
.slideshow{height: 150px; width: 99%;}
.watermark{ background:no-repeat;}
#topdiv{display: block;}









.sidepanel  {
  width: 0;
  position: absolute;
  z-index: 200;
  height: 1000px;
  top: 0;
  left: 0;
  background-color: #111;
  opacity: 95%;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidepanel a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  /*color: #818181;*/
  color: white;
  display: block;
  transition: 0.3s;
}
.sidepanel .fa{color:#ef970b;}
.sidepanel .far{color:#ef970b;}


.sidepanel a:hover {
  color: #f1f1f1;
}

.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}
#mySidepanel{
  display: block;
}
.openbtn {
  width: 90%;
  /*background-image: linear-gradient(to left, #fea8b7 , gray);*/
  background: none;
  display: block;
  font-size: 30px;
  cursor: pointer;
  color: white;
  padding: 10px 15px;
  border: none;
  text-align: left;
  margin-bottom: 10px;
  float: left;
}

/*.openbtn:hover {
  background-color:#444;
}*/
}