/* 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

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

@media only screen and (max-width: 1920px) {
	/* .booking-cover i {
		right: 431px;
	} */
}

/************
1. 1600px
************/



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

/************
2. 1440px
************/

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

	.brand {
		border: unset;
	}

	.brand h5 {
		margin: 10px;
	}

	.wrapper {
		left: 309px;
	}

	.inner-ada-content {
		padding: 5px 108px;
	}

	/* .booking-cover i {
		top: 15px;
		right: 83px;
	} */
	/* 
	.booking-cover span {
		right: 131px;
	} */
}

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

@media only screen and (max-width: 1380px) {
	/* .booking-cover i {
		top: 15px;
		right: 93px;
	} */
}

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

@media only screen and (max-width: 1280px) {
	.wrapper {
		left: 272px;
	}

	.inner-ada-content {
		padding: 30px 100px;
	}

	.check_availability .field-row label span {
		left: 215px;
	}

	.check_availability .field-row .bi-chevron-down {
		left: 127px;
	}

	/* .booking-cover span {
		right: 141px;
	} */

	#services {
		background-position: inherit;
	}

	.brand {
		border: none;
	}

	.brand i {
		font-size: 20px;
	}

	.brand h5 {
		margin: 10px;
		font-size: 14px;
	}

	section {
		padding: 50px;
	}
}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px) {
	.cat_menu_container {
		width: 211px;
		padding-left: 25px;
	}

	.main_nav_dropdown li {
		margin-right: 30px;
	}

	.main_nav_dropdown li a {
		font-size: 16px;
	}

	.char_item {
		padding-left: 25px;
	}

	.deals_timer_box {
		width: 150px;
	}

	.deals_timer_unit {
		font-size: 20px;
	}

	.banner_2_dots {
		left: calc((100% - 960px) / 2 + 15px);
	}

	.arrivals_single>div {
		padding-left: 24px;
	}

	.arrivals_single_marks {
		left: 24px;
	}

	.newsletter_form {
		width: 456px;
	}
}

/************
4. 1100px
************/

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

/************
5. 1024px
************/

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

	#topbar {
		height: 73px;
	}

	#header {
		top: 73px;
	}

	/* .booking-cover span {
		right: 100px;
	} */

	.check_availability .field-row label span {
		left: 170px;
	}

	.check_availability .field-row .bi-chevron-down {
		left: 100px;
	}

	#services {
		background-image: none;
		background-color: #0a5340;
	}

	.brands {
		display: flex;
	}

	.brand {
		border: none;
	}

	.brand h5 {
		margin: 42px;
	}

	#call-to-action .call-box {
		width: 100%;
	}

	/* .booking-cover i {
		right: 56px;
	} */

	.services h5 {
		font-size: 20px;
		text-align: center;
	}

	.check_availability .field-row label span {
		bottom: 34px;
		left: 147px;
	}

	.p-5 {
		padding: 0rem !important;
	}

}

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

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

/************
7. 959px
************/

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

/************
8. 880px
************/

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

	section {
		padding: 60px 0;
	}

	.brand {
		border: none;
	}

	#call-to-action .call-box {
		width: 100%;
	}

	.check_availability .field-row label span {
		left: 280px;
	}

	.check_availability .field-row .bi-chevron-down {
		left: 280px;
	}

	#topbar {
		height: 90px;
	}

	#header {
		height: 63px;
		top: 90px;
	}

	.about img {
		display: block;
		margin: 0px auto;
	}

	.about-right {
		display: none;
	}

	#services {
		background-size: cover;
	}

	.wrapper {
		left: 137px;
	}

	.inner-ada-content {
		padding: 30px 41px;
	}

	.about-text {
		margin: 20px 0px;
	}

	.rooms {
		padding: 90px 15px;
	}

	.brand h5 {
		margin: 30px;
	}

	.booking-cover {
		display: none;
	}

	.booking-cover i {
		display: none;
	}
}

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

