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

@media (max-width: 1399.98px) {
	:root{
		--container:1170px;
	}
	#navigation > .inner-wrap{gap:2rem; }
	#main-nav{gap:1rem;}
	.top-search{width:14rem;}
	.header-panel{padding-left:3rem; padding-right:3rem;}
	
	#main-nav .megamenu .mm-inner .row{gap:1.5rem;}
}

@media (max-width: 1199px) {
	/* md */
	#page-wrap{border-left:0px dashed red;}
	
	:root{
		--container:970px;
		
		--padding-normal:4.5rem;
		--padding-large:6rem;
		
		--margin-normal:1.5rem;
		--margin-big:3.5rem;
		
		--header-height:6rem;
	}
	
	.mb-big-md{margin-bottom:var(--margin-big);}
	.mb-md{margin-bottom:var(--margin-normal);}
	.mb-half-md{margin-bottom:var(--margin-small);}

	.masthead-section { padding-top: calc(var(--header-height) + var(--padding-normal)); padding-bottom: var(--padding-normal);}
	
	.j-panel{padding-top:var(--padding-normal); padding-bottom:var(--padding-normal);}
	
	.prod-list-item > .inner-wrap > div:last-child{padding-left:2rem;}
	
	.contact-panel{padding:2rem;}
	
	#date-slider{margin-left:5rem; margin-right:5rem;}
	
	.content-nav-wrap ol{gap:0;}
	.content-nav-wrap ol li{flex-basis: auto;}
	
	.cta-bar{padding:2rem 3rem;}
	
	.masthead-section .gradient-bg{ background-position: -4rem -16rem; background-size: 120rem 120rem;}
	
	#navigation > .inner-wrap{gap:1rem; }
	#main-nav{gap:1rem;}
	.top-search{width:14rem;}
	.navbar .navbar-brand{width:6rem;}
	.header-panel{padding-left:2rem; padding-right:2rem;}
	#main-nav{font-size: 0.8rem;}
	
	#main-nav .megamenu .mm-inner .row{gap:0;}
	#main-nav .megamenu{top:calc(var(--header-height) - 1.2rem);}
	.affix ~ #page-wrap #main-nav .megamenu{top:calc(var(--header-height-sticky)); }

	
}

@media (max-width: 991px) {
	/* sm */
	#page-wrap{border-left:0px dashed green;}
	
	:root{
		--container:100vw;
		--h1:3.30rem;
		--h2:2.65rem;
		--h3:2.20rem;
		--h4:1.81rem;
		--h5:1.30rem;
		--h6:1.12rem;
	}

	html{font-size:14px;}
	
	.mb-big-sm{margin-bottom:var(--margin-big);}
	.mb-sm{margin-bottom:var(--margin-normal);}
	.mb-half-sm{margin-bottom:var(--margin-small);}
	
	.textbox ul li{background-position:0 0.45rem; }

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

	.indent-left{padding-left:15px;}
	.indent-right{padding-right:15px;}

	#header{height:0;}
	.header-panel, .affix ~ #page-wrap .header-panel{display: block; box-shadow:none; height:var(--header-height-mobile); padding:0 1rem;}
	.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;}
	.modal-open .navbar {padding-right: 0px;}
	.navbar .navbar-brand{margin-left:0; width: 7rem; transition:none;}
	.affix .navbar-brand{transform:none; margin-top:0;}
	
	.affix ~ #page-wrap .navbar-header{margin-top:0;}

	.navbar > .container, .affix.navbar > .container{height:auto;}
	
	.navbar-toggle {padding:0.7rem 1rem; color:inherit; margin:0.2rem 0 0.2rem auto; height:3.5rem; width:3.5rem; line-height:1; border:0; border-radius:var(--radius-normal); transition:color 0.2s ease, background-color 0.2s ease; }
