@font-face {

  font-family: HPSimplified-Regular;

  src: url(../fonts/HPSIMPLIFIED_RG.TTF);

  font-display: swap

}

@font-face {

  font-family: HPSimplified-bold;

  src: url(../fonts/HPSIMPLIFIED_BDIT.TTF);

  font-display: swap

}

@font-face {

  font-family: HPSimplified-Light;

  src: url(../fonts/HPSIMPLIFIED_LT.TTF);

  font-display: swap

}

@font-face {

  font-family: Lato Regular;

  src: url(../fonts/Lato-Reg.ttf);

  font-display: swap

}

@font-face {

  font-family: Opensans;

  src: url(../fonts/OpenSans-Regular.ttf);

  font-display: swap

}

.no-gutters .col-block {background-color: #f2f2f2;}

.featured_product_scroll .desktop-banner, .banner-desktop {display: block;}

.featured_product_scroll .mobile-banner, .banner-mobile {display: none;}

@media only screen and (max-width:767px) {

.featured_product_scroll .desktop-banner, .banner-desktop {display: none;}

.featured_product_scroll .mobile-banner, .banner-mobile {display: block;}

}

.modal-header {

  display: block;

  text-align: center;

  border: 0

}

.modal button.close {

  position: absolute;

  right: 10px;

  top: 0;

  font-size: 40px;

  font-weight: 100;

  color: #929292;

  text-shadow: none;

  opacity: 1

}

.modal-body .form-group {

  width: 50%;

  float: left;

  padding: 0 15px

}

label.control-label {

  color: #505050;

  font-family: HPSimplified-Regular;

  font-size: 14px;

  margin-bottom: 5px

}

.required {

  color: #fb4e4e

}

.modal-body .form-control {

  border-radius: 0;

  padding: 7px 12px;

  height: auto

}

.modal-body .btn, .modal-body .btn:hover, .modal-body .btn:active, .modal-body .btn:focus {

  width: 100%;

  background: #0096d6 !important;

  border-radius: 0;

  padding: 8px;

  font-size: 15px;

  border-color: #0096d6 !important

}

h1.modal-title {

  color: #f35727;

  font-size: 36px;

  margin-top: 15px;

  margin-bottom: 10px

}

.modal-header p {

  font-size: 18px;

  color: #0096d6;

  line-height: 1.1;

  margin-bottom: 10px

}

.offer-area img, header a img, .feature-product a img, .responsive-header a img { /*opacity:0;display:none*/

}

.loaders.hide-loader {

  display: none

}

.offer-area .loaders, .feature-product a .loaders {

  display: block

}

.offer-area .loaders.hide-loader-banner, .feature-product a .loaders.hide-loader {

  display: none

}

.loaders {

  width: 100%;

  box-sizing: border-box;

  display: flex;

  flex: 0 1 auto;

  flex-direction: row;

  flex-wrap: wrap

}

.loaders .loader {

  box-sizing: border-box;

  display: flex;

  flex: 0 1 auto;

  flex-direction: column;

  flex-grow: 1;

  flex-shrink: 0;

  height: 54px;

  align-items: center;

  justify-content: center

}

.offer-area.mt-3.mt-md-0 a .loaders .loader, .offer-area.mt-3.mt-md-0 .loaders .loader {

  height: 381px

}

@keyframes ball-beat {

  50% {

    opacity: .2;

    -webkit-transform: scale(0.75);

    transform: scale(0.75)

  }

  100% {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)

  }

}

.ball-beat > span {

  background-color: #0196d8;

  width: 15px;

  height: 15px;

  border-radius: 100%;

  margin: 2px;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  display: inline-block;

  -webkit-animation: ball-beat .7s 0s infinite linear;

  animation: ball-beat .7s 0s infinite linear

}

.ball-beat > span:nth-child(2n-1) {

  -webkit-animation-delay: -0.35s !important;

  animation-delay: -0.35s !important

}

.ball-beat > span:nth-child(2n-1) {

  -webkit-animation-delay: -0.35s !important;

  animation-delay: -0.35s !important

}

body {

  font-family: HPSimplified-Regular, Arial;

  font-size: 14px;

  color: #505050

}

a {

  color: #505050;

  text-decoration: none

}

a:hover {

  color: #0196d8;

  text-decoration: none

}

*:focus {

  text-decoration: none;

  outline: 0

}

.g-recaptcha {

  transform: scale(0.78);

  transform-origin: 0 0

}

.error-box-show-outlet {

  text-align: center;

  padding: 12px;

  font-size: 30px;

  position: fixed;

  z-index: 9999999;

  top: 200px;

  width: 100%;

  background: rgba(255, 255, 255, 0.9)

}

.error-box-show-outlet p {

  padding: 0;

  margin: 0

}

.error-box-show-outlet a {

  color: #ed1b24

}

.bookAnappointment {

  position: fixed;

  bottom: 0;

  right: 102px;

  z-index: 9999999999;

  border: 1px solid #bfbfbf;

  border-bottom: 0

}

.successMsgToBusinessOwner, .successMsgToBusinessOwnerLead {

  background: #d5eaca;

  border: 1px solid #accb9d;

  color: #205a02;

  padding: 5px;

  text-align: center

}

.errorMsgToBusinessOwner, .errorMsgToBusinessOwnerLead {

  background: #fbe7e7;

  border: 1px solid #ebbcbc;

  color: #a91414;

  padding: 5px;

  text-align: center

}

.bookAnappointment .bookAnappointmentButtonForm input {

  width: 100%;

  margin-bottom: 20px;

  padding: 7px;

  color: #333;

  background: #ececec;

  outline: 0;

  border: 0

}

.bookAnappointment .errorMsg {

  margin-top: -21px;

  font-size: 12px

}

.alert {

  text-align: center

}

.alert-danger {

  color: #d60619

}

.alert-success {

  color: #039224

}

.pagination {

  float: right

}

.nearby-outlets-section {

  clear: both

}

.nav-link a:focus, .nav-link a:hover {

  color: #fff;

  opacity: .5

}

.nav-link.social-icons a:focus, .nav-link.social-icons a:hover {

  opacity: 1

}

img {

  max-width: 100%

}

ul li.prev a:hover, ul li.next a:hover, ul li.page-item a:hover {

  color: #fff;

  background: #0196d8

}

ul li.page-item:first-child {

  margin-left: 0

}

ul li.page-item {

  margin: 0 5px

}

ul li.prev a, ul li.next a, ul li.page-item a {

  padding: 3px 9px;

  color: #505050;

  border: 1px solid #0196d8;

  border-radius: 5px;

  display: inline-block

}

ul li.current.page-item {

  background: #0196d8;

  color: #fff;

  padding: 2px 9px;

  border: 1px solid #0196d8;

  border-radius: 5px

}

.text-primary:hover {

  color: #e20e0e !important

}

.card, img.card-img-top {

  border-radius: 0

}

.am-icon {

  vertical-align: middle;

  width: 25px;

  height: 25px;

  display: inline-block;

  background: url("../images/amenities_icon.png");

  background-repeat: no-repeat

}

.am-icon.ai-about {

  background-position: 0 -2px

}

.am-icon.ai-ratings {

  background-position: 0 -34px

}

.am-icon.ai-reviews {

  background-position: 0 -61px

}

.am-icon.ai-clock {

  background-position: 0 -90px

}

.am-icon.ai-parking {

  background-position: 0 -148px

}

.am-icon.ai-payment {

  background-position: 0 -197px

}

.am-icon.ai-categories {

  background-position: 0 -248px

}

.am-icon.ai-tags {

  background-position: 0 -276px

}

.am-icon.ai-stores {

  background-position: 0 -222px

}

.am-icon.ai-locality {

  background-position: 0 -118px

}

.am-icon.ai-nearby {

  background-position: 0 -118px

}

.am-icon.ai-check {

  background-position: 0 -172px

}

span.business-content {

  padding: 0 15px

}

.section-heading {

  position: relative;

  font-size: 35px;

  margin-bottom: 20px;

  color: #000;

  font-family: HPSimplified-Regular, Arial;

  border-bottom: 3px solid #0f9cd8;

  line-height: 1.35;

  display: inline-block

}

.card.other-stores.pluscode a.state-link {

  font-family: HPSimplified-Light

}

.about-text p {

  font-size: 14px;

  margin-bottom: 15px;

  font-family: HPSimplified-Light

}

button:focus {

  outline: 0

}

.section-heading::after, .section-heading::before {

  position: absolute;

  content: " ";

  background: transparent;

  width: 100%;

  height: 1px;

  top: 45%;

  z-index: -1

}

.section-heading::after {

  left: 0

}

.section-heading::before {

  right: 0

}

.line-behind {

  background: transparent

}

.sub-heading {

  font-size: 27px;

  margin: 0;

  color: #0694e5;

  font-family: HPSimplified-Light

}

.btn {

  font-size: 13px;

  border-radius: 0

}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus, .btn-outline-primary.focus, .btn-outline-primary:focus, .btn.focus, .btn:focus {

  box-shadow: none

}

.btn-o-primary {

  color: #f4790b;

  border-color: #f4790b;

  background: #fff;

  text-transform: none;

  border-radius: 0;

  padding: 3px 5px !important;

  font-family: lato;

  font-size: 12px

}

.btn-o-primary:hover, .btn-o-primary:focus, .btn-o-primary:active {

  color: #f4790b

}

.btn-primary {

  color: #fff;

  background: #f4790b;

  border-color: #f4790b

}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {

  /* background: #e0710d !important;

  border-color: #e0710d !important */

}

.btn-primary:focus {

  color: #fff;

  box-shadow: none !important

}

.rating-card .card-body .btn-o-primary {

  padding: 3px 15px

}

.social-icons {

  margin: 0;

  padding: 0

}

