@charset "utf-8";
/* Table of Contents
==================================================
	#Desktop (1600)
	#Desktop (1366)
	#Desktop (1024)
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)



/* #Additional - Large Screens beyond 1920px
================================================== */
@media only screen and (min-width: 1701px) and (max-width: 2100px) {



#ourResponsibility .featuredvilla-slider-thumbs .owl-stage { transform: none !important; width: 100% !important; }
#ourResponsibility .featuredvilla-slider-thumbs .owl-item { width: 100% !important; }


}



/* #Additional - Large Screens beyond 1600px
================================================== */
@media only screen and (min-width: 1451px) and (max-width: 1700px) {
	#introHotels .content .description			{ padding-left: 110px; }
	#introHotels .content .description:before	{ width: 130px; transform: translateX(-70px); }
	#introHotels .image							{ padding: 0 85px; }


/*----------------- Other Blocks -----------------*/
#zigZagList2 .hotels2-listing				{ --hotels2-image-rl-padding: 85px; --hotels2-content-rl-padding: 245px; }
#zigZagList2 .hotels2-listing .content h3	{ font-size: var(--font-size-title); line-height: var(--desktop-line-height-title);}
#restaurantDish								{ margin-bottom: 80px; }
#restaurantDish .content					{ padding: 0 15px 0 85px; }
#restaurantDish .content h1					{ font-size: var(--font-size-title); line-height: var(--desktop-line-height-title); }
#restaurantDish .content .description		{ padding-left: 150px; }
#restaurantDish .content .description:before { width: 130px; transform: translateX(-70px); }
#restaurantDish .image img					{ width: 117%; margin-bottom: -230px; }
#ourHotels3 .hotels3-listing				{ --hotels3-image-rl-padding: 85px; --hotels3-content-rl-padding: 85px; }
#ourHotels3 .hotels3-listing .content h1	{ font-size: var(--font-size-title); line-height: var(--desktop-line-height-title); }
#titleContent .title						{ padding: 0 15px 0 85px; }
#titleContent .title h1						{ font-size: var(--font-size-title); line-height: var(--desktop-line-height-title); }
#titleContent .content						{ padding: 30px 85px 0 15px; }
#titleContent .content .description			{ padding-left: 180px; }
#titleContent .content .description:before	{ width: 130px; }
#ourRestaurant .restaurant-listing			{ --restaurant-image-rl-padding: 85px; --restaurant-content-rl-padding: 85px; }
#ourRestaurant .restaurant-listing .content h1,
#ourRestaurant .restaurant-listing:not(:first-child) .content h2 { font-size: var(--font-size-title); line-height: var(--desktop-line-height-title); }
#ourRestaurant .restaurant-listing .content .description { padding-left: 150px; }
#ourRestaurant .restaurant-listing .content .description:before	{ width: 130px; transform: translateX(-70px); }
#aboutUs .title								{ padding: 0 15px 0 85px; }
#aboutUs .title h1							{ font-size: var(--font-size-title); line-height: var(--desktop-line-height-title); }
#aboutUs .information						{ padding: 30px 85px 0 15px; }
#aboutUs .information .description			{ padding-left: 180px; }
#aboutUs .information .description:before	{ width: 130px; }
#aboutUs .ourblocks h3						{ font-size: var(--font-size-title); line-height: var(--desktop-line-height-title); }
#aboutUs .our-listing						{ --restaurant-image-rl-padding: 85px; --restaurant-content-rl-padding: 85px; }
#aboutUs .our-listing .content h1			{ font-size: var(--font-size-title); line-height: var(--desktop-line-height-title); }
#aboutUs .our-listing .content .description { padding-left: 150px; }
#aboutUs .our-listing .content .description:before { width: 130px; transform: translateX(-70px); }

}



