/* Raleway font weights: */
/* extra light: 200, light: 300, regular: 400, medium: 500, bold 700 */

/* General ======================= */
/* =============================== */

@media all and (max-width: 890px) {
  h1 {
    line-height: 1;
    font-size: 32px;
  }

  h2 {
    font-size: 24px;
  }

  .mobileOnly {
    display: block;
  }

  .desktopOnly {
    display: none;
  }

  body.menuOn {
    overflow: auto;
  }

  .heading {
    font-size: 30px;
    width: 88%;
    color: #2a2a2a;
    line-height: 1.1;
    margin-bottom: 0;
  }

  .mod.news .heading {
    font-size: 32px;
    font-size: 2.23vw;
    line-height: 1.35;
  }

  .mod.news article .textHolder {
    margin-left: 0;
    width: 50%;
  }

  main:after {
    display: none;
  }

  main {
    margin-bottom: 0;
  }

  footer {
    height: auto;
  }

  .mobileHeader header .inner {
    background-color: rgba(255, 255, 255, 1);
    top: 0px;
  }

  .mobileHeader header .inner a.logo svg * {
    fill: rgba(0, 0, 0, 1);
  }

  .mobileHeader header .inner .menuButton p {
    color: rgba(0, 0, 0, 1);
  }

  .mobileHeader header .inner .menuButton span {
    background-color: rgba(0, 0, 0, 1);
  }

  .menuOn.mobileHeader header .inner {
    background-color: rgba(255, 255, 255, 0);
  }

  .menuOn.mobileHeader header .inner a.logo svg * {
    fill: rgba(255, 255, 255, 1);
  }

  .menuOn.mobileHeader header .inner .menuButton p {
    color: rgba(255, 255, 255, 1);
  }

  .menuOn.mobileHeader header .inner .menuButton span {
    background-color: rgba(255, 255, 255, 1);
  }

  .mobileHeader #content,
  .mobileHeader #fullpage {
    padding-top: 75px;
  }

  .productDetail.mobileHeader #content {
    padding-top: 40px;
  }
}

/* Resources Grid ======================== */
/* =============================== */

@media all and (max-width: 890px) {
  .mod_title {
    font-size: 20px;
  }

  .resources_grid .cell {
    width: 48%;
  }

  .resources_grid .cell.material {
    width: 100%;
  }
}

@media all and (max-width: 767px) {
  .resources_grid .cell {
    width: 100%;
    margin: 0 auto 30px auto;
  }
}

/* Header ======================== */
/* =============================== */

@media all and (max-width: 890px) {
  header a.logo {
    left: 6%;
  }

  header a.logo svg {
    width: 165px;
  }

  header a.logo img.black {
    display: block !important;
  }

  header a.logo img.white {
    display: none !important;
  }

  .menuOn header a.logo img.black {
    display: none !important;
  }

  .menuOn header a.logo img.white {
    display: block !important;
  }

  .home.moveHeader.menuOn header a.logo {
    opacity: 1;
  }

  .menuButton {
    right: 6%;
  }

  header .inner .icon {
    right: calc(6% + 100px);
  }
}

@media all and (max-width: 430px) {
  header .inner .icon {
    display: none;
  }
}

/* Navigation Menu ======================== */
/* ======================================== */