.social-icons li {

  list-style-type: none;

  display: inline-block;

  vertical-align: middle

}

.social-icons li .social-icon {

  margin: 0px;

  list-style-type: none;

  display: block;

  border: 1px solid transparent

}

.social-icons .social-icon {

  border-radius: 50%;

  vertical-align: middle;

  border: 0;

  width: 26px;

  height: 26px;

  display: inline-block;

  background: url("../images/social-icons.png");

  background-repeat: no-repeat

}

.social-icons .social-icon:hover {

  background: url("../images/social-icons-hover.png");

  background-repeat: no-repeat;

  -webkit-transition: all ease .3s;

  -moz-transition: all ease .3s;

  -o-transition: all ease .3s;

  -ms-transition: all ease .3s;

  transition: all ease .3s

}

.social-icons .social-icon.facebook {

  background-position: 4px 0

}

.social-icons .social-icon.google {

  background-position: -18px 0

}

.social-icons .social-icon.linkedin {

  background-position: -142px 0

}

.social-icons .social-icon.twitter {

  background-position: -41px 0

}

.social-icons .social-icon.youtube {

  background-position: -90px 0

}

.social-icons .social-icon.clientwebsite {

  background-position: -286px 0

}

.social-icons .social-icon.websiteurl {

  background-position: -116px 0

}

.social-icons .social-icon.pinterest {

  background-position: -142px 0

}

.social-icons .social-icon.instagram {

  background-position: -67px 0

}

.social-icons .social-icon.storelocator {

  background-position: -199px 0

}

.storelocator-link:hover .social-icon {

  background: url("../images/social_icon_color_circle_hover.png");

  background-repeat: no-repeat;

  -webkit-transition: all ease .3s;

  -moz-transition: all ease .3s;

  -o-transition: all ease .3s;

  -ms-transition: all ease .3s;

  transition: all ease .3s;

  background-position: -199px 0

}

.storelocator-link:hover span {

  color: #ed1b24 !important

}

.breadcrumb-wrapper {

  clear: both;

  margin-top: 14px

}

#breadcrumb {

  list-style: none;

  display: inline-block;

  margin: 0 0 2px;

  padding: 0

}

#breadcrumb .icon {

  font-size: 14px

}

#breadcrumb li {

  float: left

}

#breadcrumb li a, #breadcrumb li span {

  color: #fff;

  display: block;

  background: #0196d8;

  text-decoration: none;

  position: relative;

  height: 29px;

  line-height: 29px;

  padding: 0 10px 0 5px;

  text-align: center;

  margin-right: 23px;

  min-width: 75px;

  font-family: Opensans, arial

}

#breadcrumb li:nth-child(even) a {

  background-color: #0196d8

}

#breadcrumb li:nth-child(even) span:before, #breadcrumb li:nth-child(even) a:before {

  border-color: #0196d8;

  border-left-color: transparent

}

#breadcrumb li:nth-child(even) span:after, #breadcrumb li:nth-child(even) a:after {

  border-left-color: #0196d8

}

#breadcrumb li:first-child a {

  padding-left: 15px;

  -moz-border-radius: 3px 0 0 3px;

  -webkit-border-radius: 3px 0 0 3px;

  border-radius: 3px 0 0 3px

}

#breadcrumb li:last-child span {

  -moz-border-radius: 3px 0 0 3px;

  -webkit-border-radius: 3px 0 0 3px;

  border-radius: 0 3px 3px 0

}

#breadcrumb li:first-child a:before {

  border: 0

}

#breadcrumb li:last-child a {

  padding-right: 15px;

  -moz-border-radius: 0 4px 4px 0;

  -webkit-border-radius: 0;

  border-radius: 0 4px 4px 0

}

#breadcrumb li:last-child a:after {

  border: 0

}

#breadcrumb li span:before, #breadcrumb li a:before, #breadcrumb li a:after {

  content: "";

  position: absolute;

  top: 0;

  border: 0 solid #0196d8;

  border-width: 14px 10px 15px 10px;

  width: 0;

  height: 0

}

#breadcrumb li span:before, #breadcrumb li a:before {

  left: -20px;

  border-left-color: transparent

}

#breadcrumb li span:after, #breadcrumb li a:after {

  left: 100%;

  border-color: transparent;

  border-left-color: #0196d8

}

#breadcrumb li a:hover, #breadcrumb li:nth-last-child(2) a {

  background-color: #0175a8;

  color: #fff

}

#breadcrumb li a:hover:before, #breadcrumb li:nth-last-child(2) a:before {

  border-color: #0175a8;

  border-left-color: transparent

}

#breadcrumb li a:hover:after, #breadcrumb li:nth-last-child(2) a:after {

  border-left-color: #0175a8

}

#breadcrumb li a:active {

  background-color: #0175a8

}

#breadcrumb li a:active:before {

  border-color: #0175a8;

  border-left-color: transparent

}

#breadcrumb li a:active:after {

  border-left-color: #0175a8

}

.breadcrumb-wrapper .breadcrumb-item + .breadcrumb-item::before {

  content: none

}

.breadcrumb-wrapper .breadcrumb-item + .breadcrumb-item {

  padding-left: 0

}

.badge-light {

  color: #505050;

  background-color: #fff;

  border: 1px solid #adadad;

  font-family: HPSimplified-Light

}

.badge-pill {

  padding: .7em 1em;

  font-size: 12px;

  font-weight: 400;

  margin-right: 6px;

  margin-bottom: 9px;

  border-radius: 0

}

.service-list {

  margin-bottom: 0

}

.service-list li {

  float: left;

  margin-bottom: 7px;

  margin-right: 25px

}

.service-list .list-icon {

  margin-right: 6px;

  width: 7px;

  height: 7px;

  background: url("../images/list-icon.png");

  background-repeat: no-repeat;

  background-size: 100% 100%;

  display: inline-block

}

.service-list .list-text, .service-list .list-icon {

  vertical-align: middle;

  font-family: HPSimplified-Light

}

.service-list .first-text {

  width: 40px

}

.service-list .first-text::after {

  content: ":";

  float: right;

  margin-right: 5px

}

.info-card .intro_qrcode, span .intro_website, span .main_address, span .main_clock, span .main_landmrk, span .main_phone, ul.list-unstyled li span .main_alternateName {

  margin-right: 2px

}

.intro .card {

  padding-top: 8px;

  padding-bottom: 5px;

  min-height: 230px

}

.info-card {

  padding: 0 0 3px

}

.card h1 {

  font-size: 17px

}

.intro .info-card .info-text {

  font-size: 14px

}

.payment-method li, .parking-option li {

  width: auto;

  float: none;

  display: inline-block;

  margin-right: 35px

}

.parking-option li {

  margin-right: 50px

}

.payment-method li:last-child, .parking-option li:last-child {

  margin-right: 0

}

.rating {

  display: inline-block;

  margin: 0

}

.rating li {

  float: left

}

.rating .rating-star {

  width: 20px;

  height: 20px;

  display: block

}

.rating .rating-star.rating_half {

  background: url("../images/rating_half.png");

  background-repeat: no-repeat;

  background-size: 100% 100%

}

.rating .rating-star.rating_full {

  background: url("../images/rating_full.png");

  background-repeat: no-repeat;

  background-size: 100% 100%

}

.rating .rating-star.rating_empty {

  background: url(../images/rating_star_grey.png);

  background-repeat: no-repeat;

  background-size: 100% 100%

}

.rating .rating_text {

  vertical-align: middle;

  font-size: 16px;

  margin-left: 6px

}

.review-list .review-list-item {

  border-bottom: 1px dashed #333;

  margin-bottom: 15px

}

.review-list .review-list-item:last-child {

  border: 0

}

.review-list .rated-text {

  clear: both

}

.review-list .mini-heading {

  margin-right: 20px

}

.review-list .rating, .review-list .review-rated .mini-heading {

  display: inline-block;

  vertical-align: middle

}

.review-user, .review-time, .review-rated {

  margin-bottom: 6px;

  color: #505050;

  font-size: 14px

}

.review-user {

  font-weight: 700

}

.card-body.review.review-submit {

  padding: 0

}

ul.list-unstyled.review-list {

  margin: 0

}

.custome-slick-arrow {

  text-align: center;

  margin-bottom: 12px

}

.slick-prev, .slick-next {

  padding: 4px;

  border-radius: 0;

  z-index: 0;

  background: #000

}

.feature-product .slide-item {

  padding: 0;

  margin: 0 22px 20px

}

.feature-product .card {

  border-radius: 2px;

  border: 1px solid #9c9c9c;

  text-align: center

}

.feature-product .card img {

  padding: 20px;

  max-width: 300px;

  margin: 0 auto

}

.slick-container .card-body {

  padding: 10px 15px 0;

  min-height: 175px;

  text-align: left;

  font-family: HPSimplified-Light

}

.slick-container .card-title {

  font-size: 19px;

  margin: 0 0 15px;

  color: #0096d6

}

.feature-product p.card-title {

  font-size: 14px

}

.feature-product .card-footer {

  background-color: transparent;

  border-top: 0;

  padding: 0;

  margin: 0 0 -10px

}

.feature-product .card-footer a {

  font-size: 15px;

  background: #fff;

  border-radius: 2px;

  border: 1px solid #0f9cd8;

  padding: 6px 30px;

  text-transform: uppercase;

  color: #0096d6;

  font-family: HPSimplified-Light

}

.feature-product .card-footer a:hover {

  background: #0f9cd8;

  color: #fff

}

.feature-product ul.tabs {

  margin: 10px 0 0;

  list-style: none;

  padding: 0 40px

}

.feature-product ul.tabs li {

  display: inline-block;

  border: 1px solid #0f9cd8;

  padding: 4px 10px;

  margin-right: 22px;

  width: calc(20% - 20px);

  text-align: center;

  border-radius: 2px;

  cursor: pointer;

  margin-bottom: 10px;

  color: #0f9cd8;

  font-size: 15px

}

