/* ************************ */
/*							*/
/*	custom theme			*/		 
/*							*/
/* ************************ */

@media (max-width: 1199px) {
	/* md */
	#page-wrap{border-left:0px dashed red;}
	
	#top-nav-wrap::before{right:calc((970px - 100vw)/2 - 15px);}
	/*.lang-select{margin-left:2rem;}
	.lang-select .dropdown-toggle .toggle-icon{margin-left:0.5rem;}*/
	#language-select{margin-left:2rem;}
	#top-nav{margin-left:2rem;}
	#top-nav li + li{margin-left:1rem;}
	#top-phone{padding-left:2rem; padding-right:2rem;}
	
	#main-nav{margin-right:3.5rem;}
	#main-nav > li > a{padding-left:0.7rem; padding-right:0.7rem;}
	#main-nav > li > a:hover:before, #main-nav > .open > a:before{left:0.5rem; right:0.5rem;}
	
	.navbar-brand{width:24rem; top:1rem;}
	
	#featured-event-section .panel-wrap{padding-left:3rem;}
	
	.items-list .item{padding:3rem;}
	#events-wrap .items-list .title-wrap{padding-right:3rem;}
	
	#site-map-wrap::before{right:calc((970px - 100vw)/2);}
	#site-map-wrap{padding:3rem 0 3rem 3rem;}
	#site-map-wrap .col{padding-right:1rem;}
	#social-list a{margin-right:1rem;}
	
}

