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

@media (min-width: 1450px) {
	.container{width:1400px;}
	

}

@media (max-width: 1449px) {
	/* lg */
	#page-wrap{border-left:0px dashed cyan;}
	
	#modal-nav-toggle{right:calc((100vw - 1170px)/2 + 15px);}
	/*#modal-nav .modal-dialog{width:calc(31rem + (100vw - 1170px)/2);}*/
	
	#manufacturers-section .bg-dashed-line{right:calc((100vw - 1170px)/2);}
	
	#benefits-list{width:calc(100% + (100vw - 1170px)/2 + 15px - 1rem); margin-left:1rem;}
	#benefits-list .item-image{width:12rem;}
	#benefits-list .item-body{width:calc(100% - 12rem); padding:2rem;}
	#benefits-list .item-body::before{top:2.5rem;}
	#benefits-list .item-body .inner-wrap{padding-right:2rem; width:100%;}
	#benefits-list .item-body .arrow{margin-left:2rem;}
	#benefit-section .sep::before{width:calc(100% + (100vw - 1170px)/2 + 15px);}
	
	#manf-slider{margin-left:0;}
	#manf-slider .slick-dots{left:-4rem;}
	
	#quick-contact-section .side-image{width:calc(100% + (100vw - 1170px)/2 - 15px);}
	
	#footer-nav .contact-wrap{padding-left:3rem;}
	#footer-nav .contact-wrap .bg{width:calc(100% + (100vw - 1170px)/2 + 1rem + 15px);}
	
	.col-side{padding-left:15px;}
	
	.side-cta-box .cta-body{padding:2rem 2rem 3rem 2rem;}
	.side-cta-box .cta-body::before{top:3.5rem;}
	
	.side-nav .list-group-item + .list-group-item{margin-top:1rem;}
	.side-nav-sublevel ul{padding-top:1rem;}

}

@media (max-width: 1199px) {
	/* md */
	#page-wrap{border-left:0px dashed red;}
	
	.form-wrap{padding-left:0;}
	
	#modal-nav-toggle{right:calc((100vw - 970px)/2 + 15px); transition:none; -webkit-transition:none;}
	/*#modal-nav .modal-dialog{width:calc(31rem + (100vw - 970px)/2);}*/

	#top-nav ul li:first-child::after{margin:0 1rem;}
	#top-nav ul li:last-child{margin-left:1.5rem;}
	#top-nav ul{font-size:1rem;}
	
	#main-slider .gr-overlay{height:50%;}
	#main-slider .item-wrap{padding-top:6rem;}
	
	#manufacturers-section .bg-dashed-line{right:calc((100vw - 970px)/2); bottom:59%;}
	#manf-slider{margin-bottom:0;}
	#manf-slider .item-logo{margin-right:0; padding:3rem 2rem;}
	
	#benefits-list{ width:calc(100% + (100vw - 970px)/2 + 15px - 1rem);}
	#benefits-list .item-body{padding-right:1rem;}
	
	#benefits-list .item-body .arrow{margin-left:1rem;}
	#benefit-section .sep::before{width:calc(100% + (100vw - 970px)/2 + 15px);}
	
	#quick-contact-section .side-image{ width:calc(100% + (100vw - 970px)/2 - 15px);}
	#quick-contact-section .form-wrap [class*='col-']:first-child{padding-right:15px;}
	#quick-contact-section .form-wrap [class*='col-']:last-child{padding-left:15px;}
	
	#footer-nav .contact-wrap{padding-left:1rem;}
	#footer-nav .contact-wrap .bg{width:calc(100% + (100vw - 970px)/2 + 1rem + 15px);}
	
	.page-header-section{padding-top:11rem; padding-bottom:6rem;}
	
	.side-box{padding:2rem;}
	.side-cta-box .cta-image{width:4rem;}
	.side-cta-box .cta-body{width:calc(100% - 4rem); padding-left:1rem; padding-right:1rem;}
	.side-cta-box .cta-body::before{width:2rem;}
	

}

