:root {

	/* colors */
	--primary-color: #1E2C47;
	--secondary-color: #11bbf9;
	--secondary-dark: #0099dd;
	--third-color: #ea8615;
	--four-color: #A0080E;
	--black-color: #000;
	--white-color: #fff;
	--gray: #6c757d;
	--green-color: #05642d;
	--sky-blue: #172541;
	--text-yellow-color: #f3893b;

	--body-bg: #ffffff;
	--background-green: #f2f8fb;
	--bg-light: #f7f9fd;
	--noimg-bk-color: #F2F2F2;

	--nav-color: #e5e5e5;
	--nav-border-color: #ededed;
	--nav-hov-color: #eeeff3;

	--border-color: #b7b6b6;
	--dark-border-color: #b1b1bb;

	--text-color: #525252;
	--text-dark: #393939;
	--box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15);


	--button-bk-color: #ea8615;
	--button-hover-bk-color: #f5a550;


	/* font-family */
	--primary-font-family: 'Mulish';
	--secondary-font-family: 'Mulish';
	--body-font-size: 1rem;
	--body-font-weight: 400;
	--body-line-height: 1.6;

	--link-color: #5788A9;
	--link-hover-color: #4981A6;


}

@media (min-width: 48.1em) {

	/* 768.9 */
	#masthead.fixed-position {
		position: fixed;
		z-index: 99;
		background: #fff;
		width: 100%;
		-webkit-animation: pad .3s ease-out;
		animation: pad .3s ease-out;
		-webkit-transform: translate3d(0, calc(-100% + 70px), 0);
		transform: translate3d(0, calc(-100% + 5.6rem), 0);
		border: none;
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
		box-shadow: 0 0 3px rgba(0, 0, 0, .2);
	}
}

/** Responsive css **/
@media(min-width:1200px) {
	.trip-search form .placeholder-icon {
		font-size: 1.5rem
	}

	.trip-search form label {
		font-size: 1.75rem
	}

	.trip-search .btn {
		font-size: 1.5rem
	}

	.trip-search .btn .icon {
		font-size: 1.325rem
	}
}

@media(max-width:1199px) {
	/* .package-categories-section .package-item {
		flex: 0 1 33.33%;
		min-width: 33.33%;
	} */
}

@media(min-width:1025px) {
	.package-categories-section .package-wrap {
		margin: 0 -0.5rem;
	}
}

@media (min-width: 48.1em) and (max-width: 1024px) {
	.main_menu_header .contact_info {
		display: none;
	}
}

/* 1024 */
@media (max-width: 1024px) {
	.advertise-wrap {
		flex-direction: column;
	}

	#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%;
	}

	.banner .banner-caption {
		bottom: 30%;
	}

	#faqs-section .repeater-field {
		flex-direction: column;
		text-align: center;
	}

	#why-section .repeater-field {
		flex-direction: column;
		text-align: left;
	}

	#faqs-section .repeater-field .post-thumb img {
		margin: 0 auto;
	}

	#why-section .repeater-field .post-thumb img {
		margin: 0 auto;
	}

	.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;
	}

	.single-package-wrap .package-detail-wrap .highlight-faq-wrap {
		max-width: 100%;
	}

	.tth-packages-single-post .package-detail-wrap .package-information-wrap {
		margin-bottom: 2rem;
	}

	.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;
	}

	.main_menu_header .site-branding {
		flex: 0 1 15%;
	}

	.fixed-position .main_menu_header .site-branding {
		flex: 0 1 12%;
	}

	.main_menu_header .main-navigation {
		flex: 0 1 85%;
		padding-right: 0;
	}

	.fixed-position .main_menu_header .main-navigation {
		flex: 0 1 88%;
	}

	.main_menu_header .main-navigation button {
		margin-left: auto;
	}

	.main_menu_header .contact_info {
		position: fixed;
		bottom: 0;
		z-index: 999;
		background: #ebeef3;
		width: 100%;
		left: 0;
		text-align: left;
		padding: 6px 20px;
	}

	.main_menu_header .contact_info .info-wrap {
		margin: 0 0 0 45px;
	}

	.main_menu_header .contact_info .contact_icon {
		left: 10px;
		right: auto;
		top: 10px;
	}

	.section-title-main-wrap {
		flex-direction: column;
	}

	.section-title-main-wrap>div {
		padding: 5px 0;
	}

	.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 .package-detail-wrap {
		flex-direction: column;
	}

	/* .single-package-wrap .package-detail-wrap ul.table-of-content {
		display: flex;
        height: initial;
        padding: 5px 50px;
        z-index: 1;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
        border: none;
        background-color: var(--background-green);
	} */

	.tooltip .tooltiptext {
		top: -35px;
		left: 0;
		-webkit-transform: initial;
		-moz-transform: initial;
		-ms-transform: initial;
		-o-transform: initial;
		transform: initial;
	}

	/* .single-package-wrap .package-detail-wrap div.table-of-content {
		height: initial;
		background-color: var(--white-color);
		z-index: 1;
	}

	.table-of-content li {
        padding: 0;
        margin: 0 0.5rem;
    }
	.table-of-content li i{
		border-radius: 5px;
    } */

	.inner_group_sinle_package {
		flex-direction: column;
	}

	.tth-footer-bottom {
		padding-bottom: 50px;
	}


}

