
/* LARGE SCREEN > 1200px*/

@media only screen and (min-width: 1200px) {
	.mobile:not(.desktop-large), .tablet:not(.desktop-large), .desktop:not(.desktop-large) {display: none !important;}
	.desktop-large-hidden { display:none;}
	
	.container_16 {
		margin-left: auto;
		margin-right: auto;
		width: 1200px;
	}
	.container_16 .grid_1 {
		width: 55px;
	}	
	.container_16 .grid_2 {
		width: 130px;
	}	
	.container_16 .grid_3 {
		width: 205px;
	}
	.container_16 .grid_4 {
		width: 280px;
	}	
	.container_16 .grid_5 {
		width: 355px;
	}
	.container_16 .grid_6 {
		width: 430px;
	}	
	.container_16 .grid_7 {
		width: 505px;
	}
	
	.container_16 .grid_8 {
		width: 580px;
	}
	.container_16 .grid_9 {
		width: 655px;
	}
	
	.container_16 .grid_10 {
		width: 730px;
	}
	
	.container_16 .grid_11 {
		width: 805px;
	}
	
	.container_16 .grid_12 {
		width: 880px;
	}
	.container_16 .grid_13 {
		width: 955px;
	}
	
	.container_16 .grid_14 {
		width: 1030px;
	}
	
	.container_16 .grid_15 {
		width: 1105px;
	}
	.container_16 .grid_16 {
		width: 1180px;
	}
	
	.swipe {height: 575px;}
	
	.phone {margin-left:250px;}
	.footer_wrap .grid_3:nth-child(2), .footer_wrap .grid_5:nth-child(3)  { width:280px !important;}

	
	div[type=fading_gallery] .banner, div.fg_gallery .banner{ width:1180px; }
	div.fg_gallery img { max-width:1180px;}
	
	
	/*Dashboard*/
	.tab_details { width:960px; }
}

/*DESKTOP < 1199px*/
@media (min-width: 959px) and (max-width:1199px) {
	.mobile:not(.desktop), .tablet:not(.desktop), .desktop-large:not(.desktop) {display: none !important;}
	.desktop-hidden { display:none;}

	.logo img{max-width: 280px;}
	.header_login {width: 170px;}
	.enquire{max-width: 170px;}
}

@media (min-width: 768px) and (max-width:959px) {
	.pop-up-overlay{justify-content: flex-start;}
	.pop-up-overlay img{max-width: 768px;}
}

@media (min-width: 320px) and (max-width:768px){
	.pop-up-overlay .close-pop-up{height: 20px; width: 20px;}
}


/*TABLET < 959px*/
@media (min-width: 480px) and (max-width:959px) and  (orientation: portrait) {
	.mobile:not(.tablet), .desktop:not(.tablet), .desktop-large:not(.tablet) {display: none !important;}
	.tablet-hidden { display:none;}
	
	.container_16 {
		margin-left: auto;
		margin-right: auto;
		width: 768px;
	}
	.container_16 .grid_1 {
		width: 32px;
	}	
	.container_16 .grid_2 {
		width: 80px;
	}	
	.container_16 .grid_3 {
		width: 128px;
	}
	.container_16 .grid_4 {
		width: 176px;
	}	
	.container_16 .grid_5 {
		width: 224px;
	}
	.container_16 .grid_6 {
		width: 272px;
	}	
	.container_16 .grid_7 {
		width: 320px;
	}
	
	.container_16 .grid_8 {
		width: 368px;
	}
	.container_16 .grid_9 {
		width: 416px;
	}
	
	.container_16 .grid_10 {
		width: 464px;
	}
	
	.container_16 .grid_11 {
		width: 512px;
	}
	
	.container_16 .grid_12 {
		width: 560px;
	}
	.container_16 .grid_13 {
		width: 608px;
	}
	
	.container_16 .grid_14 {
		width: 656px;
	}
	
	.container_16 .grid_15 {
		width: 704px;
	}
	.container_16 .grid_16 {
		width: 752px;
	}
	
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12,
	.grid_13,
	.grid_14,
	.grid_15,
	.grid_16 {
	  margin-left: 8px;
	  margin-right: 8px;
	}

	.logo { width:224px;}


	.footer_wrap span { font-size:18px;}
	.footer_wrap .grid_3, .footer_wrap .grid_4, .footer_wrap .grid_5  { width:368px !important; margin-bottom:30px;}
	.footer_wrap .grid_5 { clear:both;}
	.footer_wrap .newsletter { width:280px;}
	
}