/* #Additional - Large Screens beyond 1366px
================================================== */
@media only screen and (min-width: 1181px) and (max-width: 1450px) {


/*----------------- Inner Pages -----------------*/
#introHotels .content .description			{ padding-left: 100px; }
#introHotels .content .description:before	{ width: 130px; transform: translateX(-70px); }
#introHotels .image							{ padding: 0 85px; }

/*----------------- Other Blocks -----------------*/
#zigZagList2 .hotels2-listing				{ --hotels2-image-rl-padding: 85px; --hotels2-content-rl-padding: 175px; }
#zigZagList2 .hotels2-listing .content h3	{ font-size: var(--font-size-title); line-height: var(--desktop-line-height-title); }
#restaurantDish								{ margin-bottom: 80px; }
#restaurantDish .content					{ padding: 0 15px 0 85px; }
#restaurantDish .content h1					{ font-size: 62px; line-height: 72px; }
#restaurantDish .content .description		{ padding-left: 100px; }
#restaurantDish .content .description:before { width: 130px; transform: translateX(-70px); }
#restaurantDish .image img					{ width: 127%; margin-bottom: -230px; }
#ourHotels3 .hotels3-listing				{ --hotels3-image-rl-padding: 85px; --hotels3-content-rl-padding: 85px; }
#ourHotels3 .hotels3-listing .content h1	{ font-size: 62px; line-height: 72px; }
#titleContent .title						{ padding: 0 15px 0 85px; }
#titleContent .title h1						{ font-size: 62px; line-height: 72px; }
#titleContent .content						{ padding: 30px 85px 0 15px; }
#titleContent .content .description			{ padding-left: 130px; }
#titleContent .content .description:before	{ width: 80px; }
#ourRestaurant .restaurant-listing			{ --restaurant-image-rl-padding: 85px; --restaurant-content-rl-padding: 85px; }
#ourRestaurant .restaurant-listing .content h1,
#ourRestaurant .restaurant-listing:not(:first-child) .content h2 { font-size: 62px; line-height: 72px; }
#ourRestaurant .restaurant-listing .content .description { padding-left: 100px; }
#ourRestaurant .restaurant-listing .content .description:before	{ width: 130px; transform: translateX(-70px); }
#aboutUs .title								{ padding: 0 15px 0 85px; }
#aboutUs .title h1							{ font-size: 62px; line-height: 72px; }
#aboutUs .information						{ padding: 30px 85px 0 15px; }
#aboutUs .information .description			{ padding-left: 130px; }
#aboutUs .information .description:before	{ width: 80px; }
#aboutUs .ourblocks h3						{ font-size: 62px; line-height: 72px; }
#aboutUs .our-listing						{ --restaurant-image-rl-padding: 85px; --restaurant-content-rl-padding: 85px; }
#aboutUs .our-listing .content h1			{ font-size: 62px; line-height: 72px; }
#aboutUs .our-listing .content .description { padding-left: 100px; }
#aboutUs .our-listing .content .description:before { width: 130px; transform: translateX(-70px); }

}



