/* ************************ */
/*							*/
/*	custom theme			*/		 
/*							*/
/* ************************ */

@media (max-width: 1199px) {
	/* md */
	#page-wrap{border:0px dashed red;}
	
	[class*='col-lg']{margin-bottom:2rem;}
	[class*='col-lg']:last-child{margin-bottom:0px;}
	
	.twin-section :first-child.col-md-6 .container{width:485px;}
	.twin-section :last-child.col-md-6 .container{width:485px;}
	#twin-left-section .align-middle{padding: 40px 40px 40px 0;}
	#twin-right-section .align-middle{padding:40px 0 40px 40px;}
	
	
	

}

@media (min-width: 992px) and (max-width: 1199px){
	.navbar-brand {top:-7px; width:69px;}
	#main-nav .nav > li > a {padding:20px 5px;}
}

@media (max-width: 991px) {
	/* sm */
	#page-wrap{border:0px dashed green;}
	
	.container{ width:auto; padding-left:15px; padding-right:15px;}
	
	[class*='col-md']{margin-bottom:3rem;}
	[class*='col-md']:last-child{margin-bottom:0px;}
	
	#top-info{ padding:0.4375rem 0 1.0625rem 0;}
	
	.navbar-brand{margin-left:0; width:80px; top:-14px;}
	.affix ~ #page-wrap .navbar{ top:-40px;}
	
	#main-nav{ position:fixed; left:0; border:0; top:94px; bottom:0; margin:0; padding:2rem 0 0 0; width:50%; box-shadow:5px 5px 10px rgba(0,0,0,0.5); background-color:#2d352d;}
	#main-nav .container{padding:0;}
	#main-nav .navbar-nav{margin:0;}
	
	.navbar-collapse{padding-left:0; padding-right:0;}
	#main-nav .nav { float:none; border:0;}
	#main-nav .navbar-nav{margin:0;}
	#main-nav .nav > li {border:0; margin-top:1px;}
	#main-nav .nav > li > a{padding:1rem;}
	#main-nav .nav > .active::after{ display:none;}
	
	#main-nav .nav > li.dropdown_split > a{ padding-right:1rem; margin-right:3.125rem;}
	#main-nav .nav > li.dropdown_split > .dropdown-toggle{width:3.125rem; height:3.125rem; border-radius:100%; padding-left:1rem; padding-right:1rem; text-align:center; }
		
	#main-nav .dropdown-menu{position:relative; float:none; box-shadow:none; -webkit-box-shadow:none; background-color:transparent; margin-left:1rem; min-width:auto; border:0;}
	#main-nav .dropdown-menu li{border:0;;}
	#main-nav .dropdown-menu li:last-child{border-bottom:0;}
	#main-nav .dropdown-menu > li > a{padding:1rem; white-space:normal; color:white!important;}
	#main-nav .dropdown-menu > .active > a{color:#e76432!important; background-color:rgba(255,255,255,0.09);}
	#main-nav .dropdown-menu > .active > a:hover, #main-nav .dropdown-menu > .active > a:focus{color:white!important;}
	#main-nav .dropdown-menu > li > a:hover, #main-nav .dropdown-menu > li > a:focus
		{ background-color:rgba(255,255,255,0.09);}
	.affix ~ #page-wrap #main-nav{top:54px;}
	
	
	#header{height:90px;}
	
	.affix ~ #page-wrap #top-info{height:inherit;}
	
	.twin-section [class*='col-'] .inner-wrap{ display:block;}
	.twin-section [class*='col-'] .align-middle{ display:block;}
	.twin-section :first-child.col-md-6 .container{float:none; width:auto; max-width: none; margin-right:0;}
	.twin-section :last-child.col-md-6 .container{float:none; width:auto; max-width:none; margin-left:0;}
	
	#twin-left-section{margin-bottom:0;}
	#twin-left-section .inner-wrap{ height:auto;}
	#twin-left-section .align-middle{padding: 60px 0;}
	
	#twin-right-section .align-middle{padding:60px 0;}
	
	#page-header-section{padding-top:1.25rem; padding-bottom:120px;}
	#search-wrap{margin-bottom:1rem;}
	#products-list-wrap [class^='col-']{width:100%;}
	
	#help-section{padding-bottom:0;}
	#help-section .graphic-header{margin-top:-2rem;}
	#help-list [class*='col-md']{margin-bottom:1rem;}
	#help-item1 { border-top-left-radius: 3rem; border-bottom-left-radius:0; border-top-right-radius:3rem;}
	#help-item3 { border-top-right-radius: 0; border-bottom-right-radius: 3rem; border-bottom-left-radius:3rem;}
	
	#testi-section{padding-bottom:7rem; padding-top:8rem;}
	
	#about-section{padding-bottom:0;}
	#about-section .graphic-header{margin-top:-1rem;}
	#about-section .graphic-header br{ display:none;}
	.graphic-questions::before{left:-5rem;}
	.graphic-questions::after{right:-5rem; top:50%;}
	
	#subscribe-section{padding-top:8rem;}
	
	#footer-bottom-section .text-right{text-align:center;}
	
	#quick-contact{width:75%; margin-left:25%;}
	
	.content-section{padding:3rem 0;}
	
	.spotlight-image-wrap img{max-width:none;}
	
	#footer-subscribe-section [class^='col-'] { display:block;}
	#footer-subscribe-section { text-align:center;}
	
	.navbar-brand img {left:-14px;}
}


