@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/


/************
2. PC Versoin
************/


:root {
	--primary-color: linear-gradient(180deg, #857244 40%, #502c2c 100%);
}

@media screen and (max-width: 4100px) and (min-width: 992px), (min-width: 4200px)
{
	.iti--container {
		overflow-x: auto !important;
		background: white;
		width: auto;
		z-index: 22!important;
		top: 30px !important;
   		 bottom: 30px !important;
		left: 10.625px !important;
	}
	
	.intl-tel-input,
	.iti{
		z-index: 22!important;
		overflow-x: auto !important;
		width: 100%;
	}


	
	.contact_background {
		background-image:url(../images/contact.jpg);
	}

	#search_form_1 {
		padding-top: 30px;
	}

	#villas-smenu {
		padding-top: 30px;
		width: 100%;
	}

	#hotels-smenu {
		width: 100%;
	}

	#apparts-smenu {
		width: 100%;
	}

	.search_panel {
		margin-top: -74px;
	}

	.check-in-hire {
		display: flex;
		width: 100%;
		
	}
.menu-nav {
	padding-top: 30px;
    padding-bottom: 30px;
}
#activity-pcv {
	padding-right: 10px;
}

#serv-pcv {
	display: contents;
	
}
#activity-hours-pcv {
	padding-left: 10px;
		padding-right: 10px;
}
.booking-person-villa {
	padding-left: 5px;
}


.check-in>div:first-child {
	margin-right: 10px;
}

.done-close-hotel {
	text-align: center;
	background: var(--primary-color);
		color: #ffffff;
		border-radius: 15px;
		width: 50%;
		font-size: 20px;
}


.las {
	font-size: 50px;
}


.fa-solid {
	font-size: 40px;
}
















#close-ignore {
	height: 30px;
	text-align: right;
	font-weight: 800;
}

#close-ignore-hotel {
	height: 30px;
	text-align: right;
	font-weight: 800;
	padding-top: 40px;
}

#close-ignore-apart {
	height: 30px;
	text-align: right;
	font-weight: 800;
}





.search_item
{
	width: 100% !important;
}



.hamburger2 {
	border-radius: 10px;
	border-color: rgba(255, 255, 255, 0.871);
	background: #0b0b193d;
	border-style: solid ;
	color: rgb(255, 255, 255);
	opacity: 0.9;
	margin-top: 20px;
	height: 50px;
}

.hamburger2-hotel {
	border-radius: 10px;
	border-width: 0.5px;
	border-color: rgba(255, 255, 255, 0.871);
	background: #0b0b193d;
	border-style: solid ;
	color: rgb(255, 255, 255);
	opacity: 0.9;
	margin-top: 20px;
	height: 50px;
}

.hamburger2-apartment {
	border-radius: 10px;
	border-color: rgba(255, 255, 255, 0.871);
	background: #0b0b193d;
	border-style: solid ;
	color: rgb(255, 255, 255);
	opacity: 0.9;
	margin-top: 20px;
	height: 50px;
}


#reservlogo {
	width: 50px;
	
}

#reservlogo-yacht {
	width: 73px;
}



.msmall-search {
	width: 100%;
}







#roundedk {
	border-radius: 10px;
	border-width: 0.5px;
	border-color: rgb(255, 255, 255);
	background:#0b0b193d;
	border-style: solid ;
	color: rgba(255, 255, 255, 0.961);
	width: 100%;	
}

#roundedk-activity {
	border-radius: 10px;
	border-width: 0.5px;
	border-color: rgba(255, 255, 255, 0.982);
	background: #0b0b193d;
	border-style: solid ;
	color: rgba(255, 255, 255, 0.961);
	width: 100%;
	display:flex;	
}


#roundedk-reservaton {
	border-radius: 10px;
	border-width: 0.5px;
	border-color: rgba(255, 255, 255, 0.982);
	background: #0b0b193d;
	border-style: solid ;
	color: rgba(255, 255, 255, 0.961);
	width: 100%;
	display:flex;	
}



#roundedk-in {
	border-radius: 10px;
	border-color: rgba(255, 255, 255, 0.982);
	border-width: 0.5px;
	background: #0b0b193d;
	border-style: solid ;
	color: rgba(255, 255, 255, 0.961);
	width: 100%;
	margin: 0 auto;
	height: 45px;	
}


#roundedk-hotl-in {
	border-radius: 10px;
	border-color: rgba(255, 255, 255, 0.982);
	border-width: 0.5px;
	background: #0b0b193d;
	border-style: solid ;
	color: rgba(255, 255, 255, 0.961);
	width: 100%;
	margin: 0 auto;
	height: 45px;	
}

#roundedk-apart-in {
	border-radius: 10px;
	border-color: rgba(255, 255, 255, 0.982);
	border-width: 0.5px;
	background: #0b0b193d;
	border-style: solid ;
	color: rgba(255, 255, 255, 0.961);
	width: 100%;
	margin: 0 auto;
	height: 45px;	
}

#roundedk-serv-in {
	border-radius: 10px;
	border-color: rgba(255, 255, 255, 0.982);
	border-width: 0.5px;
	background: #0b0b193d;
	border-style: solid ;
	color: rgba(255, 255, 255, 0.961);
	width: 100%;
	margin: 0 auto;
	height: 45px;	
}

#roundedk-trans-in {
	border-radius: 10px;
	border-color: rgba(255, 255, 255, 0.982);
	border-width: 0.5px;
	background: #0b0b193d;
	border-style: solid ;
	color: rgba(255, 255, 255, 0.961);
	width: 100%;
	margin: 0 auto;
	height: 45px;	
}
#roundedk-trans-in-hire {
	border-radius: 10px;
	border-color: rgba(255, 255, 255, 0.982);
	border-width: 0.5px;
	background: #0b0b193d;
	border-style: solid ;
	color: rgba(255, 255, 255, 0.961);
	width: 100%;
	margin: 0 auto;
	height: 45px;	
}



.check_in {
	border-radius: 10px;
	border-color: rgba(255, 255, 255, 0.982);
	border-width: 0.5px;
	background: #0b0b193d;
	border-style: solid ;
	color: rgba(255, 255, 255, 0.961);
	width: 100%;
	margin: 0 auto;
	height: 45px;
	width: inherit;
}

.Zebra_DatePicker_Icon_Wrapper {
	width: inherit;
}

#date-book-trans {
	border-radius: 10px;
	border-color: rgba(255, 255, 255, 0.982);
	border-width: 0.5px;
	background: #0b0b193d;
	border-style: solid ;
	color: rgba(255, 255, 255, 0.961);
	width: 100%;
	margin: 0 auto;
	height: 45px;
}


#roundedk-out {
	border-radius: 10px;
	border-width: 0.5px;
	border-color: rgba(255, 255, 255, 0.982);
	background: #0b0b193d;
	border-style: solid ;
	color: rgba(255, 255, 255, 0.961);
	margin: 0 auto;	
}

