/* ************************ */
/*							*/
/*	custom theme			*/		 
/*							*/
/* ************************ */

@media (max-width: 1199px) {
	/* md */
	#page-wrap{border-left:0px dashed red;}
	
	.mb-big-md{margin-bottom:3.5rem;}
	
	.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);}
	
	#left-nav > li + li, #right-nav > li + li{margin-left:1rem;}
	.main-nav{width:33%;}
	
	.footer-links li + li{margin-left:1.5rem;}
	
	
	.indent-right{padding-right:2rem;}
}

@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; }
	.content-section.tall{ padding-top:4rem; padding-bottom:4rem; }
	
	.mb-half-sm{margin-bottom:0.5rem;}
	.mb-big, .mb-big-sm{margin-bottom:3rem;}
	.mb, .mb-sm{margin-bottom:1.5rem;}
	
	label + .inline-radio-wrap{margin-left:0;}
	
	.form-control{font-size: 1rem; border:1px solid #ccc; box-shadow: none;}
	.form-control:focus{border-color:#ccc; border-bottom-color:#23dbca;}
	.input-label{font-size: 1rem;}
	.has-content .input-label, .upload-control .input-label{padding-top:0.3rem; padding-bottom:0.3rem; font-size: 0.8rem;}
	.SumoSelect > .CaptionCont{border:1px solid #ccc; box-shadow: none;}
	.SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .open.SumoSelect > .CaptionCont{border-color:#ccc;}
	.upload-control .form-control{border:1px solid #ccc;}
	
	.btn{padding-top:0.85rem; padding-bottom:0.85rem;}
	
	.indent-right{padding-right:15px;}
	
	#header{height:auto;}
	
	.navbar{ position:relative; padding-top:0; padding-bottom:0; transition:none;}
	.navbar.affix{top:0; box-shadow:none; padding-top:0; padding-bottom:0;}
	
	.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; float:left; margin:0.2rem 0; width:11rem; display: block;}
	.navbar > .container{ position: relative;}
	
	.navbar-header{ position: relative; top:0; left:0; transform: none; transition: none;}
	
	#navigation{position:absolute; top:100%; width:100%; left:0; padding-left:0; padding-right:0; box-shadow:0 5px 10px rgba(0,0,0,0.5); background-color:white;}
	#navigation > .inner-wrap{ display: block; padding-top:1px;}
	#right-nav > li+li{margin-left:0;}
	#left-nav > li+li{margin-left:0;}
	.main-nav {margin:0; width:auto; text-align:left; display:block; border:0;}
	.main-nav > li{ display:block; margin-bottom:0;}
	.main-nav > li+li{margin-top:1px;}
	.main-nav > li > a{padding:1rem; text-align:left; display: block;}
	.main-nav > li > a:after{display: none;}
	.main-nav > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	.main-nav > li.dropdown_split > .dropdown-toggle{ position: absolute; display:block; right:15px; top:0; width:3.5rem; padding:1rem; text-align:center; z-index: 0;}
	
	.main-nav > li > a{color:#1d334f; background-color:transparent;}
	.main-nav > li > a:hover, .main-nav > li > a:focus, .main-nav > .open > a:hover, .main-nav > .open > a:focus{color:#23dbca; background-color:transparent;}

	.main-nav > .active > a{color:#fff; background-color:#23dbca;}
	.main-nav > .active > a:hover, .main-nav > .active > a:focus, .main-nav > .active.open > a{color:#fff; background-color:#23dbca;}

	.main-nav .dropdown-menu{position:relative; padding:0; top:100%; float:none; box-shadow:none; min-width:auto; background-color:transparent; margin-top:1px!important; font-size:1.25rem;}
	.main-nav .dropdown-menu > li{padding:0;}
	.main-nav .dropdown-menu > li > a{ padding:1rem; border:0;}
	#right-nav, #left-nav{ position: relative;}
	#right-nav .dropdown-menu > li > a, #left-nav .dropdown-menu > li > a{padding:1rem; line-height: 1.2;}
	.main-nav .dropdown-menu > li > a:after{display: none;}
	.main-nav .dropdown-menu > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	.main-nav .dropdown-menu > li.dropdown_split > .dropdown-toggle{ position: absolute; z-index: 0; top:0; right:15px; width:3.5rem; padding-right:1rem; text-align:center; padding-left:1rem!important;}
	
	.main-nav .dropdown-menu > li > a{color:#1d334f; background:transparent;}
	.main-nav .dropdown-menu > .open > a{color:inherit; background:transparent;}
	.main-nav .dropdown-menu > li > a:focus,
	.main-nav .dropdown-menu > li > a:hover{color:#23dbca; 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:#23dbca;}

	.main-nav .dropdown-menu > li > .dropdown-toggle .fa{ transform:rotate(0deg);}
	.main-nav .dropdown-menu > li > .dropdown-toggle[aria-expanded="true"] .fa{ transform:rotate(-180deg);}

	.main-nav .dropdown-menu .dropdown-menu{left:0;}
	.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;}
	
	.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;}
	
	.masthead {padding-top: 3rem;padding-bottom: 0;}
	.masthead-panel{margin-top:0; padding:2rem 0;}
	
	.projects-list-short .item-content{padding:2rem 1.5rem;}
	
	.icon.btn::after{vertical-align: bottom;}
	
	.breadcrumbs-section{padding:0.5rem 0;}
	.breadcrumbs-section ol li+li:before{margin:0 0.5rem;}



}


@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:3rem; padding-bottom:3rem; }
	
	.btn{height:auto; white-space:normal;}
	
	h1{font-size:2.14rem /*30px*/;}
	h2, .h2-style{font-size:1.75rem /*26px*/;}
	h3, .h3-style{font-size:1.57rem /*22px*/;}
	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, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-bottom:1rem;}
	.textbox img, .textbox .align-left, .textbox .align-right, .textbox figure{ 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;}
	
	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-top:0;}
	
	.textbox ol{padding-left: 2.8rem;}
	.textbox ul{padding-left: 1.5rem;}
	.textbox blockquote{font-size: 1.2rem;}
	
	.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;}
	
	.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;}
	
	.masthead{padding-top:2.5rem;}
	
	.vertical-middle{display: block;}
	
	.masthead-panel .panel-title-header{text-align: left; margin-top:0;}
	
	.projects-list-short > .inner-wrap{display: block; margin:0;}
	.projects-list-short .item{width:auto; margin:0;}
	.projects-list-short .item+.item{margin-top:1rem;}
	
	#footer{text-align: center;}
	.footer-links{justify-content: center; flex-wrap:wrap;}
	.footer-links li + li{margin-left:0;}
	.footer-links li{margin:0 1rem 0.5rem 1rem;}
	
	.footer-bottom{flex-wrap:wrap;}
	.footer-bottom > div{width:100%;}
	.footer-bottom .terms-wrap{order:1; margin-bottom:1rem;}
	.footer-bottom .copyright-wrap{order:2;}
	
	.affix#scrollup{bottom:2rem;}
	
	.bg-image-tree{ background-position: center bottom; background-size: auto 50%;}
	
	.accordion .panel-body{padding:1rem;}
}
	
@media (max-width: 479px) {
	#page-wrap{border-left:0px dashed yellow;}
	
	.textbox blockquote{padding-left:4rem;}
	.textbox blockquote::before{width:3rem; height:3rem;}

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

	
}
/* navbar jump fix */
@media (max-width: 240px) {
	.navbar{padding-top:3.5rem; padding-bottom:3.5rem;}
	.navbar-header{top:2rem;}
	
}