.feature-product ul.tabs li.tab_last {

  margin-right: 0

}

.feature-product ul.tabs li.active, .feature-product ul.tabs li:hover {

  background: #0f9cd8;

  color: #fff

}

.slick-prev:before, .slick-next:before {

  content: none

}

.slick-prev, .slick-next {

  padding: 0;

  border-radius: 0;

  z-index: 999;

  height: 25px;

  width: 25px

}

.slick-prev, .slick-prev:hover, .slick-prev:focus {

  background: url(../images/prev.png) no-repeat center

}

.slick-next, .slick-next:hover, .slick-next:focus {

  background: url(../images/next.png) no-repeat center

}

h3.tab_drawer_heading {

  display: none

}

.offers .card-container {

  background-color: #ececec

}

.offers .card {

  border: 0

}

.offers .card-body {

  min-height: auto

}

.offers .card-title {

  font-size: 14px

}

.offers .card img {

  border-bottom: 0

}

.slick-container.offers .slide-item {

  padding: 0 32px

}

.offers .card-text {

  margin-top: 8px

}

.timeline-cards .card {

  border: 1px solid transparent;

  transition: .2s;

  background: #fff;

  margin-bottom: 20px

}

.timeline-cards .card:hover {

  box-shadow: none;

  border: 1px solid #dadada

}

.timeline-media {

  position: relative

}

.timeline-media .overlay-content {

  top: 0;

  width: 100%;

  height: calc(100% - 10px);

  display: block;

  text-align: center

}

.timeline-media .overlay-content img {

  position: absolute;

  left: 50%;

  top: 70px;

  transform: translate(-50%, -50%)

}

.timeline-cards .card-body {

  padding: 8px;

  color: #505050;

  font-family: HPSimplified-Light

}

.timeline-cards .card .card-img-top {

  padding-bottom: 0;

  border-bottom: 0

}

.overlay-img-video img.glass-overlay {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-image: none

}

.overlay-img-video img.glass-overlay-icon {

  width: auto;

  margin: auto;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-image: none

}

.overlay-img-video {

  position: relative;

  overflow: hidden

}

.timeline-cards .card-text {

  cursor: pointer;

  margin: 0;

  clear: both;

  padding-top: 8px

}

.timeline-cards a {

  color: #3498db;

  float: left;

  width: 100%

}

.timeline-cards .hashtags a {

  color: #3498db;

  display: block

}

.timeline-cards .post-time {

  font-size: 12px;

  padding: 8px 0

}

.review-action a:focus {

  color: #333

}

.timeline-cards .jssocials-shares {

  border-top: 1px solid #d7d7d7;

  padding-top: 10px

}

.timeline-share {

  padding: 4px 0 0 0

}

.jssocials-share {

  display: inline-block

}

section.timeline_section_add {

  background: #f3f3f3;

  padding: 20px 0;

  margin-bottom: 60px

}

.card-columns.timeline-cards {

  padding: 10px 0 0

}

.nearby-outlets .card:hover, .nearby-outlets .card:hover a {

  border-color: transparent;

  color: #0096d6;

  text-decoration: none

}

.nearby-outlets-section .card {

  background: #fff;

  text-align: center;

  border: 0

}

.slick-container.nearby-outlets .card-body {

  padding: 20px;

  min-height: 135px;

  text-align: center

}

.nearby-outlets .slide-item {

  padding: 0 22px;

  margin: 10px 0;

  width: 350px;

  float: left

}

ul.nearby-outlets {

  padding: 0 20px;

  margin: 0 0 10px

}

.nearby-outlets-section .card:hover {

  box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.2)

}

.clock-top-mng span {

  float: left;

  font-size: 15px

}

.nearby-outlets .card-text {

  text-transform: capitalize;

  margin-top: 0;

  margin-bottom: 0;

  font-size: 14px

}

.nearby-outlets .card-title {

  margin-bottom: 15px;

  text-transform: capitalize;

  font-size: 15px

}

.nearby-outlets .card-title a {

  text-decoration: none;

  font-size: 15px;

  font-weight: bold

}

.nearby-outlets .rating {

  margin: 0 auto 20px

}

.nearby-outlets .rating .rating-star {

  width: 15px;

  height: 15px

}

.nearby-outlets .rating .rating-text {

  width: 15px;

  height: 15px

}

.android-ios {

  position: fixed;

  right: 0;

  top: 130px;

  text-align: center;

  background: #ededed;

  border-radius: 5px 0 0 5px;

  -webkit-box-shadow: -3px 3px 5px 0 rgba(50, 50, 50, 0.75);

  -moz-box-shadow: -3px 3px 5px 0 rgba(50, 50, 50, 0.75);

  box-shadow: -3px 3px 5px 0 rgba(50, 50, 50, 0.75)

}

.android-ios a {

  display: block;

  padding: 12px 8px;

  border-bottom: 1px solid #fff

}

.android-ios a:last-child {

  border-top: 1px solid #ccc;

  border-bottom: 0

}

.android-ios a:hover img {

  opacity: .8

}

.footer {

  background: #5a5a5a;

  color: #fff;

  padding: 22px 18px;

  width: 100%

}

.photo-and-videos {

  float: left;

  width: 100%;

  padding: 0 15px

}

.photo-and-videos .carousel-inner .img-fluid {

  max-width: 100%;

  width: 100%

}

.carousel-indicators li a .img-fluid {

  max-width: none;

  width: 60px;

  height: 60px;

  padding: 10px 0

}

#photos-thumbnails li a .img-fluid {

  margin-top: 0

}

.footer p {

  margin: 0;

  color: #fff

}

.footer .copyright {

  padding: 5px 0;

  color: #fff;

  font-size: 12px;

  margin: 0

}

.footer .language-links span, .footer .language-links a {

  margin-right: 4px

}

.footer .language-links a {

  color: #ccc

}

.footer .language-links a.active, .footer .language-links a:hover {

  color: #fff

}

.business-hours .info-card {

  padding: 0;

  font-family: HPSimplified-Light

}

.review-action a {

  padding: 5px 15px

}

.footer .poweredby a {

  color: #fff;

  font-size: 14px

}

.footer .poweredby a span {

  color: #60b1c5

}

.footer .poweredby {

  padding: 2px 0;

  text-align: right;

  color: #fff;

  margin-top: 2px

}

.new-arrivals.slick-container {

  overflow: hidden

}

.new-arrivals .card-body {

  min-height: auto;

  padding: 8px

}

.new-arrivals .card-container {

  background-color: #ececec

}

.new-arrivals .card {

  border: 0

}

.new-arrivals .card-title {

  font-size: 14px

}

.new-arrivals .slide-item {

  padding: 0 8px;

  width: 50%;

  float: left

}

.about-text {

  padding-bottom: 20px

}

.about-us .card {

  border: 0;

  margin-bottom: 20px;

  border-bottom: 1px solid #d1d1d1;

  padding-bottom: 20px

}

.about-us .card:last-child {

  border-bottom: 0

}

.about-us .card-header .card-icon {

  display: none

}

.about-us .card-body {

  padding: 12px 0 0

}

.about-us .card-header {

  padding: 0;

  background: transparent;

  border: 0

}

.about-us .business-hours .service-list li {

  width: 100%

}

.about-us .other-store .service-list li {

  width: calc(50% - 25px);

  font-family: HPSimplified-Light

}

.about-us .review .review-action {

  margin-bottom: 10px

}

ul.list-unstyled li span .main_alternateName, .info-card .intro_qrcode, span .intro_website, span .main_address, span .main_landmrk, span .main_phone, span .main_clock, span .call_back, span .get_store_detail, span .book_appointment_detail {

  background-image: url('../images/left-menu.png');

  background-repeat: no-repeat;

  width: 25px;

  height: 22px;

  margin-right: 10px;

  display: inline-block;

  vertical-align: middle;

    position: relative;

}

span .service-camp {
    background-image: url('../images/service_camp_icn2.jpeg');
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}


ul.list-unstyled li .call_back{background-image: url('../images/left-menu1.png'); position: relative;}

ul.list-unstyled li .get_store_detail{background-image: url('../images/left-menu1.png'); background-position: 0 -59px; position: relative;}

ul.list-unstyled li .book_appointment_detail{background-image: url('../images/left-menu1.png'); background-position: 0 -29px; position: relative;}

/*

ul.list-unstyled li .call_back:after{font-family: 'FontAwesome'; content: "\f25a"; font-size: 15px; position: absolute; left: 159px; top: -1px; color: #0196d8;}

ul.list-unstyled li .get_store_detail:after{font-family: 'FontAwesome'; content: "\f25a"; font-size: 15px; position: absolute; left:142px; top: -1px; color: #0196d8;}

ul.list-unstyled li .main_phone:after{font-family: 'FontAwesome'; content: "\f25a"; font-size: 15px; position: absolute; left:142px; top: -1px; color: #0196d8;}

*/



.info-card.call-us,.info-card.request-callback,.info-card.request-store-detail,.info-card.request-appointment{border: 1px solid rgba(15,156,216,0.5); padding: 5px; margin-bottom: 5px;}



.outlet-wraper ul li.request-callback{border: 1px solid rgba(15,156,216,0.5); padding: 5px; margin-bottom: 5px;}



.rating-card {

  border-bottom: 0;

  margin-bottom: 0

}

.intro .card {

  background-color: #f2f2f2;

  min-height: 283px;

  border: 0;

  border-right: 0;

  padding: 20px 22px 40px

}

.intro .call-direction {

  display: none

}

.card h1 {

  font-size: 22px;

  padding: 0 0 2px;

  border-bottom: 1px solid #c8c8c8;

  background: transparent;

  text-transform: uppercase

}

