/*-----------------------------------------------------------------------------------*/
/*	Reset default browser CSS.
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	Based on work by Eric Meyer and html5doctor.com
/*-----------------------------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/*-----------------------------------------------------------------------------------*/
/*	Remember to define focus styles!
/*-----------------------------------------------------------------------------------*/

:focus {
	outline: 0;
}
body {
	background: #FFF;
	-webkit-font-smoothing: antialiased;
}
ol, ul {
	//list-style: none;
}
/*-----------------------------------------------------------------------------------*/
/*	Tables still need 'cellspacing="0"' in the markup
/*-----------------------------------------------------------------------------------*/

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
img {
	vertical-align: middle;
	border: 0px;
}
/*-----------------------------------------------------------------------------------*/
/*	Headings
/*-----------------------------------------------------------------------------------*/

hr {
	background-color: #ffffff;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
/*-----------------------------------------------------------------------------------*/
/*	Links
/*-----------------------------------------------------------------------------------*/

a {
	text-decoration: none;
 -o-transition: all .3s;
 -moz-transition: all .3s;
 -webkit-transition: all .3s;
 -ms-transition: all .3s;
	cursor: pointer;
}
a:visited {
}
a:focus, a:active, a:hover {
	text-decoration:underline;
}
/*-----------------------------------------------------------------------------------*/
/*	Text meant only for screen readers
/*-----------------------------------------------------------------------------------*/

.screen-reader-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
/*-----------------------------------------------------------------------------------*/
/*	Structure
/*-----------------------------------------------------------------------------------*/

.jbpopupimg {
	max-width:100%;
}


/* HTML Tag Redefinition */
fieldset {
	border: 1px solid #ccc;
}
/* error text class optionally provided by theme */
div.ccm-error-response {
	color: #f00;
	margin-bottom: 12px
}
/* currency widget */
#currency-selector {
	visibility: hidden;
	float: right;
	width: 200px;
	text-align: right;
	margin-top: 20px;
	height: 30px;
}
/* top menu */
#top-menu-wrap {
	background-color: #EC802B;
}
#top-menu {
	text-align: right;
}
#top-menu ul {
	margin: 0;
	padding: 0;
}
#top-menu li {
	list-style-type: none;
	display: inline-block;
	margin-right: 10px;
}
#top-menu a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 32px;
	padding: 0;
}
#top-menu a:hover, #top-menu a:focus {
	text-decoration: underline;
	background: none;
}
#top-menu li.nav-hidden {
	display: inline-block !important;
}
.nav-hidden {
	display: none !important;
}
/* header*/
#header-wrap {
	-webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 5px 5px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 5px 5px rgba(50, 50, 50, 0.75);
}
#header {
	padding-bottom: 10px;
}
/* Logo */
a#logo {
	margin-top: 15px;
	display: table;
}
/* main menu */
#main-menu {
	text-align: right;
	float: right;
	margin-top: 0px;
	line-height: 20px;
}
#main-menu ul {
	margin: 0;
	padding: 0;
}
#main-menu li {
	list-style-type: none;
	display: inline-block;
	margin-right: 14px;
}
#main-menu a {
	color: #378D02;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 32px;
	font-size: 13px;
	padding: 0;
}
#main-menu a:hover {
	background: none;
}
#main-menu ul li ul {
	position: absolute;
	z-index: 30;
	left: -999em;
	width: 212px;
	background: #fff;
	background: rgba(255, 255, 255, 0.85);
	border-bottom: 3px solid #378D02;
	padding-top: 7px;
	padding-bottom: 7px;
}
#main-menu ul li ul li:first-child {
	border-top: 3px solid #378D02;
	padding-top: 4px;
}
#main-menu ul li:hover ul {
	left: auto;
}
#main-menu ul li ul li {
}
#main-menu ul li ul li a {
	display: block;
	width: 182px;
	padding: 0 10px 0 20px;
	line-height: 22px;
	text-transform: none;
	font-size: 13px;
	text-align: left;
	color: #666;
}
#main-menu ul li ul li a:hover {
	color: #378D02;
}
#main-menu a:hover {
	text-decoration: underline;
}
/* hero */
#hero {
	margin: 0 auto;
}
#hero img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
}
/* search */
#search {
	clear: both;
	min-height: 81px;
	background: #BFBFBF;
	border-bottom: 1px solid #ECECEC;
	margin: 0 auto 10px auto;
	padding: 0 0 15px;
}
#search-inner {
	padding-left: 20px;
}
/* Sidebar */
#sidebar-top {
	background: #ddd;
	border-radius: 6px;
	border: 1px solid #D4D4D4;
	padding: 25px 20px;
	margin-bottom: 30px;
}
#sidebar-top ul {
	padding: 20px 0 0 0;
	margin: 0;
}
#sidebar-top ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#sidebar-top ul li a {
	color: #333;
	display: block;
	padding: 5px 0;
	font-size: 15px;
	font-weight: normal;
}
/* footer */
#footer-wrap {
	background: #EDF1F4;
	margin-top: 30px;
}
#footer {
	padding: 60px 0 40px 0;
}
#footer-copyright {
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: 1px solid #D1D6D9;
}
/* Page Elements */
.pagingNav {
	margin: 16px 0px 8px 0px
}
.pagination {
	text-align: center;
	color: #bbb;
	padding-top: 4px
}
.pagination .pageRight {
	width: 20%;
	float: right;
	text-align: right
}
.pagination .pageLeft {
	width: 20%;
	float: left;
	text-align: left
}
/* MISC STYLES & SHORTCUTS */
div.code {
	border: 1px solid #ddd;
	background: #eee;
	padding: 10px
}
div.spacer, div.ccm-spacer {
	clear: both;
	font-size: 1px;
	line-height: 1px
}
.noTopSpace {
	margin-top: 0px;
	padding-top: 0px
}
div.pageSection {
	margin-bottom: 10px;
}
.clear {
	clear: both;
}
/* Safari */
#safari-enquiry-button a.button {
	display: block;
	float: right;
	background: #398F05;
	color: #fff;
	width: 20%;
	padding: 12px 0;
	line-height: 26px;
	border-bottom: 4px solid #296C00;
	border-radius: 2px;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
