.title2 {
  text-align: center;
  font: normal normal bold 39px/51px "Roboto", sans-serif;
  letter-spacing: 0px;
  color: #2e3e59;
  margin: 0 0 8px 0;
}

.title4 {
  font: normal normal bold 25px/24px "Roboto", sans-serif;
  letter-spacing: 0px;
  color: #ffffff;
  margin: 0 0 8px 0;
}

.title5 {
  text-align: center;
  letter-spacing: 0px;
  color: rgba(46, 62, 89, 1);
  line-height: 24px;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  margin: 0 0 8px 0;
}

.title6 {
  
  margin: 0 0 10px 0;
  font-size: 14px;
}
.title6 a {
  color: #f78f12;
  font-size: 13px;
  text-transform: uppercase;
  padding-left: 10px;
}

.user-info-main-bx {
  clear: both;
  width: 80%;
  margin: auto;
}

/*--------------------------------------------------------------
# Sticky section start- Desktop
--------------------------------------------------------------*/

.sticky-top.sticky {
  top: 0;
}

.sticky-top.sticky ul {
  width: 53%;
  margin: auto;
  border: none;
  justify-content: center;
}

.sticky-top.sticky ul li {
  padding: 0 40px;
}

.sticky-logo {
  display: none;
}

.sticky-top.sticky li.sticky-logo {
  display: block;
  position: absolute;
  left: 0;
  border-right: none;
  top: 7px;
}

/*--------------------------------------------------------------
# User Info Section start- Desktop
--------------------------------------------------------------*/

.user-info-section {
  height: auto;
  position: relative;
}

.user-info-box {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
/*  flex-wrap: wrap;*/
  margin: 40px 0 60px 0;
}
.user-detail{
    display: flex
}
.rlt-bx{
    min-width:370px;
    line-height: 32px;
}
.user-common-detail {
  display: flex;
  align-items: center;
  width: 48%
}

.user-detail h1 {
  color: #0d0d0d;
  font-size: 25px;
  margin: 0px;
  padding: 0px;
}

.user-pic {
  width: 124px;
  height: 124px;
  border: 3px solid #6a8abf;
  opacity: 1;
  border-radius: 100%;
  margin-right: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  overflow: hidden;
  float: left
}

.user-pic img {
  padding: 0;
  width: 100%;
  height: 100%;
}

a.website-link {
    display: flex;
    align-items: center;
    color: #333;
}
a.website-link img {
    width: 14px;
    filter: brightness(0.5);
    margin: 0 6px 0 0;
}
.user-social-detail{
    width: 50%
}
.user-social-detail ul {
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: space-around;
  border: 1px solid #eeeeef;
}

.user-social-detail ul li {
  margin: 14px 0;
  border-right: 1px solid #eeeeef;
  padding: 0px 26px;
}

.user-social-detail ul li:last-child {
  border-right: none;
}

.user-social-detail ul li a {
  letter-spacing: 0px;
  color: #201d1d;
  opacity: 1;
  font-size: 13px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  line-height: 31px;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}

.user-social-detail ul li a:hover {
  color: #f78f12;
  fill: #f78f12;
}

.user-social-detail ul li span {
  width: 27px;
  height: 22px;
  background-size: contain;
  background-position: center;
  display: block;
  margin: 0 auto 7px;
}

.fill-red {
  fill: red !important;
}

.office-timing {
  display: flex;
}

.office-timing span {
  width: 12px;
  height: 12px;
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  background-size: contain;
  background-position: center;
}

.loc-icon {
  background: url("../images/gas-station-internal/location-small.svg") no-repeat;
}

.time-icon {
  background: url("../images/gas-station-internal/open-time.svg") no-repeat;
}

.office-timing li {
  /* text-align: left; */
  font: normal normal 300 14px/14px "Roboto", sans-serif;
  /* letter-spacing: 0px; */
  /* color: #0d0d0d; */
  /* opacity: 1; */
  /* position: relative; */
  /* padding-left: 0px; */
  /* font-size: 12px; */
  margin-right: 20px;
}

.office-timing li svg {
  position: relative;
  top: 2px;
  left:0px;
}

.phto-bx {
  background: #0e284f;
  height: 29px;
  width: 89px;
  border-radius: 4px;
  top: -6px;
  position: relative;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s;
  font-size: 11px;
  fill: #fff;
}

.phto-bx a {
  color: #fff;
  padding: 0px;
  margin: 0px;
  display: flex;
  align-items: center;
}

.phto-bx svg {
  position: relative !important;
  top: 0px !important;
}

.phto-bx:hover {
  background: #3d5a87;
}

.position-site {
  margin: 12px 0 0 0;
  padding: 0px;
  display: flex;
}

.position-site span {
  width: 18px;
  height: 18px;
  position: absolute;
  display: block;
  left: 6px;
  top: 7px;
  background-size: contain;
  background-position: center;
}

.position-site li img {
  margin: 0 6px 0 0px;
}

.position-site li:first-child {
  border-radius: 4px 0 0 4px;
  border-right: none;
}

.position-site li {
  position: relative;
  color: #0d0d0d;
  font-size: 12px;
  border: 1px solid #0e284f;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  cursor: pointer;
}

.position-site li:last-child {
  border-radius: 0px 4px 4px 0px;
  border-left: 0;
}