span .main_address {

  background-position: 0 -27px

}

span .main_ifsc {

  background-image: url(../images/ifsc_icon.png);

  background-repeat: no-repeat;

  height: 25px;

  width: 25px;

  margin-right: 10px;

  display: inline-block;

  background-position: 0 5px

}

span .main_landmrk {

  background-position: 0 -52px

}

span .main_phone {

  background-position: 0 -82px

}

span .main_clock {

  background-position: 0 -112px

}

.info-card {

  padding: 0 0 8px

}

.intro .card-body {

  padding: 10px 0 0;

  border-top: 1px solid #fff

}

.info-card-timing .d-table-cell {

  float: left

}

.info-card-timing strong {

  text-transform: uppercase;

  margin-left: 30px;

  color: #fff !important;

  font-size: 12px;

  border: 1px solid #ef1616;

  padding: 3px 5px

}

.intro .info-card .info-text {

  color: #505050;

  font-size: 15px;

  font-family:HPSimplified-Regular;

}

.intro .text-primary:hover {

  color: #fff !important

}

span.hide-text {

  display: none

}

.more-less {

  cursor: pointer;

  color: #ed1b24

}

.arrow-prev {

  left: 5px;

  background: url(../images/prev.png) no-repeat;

  width: 25px;

  height: 25px;

  border: 0;

  border: 0;

  background-position: center

}

.arrow-prev:hover {

  background: url(../images/prev.png) no-repeat;

  background-position: center

}

.arrow-next {

  left: 5px;

  background: url(../images/next.png) no-repeat;

  height: 25px;

  border: 0;

  width: 25px;

  border: 0;

  background-position: center

}

.arrow-next:hover {

  background: url(../images/next.png) no-repeat;

  background-position: center

}

.navbar {

  padding: 0 10px;

  border: 0;

  border-radius: 0;

  margin-bottom: 10px;

}
.footer .navbar {width: 40%;}
a.navbar-brand {

  margin-right: 0;

  padding: 5px 0 0;

}

.navbar-nav .nav-link, .storelocator-link a {

  text-transform: uppercase;

  color: #000 !important;

  font-family: RalewaySemibold

}

.nav-link {

  padding: 1.5rem 1rem

}

.social-icons.nav-link {

  padding: 0;

  margin: 0 0 -10px 20px

}

.nav-link:hover, .nav-link.active {

  background: #ed1b24;

  color: #fff !important

}

.social-icons.nav-link:hover {

  background: transparent;

  color: #ed1b24 !important

}

.storelocator-link {

  position: relative;

  padding-left: 12px;

  margin-left: 12px

}

.social-icons li.storelocator-link .social-icon {

  display: inline-block

}

.storelocator-link:after {

  content: " ";

  height: 30px;

  width: 1px;

  background: #cacaca;

  position: absolute;

  left: 0;

  top: 0

}

.storelocator-link span {

  vertical-align: middle

}

.navbar-btn {

  box-shadow: none;

  outline: none !important;

  border: 0

}

.line {

  width: 100%;

  height: 1px;

  border-bottom: 1px dashed #ddd;

  margin: 40px 0

}

.wrapper {

  display: flex;

  width: 100%;

  align-items: stretch;

  perspective: 1500px

}

#sidebar {

  min-width: 250px;

  max-width: 250px;

  background: #fff;

  color: #333;

  transition: all .6s cubic-bezier(0.945, 0.020, 0.270, 0.665);

  transform-origin: bottom right

}

#sidebarA {

  display: none;

  z-index: 99999999;

  background: #000;

  float: right;

  position: fixed;

  height: 100%;

  right: 0;

  width: 100%;

  top: 0;

  z-index: 999999999;

  overflow-y: auto

}

#sidebar.active {

  margin-left: -250px;

  transform: rotateY(100deg)

}

#sidebar .sidebar-header {

  padding: 20px;

  background: #6d7fcc

}

#sidebar ul.components {

  padding: 20px 0

}

#sidebar ul p {

  color: #fff;

  padding: 10px

}

#sidebar ul li a {

  padding: 10px;

  font-size: 1.1em;

  display: block

}

#sidebar ul li a:hover {

  color: #fff;

  background: #000

}

#sidebar ul li.active > a, a[aria-expanded="true"] {

  color: #fff;

  background: #6d7fcc

}

a[data-toggle="collapse"] {

  position: relative

}

.dropdown-toggle::after {

  display: block;

  position: absolute;

  top: 50%;

  right: 20px;

  transform: translateY(-50%)

}

ul.CTAs {

  padding: 20px

}

ul.CTAs a {

  text-align: center;

  font-size: .9em !important;

  display: block;

  border-radius: 5px;

  margin-bottom: 5px

}

a.download {

  background: #fff;

  color: #7386d5

}

a.article, a.article:hover {

  background: #6d7fcc !important;

  color: #fff !important

}

#sidebar {

  position: fixed;

  top: 0;

  height: 100%;

  right: 0;

  width: 260px;

  background: #f6f6f6;

  overflow: auto

}

#content {

  width: 100%;

  transition: all .3s

}

#sidebarCollapse {

  width: 40px;

  height: 40px;

  background: #fff;

  cursor: pointer

}

#sidebarCollapse span {

  width: 80%;

  height: 2px;

  margin: 0 auto;

  display: block;

  background: #555;

  transition: all .8s cubic-bezier(0.810, -0.330, 0.345, 1.375);

  transition-delay: .2s

}

#sidebarCollapse span:first-of-type {

  transform: rotate(45deg) translate(2px, 2px)

}

#sidebarCollapse span:nth-of-type(2) {

  opacity: 0

}

#sidebarCollapse span:last-of-type {

  transform: rotate(-45deg) translate(1px, -1px)

}

#sidebarCollapse.active span {

  transform: none;

  opacity: 1;

  margin: 5px auto

}

header {

  width: 100%;

  background-color: #fff !important;

  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);

  padding: 7px 16px 8px;

    position: fixed;

    z-index: 9999;

    top: 0;

}

main{margin-top: 105px;}

.social-icon-wrapper {

  display: inline-block

}

.navbar-links {

  text-align: right

}

.navbar-links a {

  font-size: 17px;

  display: inline-block;

  margin:14px 10px 14px

}

.navbar-links a.active {

  color: #0196d8

}

.social-icon-wrapper a {

  margin-left: 0;

  margin-right: 0

}

.social-icons.nav-link a.cm-nearby {

  margin-left: 35px;

  color: #0196d8;

  font-size: 17px

}

.social-icons.nav-link a.cm-nearby .nearby-stores {

  display: inline-block;

  width: 15px;

  height: 20px;

  background: url(../images/location-alt.png) no-repeat;

  vertical-align: middle;

  margin-right: 3px

}

.responsive-header {

  display: none

}

.menu .menu-toggle {

  top: 26px;

  right: 18px

}

.menu .menu-toggle {

  position: absolute;

  top: 46px;

  right: 25px;

  height: 40px;

  line-height: 1;

  opacity: .6

}

.menu-toggle.on:hover {

  opacity: 1

}

.menu-toggle {

  color: #f4f4f4

}

.menu-toggle {

  cursor: pointer;

  -webkit-transition: all .1s;

  -moz-transition: all .1s;

  -o-transition: all .1s;

  transition: all .1s

}

.menu-toggle {

  float: right;

  line-height: 39px;

  color: #fff;

  opacity: .6;

  font-size: 15px

}

.menu-toggle .menu-toggle-hamburger {

  display: inline-block;

  position: relative;

  margin: 0 2px -4px 0;

  width: 24px;

  height: 20px;

  margin-right: 10px

}

.menu-toggle.on .menu-toggle-hamburger span {

  background-color: transparent

}

.menu-toggle .menu-toggle-hamburger span, .menu-toggle .menu-toggle-hamburger span::before, .menu-toggle .menu-toggle-hamburger span::after {

  background: #f4f4f4;

  background-color: #f4f4f4

}

.menu-toggle .menu-toggle-hamburger span, .menu-toggle .menu-toggle-hamburger span::before, .menu-toggle .menu-toggle-hamburger span::after {

  content: '';

  position: absolute;

  top: 8px;

  left: 0;

  width: 100%;

  height: 4px;

  background: #fff;

  -webkit-transition: all .1s;

  -moz-transition: all .1s;

  -o-transition: all .1s;

  transition: all .1s

}

.menu-toggle.on .menu-toggle-hamburger span {

  background-color: transparent

}

.menu-toggle .menu-toggle-hamburger span, .menu-toggle .menu-toggle-hamburger span::before, .menu-toggle .menu-toggle-hamburger span::after {

  background: #f4f4f4;

  background-color: #f4f4f4

}

.menu-toggle .menu-toggle-hamburger span, .menu-toggle .menu-toggle-hamburger span::before, .menu-toggle .menu-toggle-hamburger span::after {

  content: '';

  position: absolute;

  top: 8px;

  left: 0;

  width: 100%;

  height: 4px;

  background: #fff;

  -webkit-transition: all .1s;

  -moz-transition: all .1s;

  -o-transition: all .1s;

  transition: all .1s

}

.menu .menu-toggle .menu-toggle-hamburger span::before, .menu .menu-toggle .menu-toggle-hamburger span::after {

  background: #fff

}

.menu-toggle.on .menu-toggle-hamburger span::before {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg)

}

.menu-toggle.on .menu-toggle-hamburger span::before, .menu-toggle.on .menu-toggle-hamburger span::after {

  top: 0

}

.menu .menu-toggle .menu-toggle-hamburger span::before, .menu .menu-toggle .menu-toggle-hamburger span::after {

  background: #fff

}

.menu-toggle.on .menu-toggle-hamburger span::after {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  transform: rotate(-45deg)

}

