:root {
	--white: #fff;
	--logo: #333;
	--dark: #000;
	--blue: #2135a7;
	--ex_color: #ffa62b;
	--theam_color: #ffa62b;
	--main_font: "Lato", sans-serif;
	--heading_font: "Butler";
	--style: "Dancing Script", cursive;
}
@media (max-width: 991.98px) {
	header.header.dextop_view {
		display: none;
	}
	header.mobile_heder {
		display: block;
	}
	header.main_header_arae {
		display: none;
	}
	html {
		font-size: 60%;
		scroll-behavior: smooth;
	}
	div#links ul {
		justify-content: center;
	}
	div#info {
		justify-content: center;
		margin-bottom: 1rem;
	}
	.navbar .sitenavigation.is-tapped > ul {
		display: block;
		position: absolute;
		margin: 0;
		background-color: #fff;
		right: -65px;
		z-index: 100;
		padding: 0;
		top: 80px;
		width: 100%;
		box-shadow: -4px 4px 10px 0px #00000070;
		height: 30rem;
		overflow-y: scroll;
	}
	.navbar .menu-icon {
		width: 30px;
		height: 25px;
		padding-top: 0;
		margin-top: 7px;
		display: block;
		-webkit-tap-highlight-color: transparent;
		padding: 5px;
		padding-top: 1px;
		padding-bottom: 12px;
		margin-bottom: 10px;
		cursor: pointer;
	}
	nav.navbar {
		padding: 0 1rem;
	}
	a.navbar-brand {
		padding: 0;
		margin: 0;
		display: inline-block;
	}
	.navbar .sitenavigation ul {
		display: none;
		max-width: none !important;
	}
	.navbar .sitenavigation li {
		float: none;
		display: block;
		margin: 0;
		padding: 0;
	}
	.navbar .sitenavigation.is-tapped > ul a {
		width: 100%;
		margin: 0;
		background-color: #800e13;
		display: block;
		font-size: 1.8rem;
		padding: 1.5rem 2.2rem;
		height: auto;
		color: #ffffff;
		float: none;
		border: none !important;
		-webkit-font-smoothing: antialiased;
		-webkit-tap-highlight-color: transparent;
	}
	.navbar .sitenavigation.is-tapped > ul a:hover {
		background-color: #dfdfdf;
	}
	.navbar .sitenavigation.is-tapped > ul li {
		width: 100%;
		background-color: #800e13;
		border-bottom: solid 1px #fff;
		-webkit-tap-highlight-color: transparent;
	}
	.navbar .sitenavigation.is-tapped > ul a.active {
		background: var(--ex_color);
	}
	.pays p {
		line-height: 1.5rem;
	}
	ul.footer-social li a {
		height: 3rem;
		width: 3rem;
		font-size: 1.5rem;
	}
	.stay_col {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
	}
	.pay_col {
		gap: 1rem;
	}
	.footer-section .pay-list {
		gap: 10px;
	}
	.btn-whatsapp-pulse {
		bottom: 60%;
	}
}

