/* Vibrant theme */
/* 
Version 1 - Fourcomponent image height fix and Social icons position changes

Version 2 - Fourcomponent padding adjustment. 

Version 3 - Removed delicious icon class and added pinterest icon class

Version 4 - Removed underline for footer links.

Version 5 - Image height made to auto, mainTable width set to fullwidth

Version 6 - Mobile preview bug fix

Version 7 - Primary six colors are duplicated for Vibrant theme -- because of color issue 03-21-2018

Version 8 - UAT fix  03-28-2018

Version 9 - Fix for Vibrant footer links -- Line height issue in mobile view.

Version 10 - Maroonband CTA button hover issue.

*/

/************************************************
*        colorcode classes gose here          *
************************************************/
  .VB-C1 .fillBG{background-color: #00758F;}
  .VB-C1 .fillTXT{color: #00758F !important;}
  .VB-C1 .fillTXT a, .NonTech-C1 .fillTXT span{color: #00758F !important;}
  .VB-C2 .fillBG{background-color: #F29111;}
  .VB-C2 .fillTXT{color: #F29111 !important;}
  .VB-C2 .fillTXT a, .NonTech-C2 .fillTXT span{color: #F29111 !important;}
  .VB-C3 .fillBG{background-color: #324B5C;}
  .VB-C3 .fillTXT{color: #324B5C !important;}
  .VB-C3 .fillTXT a, .NonTech-C3 .fillTXT span{color: #324B5C !important;}
  .VB-C4 .fillBG{background-color: #942645;}
  .VB-C4 .fillTXT{color: #942645 !important;}
  .VB-C4 .fillTXT a, .NonTech-C4 .fillTXT span{color: #942645 !important;}
  .VB-C5 .fillBG{background-color: #3A913F;}
  .VB-C5 .fillTXT{color: #3A913F !important;}
  .VB-C5 .fillTXT a, .NonTech-C5 .fillTXT span{color: #3A913F !important;}
  .VB-C6 .fillBG{background-color: #8AADBF;}
  .VB-C6 .fillTXT{color: #8AADBF !important;}
  .VB-C6 .fillTXT a, .NonTech-C6 .fillTXT span{color: #8AADBF !important;}



/* General styles */
body{
	color: #4E5052;
}
div#mainTable{
	color: #4E5052;
}
.container {
	float: left;
	width: 100%;
}

.vb-wrapper {
	width: 100%;
	padding: 0px;
	margin: 0 auto;
}

.nonTech-wrapper {
	border-bottom: 0px solid #e6e6e6;
}

.fullWidth {
	float: left;
	width: 100%;
	height: auto;
}

.content-center {
	margin: 0 auto;
	float: none;
	display: table;
}

.smallBand {
	min-height: 38px;
	width: auto;
	float: left;
	margin: 18px 0px 18px 20px;
	font-weight: bold;
	font-size: 16px;
}

.bandarrow {
	background: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png) no-repeat;
	width: 26px;
	height: 22px;
	background-size: 100%;
	top: 27px;
	left: 2px;
	position: relative;
	display: inline-block;
}

.colorpara {
	padding: 20px 20px;
	float: left;
	min-height: 65px;
	color: #4E5052;
}

.square79 {
	width: 79px;
	height: 79px;
	border: none;
}

.square79 img {
	float: left;
	width: 100%;
	border: none;
}

.xspadRL12 {
	padding-left: 12px;
	padding-right: 12px;
}

.padT60 {
	padding-top: 30px !important;
}

.padB60 {
	padding-bottom: 30px !important;
}

.padT40 {
	padding-top: 40px;
}

.padB40 {
	padding-bottom: 40px;
}

.padT30 {
	padding-top: 30px !important;
}

.padB30 {
	padding-bottom: 30px !important;
}

.padB20 {
	padding-bottom: 20px;
}

.padL94 {
	padding-left: 94px;
}

.padR94 {
	padding-right: 94px;
}

.padA0 {
	padding: 0px;
}

.margA0 {
	margin: 0px;
}

.margT30 {
	margin-top: 30px;
}

.margT15 {
	margin-top: 15px;
}

.margT1520 {
	margin-top: 20px;
}

.xsmargB30 {
	margin-bottom: 30px;
}

.lg-md-margB60 {
	margin-bottom: 0px;
}

.MarT60 {
	margin-top: 30px !important;
}

.vbF16 {
	font-size: 14px;
}

.vbF18 {
	font-size: 16px;
}

.vbF19 {
	font-size: 14px;
}

.vbF25 {
	font-size: 25px;
}

.vbF30 {
	font-size: 20px;
}

.vbF36 {
	font-size: 25px;
}

h1.vbF30{
	font-weight: normal;
}

.yellowBG {
	background-color: #F29111;
}

.blueBG {
	background-color: #00758F;
}

.darkBlueBG {
	background-color: #003b4d;
}

.greenBG {
	background-color: #3A913F;
}

.greyBG {
	background-color: #E3E7EA;
}

.lightBlueBG {
	background-color: #8aadbf;
}

.maroonBand .container {
	background-color: #942645;
}

.VBMaroonCTA a {
	background-color: #592439;
	padding-right: 22px;
}

.VBMaroonCTA:hover a {
	border: 2px solid #592439;
	background-color: #fff;
	color: #592439;
}

.VBMaroonCTA .txt,
.fColorWhite,
.maroonBand .bandTextContainer,
.vb-FC-white,
.vb-FC-white a,
.fourBoxLayout .btn-txt1 .txt {
	color: #fff;
	text-decoration:none;
}

.VBMaroonCTA:hover .txt {
	color: #592439;
}

.VBMaroonCTA .arrow {
	background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png);
}

.VBMaroonCTA:hover .arrow {
	background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-brown-arw.png);
}

.maroonBand .vb-wrapper {
	display: table;
}

.maroonBand .bandTextContainer {
	display: table-cell;
	vertical-align: middle;
}

.fourBoxLayout .btn-txt1 .txt:after {
	background: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png) no-repeat;
}

.maroonBand .socialIcons {
	float: right;
	text-align: right;
}

.VBfooter .footerLinks,
.VBfooter a {
	color: #8cacc0;
	font-size: 13px;
	text-decoration: none !important;
}

.VBfooter .tp-footer .rev-ftr-text-div{
	   line-height: 1.5;
}

.socialIcons a{
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 9px;
	height: 40px;
	width: 40px;
	border: 0px;
	background-repeat: no-repeat;
}

.txt.fourBoxArrow::after{
	content: "" !important;
	display: block !important;
	background: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png) no-repeat;
	width: 27px !important;
	height: 21px !important;
	background-size: 100% !important;
	top: 6px !important;
	left: 8px !important;
	position: relative !important;
	display: inline-block !important;
}

.Vb-Pinterest {
	background-image: url('https://www.oracle.com/webfolder/s/dm/image9/vb-sprite.png');
	background-position: 0px 0px;
}

.Vb-Flickr {
	background-image: url('https://www.oracle.com/webfolder/s/dm/image9/vb-sprite.png');
	background-position: -49px 0px;
}

.Vb-SlideShare {
	background-image: url('https://www.oracle.com/webfolder/s/dm/image9/vb-sprite.png');
	background-position: -98px 0px;
}

.Vb-Weibo {
	background-image: url('https://www.oracle.com/webfolder/s/dm/image9/vb-sprite.png');
	background-position: -147px 0px;
}

.Vb-Podcast {
	background-image: url('https://www.oracle.com/webfolder/s/dm/image9/vb-sprite.png');
	background-position: -196px 0px;
}

.Vb-Instagram {
	background-image: url('https://www.oracle.com/webfolder/s/dm/image9/vb-sprite.png');
	background-position: -245px 0px;
}

.Vb-Rss {
	background-image: url('https://www.oracle.com/webfolder/s/dm/image9/vb-sprite.png');
	background-position: -294px 0px;
}

.Vb-Googleplus {
	background-image: url('https://www.oracle.com/webfolder/s/dm/image9/vb-sprite.png');
	background-position: 0px -49px;
}

.Vb-Youku {
	background-image: url('https://www.oracle.com/webfolder/s/dm/image9/vb-sprite.png');
	background-position: -49px -49px;
}

.Vb-YouTube {
	background-image: url('https://www.oracle.com/webfolder/s/dm/image9/vb-sprite.png');
	background-position: -98px -49px;
}

.Vb-Facebook {
	background-image: url('https://www.oracle.com/webfolder/s/dm/image9/vb-sprite.png');
	background-position: -147px -49px;
}

.Vb-LinkedIn {
	background-image: url('https://www.oracle.com/webfolder/s/dm/image9/vb-sprite.png');
	background-position: -196px -49px;
}

.Vb-Blog {
	background-image: url('https://www.oracle.com/webfolder/s/dm/image9/vb-sprite.png');
	background-position: -245px -49px;
}

.Vb-Twitter {
	background-image: url('https://www.oracle.com/webfolder/s/dm/image9/vb-sprite.png');
	background-position: -294px -49px;
}

.btn-txt .txt span, .btn-txt1 .txt span {
    display: inline-block;
	font-size: 14px;
	font-weight:bold;
}

.btn-txt1 .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png") no-repeat;
    width: 23px;
    height: 18px;
    background-size: 100%;
    top: 6px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
  
  .btn-txt .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/white-arw.png") no-repeat;
    width: 23px;
    height: 18px;
    background-size: 100%;
    top: 6px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
  
 .logoText h1{color:#000000;}

@media (min-width: 309px) and (max-width: 318px) {
    .maroonBG .bandTextContainer {
		display: block;
		text-align: center;
	}
	.VBMaroonCTA {
		padding-top: 30px;
		width: 100%;
		display: flex;
	}
	.maroonBG .bandTextContainer .mainText1 {
		display: table;
		width: 100%;
		font-size: 22px;
	}
	.maroonBG .bandTextContainer .mainText2 {
		padding-top: 10px;
		display: table;
		width: 100%;
		font-size: 18px;
	}
	.maroonBand .socialIcons {
		padding-top: 30px;
		text-align: center;
        float: none;
	}
	.VBfooter img {
		width: 70%;
	}
	.socialIcons {
		display: table;
		margin: 0 auto;
        float: none;
	}
    .fourBoxLayout .textContainer,
	.fourBoxLayout .imgContainer1 {
		float: left;
		width: 100%;
	}
	.fourBoxLayout .imgContainer2 {
		float: right;
	}
	.fourBoxLayout .imgContainer2 {
		width: 100%;
	}
	.fourBoxLayout .imgContainer1 img,
	.fourBoxLayout .imgContainer2 img {
		width: 100%;
		vertical-align: middle;
		height: auto !important;
	}
	.fourBoxLayout .section1,
	.fourBoxLayout .section2 {
		display: table;
		width: 100%;
		color: #fff;
	}
	.fourBoxLayout .section1 .textContainer {
		display: table;
	}
	.fourBoxLayout .section2 .textContainer {
		display: table;
	}
	.fourBoxLayout .textContainer .content {
		padding: 20px 35px;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
	.fourBoxLayout .textContainer .content .headerText {
		font-weight: bold;
		font-size: 16px;
	}
	.fourBoxLayout .textContainer .content .subText {
		font-size: 14px;
	}
	
	.btn-txt .txt span, .btn-txt1 .txt span {
		display: inline-block;
		font-size: 14px;
		font-weight:bold;
	}
	.btn-txt1 .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png") no-repeat;
    width: 23px;
    height: 18px;
    background-size: 100%;
    top: 6px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
  
  .btn-txt .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/white-arw.png") no-repeat;
    width: 23px;
    height: 18px;
    background-size: 100%;
    top: 6px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
}


@media (min-width: 318px) {
	.vb-wrapper {
		width: 100%;
		padding: 0px;
		margin: 0 auto;
	}
	.VBLogoComp {
		margin-bottom: 20px;
		width: 94% !important;
	}
	.xspadRL12 {
		padding-left: 12px;
		padding-right: 12px;
	}
	.padT60 {
		padding-top: 30px !important;
	}
	.MarT60 {
		margin-top: 30px !important;
	}
	.padB60 {
		padding-bottom: 30px !important;
	}
	.padT30 {
		padding-top: 30px !important;
	}
	.padB30 {
		padding-bottom: 30px !important;
	}
	.margT15 {
		margin-top: 15px;
	}
	.margT1520 {
		margin-top: 20px;
	}
	.xsmargB30 {
		margin-bottom: 30px;
	}
	.lg-md-margB60 {
		margin-bottom: 0px;
	}
	.vbF16 {
		font-size: 14px;
	}
	.vbF18 {
		font-size: 16px;
	}
	.vbF19 {
		font-size: 14px;
	}
	.vbF25 {
		font-size: 25px;
	}
	.vbF30 {
		font-size: 20px;
	}
	.vbF36 {
		font-size: 25px;
	}
	.smallBand {
		min-height: 38px;
		width: auto;
		float: left;
		margin: 16px 0px 16px 20px;
		font-weight: bold;
		font-size: 16px;
	}
	.bandarrow {
		background: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png) no-repeat;
		width: 26px;
		height: 22px;
		background-size: 100%;
		top: 27px;
		left: 2px;
		position: relative;
		display: inline-block;
	}
	.colorpara {
		padding: 20px 20px;
		float: left;
		min-height: 65px;
		color: #4E5052;
	}
	.square79 {
		width: 79px;
		height: 79px;
		border: none;
	}
	.square79 img {
		float: left;
		width: 100%;
		border: none;
	}
	.fourBoxLayout .textContainer,
	.fourBoxLayout .imgContainer1 {
		float: left;
		width: 100%;
	}
	.fourBoxLayout .imgContainer2 {
		float: right;
	}
	.fourBoxLayout .imgContainer2 {
		width: 100%;
	}
	.fourBoxLayout .imgContainer1 img,
	.fourBoxLayout .imgContainer2 img {
		width: 100%;
		vertical-align: middle;
		height: auto !important;
	}
	.fourBoxLayout .section1,
	.fourBoxLayout .section2 {
		display: table;
		width: 100%;
		color: #fff;
	}
	.fourBoxLayout .section1 .textContainer {
		display: table;
	}
	.fourBoxLayout .section2 .textContainer {
		display: table;
	}
	.fourBoxLayout .textContainer .content {
		padding: 20px 35px;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
	.fourBoxLayout .textContainer .content .headerText {
		font-weight: bold;
		font-size: 16px;
	}
	.fourBoxLayout .textContainer .content .subText {
		font-size: 14px;
	}
	.maroonBand .socialIcons {
		float: none;
	}
	
	.btn-txt .txt span, .btn-txt1 .txt span {
		display: inline-block;
		font-size: 14px;
		font-weight:bold;
	}
	.btn-txt1 .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png") no-repeat;
    width: 23px;
    height: 18px;
    background-size: 100%;
    top: 6px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
  
  .btn-txt .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/white-arw.png") no-repeat;
    width: 23px;
    height: 18px;
    background-size: 100%;
    top: 6px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
}

@media (min-width: 318px) and (max-width: 767px) {
	.VBLogoComp {
		width: 92% !important;
	}
	
	.maroonBG .bandTextContainer {
		display: block;
		text-align: center;
	}
	.VBMaroonCTA {
		padding-top: 30px;
		width: 100%;
		display: flex;
	}
	.hyphen {
		display: none;
	}
	.maroonBG .bandTextContainer .mainText1 {
		display: table;
		width: 100%;
		font-size: 22px;
	}
	.maroonBG .bandTextContainer .mainText2 {
		padding-top: 10px;
		display: table;
		width: 100%;
		font-size: 18px;
	}
	.maroonBand .socialIcons {
		padding-top: 30px;
		text-align: center;
	}
	.VBfooter img {
		width: 70%;
	}
	.socialIcons {
		display: table;
		margin: 0 auto;
	}
}

@media (min-width: 768px) and (max-width: 768px) {
	.fourBoxLayout .imgContainer1 img,
	.fourBoxLayout .imgContainer2 img {
		height: 161px;
	}
}

@media (min-width: 768px) {
	.VBLogoComp {
		width: 100% !important;
	}
	
	.vb-wrapper {
		width: 100%;
		padding: 0px;
		margin: 0 auto;
	}
	.margT15 {
		margin-top: 10px;
	}
	.margT1520 {
		margin-top: 15px;
	}
	.xsmargB30 {
		margin-bottom: 0px;
	}
	.lg-md-margB60 {
		margin-bottom: 40px;
	}
	.xspadRL12 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.padT60 {
		padding-top: 40px !important;
	}
	.MarT60 {
		margin-top: 40px !important;
	}
	.padT30 {
		padding-top: 20px !important;
	}
	.padB30 {
		padding-bottom: 20px !important;
	}
	.padB60 {
		padding-bottom: 40px !important;
	}
	.vbF16 {
		font-size: 14px;
	}
	.vbF18 {
		font-size: 16px;
	}
	.vbF19 {
		font-size: 14px;
	}
	.vbF25 {
		font-size: 20px;
	}
	.vbF30 {
		font-size: 25px;
	}
	.vbF36 {
		font-size: 25px;
	}
	.smallBand {
		min-height: 36px;
		width: auto;
		float: left;
		margin: 12px 0px 12px 17px;
		font-weight: bold;
		font-size: 16px;
	}
	.bandarrow {
		background: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png) no-repeat;
		width: 26px;
		height: 22px;
		background-size: 100%;
		top: 17px;
		left: 11px;
		position: relative;
		display: inline-block;
	}
	.colorpara {
		padding: 15px 15px;
		float: left;
		min-height: 76px;
		color: #4E5052;
	}
	.square79 {
		width: 79px;
		height: 79px;
		border: none;
	}
	.square79 img {
		float: left;
		width: 100%;
		border: none;
	}
	.bandTextContainer .mainText1 {
		font-size: 22px;
	}
	.bandTextContainer .mainText2,
	.bandTextContainer .hyphen {
		font-size: 18px;
	}
	.maroonBand .VBCTABtn,
	.maroonBand .socialIcons {
		float: right;
	}
	.bandTextContainer {
		width: 68%;
		max-width: 68%;
	}
	.fourBoxLayout .textContainer,
	.fourBoxLayout .imgContainer1 {
		float: left;
		width: 50%;
		display: table;
	}
	.fourBoxLayout .imgContainer2 {
		float: right;
	}
	.fourBoxLayout .imgContainer2 {
		width: 50%;
	}
	.fourBoxLayout .imgContainer1 img,
	.fourBoxLayout .imgContainer2 img {
		width: 100%;
		height: auto !important;
	}
	.fourBoxLayout .section1,
	.fourBoxLayout .section2 {
		display: table;
		width: 100%;
		color: #fff;
	}
	.fourBoxLayout .textContainer .content {
		padding: 20px 30px;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
	.fourBoxLayout .textContainer .content .headerText {
		font-weight: bold;
		font-size: 16px;
	}
	.fourBoxLayout .textContainer .content .subText {
		font-size: 14px;
	}
	
	.btn-txt .txt span, .btn-txt1 .txt span {
		display: inline-block;
		font-size: 16px;
		font-weight:bold;
	}
	.btn-txt1 .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png") no-repeat;
    width: 28px;
    height: 22px;
    background-size: 100%;
    top: 7px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
  
  .btn-txt .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/white-arw.png") no-repeat;
    width: 28px;
    height: 22px;
    background-size: 100%;
    top: 7px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
}

@media (min-width: 992px) {
	#mainTable {
		width: 100%;
		margin: auto;
	}
	
	.VBLogoComp {
		width: 100% !important;
	}
	
	.vb-wrapper {
		width: 976px;
		padding: 0px;
		margin: 0 auto;
	}
	.margT15 {
		margin-top: 15px;
	}
	.margT1520 {
		margin-top: 15px;
	}
	.xsmargB30 {
		margin-bottom: 0px;
	}
	.lg-md-margB60 {
		margin-bottom: 40px;
	}
	.xspadRL12 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.padT60 {
		padding-top: 40px !important;
	}
	.MarT60 {
		margin-top: 40px !important;
	}
	.padB60 {
		padding-bottom: 40px !important;
	}
	.padT30 {
		padding-top: 30px !important;
	}
	.padB30 {
		padding-bottom: 30px !important;
	}
	.vbF16 {
		font-size: 16px;
	}
	.vbF18 {
		font-size: 18px;
	}
	.vbF19 {
		font-size: 19px;
	}
	.vbF25 {
		font-size: 25px;
	}
	.vbF30 {
		font-size: 30px;
	}
	.vbF36 {
		font-size: 36px;
	}
	.smallBand {
		min-height: 39px;
		width: auto;
		float: left;
		margin: 18px 0px 18px 20px;
		font-weight: bold;
		font-size: 17px;
	}
	.bandarrow {
		background: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png) no-repeat;
		width: 26px;
		height: 22px;
		background-size: 100%;
		top: 28px;
		left: 16px;
		position: relative;
		display: inline-block;
	}
	.colorpara {
		padding: 17px 20px;
		float: left;
		min-height: 76px;
		color: #4E5052;
	}
	.square79 {
		width: 79px;
		height: 79px;
		border: none;
	}
	.square79 img {
		float: left;
		width: 100%;
		border: none;
	}
	.bandTextContainer .mainText1 {
		font-size: 30px;
	}
	.bandTextContainer .mainText2,
	.bandTextContainer .hyphen {
		font-size: 22px;
	}
	.maroonBand .VBCTABtn {
		float: right;
	}
	.bandTextContainer {
		width: 73%;
		max-width: 73%;
	}
	.fourBoxLayout .textContainer,
	.fourBoxLayout .imgContainer1 {
		float: left;
		width: 50%;
	}
	.fourBoxLayout .imgContainer2 {
		float: right;
	}
	.fourBoxLayout .imgContainer2 {
		width: 50%;
	}
	.fourBoxLayout .imgContainer1 img,
	.fourBoxLayout .imgContainer2 img {
		width: 100%;
		height: auto !important;
	}
	.fourBoxLayout .section1,
	.fourBoxLayout .section2 {
		display: table;
		width: 100%;
		max-height: 204px;
		color: #fff;
	}
	.fourBoxLayout .section1 .textContainer {
		height: 204px;
		display: table;
	}
	.fourBoxLayout .section2 .textContainer {
		height: 204px;
		display: table;
	}
	.fourBoxLayout .textContainer .content {
		padding: 20px 30px;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
	.fourBoxLayout .textContainer .content .headerText {
		font-weight: bold;
		font-size: 18px;
	}
	.fourBoxLayout .textContainer .content .subText {
		font-size: 16px;
	}
	.btn-txt .txt span, .btn-txt1 .txt span {
		display: inline-block;
		font-size: 16px;
		font-weight:bold;
	}
	.btn-txt1 .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png") no-repeat;
    width: 28px;
    height: 22px;
    background-size: 100%;
    top: 7px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
  
  .btn-txt .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/white-arw.png") no-repeat;
    width: 28px;
    height: 22px;
    background-size: 100%;
    top: 7px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
}

@media (min-width: 1200px) {
	#mainTable {
		width: 100%;
		margin: auto;
	}
	.vb-wrapper {
		width: 976px;
		padding: 0px;
		margin: 0 auto;
	}
	.margT15 {
		margin-top: 15px;
	}
	.margT1520 {
		margin-top: 15px;
	}
	.xsmargB30 {
		margin-bottom: 0px;
	}
	.lg-md-margB60 {
		margin-bottom: 40px;
	}
	.xspadRL12 {
		padding-left: 0px;
		padding-right: 0px;
	}
	.padT60 {
		padding-top: 40px !important;
	}
	.MarT60 {
		margin-top: 40px !important;
	}
	.padB60 {
		padding-bottom: 40px !important;
	}
	.padT30 {
		padding-top: 30px !important;
	}
	.padB30 {
		padding-bottom: 30px !important;
	}
	.vbF16 {
		font-size: 16px;
	}
	.vbF18 {
		font-size: 18px;
	}
	.vbF19 {
		font-size: 19px;
	}
	.vbF25 {
		font-size: 25px;
	}
	.vbF30 {
		font-size: 30px;
	}
	.vbF36 {
		font-size: 36px;
	}
	.smallBand {
		min-height: 39px;
		width: auto;
		float: left;
		margin: 18px 0px 18px 20px;
		font-weight: bold;
		font-size: 17px;
	}
	.bandarrow {
		background: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png) no-repeat;
		width: 26px;
		height: 22px;
		background-size: 100%;
		top: 28px;
		left: 16px;
		position: relative;
		display: inline-block;
	}
	.colorpara {
		padding: 17px 20px;
		float: left;
		min-height: 76px;
		color: #4E5052;
	}
	.square79 {
		width: 79px;
		height: 79px;
		border: none;
	}
	.square79 img {
		float: left;
		width: 100%;
		border: none;
	}
	.bandTextContainer .mainText1 {
		font-size: 30px;
	}
	.bandTextContainer .mainText2,
	.bandTextContainer .hyphen {
		font-size: 22px;
	}
	.maroonBand .VBCTABtn {
		float: right;
	}
	.btn-txt .txt span, .btn-txt1 .txt span {
		display: inline-block;
		font-size: 16px;
		font-weight:bold;
	}
	.btn-txt1 .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png") no-repeat;
    width: 28px;
    height: 22px;
    background-size: 100%;
    top: 7px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
  
  .btn-txt .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/white-arw.png") no-repeat;
    width: 28px;
    height: 22px;
    background-size: 100%;
    top: 7px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
}




/* Banner Component secondary logo */

.secondaryLogo{
	float: right;
}

.secondaryLogo img{
	width: 175px;
    height: 60px;
}

@media (max-width: 480px) and (min-width: 320px){
	.secondaryLogo img{
		width: 175px;
		height: 64px;
	}
	
	.logo img, .secondaryLogo img{
		width: 120px;
		height: auto;
	}
}


@media (max-width: 318px) {
	
	.secondaryLogo img, .VBLogoComp .logo img{
		width: 120px;
		height: auto;
	}
	
	.VBLogoComp{
		width: 92% !important;
	}

}