.menu-toggle.on .menu-toggle-hamburger span::before, .menu-toggle.on .menu-toggle-hamburger span::after {

  top: 0

}

.menu .menu-toggle:hover {

  opacity: 1

}

.navbar-header {

  float: left;

  display: inline-block

}

.intro {

  clear: both;

  margin-bottom: 0px;

  margin-top: 10px

}

.intro .img-fluid {

  height: 295px

}

.custom-banner {

  margin-bottom: 25px

}

.review-action .view-all {

  color: #0096d6;

  padding: 0;

  text-decoration: underline;

  padding: 3px 0

}

.other-store ul li a {

  color: #0096d6

}

.timeline-list {

  padding: 0 15px;

  background: #f3f3f3;

  padding: 20px 0;

  margin-bottom: 60px

}

section.section.timeline-list .section {

  padding: 0 15px

}

section.section.locality-categ-tag, section.section.map, section.contact-part, section.section.head-line {

  margin-bottom: 60px

}

.locality-categ-tag .card-body {

  height: 200px;

  overflow: auto

}

.gallery-heading {

  font-size: 18px;

  text-align: center

}

.gallery-card-group .card-container {

  border: 1px solid #f3f3f3;

  padding: 6px;

  overflow: hidden

}

.gallery-card-group .card-container img {

  width: 100%;

  height: 100%

}

.flip {

  perspective: 1000px;

  height: 100px;

  width: 50%;

  width: 50%;

  float: left;

  padding: 3px

}

.flip-inner {

  position: relative;

  width: 100%;

  height: 100%;

  text-align: center;

  transition: transform .8s;

  transform-style: preserve-3d

}

.flip:hover .flip-inner {

  transform: rotateY(180deg)

}

.no-flip .flip:hover .flip-inner {

  transform: rotateY(0deg)

}

.flip-front, .flip-back {

  position: absolute;

  width: 100%;

  height: 100%;

  backface-visibility: hidden

}

.flip-front {

  background-color: #bbb;

  color: black

}

.flip-back {

  color: white;

  transform: rotateY(180deg)

}

.flip-icon {

  width: 36px !important;

  height: 50px !important;

  position: absolute;

  left: 50%;

  margin-left: -18px;

  top: 50%;

  margin-top: -25px

}

.item-thumbnail .flip:first-child {

  width: 100% !important;

  height: 130px

}

.item-thumbnail .flip {

  width: 25%;

  height: 70px

}

.item-thumbnail.thumb-1 .flip {

  width: 100%;

  height: 200px

}

.item-thumbnail.thumb-2 .flip, .item-thumbnail.thumb-3 .flip, .item-thumbnail.thumb-4 .flip {

  width: 25%

}

.item-thumbnail.thumb-2 .gallery-videos .flip, .item-thumbnail.thumb-3 .gallery-videos .flip, .item-thumbnail.thumb-4 .gallery-videos .flip {

  width: 50%

}

.item-1 .flip {

  width: 100%;

  height: 200px

}

.item-2 .flip {

  width: 100%

}

.item-3 .flip:first-child {

  width: 100%

}

#photos-thumbnails li {

  height: 60px

}

.custome-slick-arrow a {

  position: absolute;

  top: 50%;

  left: 5px;

  z-index: 999

}

div#slider .arrow-prev {

  left: -20px

}

div#slider .carousel .custome-slick-arrow {

  display: none

}

div#slider .arrow-next {

  right: -20px;

  left: auto

}

#map {

  height: 460px

}

.navigate-form {

  background: #f9f9f9;

  padding: 6px 12px;

  border: 1px solid rgba(0, 0, 0, .125)

}

.navigate-form input {

  border-radius: 0

}

.navigate-form .form-inline .form-control {

  margin: 0 12px

}

.navigate-form label, .navigate-form .btn {

  font-size: 14px

}

.navigate-form .btn {

  padding: 4px 8px

}

.map_icon_nik {

  width: 275px;

  font-size: 14px;

  color: #505050

}

.map_icon_nik_1 {

  padding: 5px 0;

  background: transparent;

  margin-bottom: 10px;

  color: #505050;

  font-size: 15px;

  width: calc(100% - 6px);

  border-bottom: 1px solid #505050

}

.gm-style .gm-style-iw-c {

  border-radius: 0 !important

}

.gm-ui-hover-effect {

  top: 10px !important

}

.map_icon_nik_1 img {

  margin-right: 5px;

  max-width: 30px !important;

  vertical-align: middle

}

.address-sprtr {

  display: block;

  margin-bottom: 5px

}

.map_icon_nik_2 ul {

  padding: 0;

  margin: 0 0 5px 0

}

.map_icon_nik_2 ul li {

  list-stye-type: none

}

.map_icon_nik_2 a.map_icon_nik_button, a.info-navigate {

  width: 81px;

  text-align: center;

  padding: 5px 0 3px;

  display: inline-block;

  background: #707070;

  vertical-align: bottom;

  float: left;

  margin-right: 5px;

  text-transform: uppercase;

  font-size: 12px;

  border-radius: 2px;

  color: #fff;

  line-height: 15px

}

.map_icon_nik_2 a.website-color-manage.map_icon_nik_button, .map_icon_nik_2 a.website-color-manage.map_icon_nik_button:hover {

  background: #0096d6;

  color: #fff

}

a.info-navigate {

  margin-right: 0;

  background: #f35627 !important

}

.map_icon_nik_2 a.map_icon_nik_button span.website-icon-store {

  display: none

}

.route-instructions li {

  list-style-type: none

}

.route-nav {

  font-family: Roboto-Regular

}

.route-nav .source-address, .route-nav .destination-address {

  padding: 12px;

  margin-top: 12px;

  font-size: 15px;

  clear: both

}

.route-distance-duration {

  padding: 0 12px;

  margin-bottom: 12px

}

.route-instructions ul {

  padding: 0;

  margin: 0

}

.route-nav ul.secondul {

  list-style-type: none;

  float: left;

  width: 100%;

  padding: 0;

  margin: 0;

  border-top: 1px solid #bbb;

  padding-top: 10px;

  padding-bottom: 10px;

  padding-left: 30px

}

.route-nav ul p {

  margin: 0

}

.secondli, .thirdli {

  margin-left: 30px

}

.route-nav .extrali {

  background-image: url("../images/route-instruction.png");

  padding-left: 30px;

  background-repeat: no-repeat;

  background-position: -99999px

}

.route-nav li.turn-left {

  background-position: 0 -16px

}

.route-nav li.turn-right {

  background-position: 0 -67px

}

.route-nav li.straight {

  background-position: 0 -533px

}

.route-nav li.roundabout-left {

  background-position: 0 -196px

}

.route-nav li.turn-slight-right {

  background-position: 0 -378px

}

.timeline-detail .card-columns {

  display: inline-block;

  text-align: left

}

.upper-btn-back-to a {

  display: inline-block;

  background: #505050;

  padding: 1px 10px;

  color: #fff;

  float: left;

  font-size: 15px;

  margin-bottom: 10px

}

.upper-btn-back-to {

  width: 100%

}

.photo-and-videos .upper-btn-back-to {

  float: left

}

.timeline-detail .col-lg-12 {

  text-align: center

}

.offer-section .custome-slick-arrow {

  display: none

}

.offer-section ul li {

  margin-bottom: 30px;

  width: 33.3%;

  display: inline-block;

  margin-right: -4px;

  padding: 0 30px;

  text-align: center

}

.offer-detail-section {

  padding-top: 20px

}

#myCarousel .list-inline {

  white-space: nowrap

}

#myCarousel .carousel-indicators {

  position: static;

  left: initial;

  width: initial;

  margin-left: initial;

  margin: 0;

  margin-top: 10px

}

#myCarousel .carousel-indicators > li {

  width: initial;

  height: initial;

  text-indent: initial

}

#myCarousel .carousel-indicators > li.active img {

  opacity: .7

}

.offer-details ol li a {

  color: #333

}

.home-offer-left {

  width: 40%;

  float: left;

  padding: 0 30px

}

.home-offer-right p.cashback {

  background: #0f9cd8;

  color: #fff;

  border: 0;

  margin-bottom: 0;

  font-weight: bold;

  padding: 10px 20px

}

.coupon-code {

  display: none

}

.coupon-code p {

  margin: 0

}

.coupon-code p span.only-cp-code {

  color: #000

}

.coupon-code p span.only-cp-code {

  font-weight: bold;

  font-size: 14px

}

.coupon-code p span.only-cupon-box {

  padding: 0

}

.coupon-code p span.only-cupon-box {

  background: #c8102e;

  color: #fff;

  font-size: 13px;

  padding: 10px 20px;

  border: 0;

  margin-left: 5px

}

.home-offer-right {

  width: 60%;

  float: left

}

.home-offer-right p.valid {

  color: #c8102e;

  border-top: 1px solid #a2a2a2;

  padding: 10px 20px

}

.home-offer-right p {

  margin: 0

}

.home-offer-right p.offer-hours {

  border-top: 1px solid #b9b9b9;

  background: #0e0e0e;

  color: #fff;

  padding: 10px 20px;

  margin: 0

}

.home-offer-right p.get-assured {

  padding: 10px 20px;

  font-size: 14px;

  border-top: 1px solid #a2a2a2

}

.home-offer-right p {

  color: #000

}

.home-offer-right p.get-assured1 {

  padding: 10px 20px;

  background: #0f9cd8;

  border: 0;

  font-size: 14px;

  color: #fff

}

.home-offer-right p.disclaimer1 {

  margin-top: 10px;

  font-size: 14px;

  padding: 10px 20px;

  color: #fff;

  width: 100%;

  background: #0e0e0e;

  border: 1px solid #b9b9b9

}

.video-section {

  padding: 0;

  float: left;

  text-align: center;

  margin-top: 16px;

  width: 100%

}