@media all and (max-width: 890px) {
  .menuOn header .inner .icon svg path:nth-child(1),
  .menuOn header .inner .icon svg path:nth-child(2),
  .dark header .inner .icon svg path:nth-child(1),
  .dark header .inner .icon svg path:nth-child(2) {
    fill: rgb(255, 255, 255);
  }

  .menuOn .inner .icon svg path:nth-child(3),
  .dark header .inner .icon svg path:nth-child(3) {
    stroke: rgb(255, 255, 255);
  }

  .menuOn header .inner .icon p,
  .dark header .inner .icon p {
    color: rgb(255, 255, 255);
  }

  .moveHeader.fixHead header .inner {
    background-color: rgba(255, 255, 255, 1);
  }

  header nav {
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
    width: 100%;
    height: auto;
    padding-top: 150px;
    padding-bottom: 40px;
  }

  header > nav.addb4:before {
    display: none;
  }

  header .imgholder {
    display: none;
  }

  header .centerMe {
    width: 88%;
    display: block;
    margin: auto;
  }

  header nav ul {
    display: block;
    margin: 0;
    max-width: none;
    width: 100%;
    padding-bottom: 40px;
  }

  header nav ul li.label {
    font-size: 170%;
    position: relative;
    padding: 0 22px 0;
    margin-top: 0;
    border: none;
  }

  header nav ul li.label .nav-arrow {
    display: block;
    width: 14px;
    transform-origin: 50% 0%;
    transform: rotate(-90deg) translateY(-50%);
    position: absolute;
    top: 45%;
    left: 0;
    transition: transform 0.2s;
  }

  header nav ul.open li.label .nav-arrow {
    transform: rotate(0deg) translateY(-50%);
  }

  header nav ul li.label .nav-arrow polygon {
    fill: #fff;
    stroke-width: 3px;
    stroke: #ffffff;
  }

  header nav .list-items {
    display: none;
    padding: 18px 22px;
  }

  header nav ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 140%;
    padding: 0 10px 0.4em;
    margin-top: 0.65em;
  }

  header nav .ecom {
    position: relative;
    bottom: 0;
    right: 0;
    text-align: left;
    color: #fff;
    z-index: 10;
    padding: 10px 6%;
  }

  header nav .ecom a {
    margin-right: 20px;
  }
}

@media all and (max-width: 700px) {
  header .shopCrumb {
    top: 71px;
    left: 0px;
    width: 100%;
    border-top: 1px solid #ccc;
    opacity: 1;
    transition: opacity 0.2s;
    background-color: #fff;
  }

  .menuOn header .shopCrumb {
    opacity: 0;
  }

  header .shopCrumb a {
    display: inline-block;
    width: 50%;
    text-align: center;
    margin-right: -4px;
    padding: 15px 0px;
  }

  header .shopCrumb a:first-child {
    border-right: 1px solid #ccc;
  }

  header .shopCrumb a:after {
    height: 0px;
  }

  header .shopCrumb a:hover {
    color: #ccc;
  }
}

/* Footer ======================= */
/* =============================== */
@media all and (max-width: 920px) {
  footer form {
    width: 100%;
    height: 160px;
  }

  footer form .fieldHolder {
    width: 58%;
    height: 34px;
  }

  footer form .field {
    font-size: 16px;
    border: none;
  }

  footer form .buttonHolder {
    width: 22%;
    height: 34px;
  }

  footer form .formBtn {
    font-size: 9px;
    padding: 0px;
    box-sizing: border-box;
  }

  footer .social {
    width: 100%;
    height: 160px;
  }

  footer .social ul {
    width: 88%;
  }
}

/* Homepage ======================== */
/* =============================== */
@media all and (max-width: 700px) {
  #splash article h1 {
    font-size: 42px;
  }
  #splash article p {
    font-size: 18px;
  }

  .mod.textImage {
    width: 100%;
    margin: 80px auto 110px;
    text-align: left;
    position: relative;
  }

  .mod.textImage img {
    width: 100%;
    display: block;
    z-index: 10;
  }

  .mod.textImage .textHolder {
    width: 88%;
    text-align: left;
    position: relative;
    top: 0;
    left: 6%;
    transform: none;
  }

  .mod.textImage h1 {
    font-size: 30px;
    padding-bottom: 1em;
    padding-top: 1.3em;
    width: 88%;
  }

  .mod.fullscreen {
    margin-bottom: 80px;
  }

  .mod.full .cell .info h1,
  .studio section.full .cell .info h1 {
    font-size: 5.5vw;
  }

  .mod.fullscreen div.centerXY {
    position: relative;
    top: 0;
    left: 6%;
    width: 88%;
    transform: none;
    text-align: left;
  }

  .mod.fullscreen div.centerXY h3 {
    font-size: 30px;
    padding-bottom: 0.2em;
    padding-top: 0.8em;
    width: 88%;
    color: #2a2a2a;
    line-height: 1.1;
  }

  .mod.fullscreen div.centerXY p {
    color: #2a2a2a;
    font-size: 15px;
  }

  .mod.fullscreen div.centerXY p a {
    text-decoration: none;
  }

  .mod.categories {
    width: 100%;
    margin: 50px auto;
  }

  .mod.categories .cell {
    width: 100%;
    margin-bottom: 70px !important;
  }

  .mod.categories .gutter-sizer {
    width: 0%;
  }

  .mod.categories .grid-sizer {
    width: 100%;
  }

  .mod.news {
    width: 88%;
    margin: 0px auto 80px;
  }

  .mod.news article {
    width: 100%;
    margin-right: 0;
    margin-bottom: 100px;
    display: block;
  }

  .mod.news article .textHolder,
  .mod.news article:first-child .textHolder {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .mod.news .heading {
    font-size: 30px;
    line-height: 1.1;
  }

  .mod.news .date {
    padding-bottom: 2em;
    padding-top: 1em;
  }

  .mod.news article img {
    width: 100%;
    margin-left: 0;
  }
}