#roundedk-hotl-out {
	border-radius: 10px;
	border-width: 0.5px;
	border-color: rgba(255, 255, 255, 0.982);
	background: #0b0b193d;
	border-style: solid ;
	color: rgba(255, 255, 255, 0.961);
	margin: 0 auto;	
}


#roundedk-apart-out {
	border-radius: 10px;
	border-width: 0.5px;
	border-color: rgba(255, 255, 255, 0.982);
	background: #0b0b193d;
	border-style: solid ;
	color: rgba(255, 255, 255, 0.961);
	margin: 0 auto;	
}

#roundedk-serv-out {
	border-radius: 10px;
	border-width: 0.5px;
	border-color: rgba(255, 255, 255, 0.982);
	background: #0b0b193d;
	border-style: solid ;
	color: rgba(255, 255, 255, 0.961);
	margin: 0 auto;	
}

#roundedk-trans-out {
	border-radius: 10px;
	border-width: 0.5px;
	border-color: rgba(255, 255, 255, 0.982);
	background: #0b0b193d;
	border-style: solid ;
	color: rgba(255, 255, 255, 0.961);
	margin: 0 auto;	
}






.tranfer-bok {
	margin-right: 10px;
}


#roundedk1 {
	border-radius: 10px;
	border-width: 0.5px;
	border-color: rgba(255, 255, 255, 0.921);
	background: #0b0b193d;
	border-style: solid ;
	color: rgb(255, 255, 255);
	opacity: 0.7;
} 
#roundedk-hire {
border-radius: 10px;
border-width: 0.5px;
border-color: rgba(255, 255, 255, 0.921);
background: #0b0b193d;
border-style: solid ;
color: rgb(255, 255, 255);
opacity: 0.7;
}


#roundedk24 {
	border-radius: 10px;
	border-width: 0.5px;
	border-color: rgba(255, 255, 255, 0.913);
	background: #0b0b193d;
	border-style: solid ;
	color: rgb(255, 255, 255);
	opacity: 0.7;
	
}

.ui-datepicker {
	background: #0b0b193d;
	border: 1px solid #555;
	color: rgb(0, 0, 0);
	display: flex;
	flex-direction: column;
	
}







#count-persons {
	margin-left: 32px;
	font-size: 30px;
	align-items: center;
	width: 100%;
	
}




#count-persons-adult {
	display: flex;
	flex-direction: row;
}


.trav {
color: #ffffff;
font-weight: 400;



}

.trav2 {
color: #ffffff;
font-weight: 800;
font-size: 10px;
}



#aladults {
color: #ffffff;
font-weight: 600;
font-size: 15px;
margin-top: -3.5px;
margin-right: 5px;
margin-left: 5px;
}






#alkids {
color: #ffffff;
font-weight: 600;
font-size: 15px;
margin-top: -4.5px;
margin-right: 5px;
margin-left: 5px;
}







.travler-display {
margin-bottom: -30px;
display: inline-flex;
}


.travler-display-hotel {
display: flex;
color: white;
}

.travler-display-apart {
display: flex;
color: white;
}

.booking-person-villa {
margin-top: 4px;
padding-left: 15px;
}

.booking-person {
	margin-top: -19px;
	padding-left: 8px;
	}





.count-person {
	
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	color: #ffffff;
	
	
}

.a-style {
	align-items: center;
	justify-content: space-around;
	font-size: 10px;
	font-weight: 800;
	color: #ffffff;
}



.search_item-count {
	
	border-radius: 10px;
	border-color: rgba(255, 255, 255, 0.856);
	
	border-style: solid ;
	color: rgb(255, 255, 255);
	opacity: 0.7;
	margin-top: 20px;
	
	
}

.hamburger2 {
	border-radius: 10px;
	border-width: 0.5px;
	border-color: rgba(255, 255, 255, 0.871);
	background: #0b0b193d;
	border-style: solid ;
	color: rgb(255, 255, 255);
	opacity: 0.9;
	margin-top: 20px;
	height: 50px;
}
.hamburger2-hotel {
	border-radius: 10px;
	border-width: 0.5px;
	border-color: rgba(255, 255, 255, 0.871);
	background: #0b0b193d;
	border-style: solid ;
	color: rgb(255, 255, 255);
	opacity: 0.9;
	margin-top: 20px;
	height: 50px;
}

.hamburger2-services {
	border-radius: 10px;
	border-width: 0.5px;
	border-color: rgba(255, 255, 255, 0.871);
	background: #0b0b193d;
	border-style: solid ;
	color: rgb(255, 255, 255);
	opacity: 0.9;
	margin-top: 20px;
	height: 50px;
	width: inherit;
}


#smview-dash {
	position: relative;
	table-layout:auto;
	
}


.hiddenm {
	display: none;
  }



.menu2 {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: var(--primary-color);
	z-index:4;
}
.menu2-hotel {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: var(--primary-color);
	z-index:4;
	overflow: auto;
}

.menu2-apart {
display: none;
width: 100%;
height: 100%;
position: fixed;
bottom: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background: var(--primary-color);
z-index:4;
}

.menu2-apart {
display: none;
width: 100%;
height: 100%;
position: fixed;
bottom: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background: var(--primary-color);
z-index:4;
}

.menu2-services {
display: none;
width: 100%;
height: 100%;
position: fixed;
bottom: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background: var(--primary-color);
z-index:4;
}



.menu_content {
	width: 100%;
	display: flex;
	overflow: auto;
	
}

.persons-dash {
padding: 150px;
width: 100%;
height: 100%;
position:relative;
margin-top: 60px;
color: #ffffff;
font-weight: 600;

}

#close-ignore {
height: 30px;
text-align: right;
font-weight: 800;
}
#close-ignore-apart {
height: 30px;
text-align: right;
font-weight: 800;
}

#close-ignore-services {
height: 30px;
text-align: right;
font-weight: 800;
}





#allroom {
height: 30px;
text-align:left;
font-weight: 800;
}


.counters-d {
text-align: right;	
}

table {
width: 100%;	
}



.selec-p {
text-align: left;
height: 60px;	
}
.maintr {
height: 40px;

}



.mkids-age1 {
border-radius: 5px;
border-style: solid;
border-color: #ffffff;

}



.mkids-hotel-age1 {
border-radius: 5px;
border-style: solid;
border-color: #ffffff;
}



.mkids-hotel-age2 {
border-radius: 5px;
border-style: solid;
border-color: #ffffff;
}



.mkids-age2 {
border-radius: 5px;
border-style: solid;
border-color: #ffffff;
}




.mkids-hotel-age4 {
border-radius: 5px;
border-style: solid;
border-color: #ffffff;
}

.mkids-age3 {
border-radius: 5px;
border-style: solid;
border-color: #ffffff;
width: 100%;
}