@media (max-width: 991px) {
	/* sm */
	#page-wrap{border-left:0px dashed green;}
	
	body{ display:block;}
	#page-wrap, #footer{min-height:none; min-height:auto;}
	
	.container{ width:auto; padding-left:15px; padding-right:15px;}

	.content-section{ padding-top:3rem; padding-bottom:3rem; }
	
	.textbox, .form-wrap, .accordion, .mb, .side-nav, .tabs-wrap, .side-cta-box, .side-box{margin-bottom:3rem;}
	
	.in-form-header{margin-top:2rem;}
	
	.form-control{padding-left:1rem; padding-right:1rem;}
	.form-group{margin-bottom:1rem;}
	label{font-size:1rem;}
	
	.mobile-hidden{ display:none;}
	
	.inline-radio-wrap{ display:block;}
	label + .inline-radio-wrap{margin-left:0;}
	
	#header{height:auto;}
	
	.navbar{ position: absolute;}
	.affix.navbar{ background-color:transparent; box-shadow:none;}
	
	.navbar-brand{margin-left:0; width:13rem;}
	
	#top-nav{ display:none;}
	
	#modal-nav-toggle{right:1.5rem; top:2rem; position:absolute;}
	.expanded#modal-nav-toggle{right:1.4rem;}
	.modal-open #modal-nav-toggle{ position:fixed;}
	#modal-nav-toggle .title{ display:none;}
	.affix ~ #page-wrap #modal-nav-toggle{top:2rem;}
	#modal-nav .modal-dialog{width:auto; /*height:auto;*/}
	#modal-nav .modal-body{padding:2rem 4rem 2rem 2rem;}
	
	#main-nav a{ font-size:1.2rem;}
	#main-nav > ul > li + li{margin-top:0.5rem;}
	#main-nav > ul{padding-left:1.5rem;}
	#main-nav .collapse-toggle{left:-1.5rem; top:2px;}
	#main-nav .active > a{color:#23a8d1; }
	#main-nav .active > a, #main-nav li > a:hover{ text-decoration:none;}
	.main-nav-sublevel ul li + li{margin-top:0.5rem;}
	.main-nav-sublevel{margin-left:1rem;}
	.main-nav-sublevel ul{padding-top:0.5rem;}
	.main-nav-sublevel{padding-left:0;}
	
	

	* + #contact-info{margin-top:2rem;}
	#contact-info li + li{margin-top:0.2rem;}
	* + #second-nav{margin-top:1.5rem;}
	#second-nav ul li + li{margin-top:0.2rem;}
	
	#contact-info li a:hover, #contact-info li a:focus, #contact-info .active a{ text-decoration:none;}
	#second-nav li a:hover, #second-nav li a:focus, #second-nav .active a{ text-decoration:none;}
	
	
	#main-slider{height:auto;}
	#main-slider .item-wrap{padding-top:7rem; padding-bottom:3rem; height:auto;}
	.slick-track{ display:flex; align-items:stretch;}
	
	#prod-cat-list li + li{margin-top:1rem;}
	#prod-cat-list{margin-top:3rem;}
	
	#manf-slider{margin-left:4rem;}
	#manufacturers-section .bg-dashed-line{right:0;}
	
	#benefit-section{padding-top:3rem; padding-bottom:3rem;}
	#benefits-list{margin-top:3rem; width:auto; margin-left:0; margin-right:0;}
	#benefit-section .sep{ display:none;}
	
	#quick-contact-section{padding:3rem 0;}
	#quick-contact-section .side-image{top:-3rem; bottom:-3rem; width:100%; left:0;}
	
	#footer-nav{padding:3rem 0 0 0;}
	#footer-nav > .container > .row{ display:block;}
	#footer-nav .topic-wrap{margin-right:0;}
	#footer-nav .contact-wrap{padding:2rem 0; margin-top:2rem; margin-right:0; display:flex; flex-wrap:wrap;}
	#footer-nav .contact-wrap h5{width:100%;}
	#footer-nav .contact-wrap ul{width:50%;}
	#footer-nav .contact-wrap ul + ul{margin-top:0;}
	#footer-nav .contact-wrap ul li + li{margin-top:0.2rem;}
	#footer-nav .contact-wrap .bg{left:-15px; right:-15px; width:auto; top:0; bottom:0;}
	#footer-nav .contact-wrap .dashed-line{ display:none;}
	
	#footer-bottom{padding:0.5rem 0;}
	
	.page-header-section{padding-top:6rem; padding-bottom:2rem;}
	
	#breadcrumbs{padding:0.5rem 0; font-size:0.7rem;}
	
	.col-main{padding-right:15px;}
	
	.accordion .panel-title a{padding:1rem 0 1rem 3rem;}
	.accordion .panel-title a .item-plus{left:1rem;}
	.accordion .panel-body{padding:0.5rem 0 1rem 3rem;}
	
	.modal-open #modal-nav-toggle{-webkit-transform:translateX(8px);}
	.modal-open .navbar{ -webkit-transform:none;}
	
	#footer-nav .topic-wrap ul li a:before{ display:none;}
	#main-nav a:not(.collapse-toggle):after{ display:none;}
	.textbox a:not(.btn):after{ display:none;}
	#contact-info li a:before{ display:none;}
	#second-nav li a:before{ display:none;}
	#prod-cat-list li a:before{ display:none;}
	#breadcrumbs ol li a:before{ display:none;}
	
	.textbox a:not(.btn){color:#d6342a;}
	.bg-red .textbox a:not(.btn){color:white; text-decoration:underline;}	
	
	.textbox ul li::before{ font-size:100%;}
	
	html{font-size:16px;}
	#main-slider .slide-title .subheading{ line-height:1.5;}
}


@media (max-width: 767px) {
	/* xs */
	#page-wrap{border-left:0px dashed blue;}
	
	
	
	.content-section{ padding-top:2.5rem; padding-bottom:2.5rem; }
	
	.btn{height:auto; white-space:normal;}
	.form-control{height:3rem; padding-top:0.5rem; padding-bottom:0.5rem;}
	
	html{font-size:14px;}
	h1{font-size:1.71rem /*24px*/;}
	h2{font-size:1.57rem /*22px*/;}
	h3{font-size:1.42rem /*20px*/;}
	h4{font-size:1.28rem /*18px*/;}
	h5{font-size:1.14rem /*16px*/;}
	h6{font-size:1.00rem /*14px*/;}
	
	
	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-bottom:1.5rem;}
	h1+h2, h2+h3, h3+h4{margin-top:-0.5rem;}
	
	.textbox, .form-wrap, .accordion, .mb, .side-nav, .tabs-wrap, .side-cta-box, .side-box{margin-bottom:2rem;}
	
	.textbox img, .textbox .align-left, .textbox .align-right{ float:none; margin-left:0; margin-right:0; max-width:100%; margin-bottom:2rem;}
	
	
	#modal-nav-toggle{top:1.8rem;}
	#modal-nav-toggle .icon{width:25px;}
	#modal-nav-toggle .icon span{width:25px; height:3px; border-radius:1px;}
	#modal-nav-toggle .icon span + span{margin-top:4px;}
	.expanded#modal-nav-toggle .icon span:nth-child(1){width:21px;}
	.expanded#modal-nav-toggle .icon span:nth-child(3){width:21px;}
	
	
	#main-nav{width:18rem;}
	
	#prod-cat-list{margin-top:2rem;}
	
	#manf-slider .item > .row{ display:block;}
	#manf-slider{margin-top:3rem; margin-left:0; margin-bottom:3rem;}
	#manf-slider .item{padding-bottom:0;}
	#manf-slider .slick-dots{left:0; right:0; top:auto; bottom:-4rem; flex-direction:row;}
	#manf-slider .slick-dots li{margin:0 0.3rem;}
	#manf-slider .slick-dots li::after{ display:block; margin:0 0.3rem;}
	#manf-slider .item-logo{margin-bottom:2rem;}
	#manufacturers-section .bg-dashed-line, #manufacturers-section .bg-dark-rect, #manufacturers-section .bg-h-lines{ display:none;}
	
	#quick-contact-section > .container > .row{ display:block;}
	#quick-contact-section .side-image{ display:none;}
	#quick-contact-section .form-wrap .row{ display:block;}
	#quick-contact-section .form-wrap textarea{margin-top:1rem; height:10rem; width:100%;}
	.form-group{margin-bottom:1rem;}
	
	#benefit-section{padding-top:2.5rem; padding-bottom:2.5rem;}
	
	.in-form-header{margin-top:2rem;}
	.radio-check-label{line-height:1.5;}
	.form-wrap textarea{width:100%;}
	
	#footer-nav .topic-wrap{margin-bottom:2rem; text-align:center;}
	#footer-nav .topic-wrap ul li{ display:inline-block; margin-bottom:0.5rem;}
	#footer-nav .topic-wrap ul li + li{margin-top:0; margin-left:1rem;}
	#footer-nav .contact-wrap{margin-bottom:0; margin-top:0; display:block;}
	#footer-nav .contact-wrap ul{width:auto; text-align:center;}
	
	
	
	

}
	
@media (max-width: 479px) {
	#page-wrap{border-left:0px dashed yellow;}
	
	#modal-nav .modal-dialog{width:100%;}
	#main-nav{width:auto;}
	
	#prod-cat-list{ font-size:1.2rem;}
	#prod-cat-list li a{margin-left:4rem; padding:0.5rem 0;}
	#prod-cat-list li .icon{ display:block; position:absolute;}
	
	#benefits-list .item{ display:block;}
	#benefits-list .item-image{ display:none;}
	#benefits-list .item-body{width:auto;}
	
	#footer-nav{padding-top:2rem; font-size:0.88rem;}
	
	.accordion .panel-title a{padding-left:2rem;}
	.accordion .panel-title a .item-plus{left:0;}
	.accordion .panel-title{font-size:1.3rem;}
	.accordion .panel-body{padding-left:2rem;}
	
	
	


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

	
}	

@media (max-width: 24px) {
	
#modal-nav-toggle{top:3.5rem;}
	
}