/* Families/Stories Overview ===== */
/* =============================== */
@media all and (max-width: 890px) {
  .scroll .section {
    position: relative;
  }

  .scroll .section .infoHolder {
  }

  .scroll .section .infoHolder .info {
    opacity: 1;
  }

  .scroll .section .infoHolder .info a {
    text-decoration: none;
  }

  .scroll .section .infoHolder .info .title {
    opacity: 1;
    font-size: 110%;
    text-transform: uppercase;
  }

  .scroll .section .infoHolder .info h1 {
    font-size: 42px;
  }

  .touchevents .scroll .button {
    opacity: 1;
  }
}

/* Family Detail ================= */
/* =============================== */
@media all and (max-width: 890px) {
  .family .intro .inner,
  .studio .intro .inner,
  .mods .textonly {
    width: 88%;
    max-width: none;
    margin: 0px auto;
    padding: 50px 0px;
  }

  .family .products .product.single .imgwrap {
    width: 100%;
    max-width: none;
    margin: auto;
  }

  .family .products .product .info {
    width: 88%;
    min-height: 0;
  }

  .family .products .product.single {
    padding-bottom: 130px;
  }

  .family .shop,
  .family .pager {
    display: none;
  }

  .family .products .product h1 {
    font-size: 30px;
    padding-bottom: 1em;
    padding-top: 0.9em;
    width: 100%;
  }

  .family .intro h1,
  .family .intro h2,
  .family .intro h3,
  .studio .intro h1,
  .studio .intro h2,
  .studio .intro h3 {
    font-size: 30px;
    padding-bottom: 1em;
    padding-top: 0.9em;
    width: 100%;
  }

  .family .products .product.slideshow {
    margin-bottom: 130px;
  }

  .family .products .product.slideshow .slider {
  }

  .family .products .product.slideshow .slider .slide {
    text-align: center;
    margin: 0;
    font-size: 0;
  }

  .family .products .product.slideshow .slider .slide:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0px;
  }

  .family .products .product.slideshow .slider .slide img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }

  .family .products .product.slideshow .slider ul.slick-dots {
  }

  .family .products .product.slideshow .slider ul.slick-dots li {
    background-color: #000;
  }

  .family
    .products
    .product.slideshow
    .slider
    ul.slick-dots
    li.slick-active:after {
    border-color: #000;
  }
}

/* Studio pages ================= */
/* =============================== */
@media all and (max-width: 890px) {
  .topcols {
    height: auto !important;
  }

  .studio .topcols .col {
    width: 100%;
    height: auto;
    margin-right: 0;
    vertical-align: middle;
    text-align: center;
    display: block;
  }

  .studio .topcols .col .inner {
    width: 88%;
    margin: auto;
    text-align: left;
    padding: 40px 0px;
  }

  .studio .topcols .col .inner h2 {
    font-size: 14px;
  }

  .studio .topcols .col .inner h1 {
    font-size: 32px;
  }

  .studio .topcols img.mobileOnly {
    display: block;
    width: 100%;
    height: auto;
  }

  .studio section.gridholder ul.grid {
    width: 88%;
  }

  .studio section.gridholder .grid-sizer,
  .studio section.gridholder li.cell {
    width: 100%;
    margin-bottom: 30px !important;
  }

  .studio section.gridholder .gutter-sizer {
    width: 0;
  }

  .studio section.gridholder .info2 {
    width: 100%;
  }

  .full.job .cell {
    margin-bottom: 22px;
  }

  .full.job .theText {
    width: 88%;
    margin: auto;
    padding-bottom: 3em;
  }

  .full.job .theText h1 {
    font-size: 24px;
    padding-top: 0;
  }

  .full.job .theText .button {
    text-decoration: none;
    padding: 1em 1em;
    line-height: 1;
    margin-top: 2em 0 0;
    height: auto;
    text-align: center;
    border: 1px solid rgb(42, 42, 42);
  }
}

