:root{
    --danger:#b50007;
}
body {font-family: Beatrice-Regular; background: #F3F3F3; color:#003B59; line-height: 35px; font-weight: 100;
      -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:18px;}
:focus {outline: 0;}
button:focus {outline: 0px auto -webkit-focus-ring-color; outline: 0px dotted;}
 a {transition: all 0.3s; color: #003B59; font-weight: 600;cursor:pointer;}
 a:hover {color: #0098A7;text-decoration: none;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color: #3B343C; font-weight: 100;}
.h1, h1, .h2, h2 {color: #003B59; font-family: Beatrice-Light; font-size: 45px; line-height: 60px;}
.h3, h3 {font-size: 30px; color: #003B59;}
.btn:focus {outline: 0;box-shadow: inherit;}
.f-family-light{font-family: Beatrice-Light;}
.body-px{padding: 0 200px;}
.cusor-pointer{cursor: pointer;}
.letter-spacing {letter-spacing: 5px;}
.f-color-0098A7{color: #0098A7;}
.bg-strong-blue{background: #1d4368;}
b, strong {font-weight: 600;}
.color-1{color:#fff;}
@font-face {font-family: 'Beatrice-Regular';
            src: url('/../Content/fonts/beatrice_regular.woff2') format('woff2'),
                 url('/../Content/fonts/beatrice_regular.woff') format('woff');
            font-weight: normal;font-style: normal;}

@font-face {font-family: 'Beatrice-Light';
            src: url('/../Content/fonts/beatrice_light.woff2') format('woff2'),
                 url('/../Content/fonts/beatrice_light.woff') format('woff');
            font-weight: normal;font-style: normal;}


.f-14 {font-size: 14px;}
.f-16 {font-size: 16px;}
.f-18 {font-size: 18px;}
.f-26 {font-size:26px;}
.f-56 {font-size: 66px;}
.f-70 {font-size: 55px;}
/*-----padding------*/
.pt-60  {padding-top: 60px}
.pt-70  {padding-top: 70px}
.pt-80  {padding-top: 80px}
.pt-90  {padding-top: 90px}
.pt-100 {padding-top: 60px}
.pt-120 {padding-top: 120px}
.pt-130 {padding-top: 130px}
.pt-140 {padding-top: 140px}
.pt-180 {padding-top: 130px;}

.pb-60  {padding-bottom: 60px}
.pb-70  {padding-bottom: 70px}
.pb-80  {padding-bottom: 80px}
.pb-90  {padding-bottom: 90px}
.pb-100 {padding-bottom: 100px}
.pb-120 {padding-bottom: 120px}
.pb-130 {padding-bottom: 130px}
.pb-180 {padding-bottom: 180px}
.pb-lg-80 {padding-bottom: 80px;}
.pr-185{padding-right: 185px;}
.pl-185{padding-left: 185px;}
.py-120 {padding-top: 120px; padding-bottom: 120px;}
.pt-150 {padding-top: 100px;}
.py-150 {padding: 100px 0;}
.py-180 {padding-top: 100px; padding-bottom: 100px;}
.mt-80 {margin-top: 80px;}

.home-img {background: url(../images/home_slider.jpg) no-repeat fixed; background-size:cover}
.rooms-img {background: url(../images/rooms_slider.jpg) no-repeat fixed;}
.privacy-img {background: url(../images/privacypolicy_slider.jpg) no-repeat fixed;}
.amenities-img {background: url(../images/amenities_slider.jpg) no-repeat fixed;}
.packages-img {background: url(../images/packages_slider.jpg) no-repeat fixed;}
.group-img {background: url(../images/group-slide.jpg) no-repeat fixed; background-position: 100% 50%;}
.meetings-img {background: url(../images/meetings_slider.jpg) no-repeat fixed;}
.weddings-img {background: url(../images/weddings_slider.jpg) no-repeat fixed;}
.local-img {background: url(../images/local-slider.jpg) no-repeat fixed;}
.gallery-img {background: url(../images/gallery-slider.jpg) no-repeat fixed;}
.contact-img {background: url(../images/contact_slider.jpg) no-repeat fixed;}

.parallax-scroll {height: 100vh; background-position: center; background-size: cover;}
/*** Header Desktop Menu css  ****/
.sidenav {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.sidenav ul li {display: inline-block;text-align: center; padding: 18px 15px 0;}
.fixed .sidenav ul li {padding: 18px 15px 0;}
.dropdwoen-sec ul li {padding: 3px 15px !important;}
.sidenav ul li a{ padding:0 0 5px; font-weight:400; line-height:22px;}
#accordion {display: inherit;text-align: right;float: right;margin-bottom: 0px;}
#myHeader {background-color: transparent;position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 9999; background: linear-gradient(to bottom, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0) 100%);}  
#linkid {position: relative;}
#myHeader.fixed {background: #1D4368; transition: all 0.5s;}
.amenitiesnewmenu:hover .collapse:not(.show) {display: block !important;}
.dropdwoen-sec {width: 180px; position: absolute; left: 15px; top: 65px; background: #1D4368; padding: 10px 0px;}
.footer .nav-item.active a {color:#AE8B59;}
.dropdwoen-sec ul li a {padding: 0px 10px 0px; text-align: left; display: block; font-size: 16px; color: #fff !important; line-height:30px}
.banner-contact {position: absolute;bottom: 118px;right: 150px;}
.dropdwoen-sec ul li.active a {color: #00008B !important;}
 .small-friendly-img {position: absolute; left: -75px; bottom: 0;}
 .sitmap ul li a:focus {color: #ae8b59;}
.sidenav a.nav-link {text-decoration: none;font-size: 16px;display: block;transition: 0.3s;vertical-align: middle;color:#fff;}
.sidenav a.nav-link:hover, .sidenav a.nav-link:focus {color: #00008B;}
.sidenav .nav-item.active a {color:#00008B;}
.bookbtn {border: solid 1px #fff; font-size: 18px; color: #fff; padding: 18px 25px;; margin-left: 30px;}
.fixed .bookbtn {padding: 15px 40px;}
.mobile_logo{width:180px; display:block;}
.fixed .mobile_logo{ width:100px;}
.nav-px {padding: 0 100px;}
.bookbtn:focus, .bookbtn:hover {border-color: #00008B; color: #00008B;}
/* Header Desktop Menu css  **/




/*---page-css---*/
.welcome.py-180 {padding-top: 150px;}
.hotel-img-scale {overflow: hidden;}
.hotel-img-scale img {transition: all 0.5s;}
.hotel-img-scale img:hover {transform: scale(1.1);}
.slider-txt {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; text-align: center; line-height: 80px; color: #fff; padding: 0 15px;}
.banner_overlay::before {content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; width: 100%; height: 100%; }
.bg-img-border::after {content: ''; width: 50px; position: absolute; height: 75%; background: #003B59; bottom: 0; right: 0;}
.bg-img-border::before {content: ''; position: absolute; background: #003B59; height: 50px; width: 90%; bottom: 0; right: 0;}
.bg-bondi-blue{background-color: #0098A7;}
.left-img-border::before {content: ''; position: absolute; bottom: 0; background-color: #0098A7; width: 90%; height: 50px; left: 0;}
.left-img-border::after {content: ""; background-color: #0098A7; width: 50px; position: absolute; height: 75%; bottom: 0; left: 0;}
.rooms-featurestxt .pr-185 {padding-right: 105px;}
.features-list {padding: 40px 30px; background: #003B59; color: #fff;}
.amenities-txt ul li {color: #fff; position: relative; padding-left: 35px; line-height: 27px; margin-bottom: 15px; font-size: 18px;}
.amenities-txt ul li::before {content: ''; background: url("../images/rooms-arrow.png"); position: absolute; top: 2px; width: 22px; height: 22px; left: 3px;}
.hotel_roomtxt ul {padding: 20px;}
.rooms-left-border {padding: 0 0 50px 50px;}

.rooms-left-border::before {content: ''; background: #003B59; position: absolute; left: 0; width: 90%; height: 75%; bottom: 0; z-index: -1;}
.footer-navbar ul li.active a {color: #0b436b;}
.policy-pagess .f-14 {font-size: 14px;}
.policy-pagess li {display: inline-block; padding: 0 15px;}
.copy_right a {color: #fff;}
.copy_right a:hover {color: #0b436b;}
.package-sec ul li::before {content: ''; background: url("../images/blue-arrow.png"); height: 23px; left: 3px;}
.features-list .amenities-txt.pl-lg-3 {padding-left: 0 !important;}
.btn1 {border: 2px solid #003B59; border-radius: 0; padding: 24px 35px; color: #003B59; font-size: 20px; letter-spacing: 3px;}
.btn1:hover {background: #003B59; color: #fff; transition: all 0.5s;}
.package-btn li {padding: 0 10px 20px 0;}
.package-btn .btn1 {
    width: 310px;
    display: inline-block;
    height: 80px;
    line-height: 31px;
    padding: 24px 5px;
    text-align: center;
    font-size: 15px;
    letter-spacing: 1px;
}
.privacypolicypage .collapse:not(.show) {display: block;}
.privacypolicypage ul li b {font-weight: 600;}
.privacypolicypage h4, .privacypolicypage h5 {color: #003B59;}
.h-guest-slider .pt-60 {padding-top: 45px;}
.package-sec ul li {color: #003b59;}

/*-------ToTop-----------*/
#toTop {transition: transform 0.5s ease 0s;	bottom: 55px; padding: 5px; position: fixed; right: 24px; z-index: 999; cursor: pointer; width: 50px; height: 50px;	background-color: #fff;	border-radius: 50%;	box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);}
#toTop img {position: absolute; left: 14px;	z-index: 99; margin-top: 10px;}
#star-svg {position: fixed;	right: 19px; bottom: 50px; width: 80px;	height: 80px;}
/*-------ToTop-----------*/

/*----home-slider----*/
.guestrooms_txt {background: #fff; color: #003B59; padding: 40px 50px; text-align: left; width: 620px; top: 50%; transform: translateY(-50%); bottom: auto; right: 175px; left: auto;}
.slider-img picture::after {content: ''; position: absolute; background: #1d4368; height: 100%; width: 720px; z-index: -1; top: 0; left: 100px;}
.slider-img {padding: 50px;}
.guest-rooms-slider .owl-stage {padding-left: 0 !important;}
.guest-rooms-slider .owl-dots .owl-dot {display: inline-block;}
.guest-rooms-slider .owl-dots .owl-dot button{border: solid 2px #fff;width: 10px;height: 10px;border-radius: 10px;margin: 0 7px;}
.guest-rooms-slider .owl-dots .owl-dot.active button{border: solid 2px #003B59;width: 10px;height: 10px;border-radius: 10px;margin: 0 7px;}
.guest-rooms-slider .owl-dots {position: absolute; top: -168px; left: 100px;}
.guest-rooms-slider .owl-nav{ position:absolute; right:200px; top:-165px;}
.guest-rooms-slider .owl-nav svg{ width:40px; height:40px; fill:#03818D; margin:0 15px;}
.guest-rooms-slider .owl-nav svg{ width:40px; height:40px; fill:#03818D; margin:0 15px;}
.guest-rooms-slider .owl-prev{ display:inline-block;}
.guest-rooms-slider .owl-prev:hover svg{ fill:#fff}
.guest-rooms-slider .owl-next:hover svg{ fill:#fff}
.guest-rooms-slider .owl-next{ display:inline-block;}
.guest-rooms-slider .owl-next .icon {fill: #fff;}

/*---book-now-----*/

.ui-state-highlight, .ui-widget-content .ui-state-highlight{ border:solid 2px #0098A7 !important; background:none !important; border-radius:50px;}
.ui-state-hover{ background:#0098A7 !important; border-radius:50px;}
.start-date, .start-date.end-date1 {background: #0098A7; border-radius: 30px 0px 0px 30px; color: #fff !important;}
.end-date, .end-date1 { background: #0098A7; border-radius: 0px 30px 30px 0px; color: #fff !important;}
.start-date .ui-state-default{background:#0098A7 !important; border-radius:50px;}
.end-date .ui-state-default{background:#0098A7 !important; border-radius:50px;}
.between-date {background: #0098A7 !important; color: #fff !important;}
.between-date .ui-state-default{    background: #0098A7 !important;}


.head-book {color: #000;position: fixed;bottom: 0px;z-index: 99;left: 0;right: 0;margin: auto;}
.head-book.fixed {
	position: absolute;
	bottom: -70px;
	right: 0;	
	z-index: 11;
	padding: 0;
}
.head-book ul li input[type="text"] {color:#0098A7; font-size:26px; background: url(../../Content/images/arrow.png) no-repeat right 0px center;padding:0px; border: 0px solid #000;border-radius: 4px;text-transform: uppercase; width:175px;
line-height: 24px;text-transform: uppercase !important;  display:inline-block;}
.head-book ul li label{ font-size:20px; color:#003B59; display:inline-block; line-height:136px; vertical-align: top; margin-right:15px;}
.head-book .select2-chosen{ line-height:136px !important; margin-right:15px !important}
.head-book .select2-choice{ height:136px !important; width:70px !important}
.head-book ul li input[type="text"]::placeholder {color: #0098a7;opacity: 1;}
.book-btn {background: #0098A7; border:solid 1px #0098A7; border-radius:0px; font-size:26px;   padding: 53px 40px;color: #fff;text-transform: uppercase; width:360px; vertical-align: bottom;}
.book-btn:hover{ background:#30756f; color:#fff;}
.book-btn:focus{ background:#30756f; color:#fff;}
.innerbody button.btn1{ width:217px;}
.head-book .telarea {position: static;display: none;}
.checkAvailability { border-right:none !important;}
.booking-form {width: auto;}
.head-book .select2-container{ width:auto !important;}
.head-book ul li{ border-right:solid 1px #C9C6C6; line-height:146px; padding:0 50px; background: #fff; box-shadow: 0 15px 30px -15px #ccc;}
.head-book .select2-container .select2-choice {color: #0098a7 !important;font-size: 26px !important;font-weight: 100;  background:url('/Content/images/arrow.png') center right 4px no-repeat;border:none; text-transform:uppercase; line-height:146px;}
.head-book .select2-dropdown-open .select2-choice { background:#322923 url('/Content/images/minus.png') center right 4px no-repeat;}

  
/*----------form----------------*/       
.field {position: relative;margin-bottom: 0px !important;height: 85px;}
.field label::before {content: attr(title1);position: absolute;top: 0;left: 15px;line-height: 50px;color: #003B59;transition: 300ms all;font-size: 16px;}
.field input:focus {outline: 0;box-shadow: 0}
.field input:valid + label::before {content: attr(data-title1);}
.field.h100 {height: 140px;}
.label-before, .field input:focus + label::before, .field input:valid + label::before {line-height: 20px;font-size: 15px; top: -10px; background:linear-gradient(#f3f3f3, #f3f3f3);padding: 0 6px;color: #003B59;left: 7px;}
.field label {cursor: text;}
.field textarea:focus {outline: 0;}
.field textarea:valid + label::before {content: attr(data-title1);}
.label-before, .field textarea:focus + label::before, .field textarea:valid + label::before {line-height: 20px;font-size: 15px;top: -10px;background: linear-gradient(#f3f3f3, #f3f3f3);padding: 0 6px;color: #003B59;  left: 9px;}
.form-control {height: 50px;font-size: 16px;border: 1px solid #8F8F8F; border-radius: 0; box-shadow: none; background: none; color: #003B59;}
.form-submit {background-color: transparent;border: none;font-size: 16px;color: #003B59;padding: 0px 2px 5px 2px;height: 33px;box-shadow:none;cursor:pointer;}
.form-submit:focus {box-shadow: none;outline: none;}
.field-validation-error{position: absolute; bottom: 5px; font-size: 14px; color: #b50007; font-family: arial; font-weight: 300;}
.valid {background: url("../../Content/images/success.png") no-repeat scroll right 12px center; transition: all 0s ease-in-out 0s !important;}
.input-validation-error {background: url("../../Content/images/error.png") no-repeat scroll right 12px center; border:1px solid #d93025; transition: all 0s ease-in-out 0s; box-shadow: none;}
.form-control::placeholder, .form-control:focus {color: #003B59;}
.form-control:focus {background: none; box-shadow: inherit; border-color: #8F8F8F;}   
.cal-icon {background: url("../../Content/images/calendar-icon-blue.png") no-repeat right 10px center !important;}
.rfp-form .valid {background: url("../../Content/images/success.png") no-repeat scroll right 12px center;}
.rfp-form .input-validation-error {background: url("../../Content/images/error.png") no-repeat scroll right 12px center;}
.cal-icon {background: url("../../Content/images/calendar-icon-blue.png") no-repeat right 10px center !important;}
.field label.Selectlable::before {content: attr(title1); position: absolute; top: -4px; line-height: 8px; background: #f3f3f3; padding: 0px 6px; left: 7px;}
.divshift .select2-container .select2-choice {height: 35px !important; font-size: 16px; background: transparent; border: none; width: 100% !important; font-weight: 100; background: url('/Content/images/select-arrow.png') center right 0px no-repeat; border: none; text-transform: uppercase; top: 0px; color: #1d4368; text-align: left;}
.divshift .select2-container .select2-choice > .select2-chosen {line-height: 37px;}
.btn.rfp-btn {border: 2px solid #003B59; border-radius: 0; padding: 24px 35px; color: #003B59; font-size: 20px;}
.btn.rfp-btn:hover {background: #003B59; color: #fff; transition: all 0.5s;}
.rbf-btn1.btn {background: #1d4368; color: #fff; border-radius: 0; padding: 10px; font-size: 18px;}
/*-----footer------*/
.address-sec ul li a, .address-sec ul li {color: #fff; font-size: 16px; line-height: 34px;}
.address-sec ul li a:hover {color: #0b436b;}
.sec-bg-color{background: #0B436B;}
.address-sec {padding: 0 60px;}
.social-icon ul li .icon {width: 21px; height: 21px; fill: #fff; cursor: pointer;}
.social-icon ul li .icon:hover {fill: #0b436b; transition: all 0.5s;}
.social-icon ul li:last-child .icon {height: 30px; width: 28px;}
.social-icon ul li {display: inline-block; padding: 0 10px;}
.copyright_txt .active a {color: #0b436b;}

.accordion_sec .accordion > .card > .card-header {background: none; padding: 0 6px; border: 1px solid #003B59; border-radius: 0;}
.accordion_sec .accordion .btn-link {font-size: 19px; color: #003B59; text-decoration: none; width: 100%; text-align: left;	line-height: 40px;}
.accordion_sec .card-header h2 {line-height: 57px;}
.accordion_sec .card{background: none; margin-bottom: 30px;}
.accordion_sec .card-body {border: 1px solid; border-top: 0;}
.accordion_sec .btn.btn-link::before,.accordion_sec .btn.btn-link::after {content: ''; height: 3px; right: 25px; position: absolute; top: 27px; width: 21px; transition: transform 500ms ease; background: #003B59;}
.accordion_sec .btn.btn-link.collapsed::after {transform: rotate(90deg);}
.accordion_sec .btn.btn-link.collapsed::before {transform: rotate(180deg);}

.covid-banner {background: #0098a7; text-align: center; position: relative;}
.covid-banner p{color: #fff; padding: 7px 40px; margin:auto;}
.covid-close .icon {position: absolute; width: 26px; height: 26px; right: 20px; top: 50%; transform: translateY(-50%); background: #fff; border-radius: 50%; padding: 5px; fill: #0098a7; cursor: pointer;}
.covid-banner p a {color: #fff; font-weight: normal;}
.covid-banner p a:hover{color: #00008B;}

/**cookies banner **/

.cookies-statement {
	text-align: center;
	padding: 12px 50px;
	position: fixed;
	bottom: 0;
	background: #0098A7;
	color: #fff;
	z-index: 999;
	box-shadow: 0 5px 13px #292828;
	width: 100%;
}
.cookies-statement {
	text-align: center;
	color: #fff;
}
.cookies-statement .cookies-btn ul li {
	display: inline-block;
	padding: 0 5px;
}
.Cookiesclose .icon {
	width: 25px;
	height: 25px;
	position: absolute;
	right: 10px;
	top: 10px;
	background: #fff;
	padding: 5px;
	border-radius: 50%;
	cursor: pointer;
	fill: #0d49a5;
}
.Cookiesclose .icon {
	cursor: pointer;
	fill: #0d49a5;
}
.cookies-statement .cookies-btn ul li a {
    width: 165px;
    padding: 10px 10px;
    border-radius: 3px;
    margin-left: 0px;
}
.Cookies a {color:#fff;}
.Cookies a:hover{color:#1d4368;}
.Cookies p {
    margin-bottom: 0px;
    line-height: 30px;
    font-size: 16px;
}
.packagep p {
	/* line-height: 29px; */
	margin-bottom: 0;
}
.packagep ul li{list-style:none;}
.packagep ul {
	padding: 0;
}

/*----------closable pop starts----------*/
.closable_pop{
    position:fixed;
    top:0;left:0;z-index:9999;height:100vh;transition:0.5s;opacity:0;visibility:hidden;
}
.closable_pop.active{
    opacity:1 !important;visibility:visible !important;
}
.cPop_overlay{
    position:absolute;
    top:0;left:0;
    background-color:rgba(0,0,0,0.5);
    z-index:1;
}
.cPop_content{
    z-index:2;
    background-color:#fff;padding:50px;width:50%;
}
.c_Pop_close{
    position:absolute;top:-15px;right:-15px;height:30px;width:30px;cursor:pointer;user-select:none;font-size:30px;fill:#fff;background-color:var(--danger);border-radius:50%;
}
.c_Pop_close svg {
	height: 14px;
	width: 14px;
}
/*----------closable pop ends----------*/

@media only screen and (max-width:1680px) {
    .body-px {padding: 0 115px;}      
    .sidenav ul li {padding: 18px 10px 0;}   
    .guest-rooms-slider .owl-dots {top: -200px; left: 155px;} 
    .guest-rooms-slider .owl-nav {top: -205px;}
    .address-sec {
	padding: 0 26px;
}
    .social-icon {
	text-align: right;
}
}


@media only screen and (max-width:1440px) {
    .head-book ul li {padding: 0 35px; line-height: 136px;}    
    .pr-185 {padding-right: 100px;}
    .pl-185 {padding-left: 100px;}
    .slider-img img {width: 85% !important;}
    .guest-rooms-slider .item {margin-right: 190px;}
    .guestrooms_txt {padding: 35px 40px; width: 540px; right: 40px;}
    .slider-img picture::after {width: 708px}
    .bookbtn {font-size: 14px; padding: 14px 20px; margin-left: 10px;}2
    .nav-px {padding: 0 60px;}
    .sidenav a.nav-link {font-size: 14px;}         
    .fixed .bookbtn {padding: 15px 30px; margin-top: 5px;}
    .fixed .sidenav ul li {padding: 18px 10px 0;}
    .sidenav ul li {padding: 13px 10px 3px;}
    .copy_right .f-14, .policy-pagess .f-14 {font-size: 12px;}
    .policy-pagess li {padding: 0 7px;}    
    .package-btn .btn1 {width: 270px; padding: 24px 5px; font-size: 16px;}
    .h1, h1, .h2, h2 {font-size: 36px; line-height: 45px;}
    body {line-height: 30px; font-size: 16px;}
    .h3, h3 {font-size: 24px;}
    .f-70 {font-size: 50px;}
    .py-180 {padding-top: 110px; padding-bottom: 110px;}
    .guest-rooms-slider .owl-nav, .guest-rooms-slider .owl-dots{top: -180px;}
    .head-book ul li input[type="text"] {font-size: 22px; width: 148px;}
    .head-book ul li label {line-height: 127px;}
    .head-book .select2-container .select2-choice {font-size: 22px !important;}
    .head-book .select2-choice {height: 133px !important;}
    .book-btn {width: 225px; font-size: 20px;}
    .head-book .select2-chosen {line-height: 130px !important;}  
    .welcome.py-180 {padding-top: 120px;}  
    .group-img {background-position: 100% 30%;}

    .cPop_content {padding: 40px;width: 54%;}
}

@media only screen and (max-width:1366px) {
    .body-px {padding: 0 70px;}    
    .f-70 {font-size: 50px;}
    .py-180 {padding-top: 120px; padding-bottom: 120px;}    
    .pb-180 {padding-bottom: 120px}
    .slider-img picture::after {width: 685px;}
    .pt-180 {padding-top: 120px;}    
    .address-sec.copy_right {flex-wrap: wrap; justify-content: center !important;}
    .copyright_txt {padding: 0 40px;}
    .guest-rooms-slider .owl-nav, .guest-rooms-slider .owl-dots {top: -182px;}
    .guest-rooms-slider .owl-dots {left: 197px;}
  .address-sec ul li a, .address-sec ul li {
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 18px;
}
}

@media only screen and (max-width:1280px) {
    .address-sec {padding: 0 10px;}
    .nav-px {padding: 0 28px;}
    .slider-img picture::after {width: 610px;}    
    .pt-150 {padding-top: 80px;}    
    .hotel_roomtxt ul li {line-height: 25px; margin-bottom: 15px;}
    .mobile_logo {width: 135px;}
    .sidenav ul li, .fixed .sidenav ul li {padding: 13px 7px 0;}
    .package-btn .btn1 {width: 238px; font-size: 14px;}
    .cPop_content {padding: 30px;width: 60%;}
}

@media only screen and (max-width:1199px) {
    .slider-img picture::after {width: 542px;}
    .guestrooms_txt {width: 622px;}
    .guestrooms_txt p {font-size: 18px; line-height: 33px; padding: 7px 0 !important;} 
    .h1, h1, .h2, h2 {font-size: 26px; line-height: 37px;} 

}
@media only screen and (max-width:1024px) {
    .book-btn {font-size: 16px; padding: 43px 25px; width: 180px;}
    .head-book ul li input[type="text"] {font-size: 18px; width: 110px;}
    .head-book ul li {padding: 0 25px; line-height: 110px;}
    .head-book .select2-chosen {line-height: 110px !important;}
    .head-book .select2-choice {height: 110px !important;}
    .head-book ul li label {line-height: 80px; vertical-align: inherit; font-size: 18px;}
    .head-book .select2-container .select2-choice {font-size: 18px !important;}
    .nav-px {padding: 0 30px;}
    .sidenav ul li, .fixed .sidenav ul li {padding: 11px 7px 0;}
    .guest-rooms-slider .owl-dots, .guest-rooms-slider .owl-nav {top: -207px;}
    .guest-rooms-slider .owl-dots {left: 60px;}
    .guest-rooms-slider .owl-nav {right: 60px;}
    .guest-rooms-slider .item {margin-right: 50px;}
    .guestrooms_txt {padding: 30px 33px; right: 25px; width: 510px;}
    .slider-img picture::after {width: 515px;}
    .guestrooms_txt p {font-size: 16px; line-height: 28px;}
    .py-180 {padding-top: 70px;	padding-bottom: 70px;}
    .pb-180 {padding-bottom: 70px}
    .sidenav a.nav-link {font-size: 14px;}
    .bookbtn {font-size: 11px;}
    .sidenav a.nav-link {font-size: 11px;}
    .social-icon ul li {padding: 0 5px;}
    .rooms-items {flex-wrap: wrap;}
    .pt-100 {padding-top: 30px;}
    .address-sec.copy_right {justify-content: start !important;}
    .copyright_txt {padding: 0 50px 0 0;}
    .package-btn .btn1 {width: 188px; font-size: 10px; height: 64px; line-height: 18px;	padding: 20px 5px;}
    .welcome.py-180 {padding-top: 90px;}
    

}

@media only screen and (max-width:999px) {
 /*** Header Mobile Menu css ***/
.dropdwoen-sec {width: 100%;position: inherit;left: 0px;top: 2px;background: #1D4368;padding: 0px 0px;}
#myHeader {	padding: 0px;}
#accordion {display: inline-block;text-align: left;float: left;width: 100%;}
.sidenav ul li {display: block;text-align: left; }
.sidenav {height: 100%;width: 0;position: fixed;z-index: -1;top: 50%;right: 0;background-color: #1D4368;overflow-x: hidden;transition: 0.5s;padding: 130px 0; left: inherit;}
.sidenav a:hover {color: #082c6a;}
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
.plus-minus-toggle {cursor: pointer;height: 50px;position: absolute;right: 19px;top: -6px;float: right;width: 51px;}
.plus-minus-toggle:before, .plus-minus-toggle:after{background: #fff;content: '';height: 3px;left: 12px;position: absolute;top: 27px;width: 21px;transition: transform 500ms ease;}
.plus-minus-toggle:after {transform-origin: center;} 
.plus-minus-toggle.collapsed::after{transform: rotate(90deg);}
.plus-minus-toggle.collapsed::before {transform: rotate(180deg);}
.myClass{ width:100%; }
.amenities_icons {width: 55%;padding: 13px 7px;}
.amenities_icons ul li {padding: 0 10px;}
.border-ft::before {position: absolute;width: 1px;height: 227px;background-color: #000;content: '';right: 0px;top: -48px;bottom: 0;}
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 { width: 39px; height: 19px; position: relative;margin: 22px 3px; float:right;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;transition: .5s ease-in-out; cursor: pointer;z-index:999;}
.navbar{ padding:12px;}
.navbar-collapse ul li {padding: 0px 13px;}
.close {opacity: 1;}
#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {display: block;position: absolute;height: 3px; width: 100%; background: #fff;border-radius: 0px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
/* Icon 4 */
#nav-icon4 span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
#nav-icon4 span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4 span:nth-child(3) { top: 20px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
#nav-icon4.open span:nth-child(1) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: -3px;left: 8px;}
#nav-icon4.open span:nth-child(2) {width: 0%;opacity: 0;}
#nav-icon4.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 25px;left: 8px;}
#imenu > ul > li {padding: 7px 10px;}
.copy_right ul li {padding: 0 5px;}
.m-phone svg.icon {width:28px; height:28px; fill:#fff;}
.m-phone {display: inline-block;margin: 0px 0px;position: absolute;right:80px;top: 46%;transform: translateY(-50%);}
#nav-icon4 {display: inline-block;margin: 0px 0px;position: absolute;right: 1%;top: 50%;transform: translateY(-50%); height: 24px;}
.amenitiesnewmenu:hover .collapse:not(.show) {display: none !important;}   
.amenitiesnewmenu  div[aria-expanded="true"]+.collapse.in{ display:block !important;}
.amenitiesnewmenu div[aria-expanded="false"] +.collapse {display: none !important;}
.parallax-scroll {height: auto; background: none;}
.sidenav ul li .nav-btn {display: none;}
.dropdwoen-sec ul li a {padding: 0px; font-size: 16px; color: #fff !important;}
.sidenav ul li .nav-link {padding: 0; font-size: 22px; color: #fff; line-height: 35px;}
#nav-icon4.open span {background: #fff;}
/* Header Mobile Menu css */
.body-px {padding: 0 1.5rem;}
.nav-px {padding: 0 20px;}
.pt-100 {padding-top: 40px;}
.py-120 {padding-top: 30px;	padding-bottom: 30px;}
.mobile_logo {width: 100px; display: block; margin-left: 15px;}
.bookbtn {position: absolute; left: 0; bottom: 0;}
.py-180 {padding-top: 50px; padding-bottom: 50px;}
.pb-180 {padding-bottom: 50px}
.pt-60 {padding-top: 20px;}
.pt-180 {padding-top: 70px;}
.pt-md-40 {padding-top: 40px;}
.bg-img-border::after {height: 86%; left: 15px; bottom: 10px; width: 35px;}
.bg-img-border::before {height: 38px; width: 95%; bottom: 10px; left: 21px;}
.pr-185 {padding-right: 0;}
.pl-185 {padding-left: 0;}
.mt-80 {margin-top: 30px;}
.h3, h3 {font-size: 26px;}
.header .boonnowright {display: none !important;}
.guestrooms_txt p {font-size: 16px; line-height: 28px;}
.guestrooms_txt {padding: 30px; right: 0; width: 510px;}
.left-img-border::before {bottom: 13px; width: 92%; height: 35px; left: 13px}
.left-img-border::after {width: 35px; height: 76%; bottom: 25px; left: 13px;}
.address-sec ul li a, .address-sec ul li {font-size: 14px; line-height: 30px; margin-bottom: 0;}
.social-icon ul li .icon {width: 18px; height: 18px;}
.social-icon ul li:last-child .icon {height: 23px; width: 23px;}
.social-icon ul li {padding: 0 8px;}
.copy_right p {line-height: 18px; font-size: 12px;}
.guest-rooms-slider .owl-dots, .guest-rooms-slider .owl-nav {top: -170px;}
.guest-rooms-slider .owl-dots {left: 0;}
.guest-rooms-slider .owl-nav {right: 0;}
.slider-img picture::after {width: 577px; left: 40px;}
.guest-rooms-slider .slider-img {padding: 40px;}
.guest-rooms-slider .item {margin-right: 110px;}
.sidenav ul li, .fixed .sidenav ul li {padding: 7px 40px;}
.rooms-left-border {padding: 0 0 35px 35px;}
.rooms-left-border picture::before {width: 100%; height: 86%;}
.rooms-featurestxt .pr-185 {padding-right: 0;}
.features-list {margin-top: 50px;}
.pt-150 {padding-top: 40px;}
.py-150 {padding: 40px 0;}
.body-px.txtrooms-sec {padding: 0 1rem;}
.features-list {padding: 40px 18px;}
.features-list {margin-top: 50px;}
.booknow .btn {background: #0098a7; font-size: 22px; color: #fff; border: 1px solid #0098a7; border-radius: 0; letter-spacing: 2px;}
.booknow .btn:hover {color: #0098a7; background: #fff;}
.copyright_txt {padding: 0;}
.btn.rfp-btn {padding: 18px 30px; font-size: 18px;}
.btn1 {padding: 20px 20px; font-size: 14px;}
.package-btn .btn1 {width: 290px; font-size: 14px; height: 64px; line-height: 18px; padding: 20px 5px;}
.privacy_table_content h2 a {font-size: 16px; border: solid 2px #003B59; color: #003B59; transition: all 0.35s; text-align: center;	padding: 15px 57px;}
.privacypolicypage .collapse:not(.show) {display: none;}
.welcome.py-180 {padding-top: 60px;}
.f-70 {font-size: 40px;}
.home-cta .owl-dots {text-align: center;}
.home-cta .owl-dots .owl-dot {background: #0098a7; width: 18px; height: 18px; margin: 0 5px; border-radius: 50%; text-align: center;}
.home-cta .owl-dots .owl-dot.active {background: none; border: 1px solid #0098a7;}
.home-cta .owl-nav .icon {display: none;}    
.home-cta .owl-nav .owl-prev {background: url(../images/cta-back.png) !important; width: 40px; height: 40px; position: absolute; left: 0; top: 45%; transform: translateY(-50%);} 
.home-cta .owl-nav .owl-next {background: url(../images/cta-next.png) !important; width: 40px; height: 40px; position: absolute; right: 0; top: 45%; transform: translateY(-50%);}
.cookies-statement .cookies-btn ul li a {position: relative;}
.cPop_content {padding: 30px;width: 65%;}
}



@media only screen and (max-width:767px) {
     body {line-height: 32px; font-size: 16px;}
    .body-px {padding: 0 1.2rem;}
    .pt-180 {padding-top: 50px;}
    .pt-100 {padding-top: 30px;}
    
    .pt-60 {padding-top: 20px;}
    .pt-md-40 {padding-top: 20px;}
    .h1, h1, .h2, h2 {font-size: 22px; line-height: 32px;}
    .h3, h3 {font-size: 18px;}
    .f-70 {font-size: 20px; line-height: 45px;}
    .bg-img-border::before {height: 15px; width: 90%; bottom: 1px;}
    .bg-img-border::after {left: 9px; width: 15px; bottom: 1px;}    
    .address-sec {padding: 0 11px;}
    .left-img-border::after {bottom: 2px; left: 0; width: 15px;}
    .left-img-border::before {bottom: 2px; height: 15px;}
    .footer-logo img {width: 119px !important; padding: 20px 0;}
    .guest-rooms-slider .slider-img {padding: 0; border: 16px solid;}
    .guest-rooms-slider .item {margin-right: 0;}    
    .slider-img picture::after{display: none;}
    .guestrooms_txt {padding: 30px; width: 91%; position: inherit; margin: auto; transform: translateY(-18px); box-shadow: 1px 2px 11px #585959;}
    .guest-rooms-slider .owl-dots, .guest-rooms-slider .owl-nav {top: auto;}
    .guest-rooms-slider .owl-nav svg {width: 30px; height: 30px;}
    .guest-rooms-slider .owl-dots {left: 10px;}
    .guest-rooms-slider {padding-bottom: 30px;}
    .hotel_roomtxt ul li {margin-bottom: 10px;}
    .hotel_roomtxt ul {margin-bottom: 0;}
    .rooms-left-border {padding: 0 0 15px 15px; margin-right: 6px;}
    .amenities-txt ul li {font-size: 16px;}
    .package-sec ul li {font-size: 16px;}
    .btn.rfp-btn {padding: 15px 25px; font-size: 16px;}
    .accordion_sec .accordion .btn-link {font-size: 14px; line-height: 50px; padding: 0 3px;}
    .accordion_sec .btn.btn-link::before, .accordion_sec .btn.btn-link::after {right: 13px; top: 24px; width: 17px;}
    .accordion_sec .card-body {font-size: 14px; padding: 18px 10px;}
    .package-btn li {padding: 15px 0; width: 100%;}
    .package-btn .btn1 {width: 100%; font-size: 16px; line-height: 20px;}
    .wedding-rfp.py-150 {padding-top: 20px;}
    .slider-img img {width: 100% !important;}
    .welcome.py-180 {padding-top: 45px;}
    .features-list {margin-top: 20px;}
    .sidenav ul li .nav-link {font-size: 20px; line-height: 30px;}
    .plus-minus-toggle::before, .plus-minus-toggle::after {top: 30px;}    
    .cookies-statement {padding: 12px 20px;}
    .Cookies p {line-height: 27px;font-size: 14px;}
    .cookies-statement .cookies-btn ul li a {   width: 127px;padding: 10px 6px;font-size: 13px;}
    .social-icon {text-align: left;}
    .covid-close .icon {right: 10px;}   
    .cPop_content {padding: 15px;width: 90%;}
    .cPop_content p {line-height: 25px;font-size: 14px;}
    }

@media only screen and (max-width:480px) {
    .btn1 {padding: 20px 14px; font-size: 12px;}
    .sidenav ul li .nav-link {font-size: 18px; line-height: 28px;}
    .covid-banner p {padding: 7px 35px;line-height: 22px;}

    }
@media only screen and (max-width:320px){
    .f-70 {font-size: 16px; line-height: 35px;}
    .h1, h1, .h2, h2 {font-size: 20px; line-height: 32px;}
   
}