.navbar {
  overflow: hidden;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: #333333;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.desktopmenu{
	display:table;
	visibility:visible;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px auto;
}
#menuburger, .mobilenav{
	display:none;
	visibility:hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  padding: 20px 16px 30px 16px;
  background-color: inherit;
  font: inherit;
  margin: 0;
  cursor:pointer;
}

/*.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}
.dropdown-content-small{
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 50%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown:hover .dropdown-content-small{
  display: block;
}*/

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f2f7fa;
  width: 100%;
  left: 0;
 /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 1;
  border-bottom:10px solid #2097cb;
  padding-bottom:10px;
}

.dropdown-content .header {
  background: red;
  padding: 16px;
  color: white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
/*  width: 30%;
  padding: 10px;*/
	width: 28%;
	padding: 10px 34px;
 /* background-color: #ccc;
  height: 250px;*/
}
.column img{
	display:block;
	margin:auto;
}
.column p{
	padding:0px;
	margin:0px;
    text-align: center;
    font-size: 90%;
    line-height: 22px;
}
.column a.orangeMenu{
	margin: 10px auto;
	display: table;
}
.columntworow {
  float: left;
  width: 64%;
  padding: 10px;
 /* background-color: #ccc;
  height: 250px;*/
}
.column h3{
	color:#2097cb;
	border-bottom:1px solid #2097cb;
	padding:20px 0px 20px 0px;
	margin:0px 0px 20px 0px;
	font-size:112%;
	font-weight:400;
}
.column ul li{
	list-style:none;
}
.column a.bullet, .column a:visited.bullet, .column ul li a,  .column ul li a:visited{
	background-image:url(images/list-bullet.png);
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	padding:10px 0px 10px 50px;
	margin:0px 0px 10px 0px;
	color:#23405c;
}

.prodone ul li:nth-child(1) a,  .prodone ul li:nth-child(1) a:visited{
	background-image:url(images/icon-Integrate-&-Share-Data.png);
	padding:10px 0px 10px 60px;
	background-position: left 8px;
}
.prodone ul li:nth-child(3) a,  .prodone ul li:nth-child(3) a:visited{
	background-image:url(images/Icon-Manage-and-Govern-Data-Assets.png);
	padding:10px 0px 10px 60px;
	background-position: left 8px;
}
.prodone ul li:nth-child(2) a,  .prodone ul li:nth-child(2) a:visited{
	background-image:url(images/icon-Visualize-and-Analyze-Data.png);
	padding:10px 0px 10px 60px;
	background-position: left 8px;
}
.prodtwo ul li:nth-child(1) a,  .prodtwo ul li:nth-child(1) a:visited{
	background-image:url(images/icon-Manage-Master-Data.png);
	padding:10px 0px 10px 60px;
	background-position: left 8px;
}

.column a:hover.bullet, .column ul li a:hover{
	color:#2097cb;
}


.column ul li span{
	display: block;
    font-size: 80%;
    margin-top: 10px;
    line-height: 20px;
	padding-right:20px;
}
.column a {
  float: none;
  color:#333;
  padding: 10px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.column a:hover {
  /*background-color: #ddd;*/
  color:#000;
}

a.orangeMenu, a:visited.orangeMenu{
	background-color:#f39c11;
	color:#fff;
	display:inline-block;
	padding:10px 20px;
	border:2px solid #f39c11;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	margin:10px 20px 0px 0px;
	cursor:pointer;
}
a:hover.orangeMenu{
	background-color:#e38803;
}
a.WhiteMenu, a:visited{
	background-color:#fff;
	color:#333;
	display:inline-block;
	padding:10px 20px;
	border:2px solid #e0e4e9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	margin:10px 20px 0px 0px;
}
a:hover.WhiteMenu{
	background-color:#e0e4e9;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row{
	margin:auto;
	width:100%;
	max-width:1400px;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column, .columntworow{
    width: 100%;
    height: auto;
	padding:0px;
  }
  
}



/* --------------------------------------------- */
@media only screen and (max-width: 768px) {

.desktopmenu{
	display:none;
	margin-top:-66px;
    background-color: #fff;
    position: relative;
}
.navbar {
    padding-bottom: 20px;
}
.dropdown, .orangeMenu, .WhiteMenu{
	/*float:none!important;*/
	clear:both;
	/*display:block;*/
}
.dropdown-content{
    position: static;
}

.mobilenav {
	overflow: hidden;
	background-color: #333;
	padding:20px 0px;
	z-index:999999;
	width:100%;
	display:block;
	visibility:visible;
}
#menuburger{
	display:block;
	visibility:visible;
	color:#fff!important;
	color:#fff;
	position:fixed;
	top:0px;
	left:0px;
	width: 100%;
	background-color:#23405c;
	text-align:right;
	color:#fff;
	z-index:9999999;
}
.mobilenav {
  display: none;
}
ul.mobilemenu{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
ul.mobilemenu li {
}
ul.mobilemenu li a, ul.mobilemenu li a:visited{
	color:#fff!important;
	display:block;
	padding:10px 0px;
}
ul.mobilemenu li a:hover{
	color:#ccc;
}
ul.mobilemenu ul{
}
ul.mobilemenu ul li{
}
.column img, .columntworow img{
width:94%;
margin:0px auto;
}
}