#select-location-selectized,

#top_keywords {

  width: 100% !important;

}

.media .media-left,

.nice_container {

  position: relative;

}

.activity-icon .caption {

  min-height: 30px;

}

.page-heading.custom-heading {

  text-align: left;

}

.custom-heading .section-title {

  text-align: left;

  background: #9b896f;

  color: #fff;

  padding: 8px 14px;

  border-radius: 3px;

  margin: 20px 0 10px;

}

.heading-buttons a.enquire-book:hover,

.in_the_act_btn:hover {

  background-color: #904703;

}

#header .search footer.search-buttons .search-btn-action span:before,

.about-content h1.section-title:after,

.article-listing

  .media:not(.media-vertical):not(:last-of-type)

  .media-summary

  hr,

.article-listing-2 .media-responsive .media-summary hr,

.custom-heading .section-title:after,

.mob_only,

.mobile-banner,

.mobile-body-description,

.mobile-des,

.navbar-default.navbar-collapse:after,

.navbar-static-top .container:after,

.navbar-static-top:after,

.segment-1-adventure-holidays .sidebar .media .media-summary hr,

h2.mobile-only-heading,

html.no-google-review .review-block {

  display: none;

}

.insteam_home p {

  display: inline-block;

}

.adventures-listing ul {

  padding: 0;

  margin: 0;

  list-style: none;

  display: flex;

}

.article-summary-toggle > button,

.reset-region-filter a {

  display: inline-block;

  padding: 6px 20px;

  font-weight: 700;

  font-size: 14px;

}

.adventures-listing ul li {

  margin-right: 18px;

  border: 1px solid #ececec;

  border-radius: 10px;

  position: relative;

  padding: 5px;

}

.adventures-listing ul li .media-heading {

  position: absolute;

  bottom: 3px;

  left: 5px;

  right: 5px;

  text-align: center;

  padding: 10px;

  font-weight: 400;

  font-size: 16px;

  margin: 0;

  border-radius: 0 0 10px 10px;

  background: 0 0;

}

.navbar-brand-img {

  height: 60px;

}

.reset-region-filter {

  float: right;

}

.reset-region-filter a {

  color: #fff;

  background-color: #c25f04;

  border-color: #c25f04;

  border-radius: 5px;

  margin-bottom: 5px;

  text-decoration: none;

}

.reset-region-filter a:hover {

  color: #fff;

  background-color: #6d3502;

  border-color: #452201;

}

.region_list {

  padding: 8px;

  border: 1px solid #c25f04;

  border-radius: 5px;

  background: #fff;

}

.region_list:focus {

  border-color: #c25f04;

  outline: 0;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),

    0 0 8px rgba(194, 95, 4, 0.6);

}

.region_list_data {

  padding-top: 35px;

}

.media-read {

  display: flex;

  align-items: center;

}

.media .media-read > a {

  display: block;

  margin-right: 4px;

}

#header .search .search-btn-action .span7:before {

  background-image: url(/img/searchbyregion.webp);

}

#header .search .search-btn-action .span3:before {

  background-image: url(/img/searchbyactivity.webp);

  top: 4px;

}

header#header .navbar img.navbar-brand-img {

  height: 85px;

}

section.article-listing h3 {

  color: #9b896f;

}

.operator_link,

.operator_link:focus {

  outline: 0;

  text-decoration: none;

}

#header .search .search-buttons {

  justify-content: center;

}

.mobile-banner img {

  width: 100%;

  height: 220px;

  object-fit: cover;

}

.navbar-form .form-group.col-sm-5.flex-fill {

  padding: 0;

}

.navbar-form .col-xs {

  padding: 0 5px 0 0;

}

.navbar-form .col-xs button {

  border-radius: 0 4px 4px 0;

  display: flex;

  align-items: center;

  outline: 0;

  height: 39px;

}

.navbar-form .col-xs button svg {

  fill: #fff;

  margin-right: 5px;

}

.navbar-form .col-xs button:focus {

  outline: 0;

}

.navbar-form .form-group .selectize-input {

  border-radius: 4px 0 0 4px;

}

.op-geo-location {

  color: #ea7305;

}

.operators-listing-box .activity-icon-body {

  min-height: 144px;

}

.adventures-listing ul li {

  border: none;

  height: 230px;

  min-width: auto;

}

.adventures-listing-img img {

  object-fit: cover;

  border-radius: 100%;

  width: 170px;

  height: 170px;

}