@media only screen and (max-width: 768px) {
	#services {
		background-image: none;
		background-color: #0a5340;
	}
}

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

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

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

@media (max-width: 575px) {
	#header {
		top: 0;
		height: 70px;

	}

	#topbar {
		display: none !important;
	}

	#header .logo img {
		max-height: 60px;
	}

	.check_availability .field-row label span ,
	.check_availability .field-row .bi-chevron-down{

		left: 360px;
	}
}

/************
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) {
	#call-to-action .cta-title {
		font-size: 24px;
	}
}

@media only screen and (max-width: 415px) {
	.check_availability select {
		width: 100%;
	}

	.check_availability .field-row label span {
		left: 300px;
	}

	.check_availability .field-row .bi-chevron-down {
		left: 302px;
	}

	.about .section-title2 {
		text-align: left;
		margin-bottom: 20px;
	}

	section {
		padding: 40px 0;
	}

	.about-right {
		display: none;
	}

	.about {
		padding-bottom: 20px;
	}

	#services {
		background-size: unset;
		background-repeat: unset;
		background-position: unset;
		background: unset;
		background-color: #1a6cc0;
	}

	.brands {
		display: -webkit-inline-box
	}

	.brand {
		border: none;
	}

	.rooms p {
		padding: 0px 25px;
	}

	.rooms {
		padding: 40px 0px;
	}

	#call-to-action .cta-title {
		font-size: 28px;
	}

	#call-to-action .call-box {
		width: 100%;
	}

	/*.inner-ada-content{}*/

	.inner-ada-content {
		padding: 30px 80px;
	}

	/*.wrapper {top: unset;bottom: 513px;left: 365px;}*/

	/*  .wrapper {left: 311px;
  				top: -155px;}*/

	.wrapper {
		left: 362px;
		top: -179px;
	}

	.ada-section {
		padding-bottom: 365px;
	}

	.inner-ada-content .title {
		padding-top: 40px;
	}

	.section {
		padding: 40px 0px;
	}

	.attraction {
		padding: 40px 0px;
	}

	.section-title {
		padding-bottom: 0px;
	}

	.booking-cover {
		height: 40px;
		width: 40px;
	}

	.booking-cover i {
		top: 18px;
		/* right: 21px; */
		font-size: 22px;
	}

	.p-5 {
		padding: 1rem !important;
	}

}


/************
14. 400px
************/

@media only screen and (max-width: 390px) {
	#topbar {
		height: 100px;
	}

	/* #header {
		top: 100px;
	} */

	.brand h5 {
		margin: 25px;
	}

}

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

	.wrapper {
		left: 311px;
		top: -155px;
	}

	.brand h5 {
		margin: 20px
	}

	.ada-section {
		padding: 300px 0px;
	}

	.inner-ada-content .title {
		padding-top: 40px;
	}

	.portfoio .portfolio-item .portfolio-info .preview-link,
	.portfoio .portfolio-item .portfolio-info .details-link {
		position: relative;
		left: 145px;
		top: calc(50% - 125px);
	}

	.section-title {
		padding-bottom: 0px;
	}

	.section {
		padding: 40px 0px;
	}

	.attraction {
		padding: 40px 0px;
	}

}

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

	.check_availability .field-row label span {
		left: 243px;
	}

	.check_availability .field-row .bi-chevron-down {
		left: 243px;
	}

	.check_availability .field-row .bi-chevron-down {
		left: 241px;
	}

	.check_availability {
		padding: 30px;
	}

	.check_availability .reserve {
		padding: 25px;
	}

	/*.brand{display: block;}*/
	.brand h5 {
		margin: 32px;
	}

	.services-list {
		text-align: center;
	}

	.inner-ada-content {
		padding: 30px 40px;
	}

	.ada-section {
		padding-bottom: 380px;
		padding-top: 0px;
	}

	.wrapper {
		left: 327px;
	}
}