.mkids-age4 {
border-radius: 5px;
border-style: solid;
border-color: #ffffff;
width: 100%;
}
.mkids-hotel-age3 {
border-radius: 5px;
border-style: solid;
border-color: #ffffff;
}

.mkids-age5 {
border-radius: 5px;
border-style: solid;
border-color: #ffffff;
width: 100%;

}

.mkids-hotel-age5 {
border-radius: 5px;
border-style: solid;
border-color: #ffffff;

}
.mkids-age6 {
border-radius: 5px;
border-style: solid;
border-color: #ffffff;
width: 100%;
}

.mkids-hotel-age6 {
border-radius: 5px;
border-style: solid;
border-color: #ffffff;
}

.red-notification {
align-items: center;
text-align: center;
border-radius: 5px;
background-color: rgba(243, 47, 47, 0.955);
width: 100%;
height: 20px;
margin-bottom: 20px;
}

.red-notification-hotel {
align-items: center;
text-align: center;
border-radius: 5px;
background-color: rgba(197, 24, 24, 0.955);
width: 40%;
height: 20px;
margin-bottom: 10px;
}

.red-notificationR1-hotel {
align-items: center;
text-align: center;
border-radius: 5px;
background-color: rgba(197, 24, 24, 0.955);
width: 40%;
height: 20px;
margin-bottom: 10px;
}

.red-notificationR3-hotel {
align-items: center;
text-align: center;
border-radius: 5px;
background-color: rgba(197, 24, 24, 0.955);
width: 40%;
height: 20px;
margin-bottom: 10px;
}

.red-notificationR4-hotel {
align-items: center;
text-align: center;
border-radius: 5px;
background-color: rgba(197, 24, 24, 0.955);
width: 40%;
height: 20px;
margin-bottom: 10px;
}

.notifi-red {
align-items: center;
width: 40%;

}

.notifi-head {

font-weight: 300;
color: #ffffff;
font-size: 8px;

}


.done-p {
text-align: right;
padding-top:50px ;

}

.done-close {
text-align: center;
background: var(--primary-color);
	color: #ffffff;
	border-radius: 15px;
	width: 70%;
	margin-left: 50px;
	height: 50%;
	font-size: 20px;
	
}



.done-close-apart {
text-align: center;
background: var(--primary-color);
	color: #ffffff;
	border-radius: 15px;
	width: 70%;
	margin-left: 50px;
	height: 50%;
	font-size: 20px;
}

.done-close-services {
text-align: center;
background: var(--primary-color);
	color: #ffffff;
	border-radius: 15px;
	width: 70%;
	margin-left: 50px;
	height: 50%;
	font-size: 20px;
}



#roundedk.active
{
	background:var(--primary-color);
	color: #ffffff;
}



#downlogo {
width: 150px;
}


.search_tab_lil {
position: relative;
height: 50px;
width: 150%;
padding:10px;
color: #ffffff;
border-radius: 10px;
border-width: 0.5px;
border-color: white;
background: #0b0b193d;
border-style: solid ;
margin-right: 10px;
display: block;
margin-top: -10px;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
height: 100%;
flex-grow: 1;

cursor: pointer;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;


}

.search_tab_lil.active {
background:var(--primary-color);
color: #ffffff;

}






.menu-nav a:nth-child(1){
width: 100%;
transition: background-color 1s ease;
color: #ffffff;
margin-left: 10px;
}
.menu-nav a:nth-child(2){
width: 100%;
transition: background-color 1s ease;
color: #ffffff;
}
.menu-nav a:nth-child(3){
width: 100%;
transition: background-color 1s ease;
color: #ffffff;
}







.menu-nav a:nth-child(1):hover{
background: var(--primary-color);
color: #ffffff;
transition: background-color 1s ease;
}
.menu-nav a:nth-child(2):hover{
background: var(--primary-color);
color: #ffffff;
}
.menu-nav a:nth-child(3):hover{
background: var(--primary-color);
color: #ffffff;
}

.menu-nav a:nth-child(1):active {
width: 100%;
background: var(--primary-color);
transition: background-color 1s ease;
color: #ffffff;

}





#main2img {
background-image: url(../images/Menu-img.jpeg);
background-size: 100%;
}

#all-serchs {

margin-top: -20px;

}





.msmall-search {
width: 100%;
}
	
}

/************
3. 1380px
************/

@media only screen and (max-width: 4200px)
{
	#main2img {
		display: flex;

	}
	
	
}

/************
3. 1280px
************/