.adventures-listing ul li .media-heading a {

  color: #353130;

  font-weight: 700;

}

#top_keywords {

  float: none !important;

  height: 24px;

}

.article-summary-toggle > button {

  background: #132042;

  color: #fff;

  border-radius: 5px;

  margin-top: 15px;

  min-width: 120px;

  border: 0;

}

.lets_flex a,

.slider-nav .slick-slide {

  padding: 10px;

}

.article-summary-toggle > button:hover {

  text-decoration: none;

  background: #1e336a;

}

.top_custom_btn {

  margin: 10px 15px 0 0;

}

.lets_flex_it {

  display: flex;

  flex-wrap: wrap;

}

.lets_flex {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  gap: 10px;

}

.lets_flex a {

  flex: 1 0 38%;

}

.map_lets_flex {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.map_common_in {

  flex: 0 0 48%;

}

.left_block_section {

  display: flex;

  flex-wrap: wrap;

  justify-content: left;

  gap: 15px;

  padding-bottom: 15px;

  width: 100%;

}

.in_the_act_btn {

  padding: 6px;

  color: #fff;

  background-color: #c25f04;

  border-color: #c25f04;

}

.okeymap,

span.lets_operate_orange_it {

  color: #c25f04;

}

.in_the_act_btn:hover {

  color: #fff;

  border-color: #904703;

}

.two_one_icons img {

  width: 18px;

  height: 18px;

  filter: invert(1);

  display: block;

}

.adventure_img,

.ofc,

.south_africa_mp .media-object {

  object-fit: cover;

}

.media .media-object {

  border: none;

}

.media.media-responsive.sf-association .media-left .media-object {

  width: auto;

}

.nice_container {

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: space-between;

  align-items: space-between;

}

.okeymap {

  height: 100%;

  width: 100%;

  text-align: center;

  cursor: pointer;

  position: absolute;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  z-index: 1;

}

.okeymap::before {

  content: "";

  background: url(https://www.dirtyboots.co.za/img/bgmap33.webp) 0 0 / cover

    no-repeat;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  z-index: -2;

  border-radius: 10px;

}

.okeymap h3 {

  font-size: 24px;

  margin-top: 20px;

}

img.nice_img {

  width: 100%;

  height: 20%;

  object-fit: contain;

}

.page-heading span {

  color: #9b896f;

  font-size: 30px;

  font-weight: 600;

  display: block;

  padding: 0 0 10px;

}

.heading-buttons {

  gap: 20px;

  display: flex;

  justify-content: center;

}

.discount,

.heading-buttons a {

  color: #fff;

  display: inline-block;

}

.heading-buttons a {

  background: #132042;

  padding: 12px 20px;

  font-weight: 700;

  border-radius: 5px;

  font-size: 18px;

  margin-bottom: 5px;

  text-decoration: none;

  width: 180px;

}

.discount-label,

.discount-label span {

  font-weight: 900;

  line-height: 32px;

  font-family: sans-serif;

}

.heading-buttons a:hover {

  background: #1e336a;

}

.heading-buttons a.btn-book {

  border: 1px solid #1e336a;

}

.heading-buttons a.enquire-book {

  background: #db6b05;

}

.discount {

  background: #9b896f;

  border-radius: 10px;

  padding: 3px 20px;

  margin-top: 15px;

}

.gallery-slider {

  padding: 30px 0 80px;

  position: relative;

}

.slider-for {

  padding: 0 0 10px;

}

.slider-for .slick-slide img {

  max-width: 100%;

  border-radius: 10px;

  width: 100%;

}

.slider-nav .slick-list {

  margin: 0 -10px;

}

.slider-nav .slick-slide img {

  max-width: 100%;

  border-radius: 10px;

}

.slider-nav .slick-slide.slick-active:first-child {

  padding-left: 0;

}

.slider-nav .slick-slide.slick-active:last-child {

  padding-right: 0;

}

.discount-label {

  background: url("https://www.dirtyboots.co.za/images/label-bg.svg") 0 0/100%

    no-repeat;

  width: 200px;

  height: 110px;

  position: absolute;

  z-index: 99;

  text-align: center;

  font-size: 16px;

  top: 64px;

  right: 40px;

  padding: 25px 0 0;

}

.discount-label span {

  display: block;

  font-size: 36px;

}

.list-contact {

  margin-left: 0;

}

.list-contact li {

  display: flex;

  align-items: center;

  font-size: 18px;

  font-weight: 700;

  color: #db6b05;

  flex-wrap: wrap;

}

.list-contact li .text-cream-dark {

  background: #db6b05;

  display: block;

  width: 40px;

  height: 40px;

  position: static !important;

  margin: 0 20px 0 0;

  border-radius: 5px;

  line-height: 40px;

}

.list-contact li a {

  font-size: 18px;

  font-weight: 600;

}

.list-contact li.address b {

  font-size: 18px;

  font-weight: 600;

  color: #db6b05;

}

.list-contact li.address a {

  color: #9b896f;

  font-weight: 400;

}

.operator-page .list-contact li.address a {

  color: #db6b05;

  font-weight: 400;

}

.operator-page .list-contact li.address b {

  color: #555;

}

.list-contact li.desktop-des p {

  color: #333 !important;

  font-size: 16px;

  font-weight: 400;

  flex: 0 0 100%;

  max-width: 100%;

}

.list-contact li.desktop-des p strong {

  font-weight: 700;

}

.gallery-slider .slick-arrow,

.regular .slick-arrow {

  background: #db6b05;

  width: 38px;

  height: 38px;

  font-size: 0px;

  border: none;

  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  z-index: 999;

}

.gallery-slider .slick-prev,

.regular .slick-prev {

  background: url(../images/arrow-left.png) 50% 50%/15px auto no-repeat #db6b05;

  left: -10px;

  border-radius: 5px;

}

.gallery-slider .slick-next,

.regular .slick-next {

  background: url(../images/arrow-right.png) 50% 50%/15px auto no-repeat #db6b05;

  right: -10px;

  border-radius: 5px;

}

.gallery-slider .slick-dots {

  position: absolute;

  bottom: -30px;

  text-align: center;

  list-style: none;

  display: flex !important;

  gap: 10px;

  justify-content: center;

  width: 100%;

  padding: 0;

}

.gallery-slider .slick-dots li.slick-active button {

  background-color: #db6b05;

  border: 1px solid #db6b05;

}

.comment-slider .slick-dots li.slick-active button,

.review-btn a {

  background: #a85203;

}

.gallery-slider .slick-dots button {

  display: block;

  width: 12px;

  height: 12px;

  padding: 0;

  border: 1px solid #333;

  border-radius: 100%;

  background-color: #fff;

  text-indent: -9999px;

}

.regular {

  padding: 0 7px;

  display: none !important;

  margin-bottom: 30px;

}

.regular .slick-slide {

  padding: 0 8px;

}

.regular .slick-slide img {

  max-width: 100%;

  height: 300px;

  object-fit: cover;

}

.discount-everywhere {

  color: #c26006;

  width: 100px;

  height: 90px;

  position: absolute;

  z-index: 99;

  background-size: 100%;

  text-align: center;

  font-family: sans-serif;

  font-weight: 600;

  font-size: 10px;

  top: 6px;

  right: 29px;

  line-height: 17px;

  padding: 18px 0 0;

}

.read-more-btn,

.video-more-btn {

  font-size: 16px;

  font-weight: 500;

}

.discount-everywhere span {

  font-size: 18px;

  line-height: 7px;

}

.gallery-slider .slider-for .slick-slide img {

  height: auto !important;

}

#header .main-search-top-button {

  display: flex;

  justify-content: flex-end;

  align-items: center;

}

#header .search .search-top-button {

  margin-bottom: 0 !important;

}

