/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {
	
	html, body { font-size: 20px; }
	
	/* herader container */
	#headerCntr .mobilemenubtn { padding: 0 10px; display: block; position:absolute; top: 20px; right: 15px; font-size: 26px; color: #333536; text-decoration: none; border: 1px solid #ccc; }
	#headerCntr .mobilemenubtn.active { color: #046c03; border: 1px solid #046c03; }
	
	/* logo box */
	.logoBox { padding: 15px 0; width: 65%; }
	
		/* menu box */
		.menuBox { display: none; width: 100%; }
		.menuBox li { width: 100%; }
		.menuBox li a { padding: 10px 20px; font-size: 22px; }
		.menuBox li a:hover, .menuBox ul li:hover a, .menuBox ul li.current_page_item a { color: #fff; background: #333536; }
		
		.menuBox li ul { display: none!important; }
		
		/* banner box */
		.bannerBox #demo-1 { min-height: 450px; }
		
		/* inner banner box */
		.innerbannerBox { height: 145px;
    background-size: cover;
    background-position: center center; }
  
		
	/* service container */
	#serviceCntr { margin: -157px 0 0 0; }
	
		/* service box */
		.serviceBox .item { padding: 30px 0; }
		.serviceBox .info { padding: 25px 10px 0 10px; }
		.serviceBox a.more { margin: 40px auto 0 auto; }
	
	/* middle container */
	#middleCntr { padding: 45px 0 0 0; }
		
		/* left column */
		#leftColumn { padding: 0px; }
		
			/* content box */
			.contentBox { line-height: 30px; }
			.contentBox h1 { font-size: 30px; line-height: 40px; }
			.contentBox h2 { font-size: 28px; line-height: 34px; }
			.contentBox h2.large { font-size: 28px; line-height: 34px; }
			.contentBox h3 { font-size: 24px; line-height: 30px; }
		
		/* right column */
		#rightColumn { padding: 35px 0 0 0; }
		
			/* dining sidebar */
			.diningSidebar { padding: 0; }
			.diningSidebar h3 { padding: 0 0 20px 0; }
			
		/* golf rate box */
		.golfrateBox { padding: 35px 0; margin: 45px 0 0 0; }
		.golfrateBox h2 { font-size: 35px; }
		.golfrateBox h3 { line-height: 34px; }
		.golfrateBox h3 span { font-size: 30px; }
		.golfrateBox .tableitem { padding: 0px; margin: 10px 0; font-size: 18px; }
		.golfrateBox .tableitem .column-2 a span { top: 30px; left: -80px; width: 180px; }
		
		/* golf additional box */
		.golfadditionalBox { padding: 45px 0; }
		.golfadditionalBox h2 { padding: 0 0 30px 0; font-size: 30px; }
		.golfadditionalBox h3 { padding: 0 0 20px 0; font-size: 20px; line-height: 26px; }
		.golfadditionalBox ul { padding: 10px 0 0 25px; }
		.golfadditionalBox ul li { padding: 5px 0; width: 100%; float: none; font-size: 20px; line-height: 24px; }
		
		/* participants box */
		.participantsBox { padding: 45px 0; }
		
		/* gallery page box */
		.gallerypageBox { padding: 45px 0; }
		.gallerypageBox h2 { padding: 0 0 35px 0; font-size: 30px; }
		.gallerypageBox p.viewmore a { font-size: 20px; }
				
		.gallerypageBox.golfpage { padding: 45px 0; margin: 0 0 -45px 0; }
		.gallerypageBox.golfpage h2 { padding: 0 0 10px 0; }
		.gallerypageBox.golfpage .slick-prev, .gallerypageBox.golfpage .slick-next { top: -48px; }
		.gallerypageBox.golfpage .slick-prev { left: 5%; }
		.gallerypageBox.golfpage .slick-next { right: 5%; }
		
		/* banquet content box */
		.banquetcontentBox { padding: 0 0 45px 0; }
		.banquetcontentBox .banquetcontentin { padding: 0; }
		.banquetcontentBox h1 { font-size: 30px; line-height: 38px; }
		.banquetcontentBox h2 { font-size: 26px; line-height: 32px; }
		.banquetcontentBox h3 { font-size: 22px; }
		.banquetcontentBox a.book { padding: 15px 30px; font-size: 20px; }
		
		/* packages box */
		.packagesBox { padding: 45px 0; }
		.packagesBox h2 { padding: 0 0 35px 0; font-size: 30px; }
		.packagesBox .item { padding: 15px 0; }
		.packagesBox .itemin { padding: 20px; min-height: inherit; font-size: 24px; }
		.packagesBox .name { min-height: inherit; line-height: normal; }
		.packagesBox a { padding: 15px 20px; display: block; font-size: 26px; }
		
		/* event call box */
		.eventcallBox { padding: 45px 0 0 0; margin: 0; }
		.eventcallBox h4 { font-size: 30px; }
		.eventcallBox .more { padding: 18px 25px; margin: 10px 0 0 0; font-size: 22px; }
		
		/* gallery box */
		.galleryBox { padding: 45px 0 0 0; }
		.galleryBox .loadmore { padding: 45px 0 0 0; }
		
	/* footer container */
	#footerCntr { padding: 45px 0 0 0; }
	
		/* newsletter box */
		.newsletterBox { padding: 45px 0; }
		.newsletterBox h3 { padding: 0 0 10px 0; font-size: 42px; }
		.newsletterBox form p { display: block; }
		.newsletterBox input.newsletter-email { width: 100%; }
		.newsletterBox input.newsletter-submit { padding: 9px 50px; margin: 30px 0 0 0; }
		
		.newsletterBox .sky-form .chimpy_status_underlay { width: 100%; }
		.newsletterBox .input input { width: 100%; }
		.newsletterBox .sky-form footer { width: 100%; }
		.newsletterBox .sky-form footer button { margin: 0; }
		
		/* courses box */
		.coursesBox { padding: 45px 0; }
		.coursesBox .coursesIn { padding: 30px 10px; }
		.coursesBox h3 { padding: 0 0 10px 0; }
		.coursesBox .logos { padding: 25px 0 0 0; }
		.coursesBox ul li { padding: 10px 0; }
		
		/* footer box */
		.footerBox { padding: 45px 0; }
		.footerBox ul { padding: 25px 0; }
		.footerBox li a { padding: 8px 10px; font-size: 22px; }
		
	/* popup box */
	.popupBox { padding: 50px 20px; max-width: 730px; }
	.popupBox section { padding: 10px 0 0 0; }
	.popupBox form .description { padding: 20px 0; display: block; }
	.popupBox .input input { width: 100%; }
	.popupBox .sky-form footer button { margin: 0; }	
		
}

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


}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	html, body { font-size: 18px; }

	/* logo box */
	.logoBox { padding: 25px 0; width: 200px; }
	
	/* menu box */
	.menuBox li a { padding: 37px 15px; font-size: 20px; }
	.menuBox li:hover ul { top: 103px; }
	.menuBox li:hover ul li a { padding: 15px 20px; font-size: 20px; }
		
		/* banner box */
		.bannerBox #demo-1 { min-height: 500px; }

	/* service container */
	#serviceCntr { margin: -100px 0 0 0; }
	
		/* service box */
		.serviceBox .item { font-size: 21px; line-height: 30px; text-align: justify; }
		.serviceBox .image { width: 220px; height: 220px; }
		.serviceBox .image h2 { padding: 15px 0; top: 65px; font-size: 30px; }
		.serviceBox .info { padding: 45px 0 0 0; }
		.serviceBox a.more { width: 100%; margin: 60px auto 0 auto; font-size: 24px; }
	
		/* dining sidebar */
		.diningSidebar { padding: 0; }
		.diningSidebar a.download { font-size: 20px; }
		
		.galleryBox .productsItems { -webkit-column-count: 3; -webkit-column-gap: 0.938em; -moz-column-count: 3; -moz-column-gap: 0.938em; column-count: 3; column-gap: 0.938em; }
		.galleryBox .item { margin-bottom: 0.938em; }
		
		/* content box */
		.contentBox { line-height: 30px; }
		
		/* contact box */
		.contactBox { line-height: 30px; }
		
		/* banquet content box */
		.banquetcontentBox { padding: 0 0 95px 0; }
		.banquetcontentBox .banquetcontentin { padding: 0; }
		
		/* packages box */
		.packagesBox { padding: 85px 0; }
		.packagesBox .itemin { padding: 20px 20px 0 20px; font-size: 22px; }
		.packagesBox .name { min-height: 72px; line-height: 36px; }
		.packagesBox a { padding: 15px 0; display: block; font-size: 22px; }
		
		/* side courses box */
		.sidecoursesBox { padding: 10px; }
		.sidecoursesBox .coursesIn { padding: 20px 10px; }
		.sidecoursesBox ul li { padding: 15px 10px; }
		
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/* menu box */
	.menuBox li a { padding: 54px 25px; font-size: 23px; }
	.menuBox li:hover ul li a { padding: 15px 25px; font-size: 20px; }

}