@media only screen and (max-width: 1210px)
{
	
	.cta_slider_prev
	{
		left: 15px;
	}
	.cta_slider_next
	{
		right: 15px;
	}
	.cta_slider_nav .nav_path,
	.cta_slider_nav .nav_arrow
	{
		fill: url(#grad);
	}
	.test_slider_prev
	{
		left: 15px;
	}
	.test_slider_next
	{
		right: 15px;
	}
	.test_quote_text {
		font-size: 12px;
		margin-top: -7px;
		margin-right: -20px;
	}
	.home_slider_content h1:nth-child(2) {
		font-size: 60px;
	}


}




/************
6. 991px
************/

@media only screen and (max-width: 991px)

{


	.contact_background {
		background-color: #ffffff;
		
	}





	.search-box{
		width: fit-content;
		height: fit-content;
		position: relative;
		margin-left: auto;
	  }
	  .input-search{
		height: 50px;
		width: 50px;
		border-style: none;
		padding: 10px;
		font-size: 18px;
		letter-spacing: 2px;
		outline: none;
		border-radius: 25px;
		transition: all .5s ease-in-out;
		background-color: #22a7b300;
		padding-right: 40px;
		color:#fff;
	  }
	  .input-search::placeholder{
		color:rgb(255, 255, 255);
		font-size: 18px;
		letter-spacing: 2px;
		font-weight: 300;
	  }
	  .btn-search{
		width: 50px;
		height: 50px;
		border-style: none;
		font-size: 20px;
		font-weight: bold;
		outline: none;
		cursor: pointer;
		border-radius: 50%;
		position: absolute;
		right: 0px;
		color:#ffffff ;
		background-color:transparent;
		pointer-events: painted;  
	  }
	  .btn-search:focus ~ .input-search{
		width: 200px;
		border-radius: 0px;
		background-color: transparent;
		border-bottom:1px solid rgba(255,255,255,.5);
		transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
	  }
	  .input-search:focus{
		width: 200px;
		border-radius: 0px;
		background-color: transparent;
		border-bottom:1px solid rgba(255,255,255,.5);
		transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
	  }
	  







	













	.any-search {
		width: -webkit-fill-available;
		
	}

	.input-box.open {
		max-width: 166px;
	  }


	.selector-for-some-widget {
		box-sizing: content-box;
	  }


	.main_nav_container
	{
		display: none;
	}
	.home_slider_content h1:first-child
	{
		
		font-size: 250% !important;
	}
	.home_slider_content h1:nth-child(2)
	{
		font-size: 50px;
		position: relative;
		font-weight: 300;
		color: #dcbd5c;
	}
	#g-trans {
		
		color: #ffffff;
		font-weight: 550;
		
	}
	#h-driver {
		
		color: #ffffff;
	}


	.home_slider_button
	{
		margin-top: 58px;
	}
	.hamburger
	{
		display: block;
	}
	.search
	{
		height: auto;
		padding-top: 20px;
		padding-bottom: 30px;
		
		
	}
	
	

	#rounded {
		border-radius: 80px;
		
	}


	.menu-nav {
		position: relative;
		display: inline-block;
		padding-top: 10px;
		padding-bottom: 10px;
		

	}

	
	




	.search_tabs_container
	{
		position: relative;
		bottom: auto;
		left: auto;
		width: auto;
	}
	.search_tabs
	{
		height: auto;
		
	}
	.search_tab
	{
		height: 50px;
		width: 100%;
		font-size: 8px;
		margin-bottom: 10px;	
	}














	.search_tab:first-child
	{
		
		padding-left: 0px;
	}
	
	.search_panel
	{
		display: none !important;
		margin-top: 20px;
	}
	.search_panel.active
	{
		display: flex!important;
	}


	#villas-smenu {
		width: 100%;
		display: flex;
		flex-direction: column;
		
	}



	#apparts-smenu {
		width: 100%;
		display: flex;
		flex-direction: column;
	}


	#hotels-smenu {
		width: 100%;
		display: flex;
		flex-direction: column;
	}


	.check-in {
		width: 100%;
		display: flex;
		align-items: center;
		padding-bottom: 10px;
		
	}
	.check-in>div:first-child{ 
		margin-right:10px;  
	} 
	.check-in-hire {
		width: 100%;
		display: flex;
		align-items: center;
		padding-bottom: 10px;
		
	}

	.search_item
	{
		width: 100% !important;
		
	}
	
	
	.search_button
	{
		margin-top: 9px;
		background: var(--primary-color);
	}
	.intro_col
	{
		margin-bottom: 60px;
	}
	.intro_col:last-child
	{
		margin-bottom: 0px;
	}
	.intro_item
	{
		height: 810px;
	}
	.cta_item
	{
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 30px;
		padding-bottom: 25px;
	}
	.cta_slider_nav
	{
		display: none !important;
	}
	.offers_image_container
	{
		height: 708px;
	}
	.offers_content
	{
		margin-top: 15px;
	}
	.test_slider_nav
	{
		display: none !important;
	}
	.footer_column
	{
		margin-bottom: 60px;
	}
	.footer_column:last-child
	{
		margin-bottom: 0px;
	}
	.copyright
	{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.copyright_content
	{
		height: auto;
		margin-top: 30px;
		width: 100%;
		margin-left: -20px;
	}
	.footer_nav_container
	{
		height: auto;
	}
	.footer_nav_item
	{
		display: block;
	}
}













/************
9. 768px
************/

@media only screen and (max-width: 768px)
{

	.search_item
	{
		width: 100% !important;
		
	}

	.home_slider_content h1:nth-child(2) {
		font-size: 36px;
	}


	#main2img {
		background-image: url(../images/Menu-img.jpeg);
		background-size: 100%;
	}

	.hamburger2 {
		border-radius: 10px;
		border-color: rgba(255, 255, 255, 0.871);
		background: #0b0b193d;
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.9;
		margin-top: 20px;
		height: 50px;
	}
	.hamburger2-hotel {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgba(255, 255, 255, 0.871);
		background: #0b0b193d;
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.9;
		margin-top: 20px;
		height: 50px;
	}

	
	


	.msmall-search {
		width: 100%;
	}




	#roundedk {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgb(255, 255, 255);
		background:#0b0b193d;
		border-style: solid ;
		color: rgba(255, 255, 255, 0.961);
		width: 100%;
	}

	
	#roundedk-in {
		border-radius: 10px;
		border-color: rgba(255, 255, 255, 0.982);
		border-width: 0.5px;
		background: #0b0b193d;
		border-style: solid ;
		color: rgba(255, 255, 255, 0.961);
		width: 100%;
		
		
		
	}

	#roundedk-out {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgba(255, 255, 255, 0.982);
		background: #0b0b193d;
		border-style: solid ;
		color: rgba(255, 255, 255, 0.961);
		
		
		
		
		
	}



	#roundedk1 {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgba(255, 255, 255, 0.921);
		background: #0b0b193d;
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.7;
	} 



	#roundedk24 {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgba(255, 255, 255, 0.913);
		background: rgba(240, 233, 233, 0.25);
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.7;
		
	}

	.ui-datepicker {
		background: rgba(255, 255, 255, 0.863);
		border: 1px solid #555;
		color: rgb(0, 0, 0);
		display: flex;
		flex-direction: column;
		
	}







	#count-persons {
		margin-left: 32px;
		font-size: 30px;
		align-items: center;
		width: 100%;
		
	}


	

	#count-persons-adult {
		display: flex;
		flex-direction: row;
	}


.trav {
	color: #ffffff;
	font-weight: 400;
	
	
	
}

.trav2 {
	color: #ffffff;
	font-weight: 800;
	font-size: 10px;
}



#aladults {
	color: #ffffff;
	font-weight: 600;
	font-size: 15px;
	margin-top: -3.5px;
	margin-right: 5px;
	margin-left: 5px;
}


#alkids {
	color: #ffffff;
	font-weight: 600;
	font-size: 15px;
	margin-top: -3.5px;
	margin-right: 5px;
	margin-left: 5px;
}





.travler-display {
	margin-bottom: -30px;
	display: inline-flex;
}

.booking-person-villa {
	margin-top: 4px;
	padding-left: 15px;
	}
	.booking-person {
		margin-top: -19px;
		padding-left: 8px;
		}





	.count-person {
		
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
		color: #ffffff;
		
		
	}

	.a-style {
		align-items: center;
		justify-content: space-around;
		font-size: 10px;
		font-weight: 800;
		color: #ffffff;
	}








	.search_item-count {
		
		border-radius: 10px;
		border-color: rgba(255, 255, 255, 0.856);
		background: linear-gradient(to right, #fa9d1b7b, #8d4fff7e);
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.7;
		margin-top: 20px;
		
		
	}

	.hamburger2 {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgba(255, 255, 255, 0.871);
		background: #0b0b193d;
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.9;
		margin-top: 20px;
		height: 50px;
	}
	.hamburger2-hotel {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgba(255, 255, 255, 0.871);
		background: #0b0b193d;
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.9;
		margin-top: 20px;
		height: 50px;
	}

	#smview-dash {
		position: relative;
		table-layout:auto;
		
		
	}






	.menu2 {
		display: none;
		width: 100%;
		height: 100%;
		position: fixed;
		bottom: 10px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		background: var(--primary-color);
		z-index:4;
}

.menu2-hotel {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: var(--primary-color);
	z-index:4;
	overflow: auto;
}