@media (max-width: 992px) {
	/* .payment-social {
		flex-direction: column;
		justify-content: left;
		align-items: left;
	} */

	.trip-search {
		margin-top: 10px
	}

	.trip-search form {
		width: 85%;
	}

	.package-categories-section .package-item {
		flex: 0 1 33.33%;
		min-width: 33.33%;
	}

	.package-categories-section.home-page-top .package-wrap {
		overflow-x: scroll;
	}

}


/* 768.9 */
@media (max-width: 48.1em) {

	.top-header .slogan,
	.top-menu-search-wrap .search {
		display: none;
	}

	.top-menu-search-wrap {
		flex: 100%;
		justify-content: center;
		-webkit-justify-content: center;
	}

	.top-header .top-menu ul {
		text-align: center;
	}


	.tth-footer-bottom .row {
		flex-direction: column;
	}

	.trip-search .form-control {
		min-height: 44px
	}

	.tth-footer-bottom .logo_wrap img {
		width: 150px;
	}

	.tth-footer-bottom .copy-right-text {
		padding: 20px 0;
		text-align: center;
	}

	.package-categories-section .package-item {
		flex: 0 1 50%;
		min-width: 50%;
	}

	.package-categories-section .package-wrap {
		margin: 0 -0.8rem;
	}

	.view-all-button a,
	.customize-trip a {
		padding: 10px 8px;
	}

	.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%;
	}


	.destination-section .slick-arrow-location {
		position: static;
		margin-top: 30px;
		margin-bottom: 20px;
		align-self: flex-end;
	}



	.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;
	}

	.price-tag-title {
		flex: 0 1 55%;
	}
	.tth-packages-single-post .single-package-information ul li {
		flex: 0 1 50%;
	}

	.main_menu_header .main-navigation.toggled ul.menu {
		background-color: var(--primary-color);
		z-index: 10;
		position: absolute;
		width: 100%;
		left: 0;
		top: 100%;
		padding: .625rem 1.25rem;
		border-radius: 0 0 4px 4px;
		font-size: 15px;
	}

	.main_menu_header .main-navigation.toggled ul li a {
		color: var(--nav-color);
		font-weight: 800;
		font-size: .9375rem;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.main_menu_header .main-navigation.toggled ul li a,
	.main_menu_header .main-navigation.toggled ul ul.sub-menu li:last-child a {
		border-bottom: 1px solid #ffffff2b;
	}

	.main_menu_header .main-navigation.toggled ul li:last-child a {
		border-bottom: none;
	}


	/* CSS for aligning the + and - signs */
	.main_menu_header .main-navigation.toggled ul li.menu-item-has-children>a::after {
		content: "\f067";
		/* Font Awesome plus icon */
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		position: absolute;
		right: 20px;
		/* Adjust the spacing as needed */
		top: 50%;
		transform: translateY(-50%);
	}

	.main_menu_header .main-navigation.toggled ul li.menu-item-has-children.open>a::after {
		content: "\f068";
		/* Font Awesome minus icon */
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
	}

	/* Ensure the menu item text is aligned to the left */
	.main_menu_header .main-navigation.toggled ul li.menu-item-has-children>a {
		padding-right: 40px;
		/* Adjust the spacing as needed */
		position: relative;
	}

	/* Adjust padding for submenu items */
	.main_menu_header nav.main-navigation ul ul.sub-menu a {
		padding-left: 0.9rem;
		font-weight: 400;
		font-size: 0.93rem;
	}

	.main_menu_header nav.main-navigation ul ul.sub-menu ul li a {
		padding-left: 1.5rem;
		font-size: 0.87rem;
	}

	nav.main-navigation.toggled ul>li .sub-menu {
		display: none;
		box-shadow: none;
	}

	nav.main-navigation.toggled ul>li .sub-menu.open {
		top: 0;
		left: 0;
		display: block;
		position: inherit;
		width: 100%;
	}


	/* menu button */
	.main_menu_header .main-navigation button {
		background-color: transparent;
		border: none;
		display: flex;
		align-items: center;
		-webkit-align-items: center;
		padding: 0;
	}

	.main_menu_header .main-navigation button .menu-icon {
		color: var(--primary-color);
		font-size: 1.5rem;
	}

	.main_menu_header .main-navigation button .menu_txt {
		font-size: 1.2rem;
		font-weight: 700;
		text-transform: uppercase;
		margin-left: 12px;
		color: var(--primary-color);
	}

	nav.main-navigation .toggle-sub-menu,
	nav.main-navigation ul.menu .toggle-sub-menu,
	nav.main-navigation ul.nav-menu .toggle-sub-menu {
		display: inline-block;
		position: absolute;
		right: 0;
		top: 0;
		text-align: right;
	}

	nav.main-navigation ul>li>.sub-menu.isShow,
	nav.main-navigation ul>li>.children.isShow {
		display: block;
		position: static;
		width: 100%;
		border-top: none;
		padding-left: 20px;
	}

	nav.main-navigation ul ul a:not(.toggle-sub-menu) {
		width: 100%;
	}

	.main_menu_header nav.main-navigation ul li.menu-item-has-children {
		position: relative;
		display: inline-block;
		width: 100%;
	}

	
}

/* 600 */
@media (max-width: 600px) {
	.banner .banner-caption {
		bottom: 15%;
	}

	.tth-packages-single-post .single-package-information ul,
	.tth-packages-single-post .single-package-price-group-wrap {
		flex-direction: column;
	}

	#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;
	}

	.package-categories-section .package-item {
		flex: 0 1 100%;
		min-width: 100%;
	}


	.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;
	}

	.price-tag-title {
		flex: 0 1 45%;
	}
}

/* 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%;
	}
}