.video-section li {

  width: 20%;

  float: left;

  display: inline-block;

  margin-bottom: 5px;

  padding: 15px

}

.video-section .list-inline-item:not(:last-child) {

  margin-right: 0

}

.gallery-cards {

  float: left;

  width: 100%

}

.contactus h5 {

  border-bottom: 1px solid #333;

  padding-bottom: 10px;

  margin-left: 5px

}

.contactus .for-landmark address {

  vertical-align: middle !important

}

.contactus .card {

  border: 0

}

.contactus .info-card a {

  color: #505050

}

.intro-web .info-text {

  word-break: break-all

}

.contactus .card .d-table-cell {

  vertical-align: top

}

.contactus .card-body {

  padding: 0

}

.contactus ul {

  float: left;

  width: 50%;

  padding: 0

}

span .intro_envelope {

  background-position: 0 -194px;

  background-image: url(../images/store_locator_icon_sprite.png);

  background-repeat: no-repeat;

  width: 25px;

  height: 25px;

  margin-right: 10px;

  display: inline-block

}

i.intro_qrcode {

  background-position: 0 -185px

}

.contactus ul.list-unstyled li span .main_brandweb {

  background-position: 0 -222px

}

.contactus .intro-web {

  margin-bottom: 12px !important

}

.intro-web .info-text a {

  color: #337bf7 !important

}

.contactus span.contact_website {

  float: left;

  background-position: 0 -226px;

  height: 17px;

  background-image: url(../images/store_locator_icon_sprite.png);

  background-repeat: no-repeat;

  width: 25px;

  display: inline-block

}

.contactus ul li.blur-clr {

  color: #0794ba;

  text-decoration: underline

}

.contactus ul li.blur-clr a {

  color: #0794ba;

  text-decoration: none

}

.contactus ul.contact-second-ul li {

  margin: 0;

  word-wrap: break-word;

  padding: 0;

  vertical-align: middle;

  font-size: 14px;

  list-style: none

}

.contactus ul li:first-child {

  width: 100%

}

.contactus ul li span.contact_qrcode {

  background-position: 0 -255px;

  background-image: url(../images/store_locator_icon_sprite.png);

  background-repeat: no-repeat;

  width: 25px;

  height: 20px;

  display: inline-block

}

.contactus ul li.threelicontact {

  width: 15%;

  float: left

}

.contactus ul li.secondlicontact {

  float: left;

  width: 50%;

  margin: 0;

  padding: 0;

  display: inline-block;

  vertical-align: middle;

  font-size: 14px;

  list-style: none

}

.contactus ul li.last-li {

  width: 35%;

  float: left

}

.contactus .list-unstyled {

  min-height: 270px;

  border-right: 1px solid #ccc

}

.contactus .contact-second-ul {

  padding-left: 20px;

  border-right: 0

}

.right-address {

  padding: 0 15px;

  float: left;

  width: 100%;

  border-left: 1px solid #333

}

.contactus .right-address ul {

  width: 100%;

  margin-bottom: 0

}

.contactus .right-address ul li {

  width: 50%;

  float: left;

  padding: 0 10px;

  margin: 0;

  display: inline-block;

  vertical-align: middle;

  font-size: 14px;

  list-style: none

}

.contactus .right-address ul li label {

  width: 100%

}

.contactus .right-address ul li input[type="text"] {

  width: 100%;

  outline: 0;

  border: 1px solid #ccc;

  padding: 5px;

  margin-bottom: 5px

}

.contactus .right-address ul li input[type="email"] {

  width: 100%;

  outline: 0;

  border: 1px solid #ccc;

  padding: 5px;

  margin-bottom: 5px

}

.contactus .right-address ul li.submit_li {

  width: 100%;

  margin-top: 10px

}

.errorMsg {

  color: #f00;

  font-size: 12px;

  margin-bottom: 4px

}

.contactus .right-address ul li input[type="tel"] {

  width: 100%;

  outline: 0;

  border: 1px solid #ccc;

  padding: 5px;

  margin-bottom: 5px

}

.contactus .right-address ul li input[type="submit"] {

  background: #0196d8;

  border-radius: 3px;

  margin-top: 10px;

  color: #fff;

  border: 0;

  /*float: right;*/

  outline: 0;

  cursor: pointer

}

.rating-section {

  border: 0 !important

}

.review {

  padding-bottom: 0

}

.review-submit {

  padding-top: 0

}

.contactus ul.contact-second-ul li:first-child {

  width: 100%

}

.contactus ul.contact-second-ul li.blur-clr {

  width: 85%;

  margin-bottom: 15px;

  float: left

}

.nearby-outlets-section {

  margin-bottom: 20px;

  background: #f3f3f3;

  padding: 20px 0

}

.nearby-outlets-section .slick-prev {

  left: -10px

}

.nearby-outlets-section .slick-next {

  right: -10px

}

a.for-ph-desktop {

  color: #333

}

.contactus ul.contact-second-ul li span.blur-clr {

  margin-right: 12px;

  background-position: 0 -225px;

  background-image: url(../images/store_locator_icon_sprite.png);

  background-repeat: no-repeat;

  width: 25px;

  height: 25px;

  float: left

}

.contactus .right-address ul li textarea {

  width: 100%;

  outline: 0;

  border: 1px solid #ccc;

  padding: 5px;

  height: 168px;

  resize: none

}

.right-address .alert {

  margin-left: 5px

}

.upper-btn-back-to a span {

  font-size: 22px;

  font-weight: bold;

  vertical-align: sub

}

.locality-categ-tag-detail {

  margin-top: 20px

}

.store-clock button {

  float: right;

  padding: 3px 5px;

  background: transparent;

  font-size: 12px;

  margin-left: 90px;

  border: 1px solid #0f9cd8;

  margin-top: -1px;

  color: #0096d6

}

.right-address ul li label sup {

  color: red;

    left: 0px;

}

.required-with-border {

  border: 1px solid red

}

.contactus ul li span.contact_envelope {

  background-image: url(../images/store_locator_icon_sprite.png);

  background-repeat: no-repeat;

  width: 25px;

  background-position: 0 -195px;

  height: 25px;

  float: left

}

.microsite-map-page .heading p {

  font-family: Lato;

  margin: 0;

  font-size: 15px;

  padding: 5px 30px;

  background-image: url(../images/source-map-icon-green.png);

  background-repeat: no-repeat;

  background-position: left top

}

.microsite-map-page .heading001 p {

  margin: 0;

  font-family: Lato;

  padding-top: 10px;

  padding-bottom: 5px;

  background-image: url(../images/destination-map-icon-red.png);

  background-repeat: no-repeat;

  background-position: 0 6px;

  font-size: 15px;

  padding-left: 30px;

  padding-right: 30px

}

.heading001, .address-information-text .heading {

  padding-left: 25px;

  background: #cfcece;

  padding-top: 10px;

  padding-bottom: 10px;

  float: left;

  width: 100%

}

.microsite-map-page .heading01 {

  padding-top: 30px;

  width: 55%

}

.microsite-map-page .heading01 p {

  padding-left: 30px;

  float: left;

  padding-top: 30px;

  width: 100%

}

.only-videos {

  float: left;

  width: 100%

}

#slider {

  float: left;

  width: 100%

}

.card-text-valid-till {

  font-size: 14px;

  color: #323232

}

.timing-ul {

  list-style-type: none;

  padding: 0;

  color: #fff

}

.timing-ul li span.text-danger {

  color: #333 !important

}

.paginator-responsive {

  display: none

}

.rating-section {

  margin-bottom: -20px !important

}

.navigate-form .form-group .btn {

  background-color: #0f9cd8 !important;

  border-color: #0f9cd8 !important

}

.locality-categ-tag .card-header {

  background-color: #fff

}

.offers p.min_height {

  font-size: 14px

}

.timeline-detail .overlay-img-video {

  position: relative

}

.feature-product .card-container .card-text {

  font-size: 14px;

  line-height: 1.3

}

.ride_with_uber {

  display: none

}

.storelocator-bottom-top {

  display: block

}

#scroll {

  position: fixed;

  right: 10px;

  outline: 0;

  bottom: 40px;

  cursor: pointer;

  width: 35px;

  height: 35px;

  background: #0196d8;

  z-index: 999999;

  text-indent: -9999px;

  display: none;

  -webkit-border-radius: 60px;

  -moz-border-radius: 60px;

  border-radius: 60px

}

#scroll span {

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -8px;

  margin-top: -13px;

  height: 0;

  width: 0;

  border: 8px solid transparent;

  border-bottom-color: transparent;

  border-bottom-color: #fff

}

.service-buttons {

  position: fixed;

  right: 0;

  top: 125px;

  z-index: 9999999

}

.service-buttons ul {

  padding: 0;

  margin: 0;

  list-style: none

}

.service-buttons ul li {

  margin-bottom: 5px

}

.service-buttons1 ul.external_link {

  background-color: #000

}

.mobile ul {

  padding: 0;

  margin: 0

}

.mobile {

  display: none !important

}

.cover-banner-section .arrow-prev-cover-photo {

  position: absolute;

  top: 122px;

  z-index: 999999;

  left: 8px

}

.cover-banner-section .arrow-next-cover-photo {

  position: absolute;

  left: inherit;

  right: 8px;

  z-index: 999999;

  top: 125px

}

.slider_enterprise_banner_top {

  padding: 0

}

.android-ios-phone {

  display: none

}

.service-buttons ul li a {

  text-decoration: none;

  outline: 0

}

img.responsive {

  display: none

}

h3.section-heading{

  margin: 30px 0 10px;

}



@media(min-width:576px) {

  .card-columns {

    -webkit-column-gap: 3rem;

    -moz-column-gap: 3rem;

    column-gap: 3rem

  }

}