#safari-enquiry-button a.button:hover {
	background: #459D0F;
}
#safari-price-top {
	color: #459D0F;
	font-size: 24px;
	text-align: center;
	float: right;
	width: 20%;
	padding: 0 0 10px 0;
	font-style: italic;
}
#safari-price-top span {
	font-size: 14px;
	color: #888;
}
#safari-price-top .currency {
	line-height: 120%;
}
#safari-price-top .currency .convcurrency {
	color: #459D0F;
	font-size: 24px;
}
#safari-content {
	float: left;
	width: 75%;
	margin-top: 10px;
	margin-bottom: 10px;
}
#safari-tabs {
	margin-top: 0;
	min-height: 300px;
	margin-bottom: 40px;
}
#safari-tabs-nav {
	border-bottom: 1px solid #C0C0C0;
	height: 37px;
	margin: 20px 0 20px 0;
	padding: 0 0 0 12px;
}
#safari-tabs-nav li {
	list-style-type: none;
	float: left;
	margin-left: 4px;
}
#safari-tabs-nav li a {
	background: #ddd;
	display: block;
	height: 36px;
	line-height: 36px;
	border: 1px solid #C0C0C0;
	border-bottom: 0;
	color: #000;
	text-decoration: none;
	padding: 0 22px;
	border-radius: 2px;
	text-transform: uppercase;
	font-weight: bold;
}
#safari-tabs-nav li a:hover {
	background: #E7E6E6;
}
#safari-tabs-nav li a.selected {
	background: #EC802B;
	color: #fff;
	border-color: #D96F1C;
}
#safari-tabs-nav li a.selected:hover {
	background: #F38A37;
}
#safari-overview-left {
	width: 60%;
	float: left;
}
#safari-overview-right {
	width: 35%;
	float: right;
}
#safari-enquiry-form {
}
/* vehicles sprite */
div.vehicles-single {
	width: 130px;
}
div.vehicles-double {
	width: 260px;
}
div.vehicles-1 {
	width: 130px;
	height: 67px;
	background: transparent url('/themes/african_safaris/images/vehicles.png') 0 0 no-repeat;
	float: left;
}
div.vehicles-2 {
	width: 130px;
	height: 67px;
	background: transparent url('/themes/african_safaris/images/vehicles.png') 0 0 no-repeat;
	float: left;
}
div.vehicles-open-4wd {
	background-position: 0 0;
}
div.vehicles-closed-4wd {
	background-position: -130px 0;
}
div.vehicles-minivan {
	background-position: -260px 0;
}
div.vehicles-plane {
	background-position: -390px 0;
}
div.vehicles-truck {
	background-position: -520px 0;
}
/* half-sized version */
div.vehicles-single {
	width: 650px;
	height: 34px;
	padding-top: 17px;
}
.safari-tile div.vehicles-double {
	width: 65px;
	height: 68px;
}
.safari-tile div.vehicles-1, .safari-tile div.vehicles-2 {
	width: 65px;
	height: 34px;
	background: transparent url('/themes/african_safaris/images/vehicles-small.png') 0 0 no-repeat;
}
.safari-tile div.vehicles-open-4wd {
	background-position: 0 0;
}
.safari-tile div.vehicles-closed-4wd {
	background-position: -65px 0;
}
.safari-tile div.vehicles-minivan {
	background-position: -130px 0;
}
.safari-tile div.vehicles-plane {
	background-position: -195px 0;
}
.safari-tile div.vehicles-truck {
	background-position: -260px 0;
}
/* slideshow */
.slideshow {
	background: #eee;
	width: 100%;
	position: relative;
	height: 511px;
}
.slideshow_homepage {
	height: 420px;
	height: 385px;
}
.slideshow_nav {
	height: 90px;
	border-top: 1px solid #fff;
}
.slideshow_nav_homepage {
	height: 90px;
	position: absolute;
	margin-top: -63px;
	z-index: 20;
	text-align: right;
	border: 0;
	right: 20px;
}
.slideshow_nav a {
	width: 90px;
	height: 90px;
	background: white;
	display: block;
	float: left;
	margin: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.slideshow_nav a:last-child {
	float: right;
}
.slideshow_nav_homepage a {
	width: 8px!important;
	height: 8px;
	border: 2px solid #fff;
	background: #fff;
	border-radius: 6px;
	margin-left: 6px;
}
.slideshow_nav a span {
	display: block;
	height: 90px;
	border-right: 1px solid #fff;
}
.slideshow_nav a:last-child span {
	border-right: 0;
}
.slideshow_nav_1 a {
	width: 20%;
}
.slideshow_nav_2 a {
	width: 20%;
}
.slideshow_nav_3 a {
	width: 20%;
}
.slideshow_nav_4 a {
	width: 25%;
}
.slideshow_nav_5 a {
	width: 20%;
}
.slideshow_nav_6 a {
	width: 16.666666%;
}
.slideshow a.slideshow_box {
}
.slideshow a.activeSlide {
}
.slideshow_homepage a.activeSlide {
	background: #EC802B;
}
.slideshow .slideshow_caption {
}
a.slideshow_prev, a.slideshow_next {
	display: block;
	position: absolute;
	z-index: 12;
	width: 50px;
	height: 50px;
	margin-top: 200px;
	background: transparent url('/themes/african_safaris/images/slideshow-arrows.png') left top no-repeat;
}
a.slideshow_prev {
	background-position: left -150px;
}
a.slideshow_next {
	background-position: left -100px;
	right: 0;
}
.slideshow_homepage a.slideshow_prev, .slideshow_homepage a.slideshow_next {
}
a.slideshow_prev:hover {
	background-position: left -50px;
}
a.slideshow_next:hover {
	background-position: left top;
}
.slideshow {
}
.slideshow .display_none {
	display:none;
}
.slideshow_images {
	height: 420px;
}
.slideshow_homepage .slideshow_images {
	height: 385px;
}
.slideshow_images a {
	display: block;
	width: 100%;
	text-align: center;
}
.slideshow_images div {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 420px;
}
.slideshow_homepage .slideshow_images div {
	height: 385px;
}
/* signup form */
#ccsfg {
}
#ccsfg ul {
	margin: 0;
	padding: 25px 0 0 0;
	width: 358px;
}
#ccsfg ul li {
	list-style-type: none;
	height: 40px;
	margin: 0 0 10px 0;
	padding: 0;
	width: 358px;
	-webkit-box-shadow: 1px 1px 3px rgba(128, 128, 128, 0.75);
	-moz-box-shadow:    1px 1px 3px rgba(128, 128, 128, 0.75);
	box-shadow:         1px 1px 3px rgba(128, 128, 128, 0.75);
}
#ccsfg ul li:last-child {
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}
#ccsfg label {
	display: block;
	float: left;
	width: 100px;
	line-height: 40px;
	background: #888;
	color: #fff;
	padding-left: 10px;
}
#ccsfg input {
	float: right;
	width: 258px;
	height: 40px;
	line-height: 40px;
	border: 0;
	padding: 0 10px;
}
#ccsfg span {
	font-size: 10px;
	color: #398F05;
	line-height: 40px;
	display: inline-block;
	font-style: italic;
}
#ccsfg input#signup {
	background: #EC802B;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	border-bottom: 4px solid #D4650E;
	border-radius: 2px;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	width: 246px;
	padding: 0 10px;
}
#ccsfg input#signup:hover {
	background: #F18632;
}
/* category page */
h2.safari-tiles-group {
	clear: both;
	color: #398F05;
	color: #372F2B;
	margin-top: 50px;
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 30px;
	text-transform: none;
	background-position: left center;
	background-repeat: no-repeat;
	height: 50px;
	line-height: 50px;
	padding-left: 0;
}
.safari-tiles {
	padding: 0;
	margin: 0;
}
.safari-tile {
	min-height: 390px;
	height: auto;
	background: #fff;
	border-radius: 5px;
	position: relative;
	padding: 0;
	margin: 0 0 10% 0;
	list-style-type: none;
	-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75);
}
.safari-tile-highlight {
	height: 380px;
}
.safari-tile-description {
	text-align: left;
	padding: 0 10px 10px 10px;
	font-size: 13px;
	line-height: 110%;
}
.safari-tile img {
	width: 100%;
	height: auto;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	khtml-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.safari-tile h3 {
	text-transform: uppercase;
	color: #372F2B;
	padding: 5px 8px 2px 8px;
	line-height: 20px;
	overflow: hidden;
	font-size: 15px;
}
.safari-tile-highlight h3 {
	text-align: center;
	padding-bottom: 5px;
}
.safari-tile h3 a {
	color: #372F2B;
}
.safari-tile .countries-visited {
	padding: 0 10px;
	color: #888;
	font-size: 12px;
}
.safari-tile-price {
	float: left;
	width: calc(60% - 8px);
	padding-left: 8px;
	padding-top: 6px;
	background: #fff;
}
.safari-tile-price h4 {
	color: #398F05;
	font-weight: normal;
	font-size: 12px;
	text-transform: none;
	padding-top: 0;
	maring-top: 0;
	padding-bottom: 0;
	maring-bottom: 0;
}
.safari-tile-price strong {
	color: #372F2B;
	font-size: 14px;
	font-weight: bold;
	display: block;
}
.safari-tile-price em {
	color: #398F05;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}
.safari-tile-price span.note {
	font-size: 10px;
	color: #372F2B;
}
.safari-tile-vehicle {
	float: right;
	width: calc(40% - 8px);
	padding-right: 8px;
	padding-top: 6px;
}
.safari-tile-vehicle .vehicles-single {
	width: 100%;
	height: auto;
}
.safari-tile div.buttons {
	margin: 0 8px;
}
.safari-tile a.button {
	display: inline-block;
	background: #398F05;
	color: #fff;
	width: 49%;
	padding: 4px 0;
	line-height: 18px;
	border-bottom: 4px solid #296C00;
	border-radius: 2px;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	margin: 10px 0 0;
}
.safari-tile a.button-grey {
	background: #888;
	border-bottom: 4px solid #6C6B6B;
}
.safari-tile a.button:hover {
	background: #459D0F;
}
.safari-tile a.button-grey:hover {
	background: #999;
}
.safari-tile .safari-tile-accommodation {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	float: right;
	width: calc(40% - 28px);
	margin-right: 28px;
	height: 45px;
}
.fly-road {
	width: 65px;
	height: 65px;
	position: absolute;
	right: 0;
	border-radius: 0 5px 0 0;
}
.fly-road-fly {
	background: transparent url('/themes/african_safaris/images/fly-in-3.png') right top no-repeat;
}
.fly-road-road {
	background: transparent url('/themes/african_safaris/images/fly-in-road-3.png') right top no-repeat;
}
/* search box select */
#search-form .button-wrap {
	display: inline-block;
	background: transparent;
	height: 48px;
	line-height: 48px;
}
#search-form .button-search {
	background: #EC802B url('/themes/african_safaris/images/search.png') left top no-repeat;
	width: 129px;
	padding: 0 0 0 50px;
	height: 48px;
	line-height: 52px;
	border: 0;
	display: block;
	margin-top: 22px;
	margin-left: 12px;
	padding: 0;
	text-indent: -999em;
	color: #fff;
	font-size: 0;
	cursor: pointer;
}
#search-form .button-contact {
	background: #EC802B url('/themes/african_safaris/images/contactus.png') left top no-repeat;
	width: 129px;
	padding: 0 0 0 50px;
	height: 48px;
	line-height: 52px;
	border: 0;
	display: block;
	margin-top: 22px;
	margin-left: 12px;
	padding: 0;
	text-indent: -999em;
	color: #fff;
	font-size: 0;
	cursor: pointer;
}
#search-form input.keywords {
	line-height: 48px;
	background: transparent url('/themes/african_safaris/images/keywords.png') left top no-repeat;
	width: 220px;
	padding: 0 0 0 50px;
	height: 46px;
	border: 0;
	display: inline-block;
	margin: 16px 10px 0 0;
}
.customSelect-wrap {
	background: #fff url('/themes/african_safaris/images/select.png') left top no-repeat;
	width: 250px;
	height: 50px;
	line-height: 46px;
	padding: 0 0 0 65px;
	color: #444;
	margin: 16px 10px 0 0;
	border: 0;
	display: inline-block;
}
#customSelect-wrap-destination {
	background: #fff url('/themes/african_safaris/images/select-destination.png') left top no-repeat;
}
#customSelect-wrap-experiences {
	background: #fff url('/themes/african_safaris/images/select-experiences.png') left top no-repeat;
}
#customSelect-wrap-num-days {
	background: #fff url('/themes/african_safaris/images/select-num-days.png') left top no-repeat;
}
#customSelect-wrap-price-range {
	background: #fff url('/themes/african_safaris/images/select-price-range.png') left top no-repeat;
}
.customSelect {
	/* This is the default class that is used */
	/* Put whatever custom styles you want here */
	width: 250px;
}
.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
}
.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}
.customSelect.customSelectFocus {
/* Styles for when the select box is in focus */
}
.customSelect.customSelectDisabledOption {
/* Styles for when the selected item is a disabled one */
}
.customSelect.customSelectDisabled {
/* Styles for when the select box itself is disabled */
}
.customSelectInner {
/* You can style the inner box too */
}
/* slideshow block */
.ccm-SlideshowBlock-display {
	position:relative;
	width:100%;
	height:auto;
	clear: both;
}
.ccm-SlideshowBlock-display .slideImgWrap {
	position:absolute;
	width:100%;
	height:auto;
	top:0px;
	left:0px;
}
.ccm-SlideshowBlock-display .slideImgWrap a {
	text-decoration:none;
}
.full-width-image img {
	width: 100%;
	height: auto;
}
/* location list */
#sidebar-top ul li.nav-featured {
}
#sidebar-top ul li.nav-featured a {
	color: #EC802B;
	font-weight: bold;
}
#sidebar-top ul li.nav-selected, #sidebar-top ul li.nav-path-selected {
	text-decoration: underline;
}
/* breadcrumbs */
#safari-breadcrumbs {
	margin-bottom: 10px;
}
/* form */
#Question1 {
	width: 350px;
}
/* specials */
.specials {
	display: block;
	clear: both;
	background: #EC802B;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 10px 2%;
	margin-bottom: 10px;
	border-radius: 3px;
}
.specials a {
	text-decoration: underline;
	color: #fff;
}
.specials a:hover {
	text-decoration: underline;
	color: #fff;
}
#cboxOverlay {
	background: rgba(0, 0, 0, 0.8)!important;
}
.is-special {
	position: absolute;
	background: #D4650E;
	color: #fff;
	text-align: center;
	width: 276px;
	margin-top: 151px;
	height: 24px;
	line-height: 24px;
	font-weight: bold;
	letter-spacing: 1.5px;
}
/* honeypot */
#cc-email {
	display: none;
}
/* Extra added by Rony */
.navbar {
	min-height: auto;
	margin-bottom: 0px;
	border: 0px;
}
.navbar-toggle .icon-bar {
	background-color: #ec802b;
}
.navbar-toggle {
	border: 1px solid #ec802b;
}
.vimeo-block {
	margin-bottom: 10px;
}