/* Team Member page ============== */
/* =============================== */
@media all and (max-width: 880px) {
  .team-member #member-info {
    width: 88%;
    padding: 80px 0 90px;
  }
}
@media all and (max-width: 768px) {
  .team-member #hero article h1 {
    font-size: 30px;
    font-size: 7vw;
  }
  .team-member #hero article h2 {
    font-size: 3.3vw;
  }
}
@media all and (max-width: 600px) {
  .team-member #hero article h1 {
    font-size: 8.3vw;
  }
  .team-member #hero article h2 {
    font-size: 3.5vw;
  }
}
@media all and (max-width: 460px) {
  .team-member #hero article h1 {
    font-size: 38px;
  }
  .team-member #hero article h2 {
    font-size: 16px;
  }
}
@media all and (max-width: 420px) {
  .team-member #member-info ul li {
    display: block;
    width: 100%;
    padding-bottom: 1.5em;
    line-height: 1.7;
  }
}
@media all and (max-width: 374px) {
  .team-member #hero article h1 {
    font-size: 32px;
  }
  .team-member #hero article h2 {
    font-size: 14px;
  }
}

/* Product Grid ================== */
/* =============================== */

@media all and (max-width: 890px) {
  .product-grid header,
  .product-grid header .inner {
    background-color: rgba(255, 255, 255, 1);
  }

  .menuOn.product-grid header,
  .menuOn.product-grid header .inner {
    background-color: rgba(255, 255, 255, 0);
  }

  .product-grid #content h1 {
    margin: 100px auto 0 auto;
    line-height: 1;
    font-size: 32px;
  }

  .product-grid nav.families {
    width: 88%;
    display: block;
    margin: auto;
    position: relative;
  }

  .product-grid nav.families .selected {
    display: block;
    width: 100%;
    line-height: 1;
    padding: 1em 18px 1em;
    text-align: left;
    box-sizing: border-box;
    border: 1px solid rgb(224, 224, 224);
    letter-spacing: 0.03em;
    background-color: #fff;
  }

  .product-grid nav.families .selected .nav-arrow {
    width: 18px;
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
  }

  .product-grid nav.families .selected .nav-arrow polygon {
    stroke: rgba(224, 224, 224, 1);
    stroke-width: 2;
    transition: stroke 0.2s;
  }

  .product-grid nav.families.open .selected .nav-arrow polygon {
    stroke: rgba(0, 0, 0, 1);
  }

  .product-grid nav.families ul {
    list-style-type: none;
    line-height: 1;
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgb(224, 224, 224);
    background-color: #fff;
    padding: 10px 0;
    display: none;
  }

  .product-grid nav.families ul li {
    display: block;
    text-align: left;
    line-height: 1;
    padding: 1em 0px;
    width: 88%;
    width: calc(100% - 36px);
    margin: auto;
    font-size: 1rem;
    border-bottom: 1px solid rgb(224, 224, 224);
  }

  .product-grid nav.families ul li:after {
    display: none;
  }

  .product-grid nav.families ul li:last-child {
    border-bottom: none;
  }

  .product-grid nav.families ul li a {
    border: none !important;
  }
}

@media all and (max-width: 768px) {
  .product-grid #content h1 {
    margin: 70px auto 0 auto;
  }

  .product-grid #products {
    width: 100%;
  }

  .product-grid #products .grid-sizer {
    width: 100%;
  }

  .product-grid #products .gutter-sizer {
    width: 0;
  }

  .product-grid #products li.cell {
    width: 100%;
    margin-bottom: 24px !important;
  }

  .product-grid li.cell button {
    display: none;
  }

  .product-grid li.cell p {
    width: 88%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 1.1rem;
    padding-top: 0;
    line-height: 1.3;
  }
}

/* Product Detail page ================== */
/* ============================ */

/* Cart page ================== */
/* ============================ */

@media all and (max-width: 460px) {
  .loginwrap form .buttonclear {
    margin: 1.5em 0 0 0;
  }
}

