/* From Uiverse.io by itsavicreation */ 

.rating_img{margin: 0px 0px 0 22px;border-radius: 50px;}
.companies-grid {
    display: flex;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	box-shadow: 0 5px 18px rgba(0, 0, 0, 0.2);
    flex-wrap: wrap;
    padding: 20px;
    margin: 0 0 20px 0;
    gap: 20px;
    justify-content: flex-start;
    
}
.browse-the-store{color: #05b97f; font-size: 14px; margin: 5px 0 10px 0 !important;}
.business-h3{margin: 0 0 15px;text-align: center;}
.link-block{color:#222;}
.link-block:hover{color:#222;}
.dlr-business-search{padding: 0 10px;display: block; margin: 14px 0 14px; clear: both;}
.actions {
    margin: 0 5px;
}
.btn-business{height: 34px !important;padding: 0px 10px;}
.empty-res{text-align: center; margin: 30px 0; font-size: 15px; background: #fff; color: #555; padding: 15px 0; border-radius: 5px;}
.empty-block{text-align: center; margin: 0px 0 20px; font-size: 15px;color: #555;}

.company-card {
    width: calc(25% - 20px); 
	min-width: 200px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    position: relative;
    text-align: center;
	margin: 0 auto;
	height: 350px;
}

.company-card__image img {
    width: 100%;
    height: 140px;
    object-fit: cover;
}

.company-card__avatar {
    margin-top: -50px;
}
.company-card__avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 4px solid #fff;
    object-fit: cover;
}

.company-card__title a {
    display: block;
    margin-top: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #222;
    text-decoration: none;
}

.company-card__subtitle {
    color: #666;
    font-size: 14px;
    margin-top: 0;
}

.company-card__info {
    margin-top: 0px;
    padding-bottom: 10px;
    line-height: 25px;
}

.company-card__posts {
        font-weight: bold;
    font-size: 15px;
    background: #E9E8E7;
    width: auto;
    padding: 5px 7px 0;
    border-radius: 5px;
    margin: 5px 0 3px;
}
.company-block-star {
font-size: 13px;
direction: ltr;
    background: #fff;
    margin: 8px 0 0px;
    display: block;
}

.company-card__address {
    color: #444;
    font-size: 14px;
}

@media (max-width: 768px) {
    .company-card {
        width: calc(50% - 20px);
    }
}

@media (max-width: 480px) {
    .company-card {
        width: 100%;
    }
}
.url-store{color: #000;}
.url-store:hover{color: #000;}
.store-webp{background: #49b975;margin-bottom: 5px;padding: 12px 10px 5px; border-radius: 50px; display: inline-block;}
.business-facebook{font-size: 22px;color: #001bdd;}
.business-twitter{font-size: 22px;color: #000;}
.business-snapchat{font-size: 22px;color: #ddcc00;}
.business-instagram{font-size: 22px;color: #dd0099;}
.business-linkedin{font-size: 22px;color: #00a0dd;}
.business-facebook:hover{text-decoration: none;opacity: 0.6;}
.business-twitter:hover{text-decoration: none;opacity: 0.6;}
.business-snapchat:hover{text-decoration: none;opacity: 0.6;}
.business-instagram:hover{text-decoration: none;opacity: 0.6;}
.business-linkedin:hover{text-decoration: none;opacity: 0.6;}

.pending_count{font-size: 13px;margin:10px 0;display:flex;align-items:center;gap:8px;background: #ffdede; border: 1px solid #d9d9d9;padding: 5px 10px;}
.card {
	border: 1px solid #e6e6e6; 
  --main-color: #000 !important;
  --submain-color: #78858f !important;
  --bg-color: #fff !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  position: relative !important;
  width: 100% ;
  font-size: 13px;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  border-radius: 20px !important;
  background: var(--bg-color) !important;
}
.edit-rating-box form {
    display: flex;
    align-items: center;
    gap: 15px;
}
.oncfoo{float: right !important;clear: none !important;}
.item_location{padding: 10px 0 0 !important;float: left;}
.edit-rating-box label {
    margin: 0;
    white-space: nowrap;
}

.edit-rating-box select,
.edit-rating-box textarea {
    height: 40px;
}

.edit-rating-box textarea {
    width: 250px;
}
.blok{
	border: 1px solid #E9E8E7;
    width: 100%;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.19);
    background: #fff;
    margin-bottom: 20px;}
.business-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
}
.card__img {
  height: 160px;
  width: 100%;
}
.card__img-blok {
  height: 130px;
  width: 100%;
}
.card__img svg {
  height: 100%;
  border-radius: 20px 20px 0 0;
}

.card__avatar {
  position: absolute;
  width: 114px;
  height: 114px;
  background: var(--bg-color);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: calc(50% - 100px);
}
.card__avatar-blok {
  position: absolute;
  width: 114px;
  height: 114px;
  background: var(--bg-color);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: calc(40% - 57px);
}
.card__avatar svg {
  width: 100px;
  height: 100px;
}

.card__title {
  margin-top: 45px;
  font-weight: 500;
  font-size: 18px;
  color: var(--main-color);
}
.card__post{direction: rtl;background: #E9E8E7; width: auto; padding: 0 7px; border-radius: 5px;margin: 5px 0 3px;}
.card-business-address{margin: 5px 0 10px; display: block;padding: 0 5px;}
.card__subtitle {
  margin: 5px 0;
  font-weight: 400;
  
  color: var(--submain-color);
}

.card__btn {
  margin-top: 15px;
  width: 76px;
  height: 31px;
  border: 2px solid var(--main-color);
  border-radius: 4px;
  font-weight: 700;
  font-size: 11px;
  color: var(--main-color);
  background: var(--bg-color);
  text-transform: uppercase;
  transition: all 0.3s;
}

.card__btn-solid {
  background: var(--main-color);
  color: var(--bg-color);
}

.card__btn:hover {
  background: var(--main-color);
  color: var(--bg-color);
}

.card__btn-solid:hover {
  background: var(--bg-color);
  color: var(--main-color);
}

/*---- mySwiper ---*/
#item_locationSwiper {list-style: none;margin: 0;padding: 9px 0 0;}
/*---- business list page style----------------------------------------------------------start---*/
.mySwiperhidden {display: none;}
.mySwiper {
    width: 100%;
    padding: 20px 0;
}

.mySwiper .swiper-slide {
    width: 284px !important;
    max-width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
}

.swiper-button-next,
.swiper-button-prev {
    color: #333;
}

.swiper-pagination-bullet {
    background: #666;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
top: 208px !important;
}
/*---- mySwiper ---*/
.abo-rating{padding: 5px 20px;}
.tablink {
  background-color: #fff;
  color: #333;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 12px;
  width: 25%;
}

.tablink:hover {
background-color: #9999990d;
}

/* Style the tab content */
.tabcontent {
  color: white;
  display: none;
  text-align: center;
  height: 200px;
}
.is-rating-item {
  color: #ccc;
  cursor: pointer;
}

.is-rating-item.active {
  color: #f5b301;
}
.is-rating-item {cursor: pointer;font-size: 22px;color: #ccc;}
.average{display:flex;align-items:center;font-size:16px;color:#f5b301;margin-bottom:10px;}
.ratings{padding:15px; border:1px solid #e5e5e5; border-radius:8px; margin-bottom:15px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.05);}
.ratingsa{display:flex;align-items:center;margin-bottom:10px;}
.ratingsb{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;margin-right:5px;}
.ratingsc{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9999;}
.ratingsd{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; padding:15px; border-radius:8px; width:80%; max-width:1300px; height:90vh; box-sizing:border-box; overflow:hidden;}
.ratingse{background:#e74c3c;float: right;margin: 0px 0 5px; color:#fff; border:none; padding:6px 12px; cursor:pointer; border-radius:4px;}
.ratingsf{text-align:right; margin-bottom:10px;}
.ratingsg{width:100%; height:calc(100% - 40px);}
.fa-star {
    color: #ccc; /* النجوم الفارغة */
}

.fa-star.filled {
    color: #f5b301; /* النجوم الممتلئة */
}
/* النجوم الممتلئة */
.average .fa-star {
    color: #f5b301; /* أصفر */
}

/* نصف نجمة */
.average .fa-star-half-o {
    color: #f5b301; /* أصفر */
}

/* النجوم الفارغة */
.average .fa-star-o {
    color: #ccc; /* رمادي باهت */
}
.flash_message{font-weight: bold; text-align: center;padding: 12px; margin: 15px 0; background: #e8f8e8; border: 1px solid #8bc48b; color: #2d6a2d; border-radius: 6px; font-size: 15px;}
#hidden-content-rating {
  /* Custom styling */
  max-width: 550px;
  border-radius: 4px;

  /* Custom transition - slide from top*/
  transform: translateY(-50px);
  transition: all .33s;
}

.fancybox-slide--current #hidden-content-rating {
  transform: translateY(0);
}

.is-rating-item.fill {color: #f5b301;}
.sbat{color: #777;}
.Working{color: #06b31b;}
.images-users{border: 2px solid #fff; width: 60px; height: 60px;border-radius: 50%;}
.lainhr{margin-bottom: 15px;border: 0; height: 1px; background: #e1e8ed; background-image: linear-gradient(to right, #a7a2a300, #7a7b7c40, #a7a2a300);}
.openMap{text-align: center; border: 1px solid #e6e6e6; width: 80%; padding: 5px 10px; border-radius: 5px;display: inline-block;}
.approveditem {text-align: center; margin-bottom: 5px; border: 1px solid #e6e6e6; width: auto; padding: 5px 10px; border-radius: 5px; }
.not-approveditem {text-align: center; margin-bottom: 20px; border: 1px solid #e6e6e6; width: auto; padding: 5px 10px; border-radius: 5px; background: #dd000026;}
.approved { color: #dd00007a;text-align: center; margin-bottom: 20px;font-size: 15px;font-weight: bold;}
.not-approved { color: #d00;text-align: center; margin-bottom: 20px;font-size: 15px;font-weight: bold;}
.bord-approved{padding: 20px; background: #f6f6f4; margin: 0 0 15px;font-size: 15px;background: #6eb1f56b; border-radius: 5px; border: 1px solid #6eaef466;}
.maximum-image {margin: 5px 8px 0; font-size: 15px; font-weight: bold; color: #dd00007a;}
.change-user-business {background: #ffffffad; height: 30px; line-height: 24px; padding: 5px;border-radius: 5px;}
.upload-user-business {text-align: center; padding-top: 50px;}
.custom-user_business {width: 100%; height: 125px;border-radius: 5px;}
.conf-logo {width: 125px; height: 60px;}
.user-description {width: 95%; float: none; margin: 0 auto;font-size: 12px;}
.description {border: 1px solid #e6e6e6; border-radius: 5px;padding: 5px 10px; margin: 5px 4px 20px;text-align: right;}
.social {margin: -40px 10px 17px;}
.socialz {position: absolute;z-index: 99;margin: 5px 5px 0;}
.edit-Profile {background: #ffffffbf;color: #d00; font-size: 19px; border: 1px solid #ffffff73; border-radius: 5px; padding: 0 8px 0;}
.edit-Profile:hover{transition: 0.3s;background: #ffffff;color: #d00}
.twitterb {background: #ffffffbf;color: #000000; font-size: 19px; border: 1px solid #ffffff73; border-radius: 5px; padding: 0 8px 0;}
.twitterb:hover{transition: 0.3s;background: #ffffff;color: #000000}
.facebook {background: #ffffffbf;color: #0d74cc; font-size: 19px; border: 1px solid #ffffff73; border-radius: 5px; padding: 0 8px 0;}
.facebook:hover{transition: 0.3s;background: #ffffff;color: #0d74cc;}
.linkedin {background: #ffffffbf;color: #0d9ecc; font-size: 19px; border: 1px solid #ffffff73; border-radius: 5px; padding: 0 8px 0;}
.linkedin:hover{transition: 0.3s;background: #ffffff;color: #109cc9;}
.snapchatn {background: #ffffffbf;color: #cca30d; font-size: 19px; border: 1px solid #ffffff73; border-radius: 5px; padding: 0 8px 0;}
.snapchatn:hover{transition: 0.3s;background: #ffffff;color: #cca30d;}
.instagramn {background: #ffffffbf;color: #de65ed; font-size: 19px; border: 1px solid #ffffff73; border-radius: 5px; padding: 0 8px 0;}
.instagramn:hover{transition: 0.3s;background: #ffffff;color: #de65ed;}
.Workza{width: 50%;float: right;padding: 20px 0;text-align: center;}
.Workzb{width: 50%;float: left;padding: 20px 0;text-align: center;}
.trg{border: 1px solid #e6e6e6;box-shadow: 0 5px 18px rgb(0 0 0 / 13%); border-radius: 5px;width: 24%; float: right; margin: 5px 4px;}
.trg-img{border-top-left-radius: 4px; border-top-right-radius: 4px;width: 100%; height: 160px;}
.deall-price{height: 25px;margin-top: 5px;}
.premium-deall{border-bottom-left-radius: 4px;position: absolute;background: #ffffff;}
.dealer_sort-by{padding: 6px 6px 6px;float: right;}
.dealllocation{font-weight: normal;font-size: 12px;float: right;padding: 10px 0 10px;}
.dealldate{font-weight: normal;font-size: 12px;float: left;padding: 10px 0 10px;}
#dlr_cat, #dlr_name{margin-bottom: 5px;}
.dlr_sort_menu {border:1px solid #e6e6e6;margin-bottom: 5px;background: #f5f5f5;padding:10px 0 5px 5px;color: #000;font-size: 14px;display: inline-block; width: 100%;}
.dlr_sort_menu select-box select{height:30px !important;line-height:30px !important;}
.dlr_sort_menu a{ text-decoration:none; padding:3px 0px 0px 0px;}
.sortbyalpha {color: #555655;font: 12px/23px Verdana,Geneva,Arial,Helvetica,sans-serif;height: 1%;padding: 20px 0;}
.sortbyalpha h2.alpha { color:#0B7FBC; font-size:1.8em; border-bottom:1px solid #EBEBEB;  line-height: 1.5em; font-weight:normal; margin: 0 0 0.5em; clear:both; }
.sortbyalpha ul.side-by-side { list-style:none outside none; width:100%;}
.sortbyalpha ul.side-by-side li{ display:inline; width:250px; float:right; padding:0 22px 22px 22px;}
.sortbyalpha ul.side-by-side li img { margin-left:5px;}
.store-name { margin:5px;}
.business-display tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start; /* أو flex-end حسب اتجاه RTL */
}
.business-display .even,
.business-display .odd {
    float: left; width: 23%; padding: 0; background-color: #FFF; border-radius: 0px; border: 1px solid rgb(0 0 0 / 5%); border-top-left-radius: 4px; border-top-right-radius: 4px; margin: 0 0.5% 20px 0.5%; position: relative; display: block; clear: none;
}
.business-display .odd:hover , .even:hover {background:#fff8f0;}
.business-display tr.even td{padding: 0;width: 100%;float: right;height: auto;}
.business-display tr.odd td{padding:0 ;width: 100%;float: right;height: auto;}
.business-display .dealer_img { width:140px;}
.business-display .dealer_img div.thumb{border-top-left-radius: 4px; border-top-right-radius: 4px;background-color:#FFFFFF;height: 100%;text-align: center;width: 100%;}
.thumb_img{margin: 0 0 -6px;border-top-left-radius: 4px; border-top-right-radius: 4px;width: 100%; height: 160px;}
.business-display td.dlrcount {width: 30px;color: #000;border-top: 1px solid #FFFFFF;text-align: center;}
.business-display span.serial_count {height:16px; width:16px; border:1px solid #A10D20; background-color:#EF481C; color:#FFFFFF; padding:3px; margin-left:5px;}	
.business-display td.dealer_info { vertical-align:top; padding:0 0 0 10px;}
.business-display td.dealer_info a{text-decoration: none;color: #007fb2;font-size: 14px;letter-spacing: normal;font-weight: bold;}
.business-display td.dealer_info a:hover{ text-decoration:underline; color:#333333; font-weight:bold;}
.business-display td.dealer_info span.dlrphone {float: right;width: 150px;text-align: right;padding: 10px 0 0 0;font-size: 13px;line-height: 12px;}
.business-display td.dealer_info span.mobileicon { background:url(images/1382551610_phone.png)}
.business-display div.dlrdescription { font-size:14px;line-height:20px;}
.attt{color: #777;letter-spacing: 1px;margin:0;line-height: 26px;clear:both;padding: 10px;}
span.dlrmobile{width:120px;display:block;line-height:20px;text-align:left;}
span.dlrland{width:120px;display:block;line-height:20px;text-align:left;}
span.dlrimg{float:left;width:30px}
#header .nav li a#dealer_link {font: normal bold 13px 'pt sans', Arial, Helvetica, sans-serif;background: transparent url(images/dealer.png) no-repeat 0px 5px;
padding: 14px 0 10px 26px;text-decoration: none;height: 36px;line-height: 36px;border: 0px red solid;color: #989898;text-transform: uppercase;letter-spacing: 1px;}
/*---- business list page style----------------------------------------------------------end---*/

/*---- dealer items page style----------------------------------------------------------start---*/
.dealer_content { width:100%;}
.dealer_sidebar {padding:0px;margin: 0 0 10px 0;background: #fff;width:100%; border:solid 1px #e6e6e6; float:left; display:inline;border-top-left-radius: 4px;
    border-top-right-radius: 4px;}
.dealer_main {  width:100%; display:inline; float:right;  margin-left:5px;}
.dealer_sidebar .heading {color: #666;text-align:center;padding:0 15px;font-size: 15px;font-weight: bold;}
.dealer_sidebar .dealerinfo { display:block;}
.dealer_sidebar h1 { color:#006699; font-size:16px; font-weight:bold; margin:10px 0;color: #0066DD;text-decoration: none;text-decoration: none;
color: #007fb2;letter-spacing: normal;font-weight: bold;}
.dealer_sidebar .dealerinfo { width: 100%; float: right;padding:0px;}
.dealerlogo { width: 20px; float: right;margin:20px;}
.businesslogo {}
.profileimg {vertical-align:top;margin-top: 20px;width: 90px; height: 90px;}
.businessimg {border-bottom: 1px solid #e6e6e6;width: 100%; height: 200px;border-top-left-radius: 4px; border-top-right-radius: 4px;}
.businessimgconf {width: 120px; height: 60px;}
.listing-basicinfo a{text-decoration:none; font-size:13px;font-size: 15px; letter-spacing:normal; font-weight:bold;}
.dealerimg {width: 180px;height: 180px;}
.dealerinfo ul {vertical-align:top; width: auto;margin: 10px 10px;list-style:none; font-size:12px;padding:0px;margin:10px 20px;}
.dealerinfo ul li { padding-top:5px;}
.dealerinfo ul li b { font-size:13px; color:#007fb2; font-weight:bold;}
#map_canvas {width: 230px;height: 230px;border: 2px solid #ccc;margin:20px auto;}
.dealerinfo  div.map_location { margin:10px;}
.show_search { background:#f5f5f5; width:100%; border:solid 1px #e6e6e6; color:black; padding:0 10px;margin: 0 0 10px;}
.showsort { float:right;}
.showsorta {text-align: center;}
.delete{ background:none repeat scroll 0 0 transparent;border: medium none;cursor: pointer;margin-left: 10px;padding-left: 5px;}
.close{ background:url(images/Cross-icon.png);}
#fav_listings td {vertical-align: top;}
#fav_listings tr:hover {background:#fff8f0;}
td.check {text-align: center;width: 5%;}
#fav_listings td.favimg {text-align: center;width: 100%; display: inline-block;}
td.iteminfo {padding: 10px;display: block;}
.iteminfo {padding: 5px;}
td.price {text-align: center;}
td.iteminfo a {font-size: 1.3em;text-decoration: none;text-decoration: none;color: #007fb2;font-size: 13px;font-size: 15px;letter-spacing: normal;font-weight: bold;}
td.iteminfo h3 {font-size: 14px;color: #0066DD;    text-decoration: none;padding:0px;margin:0px;line-height:20px;}
td.iteminfo a:hover { text-decoration:underline;}
.dealloc{color: #999;font-size: 12px;letter-spacing: 1px;margin:0;line-height: 30px;}
.deallocp{padding:0px;margin:5px 0;font-size: 13px;}
.price-wrap{ border:0px red solid; overflow:hidden; height:29px; float:right}
span.tag-head {float: left;background: url(../images/price-tag-head.png) no-repeat scroll left top transparent;height: 25px;margin: 0;padding: 0;width: 33px;}
.post-price {background-color: #6bba70 !important;float: left !important;font:normal normal 11px Arial,Helvetica,sans-serif !important;margin: 0 2px 0 0 !important; color:#fff;padding: 5px;text-shadow: 0 1px 0 #FFFFFF !important;-khtml-border-radius: 0 4px 4px 0 !important;-moz-border-radius: 0 4px 4px 0 !important;-webkit-border-radius: 0 4px 4px 0 !important;border-radius: 0 4px 4px 0 !important;-moz-box-shadow: 1px 1px 5px #B7B7B7 !important;-khtml-box-shadow: 1px 1px 5px #B7B7B7 !important;-webkit-box-shadow: 1px 1px 5px #b7b7b7 !important;box-shadow: 1px 1px 5px #B7B7B7 !important; border:0px red solid; height:15px; line-height:25px;font-weight:normal !important;}
select#sortmethod{margin-bottom: 0px;height: 40px;}
select#sortmethod option{font-size:12px;line-height:30px;padding:10px;}

/*---- dealer items style----------------------------------------------------------end---*/
.searchdealer{height:25px;line-height:25px;}
.dealer_name{padding: 10px 0 0; text-align: center;}
.vote-name{height:30px;width:400px;float:left;clear:both;margin: 0 0 0 30px;}
.dlrdescription{padding:0 0 0 30px;margin:10px 0;}
table.business-display tr td{padding:10px 0 0 0;}
.dlrcount,.dealer_img,.dealer_info{padding:10px 0;}
.all-by{margin: 5px 15px 0;}
.all-by-a{padding: 7px 15px 0;float: right;}
.a-z-index{margin: 5px 15px 0;float: right;}
.bx-size{font-size: 15px;}
.by-name{margin: 0 10px 0;}
.dlr-cat{padding: 7px 15px 0; ;float: right;}
.search-butt{margin: 0px 10px 0px; height: 35px;border: 1px solid #E5E5E5;background: #fea116;}
.search-butt:hover{background: #e38d0c;}
span.post_count {font-size: 13px;width: 100%;margin: 0 5px 0 0px;padding: 15px 5px 0 0; float: right; text-align: right;color: #555;}
span.categolisting{font-size: 13px;margin: 0 5px 0 0px;padding: 5px 5px 0 0; float: right; text-align: right;color: #555;}
span.locationlisting{font-size: 13px;margin: 0 5px 0 0px;padding:0;text-align: right;clear: both;float: right;color: #555;}

@media only screen and (max-width: 767px) {
.business-display .even,
.business-display .odd {
width: 31%; }
}
@media only screen and (max-width: 530px) {
.business-display .even,
.business-display .odd {
width: 47%; }
}
@media only screen and (max-width: 420px) {
.business-display .even,
.business-display .odd {
    width: 100%;
}
}