/* ************************ */
/*							*/
/*	custom theme			*/		 
/*							*/
/* ************************ */
@media (max-width: 1199px) {
/* md */
#page-wrap{border-left:0px dashed red;}
	
:root {
	--container:970px;
   }

.mb-big-md{margin-bottom:var(--margin-big);}
	
	#main-nav > li + li{margin-left:1.5rem;}
	
	.navbar-brand{width:12rem; top:4.5rem;}
	.affix .navbar-brand{top:4rem;}
	
	.breadcrumbs-section{padding:1rem 0;}
	
	.site-map .col:not(:last-child){padding-right:1.5rem;}
	
	.cta-section::before {left:calc(50vw - var(--container)/2); right:calc(50vw - var(--container)/2);}
	
	.footer-brand{padding-right:0;}
	
	#main-slider .item{padding-top:var(--padding-normal);}
	#main-slider .item .image-block{top:calc(1px - var(--padding-normal));}
	
	.new-listing .content{padding-left:1rem; padding-right: 1rem;}
	
	.planner-block{padding:2rem;}
	.planner-form .form-group:nth-child(1){width:25%;}
	.planner-form .form-group:nth-child(2){width:25%;}
	.planner-form .form-group:nth-child(3){width:25%;}
	.planner-form .form-group:nth-child(4){width:25%;}
	.planner-form .btn{padding-left:1rem; padding-right:1rem;}
	
	.transit-listing .content{padding:1.5rem 1rem;}
	
	.quick-listing .item{padding-left:1rem; padding-right:1rem;}
	.quick-listing .image{width:8rem; height:8rem;}
	
	.transit-section .bg-shape{width:calc(50vw - var(--container)/2 + var(--container)*0.3333 + 1rem);}

}