@media(min-width:992px) and (max-width:1199px) {

 

  .social-icons.nav-link a.cm-nearby {

    margin-left: 15px;

    margin-top: 9px

  }

 

  .social-icons .social-icon {

    margin: 18px 0 14px

  }

}

@media(min-width:1025px) and (max-width:1199px) {

  .info-card .intro_qrcode, span .intro_website, span .main_address, span .main_clock, span .main_landmrk, span .main_phone, ul.list-unstyled li span .main_alternateName {

    margin-right: 2px

  }

  .store-clock button {

    margin-left: 50px

  }

  .intro .card-body {

    padding: 5px 0 0

  }

  .intro .card {

    padding-top: 8px;

    padding-bottom: 5px;

    min-height: 230px

  }

  .info-card {

    padding: 0 0 3px

  }

  .card h1 {

    font-size: 17px

  }

  .intro .info-card .info-text {

    font-size: 14px

  }

}

@media(min-width:576px) and (max-width:991px) {

  .card-columns {

    -webkit-column-count: 2;

    -moz-column-count: 2;

    column-count: 2

  }

}

@media(min-width:992px) and (max-width:1024px) {

  .navbar-nav .nav-link, .storelocator-link {

    font-size: 13px

  }

  .cover-banner-section .arrow-next-cover-photo, .cover-banner-section .arrow-prev-cover-photo {

    top: 162px

  }

  .offers p.min_height {

    min-height: 43px

  }

  .gallery-cards {

    column-count: 4

  }

  .service-list li {

    width: 100%

  }

  .card.business-hours .service-list {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%

  }

}

@media(min-width:768px) and (max-width:801px) {

  .offer-section .offers p.min_height {

    min-height: 43px

  }

}

@media(min-width:768px) and (max-width:991px) {

  .home-offer-left {

    width: 50%;

    float: left;

    padding: 0 20px

  }

  .home-offer-right {

    width: 50%;

    float: left

  }

    

    .main {margin-top: 73px;}

    

}

@media(min-width:479px) and (max-width:641px) {

  .js-offers li p.min_height {

    min-height: 43px

  }

}

@media(max-width:1280px) {

  .bookAnappointment {

    right: 68px

  }

}

@media(max-width:1024px) {

  .slick-container.offers .slide-item {

    padding: 0 8px

  }

  .bookAnappointment {

    right: 47px

  }

  .col-block {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%

  }

  .col-block .offer-area img {

    width: 100%

  }

  .timeline-detail .card-columns {

    column-count: 1 !important

  }

  .intro .card {

    min-height: 229px;

    margin-bottom: 12px

  }

  .left.col-md-12.col-lg-4.col-block {

    order: 2

  }

  .intro .row.no-gutters {

    display: flex;

    flex-direction: column

  }
	
	.footer .navbar {width: 100%;}

}

@media(max-width:991px) {

  .main {margin-top: 15px;}

  main { margin-top: 75px;  }

  ul.social-icons {

    padding: 0 11px;

 }

 ul.list-unstyled.components li.nav-item:last-child {

  padding: 0 15px;

}

 

  .navigate-form .form-inline .form-group {

    width: 100%;

    margin-bottom: 6px

  }

  .navigate-form .form-inline .form-control {

    width: 100%;

    margin: 0 0 6px 0

  }

  .navigate-form label {

    width: 100%;

    display: block;

    margin-bottom: 6px

  }

  .store-clock button {

    float: right

  }

  .photo-and-videos #slider {

    float: left;

    width: 100%;

    margin-bottom: 40px

  }

  #sidebarA .nav-link, a.cm-nearby {

    padding: .8rem 1rem;

    color: #fff;

    display: block

  }

  .social-icons {

    float: left;

    width: 100%;

    padding: .8rem 1rem

  }

  #sidebarA .components a.active {

    opacity: 1 !important

  }

  .resp-store {

    padding: 10px 15px;

    text-transform: uppercase;

    display: block

  }

  .intro .card {

    min-height: 0;

    margin-bottom: 20px

  }

  .right-address {

    border-left: 0;

    padding: 0;

    margin-top: 24px

  }

  .locality-categ-tag .card {

    margin-bottom: 20px

  }

  .intro .img-fluid {

    height: auto

  }

  .footer .poweredby {

    padding: 2px 0;

    text-align: center

  }

  .footer .copyright {

    text-align: center;

    margin-bottom: 6px

  }

  .img-fluid {

    margin-top: 20px

  }

  .intro {

    clear: both

  }

  .navbar {

    float: right

  }

  .responsive-header {

    display: block

  }

  header {

    display: none

  }

  .cd-main-content {

    z-index: 999999 !important

  }

  .cd-main-content, .cd-main-header {

    position: relative;

    -webkit-transition: -webkit-transform .3s;

    -moz-transition: -moz-transform .3s;

    transition: transform .3s

  }

  .bg-light {

    background-color: #fff !important

  }

  .navbar {

    box-shadow: none;

    box-shadow: none;

    margin-bottom: 0;

    padding: 0

  }

  .responsive-header .navbar-brand {

    float: left

  }

  .responsive-header .nav-link:hover, .responsive-header .nav-link.active {

    background: transparent;

    color: #0096d6 !important

  }

  .responsive-header {

    background-color: #fff;

    width: 100%;

    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.40);

    min-height: 64px;
	  position: fixed;
    width: 100%;
    z-index: 10000;
    top: 0;

  }

  #buttonA {

    background: #fff;

    margin-top: 18px;

    border: 0;

    outline: 0;

    font-size: 30px

  }

  #buttonA div {

    width: 30px;

    height: 3px;

    background-color: #000;

    margin: 5px 0

  }

  #sidebar {

    margin-left: -250px;

    transform: rotateY(90deg)

  }

  #sidebar.active {

    margin-left: 0;

    transform: none;

    z-index: 99999999;

    background: #000

  }

  #sidebarCollapse span:first-of-type, #sidebarCollapse span:nth-of-type(2), #sidebarCollapse span:last-of-type {

    transform: none;

    opacity: 1;

    margin: 5px auto

  }

  #sidebarCollapse.active span {

    margin: 0 auto

  }

  #sidebarCollapse.active span:first-of-type {

    transform: rotate(45deg) translate(2px, 2px)

  }

  #sidebarCollapse.active span:nth-of-type(2) {

    opacity: 0

  }

  #sidebarCollapse.active span:last-of-type {

    transform: rotate(-45deg) translate(1px, -1px)

  }

  #sidebarA .components {

    margin-top: 30px

  }

  #sidebarA .components a.nav-link, a.cm-nearby {

    opacity: 1;

    font-size: 15px;

    text-transform: uppercase

  }

  #sidebarA .components a:hover {

    color: #0056b3;

    opacity: 1

  }

  .about-us .card:last-child {

    border-bottom: 1px solid #d1d1d1

  }
	
	
	.navbar.navbar-footer {
		float: none;
		background: none !important;
		padding: 10px 0;
		width: 100%;
	}
	
	
	a.navbar-brand {
	  padding: 15px 0 0;
		width: 35px;
	}

}

@media(max-width:767px) {



section.section.locality-categ-tag, section.section.map, section.contact-part, section.section.head-line {

  margin-bottom: 25px;

}

  #breadcrumb li {

  margin-bottom: 3px

  }

  #breadcrumb {

    padding-left: 20px

  }

  #breadcrumb li:first-child {

    margin-left: -20px

  }

  .bookAnappointment {

    right: 38px

  }

  .mobile ul li.li-for-external-link-responsive-count-1 {

    background: #000

  }

  .mobile ul li.li-for-external-link-responsive-count-2 {

    background: #ed1b24

  }

  .service-buttons1 ul li a {

    display: block

  }

  .service-count-2 ul li {

    float: left;

    width: 50%;

    text-align: center !important;

    overflow: hidden

  }

  .mobile {

    display: none;

    z-index: 999999;

    position: fixed;

    bottom: 0;

    width: 100%

  }

  .mobile {

    display: block;

    z-index: 99999999

  }

  .service-count-2 ul li img {

    width: auto;

    height: 40px

  }

  .timeline-detail .card-columns {

    display: inline-block;

    text-align: left;

    float: none;

    width: 80%

  }

  .timeline-detail .card-columns {

    column-count: 1 !important

  }

  .navigate-form .form-inline .form-group {

    width: 100%;

    margin-bottom: 6px

  }

  .navigate-form .form-inline {

    width: 100%

  }

  .navigate-form .form-inline .form-control {

    width: 100%;

    margin: 0 0 6px 0

  }

  .navigate-form label {

    width: 100%;

    display: block;

    margin-bottom: 6px

  }

  h3.tab_drawer_heading {

    display: block;

    border: 1px solid #0f9cd8;

    padding: 4px 30px;

    text-align: center;

    border-radius: 2px;

    cursor: pointer;

    font-size: 14px;

    line-height: 21px;

    color: #0f9cd8

  }

  .tab_content.active {

    display: block

  }

  .tab_content {

    padding: 0;

    display: none

  }

  .feature-product .slide-item {

    margin-left: 0;

    margin-right: 0

  }

  .feature-product ul.tabs {

    display: none

  }

  ul.feature-products {

    height: 600px;

    overflow-y: scroll

  }

  h3.tab_drawer_heading.d_active, h3.tab_drawer_heading:hover {

    background: #0f9cd8;

    color: #fff

  }

  .featured_product_scroll {

    margin-bottom: 20px

  }

}