#header .search .search-top-button .search-btn-action {

  width: 160px !important;

  min-height: auto !important;

}

#header .search .search-top-button .search-btn-action span {

  padding: 0 5px;

  font-size: 11px;

  display: flex;

  align-items: center;

  height: 39px;

  margin-top: 2px;

  border: 1px solid #c25f04;

  font-weight: 500;

}

#header .search .search-top-button .search-btn-action span:before {

  top: 7px;

  height: 28px;

  position: static;

  width: 36px;

}

#header .search .search-btn-action .span8:before {

  background-image: url(/img/searchbytown-new.webp);

}

.list-contact li .text-cream-dark svg path {

  fill: #ffffff !important;

}

.aspct-ra-43 {

  aspect-ratio: 4/3;

  object-fit: cover;

}

.img230 {

  max-height: 230px;

}

.img180 {

  max-height: 180px;

}

.article-listing .media {

  display: flex;

  gap: 20px;

}

.article-listing .media .media-left {

  flex: 0 0 255px;

  padding-right: 0;

}

.article-listing .media .media-object-link {

  height: 100%;

  min-height: 180px;

}

.article-listing .media .media-object {

  height: 100%;

  max-height: 100%;

  position: absolute;

  object-fit: cover;

  width: 100%;

}

.article-listing .media .media-body {

  flex: 1;

  display: flex;

  flex-wrap: wrap;

  width: auto;

}

