/* ************************ */
/*							*/
/*	custom theme			*/
/*							*/
/* ************************ */

@media (max-width: 1199px) {
	/* md */
	#page-wrap{border-left:0px dashed red;}

	.mb-big-md{margin-bottom:3rem;}

	.divided-section > .container > .row > [class*='col-']:first-child .bg{left:calc((970px - 100vw)/2);}
	.divided-section > .container > .row > [class*='col-']:last-child .bg{right:calc((970px - 100vw)/2);}

	#attractions-slider .slick-next{right:calc((100vw - 970px)/2 + 15px);}
	#attractions-slider .slick-prev{right:calc((100vw - 970px)/2 + 15px + 3.5rem);}

	.adv-item{padding:1rem;}
	.adv-item h2{font-size: 2rem;}

	#social-nav::before{right:calc((970px - 100vw)/2 - 15px);}

	.navbar-brand{width:15rem;}

	.expanded#top-search{width:64%;}

	.indent-left{padding-left:15px;}

	#main-nav .megamenu{ margin-left:calc((970px - 100vw)/2);}

	.instagram-feed .item{height:13.68rem;}

	.bg-hats{height:11rem;}

}

@media (max-width: 991px) {
	/* sm */
	#page-wrap{border-left:0px dashed green;}

	html{font-size:14px;}

	.anchor-link{top:-1rem;}

	.hidden-desktop{display:block;}

	.container{ width:auto; padding-left:15px; padding-right:15px;}

	.content-section{ padding-top:3rem; padding-bottom:3rem; }
	.content-section-tall{padding-top:5rem; padding-bottom:5rem;}

	.mb-half-sm{margin-bottom:0.5rem;}
	.mb-big-sm{margin-bottom:3rem;}
	.mb-sm{margin-bottom:1.5rem;}

	.inline-radio-wrap{ display:block;}
	label + .inline-radio-wrap{margin-left:0;}

	#header{height:auto;}

	.navbar{ position:relative;}
	.navbar.affix{top:0; box-shadow:none;}

	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-left:0; margin-right:0;}

	.navbar-brand{margin-left:0; position: relative; top:0; transition:none;}

	.navbar-toggle {display: none;}

	#burger-toggle{top:1.5rem;}

	.divided-section > .container > .row > [class*='col-']:first-child .bg{left:0;}
	.divided-section > .container > .row > [class*='col-']:last-child .bg{right:0;}
	.divided-section > .container > .row > [class*='col-']:first-child .inner-wrap{padding-right:2rem; padding-left:2rem;}
	.divided-section > .container > .row > [class*='col-']:last-child .inner-wrap{padding-right:2rem; padding-left:2rem;}

	#main-slider .item-wrap{padding-top:3.5rem; padding-bottom:7.5rem;}
	#main-slider .slick-dots{bottom:5rem;}

	#attractions-slider{margin-bottom:2rem;}
	#attractions-slider .slick-dots{bottom:-2.5rem;}
	#attractions-slider .slick-dots li button{background-color: rgba(0,0,0,0.3);}
	#attractions-slider .slick-dots .slick-active button, #attractions-slider .slick-dots .slick-active button:hover{background-color: #000;}

	#events-slider{margin-bottom:0;}
	#events-slider .image-wrap{margin:0 0 2rem 0;}
	#events-slider .slick-dots{bottom:-0.5rem;}
	#events-slider .slick-dots li button{background-color: rgba(0,0,0,0.3);}
	#events-slider .slick-dots .slick-active button, #events-slider .slick-dots .slick-active button:hover{background-color: #000;}

	.adv-item h2{font-size: 1.8rem;}

	.pb13{padding-bottom:10rem;}

	.bg-graphic-left, .bg-graphic-right{transform: scale(0.7);}

	.social-contacts li{margin-right:0.5rem;}

	#album-slider{padding-left:0; padding-right:0; margin-bottom:2rem;}
	#album-slider .slick-dots li button{background-color: rgba(0,0,0,0.3);}
	#album-slider .slick-dots .slick-active button, #album-slider .slick-dots .slick-active button:hover{background-color: #000;}
	#album-slider .slick-dots{bottom:-1.5rem;}

	#breadcrumbs{padding:1rem 0 0.5rem 0;}

	.featured-image{margin-bottom:-6rem;}

	#alert-section{position:relative;}
	#alert-slider{margin-right:4rem; margin-bottom:1.5rem;}
	#alert-slider .slick-dots li button{background-color: rgba(0,0,0,0.3);}
	#alert-slider .slick-dots .slick-active button, #attractions-slider .slick-dots .slick-active button:hover{background-color: #000;}
	#alert-slider .slick-dots{bottom:-1.5rem;}
	#alert-section .close{right:1rem;}


	.fancybox-skin{padding:2rem!important;}
	.fancybox-close{top:0rem!important; right:0rem!important;}
	.fancybox-title-inside-wrap.fancybox-title{padding-top:2rem;}
	.fancybox-wrap .fancybox-prev{left:-2.5rem;}
	.fancybox-wrap .fancybox-next{right:-2.5rem;}

	.modal-header .close{right:0.5rem; top:0.5rem;}
	.modal-header{ padding: 2rem 2rem 0 2rem;}
	.modal-body{padding:2rem;}
	.modal-footer{padding:0 2rem 2rem 2rem;}

	.events-listing .info{position: relative; height:auto; top:0; padding-top:0; left:0;}
	.events-listing > .inner-wrap{margin-left:-0.5rem; margin-right:-0.5rem; margin-bottom:-1rem;}
	.events-listing .item{width:calc(33.33% - 1rem); margin:0 0.5rem 1rem 0.5rem;}
	.events-listing .title{flex-grow:0;}
	.events-listing .item:hover .image .date{left:1.5rem;}

	.video-bg{ display:none;}

	.instagram-feed .item{height:calc((100vw - 30px)/4 - 1rem);}


}