@media (max-width: 767px) {
	/* xs */
	#page-wrap{border:0px dashed blue;}
	
	.textbox img, .textbox .align-left, .textbox .align-right{ float:none; margin-left:0; margin-right:0; width:100%; max-width:100%;}
	
	[class*='col-sm']{margin-bottom:1.8rem;}
	[class*='col-sm']:last-child{margin-bottom:0px;}
	.form-wrap [class*='col-sm'], form [class*='col-sm']{margin-bottom:auto;}
	
	.align-middle > [class^='col-']{ display:block;}
	
	
	#top-info{ display:none;}
	#main-nav-wrap{margin-top:-5px;}
	#header{/*height:60px;*/ height:55px;}
	.navbar-brand{top:8px;}
	#main-nav{top:54px;}
	.affix ~ #page-wrap .navbar{ top:0px;}
	.affix ~ #page-wrap #main-nav{top:54px;}
	.affix ~ #page-wrap .navbar-brand{top:8px;}
	
	#testi-section .testi-photo{margin-top:0;}
	
	#subscribe-image{ text-align:center;}
	#subscribe-section h2{ text-align:center;}
	#subscribe-section h2 br{ display:none;}
	#subscribe-section p{text-align:center}
	#subscribe-section  .subscribe-form-wrap{ text-align:center;}
	
	#page-header-section, #page-header-section-internal {background-position: center top;}
	#page-header-section-internal [class^='col-']{ display:block;}
	
	.case-listing [class*='col-sm']:last-child{margin-bottom:3rem;}
	
	.no-br br{ display:none;}

	.btn-default {height:auto;}

	.pain_point_template .content-section{padding-bottom:0px;}
	.pain_point_template .content-section + .twin-section  {margin-top:3rem;}

	}
	
@media (max-width: 479px) {
	#page-wrap{border:0px dashed yellow;}
	
	#main-nav{width:70%;}
	
	html{font-size:15px;}
	
	.navbar-toggle{padding-top:1.2rem;}
	
	#page-header-section{padding-top:1.5rem; padding-bottom:90px;}
	h1{font-size:4rem;}
	
	.graphic-arrows-button:before, .graphic-arrows-button:after{ display:none;}
	.graphic-arrows:before{ display:none;}
	.graphic-arrows:after{ display:none;}
	
	#search-box{display:block;}
	#search-box label{display:none;}
	#search-box .form-control{width:100%; float:left;}
	#search-box .btn-search{margin-left:-3.1rem;}
	
	#products-list-wrap [class^='col-']{margin-bottom:2rem;}
	
	#help-list .item-wrap{padding:1rem;}
	
	#subscribe-section .form-control{width:100%; margin-bottom:1rem; border-top-right-radius:1.3437rem; border-bottom-right-radius:1.3437rem;}
	#subscribe-section .btn{ border-top-left-radius:1.5rem; border-bottom-left-radius:1.5rem;}
	
	.news-list .item-image img{width:4.5rem; height:4.5rem;}
	
	#quick-contact{width:100%; margin-left:0;}
	
	.border-image-wrap img{width:100%;}
	
	.nav-tabs{ display:block;}
	.nav-tabs > li{ display:block;}
	.tab-content{padding:1rem;}
	
	.btn-lg{padding:0.7rem 1.3rem; white-space:normal; height: auto;}
	
	#footer-subscribe-section .subscribe-form-wrap .form-control{width:100%; margin-bottom:1rem; border-top-right-radius:1.3437rem; border-bottom-right-radius:1.3437rem;}
	#footer-subscribe-section .subscribe-form-wrap .btn{ border-top-left-radius:1.5rem; border-bottom-left-radius:1.5rem;}

	.callout-2-section .btn {margin-top:2px;}

}	
	
@media (max-width: 320px) {
	#page-wrap{border:0px dashed red;}
	

	
}	
	