.fb-dropdown-menu {
    display: inline-block;
}
.header-fb-dropdown-container {
  position: absolute;
}

.header-fb-dropdown {
  font-family: 'Noto Sans', sans-serif;
  font-size: 14px;
  position: static;
  width: 600px;
  background-color: #edf1f4;
  box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.5);
  border-radius: 0 0 3px 3px;
  position: relative;
  display: inline-block;
  width: auto;
  margin-top: 10px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.header-fb-dropdown._1-extra-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 600px;
}

.header-fb-dropdown-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 21px;
  border-left: 3px solid transparent;
  color: #38404a;
  text-decoration: none;
}

.header-fb-dropdown-link:hover, .right-column-link:hover {
  color: #2e97d9;
}

.header-fb-dropdown-link:hover {
  border-left: 3px solid #2e97d9;
}

.right-column-link:hover #goto {
  stroke: #2e97d9;
}

.header-fb-dropdown-link.two-columns {
  padding-top: 11px;
  padding-bottom: 11px;
  border-top: 1px solid #bbb;
  margin-top: 5px;
  display:none;
}

.dropdown-links-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-row-align: center;
  align-self: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 164px 164px;
  grid-template-columns: 164px 164px;
  -ms-grid-rows: auto auto auto auto;
  grid-template-rows: auto auto auto auto;
}

.dropdown-links-grid.extra {
  -ms-grid-rows: auto auto auto auto auto;
  grid-template-rows: auto auto auto auto auto;
}

.dropwdown-right-column {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-image: url(/static/site/new_base/img/dropdown/dropdown-fb.jpg);
  background-image: -webkit-image-set(url(/static/site/new_base/img/dropdown/dropdown-fb.webp)1x);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 276px;
  height: 184px;
}

.right-column-link-container {
  position: absolute;
  right: 0px;
  bottom: 15px;
  display: block;
  background-color: #edf1f4;
  box-shadow: -1px 2px 5px 0 rgba(0, 0, 0, 0.07);
}

.goto-icon {
  position: relative;
  top: 50%;
  bottom: 50%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-left: 15px;
}

.right-column-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 15px;
  color: #494d58;
  font-size: 10px;
  line-height: 14px;
  font-weight: 700;
  text-decoration: none;
}

.dropdown-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#all-themes {
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 5;
  -ms-grid-row: 4;
  grid-row-start: 4;
  font-weight: 700;
}

#how-to-create {
  -ms-grid-column-span: 2;
  grid-column-end: span 2;
  -ms-grid-column: span 2;
  grid-column-start: span 2;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
}

@media (max-width: 970px){
  .header-fb-dropdown {
      display: none!important;
    }
  }
