/** Responsive css **/

/* 1024 */
@media (max-width: 1024px) {
	#blog-section .blog-posts-wrap .blog-item,
	#tth-featured-trekking-package-post-section .component-wrap > div,
	.site-footer .footer-widgets-column .row > div {
		flex: 0 1 50%;
	}

	.top-package-categories-section .package-wrap {
		overflow-x: scroll;
	}

	.top-package-categories-section .package-item {
		flex: 0 1 33.33%;
		min-width: 33.33%;
	}

	#faqs-section .repeater-field {
		flex-direction: column;
		text-align: center;
	}
	#why-section .repeater-field {
		flex-direction: column;
		text-align: center;
	}

	#faqs-section .repeater-field .post-thumb img {
		margin: 0 auto;
	}
	#why-section .repeater-field .post-thumb img {
		margin: 0 auto;
	}

	.tth-associates-section .associates-wrap .associates-field {
		flex: 0 1 20.28%;
	}

	.tth-footer-call-to-action .call-to-action-section-details-section {
		flex-direction: column;
	}

	.tth-footer-call-to-action .call-to-action-section-details-section .elements {
		text-align: center;
		margin-bottom: 40px;
	}

	.tth-footer-call-to-action .experts {
		justify-content: center;
		-webkit-justify-content: center;
	}

	.review-section .review-section-post-wrap {
		overflow-x: scroll;
		padding-bottom: 15px;
	}

	.review-section .review-section-post-wrap > div {
		flex: 0 1 45%;
		min-width: 45%;
	}

	.video-review-section .video-post-section {
		flex-direction: column;
	}

	.tth-latest-package-section .section-post-wrap,
	.tth-dates-and-availability .single-month-dates-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}

	.tth-latest-package-section .latest-package-wrap,
	.tth-dates-and-availability .single-month-details-items {
		flex-direction: column;
		text-align: center;
		flex: 0 1 48.6%;
		flex-wrap: nowrap;
	}

	.tth-dates-and-availability .single-month-details {
		flex: 0 1 48.6%;
	}

	body .tth-latest-package-section .latest-package-wrap .join-now-button,
	.tth-dates-and-availability .dates-and-availability .single-month-details-items .view-all-button {
		flex: 100%;
		text-align: center;
	}

	.tth-main_header .site-branding {
		flex: 0 1 25%;
	}

	.tth-main_header .main-navigation {
		flex: 0 1 75%;
		padding-right: 0;
	}

	.tth-main_header .main-navigation button {
		margin-left: auto;
	}

	.tth-main_header .contact_info {
	    position: fixed;
	    bottom: 0;
	    z-index: 1;
	    background: #ebeef3;
	    width: 100%;
	    left: 0;
	    text-align: left;
	    padding: 6px 20px;
	}

	.tth-main_header .contact_info .info-wrap {
		margin: 0 0 0 45px;
	}

	.tth-main_header .contact_info .contact_icon {
	    left: 10px;
	    right: auto;
	    top: 10px;
	}

	.tth-packages-single-post .package-detail-wrap {
		flex-direction: column;
		align-items: initial;
		-webkit-align-items: initial;
		flex-wrap: nowrap;
	}

	.tth-packages-single-post .single-package-information ul {
		margin-bottom: 30px;
	}

	/* Table of content */
	.single-package-wrap .toc-faq-wrap {
		flex-direction: column;
	}

	.single-package-wrap .toc-faq-wrap ul.table-of-content {
		display: flex;
	    height: initial;
	    padding: 10px 0;
	    z-index: 1;
	    justify-content: space-between;
	}

	.tooltip .tooltiptext {
		top: -35px;
    	left: 0;
    	-webkit-transform: initial;
	    -moz-transform: initial;
	    -ms-transform: initial;
	    -o-transform: initial;
	    transform: initial;
	}

	.single-package-wrap .toc-faq-wrap div.table-of-content {
		height: initial;
		background-color: var(--white-color);
		z-index: 1;
	}

	.table-of-content li {
		margin-bottom: 0;
	}

	.inner_group_sinle_package { 
		flex-direction: column;
	}
}

/* 768 */
@media (max-width: 768px) {
	.tth-top-header .slogan,
	.top-menu-search-wrap .search {
		display: none;
	}

	.top-menu-search-wrap {
		flex: 100%;
		justify-content: center;
		-webkit-justify-content: center;
	}

	.tth-top-header .top-menu ul {
		text-align: center;
	}

	.tth-footer-bottom .row {
		flex-direction: column;
	}

	.tth-footer-bottom .logo_wrap img {
		width: 150px;
	}

	.tth-footer-bottom .copy-right-text {
		padding: 20px 0;
		text-align: center;
	}

	.tth-footer-bottom .payment img {
		width: 290px;
	}

	.top-package-categories-section .package-item {
		flex: 0 1 50%;
		min-width: 50%;
	}

	.tth_banner_wrap img {
		height: 450px;
	}

	.review-section .review-section-post-wrap > div {
		flex: 0 1 75%;
		min-width: 75%;
	}

	#faqs-section .faq-section-wrap {
		padding: 60px 20px;
	}

	#why-section .faq-section-wrap {
		padding: 60px 20px;
	}

	.section-title-main-wrap .title-icon {
		flex: 0 1 10%;
	}

	.tth-packages-single-post .single-package-information ul,
	.tth-packages-single-post .single-package-price-group-wrap {
		flex-direction: column;
	}

	.tth-packages-single-post .single-package-price-group-wrap .single-package-price-group {
		margin-bottom: 20px;
	}

	.tth-single-package-itinerary .itinerary_list_meta {
		flex-direction: column;
	}

	.tth-single-package-itinerary .itinerary_list_meta .items {
		margin-top: 15px;
	}
}

/* 600 */
@media (max-width: 600px) {
	#blog-section .blog-posts-wrap,
	.site-footer .footer-widgets-column .row,
	#tth-featured-trekking-package-post-section .component-wrap{
		flex-direction: column;
		flex-wrap: nowrap;
	}

	.top-package-categories-section .package-item {
		flex: 0 1 100%;
		min-width: 100%;
	}

	.tth-associates-section .associates-wrap .associates-field {
		flex: 0 1 33.33%;
	}

	.section-title-main-wrap .title-icons {
		flex: 0 1 15%;
	}

	.section-title-main-wrap .title-description span {
		font-size: 0.93rem;
	}

	.section-title-main-wrap .title-description .block_title {
		margin-top: 5px;
		font-size: 1.46rem;
		line-height: 30px;
	}

	.tth-latest-package-section .section-post-wrap,
	.tth-dates-and-availability .single-month-dates-wrapper {
		flex-direction: column;
	}
}

/* 425 */
@media (max-width: 426px) {
	.review-section .review-section-post-wrap > div {
		flex: 0 1 90%;
		min-width: 90%;
	}

	.section-title-main-wrap .title-icon {
		flex: 0 1 20%;
	}
}