.article-listing .media .media-body header,

.article-listing .media .media-summary,

.img-none .img-responsive {

  width: 100%;

}

.media .media-read {

  align-self: flex-end;

}

.media .media-read > a {

  margin-bottom: 0;

  margin-top: 5px;

  font-weight: 500;

}

.make_image_style_the_book .center-block {

  min-height: 231px;

  width: auto;

  max-height: 231px;

}

.navbar-header a.brand-sub-logo {

  padding: 0;

  display: flex;

  align-items: center;

}

.navbar-header a.brand-sub-logo img {

  margin: 0px;

  height: 70px !important;

  object-fit: contain;

  max-width: 95px;

}

.south-afrecal-top-section {

  padding-top: 40px;

}

#header .search .search-container {

  max-width: 1220px;

}

#header .search footer.search-buttons {

  gap: 32px;

  margin: 80px 0 -80px !important;

}

#header .search footer.search-buttons .search-btn-action {

  padding: 0;

  background: #fff;

  height: 160px;

  border-radius: 12px;

  overflow: hidden;

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

}

#header .search footer.search-buttons .search-btn-action:hover {

  background-image: url(/img/button-bg-img.png);

}

#header .search footer.search-buttons .search-btn-action span {

  background: #fff;

  padding: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  font-size: 18px;

  color: #a85203;

}

#header .search footer.search-buttons .search-btn-action:hover span {

  background: rgba(193, 97, 6, 0.75);

  color: #fff;

}

#header .search footer.search-buttons .search-btn-action span img {

  display: block;

  margin: 0 0 10px;

  width: 50px;

}

#header .search footer.search-buttons .search-btn-action:hover span img {

  filter: brightness(0) invert(1);

}

#header .search footer.search-buttons .search-btn-action span strong {

  display: block;

  padding: 5px;

  font-weight: 600;
	height: 32px;

}

.about-block {

  padding: 160px 0 80px;

}

.about-thumb,

.about-thumb-small {

  background: #ffd6af;

  padding: 10px;

  border-radius: 10px;

}

.about-thumb {

  max-width: 90%;

  overflow: hidden;

}

.about-thumb img,

.about-thumb-small img {

  max-width: 100%;

  border-radius: 10px;

  display: block;

}

.about-thumb-small {

  max-width: 50%;

  position: absolute;

  margin: 0;

  bottom: -50px;

  right: 15px;

}

.about-content h1.section-title {

  margin: 0;

  padding: 0 0 10px;

}

.about-content p {

  line-height: normal;

  display: inline-block;

}

.button-row {

  display: flex;

  align-items: center;

  padding: 20px 0 0;

}

.read-more-btn {

  background: #c06201;

  padding: 12px 20px;

  color: #fff;

  border-radius: 6px;

  margin: 0 40px 0 0;

  text-decoration: none;

}

.rating-valu,

.video-more-btn i {

  margin: 0 5px 0 0;

}

.read-more-btn:hover {

  background: #904703;

  color: #fff;

  text-decoration: none;

}

.video-more-btn {

  display: flex;

  align-items: center;

  color: #a85203;

  gap: 10px;

}

.video-more-btn i img {

  max-width: 45px;

}

body {

  font-family: Poppins, serif;

  font-weight: 400;

  padding-bottom: 68px;

}

.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: Merriweather, serif;

  font-weight: 700;

}

.article-summary-toggle > a,

.btn {

  font-weight: 500;

}

.contact-page .article-body img {

  height: 400px;

  object-fit: cover;

}

.search #content .container-sm {

  padding: 0 20px;

}

.whatsup {

  position: fixed;

  bottom: 90px;

  right: 20px;

  display: flex;

  flex-direction: column;

  gap: 20px;

  z-index: 999;

}

.whatsapp-button {

  position: relative;

  width: 70px;

  height: 70px;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;

}

.whatsapp-button .background-layer {

  background-color: rgba(37, 211, 102, 0.2);

}

.background-layer {

  position: absolute;

  width: 90px;

  height: 90px;

  border-radius: 50%;

  animation: 1.5s infinite pulse;

}