@media (max-width: 767px) {
	/* xs */
	#page-wrap{border-left:0px dashed blue;}

	.content-section{ padding-top:2.5rem; padding-bottom:2.5rem; }
	.content-section-tall{padding-top:2.5rem; padding-bottom:2.5rem;}

	.btn{height:auto; white-space:normal;}

	h1{font-size:1.71rem /*24px*/;}
	h2, .h2-style{font-size:1.57rem /*22px*/;}
	h3, .h3-style{font-size:1.42rem /*20px*/;}
	h4, .h4-style{font-size:1.28rem /*18px*/;}
	h5, .h5-style{font-size:1.14rem /*16px*/;}
	h6, .h6-style{font-size:1.00rem /*14px*/;}

	.big{ font-size:1.2rem;}
	.small{ font-size:0.81rem;}

	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-bottom:1rem;}
	.textbox img, .textbox .align-left, .textbox .align-right{ float:none; width:auto; display:inline-block; margin-left:0; margin-right:0; max-width:100%; margin-bottom:1.35rem;}
	.textbox, .form-wrap, .accordion, .side-nav, .tabs-wrap{margin-bottom:2.5rem;}

	.mb-half, .mb-half-sm, .mb-half-xs{margin-bottom:0.5rem;}
	.mb, .mb-sm, .mb-xs{margin-bottom:1rem;}
	.mb-big, .mb-big-md, .mb-big-sm, .mb-big-xs{margin-bottom:2.5rem;}

	.vertical-center{display: block;}

	.divided-section > .container > .row{ display:block;}
	.divided-section .has-height{height:calc(100vw/1.6);}
	.divided-section > .container > .row > [class*='col-']:first-child .inner-wrap{padding-right:0; padding-left:0;}
	.divided-section > .container > .row > [class*='col-']:last-child .inner-wrap{padding-right:0; padding-left:0;}

	.attractions-button-wrap{text-align: left; margin-top:0;}

	.bg-hats{height:6rem;}

	.vertical-stretch{display: block;}

	.adv-item-wrap{display: block;}
	.adv-row-wrap > [class*='col-']{display: block;}
	.adv-item{padding:5rem 2rem; min-height: inherit; min-height: auto;}
	.adv-item > .inner-wrap{width:100%;}

	.pb13{padding-bottom:7rem;}

	.bg-graphic-left, .bg-graphic-right{transform: scale(0.5);}

	#footer-nav-section{text-align: center;}
	#footer-nav-section .contacts li a, #footer-top-section .contacts li span{display: inline-flex;}
	.social-contacts{display: inline-flex;}

	.accordion .panel-title a{padding:1rem 3rem 1rem 1rem;}
	.accordion .panel-title a .fa{padding:1rem;}
	.accordion .panel-body{padding:1rem;}

	.featured-image{margin:0;}

	.two-columns-list{display: block; }
	.two-columns-list li{width:auto; padding-right:0;}

	.media-list .image{text-align: center;}

	.small-cta-section{text-align: center;}
	.small-cta-section .text-right{text-align: center;}

	.destinations-list .destination-contacts{display: block;}
	.destinations-list .destination-contacts .item{padding-right:0}
	.destinations-list .destination-contacts .item+.item{margin-top:0.5rem;}

	#burger-nav .modal-dialog{width:25rem;}
	#burger-nav .modal-header{padding:2rem 2rem 0 2rem;}
	#burger-nav .modal-body{padding:1rem 2rem 2rem 2rem;}
	#burger-nav .modal-footer{padding:0 2rem;}
	#burger-nav .modal-header .close{top:2rem; right:2rem;}
	#burger-nav .modal-footer .footer-wrap::before{ left:-2rem; right:-2rem; background:#0f4c3d;}
	#burger-social-nav{margin-bottom:0rem;}
	#burger-nav .modal-footer .footer-wrap{padding-top:1rem;}

	.burger-nav .list-group-item{padding:0.3rem 0;}
	.burger-nav-sublevel ul{padding-top:0.3rem;}
	.burger-nav .list-group-item > .burger-nav-sublevel::before{top:1.1rem;}

	#countdown{margin-top:-4.5rem;}
	#countdown .inner-wrap{padding:1rem;}
	#countdown .header .date{font-size: 1rem;}
	#countdown .header .title{font-size: 1.2rem;}
	#countdown .body .number{font-size: 3rem; width:5rem; height:5rem;}
	#countdown .body .item + .item{margin-left:0.5rem;}
	#countdown::before{box-shadow: 0 7px 20px rgba(0,0,0,0.6);}
	#countdown .inner-wrap::after{left:5rem;}

	#main-slider .slick-dots{bottom:4rem;}
	#main-slider .item-wrap{padding-bottom:5.5rem;}

	.instagram-feed .item{margin:0 0.25rem 0.5rem 0.25rem; width:calc(33.33% - 0.5rem);}

	.events-listing .item{width:calc(50% - 1rem);}
	.events-switch{padding:0 1rem;}
	.event-modal{width:80vw;}

	.attraction-sponsor{width:auto; position: relative; bottom:0;}
	#map-section.has_sponsor_logo+.content-section{padding-top:2.5rem;}

	#events-slider .slick-dots{bottom:-2.5rem;}
	#events-slider{margin-bottom:3rem;}

	.instagram-feed .item{height:calc((100vw - 30px)/3 - 0.5rem);}

	.fancybox-wrap.event_fancybox_wrap .fancybox-nav {top:calc(((100vw - 9rem)/1.31)/2 - 1.33rem);}

	.destinations-list .item-title{margin-top:2rem;}

}