.menu2-apart {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: var(--primary-color);
	z-index:4;
}


	.menu_content {
		width: 100%;
		display: flex;
		overflow: auto;
		
	}
	
.persons-dash {
	padding: 20px;
	width: 100%;
	height: 100%;
	position:relative;
	margin-top: 60px;
	color: #ffffff;
	font-weight: 600;
	
	
	
}
#allroom {
	
	height: 30px;
	text-align:left;
	font-weight: 800;
	
}


#close-ignore {
	height: 30px;
	text-align:right;
	font-weight: 800;
}

#close-ignore-apart {
	height: 30px;
	text-align: right;
	font-weight: 800;
}

.counters-d {
	text-align: right;
	
	
	
	
}

table {
	width: 100%;
	
	
	
}




.maintr {
	height: 40px;
	
}



.mkids-age1 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}

.mkids-hotel-age1 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}



.mkids-age2 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}

.mkids-hotel-age2 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}

.mkids-hotel-age3 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}


.mkids-age3 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
	width: 100%;
}

.mkids-age4 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
	width: 100%;
}

.mkids-hotel-age4 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}

.mkids-age5 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
	width: 100%;
	
}
.mkids-hotel-age5 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;

}
.mkids-age6 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
	width: 100%;
}
.mkids-hotel-age6 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}
.red-notification {
	align-items: center;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(243, 47, 47, 0.955);
	width: 40%;
	height: 20px;
	margin-bottom: 20px;
}

.red-notification-hotel {
	align-items: center;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(197, 24, 24, 0.955);
	width: 40%;
	height: 20px;
	margin-bottom: 10px;
}
.red-notificationR1-hotel {
	align-items: center;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(197, 24, 24, 0.955);
	width: 40%;
	height: 20px;
	margin-bottom: 10px;
}
.red-notificationR3-hotel {
	align-items: center;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(197, 24, 24, 0.955);
	width: 40%;
	height: 20px;
	margin-bottom: 10px;
}


.red-notificationR4-hotel {
	align-items: center;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(197, 24, 24, 0.955);
	width: 40%;
	height: 20px;
	margin-bottom: 10px;
}

.notifi-red {
	align-items: center;
	width: 100%;

}

.notifi-head {
	
	font-weight: 500;
	color: #ffffff;
	font-size: 8px;
	
}








.done-p {
	text-align: right;
	padding-top:50px ;
	
}

.done-close {
	text-align: center;
	background: var(--primary-color);
		color: #ffffff;
		border-radius: 15px;
		width: 70%;
		margin-left: 50px;
		height: 50%;
		font-size: 20px;
		
}


.done-close-apart {
	text-align: center;
	background: var(--primary-color);
		color: #ffffff;
		border-radius: 15px;
		width: 70%;
		margin-left: 50px;
		height: 50%;
		font-size: 20px;
}
.done-close-services {
	text-align: center;
	background: var(--primary-color);
		color: #ffffff;
		border-radius: 15px;
		width: 70%;
		margin-left: 50px;
		height: 50%;
		font-size: 20px;
}



	#roundedk.active
	{
		background: var(--primary-color);
		color: #ffffff;
	}



 #downlogo {
	width: 150px;
 }


 .search_tab_lil {
	position: relative;
	height: 50px;
	width: 150%;
	padding:10px;
	color: #ffffff;
	border-radius: 10px;
	border-width: 0.5px;
	border-color: white;
	background: #0b0b193d;
	border-style: solid ;
	margin-right: 10px;
	display: block;
	margin-top: -10px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	height: 100%;
	flex-grow: 1;
	
	cursor: pointer;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;

	
}

.search_tab_lil.active {
	background:var(--primary-color);
	color: #ffffff;
	
}






.menu-nav a:nth-child(1){
	width: 100%;
	transition: background-color 1s ease;
	color: #ffffff;
}
.menu-nav a:nth-child(2){
	width: 100%;
	transition: background-color 1s ease;
	color: #ffffff;
}
.menu-nav a:nth-child(3){
	width: 100%;
	transition: background-color 1s ease;
	color: #ffffff;
}







.menu-nav a:nth-child(1):hover{
	background:var(--primary-color);
	color: #ffffff;
	transition: background-color 1s ease;
}
.menu-nav a:nth-child(2):hover{
	background:var(--primary-color);
	color: #ffffff;
}
.menu-nav a:nth-child(3):hover{
	background: var(--primary-color);
	color: #ffffff;
}

.menu-nav a:nth-child(1):active {
	width: 100%;
	background:var(--primary-color);
	transition: background-color 1s ease;
	color: #ffffff;
	
}





#main2img {
	background-image: url(../images/Menu-img.jpeg);
	background-size: 100%;
}

#all-serchs {
	
	margin-top: -20px;
	
}


#reservlogo {
	width: 28px;
}
.fa-solid {
	font-size: 24px;
}

#reservlogo-yacht {
	width: 44px;
}

.msmall-search {
	width: 100%;
}


}

/************
10. 767px
************/

@media only screen and (max-width: 767px)
{

	.search_item
	{
		width: 100% !important;
		
	}

	.intro_item
	{
		height: 599px;
	}
	.offers_image_container
	{
		height: 524px;
	}


	.hamburger2 {
		border-radius: 10px;
		border-color: rgba(255, 255, 255, 0.871);
		background: #0b0b193d;
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.9;
		margin-top: 20px;
		height: 50px;
	}
	.hamburger2-hotel {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgba(255, 255, 255, 0.871);
		background: #0b0b193d;
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.9;
		margin-top: 20px;
		height: 50px;
	}

	

	.msmall-search {
		width: 100%;
	}



	#roundedk {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgb(255, 255, 255);
		background:#0b0b193d;
		border-style: solid ;
		color: rgba(255, 255, 255, 0.961);
		width: 100%;
		
	}


	#roundedk-in {
		border-radius: 10px;
		border-color: rgba(255, 255, 255, 0.982);
		border-width: 0.5px;
		background: #0b0b193d;
		border-style: solid ;
		color: rgba(255, 255, 255, 0.961);
		width: 100%;
		
		
		
	}

	#roundedk-out {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgba(255, 255, 255, 0.982);
		background: #0b0b193d;
		border-style: solid ;
		color: rgba(255, 255, 255, 0.961);
		
		
		
		
		
	}



	#roundedk1 {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgba(255, 255, 255, 0.921);
		background: #0b0b193d;
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.7;
	} 



	#roundedk24 {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgba(255, 255, 255, 0.913);
		background: rgba(240, 233, 233, 0.25);
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.7;
		
	}

	.ui-datepicker {
		background: rgba(255, 255, 255, 0.25);
		border: 1px solid #555;
		color: rgb(0, 0, 0);
		display: flex;
		flex-direction: column;
		
	}







	#count-persons {
		margin-left: 32px;
		font-size: 30px;
		align-items: center;
		width: 100%;
		
	}


	

	#count-persons-adult {
		display: flex;
		flex-direction: row;
	}


