.col2 .panel { display:inline-block; height: 100%; width: 42.5%; background:url(../img/build/product/product_panelBg.png) no-repeat; background-size: 100% 100%;  padding: 3% 2.5% 3% 2.5%; position: relative; vertical-align: top; }

.no-backgroundsize .col2 .panel { width: 42%; background: none; background-color: #e4e5e6; border-bottom: 1px #ccc solid; border-right:1px #ccc solid;}

.col1 .panel { display: inline-block; width: 40.9%; background:url(../img/build/product/product_1ColPanelBg.png) no-repeat; background-size: 100% 100%; margin-bottom: 5%; padding: 3% 3.3% 4% 3.3%;}

.no-backgroundsize .col1 .panel { background: none; background-color: #fff; border-bottom: 1px #ccc solid; border-right:1px #ccc solid;}

.col1 .panel:nth-child(1) { margin-right: 5%;}

.col1  h3 { font-size: 1.6em; padding-left: 3.3%; padding-bottom: 8%;}

.col1 .divider { display: none; }

.additional { margin: 0% 0% 0% 3%;}

.additional .col2 { margin: 0; padding-top: 3%;}

.col2 .panel:nth-child(1) { margin-right: 5%;}

.panel h2 { margin-bottom:7%; position: relative;  z-index: 1;}

.panel img { width: 100%; margin-bottom: 5.5%;}

.additional .panel img { width: 100%; margin-bottom: 7%;}

.additional .single img { width: 45%; padding-right: 5%; margin-bottom: 0%; display: inline-block; vertical-align: top;}

.additional .single .panel{ width: 100%; padding-top: 3%; }

.additional .single .panel .details { display: inline-block; width: 48%; vertical-align:bottom;}

.panel p { color: #534d4a; font-size: 1em; margin-bottom: 5.5%; position: relative; z-index: 1; min-height:30px;}

.panel p.more { font-weight: bold; 	color: #00456b;}

.col1 .panel p.more { padding-left: 3.3%;}

.panel .cta { color: #fff; font-family: "interStateBco", sans-serf; font-size: 1.3em; text-shadow: 0px 1px rgba(0,0,0,0.12); text-transform: uppercase; padding: 10px 31px 12px 14px; background:url(../img/build/cta_blueBg.png) no-repeat; background-size: 100% 100%; width: 80px;}

.no-backgroundsize .panel .cta {background: none; background-color: #265784; border: 1px #ccc solid;  padding: 3.5%;}

.promo .panel { position: relative; background:url(../img/build/product/product_promoPanelBg.png) no-repeat; background-size: 100% 100%; padding: 8.6% 7.7% 8.6% 7.7%;  margin: 5% 5.3% 0 0 ;}

.promo h2 { width:70%; font-size: 1.7em; margin-bottom: 8%; }

.promo img { position: absolute; top:-4%; right: -3%; width: auto; height: auto; z-index: 0;}

.additional .panel { background: none;  padding: 0; width: 48%; margin: 0;}

.no-backgroundsize .additional .panel { background: none; border: none;}

.additional .col2 .panel:nth-child(1) { margin-left: 0%; margin-right: 4%;}

.additional .caption { padding-top: 5%;}

.additional .legal { font-size: 0.75em; margin-left: 1.5%; color:color: #534d4a;  }


@media only screen and (min-width: 750px) {

.col2 .panel {}

.panel .cta { width: 100px; padding: 14px 35px 16px 19px; font-size: 1.6em;}

.col1 .panel { display: inline-block; width: 84.4%; background:url(../img/build/product/product_1ColPanelBg.png) no-repeat; background-size: 100% 100%; margin-bottom: 5%; margin-left: 9%; padding: 8.6% 3.3% 4% 3.3%;}

.col1 .panel h3 { font-size: 1.6em; }

.col1 .divider { display: inline-block; width: 91%; margin-left: 9%; padding-bottom: 10%; padding-top:8%; background-position: center center;}

.promo h2 { width: 55%;}

.promo .panel {margin: 0; margin-left: 10%;}

.panel p { font-size: 1.2em;}

.additional { margin: 0% 0% 0% 0%;}

.additional .legal { font-size: 1em; }

}