/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 960px) and (max-width: 1180px) {

	#introHotels .content .description			{ padding-left: 70px; }
#introHotels .content .description:before	{ width: 35px; transform: translateX(0px); }
#introHotels .image							{ padding: 0 15px; }

#zigZagList2									{ padding-top: 100px; padding-bottom: 100px; }
#zigZagList2 .hotels2-listing				{ margin-bottom: 50px; }
#zigZagList2 .hotels2-listing:nth-child(even) { margin-bottom: 50px; }
#zigZagList2 .hotels2-listing .image			{ padding: 0 0 0 15px; margin-bottom: 0; }
#zigZagList2 .hotels2-listing:nth-child(odd) .image { padding: 0 15px 0 0; }
#zigZagList2 .hotels2-listing:nth-child(even) .image { margin-bottom: 0; }
#zigZagList2 .hotels2-listing .content		{ padding: 30px 15px 30px 0; }
#zigZagList2 .hotels2-listing:nth-child(odd) .content { order: 2; padding: 30px 0 30px 15px; }
.main-list .content span.address { margin: 0 0 20px 0; }
#zigZagList2 .hotels2-listing .content h3	{ margin: 0 0 20px 0; font-size: var(--font-size-title); line-height: var(--desktop-line-height-title); }
#zigZagList2 .hotels2-listing .content .button { margin-top: 10px; }
#zigZagList2 .hotels2-listing .customNavDots { margin-top: 20px; }
#zigZagList2 .hotels2-listing .customNavDots [class*=customDots] .owl-dot { margin: 0 10px; }
#restaurantDish								{ padding-top: 100px; padding-bottom: 100px; margin-bottom: 0; }
#restaurantDish .content					{ padding: 0 15px; }
#restaurantDish .content h1					{ font-size: 57px; line-height: 60px }
#restaurantDish .content .description		{ padding-left: 70px; }
#restaurantDish .content .description:before { width: 35px; transform: translateX(0px); }
#restaurantDish .image img					{ width: 100%; margin-bottom: 0; }
#ourHotels3 .title							{ margin-bottom: 50px; }
#ourHotels3 .hotels3-listing				{ margin-bottom: 50px; }
#ourHotels3 .hotels3-listing .image			{ padding: 0 15px; }
#ourHotels3 .hotels3-listing .content		{ padding: 30px 15px; }
#ourHotels3 .hotels3-listing:nth-child(odd) .content { order: 2; padding: 30px 15px; }
#ourHotels3 .hotels3-listing .content h1	{ margin: 0 0 20px 0; font-size: 57px; line-height: 60px }
#ourHotels3 .hotels3-listing .content .button { margin-top: 10px; }
#ourHotels3 .hotels3-listing .customNavDots { margin-top: 20px; }
#ourHotels3 .hotels3-listing .customNavDots [class*=customDots] .owl-dot { margin: 0 10px; }
#titleContent								{ padding-top: 100px; padding-bottom: 100px; }
#titleContent .title						{ padding: 0 15px; }
#titleContent .title h1						{ font-size: 57px; line-height: 60px }
#titleContent .content						{ padding: 30px 15px 0 15px; }
#titleContent .content .description			{ padding-left: 70px; }
#titleContent .content .description:before	{ width: 35px; }
#ourRestaurant								{ padding-top: 100px; padding-bottom: 100px; }
#ourRestaurant .restaurant-listing			{ margin-bottom: 50px; }
#ourRestaurant .restaurant-listing .image	{ padding: 0 15px; }
#ourRestaurant .restaurant-listing .content { padding: 30px 15px; }
#ourRestaurant .restaurant-listing .content h1,
#ourRestaurant .restaurant-listing:not(:first-child) .content h2 { font-size: 57px; line-height: 60px }
#ourRestaurant .restaurant-listing .content .description { padding-left: 70px; }
#ourRestaurant .restaurant-listing .content .description:before	{ width: 35px; transform: translateX(0px); }
#aboutUs									{ padding-top: 0px; padding-bottom: 0px; }
#aboutUs .title								{ padding: 0 15px; }
#aboutUs .title h1							{ font-size: 57px; line-height: 60px }
#aboutUs .information						{ padding: 30px 15px 0 15px; }
#aboutUs .information .description			{ padding-left: 70px; }
#aboutUs .information .description:before	{ width: 35px; }
#aboutUs .ourblocks							{ margin-top: 0px; }
#aboutUs .ourblocks h3						{ font-size: 57px; line-height: 60px }
#aboutUs .our-listing						{ margin-top: 100px; }
#aboutUs .our-listing .image				{ padding: 0 15px; }
#aboutUs .our-listing .content				{ padding: 30px 15px; }
#aboutUs .our-listing:nth-child(even) .content { padding: 30px 15px; }
#aboutUs .our-listing .content h1			{ font-size: 57px; line-height: 60px }
#aboutUs .our-listing .content .description { padding-left: 70px; }
#aboutUs .our-listing .content .description:before { width: 35px; transform: translateX(0px); }

}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	#introHotels .content .description			{ padding-left: 70px; }
#introHotels .content .description:before	{ width: 35px; transform: translateX(0px); }

