/*====== RESPONSIVE CSS ======*/

@media (max-width: 767px) {

	.site-logo {
		margin: 0 0 20px;
	}

	.topheader {
		padding: 10px 0 10px;
	}

	.topheader ul li p {
		font-size: 16px;
	}

	.site-header-content {
		position: static;
	}

	.topheader ul li {
		font-size: 12px;
	}

	.topheader-left ul li {
		margin-right: 20px;
	}

	.text-right {
		text-align: left;
	}

	.topheader-left {
		margin: 0 0 5px;
	}

	.inner-header {
		padding: 20px 0 10px;
	}

	.site-logo {
		width: 350px;
	}

	.site-navigation {
		display: none;
		background: #f1f1f1;
	}

	.site-navigation ul {
		margin-top: 0px;
	}

	.site-navigation ul li a {
		padding: 7px 15px;
		font-size: 13px;
	}

	.site-navigation ul {
		float: none;
	}

	.site-navigation ul li {
		display: block;
		margin-right: 0;
		border-bottom: 1px solid #dedede;
	}

	.site-navigation ul li:last-of-type {
		border-bottom: none;
	}

	.search {
		background: #00568c;
	}

	.search-content-wrap {
		position: static;
	}

	.search-inner {
		box-shadow: none;
		padding: 15px 0;
	}

	.searchform .form-group label {
		margin: 0 0 5px;
	}

	.form-control {
		height: 32px;
	}

	.select-appearance .bootstrap-select .btn.btn-default {
		padding: 6px 30px 5px 15px;
		font-size: 13px;
	}

	.searchform .form-group {
		margin: 0 0 10px;
	}

	.searchform .form-group.submit {
		margin: 10px 0 0;
	}

	.featured-trips {
		padding: 20px 0;
	}

	.title-heading p {
		font-size: 14px;
	}

	.title-heading h3 {
		font-size: 18px;
	}

	.title-heading {
		margin: 0 0 15px;
	}

	.featured-details {
		padding: 20px 10px 15px;
	}

	.featured-details .total-pack {
		font-size: 12px;
	}

	.featured-details p {
		font-size: 12px;
		min-height: auto;
		margin: 0 0 10px;
	}

	.featured-details h4 {
		font-size: 14px;
	}

	.featured-details h4 span {
		font-size: 18px;
	}

	.slider-content {
		background: #000000;
		position: static;
		width: 100%;
		margin: 0;
		padding: 20px 20px;
	}

	.slider-content p {
		font-size: 12px;
		margin: 0 0 8px;
	}

	.slider-content h1 {
		font-size: 16px;
		margin: 0 0 10px;
	}

	.site-btn {
		padding: 6px 20px;
		font-size: 12px;
	}

	.featured-block {
		margin: 0 0 10px;
	}

	.journeys-block {
		padding: 30px 0;
	}

	h2 {
		font-size: 22px;
	}

	.journeys:before {
		width: 100%;
	}

	.journeys-heading {
		margin: 0 0 15px;
	}

	.journeys-heading h4 {
		margin-top: 5px;
		font-size: 14px;
	}

	.journeys p {
		font-size: 13px;
		margin: 0 0 15px;
	}

	.small-groups {
		padding: 30px 0;
	}

	.small-groups .featured-block {
		margin: 0 0 10px;
	}

	.sidebar {
		padding: 10px 25px 20px 30px;
	}

	.sidebar ul li {
		margin: 0 0 10px;
		padding: 0 0 10px;
		font-size: 14px;
	}

	.sidebar ul li a {
		font-size: 14px;
	}

	.sidebar ul li p {
		font-size: 12px;
	}

	.fam-trips {
		padding: 30px 0;
	}

	.famtrips-block {
		padding: 0;
	}

	.famtrips-block h2 {
		margin: 0 0 15px;
		font-size: 18px;
	}

	.famtrips-block h4 {
		font-size: 14px;
		margin: 0 0 15px;
	}

	.famtrips-block p {
		font-size: 12px;
	}

	.famtrips-block .site-btn {
		margin-top: 15px;
	}

	.top-destinations {
		padding: 30px 0;
	}

	.destinations-block,
	.destinations-block > a.haspadding {
		margin: 0 0 10px;
	}

	.destinations-block > a h4 {
		font-size: 16px;
	}

	.viewall {
		font-size: 14px;
		margin: 0 0 5px;
	}

	.travellers-block {
		margin: 0 0 10px;
	}

	.travellers-details h4 {
		font-size: 15px;
	}

	.travellers-details p {
		font-size: 12px;
	}

	.travel-blog {
		padding: 0 0 20px;
	}

	.site-reviews {
		padding: 30px 0;
	}

	.reviews-block h5 {
		font-size: 14px;
	}

	.reviews-container {
		width: 100%;
	}

	.testimonials {
		margin-top: 40px;
		padding: 38px 15px 30px;
	}

	.testimonials p {
		font-size: 13px;
	}

	.instantquote {
		padding: 30px 0;
	}

	.instantquote-block {
		padding: 0;
	}

	.instantquote p {
		font-size: 13px;
	}

	.instantquote-block .thumbnail-img {
		width: 150px;
		margin: 0 auto 20px;
	}

	.footer-block {
		margin: 0 0 15px;
	}

	.footer-block h4 {
		font-size: 14px;
		margin: 0 0 7px;
	}

	.footer-block p {
		font-size: 12px;
	}

	.footer-bl1 {
		padding: 30px 0 10px;
	}

	.footer-bl1wrap {
		padding: 0 0 0px;
		margin: 0 0 15px;
	}

	.footer-block.tollfree h5 {
		font-size: 16px;
	}

	.footer-block ul.social li a {
		font-size: 15px;
	}

	.footer-listing {
		padding: 30px 0 20px;
	}

	.footer-block ul li a {
		font-size: 12px;
	}

	.copyright {
		padding: 15px 0;
	}

	.copyright p {
		font-size: 12px;
	}

	.footer-block ul.memberlist li,
	.footer-block.card ul.memberlist li {
		width: auto;
	}

	.site-breadcrumb ul {
		margin-top: 0px;
	}

	.site-banner {
		padding: 30px 0 20px;
	}

	.site-content {
		padding: 30px 0 30px;
	}

	.blog-content-wrap {
		padding: 0;
		background: #fff;
	}

	.blog-content h4 {
		font-size: 16px;
	}

	.blog-content p.posted-time {
		font-size: 12px;
	}

	.blog-content p {
		font-size: 13px;
	}

	a.readmore {
		margin-top: 10px;
		font-size: 12px;
	}

	.blog-block {
		padding: 0;
		margin: 0 0 20px;
	}

	.blog-content {
		padding-bottom: 15px;
	}

	.site-pagination {
		margin-top: 0px;
	}

	.pagination > li > a, 
	.pagination > li > span {
		padding: 5px 10px;
		font-size: 12px;
	}
}