.position-site li a {
  color: #0d0d0d;
  text-decoration: underline;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rank-icon {
  background: url("../images/ranking.png") no-repeat;
}

.claimed-icon {
  background: url("../images/claimed.svg") no-repeat;
}

.repu-icon {
  background: url("../images/star.png") no-repeat;
  width: 15px !important;
  height: 15px !important;
}

.loc-icon {
  background: url("../images/location-small.svg") no-repeat;
}

.time-icon {
  background: url("../images/open-time.svg") no-repeat;
}

.favorite-icon {
  background: url("../images/fav-icon.svg") no-repeat;
}

.call-icon {
  background: url("../images/call-icon.svg") no-repeat;
}

.whatapp-icon {
  background: url("../images/whatsapp.svg") no-repeat;
}

.direction-icon {
  background: url("../images/direction.svg") no-repeat;
}

.help-icon {
  background: url("../images/help.svg") no-repeat;
}

a.space-avilb-bt {
  background: #11b1ac;
  color: #fff;
  padding: 10px 22px;
  border-radius: 5px;
  margin-right: 20px;
  transition: all 0.8s;
}
a.space-avilb-bt:hover {
  background: #0a8f8a;
}

a.space-not-avlb {
  background: #f33c55;
  color: #fff;
  padding: 10px 22px;
  border-radius: 5px;
  transition: all 0.8s;
}
a.space-not-avlb:hover {
  background: #bd263a;
}

/*--------------------------------------------------------------
# languages sections  start- Desktop
--------------------------------------------------------------*/

.language-bx {
  max-width: 882px;
  width: 100%;
  margin: 0 auto;
}

.tagline {
    background: rgba(247, 143, 18, 0.11);
    border-left: 6px solid #f78f12;
    color: #2e3e59;
    padding: 0;
    font-style: italic;
    font-size: 13px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0 0 0;
}

.main-rq-bx {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.r-quote-bx {
  width: 32%;
  height: auto;
  border: 1px solid #c8c8c8;
  border-radius: 20px;
  padding: 20px;
}
.r-quote-bx a{
    text-decoration:none;
}
ul.response-time {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 10px;
}

ul.response-time li {
  color: #6d6d6d;
  line-height: 33px;
}

.hrs {
  color: #2e3e59;
}

.across-town-bx img {
  margin-bottom: 13px;
}

/*--------------------------------------------------------------
# languages sections  start- Desktop
--------------------------------------------------------------*/

.product-gallery {
  height: auto;
  max-height: 300px;
  min-height: 400px;
  overflow: hidden;
}

ul.pv-tabs {
  margin: 0 0 40px 0;
  padding: 0px;
  list-style: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

ul.pv-tabs li {
  display: inline-block;
  padding: 20px 15px;
  background: #fff;
  border: 1px solid rgba(180, 178, 178, 1);
  font-size: 14px;
  line-height: 26px;
  width: 181px;
  text-align: center;
  color: #0e294f;
}

ul.pv-tabs li.photos-gall {
  border-radius: 12px;
}

ul.pv-tabs li.video-gall {
  border-left: 0;
  border-radius: 0 13px 13px 0;
}

ul.pv-tabs li.current {
  background: #0e294f;
  color: #fff;
}

.gas-bx-gly {
  width: 80%;
  margin: 0 auto;
  position: relative;
}

.gas-station-gallery {
  text-align: center;
}

.gas-station-gallery img {
  opacity: 0.8;
  transition: all 300ms ease;
  border-radius: 12px;
}
/* 
.gas-station-gallery .slick-slide > div {
  padding: 48px 10px;
  margin: 0 auto;
}

.gas-station-gallery .slick-slide.slick-center > div {
  padding: 16px 10px;
}

.gas-station-gallery .slick-center img {
  transform: scale(1.2);
}

.pht-item .slick-active {
  opacity: 0.5;
}

.slick-slide {
  margin: 0px 25px;
}

.slick-slide img {
  max-width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.slick-current {
  opacity: 1;
  transform: scale(1.2);
  margin-top: 32px;
} */

ul.pht-arrow-bx {
  margin: auto;
  width: 82%;
  top: 0;
  left: 0;
  right: 0;
}

.pht-prev {
  position: absolute;
  top: 45%;
  left: 0;
  background: #fff;
  box-shadow: 0px 3px 6px #00000029;
  height: 33px;
  width: 33px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pht-next {
  position: absolute;
  top: 45%;
  right: 0;
  background: #fff;
  box-shadow: 0px 3px 6px #00000029;
  height: 33px;
  width: 33px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* .slick-dots li button:before {
  font-size: 42px;
  transition: all 0.4s;
  color: #c2c2c2;
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  width: 26px;
  background: #f57272;
  color: transparent;
  border-radius: 29px;
  height: 10px;
  top: 4px;
  transition: all 0.4s;
  left: -4px;
} */

/*--------------------------------------------------------------
# Gasoline sections  start- Desktop
--------------------------------------------------------------*/
.sticky {
  top: 0;
}
.gasoline {
  margin: 50px 0;
}

.gasoline-bx {
  width: 100%;
  margin: auto;
}

ul.gasoline-gride {
  margin: 44px 0 0 0;
  padding: 0 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

ul.gasoline-gride li {
  width: 163px;
  height: 194px;
  border-radius: 13px;
  margin: 0 16px;
}

.regular {
  background: #eb6e5f 0% 0% no-repeat padding-box;
}

.plus {
  background: #f15877 0% 0% no-repeat padding-box;
}

.premium {
  background: #2baa93 0% 0% no-repeat padding-box;
}

.disel {
  background: #178739 0% 0% no-repeat padding-box;
}

.hydrogen {
  background: #424b57 0% 0% no-repeat padding-box;
}

.top-content {
  border-bottom: 1px solid #fff;
  height: 144px;
  padding: 4px;
  position: relative;
  overflow: hidden;
}

.bottom-content {
  text-align: center;
  font: normal normal 300 11px/19px Roboto;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  padding: 11px 17px;
  line-height: 14px;
}

.plan-name {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 11px;
  line-height: 12px;
  font-size: 12px;
  letter-spacing: 0px;
  color: #eb6e5f;
  opacity: 1;
  padding: 4px 5px;
  text-align: center;
}

.plan-symbols {
  width: 52px;
  height: 60px;
  position: absolute;
  right: 7px;
  bottom: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.plan-name-label {
  text-align: left;
  font-size: 12px;
  line-height: 9px;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  display: block;
  margin-bottom: 10px;
}

.plan-price {
  text-align: left;
  font-size: 24px;
  line-height: 21px;
  font-weight: 700;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  display: block;
  margin-bottom: 14px;
  white-space: nowrap;
  width: 99px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.plan-detail {
  padding: 13px 50px 12px 6px;
}

.plus .plan-name {
  color: #f15877;
}

.premium .plan-name {
  color: #2baa93;
}

.disel .plan-name {
  color: #178739;
}

.hydrogen .plan-name {
  color: #424b57;
}

.gasoline-main-bx {
  clear: both;
  width: 74%;
  margin: auto;
}

/*--------------------------------------------------------------
# willey Tyre Shop css- Desktop
--------------------------------------------------------------*/

ul.ps-list {
  display: flex;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

ul.ps-list li {
  margin: 24px 0px;
  padding: 0px;
  box-shadow: 0px 3px 6px #efefef;
  background-color: #fff;
  width: 30%;
  border-radius: 5px;
  overflow: hidden;
}

.ps-car-bg {
  height: auto;
  background-size: cover;
  display: flex;
  flex-direction: column;
  border-radius: 5px;
}

.shop-name p {
  width: 74%;
  text-align: center;
}

.shop-img {
  width: 100%;
  height: 195px;
}

.shop-img img {
  width: 100%;
  height: 100%;
}

.shop-name {
  background: #2e3e59;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shop-name p {
  padding: 0px;
  margin: 0px;
}

p.bs-name {
  color: #f96f6f;
  font-size: 12px;
  border-right: 1px solid #465c80;
  line-height: 15px;
  padding: 14px 0;
}

li.car-wash p.bs-name {
  color: #6fbdf9;
}

li.food-drinks p.bs-name {
  color: #f9f46f;
}

p.bs-star img {
  display: inline-block;
  text-align: center;
  margin: auto;
  width: 16px;
  height: 15px;
}

p.bs-star {
  color: #828fa5;
  font-size: 11px;
  border-right: 1px solid #465c80;
  margin: 18px;
}

p.bs-star span {
  color: #fff;
  font-size: 17px;
}

p.bs-from {
  color: #828fa5;
  font-size: 11px;
}

p.bs-from span {
  color: #81dae8;
  font-size: 17px;
  font-weight: 300;
}

.sn-title-bx {
  padding: 13px;
}

.sn-title {
  color: #343434;
  font-size: 14px !important;
}
.sn-title a {
 color: #343434;
 font-size: 14px !important;;
}

.sn-txt {
  color: #757575;
  font-weight: 300;
  line-height: 18px;
  padding-top: 8px;
  padding-bottom: 10px;
}

.sn-more {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 13px 13px 13px;
}
span.txt-price {
  font-weight: 500;
  font-size: 15px;
  color: #36aac5;
}

span.offer-off {
  background: #2e3e59;
  border: 1px solid #2e3e59;
  font-weight: 500;
  font-size: 12px;
  padding: 6px 11px;
  border-radius: 3px;
  margin: 0 0 0 14px;
  color: white;
}
.more-ltn {
  font-size: 12px;
  fill: #989898;
  color: #989898;
  font-size: 11px;
  font-weight: 300;
}

.sn-md a {
  color: #2e3e59;
  font-size: 11px;
  font-weight: 700;
  text-decoration: underline;
}

/*--------------------------------------------------------------
# Parking Rates Start- Desktop
--------------------------------------------------------------*/
.parking-h2 h2 {
  margin: 0px;
  padding: 8px 0;
}
p.last-updated {
  text-align: center;
  padding: 0px;
  margin: 0px;
  font-weight: 500 !important;
  color: #2e3e59 !important;
  font-size: 20px;
  padding-bottom: 26px;
}

.parking-table {
  height: 300px;
  margin-top: 19px;
}

.parking-table .table tr td {
  font-weight: 300;
  color: #2e3e59;
  padding: 11px 22px;
  border-bottom: 1px solid #ececec;
}
.parking-table .table tr:nth-child(even) {
  background: #fff;
}

.parking-table .table tr td:last-child {
  color: red;
  font-weight: 500 !important;
}
.mintues {
  font-size: 18px;
  font-weight: 300;
  border-radius: 4px;
  padding: 6px 0;
  text-align: center;
}
.mintues svg {
  margin: 0 0 0 13px;
  position: relative;
  top: 3px;
}
span.min-txt {
  font-weight: 500;
  padding: 0 18px 0 0;
}
span.price-txt {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
}
.flat-price-bx {
  display: flex;
  padding: 0px;
  margin: 0;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 6px;
}
.flat-bx {
  background: #2e3e59;
  width: 48%;
  height: 102px;
  margin: 9px 0;
  border-radius: 13px;
}
.flat-bx-orange {
  background: #f78f12;
}
.flat-bx h3 {
  background: #ffff;
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  height: 25px;
  width: 94%;
  margin: auto;
  border-radius: 9px;
  margin-top: 4px;
  line-height: 26px;
  color: #2e3e59;
}
.price-hours-bx {
  color: #fff;
  padding: 10px 10px;
  text-align: center;
}
.price-hours-bx span {
  font-size: 11px;
  color: #fff;
}
.price-hours {
  font-size: 30px;
  font-weight: 500;
  padding-top: 4px;
}
.price-hours span {
  font-size: 11px;
  font-weight: 300;
  padding: 0 0 0 8px;
}
.parking-table .table tr td svg {
  position: relative;
  top: 1px;
  fill: #2e3e59;
  margin-right: 4px;
}
.Parking-hrs {
  width: 100%;
  background-size: 100%;
  background-position: center center;
}

.Parking-hrs ul {
  display: flex;
  justify-content: center;
}

.Parking-hrs ul li {
  height: auto;
  width: 32%;
  margin: 0 50px;
}

/*--------------------------------------------------------------
# Services Offered css- Desktop
--------------------------------------------------------------*/

.services-offired h2 {
  font-size: 39px;
  color: #2e3e59;
  font-weight: bold;
  text-align: center;
}

.services-offired span {
  color: #f78f12;
}

.services-offired ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.services-offired ul li {
    /* padding: 20px 0px; */
    margin: 0 22px 10px 0;
    width: auto;
}

.services-offired ul li a {
  padding: 0;
  color: #2E3E59;
  border: 1px solid #D8D8D8;
  border-radius: 5px;
  display: block;
  padding: 20px;
  text-align: center;
  transition: all 0.3s;
  background: linear-gradient(to left, #fff 50%, #0E294F 50%) right;
  background-size: 201%;
  transition: .5s ease-out;
}

.services-offired ul li a:hover {
  background-position: left;
  box-shadow: -1px 5px 10px 0px rgb(6 6 6 / 19%);
  border: 1px solid #e5e4e4;
  color: #fff;
}

li.see-more a {
  /* 
    font-weight: 500;
    text-decoration: underline;
    border: none!important; */
  padding: 0;
  color: #1C72BE !important;
  border: 1px solid transparent !important;
  border-radius: 5px;
  display: block;
  width: 86%;
  padding: 20px;
  text-align: center;
  transition: all 0.3s;
  background: transparent !important;
}

li.see-more a:hover {
  background: transparent !important;
  box-shadow: none !important;
}

.services-offired p {
  color: #646565;
  line-height: 26px;
  font-weight: 300;
}

.updated-services h3 {
  font-size: 20px;
  font-weight: 700;
  color: #2e3e59;
  margin: 0px;
  padding: 6px 0px 0px 0;
}

.updated-services ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.updated-services ul li {
  color: #2e3e59;
  background: url(../images/updated-arrow.png) no-repeat;
  padding: 4px 32px;
  margin: 8px 0;
}

/*--------------------------------------------------------------
# Services Offered css- Desktop
--------------------------------------------------------------*/

.review-highlgt ul {
  display: flex;
  margin: 40px 0;
}

.review-highlgt ul li {
  padding: 0px;
  font-weight: 300;
  margin: 0 46px 0 0;
  width: 29%;
  line-height: 22px;
}

.hightlight-img {
  width: 138px;
  height: 125px;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 18px;
  display: block;
}

.hightlight-img img {
  width: 100%;
  height: 100%;
}

.review-highlgt ul li span {
  color: #f33232;
  font-weight: 500;
}

/*--------------------------------------------------------------
# About the Business css- Desktop
--------------------------------------------------------------*/

.about-business-bx {
  background: #fbeeee url(../images/about-b-bg.png) no-repeat;
  /* height: 296px; */
  background-size: cover;
}

.audience-targeting-bx {
  display: flex;
  /* height: 296px; */
  align-items: center;
}

.audience-targeting-img {
  width: 400px;
  height: 306px;
  /* box-shadow: 0px 3px 6px #000029; */
  border-radius: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  margin-right: 30px;
}
.gallery-business img {
    width: 400px;
    height: auto;
    border: 4px solid #f7cda4;
}
.audience-targeting-txt h3 {
  color: #2e3e59;
  font-size: 18px;
  font-weight: 500;
  padding: 0px;
  margin: 0px 0 10px 0;
  line-height: 24px;
}

.audience-targeting-txt h3 span {
  display: block;
  color: #aaaaaa;
  font-size: 14px;
  font-weight: 300;
}

.audience-targeting-txt p {
  color: #444444;
  font-size: 14px;
  font-weight: 300;
  padding: 0px;
  margin: 0px;
  line-height: 24px;
}

.audience-targeting-txt {
  display: flex;
  flex-direction: column;
  vertical-align: bottom;
  justify-content: start;
  /* height: calc(100% - 65px); */
  margin: 40px 0;
}
ul.abl-bx {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    position: relative;
    top: 19px;
}
li.arl-prev1, li.arl-next1 {
    background: rgb(247 143 18 / 33%);
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 35px;
    margin: 0 4px;
    fill: #f18708;
    border-radius: 3px;
}

/*--------------------------------------------------------------
# Location & Hours  css- Desktop
--------------------------------------------------------------*/

.location-hrs {
  background: url(../images/location.png) no-repeat;
  width: 100%;
  background-size: 100%;
  background-position: center center;
}

.location-hrs ul {
  display: flex;
  justify-content: center;
}

.location-hrs ul li {
  height: auto;
  width: 28%;
  margin: 0 50px;
}

.map-box {
  width: 100%;
  height: 180px;
  overflow: hidden;
}

.location-hrs ul li p {
  font-size: 15px;
  font-weight: 300;
  color: #313030;
  line-height: 18px;
  min-height: 36px;
}

.location-hrs ul li a {
  padding: 16px 0;
  text-align: center;
  font-size: 16px;
  font-weight: 300;
}

.lct-hots {
  height: 300px;
}

.lct-hots .table tr td {
  font-weight: 300;
  color: #2e3e59;
  padding: 11px 23px;
  border-bottom: 1px solid #ececec;
}

td.tbl-sun span {
  padding: 0 16px 0 0;
  border-right: 1px solid #d0caca;
}

td.tbl-sun a {
  fill: #2e3e59;
  margin: 0 0px 0 20px;
  color: #2e3e59;
  font-weight: 700 !important;
  font-family: "Roboto";
  transition: all 0.5s;
}

td.tbl-sun a svg {
  position: relative;
  top: 4px;
  margin-left: 0;
  margin-right: 3px;
}

td.tbl-sun a:hover {
  fill: #f78f12;
  color: #f78f12;
}

.lct-hots table tr:nth-child(even) {
  background: #fff;
}

/*--------------------------------------------------------------
# Ask The Community  css- Desktop
--------------------------------------------------------------*/

.ask-community-bx {
  background: #e9e8eb;
  height: 321px;
  padding: 0px;
  margin: 80px 0 0 0;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}

.ask-community-bx::before {
  content: "";
  position: absolute;
  top: 16%;
  background: #cdcfd7;
  height: 149px;
  width: 149px;
  border-radius: 50%;
  left: -74px;
}

.ask-community-bx::after {
  content: "";
  position: absolute;
  bottom: 16%;
  background: #cdcfd7;
  height: 107px;
  width: 107px;
  border-radius: 50%;
  right: -55px;
}

.ask-community-bx ul {
  display: flex;
  padding: 20px;
  align-items: center;
}

.ask-community-bx ul li:first-child {
  width: 26%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ask-community-bx ul li:last-child {
  width: 70%;
  align-items: flex-end;
}

.ask-community-bx ul li h3 {
  color: #2e3e59;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
}

.ask-community-bx ul li p {
  color: #717171;
  font-weight: 300;
  line-height: 24px;
  margin: 0px;
  padding: 0px;
}

.ask-community-bx ul li a {
  border: 1px solid #0e294f;
  color: #0e294f;
  font-weight: 300;
  height: 55px;
  width: 286px;
  display: inline-block;
  text-align: center;
  line-height: 52px;
  border-radius: 10px;
  margin-right: 37px;
  margin-top: 30px;
  transition: all 0.5s;
}

.ask-community-bx ul li a:hover {
  background: #1c396d;
  border: 1px solid #1c396d;
  color: #fff;
}

/*--------------------------------------------------------------
# Review Highlights start- Desktop
--------------------------------------------------------------*/

.auto-connection-bx {
  background: transparent linear-gradient(90deg, #fdefee 0%, #fef8f7 100%) 0% 0%
    no-repeat;
  height: auto;
  width: 100%;
}

.Infiniti-bx {
  display: flex;
  padding: 26px 0px;
  flex-wrap: wrap;
  width: 80%;
  margin: auto;
}

.rating-bx {
  width: 32%;
  height: auto;
  background: #fff;
  border: 1px solid #d6d8da;
  border-radius: 5px;
  padding: 24px 22px;
  margin: 14px 14px 14px 0px;
}

.rating-bx ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.rating-bx ul li {
  line-height: 24px;
}

.rating-bx ul li:last-child {
  width: auto;
  display: flex;
  flex-direction: column;
  flex: auto;
  align-items: flex-start;
  justify-content: center;
}

.rating-title {
  margin-top: 12px;
}

.rating-img {
  width: 96px;
  height: 96px;
  background: #f9dfe1;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  margin-right: 18px;
}

.rating-img img {
  width: 82px;
  height: 82px;
  margin: auto;
  overflow: hidden;
  border-radius: 50%;
}

.rating-title span {
  display: block;
  font-weight: 300;
  font-size: 12px;
  color: #797979;
  line-height: 23px;
}

.star-1 a {
  color: #e9677e;
  text-decoration: none;
  padding: 0 0px;
}
.star-1 p {
  color: #919191 !important;
  font-size: 12px !important;
  display: inline-block !important;
  font-weight: 400 !important;
}


/*--------------------------------------------------------------
# Ask-From start- Desktop
--------------------------------------------------------------*/
ul.ask-from {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top:0px
}
ul.ask-from li {
    /* border: 1px solid red; */
    width: 33.3333%;
    padding: 16px 14px;
}
li.w-100.btn-bx-review {
    display: flex;
    justify-content: center;
    text-align: center;
}
a.btn.btn-blue.add-review {
    width: 200px;
    margin: 0 12px;
    padding: 0;
}
a.btn.btn-blue.add-reviews {
    border: 1px solid #0e294f;
    color: #0e294f;
    font-weight: 300;  
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    transition: all 0.5s;
    background: transparent;
}
a.btn.btn-blue.add-reviews:hover {
    background: #0e294f;
    color: #fff
}


.inventory-googdeal svg {
    position: relative;
    top: 4px;
    margin: 0 0 0 4px;
}

.inventory-googdeal {
    background: #f3F9FB;
    height: 42px;
    border-radius: 5px;
    fill: #008246;
}

.inventory-googdeal ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 42px;
    margin-top: 10px
}

.inventory-googdeal ul li {
    padding:0px 5px;
}
.inventory-googdeal ul li.font-normal {
    font-size: 12px;
}
.inventory-googdeal ul li img {
    position: relative;
    top: 3px;
    right: -1px;
}

.li-goog-deal {
    color: #008246;
    font-size: 11px;
    font-weight: 500;
}
/*--------------------------------------------------------------
# Recommended Reviews start- Desktop
--------------------------------------------------------------*/

.recommended-bx {
  width: 75%;
  margin: auto;
}

.recomd-bx {
  width: 100%;
  height: auto;
  background: #fff;
  border: 1px solid #d6d8da;
  border-radius: 5px;
  padding: 24px 22px;
  margin: 12px;
}

.recomd-bx ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.recomd-bx ul li {
  line-height: 24px;
}

.recomd-bx ul li:nth-child(2) {
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.recomd-bx ul li:last-child {
  width: auto;
  flex: auto;
  text-align: right;
}

.recommended-title {
  margin-top: 12px;
  color: #3076b4;
}

.rating-img {
  width: 80px;
  height: 80px;
  background: #f9dfe1;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  margin-right: 18px;
}

.rating-img img {
  width: 72px;
  height: 72px;
  margin: auto;
  overflow: hidden;
  border-radius: 50%;
}

.recommended-title span {
  display: block;
  font-weight: 300;
  font-size: 14px;
  color: #797979;
  line-height: 23px;
}

.recomd-bx ul li p {
  font-weight: 300;
  color: #434343;
  font-size: 12px;
  margin: 0px;
}


.user-full span a {
  color: #424554;
  font-size: 14px;
  font-weight: 700;
  padding: 0 14px 0 20px;
}

.user-full span:last-child {
  border-right: none;
  position: relative;
}

.user-full span {
  border-right: 1px solid #d2d2d2;
  position: relative;
  left: -22px;
  top: 13px;
}

.edit-icon-bx {
  fill: #000;
  position: relative;
}

.dropdown-bx {
  position: relative;
}

.edit-dropdown {
  position: absolute;
  top: 30px;
  right: 0;
  background: white;
  padding: 0px 0px;
  box-shadow: 0 5px 6px 1px #bfbcbc;
}

.edit-dropdown a {
  text-align: left;
  display: flex;
  padding: 3px 13px;
  justify-content: flex-start;
  width: 174px;
  line-height: 34px;
  color: #464545;
  font-family: 'Roboto';
  font-weight: 500;
  border-bottom: 1px solid #edeaea;
}

.edit-dropdown a:last-child {
  border-bottom: none;
}

.edit-dropdown a:hover {
  background: #2e3e59;
  color: #fff;
}

.edit-dropdown a.active {
  background: #2e3e59;
  color: #fff;
}


/*--------------------------------------------------------------
# People Also Viewed css start - Desktop
--------------------------------------------------------------*/

.people-also-bx {
  width: 80%;
  margin: auto;
}

.what-our-seller-bx {
  width: 80%;
  margin: auto;
  padding-bottom: 40px;
}

.reward-bx {
  text-align: center;
  height: auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 35px 0;
  flex-direction: column;
}

.slick-dots li button:before {
  font-size: 42px;
  transition: all 0.4s;
  color: #c2c2c2;
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  width: 26px;
  background: #0f2950;
  color: transparent;
  opacity: 1;
  border-radius: 29px;
  height: 10px;
  top: 4px;
  transition: all 0.4s;
  left: -4px;
}

.tm-bx {
  width: 92%;
  min-height: 274px;
  background: #fff;
  box-shadow: 0px 3px 6px #00000012;
  margin: 0 50px;
  padding: 0px;
  border-radius: 8px;
}

.people-image {
  width: 100%;
  height: auto;
}

.people-image img {
  width: 100%;
  height: 100%;
}

.details-bx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 10px 20px;
}

.details-bx a {
  color: #094178;
  font-size: 12px;
  font-weight: 300;
}

.tm-bx span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tm-bx span a img {
  margin: 0 3px;
}

.tm-txt {
  color: #807d7d;
  font-size: 11px;
  font-weight: 300;
  line-height: 18px;
  margin: 0;
  padding: 0 0px;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 10px;
}

.people-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  padding-top: 8px;
}

.people-name h3 {
  font-size: 14px;
  font-weight: 600;
  color: #343434;
  margin: 0px;
  padding: 0px;
}

.people-name span a img {
  width: 13px;
  height: 13px;
}

/* .reward-sd .slick-current {
  transform: scale(1);
  margin-top: 0;
} */

ul.csl-arrow-bx {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -6px;
}

li.srl-prev {
  background: #e1e1e1;
  display: inline-block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  fill: #7d7d7d;
  margin: 0 10px;
  transition: all 0.5s;
}

li.srl-next {
  background: #e1e1e1;
  display: inline-block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  fill: #7d7d7d;
  transition: all 0.5s;
}

li.srl-next:hover,
li.srl-prev:hover {
  background: #2e3e5d;
  fill: #fff;
}

/*--------------------------------------------------------------
# Near Me css start - Desktop
--------------------------------------------------------------*/

.near-me-bx {
  display: flex;
}

.near-me-bx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
  border-top: 1px solid #dedad9;
  padding-top: 20px;
}

.near-bx1 h4 {
  color: #2e3e59;
  font-weight: 600;
  padding: 0 0 9px 0;
  margin: 0px;
  white-space: break-spaces;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 330px;
  min-height: 53px;
  display: flex;
  align-items: center;
}

.near-bx1 ul {
  padding: 0px;
}

.near-bx1 ul li {
  padding: 0px;
  margin: 0px;
}

.near-bx1 ul li a {
  color: #969aa1;
  font-weight: 300;
  line-height: 27px;
  font-size: 12px;
}

.near-bx1 ul li h5 {
  font-weight: 600;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  color: #2e3e59;
}

.frequently-ul li {
  margin: 0 0 15px 0 !important;
}

.frequently-ul li a {
  line-height: 16px !important;
}

/*--------------------------------------------------------------
# RightSide Popular-Services First row css- Desktop
--------------------------------------------------------------*/
.specials-bx {
  width: 92% !important;
  background: #fff;
  box-shadow: 0px 3px 6px #efefef;
  margin: 0 0 10px 0;
    border-radius: 5px
}

ul.ps-list1 {
  display: flex;
  padding: 0;
  margin: auto;
  flex-wrap: wrap;
  justify-content: center;
  width: 1260px;
}

ul.ps-list1 li {
  margin: 24px 16px;
  padding: 0px;
  box-shadow: 0px 3px 6px #efefef;
  background-color: #fff;
  width: 20%;
  border-radius: 5px;
  overflow: hidden;
}

.ps-car-bg1 {
    height: auto;
    background-size: cover;
    display: flex;
    position: relative;
    overflow: hidden;
}

.shop-name1 p {
  width: 92%;
  text-align: center;
}

.shop-img1 {
  width: 100%;
  position: relative;
}

.shop-video-bx {
  position: relative;
  cursor: pointer;
}

.shop-video-bx::before {
  content: "";
  position: absolute;
  background: url(../images/video-icon.png);
  width: 66px;
  height: 66px;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e7e7e782;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

a.close-arrow {
  position: absolute;
  top: -27px;
  right: 0;
  background: white;
  width: 30px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px 6px 0 0;
}

a.close-arrow img {
  width: 18px;
  padding: 3px;
}

.shop-img1 img {
  width: 100%;
  height: 100%;
}

.shop-name1{
    background: #2e3e59;
    height: auto;
    width: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 35px;
    position: absolute;
    right: 0;
    height: 99.5%;
}

.shop-name1 p {
  padding: 0px;
  margin: 0px;
}

p.bs-name1 {
  color: #f96f6f;
  font-size: 11px;
  border-bottom: 1px solid #465c80;
  line-height: 15px;
  padding: 14px 0;
}

li.car-wash1 p.bs-name1 {
  color: #6fbdf9;
}

li.food-drinks1 p.bs-name {
  color: #f9f46f;
}

p.bs-star1 img {
  display: block;
  text-align: center;
  margin: auto;
}

p.bs-star1 {
    color: #828fa5;
    font-size: 11px;
    border-bottom: 1px solid #465c80;
    margin: 7px 0;
    line-height: 26px;
}

p.bs-star1 span {
  color: #fff;
  font-size: 17px;
}

p.bs-from1 {
  color: #828fa5;
  font-size: 11px;
}
p.bs-from1 span{
    display: block;
    line-height: 0
}

p.bs-from1 span {
  color: #81dae8;
  font-size: 15px;
  font-weight: 300;
}

.sn-title-bx1 {
  padding: 13px;
}

.sn-title1 {
  color: #343434;
}

.sn-txt1 {
  color: #757575;
  font-weight: 300;
  line-height: 18px;
  padding-top: 8px;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 10px;
}

.sn-more1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 13px 13px 13px;
}

.more-ltn {
  font-size: 12px;
  fill: #989898;
  color: #989898;
  font-size: 11px;
  font-weight: 300;
}

.sn-md1 a {
  color: #2e3e59;
  font-size: 11px;
  font-weight: 700;
  text-decoration: underline;
}

/*--------------------------------------------------------------
# About the Business css- Desktop
--------------------------------------------------------------*/

.main-about-bx {
  width: 75%;
  margin: auto;
}

.about-business-bx1 {
  background: #feefe0;
  height: auto;
  padding: 22px;
  border: 1px solid #e9e9e9;
}

.audience-targeting-bx1 {
  display: flex;
  height: auto;
  align-items: center;
}

.audience-targeting-img1 {
  width: 199px;
  height: 199px;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  margin-right: 30px;
}
.audience-targeting-img1 img {
    width: 100%;
    height: 100%;
}
.audience-targeting-txt1 h3 {
  color: #2e3e59;
  font-size: 24px;
  font-weight: 500;
  padding: 0px;
  margin: 0px 0 10px 0;
  line-height: 27px;
}

.audience-targeting-txt1 h3 span {
  display: block;
  color: #aaaaaa;
  font-size: 14px;
  font-weight: 300;
}

.audience-targeting-txt1 p {
  font-family: "Roboto";
  font-size: 16px;
  line-height: 28px;
  color: #6c6868;
  margin: 0px;
  padding: 0px;
}

.audience-targeting-txt1 p a {
  color: #007bd3;
  display: block;
  font-size: 14px;
  padding-top: 11px;
  font-weight: 400;
}

.audience-targeting-txt1 {
  display: flex;
  flex-direction: column;
  vertical-align: bottom;
  justify-content: start;
  height: calc(100% - 97px);
}




/*--------------------------------------------------------------
# Report Login Popup start 
--------------------------------------------------------------*/
img.login-logo {
  width: 158px;
  height: 39px;
}

.login-title {
  left: 0px;
  position: relative;
  font-size: 18px !important;
}

.close-button img {
  width: 13px;
  filter: opacity(0.5);
  cursor: pointer;
}

ul.paypal-ul {
  display: flex;
  padding: 16px 0 6px 0;
  margin: 0px;
}

ul.paypal-ul li {
  padding: 0 30px 0 0;
}

ul.paypal-ul li .radio-container {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  padding-left: 28px;
}

ul.paypal-ul li .checkbx {
  margin: 0px;
  padding: 0px;
}

ul.login-report li {
  height: 110px;
  position: relative;
}
i.eye-icon, i.eye-password{
  position: absolute;
  top: 44px;
  right: 13px;
  cursor: pointer;
}
ul.login-report li input.input-box {
  background: #e9e9e9;
  height: 50px;
}

ul.login-report li .from-group label {
  padding: 0px;
  color: #302f2f;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 0 7px 0;
}

.login-btn-report {
  border-radius: 6px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  width: 195px;
  margin-bottom: 10px;
}

#overlay.active {
  z-index: 99;
}
.margin-bottom {
  margin-bottom: 7px;
}

.dealer-text {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: auto;
  margin-bottom: 5px;
  padding-top: 5px;
}
.dealer-text a {
  border-right: 1px solid #c1c1c1;
  color: #0f61dd;
  padding: 1px 6px;
  font-size: 12px;
}

.dealer-text a:last-child {
  border-right: none;
}

.dealer-text a:hover {
  color: #102850;
}

.auction-img{
    height: auto!important
}
/*--------------------------------------------------------------
# Report Login Popup ends 
--------------------------------------------------------------*/

/*La autoboro*/

  /* social links */
#app {
  margin: 20px auto;
}

.st-custom-button[data-network] {
  background-color: #0adeff;
  display: inline-block;
  padding: 5px 10px;
  cursor: pointer;
  font-weight: bold;
  color: #fff;
}
.st-custom-button[data-network]:hover,
.st-custom-button[data-network]:focus {
  text-decoration: none;
  background-color: #00c7ff;
}

/* popup*/
.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: 200ms ease-in-out;
    border: 1px solid black;
    border-radius: 10px;
    z-index: 999;
    background-color: white;
    width: 600px;
    max-width: 80%;
}

.thisrow a
{
    background-color: #102850;
    display: inline-block;
    padding: 8px 12px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #102850;
}
.close-btn
{
    background-color: #333;
    display: inline-block;
    padding: 8px 12px;
    cursor: pointer;
    color: #fff;
    font-weight:bold;
    border: 1px solid #666;
    float: right;
    margin-bottom:20px;
}

.dealer_to_dealer_wrap, .deals_of_day_wrap
{
	margin-top: 10px;
  display: none;
  color:#1f8b1e;
  font-weight:bold;
}

.dealer_to_dealer_price, .deals_of_day_price
{
	margin-top: 8px;
  padding: 5px;
}

.dealer_to_dealer_submit, .deals_of_day_submit
{
    background-color: #102850;
    display: inline-block;
    padding: 6px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #102850;
}

.facebook
{
  background-color: #4267B2 !important;
}
.twitter
{
  background-color: #00ACEE !important;
}
.yahoomail
{
  background-color: #53308f !important;
}
.whatsapp
{
  background-color: #25D366 !important;
}
.telegram
{
  background-color: #229ED9 !important;
}
.sharethis
{
  background-color: #e58823 !important;
}
.lct-hots {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    flex-direction: column
}
.box-border
{
    border: 1px solid #d6d8da;
}
 .lct-hots p {
    font-size: 24px!important;
    font-weight: 500 !important;
    text-align: center !IMPORTANT;
    margin: 36px 0 0 0;
    padding: 0px 10px;
    line-height: 27px !important;
    color: #102850 !important;
    text-transform: uppercase;
}
.lct-hots p span{
    color:#f78f12;
}
.lct-hots img {
    width: 50%;
}    
    


/*--------------------------------------------------------------
# Favourites Recommended for you Slider Css Start- Desktop
--------------------------------------------------------------*/

.save-search-slider {
    position: relative;
    width: 100%;
    margin: auto;
    padding-bottom: 30px;
    margin-top: 17px;
}

.save-search-sl {
    margin: auto;
}

.actinon-main {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.Auction-box {
    background: #fff;
    height: auto;
    width: 92%!important;
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    padding: 15px;
    margin: 0px;
    margin-bottom: 10px;
    margin-left: 8px;
}

.auction-img {
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
}

.auction-img img {
    object-fit: cover;
    margin: auto;
    width: 100%;
    height: 100%;
}

.auction-text {
    border-top: 1px solid #D9E1E9;
    margin: 15px 0 0 0;
}
.auction-text a {
    color: #343434;
    font-size: 14px;
}

.auction-text p {
    font-size: 13px;
    font-weight: 500;
    padding: 8px 0 6px 0;
    margin: 0px;
}

.auction-text span {
    padding: 0 8px 0 0;
    font-size: 12px;
    font-weight: 500;
    margin: 6px 0px 0px 0px;
    display: inline-flex;
}

span.acution-span {
    position: relative;
    top: 4px;
}

.auction-text span i,
.auction-text span img {
    padding: 0 6px 2px 0;
}

ul.save-arrow-bx {
    position: absolute;
    top: 40%;
    width: 100%;
}

.search-prev {
    fill: #BEBFBF;
    position: absolute;
    left: -10px;
    background: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 1px 2px 3px #0000002e;
    transition: all 0.5s;
}

.search-next {
    position: absolute;
    right: -7px;
    top: 0;
    fill: #BEBFBF;
    background: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: -2px 3px 3px 0px #0000002e;
    transition: all 0.5s;
}

.search-next:hover,
.search-prev:hover {
    background: #e3e0e0;
}

.save-gooddeal ul li:last-child {
    display: flex;
    align-items: center;
}

.save-gooddeal ul li:last-child svg {
    top: 0;
    left: 4px;
}    


a.favourites-more {
    color: #ffff;
    padding: 12px 36px;
    border-radius: 5px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    margin-bottom: 60px;
}






/*--------------------------------------------------------------
# Mobile css
--------------------------------------------------------------*/

@media (max-width: 1660px) {
  .gas-station-gallery {
    width: 100%;
  }
  .product-gallery {
    height: auto;
    max-height: 355px;
    min-height: 279px;
    overflow: hidden;
  }
  .location-hrs ul li {
    width: 33%;
  }
  .Infiniti-bx {
    width: 90%;
  }
  .recommended-bx {
    width: 80%;
  }
  .sticky-top.sticky ul {
    width: 71%;
  }
  .people-image {
    width: 100%;
    height: auto;
  }
  /* .shop-img1 {
    width: 190px;
  } */
  /* ul.ps-list1 li {
    width: 290px;
    margin: 24px 18px;
  } */
  .main-about-bx {
    width: 92%;
  }
  .audience-targeting-txt1 p {
    line-height: 24px;
  }
}
@media (max-width:1199px) {
    .near-bx1 h4 {
        min-height: inherit;
    }
    .main-rq-bx {
        margin: 30px 0;
    }
    
    .user-social-detail ul li {
        margin: 10px 0;
        padding: 0px 12px;
    }
    .user-social-detail ul li a svg {
        width: 20px;
    }
    .services-offired h2 {
        font-size: 34px;
    }
    .language-bx {
        max-width: inherit;
        width: 92%;
    }
    .language-bx .hrs.font-20 {
        font-size: 16px!important;
    }
    .r-quote-bx a.btn.btn-blue.p-t-15.p-b-15 {
        padding: 10px 12px!important;
    }
    .gasoline-main-bx {
        width: 90%;
    }
    .people-also-bx {
        width: 90%;
    }
    .ask-community-bx ul li a {
        width: 260px;
        margin-right: 20px;
    }
    .ask-community-bx::before {
        height: 116px;
        width: 116px;
    }
    .sticky-top.sticky ul li {
        padding: 0 20px;
    }
    .near-bx1 h4 {
        min-height: inherit;
        width: auto;
    }
    .services-offired ul li a {
        width: 95%;
        padding: 20px 10px;
    }
    .user-detail h1,
    .plan-price {
        font-size: 22px;
    }
    p.bs-star1 {
        margin: 6px;
    }
    p.bs-from1 {
        line-height: 20px;
    }
    .user-social-detail ul {
        margin: 30px 0 0;
    }
    ul.gasoline-gride li {
        width: 150px;
        margin: 0 12px;
    }
    .plan-symbols {
        width: 44px;
    }
    .title2 {
        font-size: 34px;
    }
    .people-name h3{
        font-size: 13px;
    }
    .tm-bx span a img{
        margin: 0 0;
    }
    .tm-txt{
        font-size: 11px
    }
    
}

@media (max-width:991px) {
    ul.gasoline-gride li {
        width: 180px;
        margin: 0 12px 20px;
    }
    .user-common-detail {
        display: block;
        width: 100%;
        margin: 0 0 30px;
    }
    .user-social-detail {
        width: 100%;
    }
    .user-info-box {
        margin: 40px 0;
        display: block
    }
    .services-offired h2 {
        font-size: 30px;
    }
    .r-quote-bx {
        width: 33%!important;
        margin-right: 10px;
    }
    .location-hrs ul li {
        margin: 0 20px;
    }
    .ask-community-bx ul li a {
        width: 180px;
        margin-right: 10px;
    }
    .ask-community-bx ul li img {
        width: 100%;
    }
    .ask-community-bx ul li:first-child {
        width: 23%;
        margin-right: 14px;
    }
    .ask-community-bx ul li:last-child {
        width: 74%;
    }
    .people-name {
        padding: 8px;
    }
    .people-name h3 {
        font-size: 13px;
        line-height: 20px;
        text-align: left;
    }
    .details-bx {
        padding: 0 10px 10px 10px;
        text-align: left;
    }
    ul.response-time li .font-24 {
        font-size: 18px !important;
    }
    .language-bx .hrs.font-20 {
        font-size: 14px!important;
    }
    .ask-community-bx ul li a {
        height: 45px;
        line-height: 45px;
        border-radius: 6px;
    }
    .near-me-bx {
        align-items: inherit;
    }
    .near-bx1 h4 {
        font-size: 16px;
    }
    .near-me-bx .near-bx1 {
        margin-right: 18px;
    }
    .near-bx1 ul li a {
        line-height: 23px;
    }
    .services-offired ul li {
        width: 24%;
    }
    .modal.active#modal_dealer_contact {
        top: 32%;
    }
    .input-crtf1,
    .certified-from p {
        font-size: 14px;
    }
    ul.request-bx li span svg {
        width: 15px;
        vertical-align: top;
    }
    .Parking-hrs ul li {
        width: 44%;
        margin: 0 20px;
    }
    .parking-table {
        height: auto;
    }
    .user-pic{
        float: left
    }
    .audience-targeting-bx {     
        height: auto;        
        padding-top: 20px;
    }
    .location-hrs ul li{
        width: 42%
    }
    .about-business-bx{
        padding-bottom: 20px;
        height: auto
    }
}

@media (max-width:767px) {
    ul.abl-bx{
        top:-10px
    }
    ul.gasoline-gride li {
        width: 40%;
    }
    .modal.active#modal_dealer_contact {
        top: 45%;
    }
    .r-quote-bx {
        width: 94%!important;
        margin: 25px auto;
        padding: 25px 20px;
    }
    .across-town-bx img {
        width: auto;
    }
    .main-rq-bx {
        display: block;
    }
    .near-bx1 h4,
    .mintues {
        line-height: 23px;
        font-size: 16px;
    }
    .language-bx {
        width: 100%;
    }
    .services-offired ul li a {
        font-size: 12px;
        width: 100%;
        padding: 20px 10px;
    }
    .services-offired h2 {
        font-size: 24px;
        text-align: left;
    }
    #about-business .services-offired h2 {
        margin: 0 14px 20px;
    }
    .recommended-bx {
        width: 100%;
    }
    .about-business-bx {
        margin: 0 14px;
        min-height: inherit;
    }
    .certified-checkbx {
        margin: 18px 0;
    }
    .modal.review-popup.active {
        transform: translate(-50%, -30%) scale(1);
    }
    .certified-from p,
    .input-crtf1 {
        font-size: 14px;
    }
    #contact_dealer_form_popup {
        height: 400px;
        overflow-y: auto;
    }
    #contact_dealer_form_popup .btn-blue {
        font-size: 14px!important;
        height: 45px;
        line-height: 0;
        width: 100%!important;
    }
    #contact_dealer_form_popup ul.request-bx {
        padding: 0px 0 15px 0;
    }
    p.submitting {
        font-size: 12px;
        line-height: 21px;
    }
    .services-offired ul li {
        padding: 6px 0px;
        margin: 0 10px 10px 0;
        width: 22%;
    }
    .location-hrs ul li {
        width: 100%;
        margin: 0;
    }
    .lct-hots .table tr td {
        padding: 6px 20px;
        font-size: 14px;
    }
    
    .near-me-bx {
        display: block;
    }
    .near-me-bx .near-bx1 {
        margin-bottom: 20px;
    }
    .recomd-bx ul li:nth-child(2) {
        width: 100%;
    }
    .location-hrs ul {
        display: block;
    }
    .lct-hots {
        height: auto;
        margin: 20px 0 0;
    }
    .ask-community-bx {
        margin: 40px 0 0 0;
    }
    .tagline {
        font-size: 15px;
    }
    .people-image {
        height: auto;
    }
    .parking-table .table tr td {
        padding: 11px;
    }
    .price-hours {
        font-size: 24px;
    }
    #about-business {
        margin-top: 2rem;
    }
    .parking-table .table tr td {
        font-size: 14px;
    }
    p.last-updated {
        font-size: 18px;
    }
    .title2 {
        font-size: 30px;
    }
    ul.gasoline-gride {
        margin: 24px 0 0 0;
    }
    .audience-targeting-txt p {
        padding: 0 10px;
        max-height: 140px;
        overflow: auto;
    }
    .map-box img{
        width: 100%
    }
    .audience-targeting-bx1 {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
    .audience-targeting-txt1{
        margin-top: 25px;
    }
   ul.save-arrow-bx{
        display: none
    }

    .gallery-business img {
      width: 342px;
  }
}

@media (max-width:630px) {
    .user-pic{
        float: none;
    }
    .rlt-bx{
        width: auto
    }
    a.website-link{
        justify-content: center
    }
    
    .office-timing{
        justify-content: center;
        align-items: center
    }
    ul.gasoline-gride {
        margin: 14px 0 0 0;
    }
    .title2 {
        font-size: 25px;
    }
    .plan-name {
        padding: 7px 5px;
    }
    ul.gasoline-gride li {
        width: 80%;
        height: auto;
        margin: 0 0 20px;
        padding: 10px;
    }
    .user-social-detail ul li a svg {
        width: 16px;
        height: 16px;
    }
   
    .user-social-detail ul li {
        margin: 0;
        padding: 0px 20px;
        border-right: none;
    }
    .user-social-detail ul li a {
        font-size: 12px;
    }
    .user-social-detail ul li #st-1.st-has-labels .st-btn {
        padding: 0;
        min-width: 34px!important;
        width: 34px!important;
    }
    .user-social-detail ul li #st-1 .st-btn>span {
        min-width: 45px!important;
        display: block!important;
    }
    .Parking-hrs ul {
        display: block;
    }
    .Parking-hrs ul li {
        width: 100%;
        margin: 0 0 20px;
    }
   
    .modal.review-popup.active {
        transform: translate(-50%, -60%) scale(1);
    }
    ul.request-bx li span {
        font-size: 14px;
        padding: 0;
        margin: 10px 0 0;
        display: block;
    }
    ul.request-bx li,
    ul.request-bx,
    .certified-checkbx {
        display: block;
    }
    ul.request-bx li {
        font-size: 14px;
        display: block;
        padding: 0;
        margin: 0 0 10px;
    }
    .certified-checkbx label {
        font-size: 14px;
        margin: 0 0 10px;
    }
    .main-rq-bx {
        display: block;
    }
    .near-bx1 ul li p {
        text-align: justify;
    }
    .user-detail .user-pic {
        width: 100px;
        height: 100px;
        margin: auto;
    }
    .user-detail,
    .audience-targeting-bx {
        text-align: center;
        display: block;
    }
    .title6,
    .services-offired ul li a {
        font-size: 14px;
    }
    .services-offired ul li,
    .location-hrs ul li {
        width: 100%;
        margin: 0;
    }
    .recomd-bx ul{
        justify-content: center
    }
    .recomd-bx ul li:nth-child(2){
        align-items: center;
        justify-content: center
    }
    .ask-community-bx ul li:last-child {
        width: 100%;
        text-align: center;
    }
    .ask-community-bx ul li:first-child {
        width: 50%;
        margin: 24px auto;
    }
    .ask-community-bx ul li a {
        width: 100%;
        margin-top: 14px;
    }
    .position-site {
        justify-content: center;
    }
    .near-me-bx,
    .ask-community-bx ul,
    .location-hrs ul,
    .services-offired ul,
    .audience-targeting-bx {
        display: block;
    }
    .ask-community-bx {
        height: auto;
        margin: 34px 0;
        border-radius: 14px;
    }
    .audience-targeting-img {
        margin: 24px auto;
    }
    .location-hrs ul li {
        margin: 0;
    }
    .lct-hots {
        height: auto;
        margin: 20px 0 0;
    }
   .user-social-detail ul {
        flex-wrap: wrap;
        justify-content: center;
        border: 1px solid #ebebeb;
        padding: 10px;
       background: #fff;
    }
    .ask-community-bx::after,
    .ask-community-bx::before {
        display: none;
    }
    .user-detail h1,
    .services-offired h2 {
        font-size: 20px;
    }
    .location-hrs ul li a {
        padding: 10px 0;
        font-size: 14px;
    }
    .textarea-bx button.btn.btn-blue {
        width: 100%;
        height: 45px;
        line-height: 0;
    }
    .near-me-bx .near-bx1 {
        margin-right: 0;
        margin-bottom: 18px;
    }
    .reward-bx {
        padding: 0px;
         margin: 0 0 27px 0 ;
    }
    .user-full span a {
        padding: 0 10px 0 10px;
    }
    .user-full span {
        left: -5px;
    }
    p.last-updated {
        font-size: 16px;
        text-align: left;
    }
    .ps-list1.specials-slider{
        text-align: center;
        margin: auto
    }
    .about-business-bx{
        height: auto;
        padding-bottom: 20px
    }
    .audience-targeting-txt p{
        height: auto;
    }
    .tm-bx{
        width: 100%
    }
    ul.ask-from li {
        width: 100%;
        padding: 9px 0px;
    }
    li.w-100.btn-bx-review{
        flex-wrap: wrap
    }
    a.btn.btn-blue.add-review {
      margin: 0 0 16px 0;
    }    
    .modal.b-0.w-40.vin_numbers {
        width: 100% !important;
    }
    ul.paypal-ul li{
        padding: 0 11px 0 0;
    }
    ul.paypal-ul li .checkbx label {
        font-size: 14px;
    }
    .dealer-text a {
        padding: 3px 6px;
        font-size: 10px;
    }
    
   
}
/* Slider Css Start */