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

@media (max-width: 1300px) {
	
	.navbar .container{width:1170px; }
	#main-nav > li > a { padding: 1.9rem 0.75rem;}
}

@media (max-width: 1199px) {
	/* md */
	#page-wrap{border-left:0px dashed red;}
	
	.container{margin-left:calc((100vw - 970px)/2);}
	
	.mb-big-md{margin-bottom:3.5rem;}
	
	.navbar .container{width:970px; }

	.has-brand-sign{padding-left:3rem;}
	
	.industries-listing .item{padding:2rem;}
	.industries-listing .line{right:2rem; bottom:2.25rem;}
	.industries-listing .overlay{padding:2rem;}
	.industries-listing .overlay .sp-link{right:2rem; bottom:2rem;}
	.industries-listing .overlay .textbox{height:calc(100% - 13rem);}
	
	.product-listing .item{padding:10rem 2rem 2rem 2rem;}
	.product-listing .line{bottom:2rem; margin:0 2rem;}
	
	.cta-section .cta-inner > div + div{margin-left:2rem;}
	.cta-section .cta-inner{padding:2rem 2rem 2rem 7rem;}
	
	.testimonial-block{padding:3rem;}
	
	.progress-listing .item{padding: 0 2rem;}
	.progress-listing .digit{font-size: 3rem;}
	
	.case-wrap .text-wrap{padding:2rem;}
	
	[data-ba-irm-id] .slick-dots{left:calc((100vw - 970px)/2 + 15px); width:30rem;}
	
	[data-ba-irm-id] .outline{right:calc((100vw - 970px)/2);}
	
	.internal-outline{right:calc((100vw - 970px)/2 + 15px); left:calc((100vw - 970px)/2);}
	
	.top-contact-btn{margin-right:0;}
	.top-contact-btn a{padding-left:0.75rem; padding-right:0.75rem;font-size: 0.75rem; height: 2.25rem;}
	#main-nav > li > a{padding-left:0.25rem; padding-right:0.5rem;}
	#main-nav > li > a:after{margin:0 0.5rem;}

	.navbar-brand {width:9.5rem;}
	#main-nav-wrap .logo-dummy {width:9.5rem;}
	#top-nav > li > a {	padding: 0.87rem 1.75rem}

	.comparison-link:before{right:calc((970px - 100vw)/2);}
	
	.product-listing{flex-wrap:wrap;}
	.product-listing .item{width:auto; flex-basis:33.33%; flex-grow:1; border:1px solid rgba(226,228,232,0.4); background-position: 2rem 5.56rem;}
	
	#details-slider .item{height:28.5rem;}
	.details-slider-wrap .lSSlideOuter .lSPager.lSGallery img{width:100%; margin-top: 0;}	
	
}

