/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	/*commom css start*/
	/*.common_title{
		font-size: var(--28);
	}*/
	/*header css start*/
	.header_search input{
		width: 100%;
	}
	.header_btn{
		margin-top: 16px;
	}
	/*banner css start*/
	.banner_section{
		padding: 200px 0 70px 0;
	}
	.b_title{
		font-size: var(--30);
	}
	.b_p{
		padding: 0;
		font-size: var(--18);
	}
	.search_btn i {
	    left: 50%;
	    transform: translate(-250%, -50%);
	}
	.banner_sform input {
	    padding: 12px 10px 12px 10px;
	}
	.search_service label,
	.search_city label{
		display: none;
	}
	.banner_menu ul li a{
		margin-top: 10px;
	}
	/*destination css start*/
	.destination{
		padding: 0 70px;
	}
	/*popular things css start*/
	.pt_footer_left i {
	    padding: 12px;
	    font-size: 14px;
	}
	.pl_find{
		padding: 10px;
		text-align: center;
		flex-direction: column !important;
	}
	.plf_text h2{
		font-size: var(--18);
	}
	.plf_button a{
		margin-top: 20px;
		padding: 10px 20px;
	}
	/*testimoniyal css start*/
	.tsm_item{
		padding: 10px;
	}
	.tsm_description{
		font-size: var(--16);
		padding: 20px;
	}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	/*header css start*/
	.header_btn{
		margin-top: 16px;
	}
	/*banner css start*/
	.banner_section{
		padding: 200px 0 100px 0;
	}
	.b_title{
		font-size: var(--30);
	}
	.b_p{
		padding: 0 25px;
		font-size: var(--18);
	}
	.search_btn i {
	    left: 50%;
	    transform: translate(-250%, -50%);
	}
	.banner_menu ul{
		padding: 0 20px;
	}
	.banner_menu ul li a{
		margin-top: 10px;
	}
	/*destination css start*/
	.destination{
		padding: 0 100px;
	}
	.pt_carousel_item{
		flex: 0 0 calc(100%/1);
	}
	/*popular things css start*/
	.pl_find{
		padding: 20px;
	}
	.plf_text h2{
		font-size: var(--22);
	}
	.plf_button a{
		padding: 10px 15px;
	}
	/*how it work css start*/
	.hw_item {
	    padding: 20px 100px;
	}
	/*testimoniyal css start*/
	.tsm_item{
		padding: 20px;
	}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	/*header css start*/
	.header_btn{
		margin-top: 16px;
	}
	/*banner css start*/
	.b_p{
		padding: 0 35px;
	}
	.search_btn button{
		padding-left: 35px;
	}
	.search_btn i{
		left: 20px;
	}
	.search_btn i {
	    left: 50%;
	    transform: translate(-250%, -50%);
	}
	/*feature css start*/
	.feature{
		display: flex;
	}
	.item1{
		margin-right: 10px;
	}
	.item2{
		margin-left: 10px;
	}
	/*how it work css start*/
	.hw_item{
		padding: 20px 0;
	}
	.hw_text h2 a{
		font-size: var(--22);
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	/*header css start*/
	.header_search{
		margin-left: 10px;
	}
	.header_search input{
		width: 180px;
	}
	.header_menu ul li a{
		margin-right: 10px;
	}
	.signin_btn{
		background: none;
	}
	.signin_btn:before{
		display: none;
	}
	.signin_btn:hover{
		color: var(--crystal-blue) !important;
	}
	/*banner css start*/
	.search_btn button{
		padding-left: 35px;
	}
	.search_btn i{
		left: 20px;
	}
	/*testimoniyal css start*/
	.tsm_item{
		padding: 20px;
	}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
	/*header css start*/
	.header_search{
		margin-left: 10px;
	}
	.header_menu ul li a{
		margin-right: 20px;
	}
	.signin_btn{
		background: none;
	}
	.signin_btn:before{
		display: none;
	}
	.signin_btn:hover{
		color: var(--crystal-blue) !important;
	}
}

/*Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) {
	/*header css start*/
	.header_search{
		margin-left: 30px;
	}
	.signin_btn{
		background: none;
	}
	.signin_btn:before{
		display: none;
	}
	.signin_btn:hover{
		color: var(--crystal-blue) !important;
	}
}