/**
* @file
* Positioning for a responsive layout.
*
* Define CSS classes to create a fluid grid layout with optional sidebars
* depending on whether blocks are placed in the left or right sidebars.
*
* This layout uses the Zen Grids plugin for Compass: http://zengrids.com
*/

/**
* Center the page.
*
* For screen sizes larger than 1200px, prevent excessively long lines of text
* by setting a max-width.
*/
#page,
.region-bottom {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}

/* Apply the shared properties of grid items in a single, efficient ruleset. */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
	*behavior: url("/path/to/boxsizing.htc");
	_display: inline;
	_overflow: hidden;
	_overflow-y: visible;
}
#content,
.region-sidebar-first,
.region-sidebar-second,
#footer {
	padding-left: 37px;
	padding-right: 37px;
	width: 100%;
}
#main{
	float:left;
}
/* Containers for grid items and flow items. */
#header,
#main,
#footer {
	*position: relative;
	*zoom: 1;
	width:100%;
}
#header:before,
#header:after,
#main:before,
#main:after,
#footer:before,
#footer:after {
	content: "";
	display: table;
}
#header:after,
#main:after,
#footer:after {
	
}
.field-name-body img{
	height:auto !important;
}

@media all and (max-width: 305px){
	.page-mainpage .region-content-postfix .block h2{
		font-size:1.5em;
	}
	.webform-container-inline label{
		display:block;
		margin-bottom:5px;
	}
	#content .node-webform .webform-component select.form-select,
	#content .node-webform .webform-component input.form-text,
	#cboxContent .node-webform .webform-component input, 
	#cboxContent .node-webform .webform-component select,
	#block-user-login, 
	.page-user #content, 
	.page-user-register #content, 
	.page-user-password #content,
	body.node-type-webform #content .node-webform .webform-component-textfield, 
	body.node-type-webform #content .node-webform .webform-component-email, 
	body.node-type-webform #content .node-webform .webform-component-select, 
	body.node-type-webform #content .node-webform .webform-component-term-reference, 
	body.node-type-webform .webform-component-textfield, 
	body.node-type-webform .webform-component-email, 
	body.node-type-webform .webform-component-select, 
	body.node-type-webform .webform-component-term-reference{
		width:100%;
	}
}

/* Navigation bar */
@media all and (min-width: 480px){
	#main {
		/* Move all the children of #main down to make room. */
		position: relative;
		float:left;
	}
	#navigation {
		/* Move the navbar up inside #main's padding. */
		width: 100%;
	}
}