@media (max-width: 991px) {
	/* sm */
	#page-wrap{border-left:0px dashed green;}
	
	html{font-size:14px;}
	
	.lead{ font-size:1.2rem}
	.small{ font-size:0.83rem}
	
	.anchor-link{top:-1rem;}
	
	.container{ width:auto; padding-left:15px; padding-right:15px; margin-left:auto;}
	.slick-slider .container{width:100%;}

	.content-section{ padding-top:5rem; padding-bottom:5rem; }
	.large-padding-top{ padding-top:6.5rem;}
	.large-padding-bottom{ padding-bottom:6.5rem;}
	
	.mb-half, .mb-half-sm{margin-bottom:0.5rem;}
	.mb-big, .mb-big-sm{margin-bottom:3.5rem;}
	.mb, .mb-sm{margin-bottom:1.5rem;}
	.in-form-header:not(:first-child){margin-top:1.5rem;}
	
	.radio-check-label{padding-top:2px; padding-left:2rem;}
	input[type='checkbox'] + .radio-check-control::before{ font-size:1.2rem;}
	
	[class*='col-'].indent-right{padding-right:15px;}
	[class*='col-'].indent-left{padding-left:15px;}
	
	#header{height:auto;}
	
	.navbar{ position:relative;}
	.navbar.affix{top:0; box-shadow:none;}
	.navbar .container{width:100%; display: block; padding:0 15px;}
	
	.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; position: relative; top:0;}
	.navbar-brand{margin-left:0;}
	
	#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); border:0;}
	#main-nav-wrap{height:auto;}
	#main-nav-wrap .logo-dummy{display: none;}
	#main-nav-wrap .top-contact-btn{margin:0.5rem 0 2.0rem 1rem;}
	#main-nav {margin:0; width:auto; text-align:left; display:block; padding:0.5rem 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;}

	#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{ display:block; right:0; top:0; width:3.5rem; padding-left:1rem; padding-right:1rem; text-align:center;}
	
	#main-nav > li > a,
	#main-nav > .open > a{color:#566675; background-color:transparent;}
	 
	#main-nav > li > a:hover, #main-nav > li > a:focus{color:#0D2235; background:transparent;}

	#main-nav > .active > a{color:#0D2235; background-color:transparent;}
	#main-nav > .active > a:hover, #main-nav > .active > a:focus, #main-nav > .active.open > a{color:#0D2235; background-color:transparent;}

	#main-nav .dropdown-menu{position:relative; padding-left:0; float:none; box-shadow:none; min-width:auto; background-color:transparent; margin-top:1px; font-size:1rem; text-transform:none; letter-spacing:0;max-height:none;}
	#main-nav .dropdown-menu > li{padding:0;}		
	#main-nav .dropdown-menu > li+li > a{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-right:1rem; text-align:center; padding-left:1rem!important;}
	
	#main-nav .dropdown-menu > li > a,
	#main-nav .dropdown-menu > .open > a{color:#566675; background:transparent;}
	
	#main-nav .dropdown-menu > li > a:focus,
	#main-nav .dropdown-menu > li > a:hover{color:#0D2235; background:transparent;}
	
	#main-nav .dropdown-menu > .active > a,
	#main-nav .dropdown-menu > .active > a:focus,
	#main-nav .dropdown-menu > .active > a:hover{color:#0D2235; background-color:transparent;}

	#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{top:0; left:0;}
	#main-nav .dropdown-menu li a{padding-left:2rem!important;}
	#main-nav .dropdown-menu .dropdown-menu li a{padding-left:3rem!important;}
	
	#main-nav .dropdown-menu.open-left {left:0; right:0;}
	#main-nav .dropdown-menu .dropdown-menu.open-left{left:0; right:0;}
	
	#top-nav{margin:0; display: flex; align-items: stretch;}
	#top-nav-wrap{height:auto;}
	#top-nav-wrap > .container{ display: flex; align-items: stretch;}
	.market-selector .SumoSelect{width:13rem;}
	#top-nav > li > a{padding-left:1rem; padding-right:1rem;}
	
	.top-contact-btn{ display: inline-block;}
	
	.breadcrumbs-section{padding:0.5rem 0;}
	.breadcrumbs-section ol li+li:before{margin:0 0.5rem;}
	
	[data-ba-irm-id] .item{padding:6.5rem 0;}
	[data-ba-irm-id] .outline{right:15px; top:6.5rem; bottom:6.5rem;}
	[data-ba-irm-id] .slick-dots{left:15px; width:50%; top:3.5rem;}
	
	.display-style{font-size: calc(1.78rem + 7vw);}
	
	.industries-listing .item{width:calc(50% - 1.25rem);}
	.industries-listing .overlay{position: relative; top:0; left:0; width:auto; height:auto; background: transparent; padding:0;}
	.industries-listing .title{display: none;}
	.industries-listing .overlay .masked-image{display: none;}
	.industries-listing .overlay .textbox{height:auto; margin-bottom:0.5rem!important;}
	.industries-listing .overlay .sp-link{position: relative; right:0; bottom: 0;}
	
	.product-listing .item{padding-top:6rem; background-position: 2rem 2rem;}
	
	.internal-outline{right:15px; left:15px;}
	
	.logos-listing .item{padding-left:1.5rem; padding-right:1.5rem;}
	
	.solutions-listing .item{padding:2rem;}
	.solutions-listing .item.engage{padding:2rem;}
	.solutions-listing .textbox ul li{background-size:1.23rem;}
	
	.section-header .textbox{margin-left:3rem;}
	.section-header > .row{display: block;}
	.section-header .text-right{text-align: left;}
	
	.progress-listing .digit{font-size: 2.7rem;}
	.progress-listing .item{padding: 0 1.5rem;}
	
	.lineup-tabs-wrap .nav-tabs > li > a{padding:1.25rem 1.25rem;}
	
	.catalog-listing > .inner-wrap{margin:0 -0.5rem -1rem -0.5rem;}
	.catalog-listing .item{width:calc(33.33% - 1rem); margin:0 0.5rem 1rem 0.5rem;}
	.catalog-listing .title .sp-link{display: inline-flex; margin-top:0.5rem;}
	.catalog-listing.four-cols .item{width:calc(33.33% - 1rem);}
	.catalog-listing.five-cols .item{width:calc(25% - 1rem);}
	.comparison-link:before{display: none;}
	.comparison-link{ position: relative; bottom:0; margin-top:1.5rem; margin-bottom:-5rem;}
	
	.details-slider-wrap .lSSlideOuter .lSPager.lSGallery img{width:100%; margin-top: 0;}	
	
	.has-brand-sign{background-position:left 0.5rem;}
	.h1-style.has-brand-sign{background-position: left 1.1rem;}
	
	#details-slider .item{height:calc((100vw - 60px)/2);}
	.details-slider-wrap .lSPager.lSGallery li{height:5.28rem;}
	.slideControls .slideArrow{height:calc(5.28rem + 2px);}
}