@media (max-width: 600px) {
	section {
		padding: 5rem 0rem;
	}
.formgroup.align_do {
    display: grid;
    grid-template-columns: 26% 11% 60%;
}
	div#info {
		justify-content: center;
		display: grid;
	}
	ul.list-unstyled.list-inline {
		display: grid;
		justify-content: center;
		gap: 15px;
		    grid-template-columns: inherit;
	}
	ul.social_lnk {
		justify-content: center;
	}
	div#info ul li {
		justify-content: center;
	}
	div#links ul {
		justify-content: center;
		display: grid;
		gap: 10px;
	}
	ul.list-unstyled.list-inline li {
		text-align: center;
	}

	header.header.dextop_view {
		display: none;
	}
	header.mobile_heder {
		display: block;
	}
	header.main_header_arae {
		display: none;
	}
	/* banner  */

	.banner_sec .item .cover .header-content {
		position: relative;
		padding: 3rem 3rem 5rem;
		overflow: hidden;
	}

	.banner_sec .item .cover .header-content h1 {
		font-size: 4rem;
	}

	.banner_sec .item .cover .header-content h2 {
		font-size: 2rem;
		line-height: 3rem;
	}

	.banner_sec .item .cover {
		padding: 0rem 0rem;
	}

	.banner_sec .item {
		height: 50rem;
		position: relative;
		width: 100%;
	}

	.banner_sec .owl-carousel .owl-nav button.owl-next,
	.banner_sec .owl-carousel .owl-nav button.owl-prev {
		width: 5rem;
		height: 5rem;
		border-radius: 50%;
		background: #ba0637;
		color: #fff;
		font-size: 2rem;
		-webkit-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
		position: absolute;
		top: 87%;
		transform: translateY(-50%);
		opacity: 0;
	}

	.banner_sec .owl-carousel .owl-nav button.owl-prev {
		left: auto;
		right: 7rem;
	}

	.skitter-clean .next_button {
		left: 85%;
	}

	.theme_row {
		grid-template-columns: repeat(2, 1fr);
	}
	#newsletter-1 form .form-group {
		width: auto;
		margin: 0 auto;
	}
	section.video_sec,
	section.video_section {
		height: 16rem;
	}

	.banner_slider .swiper-button-prev {
		right: 11rem;
		left: auto;
	}
	.banner_slider .swiper-button-next,
	.banner_slider .swiper-button-prev {
		position: absolute;
		top: auto;
		transform: translateY(-100%);
		font-size: 3rem;
		width: 5rem;
		height: 5rem;
		border-radius: 50%;
		background: var(--theam_color);
		color: #fff;
		z-index: 10;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.banner_sec .item .cover .header-content .line {
		content: "";
		-webkit-clip-path: polygon(0 0, 90% 0, 30% 100%, 0 100%);
		clip-path: polygon(0 0, 90% 0, 50% 100%, 0 100%);
	}
	#about-content-2 #abt-cnt-2-text h2 > span {
		font-weight: 900;
		font-size: 38px;
		display: block;
		margin-top: 10px;
	}
	section.holiday_packs .row .col-sm-4 {
		padding-left: 15px;
	}
	.holiday_pack_item {
		margin-top: 4rem;
	}
	.title h2 {
		line-height: 4rem;
		font-size: 3.5rem;
	}
	.holiday_pack_slider1.owl_navigation.owl-carousel .owl-nav button.owl-next,
	.holiday_pack_slider1.owl_navigation.owl-carousel .owl-nav button.owl-prev {
		top: -2rem;
		opacity: 1;
		-webkit-transition: all 300ms ease;
		transition: all 300ms ease;
	}
	.owl_navigation.owl-carousel .owl-nav button.owl-next,
	.owl_navigation.owl-carousel .owl-nav button.owl-prev {
		width: 5rem;
		height: 5rem;
	}
	.pack_image {
		height: 22rem;
		width: 100%;
	}
	.cont_text h4 {
		font-size: 2.3rem;
	}
	section.gallery_sec {
		padding: 0;
	}
	section.holiday_tours {
		padding: 5rem 0rem 3rem;
	}
	div#masonry {
		margin-top: 2rem;
	}
	section.textimonial_sec {
		padding: 3rem 0rem 0;
	}
	.footer-section .footer-top {
		padding: 5rem 0rem;
	}
	.overlay {
		left: 7rem;
	}
	.row.ftr_row {
		gap: 3rem 0rem;
	}
	.footer-section .footer-item .contact-list li .text,
	.footer-section .footer-item .contact-list li .text a {
		width: 100%;
	}
	.inner_banner_caption h1 {
		font-size: 4rem;
		line-height: 6rem;
	}
	.inner_banner::after {
		height: 40%;
		width: 85%;
		border-radius: 15rem 0rem 15rem 0rem;
		transform: translate(-50%, -51%);
	}
	a .offer_item {
		padding: 3rem;
		min-height: auto;
	}
	.about-image-wp {
		padding-left: 0;
		padding-top: 2rem;
	}
	.about_ex_text p {
		text-align: justify;
	}
	section.about-description-sec.two .about-description-content {
		padding: 2rem;
	}
	.about-image-box.big {
		width: 35rem;
		height: 35rem;
		box-shadow: 0 3px 10px rgb(0 0 0 / 70%);
	}
	.about-image-box.small {
		width: 15rem;
		height: 15rem;
		box-shadow: 0 3px 6px rgb(0 0 0 / 65%);
		top: 0;
		left: auto;
		right: 0;
	}
	.about-description-image-box {
		position: relative;
		width: 100%;
		height: 30rem;
	}
	.about-description-content:before {
		left: 0px;
		width: auto;
	}
	section.about-description-sec.two
		.about-description-image-box
		.about-description-image {
		width: 100%;
	}
	section.about-description-sec.two .about-description-content:before {
		left: 0;
		width: 100%;
	}
	section.about-description-sec.two {
		padding-bottom: 5rem;
	}
	.about-description-content {
		position: relative;
		padding: 5rem 0rem;
	}
	section#newsletter-1 input:focus ~ span,
	section#newsletter-1 textarea:focus ~ span {
		width: auto;
		-webkit-transition: all 0.075s ease;
		transition: all 0.075s ease;
	}
	span.modal_btn {
		position: fixed;
		top: 58%;
		left: -18%;
	}
	.modal_main {
		padding: 5rem 0rem;
	}
	span.cut_btn {
		font-size: 3rem;
		right: 2rem;
		top: 4rem;
		padding: 2rem;
		height: 5rem;
		width: 5rem;
		z-index: 9999;
	}
	.new_add ul li a {
		font-size: 2rem;
		color: #111;
		line-height: 1;
		padding: 0rem 1rem;
	}
	.new_add ul {
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	.contact_me_area {
		background: #fff;
		border-radius: 10px;
		box-shadow: 0 7px 20px rgba(0, 0, 0, 0.16);
		margin-left: 0;
		padding: 5rem 2rem;
	}
	.contact_us_area {
		margin-bottom: 5rem;
		background: #171f6a;
		padding: 4rem 3rem;
		width: 100%;
		margin-left: auto;
		position: inherit;
		z-index: 1;
		left: 0;
		border-radius: 0.5rem;
		top: 50%;
		transform: translateY(-50%);
	}
	.get_in_touch_area {
		display: grid;
		justify-content: center;
		align-items: center;
		position: relative;
		margin-top: 0rem;
	}

	.synch-carousels .arrow-right {
		transform: translateX(10rem);
	}
	.synch-carousels .arrow-left {
		transform: translateX(-10rem);
	}
	.main_tab_area_head ul li a {
		font-size: 1.6rem;
		padding: 1rem;
		width: fit-content;
	}
	.main_tab_area_head ul {
		gap: 0.5rem;
	}
	.over_top {
		display: grid;
		gap: 3rem;
		align-items: center;
	}
	.over_desti ul {
		gap: 3rem;
		display: grid;
		align-items: center;
		grid-template-columns: 1fr 1fr;
	}
	.all_days_sec {
		display: grid;
		justify-content: start;
		gap: 3rem;
	}
	.days_all_imgs img {
		height: 10rem;
		width: 10rem;
		object-fit: cover;
		border-radius: 0.5rem;
	}
.mb-0 > a {
    display: grid;
    position: relative;
    padding: 1rem;
    line-height: 2.2rem;
    font-size: 1.8rem;
    color: #666;
    font-weight: 600;
    text-transform: capitalize;
    justify-content: start;
    align-items: center;
    gap: 2rem;
    background: #fff;
    height: fit-content;
    padding-right: 4rem;
    grid-template-columns: 2rem auto;
}
.over_desti ul li .dt {
    display: grid;
    align-items: center;
    gap: 2rem;
}
	span.arrow_tb {
		position: absolute;
		right: 1.5rem;
		font-size: 2rem;
	}
	.days_area p {
		text-align: justify;
	}
	body.product_dtl_page .inner_banner_caption h1 {
		font-size: 3.5rem;
		line-height: 5rem;
	}
	.footer-section .footer-meta h4 {
		font-size: 1.6rem;
	}
	.col-lg-6.pay_col h4,
	.col-lg-6.pay_col h4 {
		margin-right: 0;
		line-height: 2rem;
		font-size: 1.4rem;
	}
	.footer-section .footer-social {
		gap: 10px;
	}
	.row.footer-meta {
		gap: 3rem;
	}
	.col-lg-6.stay_col,
	.col-lg-6.pay_col {
		display: grid;
		justify-content: center;
		align-items: center;
		gap: 2rem;
		text-align: center;
		padding: 0;
	}
	.footer-section .footer-item .contact-list li {
		display: grid;
		gap: 12px;
		grid-template-columns: 4rem 1fr;
	}

	div#masonry1 {
		display: grid;
		grid-template-columns: inherit;
		gap: 16px;
	}
	.inner_banner.second::after {
		height: 45%;
		width: 93%;
		border-radius: 10px;
	}

	.flight_img {
    display: flex;
    grid-auto-columns: 1fr 1fr;
    gap: 17px;
    justify-content: center;
    padding-bottom: 10px;



}
.flight_box {
    background-color: rgb(255, 255, 255);
    color: rgba(0, 0, 0, 0.87);
    box-shadow: rgb(64 64 64 / 20%) 0px 2px 4px -1px, rgb(64 64 64 / 14%) 0px 4px 5px 0px, rgb(64 64 64 / 12%) 0px 1px 10px 0px;
    padding: 0.5rem 1.5rem;
    overflow: hidden;
    border: none;
    border-radius: 10px;
    width: 92%;
    margin-bottom: 0px;
    transition: all 0.3s ease-in-out 0s;
    display: block;
    grid-template-columns: none;
    padding: 17px 5px;
   
    margin-left: 15px;
}
.flight_img img {
    width: 13%;
    border-radius: 50%;
    height: 78%;
}
.flight_img {
    display: flex;
    grid-auto-columns: 1fr 1fr;
    gap: 10px;
    justify-content: center;
    padding-bottom: 10px;
}
.flight_img h2 {
    font-size: 17px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    margin-top: 10px;
    font-weight: 700;
}
.row.my_row.second {
    gap: 25px 0px;
}
button.btn.new_btn.sh_btn {
    height: 40px;
    align-items: center;
    padding: 1rem;
    font-size: 1.4rem;
    display: table;
    margin: auto;
}
.details_date_time {
    display: grid;
    grid-template-columns: 30% 1fr;
    padding-top: 15px;
    padding-bottom: 15px;
}
}