.trav {
	color: #ffffff;
	font-weight: 400;
	
	
	
}

.trav2 {
	color: #ffffff;
	font-weight: 800;
	font-size: 10px;
}



#aladults {
	color: #ffffff;
	font-weight: 600;
	font-size: 15px;
	margin-top: -3.5px;
	margin-right: 5px;
	margin-left: 5px;
}



#alkids {
	color: #ffffff;
	font-weight: 600;
	font-size: 15px;
	margin-top: -3.5px;
	margin-right: 5px;
	margin-left: 5px;
}




.travler-display {
	margin-bottom: -30px;
	display: inline-flex;
}

.booking-person-villa {
	margin-top: 4px;
	padding-left: 15px;
	}
	.booking-person {
		margin-top: -19px;
		padding-left: 8px;
		}

	



	.count-person {
		
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
		color: #ffffff;
		
		
	}

	.a-style {
		align-items: center;
		justify-content: space-around;
		font-size: 10px;
		font-weight: 800;
		color: #ffffff;
	}








	.search_item-count {
		
		border-radius: 10px;
		border-color: rgba(255, 255, 255, 0.856);
		background: linear-gradient(to right, #fa9d1b7b, #8d4fff7e);
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.7;
		margin-top: 20px;
		
		
	}

	.hamburger2 {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgba(255, 255, 255, 0.871);
		background: #0b0b193d;
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.9;
		margin-top: 20px;
		height: 50px;
	}
	.hamburger2-hotel {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgba(255, 255, 255, 0.871);
		background: #0b0b193d;
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.9;
		margin-top: 20px;
		height: 50px;
	}

	#smview-dash {
		position: relative;
		table-layout:auto;
		
	}






	.menu2 {
		display: none;
		width: 100%;
		height: 100%;
		position: fixed;
		bottom: 10px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		background: var(--primary-color);
		z-index:4;
}
.menu2-hotel {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: var(--primary-color);
	z-index:4;
	overflow: auto;
}

.menu2-apart {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: var(--primary-color);
	z-index:4;
}


	.menu_content {
		width: 100%;
		display: flex;
		overflow: auto;
		
	}
	
.persons-dash {
	padding: 20px;
	width: 100%;
	height: 100%;
	position:relative;
	margin-top: 60px;
	color: #ffffff;
	font-weight: 600;
	
	
	
}
#allroom {
	
	height: 30px;
	text-align:left;
	
	font-weight: 800;
	
}


.counters-d {
	text-align: right;
	
	
	
	
}

table {
	width: 100%;
	
	
	
}




.maintr {
	height: 40px;
	
}



.mkids-age1 {
	
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
	
}

.mkids-hotel-age1 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}



.mkids-age2 {
	
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;	
}


.mkids-hotel-age2 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}

.mkids-age3 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
	width: 100%;
}


.mkids-hotel-age3 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}

.mkids-age4 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
	width: 100%;
}

.mkids-hotel-age4 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}

.mkids-age5 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
	width: 100%;
	
}
.mkids-hotel-age5 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;

}
.mkids-age6 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
	width: 100%;
}
.mkids-hotel-age6 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}
.red-notification {
	align-items: center;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(243, 47, 47, 0.955);
	width: 40%;
	height: 20px;
	margin-bottom: 20px;
}
.red-notification-hotel {
	align-items: center;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(197, 24, 24, 0.955);
	width: 40%;
	height: 20px;
	margin-bottom: 10px;
}
.red-notificationR1-hotel {
	align-items: center;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(197, 24, 24, 0.955);
	width: 40%;
	height: 20px;
	margin-bottom: 10px;
}
.red-notificationR3-hotel {
	align-items: center;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(197, 24, 24, 0.955);
	width: 40%;
	height: 20px;
	margin-bottom: 10px;
}

.red-notificationR4-hotel {
	align-items: center;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(197, 24, 24, 0.955);
	width: 40%;
	height: 20px;
	margin-bottom: 10px;
}

.notifi-red {
	align-items: center;
	width: 100%;

}

.notifi-head {
	
	font-weight: 500;
	color: #ffffff;
	font-size: 8px;
	
}








.done-p {
	text-align: right;
	padding-top:50px ;
	
}

.done-close {
	text-align: center;
	background: var(--primary-color);
		color: #ffffff;
		border-radius: 15px;
		width: 70%;
		margin-left: 50px;
		height: 50%;
		font-size: 20px;
		
}



.done-close-apart {
	text-align: center;
	background: var(--primary-color);
		color: #ffffff;
		border-radius: 15px;
		width: 70%;
		margin-left: 50px;
		height: 50%;
		font-size: 20px;
}

.done-close-services {
	text-align: center;
	background: var(--primary-color);
		color: #ffffff;
		border-radius: 15px;
		width: 70%;
		margin-left: 50px;
		height: 50%;
		font-size: 20px;
}


	#roundedk.active
	{
		background: var(--primary-color);
		color: #ffffff;
	}



 #downlogo {
	width: 150px;
 }


 .search_tab_lil {
	position: relative;
	height: 50px;
	width: 150%;
	padding:10px;
	color: #ffffff;
	border-radius: 10px;
	border-width: 0.5px;
	border-color: white;
	background: #0b0b193d;
	border-style: solid ;
	margin-right: 10px;
	display: block;
	margin-top: -10px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	height: 100%;
	flex-grow: 1;
	
	cursor: pointer;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;

	
}

.search_tab_lil.active {
	background: var(--primary-color);
	color: #ffffff;
	
}






.menu-nav a:nth-child(1){
	width: 100%;
	transition: background-color 1s ease;
	color: #ffffff;
}
.menu-nav a:nth-child(2){
	width: 100%;
	transition: background-color 1s ease;
	color: #ffffff;
}
.menu-nav a:nth-child(3){
	width: 100%;
	transition: background-color 1s ease;
	color: #ffffff;
}







.menu-nav a:nth-child(1):hover{
	background:var(--primary-color);
	color: #ffffff;
	transition: background-color 1s ease;
}
.menu-nav a:nth-child(2):hover{
	background: var(--primary-color);
	color: #ffffff;
}
.menu-nav a:nth-child(3):hover{
	background:var(--primary-color);
	color: #ffffff;
}

.menu-nav a:nth-child(1):active {
	width: 100%;
	background:var(--primary-color);
	transition: background-color 1s ease;
	color: #ffffff;
	
}





#main2img {
	background-image: url(../images/Menu-img.jpeg);
	background-size: 100%;
}

#all-serchs {
	
	margin-top: -20px;
	
}


#reservlogo {
	width: 28px;
}
.fa-solid {
	font-size: 24px;
}
#reservlogo-yacht {
	width: 44px;
}

.msmall-search {
	width: 100%;
}


}

/************
11. 575px
************/

