@media(max-width: 767px) {
	
	.sltct_room_height_div{
		height: auto !important;
	}

}


@media(max-width: 768px) {

	.sltct_room_height_div{
		height: auto !important;
	}

    
    .fareRadios{
        flex-direction: column !important;
        display:unset !important;
    }
    
    .hero-form-travelers-list{
        width:100% !important;
    }

	.mission__content .sec-title h2 {
		font-size: 40px;
	}

	.process-section .overlay {
		padding: 40px 0;
	}

	.process-section .sec-title h2 {
		font-size: 35px;
	}

	.process-section .sec-title h3  {
		font-size: 21px;
	}

	.mission__img {
		padding: 0;
		margin-bottom: 15px;
	}

	.step-box h3 {
		font-size: 18px;
	}

	.step-box img {
		width: 70px;
		height: 70px;
	}

	.hero-sec .overlay {
		padding: 100px 50px;
	}
	
	.hero-form .nav-item {
	}

	.hero-form .nav-link {
		width: 100px;
		height: 90px;
		margin-right: unset;
		border-radius: 0px;
	}

	.hero-form .nav-link img {
		width: 40px;
		margin-bottom: 10px;
	}

	.hero-form .nav-link h3 {
		font-size: 16px;
	}

	.flight-tabs {
		justify-content: flex-start;
		margin-left: 0;
	}
	
	.flight-tabs .nav-link {
		width: 100%;
		height: 35px;
		line-height: 0;
		box-shadow: unset;
		border-bottom: 1px solid rgba(0,0,0,0.3);
		color: #222;
		border-radius: 25px;
		margin-right: 7px;
		font-size: 15px;
	}


}


@media(max-width: 576px) {
    .hero-form .main-form-cat .nav-link img {
    width: 30px !important;
    margin-bottom: 12px;
}
    
    .hero-form .main-form-cat .nav-link h3 {
font-size:12px !important;
}
    
    .hero-form-travelers-list{
        width:100% !important;
    }
    
    .hero-form .main-form-cat{
        width:100% !important;
    }
    
.hero-form .main-form-cat .nav-link  {

	margin: 0px 0px !important;

}
    
    .hero-form .nav-item {
        width:40% !important;
}
    
	.header__logo {
		max-width: 120px;
	}

	.hero-title i {
		margin-bottom: 15px;
	}

	.hero-title h1 {
		font-size: 21px;
		line-height: 1.1;
	}

	.hero-form .nav-link {
		width: 120px;
		height: 80px;
		margin-right: unset;
		border-radius: 0px;
	}

	.hero-form .nav-link img {
		width: 30px;
		margin-bottom: 10px;
	}

	.hero-form .nav-link h3 {
		font-size: 14px;
	}

	.hero-sec .overlay {
		padding: 80px 0 70px;
	}

	.stricky-fixed .xb-nav-mobile-button {
		color: #142649;
	}

	.process-section .sec-title h2  {
		font-size: 30px;
	}

	.process-section .sec-title h3 {
		font-size: 21px;
	}

	.process-section .overlay {
		padding: 40px 0;
	}

	.step-box {
		margin-top: 80px;
	}

	.mission__content .sec-title h2 {
		font-size: 26px;
		line-height: 35px;
		margin-bottom: 10px;
	}

	.sec-title p {
		line-height: 28px;
	}


.country-box img {
    width: 120px !important;
}
.country-box h3 {
	font-size: 23px;
}
.xb-testimonial3 .xb-item--content p {
    font-size: 15px;
    line-height: 27px;
}

.hero-form-cat-box  {
	/* padding: 30px 0; */
}

.hero-form-cat-box label {
	font-size: 14px;
}
.hero-form-input-box input {
	border-radius: 2px;
	height: 95px;
}

.hero-form-input-box input {
	font-size: 18px;
}

.hero-form-input-box p {
	font-size: 13px;
}

.flight-tabs {
	justify-content: flex-start;
	margin-left: 0;
}

.flight-tabs .nav-item {
	margin-right: 2px;
}

.flight-tabs .nav-link {
	width: 100%;
	height: 35px;
	line-height: 0;
	box-shadow: unset;
    border-bottom: 1px solid rgba(0,0,0,0.3);
	color: #333;
	border-radius: 25px;
	margin-right: 3px;
	font-size: 13px;
}

.hero-form-button button  {
	padding: 5px 13px;
	font-size: 12px;
}

.hero-form-button button i {
	font-size: 11px;
}

.sec-title h2 {
    font-size: 21px;
    line-height: 1.3;
}
.choose-box img {
    width: 60px;
}

.choose-box h3 {
	font-size: 21px;
}

.xb-testimonial3 .xb-item--name {
    font-size: 20px;
    font-weight: 500;
}

.xb-testimonial3 .xb-item--desig  {
	font-size: 15px;
}

.xb-testimonial3 .xb-item--avatar {
	margin-right: 20px;
}

/* 
.payment-flex img  {
	width: 155px;
}

.payment-flex {
	flex-wrap: wrap;
} */

.offer-box .content h3  {
	font-size: 18px;
}

.offer-box .offer-btn {
	font-size: 12px;
	padding: 1px 15px;
}

.hero-form .nav-item  {
	width: 20% !important;
}
.hero-form .nav-item .nav-link {
	width: 100% !important;
}

.flight-tabs .nav-item {
	width: unset !important;
}

.flight-tabs .nav-link {
	width: unset !important;
}

}

@media(max-width: 447px) {
	.hero-form .nav-link h3 {
		font-size: 14px;
	}

	.hero-form .nav-link img  {
		width: 30px;
	}

	.flight-tabs .nav-link {
		width: unset;
		font-size: 11px;
		height: 30px;
	}
}