html, body {
    font-family: Almarai;
    direction: rtl;
}


h1{font-family: Almarai;}
h2{font-family: Almarai;}
h3{font-family: Almarai;}
h4{font-family: Almarai;}
h5{font-family: Almarai;}
h6{font-family: Almarai;}

@media screen and (max-width: 601px) {
    #searchinput {
        width:65%!important;
    }
    .canvas {
        width:100%!important;
    }
}

@media (max-width:992px) and (min-width: 601px) {
    #searchinput {
        width:40%!important;
    }
}


a {
    text-decoration:none;
}

hr {
  display: inline-block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
  width: 100%;
}

.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}