@media only screen and (max-width: 575px)
{

	

	.home {
		height: 350px;
		
	}
	
	
	



	.home_slider_content h1:first-child {
		
		padding: 0;
		font-size: 130% !important;
	}


	.search_item div {
		font-size: 8px;
	}

	.search_item1 div {
		font-size: 8px;
	}

	.search_item2 div {
		font-size: 8px;
	}


	.discov {
		font-size: 100px;
	}


	#main2img {
		background-image: url(../images/Menu-img.jpeg);
		background-size: 100%;
	}

	#all-serchs {
		
		margin-top: -20px;
		
	}


	


	.msmall-search {
		width: 100%;
	}








	#roundedk {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgb(255, 255, 255);
		background:#0b0b193d;
		border-style: solid ;
		color: rgba(255, 255, 255, 0.961);
		width: 100%;
		
	}

	#roundedk-in {
		border-radius: 10px;
		border-color: rgba(255, 255, 255, 0.982);
		border-width: 0.5px;
		background: #0b0b193d;
		border-style: solid ;
		color: rgba(255, 255, 255, 0.961);
		width: 100%;
		
		
		
	}

	#roundedk-out {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgba(255, 255, 255, 0.982);
		background: #0b0b193d;
		border-style: solid ;
		color: rgba(255, 255, 255, 0.961);
		width: 100%;	
		
	}



	#roundedk1 {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgba(255, 255, 255, 0.921);
		background: #0b0b193d;
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.7;
		width: 100%;
	} 



	#roundedk24 {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgba(255, 255, 255, 0.913);
		background: rgba(255, 255, 255, 0.25);
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.7;
		width: 100%;
		
	}


	#count-persons {
		margin-left: 32px;
		font-size: 30px;
		align-items: center;
		width: 100%;
		
	}


	

	#count-persons-adult {
		display: flex;
		flex-direction: row;
	}


.trav {
	color: #ffffff;
	font-weight: 400;
	
	
	
}

.trav2 {
	color: #ffffff;
	font-weight: 800;
	font-size: 10px;
}



#aladults {
	color: #ffffff;
	font-weight: 600;
	font-size: 15px;
	margin-top: -4.5px;
	margin-right: 5px;
	margin-left: 5px;
}



#alkids {
	color: #ffffff;
	font-weight: 600;
	font-size: 15px;
	margin-top: -4.5px;
	margin-right: 5px;
	margin-left: 5px;
}





.travler-display {
	margin-bottom: -30px;
	display: inline-flex;
}

.booking-person-villa{
	margin-top: 4px;
	padding-left: 15px;
	}
	.booking-person {
		margin-top: -19px;
		padding-left: 8px;
		}

	#reservlogo {
		width: 28px;	
		
	}



	.fa-solid {
		font-size: 24px;
	}
	#reservlogo-yacht {
		width: 44px;
	}

	.count-person {
		
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
		color: #ffffff;
		
		
	}

	.a-style {
		align-items: center;
		justify-content: space-around;
		font-size: 10px;
		font-weight: 800;
		color: #ffffff;
	}








	.search_item-count {
		
		border-radius: 10px;
		border-color: rgba(255, 255, 255, 0.856);
		background: linear-gradient(to right, #fa9d1b7b, #8d4fff7e);
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.7;
		margin-top: 20px;
		
		
	}

	.hamburger2 {
		border-radius: 10px;
		border-width: 0.5px;
		border-color: rgba(255, 255, 255, 0.871);
		background: #0b0b193d;
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.9;
		margin-top: 20px;
		height: 50px;
	}
	.hamburger2-hotel {
		border-radius: 10px;
		border-color: rgb(255, 255, 255);
		border-width: 0.5px;
		background: #0b0b193d;
		border-style: solid ;
		color: rgb(255, 255, 255);
		opacity: 0.9;
		margin-top: 20px;
		height: 50px;
	}

	#smview-dash {
		position: relative;
		
		table-layout:auto;
		
	}






	.menu2 {
		display: none;
		width: 100%;
		height: 100%;
		position: fixed;
		bottom: 10px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		background: var(--primary-color);
		z-index:4;
}
.menu2-hotel {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: var(--primary-color);
	z-index:4;
	overflow: auto;
	overflow: auto;
}

.menu2-apart {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: var(--primary-color);
	z-index:4;
}

	.menu_content {
		width: 100%;
		display: flex;
		overflow: auto;
		
	}
	
.persons-dash {
	padding: 20px;
	width: 100%;
	height: 100%;
	position:relative;
	margin-top: 60px;
	color: #ffffff;
	font-weight: 600;
	
	
	
}
#allroom {
	
	height: 30px;
	text-align:left;
	
	font-weight: 800;
	
}


.counters-d {
	text-align: right;
	
	
	
	
}

table {
	width: 100%;
	
	
	
}




.maintr {
	height: 40px;
	
}



.mkids-age1 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}

.mkids-hotel-age1 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}



.mkids-age2 {
	
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}

.mkids-hotel-age4 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}
.mkids-hotel-age2 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}

.mkids-age3 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
	width: 100%;
}

.mkids-hotel-age3 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}
.mkids-age4 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
	width: 100%;
}

.mkids-age5 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
	width: 100%;
	
}
.mkids-hotel-age5 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;

}
.mkids-age6 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
	width: 100%;
}
.mkids-hotel-age6 {
	border-radius: 5px;
	border-style: solid;
	border-color: #ffffff;
}

.red-notification {
	align-items: center;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(197, 24, 24, 0.955);
	width: 40%;
	height: 20px;
	margin-bottom: 10px;
}

.red-notification-hotel {
	align-items: center;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(197, 24, 24, 0.955);
	width: 40%;
	height: 20px;
	margin-bottom: 10px;
}

.red-notificationR1-hotel {
	align-items: center;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(197, 24, 24, 0.955);
	width: 40%;
	height: 20px;
	margin-bottom: 10px;
}
.red-notificationR3-hotel {
	align-items: center;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(197, 24, 24, 0.955);
	width: 40%;
	height: 20px;
	margin-bottom: 10px;
}

.red-notificationR4-hotel {
	align-items: center;
	text-align: center;
	border-radius: 5px;
	background-color: rgba(197, 24, 24, 0.955);
	width: 40%;
	height: 20px;
	margin-bottom: 10px;
}

.notifi-red {
	align-items: center;
	width: 100%;

}

.notifi-head {
	
	font-weight: 500;
	color: #ffffff;
	font-size: 9px;
	
}








.done-p {
	text-align: right;
	padding-top:50px ;
	
}

.done-close {
	text-align: center;
	background: var(--primary-color);
		color: #ffffff;
		border-radius: 15px;
		width: 70%;
		margin-left: 50px;
		height: 50%;
		font-size: 20px;
		
}

.done-close-hotel {
	text-align: center;
	background: var(--primary-color);
		color: #ffffff;
		border-radius: 15px;
		width: 70%;
		margin-left: 50px;
		font-size: 20px;
}