@media (max-width: 480px) {
	.topheader ul li p {
		font-size: 13px;
	}

	.site-logo {
		width: 240px;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	.site-navigation ul li {
		margin-right: 20px;
	}

	.site-navigation ul li a {
		font-size: 13px;
	}

	.topheader ul li p {
		font-size: 16px;
	}

	.slider-content h1 {
		font-size: 30px;
		margin: 0 0 15px;
	}

	.site-btn {
		padding: 8px 30px;
		font-size: 14px;
	}

	.slider-content p {
		font-size: 14px;
	}

	.featured-trips {
		padding: 80px 0 30px;
	}

	.featured-block {
		margin: 0 0 10px;
	}

	h2 {
		font-size: 30px;
	}

	.journeys-heading h4 {
		font-size: 18px;
	}

	.journeys p {
		font-size: 14px;
	}

	.journeys-block {
		padding: 40px 30px 70px 0;
	}

	.small-groups .featured-block {
		min-height: 580px;
	}

	.fam-trips {
		padding: 50px 0;
	}

	.famtrips-block {
		padding: 0 20px;
	}

	.destinations-block > a.haspadding {
		margin: 0 0 10px;
	}

	.travellers-details h4 {
		font-size: 16px;
	}

	.travellers-details p {
		font-size: 13px;
	}

	.site-reviews {
		padding: 30px 0;
	}

	.reviews-block h5 {
		font-size: 16px;
	}

	.testimonials {
		margin-top: 40px;
		padding: 40px 30px;
	}

	.testimonials p {
		font-size: 15px;
	}

	.instantquote {
		padding: 30px 0 30px;
	}

	.instantquote-block {
		padding: 0 20px;
	}

	.footer-block.hasimg {
		width: 155px;
		margin: 0 auto 20px;
	}

	.footer-bl1 .footer-block h4 {
		margin: 0 0 5px;
	}

	.footer-bl1wrap {
		padding: 0 0 15px;
		margin: 0 0 15px;
	}

	.footer-block.tollfree h5 {
		font-size: 22px;
	}

	.footer-bl2wrap .footer-block {
		margin: 0 0 15px;
	}

	.footer-block.card ul.memberlist li {
		width: auto;
	}

	.instantquote p {
		font-size: 16px;
	}

	.footer-block h4 {
		margin: 0 0 10px;
	}

	.footer-listing .footer-block {
		margin: 0 0 20px;
	}

	.footer-block ul li a {
		font-size: 13px;
	}

	.copyright {
		padding: 15px 0;
	}

	.copyright p {
		font-size: 13px;
	}

	.social-medialinks ul li {
		margin-right: 3px;
	}

	.contact-block h6 {
		font-size: 14px;
	}

	.contact-block p {
		font-size: 13px;
	}

}