@media screen and (max-width:1152px){
	/* ul.desktop-menu{padding:0 6px;}
	ul.desktop-menu li{padding:0 8px; font-size:12px; font-family:arial; font-weight:800;} */
	ul.small-menu li{padding:0 3px;}
	ul.list-clubnews li:first-child, ul.list-clubnews li, ul.list-clubnews li:last-child{padding:15px;}
	.box-wedding .wedding-text{}
}
@media screen and (max-width:992px){
	.headers .logo{     margin-right: 11vw; }
}

@media screen and (max-width:1024px){
.headers{padding:10px;}
ul.desktop-menu{padding:0 10px;}
ul.desktop-menu li{padding:0 8px; font-size:10px;}
ul.small-menu li{padding:0 5px;}
/*.headers .logo img{width:150px; height:53px;}*/
ul.list-facilities li .round-black{padding:20px;}
ul.list-kalender li .round-black{padding:20px;}
.box-wedding .wedding-img{min-height:100px;}
.box-wedding .wedding-text h2.kanal-title{font-size:12px !important; padding:10px 0; line-height:16px;}
}
@media screen and (max-width:869px){
    ul.list-kalender{max-width:640px;}
}
@media screen and (max-width:638px){
    ul.list-kalender{max-width:420px;}
}
@media screen and (max-width:416px){
    ul.list-kalender{max-width:200px;}
}