[aria-expanded='true'].navbar-toggle .fa:before{ content:'\f00d';}
.navbar-toggle:hover, [aria-expanded='true'].navbar-toggle{ background-color:var(--color-hover); color:#fff;}
.navbar-toggle:focus{ background-color:transparent; color:inherit;}
[aria-expanded='true'].navbar-toggle:focus{ background-color:var(--color-hover); color:#fff;}
	
	.navbar-header{display: flex; align-items: center; justify-content: space-between;}
	
	#navigation{border-radius:var(--radius-big); position:absolute; top:100%; width:100%; left:0; padding-left:0; padding-right:0; box-shadow:var(--elevation-menu); background-color: #fff;}
#navigation > .inner-wrap{display: block;}
.navbar-nav{margin:0;}
.navbar-nav .dropdown-menu{ position:relative; padding-left:0; float:none; box-shadow:none; max-width: none; min-width:auto; background-color:transparent; margin-top:1px;}
.navbar-nav .dropdown-menu .dropdown-toggle .fa{transform:rotate(0);}
.navbar-nav .dropdown-menu .dropdown-toggle[aria-expanded="true"] .fa{ 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; flex-direction: column; gap:0; align-items: stretch;}
	#main-nav > li{display: flex; flex-wrap:wrap;}
	#main-nav > li > a{padding:1rem; font-size: 1rem;}	
	#main-nav > li > a:not(.dropdown-toggle){margin-right:5rem;}
	#main-nav > .dropdown_split > .dropdown-toggle{font-size: 1rem; top:0; right:1rem; width:3.5rem; text-align: center;}
	#main-nav .dropdown-menu{width:100%; font-size: 1rem; background-color: transparent;}
	#main-nav .dropdown-menu > li{display: flex; flex-wrap:wrap;}
	#main-nav .dropdown-menu > li > a{padding:1rem 1rem 1rem 3rem;}
	#main-nav .dropdown-menu > li > a:not(.dropdown-toggle){margin-right:5rem;}
	#main-nav .dropdown-menu .dropdown-menu > li > a{padding-left:5rem;}
	#main-nav .dropdown-menu > .dropdown_split > .dropdown-toggle{font-size: 1rem; top:0; right:1rem; width:3.5rem; text-align: center;}
	
	#main-nav > .dropdown_split > .dropdown-toggle[aria-expanded="true"] .fa:before{content:'\f078';}
	
	#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-dark-blue); 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-blue); 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-blue); background-color:transparent;}
	
	.top-search{width:auto; margin:0 1rem 1rem 1rem;}


/*	#modal-nav-wrap button.close{margin-bottom: 1rem; top:0.5rem;}
	#modal-nav-wrap .modal-header .top-search{flex-grow:1;}
	#modal-nav-wrap .modal-header .top-menu{gap:1.6rem; width:100%;}
	
*/	
	.masthead-section { padding-top: calc(var(--header-height-mobile) + var(--padding-normal));}
	
	#aff-listing .item{padding:2rem;}
	
	#date-slider .slick-list.draggable::before {width:75%;}
	
	.big-image-section .container{gap:var(--margin-normal) 1.5rem;}
	
	#page-content-nav{top:0;}
	.scroll-spy-anchor{top:-5rem; height:7rem;}
	.content-nav-wrap ol li a{padding:0.75rem 0.25rem;}
	
	.image-50-text-section .container{ gap:2rem;}
	
	.cta-bar{padding:1.5rem 2rem;}
	
	#main-nav .megamenu{position: relative; top:0; padding:1rem 1.5rem 1rem 3rem;}
	.affix ~ #page-wrap #main-nav .megamenu{top:0;}
	#main-nav .megamenu .mm-inner{max-height: none;}

}


@media (max-width: 767px) {
	/* xs */
	#page-wrap{border-left:0px dashed blue;}
	
	.mb-big-xs{margin-bottom:var(--margin-big);}
	.mb-xs{margin-bottom:var(--margin-normal);}
	.mb-half-xs{margin-bottom:var(--margin-small);}

	.btn{height:auto; white-space:normal; padding-top:0.5rem; padding-bottom:0.5rem;}

	.textbox ol{padding-left: 2.8rem;}
	.textbox ul{padding-left: 1.5rem;}
	
	.pull-right[class*='col-sm-']{float: none!important;}
	

	.table-responsive .table tbody td{display:block;}
	.table-responsive .table tbody td:before { content: attr(data-th); font-weight: bold; display: inline-block; position:absolute; width: 7rem; left:0.6rem;}
	.table-responsive .table tbody > tr{ display:block; padding:0.5rem 0;}
	.table-responsive .table > thead{display:none;}
	.table-responsive .table > thead > tr > th, .table-responsive .table > tbody > tr > th, .table-responsive .table > tfoot > tr > th, .table-responsive .table > thead > tr > td, .table-responsive .table > tbody > tr > td, .table-responsive .table > tfoot > tr > td{border-top:0; padding:0.5rem 1rem 0.5rem 7rem;}
	.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td{white-space:normal;}
	
	.vertical-center-sm{display: block;}
	
	#footer{text-align: center;}
	#footer .topic-links{flex-direction: row; flex-wrap:wrap; justify-content: center; gap:var(--margin-small) 1.5rem;}
	#footer .social-share{justify-content: center;}
	
	.catalog-list .item{width:calc((100% - 1.5rem*2)/3);}
	
	#aff-listing .item{width:calc(33% - 2rem);}

	.contact-preview-wrap{flex-direction: column;}
	
	.service-listing .inner-wrap{flex-direction: column; margin:0; gap:var(--margin-normal);}
	.service-listing .item{width:100%; margin:0;}
	
	.aff-filter.flex-align-bottom .row{display: block;}
	.contact-listing .inner-wrap{flex-direction: column; margin:0; gap:var(--margin-big);}
	.contact-listing .item{margin:0; width:100%;}
	
	#ind-list .panel-logo{width:30%; margin-right:1.5rem;}
	#ind-list .panel-heading{padding:2rem 4rem 2rem 1.5rem;}
	#ind-list .panel-link{right:1.5rem;}
	#ind-list .panel-body{padding:2rem 1.5rem;}
	
	.modal .close{top:0.5rem; right:0.5rem;}
	
	.industries-home-listing .nav-tabs{flex-direction: row; flex-wrap:wrap; gap:var(--margin-normal-semi) 1.5rem;}
	.industries-home-listing .nav-tabs:before{display: none;}
	
	#date-slider{margin-left:4rem; margin-right:4rem;}
	#date-slider .slick-prev{left:-4rem;}
	#date-slider .slick-next{right:-4rem;}
	#date-slider .slick-list.draggable::before {width:68%;}
	
	.affiliate-logo{width:33vw;}
	.brand-affiliates-listing .item{width:100%;}
	
	.big-image-section .container, .big-image-section.image-right .container{flex-direction: column;}
	.big-image-section .text-image-wrap{width:100%;}
	
	#page-content-nav{position: relative;}
	.content-nav-wrap ol{flex-wrap:wrap; gap:0.5rem; padding:0.5rem 0;}
	.content-nav-wrap ol li{flex-grow:0;}
	.content-nav-wrap ol li a{padding:0.25rem 0.5rem; border:1px solid var(--color-stone-medium); border-radius:var(--radius-normal);}
	.content-nav-wrap ol li a:hover{border-color:var(--color-hover);}
	.content-nav-wrap ol .active a, .content-nav-wrap ol .active a:hover{border-color:var(--color-link);}
	
	.scroll-spy-anchor{top:0;}
	
	.image-50-text-section .container, .image-50-text-section.image-right .container{flex-direction: column; align-items: flex-start;}
	.image-50-text-section .image-wrap{width:100%;}
	
	.masthead-section .gradient-bg{ background-position: -10rem -20rem;}
	
	#main-nav .megamenu .mm-inner .row{flex-direction: column; gap:1.5rem;}

}

@media (max-width: 479px) {
	#page-wrap{border-left:0px dashed yellow;}
	
	:root{
		--modal-nav-width:90vw;
	}

	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .textbox p, .textbox ul, .textbox ol{margin-bottom:var(--margin-normal); margin-top:0;}
	.text-image-wrap.align-left, .text-image-wrap.align-right, .text-image-wrap.align-left.width-50, .text-image-wrap.align-right.width-50{float:none; width:auto; max-width:100%; margin-right:0; margin-left:0; margin-bottom:var(--margin-normal);}
	.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;}
	
	.catalog-list .item{width:calc((100% - 1.5rem)/2);}
	
	.prod-list-item > .inner-wrap{flex-direction: column; gap:var(--margin-small);}
	.prod-list-item > .inner-wrap > div:last-child{padding-left:0;}
	
	#aff-listing .item{width:calc(50% - 2rem);}
	
	#date-slider{margin-left:1rem; margin-right:1rem;}
	#date-slider .slick-prev{left: -1rem;}
	#date-slider .slick-next{right: -1rem;}
	.date-info-slide{padding:0;}
	#date-slider .slick-list.draggable::before {width:53%;}
	
	#ind-list .panel-heading{flex-direction: column; gap:var(--margin-normal);}
	#ind-list .panel-logo{width:50%;}
	
	.affiliate-logo{width:50vw;}
	.brand-affiliates-listing .contact-toggle{position: relative;}
	.brand-affiliates-listing .inner-wrap{padding-right:0;}
	.brand-affiliates-listing .contacts-block:not(:last-child){margin-bottom:1rem;}
	
	.cta-bar{flex-direction: column; gap:var(--margin-small);}
	
	.catalog-list.two-cols .item{width:100%;}

	
}

@media (max-width: 320px) {
	#page-wrap{border-left:0px dashed red;}
	
	.catalog-list .item{width:100%;}
	
	#aff-listing .item{width:100%;}
}