@media all and (max-width: 480px){
	#main {
		/* Move all the children of #main down to make room. */
		position: relative;
	}
	#navigation {
		/* Move the navbar up inside #main's padding. */
		width: 100%;
	}
	.left-border, .left-border-gr, .right-border, .right-border-gr,
	.main-menu-border, .region-bottom-menu, .region-bottom,
	.top-border, .bottom-border{
		width:100%;
		margin:0 auto;
	}
	
	#block-views-case-studies-ugwf-overview{
		display:none;
	}
	.panel-3col-33-stacked .panel-col-first,
	.panel-3col-33-stacked .panel-col-last,
	.page-mainpage .panel-3col-33-stacked .panel-col,
	.page-mainpage .region-content-postfix .block,
	.page-mainpage .region-frontpage-news #block-views-news-for-mainpage-block,
	.page-mainpage .region-frontpage-news .block-mailchimp-signup,
	body.node-type-webform #content .node-webform .webform-component-textfield, 
	body.node-type-webform #content .node-webform .webform-component-email, 
	body.node-type-webform #content .node-webform .webform-component-select, 
	body.node-type-webform #content .node-webform .webform-component-term-reference, 
	body.node-type-webform .webform-component-textfield, 
	body.node-type-webform .webform-component-email, 
	body.node-type-webform .webform-component-select, 
	body.node-type-webform .webform-component-term-reference{
		width:100%;
	}
	.page-mainpage .region-frontpage-news #block-views-news-for-mainpage-block{
		padding:0;
	}
	.page-mainpage .region-frontpage-news .block-mailchimp-signup,
	.page-mainpage .region-frontpage-news #block-views-news-for-mainpage-block .view-news-for-mainpage{
		float:none;
		padding-left:30px;
		float:none;
		padding-left:30px;
	}
	.page-mainpage .panel-3col-33-stacked .panel-col{
		padding:10px 0 0;
	}
	.region-bottom p.copyright{
		font-size:12px;
	}
	.all-products .all-products-region{
		width:100%;
		margin-bottom:20px;
		padding:0;
	}	
	.all-products .all-products-region-inside{
		padding:0;
	}
	a.blue-button{
		margin:10px 0 20px 0 !important;
	}
	#content .all-products ul.square{
		height:auto;
	}
	.region-bottom{
		height:auto;
	}
	#subcontent-top .product-logo{
		height:auto;
	}
	.inside-logo{
		width:100% !important;
		margin: 20px 0 0;
	}
	#secondary-menu ul.menu{
		width:100%;
		margin-bottom:20px !important;
		position:relative;
		z-index:999;
	}
	#secondary-menu ul.menu > li{
		font-size:12px;
		display:inline;
	}
	#subcontent-bottom .top-text h2{
		line-height:110%;
		font-size:18px;
	}
	#subcontent-bottom .benefit-shrt{
		padding:0px 37px;
	}
	#subcontent-bottom .benefit-shrt ul{
		width:100%;
		padding:0;
	}
	#subcontent-bottom .benefit-shrt li{
		padding: 0 0px 20px;
		width:100%;
		display:inline-block;
		vertical-align: text-top;
	}
	#content .support{
		width:100%;
		display: block;
	}
	#content .support .no-gradient1{
		height:auto;
		margin:10px;
		width:100%;
	}
	.green-button {
		margin:10px 0 0 0 !important;
	}
	#content .benefits-row-bg-l, #content .benefits-row-bg-r{
		background-image:none !important;
		padding:20px;
		width:100%;
		height:auto;
	}
	.block-views .view-case-studies.for-prod-overview td{
		width:90%;
		display:inline-block;
	}

	#content .purchase, #content .downloads{
		height:auto;
	}
	.page-mainpage #content{
		margin-top:5px;
	}
	#subcontent-top .product-logo{
		padding-top:0;
		text-align:center;
	}
	.view-mode-colorbox .green-button,
	.view-mode-colorbox .orange-button {
		float:none !important;
		margin:0 0 10px 0 !important;
	}
	.view-mode-colorbox .field-name-body  div{
		text-align:center;
	}
	.node-type-webform.section-request #content .node-webform,
	.node-type-webform.section-for-partners #content .node-webform{
		width:100%;
		margin:0;
	}
	.webform-container-inline label{
		display:block;
		margin-bottom:5px;
	}
	#content .node-webform .webform-component select.form-select,
	#content .node-webform .webform-component input.form-text,
	#cboxContent .node-webform .webform-component input, 
	#cboxContent .node-webform .webform-component select{
		width:100%;
	}
	#block-user-login, 
	.page-user #content, 
	.page-user-register #content, 
	.page-user-password #content{
		width:100%;
	}
	.header.container, 
	.region-subcontent-bottom, 
	.footer .container.bottom-menu, 
	.container-maincontent,
	.bnnr-content .container,
	.bnnr-content .inside-fixed-mid,
	.front .region-content-postfix,
	.front .region-frontpage-news #block-views-news-for-mainpage-block .view-news-for-mainpage,
	.col-md-6{
		width:100%;
	}
	.header-top-line,
	#navigation .menu.top-left,
	#block-block-67,
	.region-bottom p.copyright,
	.footer .block.block-menu-block{
		padding:0 20px;
	}
	.bnnr-content{
		background-position:center center;
		height:300px;
	}
	.gap-100{
		height:60px;
	}
	.gap-40{
		height:20px;
	}
	.bnnr-content .inside-fixed-mid h3{
		font-size:24px !important;
		line-height:100%;
	}
	.bnnr-content .text{
		font-size:18px !important;
	}
	.info-block{
		width:calc(100% - 30px);
		margin:0;
	}
	.info-block .info-block-img{
		float:left;
	}
	.info-block .info-block-title,
	.info-block .btn{
		font-size: 22px;
		margin-top: 0;
		text-align: left;
		margin-left: 100px;
		margin-bottom: 10px;
	}
	.info-block-content-btn{
		text-align:left;
	}
	.info-block .btn{
		font-size:18px;
	}
	.info-block .info-block-content{
		font-size: 14px;
		text-align: left;
		margin-left: 100px;
		margin-bottom: 20px;
	}
	.front .region-frontpage-news #block-views-news-for-mainpage-block{
		width:auto;
		margin:30px 20px;
	}
	.front .region-frontpage-news, .front .region-content-postfix{
		padding-top:0;
	}
	.region-bottom{
		height:auto;
	}
	#block-block-67{
		margin-bottom:10px;
	}
	#block-block-37{
		background:#7e9dc0;
		padding-bottom:20px;
	}
	#block-menu-block-3{
		display:none;
	}
	.region-bottom .block-block .tos{
		display:block;
		margin-bottom:10px;
		padding-left: 10px;
	}
	.region-bottom p.copyright{
		display: block;
		text-align: left;
	}
	.bnnr-content .btn, .btn{
		font-size:18px;
	}
	#block-block-63{
		font-size:20px;
	}
	.view-taxonomy-term .views-field-field-image{
		float:none;
		margin:0;
	}
	#block-views-category-banner-block-2 .views-view-grid td{
		width:100%;
		float:left;
	}
	#content .content-links,
	#content .integrator-info{
		background: none;
	}
	#content .pdf-content-links li{
		background-size: 18px;
		padding-left: 30px;
		font-size: 18px;
		line-height: 20px;
	}
	#block-block-59 p, #block-block-68 p, #block-block-69 p{
		width:100%;
	}
	#block-views-category-banner-block-3 .views-field-field-term-solutions-info{
		float:none;
		width:100%;
		margin:0;
	}
	.inside-width650, .inside-width600,
	.inside-width550, .inside-width520,
	.inside-width450, .inside-width420,
	.inside-width400, .inside-width380,
	.inside-width350{
		width:auto !important;
		padding-right:30px;
	}
	.fs30{
		font-size:22px;
	}
	.fs20{
		font-size:16px;
	}
	.bnnr-content.banner-in{
		padding-bottom:20px;
		height:auto;
	}
	h1{
		line-height:100%;
	}
	.no-sidebars .node-webform{
		width:100%;
	}
	.view-case-studies.view-display-id-page .views-field.views-field-field-cilent-logo{
		float:none;
		margin-right:0;
		margin-bottom:20px;
	}
	#change-location{
		width: 100%;
		right: 0;
		margin-right: 0;
		padding: 70px 0px;
	}
	#change-location .btns,
	#change-location .text{
		padding:0 20px;
	}
}
/**
* Use 3 grid columns for smaller screens.
*/
@media all and (min-width: 481px) and (max-width: 600px) {
	.left-border, .left-border-gr, .right-border, .right-border-gr,
	.main-menu-border, .region-bottom-menu, .region-bottom,
	.top-border, .bottom-border{
		width:100%;
		margin:0 auto;
	}
	.panel-3col-33-stacked .panel-col-first,
	.panel-3col-33-stacked .panel-col-last,
	.page-mainpage .panel-3col-33-stacked .panel-col,
	.page-mainpage .region-content-postfix .block,
	.page-mainpage .region-frontpage-news #block-views-news-for-mainpage-block,
	.page-mainpage .region-frontpage-news .block-mailchimp-signup,
	body.node-type-webform #content .node-webform .webform-component-textfield, 
	body.node-type-webform #content .node-webform .webform-component-email, 
	body.node-type-webform #content .node-webform .webform-component-select, 
	body.node-type-webform #content .node-webform .webform-component-term-reference, 
	body.node-type-webform .webform-component-textfield, 
	body.node-type-webform .webform-component-email, 
	body.node-type-webform .webform-component-select, 
	body.node-type-webform .webform-component-term-reference{
		width:100%;
	}
	.page-mainpage .region-frontpage-news #block-views-news-for-mainpage-block{
		padding:0;
	}
	.page-mainpage .region-frontpage-news .block-mailchimp-signup,
	.page-mainpage .region-frontpage-news #block-views-news-for-mainpage-block .view-news-for-mainpage,
	.page-mainpage .region-frontpage-news h2{
		float:none;
		padding-left:30px;
	}
	.page-mainpage .panel-3col-33-stacked .panel-col,
	.page-mainpage .panel-panel.panel-col-last{
		padding:5px 0 0;
	}
	.all-products .all-products-region{
		width:100%;
		margin-bottom:20px;
		padding:0;
	}
	
	.all-products .all-products-region-inside{
		padding:0;
	}
	a.blue-button{
		margin:0 20px 0 0 !important;
	}
	#subcontent-bottom .top-text h2{
		line-height:110%;
	}
	#content .support{
		width:100%;
		display: block;
	}
	#content .support .no-gradient1{
		height:auto;
		margin:10px;
		width:100%;
	}
	.page-mainpage #content h2{
		font-size:14px;
	}
	.page-mainpage #content .panel-3col-33-stacked ul li a{
		font-size:12px;
	}
	.region-bottom p.copyright{
		font-size:12px;
	}
	#subcontent-top .product-logo{
		height:auto;
	}
	.inside-logo{
		width:100% !important;
		margin: 20px 0 0;
	}
	#secondary-menu ul.menu{
		width:100%;
		margin-bottom:20px !important;
		position:relative;
		z-index:999;
	}
	#secondary-menu ul.menu > li{
		font-size:12px;
		display:inline;
	}
	#subcontent-bottom .benefit-shrt{
		padding:0px 37px;
	}
	#subcontent-bottom .benefit-shrt ul{
		width:100%;
		padding:0;
	}
	#subcontent-bottom .benefit-shrt li{
		padding: 0 0px 20px;
		width:48%;
		display:inline-block;
		vertical-align: text-top;
	}
	#content .benefits-row-bg-l, #content .benefits-row-bg-r{
		background-image:none !important;
		padding:20px;
		width:100%;
		height:auto;
	}
	.block-views .view-case-studies.for-prod-overview td{
		width:90%;
		display:inline-block;
	}
	.bnnr-content{
		width:100%;
	}
	#content .purchase, #content .downloads{
		height:auto;
	}

	.page-mainpage #content{
		margin-top:5px;
	}
	.node-type-webform.section-request #content .node-webform, 
	.node-type-webform.section-for-partners #content .node-webform{
		width:100%;
		margin:0;
	}
	.header.container, 
	.region-subcontent-bottom, 
	.footer .container.bottom-menu, 
	.container-maincontent,
	.bnnr-content .container,
	.bnnr-content .inside-fixed-mid,
	.front .region-content-postfix,
	.front .region-frontpage-news #block-views-news-for-mainpage-block .view-news-for-mainpage,
	.col-md-6{
		width:100%;
	}
	.header-top-line,
	#navigation .menu.top-left,
	#block-block-67,
	.region-bottom p.copyright,
	.footer .block.block-menu-block{
		padding:0 20px;
	}
	.bnnr-content{
		background-position:center center;
		height:300px;
	}
	.gap-100{
		height:60px;
	}
	.gap-40{
		height:20px;
	}
	.bnnr-content .inside-fixed-mid h3{
		font-size:30px !important;
		line-height:100%;
	}
	.bnnr-content .text{
		font-size:22px !important;
	}
	.info-block{
		width:88%;
		margin:20px 3%;
	}
	.info-block .info-block-img{
		float:left;
	}
	.info-block .info-block-title,
	.info-block .btn{
		font-size: 26px;
		margin-top: 0;
		text-align: left;
		margin-left: 100px;
		margin-bottom: 10px;
	}
	.info-block-content-btn{
		text-align:left;
	}
	.info-block .btn{
		font-size:22px;
	}
	.info-block .info-block-content{
		font-size: 17px;
		text-align: left;
		margin-left: 100px;
		margin-bottom: 20px;
	}
	.front .region-frontpage-news #block-views-news-for-mainpage-block{
		width:auto;
		margin:30px 20px;
	}
	.front .region-frontpage-news, .front .region-content-postfix{
		padding-top:0;
	}
	.region-bottom{
		height:auto;
	}
	#block-block-67{
		margin-bottom:10px;
	}
	#block-block-37{
		background:#7e9dc0;
		padding-bottom:20px;
	}
	#block-menu-block-3{
		display:none;
	}
	.region-bottom .block-block .tos{
		display:block;
		margin-bottom:10px;
		padding-left: 10px;
	}
	.region-bottom p.copyright{
		display: block;
		text-align: left;
	}
	.view-taxonomy-term .views-field-field-image{
		float:none;
		margin:0;
	}
	#block-views-category-banner-block-2 .views-view-grid td{
		width:100%;
		float:left;
	}
	
	#content .content-links,
	#content .integrator-info{
		background: none;
	}
	#content .pdf-content-links li{
		background-size: 18px;
		padding-left: 30px;
		font-size: 18px;
		line-height: 20px;
	}
	#block-block-59 p, #block-block-68 p, #block-block-69 p{
		width:100%;
	}
	#block-views-category-banner-block-3 .views-field-field-term-solutions-info{
		float:none;
		width:100%;
		margin:0;
	}
	.inside-width650, .inside-width600,
	.inside-width550, .inside-width520,
	.inside-width450{
		width:auto !important;
		padding-right:30px;
	}
	.fs30{
		font-size:28px;
	}
	.fs20{
		font-size:18px;
	}
	.bnnr-content.banner-in{
		padding-bottom:20px;
		height:auto;
	}
	.no-sidebars .node-webform{
		width:100%;
	}
	.view-case-studies.view-display-id-page .views-field.views-field-field-cilent-logo{
		float:none;
		margin-right:0;
		margin-bottom:20px;
	}
	#change-location{
		width: 80%;
		right: 50%;
		margin-right: -44%;
		padding: 70px 20px;
	}
	
}

