.client-screenshot,
.client-screenshot *
{
  box-sizing: border-box;
}
.client-screenshot {
	float: left;
	padding: 5px
}

.client-screenshot.width-10 img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}
.client-screenshot .dropbutton-wrapper {
  display: inline-block !important;
}
.client-screenshot.full-width canvas {
  display: block;
  width: 100%;
  height: auto;
}
.client-screenshot .details-wrapper {
  padding: 4px 8px;
}

.view-hpwsclient .view-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  width: 100%!important;
}

.width-1 {
  width: 10%;
}
.width-2 {
  width: 20%;
}
.width-3 {
  width: 30%;
}
.width-4 {
  width: 40%;
}
.width-5 {
  width: 50%;
}
.width-6 {
  width: 60%;
}
.width-7 {
  width: 70%;
}
.width-8 {
  width: 80%;
}
.width-9 {
  width: 90%;
}
.width-10 {
  width: 100%;
}
.width-11 {
  width: 110%;
}
.width-12 {
  width: 120%;
}

@media (max-width: 575.98px) {
  .client-screenshot {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .client-screenshot {
    width: 50%;
  }
}
@media (max-width: 991.98px) {
  .client-screenshot {

  }
}
@media (max-width: 1199.98px) {
  .client-screenshot {

  }
}
@media (max-width: 1399.98px) {
  .client-screenshot {

  }
}
html {
  font-size: 13px !important;
}
html body {
  font-size: 13px;
}

.view-filters .views-exposed-form.views-exposed-form {
  margin: 0px;
  padding: 0px;
  border: none;
  box-shadow: none;
}

table {
  border-spacing: 0px;
}

table thead tr th {

}

table tbody tr td {
  padding: 2px 4px;
  height: auto;
}
a {
  box-shadow: none;
}

li:focus {
  border: none;
}