@keyframes pulse {

  0%,

  100% {

    transform: scale(1);

    opacity: 1;

  }

  50% {

    transform: scale(1.2);

    opacity: 0.7;

  }

}

.no-google-review .whatsup {

  bottom: 20px;

  right: 20px;

}

.tabcontent {

  display: none;

  padding: 0;

  -webkit-animation: 1s fadeEffect;

  animation: 1s fadeEffect;

}

@-webkit-keyframes fadeEffect {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@keyframes fadeEffect {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

.coment-post {

  text-align: center;

  padding: 0 50px;

}

.comment-slider .slick-dots {

  display: flex;

  justify-content: center;

  list-style: none;

  gap: 10px;

}

.comment-slider .slick-dots li button {

  padding: 0;

  width: 14px;

  height: 14px;

  border-radius: 10px;

  text-indent: -999999px;

  border: 1px solid #c25f04;

  background: #fff;

}

.comment-slider .slick-arrow {

  position: absolute;

  top: 50%;

  transform: translate(0, -50%);

  border: 1px solid #c25f04;

  border-radius: 100%;

  width: 40px;

  height: 40px;

  text-indent: -9999999px;

  left: 0;

  background: #fff;

  z-index: 99999;

}

.comment-slider .slick-arrow.slick-prev {

  background: url(https://dev.dogshare.host4india.in/images/slide-arrow-left.png)

    50% 50% no-repeat #fff;

  left: 0;

}

.comment-slider .slick-arrow.slick-next {

  background: url(https://dev.dogshare.host4india.in/images/slide-arrow-right.png)

    50% 50% no-repeat #fff;

  left: auto;

  right: 0;

}

body.has-sidebar .sidebar-reverse {

  position: -webkit-sticky;

  position: sticky;

  top: 100px;

}

.stars-container {

  display: flex;

  direction: ltr;

  gap: 5px;

}

.star {

  position: relative;

  width: 30px;

  height: 30px;

  background-color: #ccc;

  clip-path: polygon(

    50% 0%,

    61% 35%,

    98% 35%,

    68% 57%,

    79% 91%,

    50% 70%,

    21% 91%,

    32% 57%,

    2% 35%,

    39% 35%

  );

}

.star .filled {

  position: absolute;

  top: 0;

  left: 0;

  width: 0%;

  height: 100%;

  background-color: gold;

}

body,

html {

  height: auto;

}

.navbar-header,

html.no-google-review body {

  padding-bottom: 0;

}

.review-block {

  max-width: 100%;

  text-align: center;

  border: 1px solid #ccc;

  background: #fff;

  padding: 10px 20px;

  position: fixed;

  bottom: 0;

  left: 0;

  width: 100%;

  border-left: none;

  border-right: none;

}

.starblock {

  display: flex;

  align-items: center;

  justify-content: center;

}

.review-title {

  font-size: 24px;

  color: #000;

  padding: 0;

  font-weight: 600;

}

.rating-valu {

  font-size: 20px;

  font-weight: 700;

}

.review-btn a {

  font-size: 18px;

  padding: 6px 20px;

  display: inline-block;

  text-align: center;

  margin: 0;

  color: #fff;

  text-decoration: none;

}

.review-btn a:hover {

  background: #864203;

}

.review-inner {

  display: flex;

  align-items: center;

  gap: 15px;

  justify-content: center;

}

.review-title img {

  height: 28px;

}

.segment-1-south-africa-adventure-holidays .media .media-heading,

.segment-1-south-africa-adventure-holidays .media .media-summary {

  margin-bottom: 10px;

}

.navbar-static-top {

  position: fixed;

  width: 100%;

  top: 0;

}

#header .search.position-relative.hidden-xs {

  padding-top: 86px;

}

.navbar-toggle {

  padding: 7px 10px;

}

.offcanvas-pane {

  will-change: auto;

}

.search-toggle {

  position: absolute;

  right: 60px;

  top: 22px;

  display: none;

}

.search-toggle svg {

  width: 18px !important;

  font-size: 18px;

  margin: 0 15px;

  color: #000;

}

body.home main#content {

  padding-top: 0;

}

main#content {

  padding-top: 110px;

}

#header {

  margin: 0;

}

.article .article-summary-toggle {

  border-bottom: none;

}

.offcanvas-item .navbar-toggle {

  border: 1px solid #bfbfbf;

  border-radius: 100%;

  height: 38px;

}

.offcanvas-item .nav-icon {

  width: 16px;

}