@media all and (min-width: 600px) and (max-width: 959px) {
	.left-border, .left-border-gr, .right-border, .right-border-gr,
	.main-menu-border, .region-bottom-menu, .region-bottom,
	.top-border, .bottom-border{
		width:100%;
		margin:0;
	}
	#secondary-menu ul.menu{
		width:100%;
	}
	.inside-logo{
		width:50% !important;
	}
	#subcontent-top .product-logo > .inside-logo img{
		width:100%;
	}
	.page-mainpage #content{
		margin-top:5px;
	}
	.page-mainpage .region-content-postfix .block h2{
		font-size:15px;
	}
	.panel-3col-33-stacked .panel-col-first,
	.panel-3col-33-stacked .panel-col-last,
	.page-mainpage .panel-3col-33-stacked .panel-col{
		width:32%;
	}
	.page-mainpage .panel-3col-33-stacked .panel-col{
		padding:0 2%;
	}
	.page-mainpage #content h2{
		font-size:16px;
	}
	.page-mainpage .region-frontpage-news #block-views-news-for-mainpage-block{
		width:65%;
	}
	.page-mainpage #content .panel-3col-33-stacked h2{
		text-align:center;
		padding:0;
	}
	.page-mainpage .region-content-postfix .block p, .page-mainpage .region-frontpage-news .view-contentP,
	.region-bottom p.copyright{
		font-size:12px;
	}
	.page-mainpage .region-frontpage-news h2, .page-mainpage .region-content-postfix h2{
		font-size:16px;
	}
	.page-mainpage #content .panel-3col-33-stacked ul{
		padding-left:30px;
	}
	.page-mainpage .region-frontpage-news .block-mailchimp-signup{
		padding-left:0;
		width:25%;
	}
	#content .all-products ul.square{
		height:auto;
	}
	.bnnr-content{
		width:100%;
	}
	#content .support{
		width:100%;
		display: flex;
	}
	#content .support .no-gradient1{
		height:auto;
		margin:10px;
	}
	#content .purchase, #content .downloads{
		height:auto;
	}
	#slider{
		display:none;
	}
	/**
	* The layout when there is only one sidebar, the left one.
	*/

	/* Span 2 columns, starting in 2nd column from left. */
	.sidebar-first #content {
		float: left;
		width: 66.66667%;
		margin-left: 33.33333%;
		margin-right: -100%;
	}

	/* Span 1 column, starting in 1st column from left. */
	.sidebar-first .region-sidebar-first {
		float: left;
		width: 33.33333%;
		margin-left: 0%;
		margin-right: -33.33333%;
	}

	/**
	* The layout when there is only one sidebar, the right one.
	*/

	/* Span 2 columns, starting in 1st column from left. */
	.sidebar-second #content {
		float: left;
		width: 66.66667%;
		margin-left: 0%;
		margin-right: -66.66667%;
	}

	/* Span 1 column, starting in 3rd column from left. */
	.sidebar-second .region-sidebar-second {
		float: left;
		width: 33.33333%;
		margin-left: 66.66667%;
		margin-right: -100%;
	}

	/**
	* The layout when there are two sidebars.
	*/

	/* Span 2 columns, starting in 2nd column from left. */
	.two-sidebars #content {
		float: left;
		width: 66.66667%;
		margin-left: 33.33333%;
		margin-right: -100%;
	}

	/* Span 1 column, starting in 1st column from left. */
	.two-sidebars .region-sidebar-first {
		float: left;
		width: 33.33333%;
		margin-left: 0%;
		margin-right: -33.33333%;
	}

	/* Start a new row and span all 3 columns. */
	.two-sidebars .region-sidebar-second {
		float: left;
		width: 100%;
		margin-left: 0%;
		margin-right: -100%;
		padding-left: 0;
		padding-right: 0;
		clear: left;
	}

	/* Apply the shared properties of grid items in a single, efficient ruleset. */
	.two-sidebars .region-sidebar-second .block {
		padding-left: 10px;
		padding-right: 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		word-wrap: break-word;
		*behavior: url("/path/to/boxsizing.htc");
		_display: inline;
		_overflow: hidden;
		_overflow-y: visible;
	}

	/* Span 1 column, starting in the 1st column from left. */
	.two-sidebars .region-sidebar-second .block:nth-child(3n+1) {
		float: left;
		width: 33.33333%;
		margin-left: 0%;
		margin-right: -33.33333%;
		clear: left;
	}

	/* Span 1 column, starting in the 2nd column from left. */
	.two-sidebars .region-sidebar-second .block:nth-child(3n+2) {
		float: left;
		width: 33.33333%;
		margin-left: 33.33333%;
		margin-right: -66.66667%;
	}

	/* Span 1 column, starting in the 3rd column from left. */
	.two-sidebars .region-sidebar-second .block:nth-child(3n) {
		float: left;
		width: 33.33333%;
		margin-left: 66.66667%;
		margin-right: -100%;
	}
	#slider{
		display:none;
	}
	.page-mainpage #content{
		margin-top:5px;
	}
}
@media all and (min-width: 600px) and (max-width: 700px) {
	.left-border, .left-border-gr, .right-border, .right-border-gr,
	.main-menu-border, .region-bottom-menu, .region-bottom,
	.top-border, .bottom-border{
		width:100%;
		margin:0 auto;
	}
	a.blue-button{
		margin:0 0 20px 0 !important;
	}
	.panel-3col-33-stacked .panel-col-first,
	.panel-3col-33-stacked .panel-col-last,
	.page-mainpage .panel-3col-33-stacked .panel-col{
		width:32%;
	}
	.page-mainpage .region-content-postfix .block h2{
		font-size:12px;
	}
	.page-mainpage #content .panel-3col-33-stacked ul li a{
		font-size:12px;
	}
	#subcontent-bottom .benefit-shrt{
		padding:0px 37px;
	}
	#subcontent-bottom .benefit-shrt ul{
		width:100%;
		padding:0;
	}
	#subcontent-bottom .benefit-shrt li{
		padding: 0 0px 20px;
		width:48%;
		display:inline-block;
		vertical-align: text-top;
	}
	#subcontent-top .product-logo{
		height:auto;
	}
	.inside-logo{
		width:100% !important;
		margin: 20px 0 0;
	}
	#secondary-menu ul.menu > li{
		font-size:12px;
	}
	#secondary-menu ul.menu > li a{
		min-width:auto;
	}
	.sidebar-second #content,
	.sidebar-second .region-sidebar-second{
		width:100%;
		margin:0;		
	}
	#subcontent-bottom .top-text h2{
		line-height:110%;
	}
	.view-display-id-block_10 img{
		margin:0;
	}
	#content .benefits-row-bg-l, #content .benefits-row-bg-r{
		height:auto;
		padding-bottom:0;
		padding-top:0;
	}
	.bnnr-content,
	body.node-type-webform #content .node-webform .webform-component-textfield, 
	body.node-type-webform #content .node-webform .webform-component-email, 
	body.node-type-webform #content .node-webform .webform-component-select, 
	body.node-type-webform #content .node-webform .webform-component-term-reference, 
	body.node-type-webform .webform-component-textfield, 
	body.node-type-webform .webform-component-email, 
	body.node-type-webform .webform-component-select, 
	body.node-type-webform .webform-component-term-reference{
		width:100%;
	}
	.bnnr-content .inside-fixed-mid h3{
		font-size:20px;
		line-height:20px;
	}
	.bnnr-content .inside-fixed-mid > .text{
		font-size:16px;
	}
	#content .support{
		width:100%;
		display: flex;
	}
	#content .support .no-gradient1{
		height:auto;
		margin:10px;
	}
	.page-mainpage #content h2{
		font-size:14px;
	}
	.page-mainpage #content .panel-3col-33-stacked ul li a{
		font-size:12px;
	}
	.block-views .view-case-studies.for-prod-overview td{
		width:90%;
		display:inline-block;
	}
	#slider{
		display:none;
	}
	.page-mainpage #content{
		margin-top:5px;
	}
	.node-type-webform.section-request #content .node-webform, 
	.node-type-webform.section-for-partners #content .node-webform{
		width:100%;
		margin:0;
	}
	.page-mainpage #content h2{
		font-size:13px;
	}
	.page-mainpage .region-content-postfix h2.technical-assistance{
		margin-bottom:24px;
		height:24px;
		line-height:120%;
	}
	.header.container, 
	.region-subcontent-bottom, 
	.footer .container.bottom-menu, 
	.container-maincontent,
	.bnnr-content .container,
	.bnnr-content .inside-fixed-mid,
	.front .region-content-postfix,
	.front .region-frontpage-news #block-views-news-for-mainpage-block .view-news-for-mainpage{
		width:100%;
	}
	.header-top-line,
	#navigation .menu.top-left,
	#block-block-67,
	.region-bottom p.copyright,
	.footer .block.block-menu-block{
		padding:0 20px;
	}
	.bnnr-content{
		background-position:center center;
		height:340px;
	}
	.gap-100{
		height:60px;
	}
	.bnnr-content .inside-fixed-mid h3{
		font-size:30px !important;
		line-height:100%;
	}
	.bnnr-content .text{
		font-size:22px !important;
	}
	.info-block{
		width:90%;
		margin:20px 3%;
	}
	.info-block .info-block-img{
		float:left;
	}
	.info-block .info-block-title,
	.info-block .btn{
		font-size: 26px;
		margin-top: 0;
		text-align: left;
		margin-left: 100px;
		margin-bottom: 10px;
	}
	.info-block-content-btn{
		text-align:left;
	}
	.info-block .btn{
		font-size:22px;
	}
	.info-block .info-block-content{
		font-size: 17px;
		text-align: left;
		margin-left: 100px;
		margin-bottom: 20px;
	}
	.front .region-frontpage-news #block-views-news-for-mainpage-block{
		width:auto;
		margin:30px 20px;
	}
	.front .region-frontpage-news, .front .region-content-postfix{
		padding-top:0;
	}
	.region-bottom{
		height:auto;
	}
	#block-block-67{
		margin-bottom:10px;
	}
	#block-block-37{
		background:#7e9dc0;
		padding-bottom:20px;
	}
	#block-menu-block-3{
		display:none;
	}
	.view-taxonomy-term .views-field-field-image{
		float:none;
		margin:0;
	}
	#content .content-links{
		background-size: 120px;
	}
	#content .pdf-content-links li{
		background-size: 18px;
		padding-left: 30px;
		font-size: 18px;
		line-height: 20px;
	}
	#block-views-category-banner-block-3 .views-field-field-term-solutions-info{
		float:none;
		width:100%;
		margin:0;
	}
	.inside-width650, .inside-width600{
		width:auto !important;
		padding-right:30px;
	}
	.no-sidebars .node-webform{
		width:100%;
	}
	.view-case-studies.view-display-id-page .views-field.views-field-field-cilent-logo{
		float:none;
		margin-right:0;
		margin-bottom:20px;
	}
}
@media all and (min-width: 700px) and (max-width: 850px) {
	.left-border, .left-border-gr, .right-border, .right-border-gr,
	.main-menu-border, .region-bottom-menu, .region-bottom,
	.top-border, .bottom-border{
		width:100%;
		margin:0 auto;
	}
	.panel-3col-33-stacked .panel-col-first,
	.panel-3col-33-stacked .panel-col-last,
	.page-mainpage .panel-3col-33-stacked .panel-col{
		width:32%;
	}
	.page-mainpage .region-content-postfix .block h2{
		font-size:12px;
	}
	.page-mainpage #content .panel-3col-33-stacked ul li a{
		font-size:12px;
	}
	.page-mainpage .region-content-postfix .block p, .page-mainpage .region-frontpage-news .view-contentP,
	.region-bottom p.copyright{
		font-size:12px;
	}
	.page-mainpage .region-frontpage-news h2, .page-mainpage .region-content-postfix h2{
		font-size:16px;
	}
	#content .all-products ul.square{
		height:auto;
	}
	a.blue-button{
		margin:0 0 20px 0 !important;
	}
	#subcontent-bottom .benefit-shrt{
		padding:0px 37px;
	}
	#subcontent-bottom .benefit-shrt ul{
		width:100%;
		padding:0;
	}
	#subcontent-bottom .benefit-shrt li{
		padding: 0 10px 20px;
		width:30%;
		display:inline-block;
		vertical-align: text-top;
	}
	.inside-logo{
		width:100% !important;
	}
	#subcontent-top .product-logo{
		height:auto;
	}
	a.empty, a.empty:hover, a.cart, a.cart:hover, a.arrow-down, a.arrow-down:hover, a.info, a.info:hover{
		font-size:16px;
	}
	#content .purchase, #content .downloads{
		height:auto;
	}
	#content .support{
		width:100%;
		display: flex;
	}
	#content .support .no-gradient1{
		height:auto;
		margin:10px;
	}
	.block-views .view-case-studies.for-prod-overview td{
		width:90%;
		display:inline-block;
	}
	#slider{
		display:none;
	}
	.page-mainpage #content{
		margin-top:5px;
	}
	.header.container, 
	.region-subcontent-bottom, 
	.footer .container.bottom-menu, 
	.container-maincontent,
	.bnnr-content .container,
	.bnnr-content .inside-fixed-mid,
	.front .region-content-postfix,
	.front .region-frontpage-news #block-views-news-for-mainpage-block .view-news-for-mainpage{
		width:100%;
	}
	.header-top-line,
	#navigation .menu.top-left,
	#block-block-67,
	.region-bottom p.copyright,
	.footer .block.block-menu-block{
		padding:0 20px;
	}
	.bnnr-content{
		background-position:center center;
		height:400px;
	}
	.gap-100{
		height:80px;
	}
	.bnnr-content .inside-fixed-mid h3{
		font-size:44px !important;
	}
	.info-block{
		width:90%;
		margin:20px 3%;
	}
	.info-block .info-block-img{
		float:left;
	}
	.info-block .info-block-title,
	.info-block .btn{
		font-size: 26px;
		margin-top: 0;
		text-align: left;
		margin-left: 100px;
		margin-bottom: 10px;
	}
	.info-block-content-btn{
		text-align:left;
	}
	.info-block .btn{
		font-size:22px;
	}
	.info-block .info-block-content{
		font-size: 17px;
		text-align: left;
		margin-left: 100px;
		margin-bottom: 20px;
	}
	.front .region-frontpage-news #block-views-news-for-mainpage-block{
		width:auto;
		margin:30px 20px;
	}
	.front .region-frontpage-news, .front .region-content-postfix{
		padding-top:0;
	}
	.region-bottom{
		height:auto;
	}
	#block-block-67{
		margin-bottom:10px;
	}
	#block-block-37{
		background:#7e9dc0;
		padding-bottom:20px;
	}
	#block-views-category-banner-block-3 .views-field-field-term-solutions-info{
		float:none;
		width:100%;
		margin:0;
	}
	.no-sidebars .node-webform{
		width:100%;
	}
}