@media (max-width: 991px) {
/* sm */
#page-wrap{border-left:0px dashed green;}
:root {
/*	--padding-normal:5rem;
	--padding-large:6.5rem;*/
	
	--container:100%;
   }

html{font-size:14px;}

.lead, .big{ font-size:1.2rem}
.small{ font-size:0.83rem}

.anchor-link{top:-1rem;}

.container{width:100%; padding-left:15px; padding-right:15px; margin-left:auto;}
.slick-slider .container{width:100%;}

.mb-half, .mb-half-sm{margin-bottom:var(--margin-small);}
.mb-big, .mb-big-sm{margin-bottom:var(--margin-big);}
.mb, .mb-sm{margin-bottom:var(--margin-normal);}
.in-form-header:not(:first-child){margin-top:var(--margin-normal);}

input[type="checkbox"] + .radio-check-control::before{font-size: 0.8rem;}

[class*='col-'].indent-right{padding-right:15px;}
[class*='col-'].indent-left{padding-left:15px;}

#header{height:auto;}

.navbar{ position:relative; width:auto; padding:0;}
.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-header > .container{ display:flex; align-items:center;}
.navbar-brand, .affix .navbar-brand{width:13rem; margin-left:0; position: relative; top:0; left:0; transition:none;}

#navigation{position:absolute; top:100%; width:100%; left:0; padding-left:0; padding-right:0; box-shadow:0 7px 10px rgba(0,0,0,0.5); background-color: #fff;}
#navigation > .inner-wrap{padding-right:0; display: block;}
.navbar-nav{margin:0;}
.navbar-nav .dropdown-menu{position:relative; padding-left:0; float:none; box-shadow:none; min-width:auto; background-color:transparent; margin-top:1px;}
.navbar-nav .dropdown-menu .dropdown-toggle .fas{transform:rotate(0);}
.navbar-nav .dropdown-menu .dropdown-toggle[aria-expanded="true"] .fas{ transform:rotate(180deg);}
.navbar-nav .dropdown-menu .dropdown-menu{left:0;}
.navbar-nav .dropdown-menu.open-left {left:0; right:0;}
.navbar-nav .dropdown-menu .dropdown-menu.open-left{left:0; right:0;}
	
	/* main-nav */
	.main-nav-wrap .container{padding:0;}
	#main-nav{padding:1rem 0; height:auto; display: block;}
	.affix #main-nav{height:auto;}
	#main-nav > li + li{margin-left:0;}
	#main-nav > li > a{padding:1rem; font-size: 1rem;}	
	.affix #main-nav > li > a{padding-bottom:1rem;}
	#main-nav > .dropdown_split > .dropdown-toggle{font-size: 1rem; line-height: 1; right:1rem; width:3.5rem; text-align: center;}
	#main-nav .dropdown-menu{font-size: 1rem; background-color: transparent; box-shadow: none;}
	#main-nav .dropdown-menu > li > a{padding:1rem 1rem 1rem 3rem;}
	#main-nav .dropdown-menu .dropdown-menu > li > a{padding-left:5rem;}
	#main-nav .dropdown-menu > .dropdown_split > .dropdown-toggle{font-size: 1rem; line-height: 1; right:1rem; width:3.5rem; text-align: center;}
	#main-nav > li > a::before{display: none;}
	
	#main-nav > li > a,
	#main-nav > .open > a,
	#main-nav .dropdown-menu > li > a,
	#main-nav .dropdown-menu > .open > a,
	#main-nav .dropdown-toggle[aria-expanded="true"]{color:var(--color-black); background-color:transparent;}

	#main-nav > li > a:hover, 
	#main-nav > li > a:focus,
	#main-nav .dropdown-menu > li > a:focus,
	#main-nav .dropdown-menu > li > a:hover{color:var(--color-green); background:transparent;}

	#main-nav > .active > a, 
	#main-nav > .active > a:hover, 
	#main-nav > .active > a:focus, 
	#main-nav > .active.open > a,
	#main-nav .dropdown-menu > .active > a,
	#main-nav .dropdown-menu > .active > a:focus,
	#main-nav .dropdown-menu > .active > a:hover{color:var(--color-green); background-color:transparent;}
	
	#main-nav .dropdown-menu .dropdown-menu{background:#fff}
	#main-nav .dropdown-menu .dropdown-menu > li > a{color:var(--color-black); background-color:transparent;}
	#main-nav .dropdown-menu .dropdown-menu > li > a:hover, #main-nav .dropdown-menu .dropdown-menu > li > a:focus, #main-nav .dropdown-menu .dropdown-menu > .open > a{color:var(--color-green); background-color:transparent;}
	#main-nav .dropdown-menu .dropdown-menu > .active > a{color:var(--color-green); background-color:transparent;}
	#main-nav .dropdown-menu .dropdown-menu > .active > a:hover, #main-nav .dropdown-menu .dropdown-menu > .active > a:focus{color:var(--color-green); background-color:transparent;}
	
	#main-nav .dropdown-menu > .active.open > a{color:var(--color-green);background: transparent;}


	/* top-nav */
	.top-nav-wrap .container{padding:0;}
	#top-nav{padding:1rem 0; display: block; height:auto;}
	#top-nav > li + li{margin-left:0;}
	#top-nav > li > a{padding:1rem; font-size: 1rem;}	
	
	#top-nav > li > a{color:var(--color-black); background-color:transparent;}

	#top-nav > li > a:hover, 
	#top-nav > li > a:focus{color:var(--color-blue); background:transparent;}

	#top-nav > .active > a, 
	#top-nav > .active > a:hover, 
	#top-nav > .active > a:focus{color:var(--color-blue); background-color:transparent;}
	
	#top-nav > li:not(.trip) > a::before{display: none;}
	#top-nav > .trip{padding:0 1rem;}
	#top-nav > .trip > a{border:1px solid var(--color-green50); padding:1rem 1.5rem; text-align: center;}
	#top-nav .tel{padding-left:2rem; padding-right:0; background-position: 1rem 1.1rem;}

.breadcrumbs-section{padding:0.5rem 0;}
.breadcrumbs-section ol li+li:before{margin:0 0.5rem;}

.items-listing > .inner-wrap{margin:0 -0.5rem -1rem -0.5rem;}
.items-listing .item{margin:0 0.5rem 1rem 0.5rem;}
.items-listing.five-cols .item{width:calc(20% - 1rem);}
.items-listing.four-cols .item{width:calc(25% - 1rem);}
.items-listing.three-cols .item{width:calc(33.33% - 1rem);}
.items-listing.two-cols .item{width:calc(50% - 1rem);}
	
	.site-map a::before {background-size: contain;}

	.btn:not(.btn-link)::after{background-size: contain;}
	
	.footer-address{padding-right:1.5rem;}
	
	.sp-link{background-position: right 0.35rem;}
	
	#main-slider .item{padding-bottom:var(--padding-normal);}
	#main-slider .slick-dots{bottom:2.75rem;}
	#main-slider .item .image-block{right:0;}
	
	.planner-form{flex-wrap: wrap;}
	.planner-form .form-group{margin:0;}
	.planner-form .form-group:nth-child(1){width:25%;}
	.planner-form .form-group:nth-child(2){width:25%;}
	.planner-form .form-group:nth-child(3){width:25%;}
	.planner-form .form-group:nth-child(4){width:25%;}
	.planner-form .form-group:nth-child(5){flex:none; width:100%; text-align: right;}
	.planner-form .form-group:nth-child(5) .btn{width:100%;}
	
	.transit-listing .image{margin-bottom:0; flex:none;}
	.transit-listing .content{flex-grow:1; position: relative; left:0; right:0;}
	.transit-listing .content .btn-wrap{margin-bottom:0;}
	.transit-listing .item{display: flex; flex-direction: column;}

	.quick-listing .item{margin:0.5rem 0.5rem 1rem 0.5rem;}
    .quick-listing .slick-dots {justify-content: center; bottom: 0;}

	.staff-slider{margin-left:-0.5rem; margin-right:-0.5rem; margin-bottom:2rem;}
	.staff-slider .sd-item .lead-label{position: absolute; bottom:100%; margin:0;}

	.main-column {display: flex; flex-direction: column-reverse;}


	.main-column > .col-md-8{margin-bottom:var(--margin-big);}
}