.offcanvas-right.in {

  transform: translateX(-350px);

}

.offcanvas-item {

  width: 350px;

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

  z-index: 9;

  background: #f5f5f5;

}

.nav-stacked > li {

  border-bottom: 1px solid #ccc;

}

.offcanvas-item .panel-body {

  padding-left: 0 !important;

  padding-right: 0 !important;

}

.search-body > header.pt-4 {

  height: 520px;

  padding-top: 225px;

}

.search-body > header footer.h4 {

  font-size: 42px;

  padding: 0 200px;

  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	height: 95px

}



@media (max-width: 1100px) {

  .search-body > header footer.h4 {

    padding: 0;

  }

}

@media (max-width: 767px) {

  body.home .mobile-banner {

    padding-top: 118px;

  }

  main#content {

    padding-top: 114px;

  }

  .navbar-toggle {

    margin-top: 15.5px;

    margin-bottom: 15.5px;

  }

  .navbar-brand {

    height: 65px;

  }

  header#header .navbar img.navbar-brand-img {

    height: 64px !important;

  }

  body #header .search-form.navbar-form {

    position: absolute;

    width: 100% !important;

    left: 0;

    background: #fff;

    top: 58px;

    display: none;

  }

  #header .main-search-top-button {

    padding-top: 0;

  }

  .navbar-form .form-group.col-sm-5.flex-fill {

    margin-bottom: 0;

  }

  .navbar-form .col-xs button {

    height: 38px !important;

  }

  .search-toggle {

    display: block;

  }

  .page-heading h1:before {

    display: none;

  }

  .page-heading h1 {

    margin-bottom: 15px;

  }

  .desktop-body-description {

    display: none !important;

  }

  .mobile-body-description {

    display: block !important;

  }

}

.article-listing .media.no_more_data {

  background: url(../img/megaphone.png) 10px 10px/70px no-repeat #fff0e2;

  border: 1px solid #c25f04 !important;

  padding: 20px 15px 20px 90px;

  max-width: 860px;

  margin: 50px auto;

  border-radius: 5px;

}



/* .btn-default {

  background-color: #a85203;

  border-color: #a85203;

} 

 a {

  color: #6f3703;

} */

.text-gray-light {

  color: #666;

}

#footer .copyright a {

  color: #885000;

}

.article-listing .media .media-summary,

.desktop-body-description {

  display: block;

}



.media .media-heading {

  color: #9b896f;

}



/* a{color:#6f3703} */

.page-heading h1.adventure-holidays-top-heading span {

  font-size: 41px;

  padding-top: 10px;

}



.page-heading h1.adventure-holidays-top-heading .small {

  margin-bottom: 10px !important;

}



.page-heading h1.adventure-holidays-top-heading a:hover {

  text-decoration-thickness: 2px;

}

.navbar-form .col-xs button svg {

  width: 16px;

  height: 16px;

}

@media (max-width: 1200px) {

  .slider-nav {

    display: none !important;

  }

  #header .search .search-top-button .search-btn-action {

    width: 130px !important;

  }

  #header .search .search-container {

    max-width: 1050px;

  }

  #header .search footer.search-buttons {

    gap: 15px;

  }

}

@media (min-width: 992px) {

  header#header .embed-responsive-header .slides .slick-arrow-prev {

    left: 15px;

  }

  header#header .embed-responsive-header .slides .slick-arrow-next {

    right: 15px;

  }

  .offcanvas-right.in {

    transform: translateX(-350px);

  }

}

@media (min-width: 1200px) {

  header#header .embed-responsive-header .slides .slick-arrow-prev {

    left: 10%;

  }

  header#header .embed-responsive-header .slides .slick-arrow-next {

    right: 10%;

  }

  .segment-1-associations

    #header

    .search

    .search-top-button

    .search-btn-action {

    width: 150px !important;

  }

}

.desktop-des {

  text-align: justify;

}

@media (max-width: 1199px) {

  #header .search-form.w-sm-75 {

    width: 46% !important;

  }

  #header .search .search-top-button .search-btn-action span {

    padding: 0 4px;

  }

}

@media (max-width: 991px) {

  #header .search-form.w-sm-75.input .w-sm-75 {

    width: 75% !important;

  }

  #header .search .search-top-button .search-btn-action {

    width: 100px !important;

  }

  #header .search .search-container {

    max-width: 790px;

  }

  #header .search footer.search-buttons .search-btn-action span {

    font-size: 16px;

  }

}

