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

@media (min-width: 1920px) {

#main-slider .item{min-height:60rem;}

}

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

.mb-big-md{margin-bottom:var(--margin-big);}
	
	#main-slider .item{padding-top:calc(var(--padding-large) + 5rem); padding-bottom:calc(var(--padding-large) + 5rem);}

	#main-nav > li+li {
    	margin-left: 1.5rem;
	}

}

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

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

input[type="checkbox"] + .radio-check-control::before{font-size: 0.8rem;}
	
	.textbox ul li{background-position:0 0.5rem;}

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

#header{height:auto;}

.navbar{ position:absolute; width:100%; padding:0; background-color:transparent;}
.navbar > .container{height:auto; display: block;}
.navbar.affix{top:0; box-shadow:none; background: transparent;}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-left:0; margin-right:0;}

.navbar-header{ display:flex; align-items:center;}
.navbar-brand, .affix .navbar-brand{width:11rem; margin:0.25rem 0; transition:none;}

#navigation{position:absolute; top:100%; width:100%; border:0; left:0; padding:0; box-shadow:0 7px 10px rgba(0,0,0,0.5); background-color:white;}
#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{padding:1rem 0 1rem 1rem;}
	#main-nav > li+li{margin-left: 0;}
	#main-nav > li > a{padding:1rem; font-size: 1.2rem;}	
	#main-nav > .dropdown_split > a{padding:1rem;}
	#main-nav > .dropdown_split > .dropdown-toggle{padding:1rem; font-size: 1rem; right:1rem; width:3.5rem; text-align: center; top:0; margin:0;}
	#main-nav .dropdown-menu{font-size: 1.1rem; background-color: transparent;}
	#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.2; padding:1rem; right:1rem; width:3.5rem; text-align: center;}
	
	#main-nav > li > a,
	#main-nav > .open > a,
	#main-nav .dropdown-menu > li > a,
	#main-nav .dropdown-menu > .open > a{text-decoration: none; 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-indigo); background:transparent; text-decoration: none;}

	#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-indigo); background-color:transparent;}
	
	#main-nav .dropdown-menu .dropdown-menu{background-color: #fff;}
	#main-nav .dropdown-menu .dropdown-menu > li > a:hover, #main-nav .dropdown-menu .dropdown-menu > li > a:focus{color:var(--color-indigo); background-color:transparent;}

.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.three-cols .item{width:calc(33.33% - 1rem);}
.items-listing.two-cols .item{width:calc(50% - 1rem);}
	
	.masthead-internal-section{padding-top:calc(var(--padding-normal) + 1.5rem); padding-bottom:var(--padding-normal);}
	
	.footer-links .col{padding:0 1rem;}
	
	#main-slider .item{padding-top:calc(var(--padding-large) + 3rem); padding-bottom:calc(var(--padding-large) + 3rem);}
	
	.services-section .bg{left:16.66vw;}
	.services-section .service-item{background-size: 2.5rem auto;}

}


@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:3.5rem;
	--padding-large: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{font-size:2.14rem;}
h2, .h2-style{font-size:1.78rem /*25px*/;}
h3, .h3-style{font-size:1.50rem /*21px*/;}
h4, .h4-style{font-size:1.28rem /*18px*/;}
h5, .h5-style{font-size:1.14rem /*16px*/;}
h6, .h6-style{font-size:1.00rem /*14px*/;}
.display1{font-size: 3.5rem;}

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

.items-listing.three-cols .item{width:calc(50% - 1rem);}
.items-listing.two-cols .item{width:calc(100% - 1rem);}
	
	.footer-links .col{border:0; padding:0 3rem 0 0;}
	
	.footer-bottom-section .container{flex-direction: column-reverse; align-items: flex-start;}
	.footer-bottom-section .social-share{margin-left:0; margin-bottom:var(--margin-normal);}
	
	.diff-listing .item{margin-bottom:var(--margin-big);}
	.diff-listing > .inner-wrap{margin-bottom:calc(1px - var(--margin-big)); justify-content: center;}
	
	.row.v-align-middle{display: block;}
	
	.services-section .image-wrap{margin-top:0; margin-bottom:var(--margin-big);}
	.services-section .text-wrap{margin-left:calc(16.66vw + 1rem);}
	.services-section .service-item{background-size: 2rem auto; background-position: left 0.2rem; padding-left:2.75rem;}
	
	#footer{text-align: center;}
	.footer-brand{margin-left:auto; margin-right:auto;}
	.footer-links{flex-direction: column; align-items: center; gap:3.5rem;}
	.footer-links .col{padding:0;}
	.footer-links .button-wrap{text-align: center;}
	.footer-bottom-section .container{align-items: center;}
	
	
}

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

/* 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.three-cols .item{width:calc(100% - 1rem);}
	
	.cta-panel{padding:1rem;}
	.cta-panel > .inner-wrap{padding:1.5rem;}
	
	.short-cta-section .container{display: block;}
	.short-cta-section .textbox{margin:0 0 var(--margin-big) 0!important;}
	
	.footer-bottom-section .copyright{flex-direction: column-reverse; align-items: center; gap:0.5rem;}
	.footer-bottom-section .copyright span{display: block;}
	.footer-bottom-section .copyright span+span:before{display: none;}
	
	.services-section .bg{left:0;}
	.services-section .text-wrap{margin-left:0;}
	.services-section{margin-bottom:0;}
	
	
	


}	

@media (max-width: 320px) {
#page-wrap{border-left:0px dashed red;}
	.footer-links{display: block;}
	.footer-links .col+.col{margin-top:var(--margin-big);}
	.footer-links .col{width:auto; padding:0;}

}