.pbmain {
max-width: 90%;
}

@media screen and (max-width: 480px) {
	#ccsfg ul {
		width: 100%;
	}
	#ccsfg ul li {
		width: auto;
	}
	#ccsfg label {
		float: left;
		margin: 0;
		width: 35%;
	}
	#ccsfg input {
		float: left;
		width: 65%;
	}
	#ccsfg span {
		font-size: 10px;
		color: #398F05;
		line-height: 40px;
		display: inline-block;
		font-style: italic;
	}
	#ccsfg input#signup {
		width: 100%;
	}
	#footer-copyright {
    	padding-top: 30px;
		padding-bottom: 30px;
	}
	#footer-copyright img {
		display: table;
		height: auto;
		margin: 0 auto;
		max-width: 100%;
	}
	select#destination, select#experience, select#num_days {
		width: 186px !important;
		height: 50px !important;
	}
	.customSelect {
    	width: 186px;
	}
	.customSelect-wrap {
		line-height: 50px;
	}
	#safari-tabs-nav {
		padding: 0;
		height: auto;
	}
	#safari-tabs-nav li {
		float: none;
		margin-left: 0px;
	}
	h2.safari-tiles-group {
		font-size: 22px;
		font-weight: bold;
		margin-top: 20px;
		line-height: 30px;
		height: auto;
	}
	#safari-tabs {
		margin-bottom: 0;
	}
	#sidebar-top {
		display: none;
	}
	ul.nav {
		padding-top: 20px;
	}
	ul.nav li {
    	padding-right: 15px;
	}
	.fa-home span,.fa-money span,.fa-thumbs-o-up span,.fa-question span,.fa-smile-o span,.fa-heart span {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	#sidebar img.ccm-image-block {
		height: auto;
		max-width: 100%;
	}
	#top-menu li {
		float: left;
		font-size: 12px;
	}
	#top-menu a {
		line-height: 1.5em;
		font-size: 18px;
	}
	a#logo {
		margin: 15px auto 0;
	}
	#currency-selector {
		display: none
	}
	#main-menu {
		float: none;
		text-align: left;
	}
	#main-menu li {
		display: block;
	}
	#search-form .button-wrap {
		height: auto
	}
	#body {
		margin-top: 25px
	}
	body .heading h1.large {
		font-size: 24px !important;
	}
	#___page_0 {
		display: table !important;
		margin: 0 auto !important;
	}
	body .heading h2.medium {
		font-size: 18px !important;
	}
	body .heading h3.medium {
    	font-size: 17px !important;
	}
	.customSelect-wrap {
		display: block;
	}
	.ccm-layout-table .ccm-layout-col {
		float: none !important;
		width: 100% !important;
	}
	#footer {
    	padding: 40px 0;
	}
	#footer-column-1, #footer-column-2, #footer-column-3 {
		margin-bottom: 15px;
		border-bottom: 1px solid #ddd;
	}
	#footer-column-3 table {
		width: 100%;
	}
	.vimeo-area { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; margin-bottom: 20px; }
	.vimeo-area iframe, .vimeo-area embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	img.auto_sized_image {
		max-width: 100%;
		height: auto;
		display: table;
		margin: 0 auto;
	}
	.auto_sized_image_wrap {
		margin: 0 0 20px !important;
	}
	.safari-tile img {
		display: table;
		height: auto;
		margin: 0 auto;
		max-width: 100%;
		width: auto;
	}
	#body iframe {
    	width: 100%;
	}
	#body iframe .zc-appformtable{
		padding-left: 0 !important;
	}
	#body iframe .zc-inputtext {
		width: 68% !important;
	}
	ul.thumbnails li {
		margin-bottom: 20px;
	}
	ul.thumbnails li a.thumbnail span {
    	height: 25px !important;
	}
	#sidebar-top {
		display: none;
	}
	ul.nav {
		padding-top: 20px;
	}
	ul.nav li {
		padding-right: 15px;
	}
	.fa-home span,.fa-money span,.fa-thumbs-o-up span,.fa-question span,.fa-smile-o span,.fa-heart span {
		display: none;
	}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
	#sidebar img.ccm-image-block {
		height: auto;
		max-width: 100%;
	}
	a#logo {
		margin: 15px auto 0;
	}
	.safari-tile {
		min-height: 420px;
	}
	img.auto_sized_image {
		max-width: 100%;
		height: auto;
		display: table;
		margin: 0 auto;
	}
	.ccm-layout-table .ccm-layout-col {
		float: none !important;
		width: 100% !important;
	}
	.auto_sized_image_wrap {
		margin: 0 0 20px !important;
	}
	.vimeo-area { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; margin-bottom: 20px; }
	.vimeo-area iframe, .vimeo-area embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	#footer-column-3, #footer-column-4 {
		border-top: 1px solid #ddd;
		margin-bottom: 40px;
		margin-top: 20px;
		padding-top: 20px;
	}
	#footer-column-3 {
		clear: both;
	}
	h2.safari-tiles-group {
		font-size: 24px;
		height: auto;
		line-height: 30px;
	}
	#sidebar {
		margin-top: 20px;
	}
	#body iframe {
    	width: 100%;
	}
	ul.thumbnails li {
		width: 50%;
		margin-bottom: 20px;
	}
	ul.thumbnails li a.thumbnail {
		margin: 0 5% 5px !important;
		width: calc(100% - 5%) !important;
	}
	ul.thumbnails li a.thumbnail span {
    	height: 25px !important;
	}
	#sidebar-top {
		display: none;
	}
	#search-form .button-wrap {
		height: auto
	}
	.customSelect-wrap {
		display: block;
	}
	.ccm-layout-table .ccm-layout-col {
		float: none !important;
		width: 100% !important;
	}
	ul.nav {
		padding-top: 20px;
	}
	ul.nav li {
		padding-right: 15px;
	}
	.fa-home span,.fa-money span,.fa-thumbs-o-up span,.fa-question span,.fa-smile-o span,.fa-heart span {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	#sidebar img.ccm-image-block {
		height: auto;
		max-width: 100%;
	}

	.col-md-push-3 {
	    left: 0%;
	}
	.col-md-9 {
	    width: 95%;
	}
	.customSelect-wrap {
		display: block;
	}
	.ccm-layout-table .ccm-layout-col {
		float: none !important;
		width: 100% !important;
	}
	ul.nav {
		padding-top: 20px;
	}
	ul.nav li {
		padding-right: 15px;
	}
	.fa-home span,.fa-money span,.fa-thumbs-o-up span,.fa-question span,.fa-smile-o span,.fa-heart span {
		display: none;
	}
	
	#search-inner {
	padding-bottom: 12px;
	padding-top: 12px;
	}
	.customSelect-wrap {
	    background: #fff url('/themes/african_safaris//themes/african_safaris/images/select.png') left top no-repeat;
	    width: auto;
	    height: 50px;
	    line-height: 46px;
	    padding: 0 0 0 65px;
	    color: #444;
	    margin: 16px 10px 0 0;
	    border: 0;
	    display: inline-block;
	}

}
@media screen and (max-width: 1200px) { /* just in case */
	#sidebar img.ccm-image-block {
		height: auto;
		max-width: 100%;
	}
	#sidebar-top {
		display: none;
	}
		.col-md-push-3 {
	    left: 0%;
	}
	.col-md-9 {
	    width: 95%;
	}
	.customSelect-wrap {
		display: block;
	}
	.ccm-layout-table .ccm-layout-col {
		float: none !important;
		width: 100% !important;
	}
	ul.nav {
		padding-top: 20px;
	}
	ul.nav li {
		padding-right: 15px;
	}
	.fa-home span,.fa-money span,.fa-thumbs-o-up span,.fa-question span,.fa-smile-o span,.fa-heart span,.fa-suitcase span {
		display: none;
	}
}