@media (max-width: 767px) {

  .slider-for .slick-slide img {

    object-fit: cover;

    height: 340px;

  }

  .okeymap {

    height: 100%;

  }

  .okeymap h3 {

    margin-top: 5px;

  }

  .okeymap::before {

    background-size: auto;

    background-position: center bottom;

  }

  .about-row,

  .article-listing .media,

  .mobile-banner {

    display: block;

  }

  .article-listing .media .media-left {

    padding: 0 0 20px;

    display: block;

  }

  .article-listing .media .media-object {

    position: static;

    max-height: 230px;

  }

  .page-heading h1:before {

    content: "";

    display: block;

    border-bottom: 1px solid;

    position: absolute;

    top: 5px;

    left: -10px;

    right: -10px;

  }

  .page-heading h1 {

    padding: 17px 0;

  }

  #header,

  .navbar-form .col-xs button svg {

    margin: 0;

  }

  h2.mobile-only-heading {

    display: block;

    margin-top: -10px;

    color: #9b896f;

    text-align: center;

    font-size: 28px;

    margin-bottom: 20px;

  }

  .map_common_in .embed-responsive-h-screen {

    padding-bottom: 50vh;

  }

  .mCSB_horizontal.mCSB_inside > .mCSB_container,

  .map_common_in:last-child {

    margin-bottom: 20px;

  }

  .media-read {

    flex-wrap: wrap;

    justify-content: space-between;

  }

  .about-left,

  .map_common_in {

    flex: 0 0 100%;

  }

  .region_list_data {

    padding-top: 25px;

  }

  .mobile-des {

    display: block;

    padding: 20px 0 50px;

    text-align: justify;

  }

  .about-thumb-small,

  .desk_only,

  .desktop-des,

  .embed-responsive-header.desktop-banner,

  .mobile-town-read-more,

  .section-title:after {

    display: none;

  }

  .embed-responsive.embed-responsive-16by9.visible-xs {

    padding: 0;

  }

  form.search-form.navbar-form {

    position: relative;

  }

  .navbar-form .col-xs button {

    position: absolute;

    top: 10px;

    z-index: 1;

    right: 9px;

    width: auto;

    height: 39px;

  }

  .navbar-form .form-group .selectize-input {

    border-radius: 4px;

  }

  .media .media-read > a {

    padding: 6px 16px;

    flex: 0 0 auto;

  }

  .navbar-form .form-group.col-sm-5.flex-fill {

    padding: 0 5px;

  }

  #select-location-selectized,

  .valu-count {

    font-size: 14px;

  }

  .adventures-listing ul li {

    border: none;

    min-width: 88px;

    height: 145px;

    margin-right: 15px;

  }

  .adventures-listing-img img {

    width: 78px;

    height: 78px;

    border-radius: 100%;

  }

  .adventures-listing ul li .media-heading {

    background: 0 0;

    padding: 10px 0;

    font-size: 14px;

  }

  .adventures-listing ul li .media-heading a {

    color: #353130;

    font-weight: 700;

  }

  .custom-heading .section-title {

    margin: 20px 0 10px;

    font-size: 16px;

  }

  .gallery-slider {

    padding: 30px 0;

  }

  .discount-label {

    font-size: 14px;

    line-height: 16px;

    width: 180px;

    top: 40px;

  }

  .rating-valu,

  .review-title {

    font-size: 18px;

  }

  .discount-label span {

    font-size: 22px;

  }

  .discount-everywhere {

    width: 140px;

    top: 10px;

    right: 25px;

  }

  .discount-everywhere span {

    line-height: 20px;

  }

  .regular {

    display: block !important;

  }

  .regular .slick-slide img {

    height: 160px;

  }

  #header .main-search-top-button {

    display: block;

    padding-top: 7px;

  }

  #header .search-form.w-sm-75 {

    width: auto !important;

    margin: 0 !important;

    border: none;

  }

  #header .search .search-buttons.search-top-button {

    display: flex;

  }

  #header .search .search-top-button .search-btn-action {

    width: 32.3333% !important;

  }

  #header .search .search-top-button .search-btn-action span {

    padding: 6px;

  }

  #header .search .search-top-button .search-btn-action span:before {

    top: 3px;

  }

  .home #content .pt-4,

  .south-afrecal-top-section {

    padding-top: 30px;

  }

  .media .media-summary,

  .position-relative .slick-slider .media .media-summary {

    margin-bottom: 0;

  }

  .home #content .pb-4 {

    padding-bottom: 30px;

  }

  .home #content .section-title {

    margin-bottom: 10px;

  }

  .mob_only {

    display: block;

    padding: 0 0 15px;

  }

  .media .mob_only .media-heading {

    font-size: 24px;

  }

  .about-block {

    padding: 30px 0 65px;

  }

  .about-content h1.section-title {

    text-align: center;

  }

  .about-thumb {

    max-width: 100%;

    margin-bottom: 15px;

    display: none;

  }

  .about-thumb img {

    width: 100%;

  }

  .operator-page .embed-responsive {

    padding-bottom: 100%;

  }

  .whatsup {

    bottom: 70px;

    right: 10px;

  }

  .no-google-review .whatsup {

    bottom: 20px;

    right: 20px;

  }

  .background-layer {

    width: 70px;

    height: 70px;

  }

  .whatsapp-button {

    width: 50px;

    height: 50px;

  }

  body {

    padding-bottom: 95px;

  }

  html.no-google-review body {

    padding-bottom: 0;

  }

  .review-inner {

    flex-wrap: wrap;

    gap: 5px;

  }

  .review-title {

    flex: 0 0 100%;

    padding: 0 0 10px;

  }

  .review-title img {

    height: 24px;

  }

  .review-block {

    padding: 10px 0;

  }

  .star {

    width: 16px;

    height: 16px;

  }

  .stars-container {

    gap: 3px;

  }

  .review-btn a {

    font-size: 14px;

    padding: 6px 10px;

  }

  .mobile-town-feature-image {

    display: block !important;

    margin-bottom: 20px;

  }



  body.has-sidebar .sidebar-reverse { position: static; }

}