@media (max-width: 991px) {
	/* sm */
	#page-wrap{border-left:0px dashed green;}
	
	html{font-size:14px;}
	
	.anchor-link{top:-1rem;}
	
	.container{ width:auto; padding-left:15px; padding-right:15px;}

	.content-section{ padding-top:3rem; padding-bottom:3rem; }
	
	.right-indent{padding-right:15px;}
	.indent-left[class*='col-']{padding-left:15px;}
	
	.mobile-hidden{ display:none;}
	
	.textbox, .form-wrap, .accordion, .mb, .mb-sm, .side-nav, .tabs-wrap, .mb-sm{margin-bottom:3rem;}
	
	.btn::after{width:1.14rem; height:0.57rem; margin-top:-0.28rem;}
	.arrow-down:after{height:1.14rem; width:0.57rem; margin-top:-0.57rem;}
	
	.inline-radio-wrap{ display:block;}
	label + .inline-radio-wrap{margin-left:0;}
	label{margin-top:0;}
	
	#header, .navbar{height:auto;}
	
	#d-logo{ display:none;}
	
	.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; margin-top:0.8rem; top:0; margin-bottom:0.2rem; position:relative; transition: none; -webkit-transition: none;}
	.affix .navbar-brand{margin-top:0.8rem;}
	
	
	#navigation{position:absolute; top:100%; width:100%; left:0; margin:0; padding-left:0; padding-right:0; box-shadow:0 5px 10px rgba(0,0,0,0.5); background-color:#fff;}
	#navigation > .inner-wrap{ display:block;}
	#main-nav-wrap{ display:block; margin-top:0; margin-right:0;}
	#main-nav {margin:1rem 0 0 0; width:auto; text-align:left; display:block;}
	#main-nav > li{ display:block; margin-bottom:0;}
	#main-nav > li+li{margin-top:1px;}
	#main-nav > li > a{padding:1rem; text-align:left;}
	#main-nav > li > a::before{ display:none;}
	#main-nav > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	#main-nav > li.dropdown_split > .dropdown-toggle{ display:block; right:15px; top:0; width:3.5rem; padding-left:1rem; padding-right:1rem; text-align:center;}
	
	#main-nav > li > a{color:#000; background-color:transparent;}
	#main-nav > li > a:hover, #main-nav > li > a:focus, #main-nav > .open > a{color:#000; background-color:transparent;}

	#main-nav > .active > a{color:#fff; background-color:#71be4c;}
	#main-nav > .active > a:hover, #main-nav > .active > a:focus, #main-nav > .active.open > a{color:#fff; background-color:#71be4c;}

	#main-nav .dropdown-menu{position:relative; padding-left:0; float:none; box-shadow:none; -webkit-box-shadow:none; min-width:auto; background-color:transparent; margin-top:1px; border-top:0;}
	#main-nav .dropdown-menu > li+li{border-top:0;}
	#main-nav .dropdown-menu > li > a{ padding:1rem;}
	#main-nav .dropdown-menu > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	#main-nav .dropdown-menu > li.dropdown_split > .dropdown-toggle{right:15px; width:3.5rem; padding-left:1rem; padding-right:1rem; text-align:center; padding-left:1rem!important;}
	
	#main-nav .dropdown-menu > li > a,
	#main-nav .dropdown-menu > li > a:focus,
	#main-nav .dropdown-menu > li > a:hover,
	#main-nav .dropdown-menu > .open > a{color:#000; background:transparent;}
	
	#main-nav .dropdown-menu > .active > a,
	#main-nav .dropdown-menu > .active > a:focus,
	#main-nav .dropdown-menu > .active > a:hover{color:#fff; background-color:#71be4c;}

	#main-nav .dropdown-menu > li > .dropdown-toggle .fa{ transform:rotate(0deg); -webkit-transform:rotate(0deg);}
	#main-nav .dropdown-menu > li > .dropdown-toggle[aria-expanded="true"] .fa{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}

	#main-nav .dropdown-menu .dropdown-menu{left:0; top:0; margin-top:1px;}
	#main-nav .dropdown-menu li a{padding-left:2rem!important;}
	#main-nav .dropdown-menu .dropdown-menu li a{padding-left:4rem!important;}
	
	#main-nav .dropdown-menu.open-left {left:0; right:0;}
	#main-nav .dropdown-menu .dropdown-menu.open-left{left:0; right:0;}
	
	#top-search, #top-search.expanded{ position:relative; top:0; margin:1rem; width:auto; background-color:#f2f2f2}
	#top-search .btn-close, #top-search.expanded .btn-close{ display:none;}
	#top-search.expanded .btn-toggle{ display:block;}
	
	#top-nav-wrap::before{ display:none;}
	#top-nav-wrap{height:auto; display:block; padding-right:0; font-size:1rem;}
	#top-phone{margin-left:1rem; margin-right:1rem; height:4rem; border-radius:2rem; padding:0;}
	#top-phone a{padding:1.5rem; display:block;}
	
	#top-nav{margin:1rem 0;}
	#top-nav li + li{margin-left:0;}
	#top-nav a{padding:1rem;}
	
	#language-select{margin-left:1rem; margin-bottom:2rem; margin-right:1rem;}
	/*.lang-select{margin-left:1rem; margin-bottom:2rem; margin-right:1rem;}
	.lang-select .dropdown-menu{ position:relative; right:auto; top:0; float:none; min-width:inherit; box-shadow:none;}
	.lang-select .dropdown-menu > li > a{ background-color:transparent;}
	.lang-select .dropdown-toggle .toggle-icon{margin-left:0.5rem;}*/
	
	#main-slider .item-wrap::before{width:58.33%;}
	#main-slider .item-wrap{padding:3rem 0;}
	#main-slider .item-wrap .container{width:100%;}
	.slick-next{left:calc(58.33% + 5rem);}
	.slick-prev{left:58.33%;}
	#main-slider h3, #main-slider h1{margin-bottom:2rem;}
	.slick-arrow{width:5rem; height:5rem;}	
	
	#intro-list .title-wrap .collapse{ display:block;}
	#intro-list .item h5{margin-bottom:0.5rem;}
	#intro-list{flex-wrap:wrap;}
	#intro-list .item{width:auto; flex-grow:1; margin-bottom:2rem; min-width:25%;}
	#intro-list .item a{color:inherit;}
	#intro-list .item .more-link::after{ background-image:url(../img/i-arrow-black-short.png);}
	#intro-list .item:hover .more-link::after, #intro-list .item:focus .more-link::after{ background-image:url(../img/i-arrow-white-short.png);}
	
	#featured-event-section .event-header{margin-bottom:2rem;}
	
	#news-section #events-wrap{margin-right:0;}
	#news-section #news-wrap{margin-left:0;}
	
	.items-list .item{padding:2rem;}
	#events-wrap .items-list .title-wrap{padding-right:1rem;}
	
	#footer-top{padding:3rem 0 0 0;}
	#contact-wrap{ font-size:1rem; display:flex; align-items:flex-start; flex-wrap:wrap;}
	#contact-wrap .contact{padding-right:2rem; width:33.33%;}
	#contact-wrap .contact+.contact{margin-top:0;}
	#contact-wrap .contact .contact-group+.contact-group{margin-top:1rem;}
	#contact-wrap a[href*="mailto"]{display:inline-block; word-break:break-all;}

	#site-map-wrap::before{left:-15px; right:-15px;}
	#site-map-wrap{padding:3rem 1rem;}
	
	#logos-section{padding:2rem 0;}
	
	#footer-bottom > .container{padding:2rem 15px;}
	
	.internal-header-section{padding:3rem 0;}
	.internal-header-section h1{margin-bottom:1rem;}
	
	.breadcrumbs{margin-bottom:1rem;}
	
	.related-resource-internal-section{padding-top:3rem;}
	
	.event-image-slider .slick-prev{left:0;}
	.event-image-slider .slick-next{right:0;}
	
	.calendar-events-list{margin-left:0; margin-right:0;}
	.calendar-events-list + .load-btn-block{margin-top:3rem;}
	
	.event-info-block .image-block{margin-left:0;}
	.event-info-block .info-item + .info-item{margin-top:1rem;}
	.event-info-block .info-item > div{margin-bottom:0;}
	.event-info-block .image-block figcaption{left:6rem; padding:1.5rem;}
	
	.event-info-short > [class*='col-']:first-child:after{right:0;}
	
	.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:-3.3rem;}
	.fancybox-wrap .fancybox-next{right:-3.3rem;}
	
	.chosen-container-single .chosen-single{padding:0.8rem 3rem 0.8rem 1.5rem; }
	
	.alert-wrap{padding:1.5rem 0;}
	
	

}