@media (max-width: 767px) {
/* xs */
#page-wrap{border-left:0px dashed blue;}
	
:root {
	--margin-small:0.5rem;
	--margin-normal:1rem;
	--margin-big:2.5rem;
	
	--padding-normal:2.5rem;
	--padding-large:3.5rem;
   }

.btn:not(.btn-link){height:auto; white-space:normal; padding-top:0.85rem; padding-bottom:0.85rem;}

.upload-control .btn{width:7rem;}
.upload-control .file-name{padding-right:8rem;}
.upload-control .input-label{margin-right:8rem;}

h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-top:0;}
.text-image-wrap.align-left, .text-image-wrap.align-right{float:none; width:auto; max-width:100%; margin-right:0; margin-left:0; margin-bottom:1.35rem;}
.text-image-wrap.align-left img, .text-image-wrap.align-right img, .text-image-wrap.align-left figure, .text-image-wrap.align-right figure{width:auto;}

.textbox ol{padding-left: 2.5rem;}
.textbox ul{padding-left: 1.5rem;}

.mb-half, .mb-half-sm, .mb-half-xs{margin-bottom:var(--margin-small);}
.mb-big, .mb-big-md, .mb-big-sm, .mb-big-xs{margin-bottom:var(--margin-big);}
.mb, .mb-sm, .mb-xs{margin-bottom:var(--margin-normal);}
.in-form-header:not(:first-child){margin-top:var(--margin-normal);}

.items-listing.five-cols .item{width:calc(33.33% - 1rem);}
	.items-listing.four-cols .item{width:calc(50% - 1rem);}
.items-listing.three-cols .item{width:calc(50% - 1rem);}
.items-listing.two-cols .item{width:calc(100% - 1rem);}
	
	.cta-section::before {transform: none; left:0; right:0;}
	
	#footer{text-align: center;}
	.social-share{justify-content: center;}
	.site-map{display: block;}
	.site-map .col+.col{margin-top:var(--margin-big);}
	.site-map .col:not(:last-child){padding-right:0;}
	.site-map ul{display: flex; flex-wrap:wrap; justify-content: center;}
	.site-map ul li{margin-left:1rem; margin-right:1rem;}
	.footer-bottom .container{flex-direction: column-reverse; justify-content: center; align-items: center;}
	.footer-bottom .footer-inner:last-child{margin-bottom:var(--margin-normal);}
	
	#scrollup.affix{bottom:5rem;}
	
	.site-map a::before {display: none;}
	
	.footer-address{padding-right:0;}
	
	#main-slider .item{padding-top:0;}
	#main-slider .item .container .row{display: flex; flex-direction: column-reverse;}
	#main-slider .item .text-block{margin-right:0;}
	#main-slider .item .image-block{margin-bottom:var(--margin-normal); position: relative; left:0; right:0; top:0; margin-left:-15px; margin-right:-15px;}
	#main-slider .slick-dots{bottom:2rem;}
	
	.planner-form .form-group:nth-child(1){width:50%;}
	.planner-form .form-group:nth-child(2){width:50%;}
	.planner-form .form-group:nth-child(3){width:50%;}
	.planner-form .form-group:nth-child(4){width:50%;}
	
	.row.inverse-order{display: block;}
	
	.join-block{align-items: center;}
	
	.news-section .social-share{justify-content: flex-start;}
	
    ul.photo-gallery li { width: 100%; margin-right: 0; }
}

@media (max-width: 566px) {
#page-wrap{border-left:0px dashed yellow;}

.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;}

/* responsive table */
.textbox table{border-top:1px solid #ddd;}
.textbox table, .textbox table tbody, .textbox table tfoot, .textbox table tr, .textbox table caption{ display: block;}
.textbox table thead {display: none;}
.textbox table td {display: flex; padding:0.6rem; text-align: left; border:0;}
.textbox table td:before{ content: attr(data-th); display: block; font-weight: bold; padding-right:1rem; width:40%; flex:none;}

.items-listing.five-cols .item{width:calc(100% - 1rem);}	
	.items-listing.four-cols .item{width:calc(100% - 1rem);}	
.items-listing.three-cols .item{width:calc(100% - 1rem);}
	
	.planner-form .form-group:nth-child(1){width:100%;}
	.planner-form .form-group:nth-child(2){ width:100%;}
	.planner-form .form-group:nth-child(3){ width:100%;}
	.planner-form .form-group:nth-child(4){ width:100%;}
	
	.transit-section .bg-shape{width:calc(50vw - var(--container)/2 + var(--container)*0.5 + 1rem);}


}	

@media (max-width: 320px) {
#page-wrap{border-left:0px dashed red;}


}