@media (max-width: 480px) {

  .slider-for .slick-slide img {

    height: 270px;

  }

  .media.media-responsive .media-left.associations-page-img img.media-object {

    height: 160px;

    object-fit: cover;

  }

  .media.media-responsive .media-left .media-object {

    width: 100%;

    height: 230px;

  }

  .left_block_section {

    left: 3px;

    right: 3px;

    margin: 0 auto;

    width: 100% !important;

    margin-top: 15px; 

  }



}

@media (max-width: 479px) {

  .region_list,

  section.article-listing {

    margin: 15px 0 0 0;

  }

  .navbar-brand {

    padding: 30.5px 8px;

  }

  .navbar-brand span {

    font-size: 12px;

  }

  .region_list {

    width: 100%;

  }

  .lets_flex a {

    flex: 1 0 50%;

  }

}

/* .desktop-body-description{ min-height:230px;}

section#clc-sponsor-crousel {

    min-height: 166px;

} */





.associations-mobilebar { display: none;}



.segment-1-the-best .article .article-body img { max-width:100%; }

 

@media (max-width:991px){

 

.associations-sidebar { display:none; }

 

.associations-mobilebar { display: block; padding: 20px 0 0 0; }

.associations-mobilebar .panel { margin-bottom: 0px; }

 

}

 

@media (max-width:767px){

 

.segment-1-associations .article-listing .region_list_data { padding-top: 0px; }





.address .fa-li { display: none !important; }



.left_block_section {  margin-top: 15px; }



section.article-listing .media.media-responsive { padding-bottom: 0px; margin-bottom: 0px; }

 

}





.adventure-south .article-listing .media .media-summary { min-height: auto; margin-bottom: 10px;}

 

 

@media (min-width: 1199px) {

 

    .adventure-south { display: flex; position: relative; }  

    .adventure-south .article-listing { padding-left: 15px; width: 50%; position: relative; }

    .adventure-south .adventure-side-bar { padding-right: 15px; width: 50%; padding-bottom:0px; }

    .adventure-south .article-listing:after { content: ""; position: absolute; line-height: 1px;  border-left: 1px solid #f4e9dc; z-index: -1; top: 0; bottom: 0; left: 0px; }

   

}

   

   

   .adventure-south  .adventure-side-bar { padding-bottom: 30px; }

   .adventure-south .article-listing h3.adventure-top {padding: 0px 0 15px 0 !important; margin: 0; text-align: center;}



   /* home page banner */



.img-main-banner { position: absolute; right: 0; bottom: 0; object-fit: cover; left: 0; width: 100%;  top: 0; margin: auto; height: auto; }



.slide-main-img{ overflow: hidden;}





@media (max-width:1400px){



.img-main-banner { margin: 0; }



}