@media (max-width: 767px) {
	/* xs */
	#page-wrap{border-left:0px dashed blue;}
	
	.content-section{ padding-top:2.5rem; padding-bottom:2.5rem; }
	.compact-content-section{padding-top:2.5rem; padding-bottom:2.5rem;}
	
	.btn{height:auto; white-space:normal;}
	.btn, .btn-wide{padding-left:1.5rem; padding-right:3.5rem;}
	.btn::after{right:1.5rem;}
	.btn-stroke{padding-right:1.5rem;}
	.btn-compact{padding-left:1rem; padding-right:1rem;}
	.btn-loading{ white-space:nowrap;}
	.btn-link{padding-left:1rem; padding-right:1rem;}
	
	h1, .h1-style{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*/;}
	h1+h2, h2+h3, h3+h4, h4+h5, h5+h6, h2+h2, h5+h2{margin-top:-0.5rem;}
	
	.big{ font-size:1.15rem;}
	
	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol, .textbox img{margin-bottom:1rem;}
	h1+h2, h2+h3, h3+h4{margin-top:-0.5rem;}
	
	.textbox, .form-wrap, .accordion, .mb, .mb-sm, .mb-xs, .side-nav, .tabs-wrap{margin-bottom:2rem;}
	
	.textbox img, .textbox .align-left, .textbox .align-right{ display:inline-block; float:none; margin-left:0; margin-right:0; max-width:100%; width:auto; margin-bottom:1rem;}
	
	#top-search input{margin-top:0.54rem;}
	#top-phone{height:auto;}
	#top-phone a{padding-top:1.2rem; padding-bottom:1.2rem;}
	
	#main-slider .item-wrap{padding:2.5rem 0;}
	#main-slider .item-wrap::before{width:75%;}
	.slick-arrow{width:3rem; height:3rem;}
	.slick-prev{left:75%;}
	.slick-next{left:calc(75% + 3rem);}
	#main-slider h3{padding-left:1.5rem;}
	#main-slider h3::before{width:0.5rem;}
	
	#featured-event-section::before{left:25%; background-color:rgba(255,255,255,0.8);}
	#featured-event-section .panel-wrap{width:75%; margin-left:25%; padding-left:2rem;}
	#featured-event-section .event-header .event-type{ font-size:1.15rem;}
	
	#contact-wrap{align-items:center;}
	#contact-wrap .contact:nth-child(1){order:1; width:50%;}
	#contact-wrap .contact:nth-child(2){order:3; width:100%; margin-top:2rem; padding-right:0;}
	#contact-wrap .contact:nth-child(3){order:2; width:50%;}

	#contact-wrap .contact:nth-child(2){ display:flex; align-items:flex-start; flex-wrap:wrap;}
	#contact-wrap .contact .contact-group{padding-right:1rem; width:50%;}
	#contact-wrap .contact .contact-group+.contact-group{margin-top:0;}
	#contact-wrap .contact .contact-group:last-child{margin-top:1rem;}
	
	#site-map-wrap{flex-wrap:wrap;}
	#site-map-wrap .col:nth-child(1){width:33.33%; margin-bottom:2rem;}
	#site-map-wrap .col:nth-child(2){width:33.33%; margin-bottom:2rem;}
	#site-map-wrap .col:nth-child(3){width:33.33%; margin-bottom:2rem;}
	#site-map-wrap .col:nth-child(4){width:33.33%;}
	#site-map-wrap .col:nth-child(5){width:66.66%;}
	
	#logos-wrap{justify-content:center; flex-wrap:wrap;}
	
	.internal-header-section{padding:2.5rem 0;}
	.internal-header-section h3{padding-left:1.5rem;}
	.internal-header-section h3::before{width:0.5rem;}
	
	.accordion .panel + .panel{margin-top:1rem;}
	.accordion .panel-title a{padding:1rem 4rem 1rem 1rem;}
	.accordion .panel-title a .fa{right:1rem;}
	.accordion .panel-body{padding:1rem 1rem 2rem 1rem;}
	
	.breadcrumbs{ font-size:1rem;}
	
	.related-resource-listing .item h4{margin-bottom:1rem;}
	.related-resource-listing .it1em .textbox{margin-bottom:1rem;}
	.related-resource-listing .item{margin-bottom:2rem;}
	.related-resource-section > .container > h2{padding-top:0.65rem; padding-bottom:0.65rem;}
	
	.three-column-listing .item {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 2rem;
	}
	.three-column-listing {margin-left: 0;margin-right: 0;}
	.three-column-listing .item:last-child{margin-bottom: 0;}
	.related-resource-listing .item .textbox {margin-bottom: 1rem;}
		.related-resource-listing .item h3{margin-bottom: 1rem;}
		
	.calendar-tabs-wrap .nav-tabs{font-size:1.5rem; margin-bottom:2.5rem;}
	.calendar-tabs-wrap .nav-tabs > li > a{padding:0.5rem 2rem;}
	.calendar-tabs-wrap .nav-tabs > li > a::after{margin-top:-0.7rem; margin-left:-0.7rem;}
	.calendar-tabs-wrap .nav-tabs > li.active > a::after{width:1.4rem; height:1.4rem;}
	.calendar-events-list .date{font-size:1.2rem; margin-left:1rem; margin-right:1rem; padding:1rem;}
	.calendar-events-list .date div + div{ font-size:2rem;}
	.calendar-events-list .item + .item{margin-top:2rem;}
	.calendar-events-list + .load-btn-block{margin-top:2rem;}
	.calendar-events-list .image-wrap{margin-right:2rem; width:10rem;}
	.calendar-events-list img + .date{margin-top:-4rem;}
	
	.above-form-text{margin-bottom:2rem;}
	
	.message-wrap:not(:last-child){margin-bottom:1rem;}
	.message-wrap .message{padding:1rem 1.5rem;}

}
	