@media all and (max-width: 890px) {
  .inner.cartpage .rightcol .shipoptions {
    margin: 10px 0;
  }

  .inner.cartpage .rightcol .totals {
    left: 0;
  }
}

@media all and (max-width: 640px) {
  .inner.cartpage input {
    font-size: 16px;
  }
  .inner.cartpage .cell50 {
    width: 100%;
    margin: 0 0 15px !important;
    display: block;
  }
  .inner.cartpage .cell25 {
    margin-left: 0px;
  }
  .inner.cartpage input[name="cardcvv"] {
    margin-left: 0;
  }

  .inner.cartpage .fine {
    margin-bottom: 0;
    padding-top: 4px;
  }
  .inner.cartpage input[type="radio"],
  .inner.cartpage input[type="checkbox"] {
    vertical-align: middle;
  }

  .inner.cartpage .rightcol .rightwrap .buttons {
    margin: 30px 0px 0px 0px;
    display: block;
    height: 54px;
  }

  .inner.cartpage .rightcol .rightwrap .buttons .buttonclear {
    margin-right: calc(4% - 4px);
    width: 48%;
    height: 100%;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding: 19px 35px 20px;
  }
  .inner.cartpage .rightcol .rightwrap .buttons input[type="submit"] {
    margin-right: -4px;
    width: 48%;
    height: 100%;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    vertical-align: top;
  }
}

@media all and (max-width: 580px) {
  .inner.cartpage .rightcol .rightwrap .buttons {
    height: auto;
  }
  .inner.cartpage .rightcol .rightwrap .buttons .buttonclear,
  .inner.cartpage .rightcol .rightwrap .buttons input[type="submit"] {
    display: block;
    width: 100%;
    margin: 0 0 22px 0;
  }
  .inner.cartpage .rightcol .rightwrap .buttons input[type="submit"] {
    margin-bottom: 0;
  }
}

@media all and (max-width: 520px) {
  .inner.cartpage .cell25 {
    width: 47%;
  }
  .inner.cartpage .cell25.end {
    margin-left: 6%;
  }
  .inner.cartpage input[name="cardcvv"] {
    margin-left: 0px;
  }
  .inner.cartpage .cell .small {
    width: calc(100% - 50px);
    vertical-align: middle;
    line-height: 1.5;
    padding-left: 7px;
  }
}

/* Sign-in Page =============== */
/* ============================ */

@media all and (max-width: 720px) {
  .inner.cartpage.signin .leftcol {
    width: 100%;
    display: block;
  }

  .inner.cartpage.signin .rightcol {
    width: 100%;
    display: block;
  }
}

/* Success Page =============== */
/* ============================ */
@media all and (max-width: 570px) {
  .successpage .inner h1 {
    font-size: 1.8rem;
  }

  .successpage .inner h2 {
    font-size: 0.9rem;
  }

  .empty .inner h2 {
    font-size: 0.9rem;
  }

  .successpage .inner ul li {
    display: block;
  }

  .successpage .inner ul li a {
    margin: 0 auto 13px;
  }
}

@media all and (max-width: 400px) {
  .successpage {
    padding: 60px 0;
    height: auto !important;
  }

  .successpage:before {
    display: none;
  }

  .successpage > .inner {
    display: block;
  }

  .successpage .inner ul li a {
    width: 100%;
  }
}

/* STUDIO - text pages ==== */
/* =============================== */
.faq .textholder h2 {
  padding-top: 0;
  font-size: 18px;
  font-weight: 700;
}

.studio .toptext {
  margin: 25px auto 100px;
}

/* INQUIRY FORM ==== */
/* =============================== */

@media all and (max-width: 768px) {
  .inquiry-form form input,
  .inquiry-form form select {
    font-size: 16px;
  }
}

@media all and (max-width: 655px) {
  .inquiry-form .product-options p {
    width: 48%;
    margin-right: 2%;
    margin-right: calc(2% - 4px);
  }
}

@media all and (max-width: 480px) {
  .inquiry-form .product-options p {
    width: 48%;
    margin-right: 2%;
    margin-right: calc(2% - 4px);
  }

  .inquiry-form form input,
  .inquiry-form form select,
  .inquiry-form form input.halfer {
    float: none;
    width: 100%;
    margin: 0 0 18px;
    height: 48px;
  }

  .inquiry-form form .button {
    margin-top: 0;
    width: 100%;
  }
}