/*----------------- Other Blocks -----------------*/
#zigZagList2									{ padding-top: 70px; padding-bottom: 70px; }
#zigZagList2 .hotels2-listing				{ margin-bottom: 30px; }
#zigZagList2 .hotels2-listing:nth-child(even) { margin-bottom: 30px; }
#zigZagList2 .hotels2-listing .image			{ padding: 0 0 0 15px; margin-bottom: 0; }
#zigZagList2 .hotels2-listing:nth-child(odd) .image { padding: 0 15px 0 0; }
#zigZagList2 .hotels2-listing:nth-child(even) .image { margin-bottom: 0; }
#zigZagList2 .hotels2-listing .content	{ padding: 30px 15px 30px 0; }
#zigZagList2 .hotels2-listing:nth-child(odd) .content { order: 2; padding: 30px 0 30px 15px; }
.main-list .content span.address { margin: 0 0 20px 0; font-size: 18px; line-height: 23px; }
#zigZagList2 .hotels2-listing .content h3	{ margin: 0 0 20px 0; font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }
#zigZagList2 .hotels2-listing .customNavDots { margin-top: 20px; }
#zigZagList2 .hotels2-listing .customNavDots [class*=customNav] { display: inline-block; }
#zigZagList2 .hotels2-listing .customNavDots [class*=customNav] [class*=owl-] { width: 50px; height: 50px; }
#zigZagList2 .hotels2-listing .customNavDots [class*=customDots] { display: inline-block; margin-top: 0px; margin-left: 50px; }
#zigZagList2 .hotels2-listing .customNavDots [class*=customDots] .owl-dot { margin: 0 10px; }
#restaurantDish								{ padding-top: 70px; padding-bottom: 70px; margin-bottom: 0; }
#restaurantDish .content					{ padding: 0 15px; }
#restaurantDish .content span.tagnumber		{ margin: 0 0 30px 0; font-size: 20px; line-height: 25px; }
#restaurantDish .content span.tagnumber strong:after { width: 40px; margin: 0 15px; }
#restaurantDish .content h1					{ margin: 0 0 30px 0; font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }
#restaurantDish .content .description		{ padding-left: 70px; }
#restaurantDish .content .description:before { width: 35px; transform: translateX(0px); }
#restaurantDish .content h2					{ margin: 0 0 30px 0; font-size: 18px; line-height: 23px; }
#restaurantDish .content p					{ font-size: 16px; line-height: 20px; }
#restaurantDish .content button				{ margin-top: 10px; padding: 0 0 5px 0; font-size: 18px; }
#restaurantDish .image						{ margin-top: 0; }
#restaurantDish .image img					{ width: 100%; margin-bottom: 0; }
#ourHotels3									{ padding-top: 70px; padding-bottom: 70px; }
#ourHotels3 .title							{ margin-bottom: 30px; }
#ourHotels3 .title span.tagnumber			{ margin: 0; font-size: 20px; line-height: 25px; }
#ourHotels3 .title span.tagnumber strong:after { width: 40px; margin: 0 15px; }
#ourHotels3 .hotels3-listing				{ margin-bottom: 30px; }
#ourHotels3 .hotels3-listing .image			{ padding: 0 15px; }
#ourHotels3 .hotels3-listing .content		{ padding: 30px 15px; }
#ourHotels3 .hotels3-listing:nth-child(odd) .content { order: 2; padding: 30px 15px; }
#ourHotels3 .hotels3-listing .content h1	{ margin: 0 0 20px 0; font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }
#ourHotels3 .hotels3-listing .content .button { margin-top: 0px; padding: 0 0 5px 0; font-size: 18px; }
#ourHotels3 .hotels3-listing .customNavDots { margin-top: 20px; }
#ourHotels3 .hotels3-listing .customNavDots [class*=customNav] { display: inline-block; }
#ourHotels3 .hotels3-listing .customNavDots [class*=customNav] [class*=owl-] { width: 50px; height: 50px; }
#ourHotels3 .hotels3-listing .customNavDots [class*=customDots] { display: inline-block; margin-top: 0px; margin-left: 50px; }
#ourHotels3 .hotels3-listing .customNavDots [class*=customDots] .owl-dot { margin: 0 10px; }
#titleContent								{ padding-top: 70px; padding-bottom: 70px; }
#titleContent .title						{ padding: 0 15px; }
#titleContent .title span.tagnumber			{ margin: 0 0 30px 0; font-size: 20px; line-height: 25px; }
#titleContent .title span.tagnumber strong:after { width: 40px; margin: 0 15px; }
#titleContent .title h1						{ font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }
#titleContent .content						{ padding: 17px 15px 0 15px; }
#titleContent .content .description			{ padding-left: 70px; }
#titleContent .content .description:before	{ width: 35px; }
#titleContent .content h2					{ font-size: 18px; line-height: 23px; }
#titleContent .content p					{ font-size: 16px; line-height: 20px; }
#titleContent .content button				{ padding: 0 0 5px 0; font-size: 18px; }
#ourRestaurant								{ padding-top: 70px; padding-bottom: 70px; }
#ourRestaurant .restaurant-listing			{ margin-bottom: 30px; }
#ourRestaurant .restaurant-listing .image	{ padding: 0 15px;  margin-top: 0; }
#ourRestaurant .restaurant-listing .content { padding: 30px 15px; }
#ourRestaurant .restaurant-listing .content span.tagnumber { margin: 0 0 30px 0; font-size: 20px; line-height: 25px; }
#ourRestaurant .restaurant-listing .content span.tagnumber strong:after { width: 40px; margin: 0 15px; }
#ourRestaurant .restaurant-listing:not(:first-child) .content h2,
#ourRestaurant .restaurant-listing .content h1 { margin: 0 0 30px 0; font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }
#ourRestaurant .restaurant-listing .content .description { padding-left: 70px; }
#ourRestaurant .restaurant-listing .content .description:before	{ width: 35px; transform: translateX(0px); }
#ourRestaurant .restaurant-listing .content h3 { margin: 0 0 30px 0; font-size: 18px; line-height: 23px; }
#ourRestaurant .restaurant-listing .content p { font-size: 16px; line-height: 20px; }
#ourRestaurant .restaurant-listing .content .button { margin-top: 10px; padding: 0 0 5px 0; font-size: 18px; }
#aboutUs									{ padding-top: 0px; padding-bottom: 50px; }
#aboutUs .title								{ padding: 0 15px; }
#aboutUs .title span.tagnumber				{ margin: 0 0 30px 0; font-size: 20px; line-height: 25px; }
#aboutUs .title span.tagnumber strong:after { width: 40px; margin: 0 15px; }
#aboutUs .title h1							{ font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }
#aboutUs .information						{ padding: 17px 15px 0 15px; }
#aboutUs .information .description			{ padding-left: 70px; }
#aboutUs .information .description:before	{ width: 35px; }
#aboutUs .information h2					{ font-size: 18px; line-height: 23px; }
#aboutUs .information p						{ font-size: 16px; line-height: 20px; }
#aboutUs .information button				{ padding: 0 0 5px 0; font-size: 18px; }
#aboutUs .ourblocks							{ margin-top: 0px; }
#aboutUs .ourblocks .image					{ margin: 0 0 20px 0; }
#aboutUs .ourblocks h3						{ margin: 0 0 20px 0; font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }
#aboutUs .ourblocks p						{ font-size: 16px; line-height: 20px; }
#aboutUs .our-listing						{ margin-top: 70px; }
#aboutUs .our-listing .image				{ padding: 0 15px; margin-bottom: 0; }
#aboutUs .our-listing .content				{ padding: 30px 15px; }
#aboutUs .our-listing:nth-child(even) .content { padding: 30px 15px; }
#aboutUs .our-listing .content h1			{ margin: 0 0 30px 0; font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }
#aboutUs .our-listing .content .description { padding-left: 70px; }
#aboutUs .our-listing .content .description:before { width: 35px; transform: translateX(0px); }
#aboutUs .our-listing .content h2			{ margin: 0 0 30px 0; font-size: 18px; line-height: 23px; }
#aboutUs .our-listing .content p			{ font-size: 16px; line-height: 20px; }
#aboutUs .our-listing .content button		{ margin-top: 10px; padding: 0 0 5px 0; font-size: 18px; }

}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {


	#introHotels .content .description			{ padding-left: 70px; }
	#introHotels .content .description:before	{ width: 35px; transform: translateX(0px); }
/*----------------- Other Blocks -----------------*/

#zigZagList2									{ padding-top: 70px; padding-bottom: 70px; }
#zigZagList2 .hotels2-listing				{ margin-bottom: 30px; }
#zigZagList2 .hotels2-listing:nth-child(even) { margin-bottom: 30px; }
#zigZagList2 .hotels2-listing .image			{ padding: 0; margin-bottom: 0; }
#zigZagList2 .hotels2-listing:nth-child(odd) .image { padding: 0; }
#zigZagList2 .hotels2-listing:nth-child(even) .image { margin-bottom: 0; }
#zigZagList2 .hotels2-listing .content		{ padding: 0 0 30px 0; }
#zigZagList2 .hotels2-listing:nth-child(odd) .content { order: inherit; padding: 0 0 30px 0; }
.main-list .content span.address { margin: 0 0 20px 0; font-size: 18px; line-height: 23px; }
#zigZagList2 .hotels2-listing .content h3	{ margin: 0 0 20px 0; font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }
#zigZagList2 .hotels2-listing .content .button { margin-top: 0px; padding: 0 0 5px 0; font-size: 18px; }
#zigZagList2 .hotels2-listing .customNavDots { margin-top: 20px; }
#zigZagList2 .hotels2-listing .customNavDots [class*=customNav] { display: block; }
#zigZagList2 .hotels2-listing .customNavDots [class*=customNav] [class*=owl-] { width: 50px; height: 50px; }
#zigZagList2 .hotels2-listing .customNavDots [class*=customDots] { display: block; margin-top: 20px; margin-left: 0; }
#zigZagList2 .hotels2-listing .customNavDots [class*=customDots] .owl-dot { margin: 0 10px; }
#restaurantDish								{ padding-top: 70px; padding-bottom: 70px; margin-bottom: 0; }
#restaurantDish .content					{ padding: 0 15px; }
#restaurantDish .content span.tagnumber		{ margin: 0 0 30px 0; font-size: 20px; line-height: 25px; }
#restaurantDish .content span.tagnumber strong:after { width: 40px; margin: 0 15px; }
#restaurantDish .content h1					{ margin: 0 0 30px 0; font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }
#restaurantDish .content .description		{ padding-left: 70px; }
#restaurantDish .content .description:before { width: 35px; transform: translateX(0px); }
#restaurantDish .content h2					{ margin: 0 0 30px 0; font-size: 18px; line-height: 23px; }
#restaurantDish .content p					{ font-size: 16px; line-height: 20px; }
#restaurantDish .content button				{ margin-top: 10px; padding: 0 0 5px 0; font-size: 18px; }
#restaurantDish .image						{ margin-top: 30px; }
#restaurantDish .image img					{ width: 100%; margin-bottom: 0; }
#ourHotels3									{ padding-top: 70px; padding-bottom: 70px; }
#ourHotels3 .title							{ margin-bottom: 0; }
#ourHotels3 .title span.tagnumber			{ margin: 0; font-size: 20px; line-height: 25px; }
#ourHotels3 .title span.tagnumber strong:after { width: 40px; margin: 0 15px; }
#ourHotels3 .hotels3-listing				{ margin-bottom: 0; }
#ourHotels3 .hotels3-listing .image			{ padding: 0 15px; }
#ourHotels3 .hotels3-listing .content		{ padding: 30px 15px; }
#ourHotels3 .hotels3-listing:nth-child(odd) .content { order: inherit; padding: 30px 15px; }
#ourHotels3 .hotels3-listing .content h1	{ margin: 0 0 20px 0; font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }
#ourHotels3 .hotels3-listing .content .button { margin-top: 0px; padding: 0 0 5px 0; font-size: 18px; }
#ourHotels3 .hotels3-listing .customNavDots { margin-top: 20px; }
#ourHotels3 .hotels3-listing .customNavDots [class*=customNav] { display: block; }
#ourHotels3 .hotels3-listing .customNavDots [class*=customNav] [class*=owl-] { width: 50px; height: 50px; }
#ourHotels3 .hotels3-listing .customNavDots [class*=customDots] { display: block; margin-top: 20px; margin-left: 0; }
#ourHotels3 .hotels3-listing .customNavDots [class*=customDots] .owl-dot { margin: 0 10px; }
#titleContent								{ padding-top: 70px; padding-bottom: 70px; }
#titleContent .title						{ padding: 0 15px; }
#titleContent .title span.tagnumber			{ margin: 0 0 30px 0; font-size: 20px; line-height: 25px; }
#titleContent .title span.tagnumber strong:after { width: 40px; margin: 0 15px; }
#titleContent .title h1						{ font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }
#titleContent .content						{ padding: 0 15px; margin-top: 30px; }
#titleContent .content .description			{ padding-left: 70px; }
#titleContent .content .description:before	{ width: 35px; transform: translateX(0px); }
#titleContent .content h2					{ font-size: 18px; line-height: 23px; }
#titleContent .content p					{ font-size: 16px; line-height: 20px; }
#titleContent .content button				{ padding: 0 0 5px 0; font-size: 18px; }
#ourRestaurant								{ padding-top: 70px; padding-bottom: 70px; }
#ourRestaurant .restaurant-listing			{ margin-bottom: 30px; margin-left: 0px; margin-right: 0px;}
#ourRestaurant .restaurant-listing .image	{ padding: 0 15px; margin-top: 30px; }
#ourRestaurant .restaurant-listing .content { padding: 0 15px; }
#ourRestaurant .restaurant-listing:nth-child(even) .content { order: inherit; padding: 0 15px; }
#ourRestaurant .restaurant-listing .content span.tagnumber { margin: 0 0 30px 0; font-size: 20px; line-height: 25px; }
#ourRestaurant .restaurant-listing .content span.tagnumber strong:after { width: 40px; margin: 0 15px; }
#ourRestaurant .restaurant-listing .content h1,
#ourRestaurant .restaurant-listing:not(:first-child) .content h2 { margin: 0 0 30px 0; font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }
#ourRestaurant .restaurant-listing .content .description { padding-left: 70px; }
#ourRestaurant .restaurant-listing .content .description:before	{ width: 35px; transform: translateX(0px); }
#ourRestaurant .restaurant-listing .content h3 { margin: 0 0 30px 0; font-size: 18px; line-height: 23px; }
#ourRestaurant .restaurant-listing .content p { font-size: 16px; line-height: 20px; }
#ourRestaurant .restaurant-listing .content .button { margin-top: 10px; padding: 0 0 5px 0; font-size: 18px; }
#aboutUs									{ padding-top: 0px; padding-bottom: 50px; }
#aboutUs .title								{ padding: 0 15px; }
#aboutUs .title span.tagnumber				{ margin: 0 0 30px 0; font-size: 20px; line-height: 25px; }
#aboutUs .title span.tagnumber strong:after { width: 40px; margin: 0 15px; }
#aboutUs .title h1							{ font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }
#aboutUs .information						{ padding: 0 15px; margin-top: 30px; }
#aboutUs .information .description			{ padding-left: 0px; }
#aboutUs .information .description:before	{ width: 35px; transform: translateX(0px); }
#aboutUs .information p						{ font-size: 16px; line-height: 20px; }
#aboutUs .information button				{ padding: 0 0 5px 0; font-size: 18px; }
#aboutUs .ourblocks							{ margin-top: 0px; }
#aboutUs .ourblocks .image					{ margin: 0 0 20px 0; }
#aboutUs .ourblocks h3						{ margin: 0 0 20px 0; font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }
#aboutUs .ourblocks h3 br					{ display: none; }
#aboutUs .ourblocks p						{ font-size: 16px; line-height: 20px; }
#aboutUs .our-listing						{ margin-top: 70px; }
#aboutUs .our-listing .image				{ padding: 0 15px; margin-bottom: 30px; }
#aboutUs .our-listing:nth-child(even) .image { order: inherit; }
#aboutUs .our-listing .content				{ padding: 0 15px; }
#aboutUs .our-listing:nth-child(even) .content { padding: 0 15px; }
#aboutUs .our-listing .content h1			{ margin: 0 0 30px 0; font-size: var(--font-size-title); line-height: var(--mobile-line-height-title); }
#aboutUs .our-listing .content .description { padding-left: 70px; }
#aboutUs .our-listing .content .description:before { width: 35px; transform: translateX(0px); }
#aboutUs .our-listing .content h2			{ margin: 0 0 30px 0; font-size: 18px; line-height: 23px; }
#aboutUs .our-listing .content p			{ font-size: 16px; line-height: 20px; }
#aboutUs .our-listing .content button		{ margin-top: 10px;margin-bottom: 30px; padding: 0 0 5px 0; font-size: 18px; }

}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {




}