@media (max-width: 767px) {
	/* xs */
	#page-wrap{border-left:0px dashed blue;}
	
	.content-section{ padding-top:3.5rem; padding-bottom:3.5rem; }
	.large-padding-top{ padding-top:5rem;}
	.large-padding-bottom{ padding-bottom:5rem;}
	
	.btn{height:auto; white-space:normal;}
	
	.upload-control .btn{width:7rem;}
	.upload-control .file-name{padding-right:8rem;}
	.upload-control .input-label{margin-right:8rem;}
	
	h1, .h1-style{font-size:1.78rem /*25px*/;}
	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:0.85rem /*12px*/;}
	h6, .h6-style{font-size:1.00rem /*14px*/;}
	
	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-bottom:1rem;}
	.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, .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.5rem;}
	.textbox ul{padding-left: 1.5rem;}
	
	.mb-half, .mb-half-sm, .mb-half-xs{margin-bottom:0.5rem;}
	.mb-big, .mb-big-md, .mb-big-sm, .mb-big-xs{margin-bottom:2.5rem;}
	.mb, .mb-sm, .mb-xs{margin-bottom:1rem;}
	.in-form-header:not(:first-child){margin-top:1rem;margin-bottom:0.65rem;}
	.mb-large{margin-bottom:3.5rem;}
	
	[data-ba-irm-id] .outline{background-image: url("../img/brand-sign-outline-md.svg");}
	[data-ba-irm-id] .item{padding:5rem 0;}
	[data-ba-irm-id] .slick-dots{top:2.5rem; width:calc(100% - 2rem);}
	
	.has-brand-sign{background-size: 2rem auto; background-position: left 0.3rem;}
	
	.industries-listing .item{padding:1.5rem;}
	
	.cta-section .cta-inner{ display: block; padding:1.5rem 1.5rem 1.5rem 7rem;}
	.cta-section .cta-inner > div{display: block;}
	.cta-section .cta-inner > div + div{margin-left:0; margin-top:1rem;}
	
	.flex-stretch-xs, .flex-stretch-xs > [class*='col-']{display: block;}
	
	.preview-wrap{height:calc((100vw - 30px)/1.6);}
	
	.testimonial-block{padding:1.5rem;}
	.testimonial-block blockquote{padding-top:3.5rem; background-position: left top;}
	.testimonial-block blockquote footer{margin-top:1.5rem; padding-top:1.5rem;}
	.testi-photo-wrap{width:auto; height:calc((100vw - 30px)/1.6); background-position: center top;}
	.testimonials-wrap > .row{ display: flex; flex-direction: column-reverse;}
	
	.progress-listing{display: block; text-align: center;}
	.progress-listing .item{padding:1.5rem 0;}
	.progress-listing .item + .item{border:0;}
	.progress-listing .digit{font-size:calc(10vw + 2rem);}
	
	#footer{padding-top:4rem;}
	
	.accordion .panel-title a{padding:1rem 3rem 1rem 2.5rem;}
	.accordion .panel-body{padding:1rem 1rem 1rem 2.5rem;}
	.accordion .panel-title a .fa{right:1rem;}
	
	.logos-listing{flex-wrap:wrap; margin-bottom:-1rem;}
	.logos-listing .item + .item{border:0;}
	.logos-listing .item{margin-bottom:1rem; flex-basis:25%;}
	.logos-listing :first-child.item{padding-left:1.5rem;}
	.logos-listing :last-child.item{padding-right:1.5rem;}
	
	.solutions-listing .item{padding:1.5rem; width:calc(50% - 1.25rem);}
	
	#top-nav-wrap > .container{display: block;}
	#top-nav{display: block; padding:1rem 0;}
	.market-selector .SumoSelect{width:100%;}
	#top-nav > li{border:0; }
	#top-nav > li + li{border:0;border-top:1px solid rgba(255, 255, 255, 0.2);}
	
	.catalog-listing .item{width:calc(50% - 1rem);}
	.catalog-listing.four-cols .item{width:calc(50% - 1rem);}
	.catalog-listing.five-cols .item{width:calc(33.33% - 1rem);}
	.comparison-link{ margin-top:1rem; margin-bottom:-3.55rem;}
	
	.slideControls{bottom:auto; top:calc(50% + 3.12rem);}
	#details-slider .item{height:calc(100vw - 30px);}
	
	.collapcing-panels-wrap .accordion{display: block;}
	
	.category-sep .sep{margin-left:1rem; margin-top:1.1rem;}
	
	.product-listing .item{flex-basis:50%;}
	
	.has-brand-sign, .h1-style.has-brand-sign{background-position:left 0.2rem;}
	
	
}
	