/* Product Detail ============= */
/* ============================ */
@media all and (max-width: 1024px) {
  .desktopwrap {
    display: none;
  }

  .mobilewrap {
    display: block;
    padding-top: 75px;
  }

  .mobilewrap .slideshow {
    margin-bottom: 66px;
  }

  .slick-slider .slick-track,
  .slick-slider .slick-list {
    height: 100%;
  }

  .mobilewrap .slideshow figure.slide {
  }

  .mobilewrap .slideshow figure.slide .photo {
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
  }

  .mobilewrap .slideshow figure.slide .photo:before {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
  }

  .mobilewrap .slideshow figure.slide .photo img {
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
  }

  .mobilewrap .slideshow .slick-dots {
    list-style-type: none;
    margin: auto;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 10;
    bottom: -34px;
  }

  .mobilewrap .slideshow .slick-dots li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 12px;
    width: 9px;
    height: 9px;
    background-color: #000;
    border-radius: 100%;
    position: relative;
    cursor: pointer;
  }

  .mobilewrap .slideshow .slick-dots li.slick-active:after {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    border-radius: 100%;
    background-color: transparent;
  }

  .mobilewrap .slideshow .slick-dots li button {
    display: none;
  }

  .prod-info {
    width: 88%;
    margin: 66px auto 0;
    padding-bottom: 100px;
  }

  .prod-info h1 {
    font-size: 32px;
    padding-top: 0.1em;
    padding-bottom: 0.9em;
    line-height: 1.2;
  }
  .prod-info p {
    font-size: 14px;
  }

  .prod-info .price {
    font-weight: 100;
    font-size: 46px;
    letter-spacing: -0.02em;
    margin: 0.3em 0em 0.8em;
    line-height: 1;
  }

  .prod-info .price span.label {
    font-size: 78%;
    padding-right: 5px;
  }

  .prod-info .group {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin-right: 17px;
    margin-bottom: 30px;
  }

  .prod-info .group .label {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.13em;
    display: block;
    margin-bottom: 7px;
  }

  .prod-info .group .dropdown {
    cursor: pointer;
    border: 1px solid rgb(42, 42, 42);
    background-color: rgba(255, 255, 255, 1);
    min-width: 160px;
    position: relative;
    transition: background-color 0.2s, color 0.1s;
  }

  .prod-info .group .dropdown.small {
    min-width: 80px;
  }

  .prod-info .group .dropdown:after {
    content: "";
    position: absolute;
    top: 13px;
    right: 13px;
    border-top: 8px solid rgb(42, 42, 42);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    transition: border-top 0.1s;
  }

  .prod-info .group .dropdown.open:after {
    border-top: 8px solid rgb(42, 42, 42);
  }

  .prod-info .group .dropdown .option {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0px 37px 0px 17px;
  }

  .prod-info .group .dropdown .option.hide {
    display: none !important;
  }

  .prod-info .group .dropdown .option.selected {
    line-height: 35px;
    color: rgb(42, 42, 42);
  }

  .prod-info .group .dropdown.open .option.selected {
    color: rgb(42, 42, 42);
  }

  .prod-info .group .dropdown .innerGroup {
    display: none;
    padding: 6px 0px;
  }

  .prod-info .group .dropdown .innerGroup .option {
    display: block;
    line-height: 2em;
  }

  .prod-info .group .dropdown.open .option {
    color: rgb(42, 42, 42);
  }

  .prod-info button#add2cart {
    padding: 17px 47px;
    font-size: 20px;
    background-color: rgb(42, 42, 42);
    font-family: "raleway", sans-serif;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.04em;
  }

  .prod-info button#inquire {
    padding: 17px 47px;
    font-size: 20px;
    background-color: rgb(42, 42, 42);
    font-family: "raleway", sans-serif;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.04em;
  }
}

@media all and (max-width: 767px) {
  header .topbar p {
    padding: 7px 5px;
  }
  header .topbar p {
    font-size: 12px;
    letter-spacing: 0;
  }

  .mobileHeader header .inner {
    top: 0px;
  }

  .mobileHeader #content,
  .mobileHeader #fullpage {
    padding-top: 75px;
  }
}