@media(max-width:640px) {

  #breadcrumb li a, #breadcrumb li span {

    font-size: 13px;

    line-height: 26px;

    height: 26px

  }

  #breadcrumb li span:before, #breadcrumb li a:before, #breadcrumb li a:after {

    border-width: 13px 10px

  }

  .info-card.call-us {

    display: none

  }

  .bookAnappointment {

    right: 34px;

    bottom: 44px

  }

  .desktop {

    display: none

  }

  .mobile {

    display: block !important

  }

  .cover-banner-section .arrow-next-cover-photo, .cover-banner-section .arrow-prev-cover-photo {

    top: 95px

  }

  .ride_with_uber ul li a.tncapply {

    color: #000;

    position: absolute;

    right: 5px;

    font-weight: bold;

    bottom: 5px;

    text-decoration: underline

  }

  .ride_with_uber ul {

    margin: 0;

    padding: 0;

    list-style: none

  }

  .ride_with_uber ul li {

    background: #fff;

    text-align: center;

    -webkit-box-shadow: inset 10px -9px 9px -8px rgba(204, 204, 204, 1);

    -moz-box-shadow: inset 10px -9px 9px -8px rgba(204, 204, 204, 1);

    box-shadow: inset 10px -9px 9px -8px rgba(204, 204, 204, 1);

    padding-bottom: 6px;

    padding-top: 4px

  }

  .ride_with_uber {

    display: block;

    position: fixed;

    z-index: 999999999;

    width: 100%;

    bottom: 0

  }

  .intro .info-group {

    margin-bottom: 5px

  }

  .intro .call-direction {

    width: 100%;

    clear: both;

    margin-top: 20px;

    display: block;

    padding-bottom: 0

  }

  .intro .call-direction a {

    float: left;

    text-align: center;

    color: #fff;

    background: #0096d6;

    display: inline-table;

    width: calc(50% - 5px);

    margin-left: 10px;

    text-transform: uppercase;

    padding: 7px 10px;

    font-size: 15px;

    line-height: 21px

  }

  .intro .call-direction a.action-icon.call {

    margin-left: 0;

    background: #ed1b24;

    padding: 3px 10px

  }

  .intro .call-direction span {

    display: inline-block;

    vertical-align: middle

  }

  .intro .call-direction img {

    margin: 0 5px 0 0

  }

  .timeline-detail .card-columns {

    width: 80%;

    column-count: 1 !important

  }

  .carousel-indicators li a .img-fluid {

    max-width: none;

    width: 50px

  }

  .intro .card {

    margin-bottom: 0

  }

  .video-section li {

    width: 33.333%

  }

  .home-offer-left {

    width: 100%;

    float: left;

    padding: 0

  }

  .coupon-code {

    text-align: center;

    line-height: 40px;

    margin-top: 20px;

    margin-bottom: 20px

  }

  .home-offer-right {

    width: 100%;

    float: left

  }

  .offer-section ul li {

    margin-bottom: 30px;

    width: 50%

  }

  .section {

    margin-bottom: 40px

  }

  .service-list li {

    width: 100%

  }

  .nearby-outlets-section {

    margin-bottom: 0

  }

  .timeline-list .card-columns {

    column-count: 2

  }

  .nearby-outlets-section .slick-next {

    right: -5px

  }

  .nearby-outlets-section .slick-prev {

    left: -5px

  }

  .section-heading {

    font-size: 20px;

    margin-bottom: 15px;

    line-height: 1.2

  }

  h3.sub-heading {

    font-size: 20px

  }

  img.desktop {

    display: none

  }

  img.responsive {

    display: block;

    width: 100%

  }

  .about-us .other-store .service-list li {

    width: 100%

  }

}

@media(max-width:575px) {

  .timeline-detail .card-columns {

    width: 80%

  }

  .gallery-card-group li:nth-child(3) {

    margin-bottom: 28px

  }

  .photo-and-videos .container {

    padding: 0

  }

  div#slider .arrow-prev {

    left: -5px

  }

  div#slider .arrow-next {

    right: -5px

  }

  .photo-and-videos #slider {

    padding: 0 25px

  }

}

@media(max-width:480px) {

  .modal-body .form-group {

    width: 100%;

    float: none

  }

  .bookAnappointment {

    bottom: 44px;

    right: 15px

  }

  #scroll {

    bottom: 100px

  }

  .card-text-valid-till {

    font-size: 13px

  }

  .pagination .prev a, .pagination .first a, .pagination .next a, .pagination .last a {

    position: relative;

    text-indent: -9999px;

    width: 32px

  }

  .pagination .prev a:after, .pagination .first a:after, .pagination .next a:after, .pagination .last a:after {

    position: absolute;

    left: 0;

    text-indent: 0;

    width: 100%;

    text-align: center

  }

  .pagination .prev a:after {

    content: "<"

  }

  .pagination .first a:after {

    content: "<<"

  }

  .pagination .next a:after {

    content: ">"

  }

  .pagination .last a:after {

    content: ">>"

  }

  .contactus .list-unstyled {

    min-height: auto;

    border-right: 0;

    margin-bottom: 0

  }

  .contactus ul li.threelicontact {

    width: 40px

  }

  .contactus ul li.last-li {

    position: absolute;

    right: 0;

    bottom: 3px

  }

  .contactus ul {

    float: left;

    width: 100%

  }

  .contactus .contact-second-ul {

    padding-left: 0

  }

  .contactus .right-address ul li {

    width: 100%

  }

  .new-arrivals .slide-item {

    width: 100%;

    margin-bottom: 22px

  }

  .flip {

    height: 150px

  }

  .timeline-list .card-columns {

    column-count: 1

  }

}

@media(max-width:375px) {

  .store-clock button {

  /*  float: left;

    clear: both;*/

    margin-left: 10px;

    /*margin-top: 6px*/

  }

  .card h1 {

    font-size: 20px

  }

  .cover-banner-section .arrow-next-cover-photo, .cover-banner-section .arrow-prev-cover-photo {

    top: 70px

  }

  .timeline-detail .card-columns {

    width: 100%

  }

  .video-section li {

    width: 50%

  }

  .offer-section ul li {

    margin-bottom: 30px;

    width: 100%

  }

}

@media(max-width:360px) {

  .bookAnappointment {

    right: 21px

  }

  .service-count-2 {

    margin-top: -12px

  }

  .paginator-desktop {

    display: none

  }

  .paginator-responsive {

    display: flex

  }

}

@media(max-width:320px) {

  .bookAnappointment {

    right: 0;

    width: 100%

  }

  .bookAnappointment .bookAnappointmentButton, .bookAnappointment .bookAnappointmentButtonForm {

    width: 100%

  }

  .cover-banner-section .arrow-next-cover-photo, .cover-banner-section .arrow-prev-cover-photo {

    top: 55px

  }

  ul li.page-item {

    margin: 0 3px

  }

  .store-clock button {

    margin-left: 10px

  }

  .info-card-timing strong {

    margin-left: 10px

  }

}

@media(min-width:1023px) {

  .navigate-form .form-inline .form-control {

    min-width: 300px

  }

}

@media(min-width:1200px) {

  .timeline-list .card-columns {

    column-count: 4

  }

  .timeline-detail .card-columns {

    column-count: 3

  }

  .container {

    max-width: 1175px

  }

}

@media(min-width:768px) {

  .tab_content {

    width: 100%;

    height: 0;

    overflow: hidden

  }

  .tab_content.active {

    height: 100%

  }

  .tab_content.active ul {

    padding: 8px 0 18px 0

  }

  .tab_content ul {

    max-width: calc(100% - 40px);

    margin: 0 auto

  }

}

@media(min-width:480px) {

  .service-buttons1 {

    z-index: 99999999999;

    display: block

  }

  .route-nav li.firstli, .route-nav li.secondli {

    float: left

  }

  .route-nav .thirdli {

    float: right;

    padding-right: 60px

  }

}

.hide { 

  display: none

}

.error{color:red;}



.querys {font-size: 14px !important; margin: 0 !important; color: #0196d8 !important;}

.querys:hover{ color: #505050 !important; text-decoration: underline !important;}



.query-button{width: auto; position: fixed; top: 80%; margin-top: -130px; left: 0; text-align: left;  z-index: 99;}

.query-content{ display: none; padding:25px 30px; background: #ffffff; border-radius: 6px; font-size: 30px; margin: 0 0 0 50px; height: 260px; font-family: HPSimplified-Light;}

.query-content label { width: 100%; border-bottom: 2px solid #00aeef; font-family: HPSimplified-Regular;}

.query-content a{ color: #58aedf; margin-bottom: 0; display: inline-block;}

.query-button span{background: url("../images/service-button.png") no-repeat right top; cursor: pointer; height: 260px; width: 40px; float: left;}

.query-content button{position: absolute; right: 0px; top: 0px; border: 0; border-radius: 6px; line-height: 1.4; font-size: 13px; font-weight: bold;color: #ffffff; padding: 7px 12px; background: #000;}

.overlay-box{ position: fixed; top:0px; bottom: 0px; left:0px; right:0px; display: none; background: rgba(0, 0, 0, .7)}

.website-button{background: #0096d6; border-radius: 5px; color: #ffffff !important; padding: 10px 20px; margin-top: 10px; font-size: 25px;}

.footer-banner{ text-align:center; clear: both; margin: 30px 0;}

.footer-banner img{ max-width: 100%;}

@media(max-width:767px) {

	.query-button{width: auto !important;}

    .query-button span{width: 30px; background-size:100%;}
	
	.contactus .right-address ul li.submit_li {text-align: center;}

	.g-recaptcha iframe {
		transform:scale(0.87);
	  -webkit-transform:scale(0.87);
	  transform-origin:0 0;
	  -webkit-transform-origin:0 0;
	}
}

/* Added on 22-Feb-2023*/ 
ul.list-unstyled li .home-delivery-text{background-image: url('../images/icon-config.png'); background-position: 0 0px; position: relative;}
.outlet-wraper li.store-clock_clock-top-mng.until-time:before {top:0;}

.container .container {
    padding-left: 0;
    padding-right: 0;
}
/* captcha */