@media (max-width: 479px) {
	#page-wrap{border-left:0px dashed yellow;}
	
	.navbar-brand{width:8rem;}
	.navbar-brand img{ display:none;}
	.navbar-brand .logo-short{ display:block;}
	
	#intro-list{ display:block;}
	
	#featured-event-section::before{left:0;}
	#featured-event-section .panel-wrap{width:auto; margin-left:0; padding-left:0;}
	
	.items-list .item{padding:1rem 1rem 1rem 2rem;}
	#events-wrap .items-list .date-wrap{width:5.5rem;}
	#events-wrap .items-list .date-wrap .item-date{ font-size:1.3rem;}
	#events-wrap .items-list .title-wrap .textbox p:not(:last-child){margin-bottom:1rem;}
	
	#footer-top{padding:2.5rem 0 0 0; text-align:center;}
	#contact-wrap{ display:block;}
	#contact-wrap .contact{width:auto!important;}
	#contact-wrap .contact + .contact{margin-top:1rem;}
	#social-list{justify-content:center;}
	#social-list a{margin-right:0.5rem; margin-left:0.5rem;}
	
	#contact-wrap .contact{padding-right:0;}
	#contact-wrap .contact:nth-child(2){ display:block;}
	#contact-wrap .contact .contact-group{padding-right:0; width:auto;}
	#contact-wrap .contact .contact-group+.contact-group{margin-top:1rem;}
	#contact-wrap .contact .contact-group:last-child{margin-top:1rem;}
	
	#site-map-wrap{padding:2rem 0; display:block;}
	#site-map-wrap .col{width:auto!important; margin-bottom:0!important;}
	#site-map-wrap .col+.col{margin-top:2rem;}
	#site-map-wrap ul li + li{margin-top:1rem;}
	#site-map-wrap .site-map-heading{margin-bottom:1rem;}
	
	#breadcrumbs-section{ font-size:0.8rem;}
	
	.calendar-tabs-wrap .nav-tabs{font-size:1.1rem;}
	.calendar-tabs-wrap .nav-tabs > li > a{padding-left:1rem; padding-right:1rem; text-align:center;}
	.calendar-events-list .item{ display:block;}
	.calendar-events-list .date-top{margin-bottom:0.5rem; font-size:0.8rem;}
	.calendar-tabs-wrap .nav-tabs > li{flex-grow:1;}
	.calendar-tabs-wrap .nav-tabs > li.active > a::after{width:1rem; height:1rem;}
	.calendar-tabs-wrap .nav-tabs > li > a::after{margin-top:-0.5rem; margin-left:-0.5rem;}
	
	.event-info-block .image-block figcaption{left:3rem; padding:1rem; font-size:1.2rem;}
	
	.form-group, .checkbox, .radio{margin-bottom:0.5rem;}
	label{margin-bottom:0.5rem;}
	.in-form-heading{margin-bottom:0.5rem;}
	
	.fancybox-skin{padding:1.5rem!important;}
	.fancybox-close{top:0!important; right:-0.5rem!important;}
	.fancybox-wrap .fancybox-prev{left:-2.3rem;}
	.fancybox-wrap .fancybox-next{right:-2.3rem;}
	
	.event-image-slider .play-icon{font-size:3rem;}
	
	.order-details-wrap .markup-table, .order-details-wrap .markup-table > tbody, .order-details-wrap .markup-table > tbody > tr, .order-details-wrap .markup-table > tbody > tr > td{ display:block;}

	
	


}	
	
@media (max-width: 320px) {
	#page-wrap{border-left:0px dashed red;}
	

	
}

@media (max-width: 240px) {
	.navbar-brand{margin-top:5rem;}	
}	
	