.whatsappNotFoundBox{
position:fixed;
 right:1%;
 bottom:1%;
 padding:11px;
 margin:0px;
 display:flex;
 box-sizing:border-box;
 justify-content:center;
 align-items:center;
 flex-flow:row wrap;
 background-color:rgb(240,240,240);
}

@media screen and (max-width:767px){
.whatsappNotFoundBox{
 width:96%;
 position:fixed;
 right:2%;
 bottom:1%; 
}
}

@media screen and (min-width:768px){
.whatsappNotFoundBox{
 min-width:120px;
 max-width:310px;
 min-height:80px;
 }
}

#closeWhatsappNotFoundBox{
  width:100%;
  min-height:30px;
  color:grey;
  font-size:18px;
  font-family:Arial,Verdana;
  font-weight:700;
  padding:1px;
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
#closeWhatsappNotFound{
  border-style:solid;
  border-width:0px;
  padding:3px;
  margin:0px;
  box-sizing:border-box;
  cursor:pointer;
  display:flex;
  justify-content:center;
  align-items:center;
}
.whatsappNotFoundText{
  width:100%;
  min-height:30px;
  color:grey;
  font-size:18px;
  font-family:Arial,Verdana;
  font-weight:700;
  padding:11px;
}
.whatsappNotFoundBox > ul {
 width:100%;
 min-height:30px;
 display:flex;
 flex-flow:column;
 gap:7px;
 font-size:14px;
}

.whatsappNotFoundBox > ul > li{
 color:grey;
}