@media all and (min-width: 850px) and (max-width: 1035px){
	.left-border, .left-border-gr, .right-border, .right-border-gr,
	.main-menu-border, .region-bottom-menu, .region-bottom,
	.top-border, .bottom-border{
		width:100%;
		margin:0 auto;
	}
	.panel-3col-33-stacked .panel-col-first,
	.panel-3col-33-stacked .panel-col-last,
	.page-mainpage .panel-3col-33-stacked .panel-col{
		width:32%;
	}
	.page-mainpage .region-content-postfix .block h2{
		font-size:16px;
	}
	a.blue-button{
		margin:0 20px 20px 0 !important;
	}
	#subcontent-bottom .benefit-shrt ul{
		width:100%;
		padding:0;
	}
	#subcontent-bottom .benefit-shrt li:first-child{
		padding-left:15px;
	}
	#subcontent-bottom .benefit-shrt li:last-child{
		padding-right:15px;
	}
	#content .support{
		width:100%;
		display: flex;
	}
	#content .support .no-gradient1{
		height:auto;
		margin:10px;
	}
	.header.container, 
	.region-subcontent-bottom, 
	.footer .container.bottom-menu, 
	.container-maincontent,
	.bnnr-content .container,
	.bnnr-content .inside-fixed-mid,
	.front .region-content-postfix{
		width:100%;
	}
	.header-top-line,
	#navigation .menu.top-left,
	#block-block-67,
	.region-bottom p.copyright,
	.footer .block.block-menu-block{
		padding:0 20px;
	}
	.bnnr-content{
		background-position:center center;
	}
	.info-block{
		width:26%;
		margin:0 0 0 3%;
	}
	.info-block .info-block-title{
		font-size:22px;
	}
	.info-block .info-block-content{
		font-size:15px;
	}
	.front .region-frontpage-news #block-views-news-for-mainpage-block{
		width:auto;
		margin:30px 20px;
	}
	
}
/**
* Use 5 grid columns for larger screens.
*/
@media all and (min-width: 960px) and (max-width: 1199px){
	.left-border, .left-border-gr, .right-border, .right-border-gr,
	.main-menu-border, .region-bottom-menu, .region-bottom,
	.top-border, .bottom-border{
		width:100%;
		margin:0;
	}
	#secondary-menu ul.menu,
	.bnnr-content{
		width:100%;
	}
	.panel-3col-33-stacked .panel-col-first,
	.panel-3col-33-stacked .panel-col-last,
	.page-mainpage .panel-3col-33-stacked .panel-col{
		width:32%;
	}
	.page-mainpage .region-content-postfix .block h2{
		font-size:18px;
	}
	.page-mainpage .region-frontpage-news #block-views-news-for-mainpage-block{
		width:60%;
	}
	.page-mainpage .panel-3col-33-stacked .panel-col{
		padding:0 2%;
	}
	.page-mainpage .region-frontpage-news .block-mailchimp-signup{
		width:25%;
		padding-left:0;
	}
	.page-mainpage #content .panel-3col-33-stacked h2{
		padding:0;
		text-align:center;
	}
	#subcontent-bottom .benefit-shrt ul{
		width:100%;
		padding:0;
	}
	#subcontent-bottom .benefit-shrt li:first-child{
		padding-left:15px;
	}
	#subcontent-bottom .benefit-shrt li:last-child{
		padding-right:15px;
	}

	#content .support{
		width:100%;
		display: flex;
	}
	#content .support .no-gradient1{
		height:auto;
		margin:10px;
	}
	/**
	* The layout when there is only one sidebar, the left one.
	*/

	/* Span 4 columns, starting in 2nd column from left. */
	.sidebar-first #content {
		float: left;
		width: 72%;
		margin-left: 28%;
		margin-right: -100%;
	}

	/* Span 1 column, starting in 1st column from left. */
	.sidebar-first .region-sidebar-first {
		float: left;
		width: 25%;
		margin-left: 0%;
		margin-right: -20%;
	}

	/**
	* The layout when there is only one sidebar, the right one.
	*/

	/* Span 4 columns, starting in 1st column from left. */
	.sidebar-second #content {
		float: left;
		width: 72%;
		margin-left: 0%;
		margin-right: -80%;
	}

	/* Span 1 column, starting in 5th column from left. */
	.sidebar-second .region-sidebar-second {
		float: left;
		width: 25%;
		margin-left: 75%;
		margin-right: -100%;
	}

	/**
	* The layout when there are two sidebars.
	*/

	/* Span 3 columns, starting in 2nd column from left. */
	.two-sidebars #content {
		float: left;
		width: 60%;
		margin-left: 20%;
		margin-right: -80%;
	}

	/* Span 1 column, starting in 1st column from left. */
	.two-sidebars .region-sidebar-first {
		float: left;
		width: 20%;
		margin-left: 0%;
		margin-right: -20%;
	}

	/* Span 1 column, starting in 5th column from left. */
	.two-sidebars .region-sidebar-second {
		float: left;
		width: 20%;
		margin-left: 80%;
		margin-right: -100%;
	}	
	.header.container, 
	.region-subcontent-bottom, 
	.footer .container.bottom-menu, 
	.container-maincontent,
	.bnnr-content .container,
	.bnnr-content .inside-fixed-mid,
	.front .region-content-postfix{
		width:100%;
	}
	.header-top-line,
	#navigation .menu.top-left,
	#block-block-67,
	.region-bottom p.copyright,
	.footer .block.block-menu-block{
		padding:0 20px;
	}
	.bnnr-content{
		background-position:center center;
	}
	.info-block{
		width:26%;
		margin:0 0 0 3%;
	}
}
@media all and (min-width: 1200px) {

	/**
	* The layout when there is only one sidebar, the left one.
	*/

	/* Span 4 columns, starting in 2nd column from left. */
	.sidebar-first #content {
		float: left;
		width: 72%;
		margin-left: 28%;
		margin-right: -100%;
	}

	/* Span 1 column, starting in 1st column from left. */
	.sidebar-first .region-sidebar-first {
		float: left;
		width: 25%;
		margin-left: 0%;
		margin-right: -20%;
	}

	/**
	* The layout when there is only one sidebar, the right one.
	*/

	/* Span 4 columns, starting in 1st column from left. */
	.sidebar-second #content {
		/*float: left;*/
		width: 72%;
		margin-left: 0%;
		margin-right: -80%;
		display:inline-block;
	}
aside{
	display:inline;
}
	/* Span 1 column, starting in 5th column from left. */
	.sidebar-second .region-sidebar-second {
		float: left;
		width: 25%;
		margin-left: 75%;
		margin-right: -100%;
	}

	/**
	* The layout when there are two sidebars.
	*/

	/* Span 3 columns, starting in 2nd column from left. */
	.two-sidebars #content {
		float: left;
		width: 60%;
		margin-left: 20%;
		margin-right: -80%;
	}

	/* Span 1 column, starting in 1st column from left. */
	.two-sidebars .region-sidebar-first {
		float: left;
		width: 20%;
		margin-left: 0%;
		margin-right: -20%;
	}

	/* Span 1 column, starting in 5th column from left. */
	.two-sidebars .region-sidebar-second {
		float: left;
		width: 20%;
		margin-left: 80%;
		margin-right: -100%;
	}
}