<style>
:root {
  --color1:RGB(1,77,142);
  --colord:RGB(70, 33, 97);
}
* {box-sizing: border-box;}
body {
  margin: 0;font-family: tahoma;
}
header{
position: fixed;
z-index: 990;
width:100%;height:61px;
background-color:white;
box-shadow: rgba(0, 0, 0, 0.1) 1px 0px 7px 0px;}
.bcontent,#bc{
background-color:rgb(252, 252, 255);}
.menu-toggle {
  float:left;position:fixed;
  top: 7px;
  right: 14px;
  font-size: 34px;
  cursor: pointer;
  z-index: 999;
  color:var(--color1);
}
.side-menu {
  position: fixed;
  right: -250px;
  top: 0;
  height: 100%;
  width: 250px;
  background-color:white;
  box-shadow: rgba(0, 0, 0, 0.1) 3px;
  padding: 77px 7px;
  z-index: 990;
  transition: right 0.1s ease;
}
.side-menu ul {
  list-style-type: none;
  padding: 0;
}

.side-menu ul li {
  padding: 7px;
}

.side-menu ul li a {
color:var(--colord);
  text-decoration: none;
  font-size: 18px;
  display: block;
  padding: 15px 20px;
}



.side-menu ul li a:hover {
  background-color:#f2f2f2;border-radius:14px;
}
.menu-open .side-menu {
  right: 0; }

.topnav {
  overflow: hidden;
}

.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 7px 14px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  color: var(--color1);
}

.topnav a.active {
  color: white;
}

.search-container {
  float: left;margin-left:7%;
}

.topnav input[type=text] {
  padding: 1px;
  margin-top: 14px;
  font-size: 17px;
  border: none;
}

.topnav .search-container button {
  padding: 3px 9px;
  margin-top: 18px;
  margin-right: 14px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.topnav .search-container button:hover {
  background: #ccc;
}
#search-category{background-color: #f5f5f5;}
.search-container #search-category
{}
.search-container
{position: relative;}
.searchBar input{direction: rtl;}

.searchBar {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

#searchQueryInput {
  width: 100%;
  height: 2.23rem;
  background-color: #f5f5f5;
  outline: none;
  border: none;
  border-radius: 1.618rem;
  padding: 0 2.9rem 0 1.1rem;
  font-size: .9rem;
  align-items: center;
border-block-end-color: rgb(204, 204, 204);
border-block-end-style: solid;
border-block-end-width: 1px;
border-block-start-color: rgb(204, 204, 204);
border-block-start-style: solid;
border-block-start-width: 1px;
border-inline-color: rgb(204, 204, 204);
border-inline-start-style: solid;
border-inline-start-width: 1px;
bottom: 0px;
box-shadow: rgb(238, 238, 238) 0px 1px 2px 0px inset;
caret-color: rgb(15, 15, 15);
color: rgb(17, 17, 17);
column-rule-color: rgb(17, 17, 17);
}

#searchQuerySubmit {
  width: 3.5rem;
  margin-left: -3rem;
  background: none;
  border: none;
  outline: none;
}

#searchQuerySubmit:hover {
  cursor: pointer;
}


.fluid{clear:both;margin-left:0;width:100%;float:left;display:block}
.well{min-height:111px;background-color:white;border-top:1px solid #e3e3e3;border-radius:4px;padding:19px;margin-bottom:11px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}
footer ul{float:right;}footer ul li a{color:var(--colord);;text-decoration:none;background-color:transparent}
.listu,.listu li{float:left;margin-top:3em;margin-left:1em;}
footer ul{list-style-type:none;padding:0;}


@media only screen and (max-width: 600px) {
#searchQueryInput {padding:0 1.8rem 0 1rem;}
.pp{width:99%;}.plist{width:99%;}
.topnav input[type=text],.topnav .search-container button,.search-container #search-category
{display: block;float:none;}
.bcontent{}
header{position:static;}
#logod{position:fixed;background-color:white;
z-index:990;width:99%;}
.topnav .search-container {margin:70px 0;float:none;}
.topnav img{width:199px;}
.topnav input[type=text] {border: 1px solid #ccc;  }
}



</style>