@media (max-width: 479px) {
	#page-wrap{border-left:0px dashed yellow;}

	#burger-nav .modal-dialog{width:21rem;}
	#burger-nav .modal-header{padding:1rem 1rem 0 1rem;}
	#burger-nav .modal-body{padding:1rem 1rem 1rem 1rem;}
	#burger-nav .modal-footer{padding:0 1rem;}
	#burger-nav .modal-header .close{top:1rem; right:1rem;}
	#burger-nav .modal-footer .footer-wrap::before{ left:-1rem; right:-1rem;}
	#burger-social-nav{margin-bottom:0.5rem;}

	#countdown .outer-wrap{border-radius:10px; padding:5px;}
	#countdown .inner-wrap{padding:0.5rem 1rem;}
	#countdown .header{display: block;}
	#countdown .header .title{margin-bottom:0.5rem; margin-right:0;}
	#countdown .header .date{display: inline-block;}
	#countdown .body .number{font-size: 2rem; width:3rem; height:4rem;}
	#countdown .body .number-label{font-size:0.6rem; letter-spacing: normal;}
	#countdown .inner-wrap::after{ left:1rem; width:4rem; top:-0.9rem; border-radius:3px;}
	#countdown .inner-wrap::before{top:-1.2rem; height:1.2rem; width:5rem; border-radius:3px;}

	#alert-slider{margin-right:2rem;}
	#alert-slider .item .alert-icon + .content{padding-left:1rem;}

	.instagram-feed .item{width:calc(50% - 0.5rem); height:calc((100vw - 30px)/2 - 0.5rem);}

	.fancybox-skin{padding:1.5rem!important;}
	.fancybox-close{top:0!important; right:-0.2rem!important;}
	.fancybox-wrap .fancybox-prev{left:-2.3rem;}
	.fancybox-wrap .fancybox-next{right:-2.3rem;}

	.modal-header .close{right:0.5rem; top:0.5rem;}
	.modal-header{ padding: 1.5rem 1.5rem 0 1.5rem;}
	.modal-body{padding:1.5rem;}
	.modal-footer{padding:0 1.5rem 1.5rem 1.5rem;}

	.events-listing > .inner-wrap{margin-left:0; margin-right:0; margin-bottom:-1rem;}
	.events-listing .item{width:auto; margin:0 0 1rem 0;}
	.events-switch{ display: block; padding:0;}
	.events-switch .item+.item{margin-top:1rem;}
	.events-switch .active.item::before{ display: none;}

	.categories-switch{ display: block;}
	.categories-switch li + li::before{ display: none;}
	.event-modal{width:75vw;}

	.attraction-sponsor{ display: block; text-align: center;}
	.attraction-sponsor > div+div{ margin-left:0rem; margin-top:1rem;}

	.chapters-listing{display: flex; align-items: flex-start; margin-left: 0; margin-right: 0; flex-wrap: wrap; margin-bottom: 1rem;}
	.chapters-listing:last-child{margin-bottom: -1.5rem;}
	.chapters-listing .item{width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 1.5rem;}
}

@media (max-width: 390px) {
	#page-wrap.landing2021 h2{font-size:1.3rem }
	#page-wrap.landing2021 .h1-style{font-size:3.3rem }
}

@media (max-width: 320px) {
	#page-wrap{border-left:0px dashed red;}

	.instagram-feed .item{width:100%; height:calc((100vw - 30px) - 0.5rem);}



}
@media (max-width: 240px) {
	#page-wrap{border-left:0px dashed red;}

.navbar-brand { top:2.3rem;}

}