@media screen and (min-width:767px) and (max-width:800px){
	.newskiri{width:100%;height:100%}
	.newskanan{width:100%;height:100%}
}
@media screen and (min-width:569px) and (max-width:767px){
	.newskiri{width:100%;height:600px}
	.newskanan{width:100%;height:100%;margin-bottom:20px}
	.col-clubnews{height:1111px}
}
@media screen and (min-width:200px) and (max-width:569px){
	.newskiri{width:100%;height:500px}
	.newskanan{width:100%;height:500px;margin-bottom:20px}
	/*.col-clubnews{height:1111px};*/
}
@media screen and (max-width:800px){
	.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:30%;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-align:center;background:#222;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;filter:alpha(opacity=50)}
	.round-black .dt_gallery{height:auto;width:auto}
	.dtgallery{width:100%;float:none; height:auto; display:block;}
	#fixedreservasi{display:none;}
	.col-body{padding:10px;}
	.mainscroll{margin-top:0; min-height:20vh;} /*100vh*/
	.mainfixed{padding-top:0; height:auto; position:relative;}
	.fixtopheader, .fixtophead{display:none;}
	.video-front{padding-top:0;}
	#hide-desk{display:block; visibility:visible;}
	ul.list-clubnews li:first-child, ul.list-clubnews li, ul.list-clubnews li:last-child{padding:15px;}
	.col-reservation .l-reservation{padding-right:30px;}
	.col-weather .l-weather{width:100%; float:none; min-height:50px; padding:15px;}
	.col-weather h1.call-title{font-size:34px; line-height:40px;}
	.col-weather .r-weather{width:100%; float:none;}
	.bg-footer .footer-bottom{display:flex; align-items:center; justify-content:center; flex-direction:column;}
	.l-footer {width:100%; float:none; order:2; margin-top:0;}
	.r-footer {width:100%; float:none; order:1; padding:10px; margin:0 auto; text-align:center; text-align:center;}
	ul.f-logos{float:none; text-align:center; margin:0 auto; display:flex; align-items:center; justify-content:center;}
	.l-footer .box-subscribe{width:100%; float:none; order:2; padding:10px; height:50px;}
	input.subcribe{margin:0;}
	.bg-footer .copy{padding:8px; text-align:center;}
	.col-contact .l-contact{width:100%; float:none;}
	.col-contact .l-contact.centering{width:100%; float:none;}
	.cover-img{width:100%; height:auto; display:block;}
	.col-contact .l-contact h2.call-title{font-size:34px; line-height:40px;}
	.col-contact .r-contact.centering{width:100%; padding:10px; max-height:800px; height:auto;}
	.box-subscribe .btn-subcribe{padding:0 5px;}
	.col-kanal.pt73{padding-top:0;}
	ul.list-facilities li{width:98%;float:none; height:auto; display:block;}
	ul.list-facilities li .display-img{height:auto; width:100%; display:block;}
	ul.list-facilities li .display-img img{height:auto; width:100%;}
	ul.list-facilities li .round-black{justify-content:center;}
	/*ul.list-kalender li{width:98%;float:none; display:block;}*/
	ul.list-kalender li .display-img{height:auto; width:100%; display:block;}
	ul.list-kalender li .display-img img{height:auto; width:100%;}
	ul.list-kalender li .round-black{justify-content:center;}
	h1.kanal-title{font-size:34px; line-height:40px;}
	.container section .stuff.right-pos, .container section .stuff.left-wed{width: 100%;position: relative;height:85vh;display: block;top: 0;    bottom: auto;}
	.container section .image.facilities-front{width: 100%;background-position:0 0; background-size:cover;}
	.container section .stuff.left-pos, .container section .stuff.right-wed{width: 100%;height: auto;position: relative; padding:40px 10px; overflow:hidden;}
	.container section{display: flex;flex-direction: column;}
	.box-wedding{min-height:auto; overflow:hidden;}
	.box-wedding .wedding-img, .box-wedding .wedding-text{width:100%; height:auto;min-height:auto; clear:both;}
	.box-wedding .wedding-img img{margin:0; width:100%;}
	.box-wedding .wedding-text{clear:both;}
	.col-golf .l-golf{width:100%; height:auto; float:none;}
	.col-golf .r-golf{width:100%; height:auto; float:none;}
	.col-golf .c-golf{padding:10px;}
	.col-table{padding:8px;}
	.owl-carousel .item .part-left{width:100%; float:none; padding:0; overflow:hidden;}
	.owl-carousel .item .part-right{width:100%; float:none; padding:0; overflow:hidden;}
	.owl-carousel{padding:30px 10px;}
}
@media screen and (max-width:767px){
	.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:30%;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-align:center;background:#222;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;filter:alpha(opacity=50)}
	.round-black .dt_gallery{height:auto;width:auto}
	.dtgallery{width:100%;float:none; height:auto; display:block;}
	#fixedreservasi{display:none;}
	ul.tabside-menu{width:100%; float:none; display:flex; overflow-y:scroll;}
	ul.tabside-menu li{min-width:100px; text-align:center;}
	.tabside{width:100%;}
	.tabside .l-tabside{width:100%; float:none; padding:0;}
	.tabside .r-tabside{width:100%; float:none; padding:10px;}
	.c-golf .cl-golf{width:100%; float:none; padding:0;}
	.c-golf .cr-golf{width:100%; float:none; padding:0;}
	.col-table{padding:0px; min-width:780px; overflow-y:scroll;}
	.box-subscribe{width:90%;}
	.box-big-images.mx1200{padding:0;}
	#tabside-container{padding:10px;}
	.prlx-box{padding:10px;}
	.box-big-images .l-big-images{width:100%; height:auto; padding:0;float:none;}
	.box-big-images .r-big-images{width:100%; height:auto; padding:0; float:none;}
	.box-big-images .l-big-images.w70{width:100%; height:auto; padding:0; float:none; padding:0;}
	.box-big-images .r-big-images.w30{width:100%; height:auto; padding:10px;float:none;}
	.col-play{padding-left:0; padding-right:0;}
	ul.list-play li{padding:10px;  margin-bottom:15px;}
	ul.list-play li .l-list-play{width:100%; float:none; margin-bottom:10px;}
	ul.list-play li .r-list-play{padding-left:0; width:100%; float:none;}
	ul.list-gallery li{width:50%;}
}
@media screen and (max-width:569px){
	/* .texted{height:200px} */
	.texted{height:auto}
		.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:30%;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-align:center;background:#222;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;filter:alpha(opacity=50)}
	.round-black .dt_gallery{height:auto;width:auto}
	.dtgallery{width:100%;float:none; height:auto; display:block;}
	#fixedreservasi{display:none;}
	.select-date .select-box h5.title-date{font-size:12px;}
	.col-reservation .select-date{padding:10px;}
	.col-reservation{padding-bottom:30px;}
	.col-reservation .l-reservation{width:100%; float:none; padding:0;}
	.col-reservation .r-reservation{width:100%; float:none; padding:0; margin-top:15px;}
	.col-reservation h1.call-title{text-align:center;}
	.col-nkg p{margin:15px;}
	ul.list-clubnews li:first-child, ul.list-clubnews li, ul.list-clubnews li:last-child{padding:8px; float:none; width:100%;}
	.select-box .input-date{font-size:12px;}
	h1.kanal-title{font-size:24px; line-height:30px;}
	.col-calendar{display:flex; flex-direction:column;}
	.col-calendar .l-calendar{width:100%; float:none;}
	.col-calendar .r-calendar{float:none; width:100%; padding-left:0;}
	.cal1 .clndr .clndr-table tr{height:45px;}
	ul.tabs-menu{overflow-y:scroll; justify-content:flex-start; padding:0;}
	.tabs-menu li{margin:0 10px;}
	.tab{padding:10px;}
	.tab .left-tab{width:100%; float:none; padding-right:0;}
	.tab .right-tab{width:100%; float:none; padding-left:0;}
	.col-golf .r-golf{padding:10px;}
	.golf-rate{padding:10px; padding-bottom:30px;font-size:12px;}
	.golf-rate .l-rate{width:100%; float:none; padding:0; margin-bottom:30px;font-size:12px;}
	.golf-rate .r-rate{width:100%; float:none; padding:0; font-size:12px;}
	.box-subscribe{width:100%; padding-left:0; padding-right:0;}
	ul.list-gallery li{width:100%;float:none;}
	.owl-theme .owl-controls .owl-page span{display: block;	width:8px;height:8px;margin: 5px 3px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}


}
@media screen and (max-width: 800px) {
    .lightwidget-widget{width: 100%;}
    .white-popup-block{display:none;}
		.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:30%;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-align:center;background:#222;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;filter:alpha(opacity=50)}
	.round-black .dt_gallery{height:auto;width:auto}
	.dtgallery{width:100%;float:none; height:auto; display:block;}
#fixedreservasi{display:none;}
#hide-mobile{display:none; visibility:hidden;}
.mobile-logo{height:50px; width:90px; padding:7px 0px;}
.mobile-logo img{height:80px; width:auto; display:block;border-radius: 15px;}
.cd-container {  width:100%;  margin: 0 auto;}
.cd-container:after {content: "";  display: table;  clear: both;}
/* .cd-header {position:fixed;top: 0;left: 0;height:64px;width: 100%;z-index: 3;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display:block;visibility:visible; background:#fff;} */
.cd-header {position:fixed;top: 0;left: 0;height:50px;width: 100%;z-index: 3;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display:block;visibility:visible; background:#fff;}
  .cd-header {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	visibility:visible;
	display:block; z-index:100;
  }
  .cd-header.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: -44px;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-header.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  .cd-header.menu-is-open {
    /* add a background color to the header when the navigation is open */
    background-color:#fafafa;
  }
.cd-secondary-nav {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10em;
  /* hidden on small devices */
  display: none;
}
.cd-secondary-nav li {
  display: inline-block;
  margin-left: 2.2em;
}
.cd-secondary-nav a {
  display: inline-block;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
}
.cd-primary-nav-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  background:transparent;
  display:block; visibility:visible;
  z-index:100;
}
.cd-primary-nav-trigger .cd-menu-text {
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  /* hide the text on small devices */
  display: none;
}
.cd-primary-nav-trigger .cd-menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color:#383838;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
.cd-primary-nav-trigger .cd-menu-icon::before, .cd-primary-nav-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color:#383838;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.cd-primary-nav-trigger .cd-menu-icon::before {
  top: -5px;
}
.cd-primary-nav-trigger .cd-menu-icon::after {
  top: 5px;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before, .cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  background-color:#383838;
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.cd-primary-nav-trigger .cd-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}

.cd-main-content {
  position: relative;
  z-index: 1;
  padding-top:44px;
}
.cd-primary-nav {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top:0;
  height:100vh;
  width: 100%;
  z-index: 2;
  text-align: center;
  padding:44px 0 44px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  display:block;
  visibility:visible;
  background:#ccc;
}
.cd-primary-nav li {
  font-size:16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding:5px;
  border-top:1px solid #999;
  text-transform: capitalize;
  overflow:hidden;
  z-index:3;
  position:relative;
  margin:0 60px;

}
.cd-primary-nav li:last-child{border-bottom:1px solid #999;}
.cd-primary-nav a {
  display:block;
  padding:5px 10px;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
	position:relative;
  top:0;
  color:#383838;
  font-family:'Lulo Bold',Arial, Helvetica, sans-serif;
}
.no-touch .cd-primary-nav a:hover {
  background-color: #e36767;
}
.cd-primary-nav .cd-label {
  color: #06446e;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 2.4em 0 .8em;
}

.cd-primary-nav.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

}