.dropdown_group {
  border-radius: 0 0 10px 10px;
  float: none;
  margin: 0 auto;
  max-height: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: all 0.2s ease 0s;
  width: 95%;
}
 .open .dropdown_group {
  max-height: 1000px;
}
.dropdown_button {
  background: none repeat scroll 0 0 #fff;
  cursor: pointer;
  color: #3d063e;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.0em;
  padding: 10px 0;
  line-height: 1.5em;
  border-radius: 10px;
  transition:all 0.5s ease 0s;
  width: 95%;
  margin: 0 auto;
 }
.dropdown_button p {
  display: inline-block;
  position: relative;
  top: 2px;
}
.dropdown_button span {
  background: url("/images/single-arrow-down.png") no-repeat scroll 0 0 transparent;
  background-size:100% 100%;
  display: inline-block;
  height: 25px;
  margin-left: 20px;
  vertical-align: middle;
  width: 25px;
}
.open .dropdown_button span {
	background-image:url("/images/single-arrow-up.png");
}
.open .dropdown_button {
  border-radius: 10px 10px 0 0;
}

 ul.dropdown_menu {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #3d063e;
    display: block;
    line-height: 1.3em;
    margin-left: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 100;
}

.dropdown_menu_item.active {
    background: none repeat scroll 0 0 #3d063e;
    color: #fff;
}
.dropdown_menu_item {
    background: none repeat scroll 0 0 #fff;
	display:block;
    text-align: center;
    border-right: 2px solid #e7e7e7;
}


 ul.dropdown_menu a {
  display: block;
  color: #3d063e;
  font-weight:bold;
  line-height: 1em;
  text-transform: uppercase;
   text-align:center;
   padding: 16px 0;

}

 .pt-br ul.dropdown_menu a {
  display: block;
  color: #0251bc;
  font-weight:bold;
  line-height: 1em;
  text-transform: uppercase;
   text-align:center;
   padding: 8px 0;
   padding-left: 5px;

}

ul.dropdown_menu .subbrandlogo {
	padding: 10px;
}
.dropdown-group {
	display:none;
}
.dropdown_menu_item:hover, .dropdown_menu_item.active {
	background: none #CD0F2F;
}
.dropdown_menu_item a:hover, .dropdown_menu_item.active a{
	color:#fff;
	text-decoration:none;
}


/* 480px and up */
@media screen and (min-width: 30em) {
	.dropdown-group {
	  text-align: center;
	}

}

/* 768px and up */
@media screen and (min-width: 48em) {
	.dropdown_button {
		margin: 0 20px 0 auto;
		width: 40%;
	}

	.dropdown_group {
		margin: 0 20px 0 auto;
		width:40%;
	}


}

/* 992px and up */
@media screen and (min-width: 62em) {
	/* added .horizontal_navbar to the class because sometimes in desktop they will want a full hor nav, and other times (if there are more than 5 li they want a dropdown)*/
	 .horizontal_navbar.dropdown_group {
		border-radius:0;
	    max-height: 200px !important;
	    width: auto;
		margin:0 auto;
	    left: 120px;
		width:718px;
		top:-30%;
	}
	.horizontal_navbar.dropdown_button {
		display:none;
	}

	.horizontal_navbar ul.dropdown_menu {
		top: 0;
		float:none;
		margin:0 auto;
		width:auto;
	}
	.horizontal_navbar .dropdown_menu_item {
		width:auto;
	}

	.dropdown_menu_item {
		display:table-cell;
		vertical-align:middle;
	}
	.dropdown_menu_item_home {
		display:none;
	}
	.horizontal_navbar .dropdown_menu li:nth-child(2)  {
		border-radius: 10px 0 0 10px;
	}
  .es-es .horizontal_navbar .dropdown_menu li:nth-child(2)  {
    border-radius: 0px;
  }
	.horizontal_navbar .dropdown_menu li:last-child {
		border-radius: 0 10px 10px 0;
		border-right:none;
	}

	.horizontal_navbar .btn-1 {
		width:718px;
	}
	.horizontal_navbar .btn-2 {
		width:336px;
	}
	.horizontal_navbar .btn-3 {
		width:224px;
	}
	.horizontal_navbar .btn-4 {
		width:167px;
	}
	.horizontal_navbar .btn-5 {
		width:133px;
	}
	.horizontal_navbar .btn-6 {
		width:106px;
	}

}