.done-close-apart {
	text-align: center;
	background: var(--primary-color);
		color: #ffffff;
		border-radius: 15px;
		width: 70%;
		margin-left: 50px;
		height: 50%;
		font-size: 20px;
}

.done-close-services {
	text-align: center;
	background: var(--primary-color);
		color: #ffffff;
		border-radius: 15px;
		width: 70%;
		margin-left: 50px;
		height: 50%;
		font-size: 20px;
}


	#roundedk.active
	{
		background: var(--primary-color);
		color: #ffffff;
	}



 #downlogo {
	width: 150px;
 }





 









 .search_tab_lil {
	position: relative;
	height: 50px;
	width: 150%;
	padding:10px;
	color: #ffffff;
	border-radius: 10px;
	border-width: 0.5px;
	border-color: white;
	background: #0b0b193d;
	border-style: solid ;
	margin-right: 10px;
	display: block;
	margin-top: -10px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	height: 100%;
	flex-grow: 1;
	
	cursor: pointer;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;

	
}

.search_tab_lil.active {
	background: var(--primary-color);
	color: #ffffff;
	
}






.menu-nav a:nth-child(1){
	width: 100%;
	transition: background-color 1s ease;
	color: #ffffff;
}
.menu-nav a:nth-child(2){
	width: 100%;
	transition: background-color 1s ease;
	color: #ffffff;
}
.menu-nav a:nth-child(3){
	width: 100%;
	transition: background-color 1s ease;
	color: #ffffff;
}







.menu-nav a:nth-child(1):hover{
	background: var(--primary-color);
	color: #ffffff;
	transition: background-color 1s ease;
}
.menu-nav a:nth-child(2):hover{
	background: var(--primary-color);
	color: #ffffff;
}
.menu-nav a:nth-child(3):hover{
	background: var(--primary-color);
	color: #ffffff;
}

.menu-nav a:nth-child(1):active {
	width: 100%;
	background: var(--primary-color);
	transition: background-color 1s ease;
	color: #ffffff;
	
}



















	p{font-size: 13px;}
	.top_bar
	{
		display: none;
	}
	.button
	{
		height: 44px;
		border-radius: 22px;
		
	}
	.button a
	{
		line-height: 44px;
		padding-left: 36px;
		padding-right: 36px;
	}
	.logo a img
	{
		width: 24px;
	}
	.logo a
	{
		font-size: 24px;
	}
	.home_slider_nav
	{
		display: none !important;
	}
	.home_slider_content h1:first-child
	{
		font-size: 48px;
		font-size: 113% !important;
	}
	.home_slider_content h1:nth-child(2)
	{
    	font-size: 35px;
    	margin-top: 135px;	
		font-weight: 300;
		color: #ffffff;
	}
	#g-trans {
		
		color: #ffffff;
		font-weight: 550;
		

	}
	#h-driver {
		
		color: #ffffff;
		
	}
	
	.home_slider_button
	{
		margin-top: 45px;
	}
	.home_slider_dots
	{
		display: none !important;
	}
	.main_nav_col
	{
		height: 60px;
	}
	.header.scrolled .main_nav_col
	{
		height: 60px;
	}
	.logo_container
	{
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.content_search
	{
		-webkit-transform: translateY(2px);
		-moz-transform: translateY(2px);
		-ms-transform: translateY(2px);
		-o-transform: translateY(2px);
		transform: translateY(2px);
	}
	.header.scrolled .content_search
	{
		-webkit-transform: translateY(2px);
		-moz-transform: translateY(2px);
		-ms-transform: translateY(2px);
		-o-transform: translateY(2px);
		transform: translateY(2px);
	}
	.hamburger
	{
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.logo a
	{
		font-size: 16px;
	}
	.logo a img
	{
		width: 110px;
		margin-right: 7px;
		margin-bottom: 14px;
		position: relative;
	}
	.hamburger i
	{
		font-size: 18px;
	}
	.content_search svg
	{
		width: 15px;
		height: 15px;
	}
	.menu_close_container
	{
		top: 15px;
		right: 28px;
	}
	.menu_logo
	{
		margin-bottom: 17px;
	}
	.menu_logo a img
	{
		width: 150px !important;
	}
	.menu_item a
	{
		font-size: 24px;
	}
	.search_button
	{
		line-height: 44px;
		background: var(--primary-color);
	}
	.intro_item
	{
		height: calc((100vw - 30px) / 0.85);
	}
	.section_title
	{
		font-size: 21px;
	}
	.cta_item
	{
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 30px;
		padding-bottom: 25px;
	}
	.cta_title
	{
		font-size: 24px;
	}

	.test_icon
	{
		left: 20px;
		width: 52px;
		height: 52px;
	}
	.test_content
	{
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 36px;
	}
	.test_item_info
	{
		left: 20px;
	}
	.test_name
	{
		font-size: 12px;
	}
	.test_date
	{
		font-size: 10px;
	}
	.test_quote_title
	{
		font-size: 16px;
		padding-left: 1px;
	}
	.test_quote_text
	{
		margin-top: 5px;
	}
	.trending_title a
	{
		font-size: 14px;
	}
	.trending_price
	{
		font-size: 12px;
	}
	.trending_location
	{
		font-size: 12px;
	}
	.offers_image_container
	{
		height: calc((100vw - 30px) / 0.974);
	}
	.trending_item
	{
		margin-bottom: 30px;
	}
	.contact_title
	{
		font-size: 24px;
	}
	.contact_form_name
	{
		width: 100%;
		margin-right: 0px;
	}
	.contact_form_email
	{
		width: 100%;
		margin-top: 11px;
	}
	.form_submit_button
	{
		line-height: 44px;
	}
	.footer_about_text
	{
		font-size: 13px;
	}


	

.container-load {
    position: relative;
    padding: 40px;
    scale: .8;
    margin-left: -100px;
	margin-left: -100px;
    margin-right: -100px;
}

.notify-1 {
	font-weight: 650;
	
}

.notify-2, .notify-3 {
	font-size: 20px;
}
 
.notify-4 {
	font-size: 15px;
}
/************
11. 539px
************/

@media only screen and (max-width: 539px)
{
	
}

/************
12. 480px
************/

@media only screen and (max-width: 480px)
{
	
}

/************
13. 479px
************/

@media only screen and (max-width: 479px)
{

	


	.search_item1 {
		width: 100% !important;
		margin-bottom: -1px;
		margin-top: -1px;
	}

	.search_item2 {
		width: 100% !important;
		margin-bottom: -1px;
		margin-top: -1px;
	}



.search_item
	{
		width: 100% !important;
		
		margin-top: 6px;
		
	}
	


	h2{font-size: 24px;}
	p{font-size: 13px;}
	.intro_center h1
	{
		
		font-size: 34px;
	}
	.intro_text p
	{
		font-size: 16px;
	}
}

}