@media (max-width: 566px) {
	#page-wrap{border-left:0px dashed yellow;}
	
	.form-footer{ display: block;}
	.form-footer > div+div{margin-left:0; margin-top:1rem;}
	
	.modal-header{padding:1rem 1rem 0 1rem;}
	.modal-body{padding:1rem;}
	.modal-footer{padding:0 1rem 1rem 1rem;}
	
	/* responsive table */
	.textbox table, .textbox table thead, .textbox table tbody, .textbox table tfoot, .textbox table tr, .textbox table caption{ display: block;}
	.textbox table thead tr:not(.table-caption) {display: none;}
 	.textbox table td {display: flex; padding:0.6rem; text-align: left; border:0;}
	.textbox table td:first-child {border-top:2px solid #ddd;}
	.textbox table td:before{ content: attr(data-th); display: block; font-weight: bold; padding-right:1rem; width:40%; flex:none;}
	.textbox table thead tr.table-caption td{border-top:0;}
	.textbox table thead tr.table-caption td:before{display: none;}
	.textbox table td.no-before:before{ content: ''; padding-right: 0px; width: auto;}
	
	
	
	.display-style{ font-size: calc(1.78rem + 5vw);}
	
	[data-ba-irm-id] .outline{max-width: 80%; background-size: contain;}
	
	.industries-listing > .inner-wrap{ display: block; margin:0 0 -1.25rem 0;}
	.industries-listing .item{width:auto; margin:0 0 1.25rem 0;}
	
	.product-listing{display: block;}
	
	.cta-section .cta-inner{padding-left:5rem; background-size: 3rem 100%;}
	
	.case-wrap{flex-direction: column-reverse;}
	.case-wrap .text-wrap{padding:1.5rem; width:100%;}
	.case-wrap .image-wrap{width:100%; height:calc((100vw - 30px)/1.6);}
	
	.site-map{ display:block;}
	.site-map .col+.col{margin-top:1rem;}
	.site-map ul{display: flex; flex-wrap:wrap;}
	.site-map li + li{margin-top:0;}
	.site-map li{margin:0 1rem 0.5rem 0;}
	
	#footer-top li{width:100%}
	#footer-bottom{display: block; padding:1rem 0; text-align: center;}
	#footer-bottom .copyright{margin-top:0.5rem;}
	
	.internal-outline{left:auto; width:50%;}
	
	.logos-listing .item{flex-basis: auto; width:50%;}
	
	.solutions-listing .item{width:100%;}
	
	.catalog-listing .item{width:100%;}
	.catalog-listing.four-cols .item{width:100%;}
	.catalog-listing.five-cols .item{width:calc(50% - 1rem);}


}	
	
@media (max-width: 320px) {
	#page-wrap{border-left:0px dashed red;}
	
	.logos-listing .item{width:100%; text-align: center;}
	
	.catalog-listing.five-cols .item{width:100%;}
	
	
}