.toolbar .desktop-dropdown .subnav {
  position: absolute;
  display: none;
  opacity: 0;
  height: 0;
  width: 0; }

@media screen and (min-width: 40em) {
  .toolbar .desktop-dropdown:hover .subnav {
    opacity: 1;
    display: block;
    height: auto;
    width: auto; } }

/* mobile and tablet fix */
@media only screen {
  .toolbar .desktop-dropdown .mobile-dropdown-button {
    display: none; } }

@media only screen and (max-width: 1400px) {
  .img-right .right-subtitle {
    font-size: 7px;
    line-height: 1em; }
  .by-product {
    display: none; } }

@media only screen and (max-width: 1100px), (max-height: 520px) {
  .toolbar .desktop-dropdown .mobile-dropdown-button {
    display: block; } }

@media only screen and (max-width: 585px) {
  .toolbar .desktop-dropdown .mobile-dropdown-button {
    display: block; }
  .return-to-store {
    display: block; } }

/*   common estetics   */
.desktop-dropdown-button {
  text-align: center; }

.toolbar .desktop-dropdown:hover {
  overflow: visible; }

.toolbar .desktop-dropdown .subnav {
  right: 0;
  left: 0; }
  .toolbar .desktop-dropdown .subnav * {
    margin: 0;
    padding: 0;
    line-height: normal;
    text-align: left; }
  .toolbar .desktop-dropdown .subnav .subnav-box {
    background-color: #ededed;
    color: #000;
    padding: 15px;
    box-sizing: border-box; }
    .toolbar .desktop-dropdown .subnav .subnav-box ul.list-of-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      height: auto; }
      .toolbar .desktop-dropdown .subnav .subnav-box ul.list-of-items li {
        list-style: none;
        display: block; }
        .toolbar .desktop-dropdown .subnav .subnav-box ul.list-of-items li.consumer-model {
          width: 170px; }

.has-dropdown .desktop-dropdown-button:hover {
  color: #FFCE00;
  cursor: pointer;
  background-color: transparent; }

/* store-dropdown part */
#store-dropdown:hover .subnav-box {
  position: absolute;
  height: 270px;
  left: 0;
  right: 0; }

#store-dropdown ul.list-of-items {
  width: 60%;
  height: 250px;
  margin: 0 auto;
  box-sizing: border-box; }

#store-dropdown ul.our-solutions {
  width: 258px; }

#store-dropdown #store-banner {
  height: 100%;
  width: 46%;
  box-sizing: border-box;
  float: left; }

#store-dropdown .subnav-item {
  margin-bottom: 5px;
  margin-right: 2%;
  width: 170px; }

#store-dropdown .our-solutions li.subnav-item {
  height: 33%;
  width: 100%;
  box-sizing: border-box;
  margin: 0; }

#store-dropdown .consumer-brand-title, #store-dropdown .consumer-model-name, #store-dropdown .consumer-model-accessory {
  margin-top: 5px;
  margin-bottom: 5px; }

#store-dropdown .consumer-brand-title, #store-dropdown .consumer-brand-title > a {
  font-size: 17px;
  border-bottom: 1px solid #ccc;
  border-left: 0px solid #ccc;
  padding-left: 5px;
  color: #111;
  font-weight: bold;
  margin-bottom: 10px; }

#store-dropdown .consumer-model-name > a {
  padding-left: 10px;
  font-size: 13px;
  color: #333;
  display: inline-block; }

#store-dropdown .consumer-model-accessory > a {
  font-size: 12px;
  margin-left: 5px;
  text-transform: none;
  color: #111; }

#store-dropdown .list-of-items {
  padding: 10px; }

#store-banner {
  height: 100%;
  border-bottom: none;
  border-left: 1px solid #ccc;
  padding-left: 15px;
  text-align: center; }
  #store-banner h1 {
    text-align: center; }

#store-dropdown #store-banner > h1 {
  padding-top: 10px; }

#store-dropdown #store-banner img {
  width: 100%;
  height: 100%; }

#store-dropdown .consumer-model-name a:hover {
  font-weight: bold; }

.store-dropdown-titles {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 60px;
  float: left; }
  .store-dropdown-titles > div {
    height: 60px;
    display: table; }

.device-titles {
  width: 400px;
  text-align: center;
  float: left; }

.our-solutions-title {
  width: 258px;
  text-align: center;
  float: left; }

.toolbar .desktop-dropdown .store-dropdown-titles h3 {
  vertical-align: middle;
  display: table-cell;
  text-align: center; }

ul.list-of-items.our-solutions {
  border-left: #C7C6CC solid 1px; }

.storedp-background-thumb {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-transform: uppercase;
  text-align: center !important; }

.img-left {
  width: 25%;
  height: 100%;
  display: table-cell; }

.img-right {
  width: 80%;
  height: 100%;
  padding: 7px;
  color: #000;
  display: table-cell;
  text-align: left;
  vertical-align: middle; }

.img-right .right-title {
  margin-bottom: 5px; }

.img-right .right-subtitle {
  font-size: 10px;
  line-height: 12px; }

.collection-title-image {
  display: block;
  width: auto;
  height: 12px; }

.storedp-thumbnail-background {
  vertical-align: middle;
  float: left; }

/*     Support dropdown     */
#support-dropdown:hover .subnav-box {
  position: absolute;
  left: 0;
  right: 0; }

#support-dropdown .subnav {
  right: -10px;
  left: 0; }
  #support-dropdown .subnav .subnav-box ul {
    height: auto;
    width: 200px;
    margin: 0 auto; }
  #support-dropdown .subnav .subnav-box .subnav-item {
    margin-left: -150px;
    padding: 0; }
    #support-dropdown .subnav .subnav-box .subnav-item a {
      font-size: 0.9em;
      font-weight: bolder; }

#support-dropdown .subnav-item a div {
  padding: 5px 0;
  width: 100%;
  background-color: #ededed;
  color: #111; }
  #support-dropdown .subnav-item a div:hover {
    font-weight: bold; }

/*     Social dropdown     */
#social-dropdown .subnav .subnav-box ul li {
  margin: 5px 5px; }

/*   Product categories dropdown   */
#product-dropdown .list-of-items {
  width: 840px;
  display: block;
  margin: 0 auto;
  overflow: hidden;
  padding: 25px 0 60px; }

#product-dropdown .subnav-item {
  margin-bottom: 5px;
  width: 210px;
  float: left; }
  #product-dropdown .subnav-item img {
    width: 150px; }

#product-dropdown .productdp-desc {
  position: relative;
  top: 35px;
  color: #808080;
  text-align: center;
  font-size: 0.8em; }

/*  Mobile and Tablet */
