/**************************************************\ 
(LG) Large Monitor Only
\**************************************************/
@media screen and (min-width: 1200px){
	/* Menu Navigation Position */
	.menuNav
	{
		padding-left:240px; 
		position: relative; 
		top: -37px; 
		padding-right:0px;
		
	}
	
	/* Position Hamburger menu */
	.menuBtn
	{
		/* padding: 5px 6px;  */
		color: #fff; 
		margin-top:-7px; 
		font-size:13px; 
		font-family:avenir; 
		position: relative; 
		top: 17px;
	}
	
	/* Shop Menu */
	.shopMenu
	{
		position:relative; 
		left:18px;
	}
	
	/* Book Now at Menu */
	.bookBTN
	{
		padding-right:0px; 
		position:relative; 
		top:10px; 
		left:85px;
	}
	
	/* Book Now at Menu */
	.bookBTN2
	{
		padding-right:0px; 
		position:relative; 
		top:10px; 
		left:85px;
	}
	
	/* Flip Slider move Right (About Us Section - HP) */
	.moveimgLeft, .moveimgLeft2
	{
		left:8px; 
	}
	
	 
	/* Set News Container */
	.set3
	{
		width:1366px;
	}
	
	/* Move Explore Button (Global Details Page) */
	.button_down
	{
		margin-top:-60px;
	}
	
	/* Navigation Positioning */
	.navbar-fixed-top .navbar-collapse .dropdown-menu
	{
		margin-top:47px;
	}
	
	/* Change the size of textpanel wrapper */
	.ug-textpanel
	{
		height:100% !important;
	}
	
	/* Move the captcha */
	.g-recaptcha iframe
	{
		position: inherit;
	}
	
	/* Move the captcha */
	.g-recaptcha 
	{		
		padding-left:155px;
	}
	
	/* Move the captcha */
	.hp_captcha iframe
	{
		position: inherit;
	}
	
	/* Move the captcha */
	.hp_captcha
	{		
		padding-left:0px;
		transform:scale(0.92);
		-webkit-transform:scale(0.92);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
	
	/* Booking Widget Position */
	.bookwidBtn
	{
		position:relative;
		right:35px;
	}
	 
	/* Book Direct Position */
	.bookDirect
	{
		padding-left:-5px;
	}

	/* No padding Head Title */
	.noPad
	{
		padding:0px;
	}
	
	/* Contact Us container remove padding left (Footer)*/
	.contactUs
	{
		padding-left:0px;
	}
	
	/* Recent News container remove padding right  (Footer) */
	.recentNews
	{
		padding-right:0px;
	}
	
	/* About Diamond remove padding left (Homepage)*/
	.nopad-Left
	{
		padding-left:0px;
	}

	.headTitle
	{
		padding:0px 380px;
	}
	
	/* position the activity title */
	.activityTitle
	{
		position:relative;
		top:15px;
	}
	
	/* Image Large by Page Details Set Height and Width */
	.image-lg
	{
		width:100%;
		height:100vh;
	}

	/* No padding Left */
	.noPad-left
	{
		padding-left:0px;
	}
	
	/* No padding Right */
	.noPad-right
	{
		padding-right:0px;
	}
	
	/* No padding Right and Left */
	.noPad-lr
	{
		padding-right:0px;
		padding-left:0px;
	}
	
	/* Meetings item List */
	.meetingItem
	{
		width:580px;
	}
	
	.margin_remove
	{
		margin-left:-30px; 
		margin-right:-30px;
	}
	
}




/**************************************************\  
(MD) Small Monitor Only
\**************************************************/
@media screen and (min-width:992px) and (max-width: 1199px){
	/* Menu Navigation Position */
	.menuNav
	{
		padding-left:240px; 
		position: relative; 
		top: -37px; 
		padding-right:0px;
	}
	
	/* Position Hamburger menu */
	.menuBtn
	{
		padding: 5px 6px; 
		color: #fff; 
		margin-top:12px; 
		font-size:13px; 
		font-family:avenir; 
		position: relative; 
		top: -3px;
	}
	
	/* Shop Menu */
	.shopMenu
	{
		position:relative; 
		left:0px;
	}
	
	/* Book Now at Menu */
	.bookBTN
	{
		padding-right:0px; 
		position:relative; 
		top:10px; 
		left:25px;
	}
	
	/* Book Now at Menu */
	.bookBTN2
	{
		padding-right:0px; 
		position:relative; 
		top:10px; 
		left:25px;
	}
	/* Flip Slider move Left (About Us Section - HP) */
	.moveimgLeft, .moveimgLeft2
	{
		left:17px;
	}
	
	
	/* NOTED: PLEASE REMOVE THE !important after you clean the inline CSS */
	/* Background Mask (Meeting & Event Page) */
	.maskBg
	{
		width:420px !important;
	}
	
	/* Move the Meetings & Events Item(Content) */
	 .meetingItem
	{
		left:5px !important;
		right:5px !important;


	} 
	
	
	
	/* Change the Font size (Meetings & Event Page) */
	.meetingItem h4
	{
		font-size:30px !important;
	}
	
	.meetingItem p, .meetingItem a
	{
		font-size:13px !important;
	}
		
	/* Move Explore Button (Global Details Page) */
	.button_down
	{
		margin-top:-60px;
	}
	
	/* Navigation Positioning */
	.navbar-fixed-top .navbar-collapse .dropdown-menu
	{
		margin-top:23px;
	}
	
	/* Remove the hover text */
	.ug-thumb-overlay ~ .ug-tile-icon, .ug-textpanel, .ug-textpanel-bg, .ug-textpanel-title
	{
		opacity:0 !important;
		display:none!important;
		background-color:transparent!important;
	}
	
	/* Room Title Resize (Accommodation Page) */
	.roomtitleBG h5
	{
		font-size:15px !important;
	}
	
	/* Room Details Resize (Accommodation Page) */
	.roomtitleBG a
	{
		font-size:13px !important;
	}
	
	/* Move the captcha */
	.g-recaptcha iframe
	{
		position: inherit;
	}
	
	/* Move the captcha */
	.g-recaptcha
	{		
		padding-left:155px;
	}
	
	/* Move the captcha */
	.hp_captcha iframe
	{
		position: inherit;
	}
	
	/* Move the captcha */
	.hp_captcha
	{		
		padding-left:0px;
		transform:scale(0.75);
		-webkit-transform:scale(0.75);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
	
	/* About Diamond remove padding left (Homepage)*/
	.nopad-Left
	{
		padding-left:0px;
	}
	
	/* Homepage Parallax section remove background-attachment = fixed */
	.fixed-img 
	{
		background-attachment:initial !important;
	}
	
	.headTitle
	{
		padding:0px 250px;
	}
	
	/* position the activity title */
	.activityTitle
	{
		position:relative;
		top:15px;
	}
	
	
	/* No padding Left */
	.noPad-left
	{
		padding-left:0px;
	}
	
	/* No padding Right */
	.noPad-right
	{
		padding-right:0px;
	}
	
	/* No padding Right and Left */
	.noPad-lr
	{
		padding-right:0px;
		padding-left:0px;
	}
	
	.activities-align .font13, .font1
	{
		font-size:9px !important;
	}
	

}


/**************************************************\ 
Small Monitor and below
\**************************************************/
@media screen and (max-width: 1199px){
	
	
}




/**************************************************\ 
Tablet and above; Excluding Phone
\**************************************************/
@media screen and (min-width: 768px){
	
}


/**************************************************\ 
(SM) Tablet Only
\**************************************************/
@media screen and (min-width:768px) and (max-width: 991px){
	
	/* Flip Slider move Right (About Us Section - HP) */
	.moveimgRight
	{
		float:right;
		right:5px;
	}
	
	/* NOTED: PLEASE REMOVE THE !important after you clean the inline CSS */
	/* Move the Meetings & Events Item(Content) */
/* 	.meetingItem
	{
		left:40px !important;
		right:40px !important;
	} */
	
	/* Full width Mask Background */
	.maskBg
	{
		width:100% !important;
		background-color: rgba(0,0,0,.4) !important;
	}

	/* Promo Details less the padding (Promo Page) */
	.promoDetails
	{
		padding:0px 20px;
		height:150px !important;
	}
	
	/* Less the padding Manila Activities Menu (Activities Page) */
	.nav > li > a
	{
		    padding: 25px 20px !important;
			font-size:15px !important;
	}
	
	/* resize the activity Background */
	.activityDetails
	{
		height:50px !important;
	}
	
	/* Resize the font */
	.activityDetails h5
	{
		font-size:15px !important;
	}
	
	/* Center the image (News Page) */
	.vanessa-img
	{
		float:none !important;
		margin:0px auto;
	}
	
	/* Dining Logo Change Size */
	.diningLogo img
	{
		width:90px;
	}
	
	/* Dining Logo Change Size */
	.diningLogo2 img
	{
		width:80px;
	}
		
	/* Move Explore Button (Global Details Page) */
	.button_down
	{
		margin-top:0px;
	}

	/* Remove the hover text */
	.ug-thumb-overlay ~ .ug-tile-icon, .ug-textpanel, .ug-textpanel-bg, .ug-textpanel-title
	{
		opacity:0 !important;
		display:none!important;
		background-color:transparent!important;
	}
	
	/* Move the captcha */
	.g-recaptcha iframe
	{
		position: inherit;
	}
	
	/* Move the captcha */
	.g-recaptcha 
	{
		padding-left:40px;
	}
	
	/* Resize the captcha */
	.hp_captcha iframe
	{
		position: inherit;
	}
	
	/* Resize the captcha */
	.hp_captcha
	{		
		padding-left:0px;
		/* transform:scale(1.19);
		-webkit-transform:scale(1.19); */
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
	
	/* Homepage Parallax section remove background-attachment = fixed */
	.fixed-img 
	{
		background-attachment:initial !important;
	}
	
	#top_header
	{
		width:100%;
	}
	
	/* Realign logo */
	#logo
	{
		margin:0px;
	}
	
	/* Realign logo */
	.logo
	{
		padding:0px;
	}
	
	.cmn-toggle-switch
	{
		padding-top:18px;
		padding-right:0px;
	}

	
	.headTitle
	{
		padding:0px 100px;
	}
	
	/* Meetings content positioning */
	.meeting2
	{
		bottom:20px !important;
		right:5px !important;
		left:5px !important;
	}
	
	.maskBg
	{
		height:280px !important;
	}
	
	#mc_embed_signup input.email
	{
		width:80% ;
	}
	
	/* position the activity title */
	.activityTitle
	{
		position:relative;
		top:8px;
	}
	
	.activities-align
	{
		height:70px;
	}
	
	
	.menuBtn-mobile
	{
		top:0px !important;
	}
	
	.logo-mobile2, .logo-mobile
	{
		
		height:inherit !important;
	}
	
	.logo-tablet
	{
		height:inherit !important;
	}
	
	.logo-tabletmenu
	{
		height:inherit !important;
	}
	
	#close_in i
	{
		top:-140px !important;
	}
}


/**************************************************\ 
(SM) Tablet Only (Retina)
\**************************************************/
@media screen and (min-width:768px) and (max-width: 991px) and (-webkit-min-device-pixel-ratio: 2){}


/**************************************************\ 
(SM) Tablet Only (Landscape)
\**************************************************/
@media screen and (min-width:768px) and (max-width: 991px) and (orientation : landscape){}


/**************************************************\ 
(SM) Tablet Only (Portrait)
\**************************************************/
@media screen and (min-width:768px) and (max-width: 991px) and (orientation : portrait){
	
	
}


/**************************************************\ 
Tablet and below
\**************************************************/
@media screen and (max-width: 991px){
	
	
}






/**************************************************\ 
(XS) Phone only
\**************************************************/
@media screen and (max-width:767px){
	
	/* Add padding left 15px (The Diamond hotel Section - HP) */
	.addleftPad
	{
		padding-left:15px !important;
	}
	
	/* Add padding right 15px (The Diamond hotel Section - HP) */
	.addrightPad
	{
		padding-right:15px !important;
	}
	
	/* Images Center Horizonal (The Diamond hotel Section - HP) */
	#flip1, #flip2, #flip3
	{
		margin:0px auto !important; 
		margin-bottom:5px !important;
	}
	
	/* less margin (Diamond Guest Experience) */
	.like-template > p
	{
		padding:0px 15px;
	}
	
	/* Add Padding Left 15px */
	.pl15
	{
		padding-left:15px !important;
	}
	
	/* NOTED: PLEASE REMOVE THE !important after you clean the inline CSS */
	/* Meeting Title Resize (Meetings & Events Page) */
	.meetingTitle
	{
		font-size:18px !important;
	}
	
	/* Meeting Read More Resize (Meetings & Events Page) */
	.meetingRead
	{
		font-size:12px !important;
	}
	
	/* Resize the Menu */
	.menuResize
	{
		font-size:32px;
		line-height:32px;
	}
	
	/* Resize the Menu Slogan */
	.menuResize
	{
		font-size:32px !important;
		line-height:32px !important;
	}
	
	/* Resize Menu Slogan */
	.menuSlogan
	{
		font-size:18px !important;
	}
	
	/* Position the Meetings & Event Item(COntent) */
	.meetingItem
	{
		left:0px !important;
		right:0px !important;
		bottom:15px !important;
	}
	
	/* Adding padding (Meetings & Events Page) */
	.partiesItem
	{
		padding-left:15px !important;
		padding-right:15px !important;
	}
	
	/* Promo Details less the padding (Promo Page) */
	.promoDetails
	{
		padding:0px 20px;
		height:150px !important;
	}
	
	
	
	/* Set the Activities Menu  to full width */
	.facilityTab
	{
		width:100%;
	}
	
	/* Set the Activities Menu  to full width */
	.facilityTab li
	{
		width:inherit;
	}
	
	/* Activities Menu Remove Border(Activities Page) */
	.facilityTab li a
	{
		border-right:none !important;
		text-decoration:underline;
	}
	
	/* Activities Menu Remove Padding Top and Bottom(Activities Page) */
	.nav > li
	{
		padding-bottom:0px;
		padding-top:0px;
	}
	
	/* Remove Underline on Active Activities Menu (Activities Page) */
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
	{
		text-decoration:none;
	}
	
	/* resize the activity Background */
	.activityDetails
	{
		height:50px !important;
	}
	
	/* Resize the font (activity Page) */
	.activityDetails h5
	{
		font-size:15px !important;
	}
	
	/* News Content Full width (News Page) */
	.grid-item-drill-width, .grid-item-vanessa-width, .grid-item-fiesta-width, .grid-item-culinaria-width, .grid-item-wine-width, .grid-item-rakuten-width, .grid-item-foundation-width, .grid-item-jason-width
	{
		width:100%;
	}
	
	/* News Content height	auto(News Page) */
	.grid-item-drill-height, .grid-item-fiesta-height, .grid-item-culinaria-height, .grid-item-wine-height, .grid-item-rakuten-height, .grid-item-foundation-height, .grid-item-jason-height
	{
		height:auto;
	}
	
	/* News All Dates Accordion (News Page) */
	.newsTitle, #accordion
	{
		width:100% !important;
	}
	
	
	/* Center the image (News Page) */
	.vanessa-img
	{
		float:none !important;
		margin:0px auto;
	}
	
	/* Blogger Social media Float left the icon (New Page) */
	.blogSocial li
	{
		display:inline-block;
	}
	
	/* News Details Title (News Page) */
	.new-details-title
	{
		font-size:24px !important;
		line-height:30px !important;
	}

	.maskBg
	{
		width:100% !important;
	}
	
		
	/* Move Explore Button (Global Details Page) */
	.button_down
	{
		margin-top:0px;
	}
	
	/* Remove position absolute in mobile (Header Section) */
	.site-header, header, header.sticky #top_header
	{
		position:inherit !important;
	}
	
	/* Darker the header Background */
	#top_header
	{
		background-color: rgba(0, 0, 0, .85);
	}
	
	/* Move Menu button */
	.cmn-toggle-switch
	{
		padding-right:25px;
	}	
	
	/* Remove the hover text */
	.ug-thumb-overlay ~ .ug-tile-icon, .ug-textpanel, .ug-textpanel-bg, .ug-textpanel-title
	{
		opacity:0 !important;
		display:none!important;
		background-color:transparent!important;
	}
	
	/* Center the tripadvisor logo */
	.tripadvisor
	{
		text-align:center;
	}
	
	/* Center the tripadvisor logo */
	.tripadvisor div
	{
		width:100%!important;
	}
	
	/* Remove icon */
	.promoSlot .button span
	{
		display:none
	}
	
	/* Center the button */
	.promoSlot .button
	{
		padding-left:0px;
		padding-right:0px;
		width:100%;
		text-align:center;
	}
	
	/* Move the captcha */
	.g-recaptcha iframe
	{
		position: inherit;
	}
	
	/* Move the captcha */
	.g-recaptcha 
	{
		padding-left:0px;
	}
	
	/* Resize the captcha */
	.hp_captcha iframe
	{
		position: inherit;
	}
	
	/* Resize the captcha */
	.hp_captcha
	{		
		padding-left:0px;
		 transform:scale(.9);
		-webkit-transform:scale(.9); 
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
	
	/* Homepage Parallax section remove background-attachment = fixed */
	.fixed-img 
	{
		background-attachment:initial !important;
		background-size:cover !important;
	}
	
	.book_direct, .best_rate
	{
		text-align:center !important;
	}
	
	/* Meetings content positioning */
	.meeting2, .meetingItem
	{
		width:100% !important;
	}
	
	.maskBg
	{
		height:135px !important; 
	}
	
	#mc_embed_signup input.email
	{
		width:100% ;
	}
	
	/* Full width submit button at mobile */
	.btn_1
	{
		width:100%;
		height:40px;
	}
	
	/* Realign logo */
	#logo
	{
		margin:0px;
	}
	
	/* Realign logo */
	.logo
	{
		padding:0px;
	}
	
	/* Hamburger menu realign */
	.cmn-toggle-switch
	{
		padding:0px;
	}
	
	/* Set height of button */
	.button
	{
		height:40px !important;
	}
	
	
	/* position the activity title */
	.activityTitle
	{
		position:relative;
		top:8px;
	}
	
	.comingSoon 
	{
		margin:0px auto !important;
	}
	
	
	.activities-align
	{
		height:60px;
	}
	
	.nomargin-bottom-mobile
	{
		margin-bottom:0px;
	}
	
	.activities-align h5
	{
		font-size:15px;
	}
	
	.noTop
	{
		margin-left:15px;
		top:0px !important;
	}
	
	/* Change Constellation font */
	.consFont
	{
		font-size:16px;
	}
	
	.menuBtn-mobile
	{
		top:14px !important;
	}
}


/**************************************************\ 
Phone Landscape Only
\**************************************************/
@media only screen and (min-width: 481px) and (max-width: 767px) {
	
}


/**************************************************\ 
Phone Portrait Only
\**************************************************/
@media only screen and (max-width: 480px){
	.newsTitle h1
	{
		font-size:26px !important;
	}
	
	/* Change the size of main title */
	.main-title h1
	{
		font-size:25px !important;
	}
	
	/* Change the size of sub title */
	.main-title small
	{
		font-size:18px !important;
	}
	
	/* Room Title Resize (Accommodation Page) */
	.roomtitleBG h5
	{
		font-size:16px !important;
	}
	
	/* Room Details Resize (Accommodation Page) */
	.roomtitleBG a
	{
		font-size:13px !important;
	}

	.wrapper-inner
	{
		padding-left:15px;
		padding-right:15px;
	}
	
	/* Remove icon */
	.button span
	{
		display:none
	}
	
	/* Center the button */
	.button
	{
		padding-left:0px;
		padding-right:0px;
		width:100% !important;
		text-align:center;
	}
	
	/* Remove the Display Flex Function (Dining) */
	.promoSlot 
	{
		display:block !important;
	}
	
	/* News Content */
/* 	.grid-item-drill-width
	{
		width:335px !important;
	}
	
	.grid-item-drill-height
	{
		height: 362px !important;
	}
	 
	.grid-item-fiesta-height
	{
		height: 370px !important;
	} */

	#sign_in_modal .modal-dialog.modal-md{
		width: auto;
	}
	
}