.widget.mgs-brand .brand-items .image {
  overflow: hidden;
}
.widget.mgs-brand .brand-items img {
  margin: 0 auto;
  max-width: 100%;
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}
.widget.mgs-brand .brand-items:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.widget.mgs-brand .owl-item {
  padding: 0 15px;
}
.widget.mgs-brand .owl-item .brand-items img {
  width: auto !important;
}
.shop-by-brand > .description {
  border: 1px solid #f0f0f0;
  padding: 15px;
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  margin-bottom: 50px;
  font-size: 14px;
}
.shop-by-brand .brand-page-list .owl-item {
  padding: 0 15px;
}
.shop-by-brand .brand-page-list .owl-item .item img {
  width: auto;
  max-width: 100%;
}
.shop-by-brand ul.ul-letters {
  column-count: 4;
  list-style-type: none;
}
@media (max-width: 767px) {
  .shop-by-brand ul.ul-letters {
    column-count: 1;
  }
}
.shop-by-brand-conditions .block-title a {
  color: #00A74B;
}
@media (min-width: 768px) and (max-width: 991px) {
  .shop-by-brand-conditions .block-title a {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .shop-by-brand-conditions .block.block-lrg {
    height: 262px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .shop-by-brand-conditions .block.block-lrg {
    height: 315px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .shop-by-brand-conditions .col-sm-6 {
    height: 136px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .shop-by-brand-conditions .col-sm-6 {
    height: 170px;
  }
}
.shop-by-brand-conditions img.arrow-img {
  position: absolute;
  right: 33px;
}
@media (max-width: 767px) {
  .shop-by-brand-conditions img.arrow-img {
    width: 9px;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .shop-by-brand-conditions img.arrow-img {
    width: 9px;
    padding-top: 4px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .shop-by-brand-conditions .col-sm-4 {
    height: 173px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .shop-by-brand-conditions .col-sm-4 {
    height: 139px;
  }
}
.characters-filter {
  display: table;
  margin: 15px auto 0;
}
.characters-filter:after {
  content: "";
  display: table;
  clear: both;
}
.characters-filter li {
  float: left;
  height: 36px;
  line-height: 36px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 0;
  text-align: center;
  width: 36px;
  font-weight: 500;
}
.characters-filter li:last-child {
  margin-right: 0;
}
.characters-filter li a {
  display: block;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}
.characters-filter li a:hover {
  background-color: #56cfe1;
  border-color: #56cfe1;
  color: #fff;
}
.characters-filter li.active a {
  background-color: #56cfe1;
  border-color: #56cfe1;
  color: #fff;
}
.search_brand_form {
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  border: 1px solid #878787;
  padding: 2px;
}
.search_brand_form form {
  display: table;
  position: relative;
}
.search_brand_form form .form-group,
.search_brand_form form .actions {
  display: table-cell;
}
.search_brand_form form .form-group input[type="text"] {
  height: 39px;
  border: none;
  padding: 0 20px;
  background-color: transparent;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
}
.search_brand_form form .actions {
  white-space: nowrap;
  width: 1%;
}
.brand-page-list .item img {
  transition: all 300ms;
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  max-width: 100%;
  margin: 0 auto;
}
.brand-page-list .item .image {
  text-align: center;
  overflow: hidden;
}
.brand-page-list .item .brand-name {
  text-align: center;
  padding: 12px 0 0px;
  border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
}
.brand-page-list .item .brand-name h4.brand-title {
  font-size: 18px;
  color: #2a2a2a;
}
.brand-page-list .item .brand-name h4.brand-title a {
  color: #2a2a2a;
}
.brand-page-list .item .brand-name h4.brand-title a:hover {
  color: #56cfe1;
}
.brand-page-list .item:hover .image img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.brand-product-list .category-product-actions .toolbar.toolbar-products {
  width: 100%;
}
.brand-info {
  margin-bottom: 40px;
}
.brand-info > .brand-description {
  border: 1px solid #f0f0f0;
  padding: 15px;
  border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  font-size: 14px;
}
/*
Template Name : Ethan - Storelocator extension style

-------- Table Of Contents ---------
-------- 1-  CREATE VARIABLES
-------- 2-  STORE LIST
-------- 3-  DETAIL STORE
-------- 4-  RESPONSIVE STORE LOCATOR

-------- End Table Of Contents ----
*/
.store-list-container .search-form {
  background-color: #F7F7F7;
  border: 1px solid #ddd;
  border-bottom: 0;
  border-radius: 0;
  border-radius: 0px 0px 4px 4px;
  -webkit-border-radius: 0px 0px 4px 4px;
  -moz-border-radius: 0px 0px 4px 4px;
  -o-border-radius: 0px 0px 4px 4px;
}
.store-list-container .search-form .block-title .title {
  font-weight: 500;
  color: #fff;
  font-size: 16px;
  margin-bottom: 13px;
  border-bottom: 1px solid #ddd;
  padding: 16px 20px 16px;
  background-color: #00a74b;
  margin-left: -1px;
  margin-right: -1px;
}
@media (max-width: 991px) {
  .store-list-container .search-form .block-title .title {
    font-size: 20px;
    font-weight: 800;
    color: #00A74B;
    margin-top: 6px;
    margin-bottom: unset;
    border-bottom: unset;
    background-color: #F7F7F7;
    padding-bottom: 30px;
    padding-top: 40px;
  }
}
.store-list-container .search-form .content-block {
  padding: 16px 20px 25px;
}
@media (max-width: 991px) {
  .store-list-container .search-form .content-block {
    padding: 2px 20px 25px;
  }
  .store-list-container .search-form .content-block .form-group > label {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 1.4;
    color: black;
    font-family: 'Open Sans';
  }
}
.store-list-container .search-form .btn {
  vertical-align: middle;
  color: #222;
  border: none;
  background-color: unset;
}
.store-list-container .search-form .btn span {
  font-weight: 500;
}
.store-list-container .search-form .btn span:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../../frontend/Mgs/claue/en_US/images/Find_a_CHS_Community_Pharmacy_in_the_UAE.png) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-bottom: 3px;
  margin-right: 5px;
}
.store-list-container .search-form .near-you-btn {
  float: right;
  margin-right: 2px;
}
.store-list-container .search-form .near-you-btn span {
  font-weight: 500;
}
.store-list-container .search-form .near-you-btn span:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../../frontend/Mgs/claue/en_US/images/icon_store_near_me.svg) no-repeat;
  background-size: cover;
  vertical-align: middle;
  margin-bottom: 3px;
  margin-right: 5px;
}
.store-list-container .search-form .form-custom-input-button {
  background-color: #fff;
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  display: flex;
}
.store-list-container .search-form .form-custom-input-button input[type="text"] {
  border: hidden;
  vertical-align: middle;
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
}
@media (max-width: 991px) {
  .store-list-container .search-form .form-custom-input-button input[type="text"] {
    font-size: 16px;
    height: 40px;
  }
}
.store-list-container .store-list {
  border-radius: 0;
  border-top: 0;
  margin-bottom: 30px;
  border-radius: 0px 0px 4px 4px;
  -webkit-border-radius: 0px 0px 4px 4px;
  -moz-border-radius: 0px 0px 4px 4px;
  -o-border-radius: 0px 0px 4px 4px;
  padding: 16px 20px 20px;
}
@media (max-width: 991px) {
  .store-list-container .store-list {
    color: black;
    margin-bottom: 0px;
  }
}
.store-list-container .store-list .store-link {
  font-family: 'Open Sans';
}
@media (max-width: 991px) {
  .store-list-container .store-list .store-link {
    font-size: 16px;
  }
}
.store-list-container .store-list span.count {
  color: #00A74B;
  font-weight: 600;
}
.store-list-container .store-list a.browse-directory {
  text-decoration: underline;
}
@media (max-width: 991px) {
  .store-list-container .store-list a.browse-directory {
    color: black;
  }
}
.store-list-container .store-list .block-title .title {
  font-weight: 500;
  color: #222;
  font-size: 20px;
  margin-bottom: 13px;
  border-bottom: 1px solid #ddd;
}
.store-list-container .store-list > .items {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 40px;
}
.store-list-container .store-list > .items .stores li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 10px;
  display: flex;
  padding: 10px;
  background-color: #F7F7F7;
}
.store-list-container .store-list > .items .stores li span {
  background-color: #00a74b;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  height: 20px;
  width: 20px;
  text-align: center;
}
.store-list-container .store-list > .items .stores li .store-content:after {
  content: "";
  display: table;
  clear: both;
}
.store-list-container .store-list > .items .stores li .store-content .store-logo {
  display: block;
  float: left;
  width: 100px;
  padding-top: 9px;
}
.store-list-container .store-list > .items .stores li .store-content .description {
  float: left;
  padding-left: 15px;
  color: #222;
}
.store-list-container .store-list > .items .stores li .store-content .description h4 {
  font-size: 14px;
  margin-bottom: 5px;
}
.store-list-container .store-list > .items .stores li .store-content .description p {
  font-size: 12px;
  margin: 0 0 0;
  font-weight: 500;
}
.store-list-container .store-list > .items .stores li .store-content .description p a {
  color: #56cfe1;
  font-weight: 600;
}
.store-list-container .store-list > .items .stores li .store-content .description h4 a {
  color: #222;
  font-size: 16px;
  margin-bottom: 10px;
}
.store-list-container .store-list > .items .stores li .store-content .description h4 a:hover {
  color: #56cfe1;
}
.store-list-container .store-list > .items .stores li .store-content .description div {
  font-size: 12px;
  font-weight: 500;
}
.store-list-container .store-list > .items .stores li .store-content .description .open-tf {
  font-size: 12px;
  font-weight: 500;
}
.store-list-container .store-list > .items .stores li .store-content .description .open-now {
  color: #00a74b;
  font-size: 12px;
  display: inline;
  font-weight: 500;
}
.store-list-container .store-list > .items .stores li .store-content .description .closes.time {
  font-size: 12px;
  display: inline;
  font-weight: 500;
}
.store-list-container .custom-storelocator-col {
  padding-left: 0px;
  padding-right: 0px;
}
#store-list-map {
  height: 1050px;
  width: 100%;
}
.locator-index-view .footer,
.locator-index-index .footer,
.locator-index-searchbydistance .footer {
  margin-top: 0;
}
.locator-index-view .footer .middle-footer,
.locator-index-index .footer .middle-footer,
.locator-index-searchbydistance .footer .middle-footer {
  border-top: 0;
}
.storelocator-details .box-store {
  border: 1px solid #f0f0f0;
  border-radius: 0px 0px 4px 4px;
  -webkit-border-radius: 0px 0px 4px 4px;
  -moz-border-radius: 0px 0px 4px 4px;
  -o-border-radius: 0px 0px 4px 4px;
  padding: 16px 20px 20px;
}
.storelocator-details .box-store .block-title .title {
  font-weight: 500;
  color: #222;
  font-size: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.storelocator-details .box-store .store-image {
  margin-bottom: 30px;
}
.storelocator-details .box-store table {
  width: 100%;
  margin-bottom: 0;
}
.storelocator-details .box-store table tr td,
.storelocator-details .box-store table tr th {
  border: 1px solid #eee;
  padding: 10px;
}
.storelocator-details .box-store table tr td:first-child {
  color: #2a2a2a;
}
#map-detail {
  height: 450px;
  border: 1px solid #f0f0f0;
}
.map-short-info {
  padding: 3px 0 4px;
}
.map-short-info h3 {
  font-weight: 500;
  color: #222;
  font-size: 20px;
  margin-bottom: 13px;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 991px) {
  #store-list-map {
    margin-top: 0px;
    height: 400px;
  }
}
@media (max-width: 767px) {
  .box-store-content .portfolio-table tr {
    border: 1px solid #f0f0f0;
    padding: 15px;
    display: block;
  }
  .box-store-content .portfolio-table tr + tr {
    border-top: none;
  }
  .box-store-content .portfolio-table tr td {
    display: block;
    padding: 0 !important;
    border: none !important;
    background: none !important;
  }
  #show-all-store .btn {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .store-list-container.custom-storelocator {
    margin-top: 10px;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .store-list-container.custom-storelocator {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {
  .store-list-container.custom-storelocator {
    margin-top: -6px;
  }
}
@media (max-width: 500px) {
  .store-list-container .search-form .col-xs-6 {
    width: 100%;
  }
}
.locator-index-index div.mage-error,
.locator-index-searchbydistance div.mage-error {
  display: none !important;
}
.locator-index-index button.action.btn.btn-primary.view-on-map,
.locator-index-searchbydistance button.action.btn.btn-primary.view-on-map {
  padding: 5px 20px;
  line-height: 20px;
  height: auto;
  background-color: #fff;
  border: 2px solid #00add5;
  margin-top: 5px;
}
.locator-index-index button.action.btn.btn-primary.view-on-map span,
.locator-index-searchbydistance button.action.btn.btn-primary.view-on-map span {
  color: #000;
  background-color: unset;
  border-radius: unset;
  height: unset;
  width: unset;
}
.locator-index-index button.action.btn.btn-primary.view-on-map:hover,
.locator-index-searchbydistance button.action.btn.btn-primary.view-on-map:hover,
.locator-index-index button.action.btn.btn-primary.view-on-map:focus,
.locator-index-searchbydistance button.action.btn.btn-primary.view-on-map:focus {
  background-color: #00a74b;
  border: 2px solid #00a74b;
}
.locator-index-index button.action.btn.btn-primary.view-on-map:hover span,
.locator-index-searchbydistance button.action.btn.btn-primary.view-on-map:hover span,
.locator-index-index button.action.btn.btn-primary.view-on-map:focus span,
.locator-index-searchbydistance button.action.btn.btn-primary.view-on-map:focus span {
  color: #fff;
  background-color: unset;
  border-radius: unset;
  height: unset;
  width: unset;
}
@media (max-width: 991px) {
  html > body.locator-index-index {
    scroll-behavior: smooth;
  }
}