/*MOBILE AND TABLET */
@media (max-width:959px) {
	.mobile-hidden { display:none;}	
	.mainmenu {display:none;}
	.menuButton { margin:0px 0 0 16px; float:right}
	.menuButton img{ vertical-align:middle; margin-right:5px;}

	.menu_wrap { border:0; height:auto;}
	.mtopmenu {margin: 0; width: 100%; text-align: left; position: absolute; top: 0px; left: 0; list-style: none; padding: 0; display: none; min-height: 1000px; z-index:10000;}	
	.mtopmenu li {display: block; padding: 0; margin: 0; background: #fcfbfb; }	
	.mtopmenu li a{text-align:left; display: block; color: #565656; padding: 0 10px; line-height: 36px; font-size: 15px;  font-weight:bold; }
	
	.mtopmenu li ul li {padding-left: 0px; border: 0; }  
	.mtopmenu li ul li a{  font-weight:normal;}
	.mtopmenu ul {margin: 0px; padding:0;}
	.mtopmenu ul li {margin: 0 0px; width:100%;}

	.mtopmenu li ul li ul{padding-left: 15px;}
	
	.mtopmenu > li:last-child > a { background:#8e1421;color:#fff; font-weight:normal;  border:0; margin:0; padding:20px 0; border-top:15px solid #fcfbfb; text-align:center;}

	.mtopmenu .menu_buttons{display: flex; flex-direction: column; gap:5px; padding: 10px; box-sizing: border-box;}
	.mtopmenu .menu_buttons a{margin: 0; display: flex; align-content: center; justify-content: center; width: 100%; line-height:50px; color: #fff; box-sizing: border-box;
		font-size: 17px; font-weight: 600;}

	
	/*Custom Tab Module*/
	.mob_tab_title { background:url(../images/icon_tab_arrow_down.png) 98% center no-repeat #f2f2f2; clear:left; line-height:42px; font-size:18px; font-weight:bold; color:#4f4f4f; text-indent:10px; margin-top:10px; cursor:pointer;
		border-radius: 5px; border:1px solid #ddd9d9; }
	.mob_tab_title.tab_active { background:url(../images/icon_tab_arrow_up.png) 98% center no-repeat #fff; border-bottom:0; border-radius: 5px 5px 0 0; color: #118e2a;}
	.mob_tab_title.booknow, .mob_tab_title.booknow.tab_active { background:url(../images/icon_tab_arrow_down_white.png) 98% center no-repeat #8a0813; color:#fff;}
	.tab_title {line-height:32px; text-indent:0; padding:0;  background:none;}
	.tab-content { padding:10px 5px; margin-bottom:0; border-top:0; border-radius:  0 0 5px 5px; }

	
	.tc_booknow { font-size:20px; margin-top:10px; line-height:initial;}
	.tc_booknow b { display:block;}
	.tc_form { font-size:12px; line-height:initial; }
	.tc_form label { font-size:16px; font-weight: bold; line-height:22px;}
	.tc_form input { background: #fff; display: block; width:100%; box-sizing: border-box; border-radius: 5px; border:1px solid #ddd9d9; outline:none; height:43px; margin-bottom:15px; line-height:43px;}
	.tc_form .tcf_info {margin-bottom:20px;}
	.tc_form .tcf_submit { margin-top:24px; padding:12px 40px;}
}

/*MOBILE < 480px*/
@media (max-width: 479px),  (orientation: landscape) and (max-width: 767px){
	.tablet:not(.mobile), .desktop:not(.mobile), .desktop-large:not(.mobile) {display: none !important;}
	.mobile-hidden { display:none;}	
	
	.container_16 {
	  margin-left: auto;
	  margin-right: auto;
	  width: 320px;
	}
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12,
	.grid_13,
	.grid_14,
	.grid_15,
	.grid_16 {
	  margin-left: 5px;
	  margin-right: 5px;
	  width: 310px !important;
	}
	
	.grid_1 img,
	.grid_2 img,
	.grid_3 img,
	.grid_4 img,
	.grid_5 img,
	.grid_6 img,
	.grid_7 img,
	.grid_8 img,
	.grid_9 img,
	.grid_10 img,
	.grid_11 img,
	.grid_12 img,
	.grid_13 img,
	.grid_14 img,
	.grid_15 img,
	.grid_16 img {
		max-width: 100% !important;
		height: auto !important;
	}
	
	.alpha,
	.omega {
	  margin-left: 0;
	  margin-right: 0;
	}
	
	.prefix_1, .prefix_2, .prefix_3 { padding:0 !important;}
	
	.admin_panel+.top_wrap+.header_wrap {margin-top: 31px;}
	.header_wrap { height: auto;}
	
	
	.frame.main{background: none; border: 0; border-radius:0; box-shadow: none;}
	.logo {margin: 15px 0; text-align: center; display: block;}
	.logo img {width: 190px;}
	.call { display:block; float:right; margin:0px 5px 0 0;}
	
	
	.footer_wrap { padding-bottom:0; font-size:12px;}
	.footer_wrap span { font-size:14px; text-transform: none;}
	.footer_wrap .grid_3, .footer_wrap .grid_4, .footer_wrap .grid_5  { width:150px !important; margin-bottom:30px;}
	.footer_wrap .grid_4:nth-child(4) { clear:both; width:100% !important; text-align:center; font-size:16px;}
	.footer_wrap .grid_4:nth-child(4) > div:last-child { text-align: left; }
	.footermenu li a { font-size:12px;}
	.social.fb { margin-left:20px;}
	
	
	.top_byline_wrap {padding:20px 0;}
	.top_byline_wrap > div:first-child img{width: 45px; height: 30px;}
	.top_byline_wrap > div:nth-child(2) img{width: 70px; height: 33px;}
	.top_byline_wrap > div:nth-child(3) img{width: 43px; height: 38px;}
	.top_byline_wrap > div:nth-child(4) img{width: 42px; height: 37px;}
	.top_byline_wrap > div:nth-child(5) img{width: 44px; height: 38px;}

	.byline_wrap { background:#eaecee; border-top:1px solid #dddddd; padding:20px 0 5px 0;}
	
	.caroufredsel_wrapper  { margin-bottom:20px !important; padding-bottom:0;}
	.caroufredsel_wrapper div { max-width:initial !important;}
	
	
	/*Fullscreen Gallery*/
	div.fullscreenwrap, div.fullscreenfade, div.fullscreenwrap div, .caroufredsel_wrapper div { max-width:initial !important;}
	div.fullscreenwrap { margin-bottom:20px !important;}
	div.fullscreenfade div.slide { background-position:center top; background-size:100% auto;}
	div.fullscreenfade div.slide .banner{ width:100%; padding:0 5px; text-align:center; background:none;}
	div.fullscreenfade div.slide .frame { padding:10px; box-sizing: border-box; width:100%;}
	div.fullscreenfade div.slide .frame p, div.fullscreenfade div.slide .frame span { }
	
	.container_16 div {max-width: 310px;}
	iframe {max-width: 310px; height: 240px !important;}
	
	img {max-width: 100%; vertical-align: middle;}
	
	
	h1 {font-size: 24px; font-weight: normal;}
	h2 {font-size: 20px; font-weight: normal;}
	h3 {font-size: 16px; font-weight: normal;}
	h4 {font-size: 16px; font-weight: bold;}
	
	p {font-size: 14px;}

	
	/*Custom Boxes*/
	.customboxes {  margin-bottom:0;}
	.customboxes .cust_box { width:100%; float:none; margin-bottom:10px;  height:125px !important; background-size:contain}
	.customboxes .cust_box .content {height:100%; line-height:124px; background: rgba(244,244,244,0.7); text-align:center;}
	.customboxes .cust_box .title { float:none; line-height:initial; display: inline-block; vertical-align: middle; padding: 0; color:#8e1421;  border-radius:0; background:none;}
	.cust_box:hover .title  {color:#fff;}

}
	

