html {
  overflow-x: hidden; }

body {
  margin: 0;
  padding: 0;
  font-family: 'Source Sans Pro', sans-serif;
  background: #f4f8fa;
  -webkit-font-smoothing: antialiased; }

h1 {
  font-size: 75px;
  letter-spacing: 1.5px;
  margin: 0 0 50px 0;
  font-weight: 600; }
  h1 span {
    color: #fce635;
    font-size: 75px;
    line-height: 0;
    font-weight: 900; }
  @media screen and (max-width: 1200px) {
    h1 {
      font-size: 60px;
      margin: 0 0 35px 0; }
      h1 span {
        font-size: 60px; } }
  @media screen and (max-width: 1024px) {
    h1 {
      font-size: 55px;
      margin: 0 0 30px 0; }
      h1 span {
        font-size: 55px; } }
  @media screen and (max-width: 860px) {
    h1 {
      font-size: 50px;
      margin: 0 0 25px 0; }
      h1 span {
        font-size: 50px; } }
  @media screen and (max-width: 540px) {
    h1 {
      font-size: 40px;
      margin: 0 0 25px 0;
      line-height: 45px; }
      h1 span {
        font-size: 40px; } }
  @media screen and (max-width: 400px) {
    h1 {
      font-size: 28px;
      margin: 0 0 15px 0;
      line-height: 35px; }
      h1 span {
        font-size: 28px; } }

h2 {
  font-size: 65px;
  letter-spacing: 1.5px;
  margin: 0 0 50px 0;
  font-weight: 600;
  color: #356d92; }
  h2 span {
    color: #fce635;
    font-size: 65px;
    line-height: 0;
    font-weight: 900; }
  @media screen and (max-width: 1200px) {
    h2 {
      font-size: 55px;
      margin: 0 0 35px 0; }
      h2 span {
        font-size: 55px; } }
  @media screen and (max-width: 1024px) {
    h2 {
      font-size: 48px;
      margin: 0 0 30px 0; }
      h2 span {
        font-size: 48px; } }
  @media screen and (max-width: 860px) {
    h2 {
      font-size: 42px;
      margin: 0 0 25px 0; }
      h2 span {
        font-size: 42px; } }
  @media screen and (max-width: 540px) {
    h2 {
      font-size: 32px;
      margin: 0 0 25px 0;
      line-height: 38px;
      letter-spacing: 0.5px; }
      h2 span {
        font-size: 32px; } }
  @media screen and (max-width: 400px) {
    h2 {
      font-size: 24px;
      margin: 0 0 15px 0;
      line-height: 28px;
      letter-spacing: 0.5px; }
      h2 span {
        font-size: 24px; } }

h3 {
  font-size: 35px;
  letter-spacing: 1px;
  font-weight: 300;
  margin: 0; }
  h3 strong {
    font-weight: 600; }
  @media screen and (max-width: 1200px) {
    h3 {
      font-size: 26px; } }
  @media screen and (max-width: 1024px) {
    h3 {
      font-size: 24px; } }
  @media screen and (max-width: 860px) {
    h3 {
      font-size: 22px; } }
  @media screen and (max-width: 860px) {
    h3 {
      font-size: 22px; } }
  @media screen and (max-width: 400px) {
    h3 {
      font-size: 18px; } }

p {
  font-size: 18px;
  line-height: 30px;
  font-weight: 100;
  letter-spacing: 0.5px;
  color: #656565; }
  @media screen and (max-width: 1200px) {
    p {
      font-size: 16px;
      line-height: 26px; } }

.wrap {
  position: relative;
  max-width: 1400px;
  width: calc(100% - 150px);
  padding: 0 75px;
  margin: auto; }
  @media screen and (max-width: 1024px) {
    .wrap {
      width: calc(100% - 100px);
      padding: 0 50px; } }
  @media screen and (max-width: 540px) {
    .wrap {
      width: calc(100% - 50px);
      padding: 0 25px; } }

@media screen and (min-width: 861px) {
  .mobile {
    display: none; } }

@media screen and (max-width: 860px) {
  .desktop {
    display: none; } }

.v-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.clr {
  clear: both; }

.hideme {
  opacity: 0; }

header {
  position: relative;
  width: 100%;
  height: 100vh;
  background-image: url("../images/apogee-header.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center top; }
  @media screen and (max-width: 540px) {
    header {
      height: auto; }
      header .v-center {
        position: relative;
        transform: none;
        padding: 150px 0 75px 0;
        width: 100% !important; } }
  header .wrap {
    height: 100%; }
  header .logo {
    z-index: 990;
    display: block;
    max-width: 140px;
    position: absolute;
    left: 75px;
    top: 50px; }
    @media screen and (max-width: 1024px) {
      header .logo {
        left: 50px;
        top: 25px; } }
    @media screen and (max-width: 540px) {
      header .logo {
        left: 25px;
        top: 20px;
        max-width: 115px; } }
    header .logo img {
      width: 100%; }
  header .mainmenu {
    position: absolute;
    right: 75px;
    top: 75px;
    margin: 0; }
    @media screen and (max-width: 1024px) {
      header .mainmenu {
        top: 50px;
        right: 50px; } }
    @media screen and (max-width: 768px) {
      header .mainmenu {
        display: none; } }
    header .mainmenu li {
      display: inline-block;
      margin-left: 35px; }
      @media screen and (max-width: 860px) {
        header .mainmenu li {
          margin-left: 20px; } }
      header .mainmenu li a {
        text-decoration: none;
        font-weight: 500;
        font-size: 18px;
        color: #ffffff;
        letter-spacing: 0.5px; }
      header .mainmenu li:last-child a {
        font-size: 24px;
        font-weight: 700;
        color: #135074; }
  header .hamburger {
    z-index: 990;
    position: absolute;
    right: 50px;
    background-image: url(../images/menu.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    padding: 7px 10px;
    top: 50px;
    transition: all 0.3s;
    cursor: pointer; }
    @media screen and (min-width: 769px) {
      header .hamburger {
        display: none; } }
    @media screen and (max-width: 540px) {
      header .hamburger {
        right: 25px;
        width: 15px;
        top: 38px; } }
  header .mobilemenu {
    position: fixed;
    background: url("../images/bg-menu.png");
    width: 100%;
    height: 100vh;
    z-index: 999;
    display: none;
    top: 0;
    left: 0; }
    header .mobilemenu ul {
      list-style: none;
      text-align: left;
      padding-left: 0; }
      header .mobilemenu ul li a {
        text-decoration: none;
        color: #135074;
        font-size: 55px;
        letter-spacing: 1.5px;
        margin: 0 0 50px 0;
        font-weight: 600; }
        @media screen and (max-width: 540px) {
          header .mobilemenu ul li a {
            font-size: 45px; } }
        @media screen and (max-width: 540px) {
          header .mobilemenu ul li a {
            font-size: 35px; } }
        @media screen and (max-width: 400px) {
          header .mobilemenu ul li a {
            font-size: 30px; } }
      header .mobilemenu ul li:last-child a {
        padding-top: 10px;
        border-top: 5px solid #ffffff;
        color: #ffffff; }
        @media screen and (max-width: 540px) {
          header .mobilemenu ul li:last-child a {
            border-top: 4px solid #ffffff; } }
      header .mobilemenu ul li:last-child {
        margin-top: 50px; }
    header .mobilemenu .hamburger {
      background-image: url(../images/menu-dark.svg); }
    header .mobilemenu .logo {
      display: block;
      max-width: 140px;
      position: absolute;
      left: 75px;
      top: 50px; }
      @media screen and (max-width: 1024px) {
        header .mobilemenu .logo {
          left: 50px;
          top: 25px; } }
      @media screen and (max-width: 540px) {
        header .mobilemenu .logo {
          left: 25px;
          top: 20px;
          max-width: 115px; } }
      header .mobilemenu .logo img {
        width: 100%; }
    header .mobilemenu .v-center {
      padding: 0; }
      @media screen and (max-width: 860px) {
        header .mobilemenu .v-center {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          padding: 0; } }
  header .v-center {
    width: calc(100% - 150px); }
    header .v-center h1, header .v-center h3 {
      color: #ffffff; }
    @media screen and (max-width: 1024px) {
      header .v-center {
        width: calc(100% - 100px); } }

.about {
  margin-top: -75px; }
  @media screen and (max-width: 1024px) {
    .about {
      margin-top: -50px; } }
  @media screen and (max-width: 540px) {
    .about {
      margin-top: -25px; } }
  .about .wrap {
    padding: 75px;
    max-width: 1250px;
    width: calc(100% - 300px);
    background: #ffffff; }
    @media screen and (max-width: 1024px) {
      .about .wrap {
        padding: 50px;
        width: calc(100% - 200px); } }
    @media screen and (max-width: 540px) {
      .about .wrap {
        width: calc(100% - 150px);
        margin: 0 auto;
        padding: 50px; } }
    @media screen and (max-width: 400px) {
      .about .wrap {
        width: calc(100% - 75px);
        margin: 0 auto;
        padding: 35px 25px; } }
    .about .wrap p {
      padding: 45px;
      font-size: 26px;
      line-height: 46px;
      letter-spacing: 1px;
      margin: 0;
      color: #356d92;
      font-weight: 400; }
      @media screen and (max-width: 1024px) {
        .about .wrap p {
          padding: 45px;
          font-size: 22px;
          line-height: 40px; } }
      @media screen and (max-width: 860px) {
        .about .wrap p {
          padding: 20px;
          font-size: 18px;
          line-height: 34px; } }
      @media screen and (max-width: 540px) {
        .about .wrap p {
          padding: 0;
          font-size: 16px;
          line-height: 28px; } }

.products {
  padding-top: 150px; }
  @media screen and (max-width: 1024px) {
    .products {
      padding-top: 125px; } }
  @media screen and (max-width: 860px) {
    .products {
      width: calc( 100% - 100px);
      margin: auto;
      margin-bottom: 25px; }
      .products .wrap {
        width: 100%;
        padding: 0; } }
  @media screen and (max-width: 540px) {
    .products {
      padding-top: 50px;
      width: calc( 100% - 50px);
      margin: auto;
      margin-bottom: 0; }
      .products .wrap {
        width: 100%;
        padding: 0; } }
  .products h3 {
    color: #356d92;
    margin-bottom: 75px; }
    @media screen and (max-width: 1200px) {
      .products h3 {
        margin-bottom: 50px; } }
    @media screen and (max-width: 540px) {
      .products h3 {
        margin-bottom: 25px; } }
  .products .product {
    width: 100%;
    position: relative; }
    @media screen and (max-width: 860px) {
      .products .product {
        width: calc(50% - 12.5px);
        float: left;
        padding-right: 12.5px;
        padding-bottom: 25px; } }
    @media screen and (max-width: 660px) {
      .products .product {
        width: 100%;
        padding-right: 0;
        padding-bottom: 25px; } }
    .products .product .image {
      width: 66.666%;
      height: 475px;
      background-size: cover;
      background-position: center;
      float: left; }
      @media screen and (max-width: 1400px) {
        .products .product .image {
          height: 400px; } }
      @media screen and (max-width: 1200px) {
        .products .product .image {
          height: 375px; } }
      @media screen and (max-width: 1024px) {
        .products .product .image {
          height: 325px; } }
      @media screen and (max-width: 860px) {
        .products .product .image {
          width: 100%;
          height: 200px;
          float: none; } }
      @media screen and (max-width: 660px) {
        .products .product .image {
          height: 250px; } }
      @media screen and (max-width: 540px) {
        .products .product .image {
          height: 200px; } }
      @media screen and (max-width: 400px) {
        .products .product .image {
          height: 150px; } }
    .products .product .content {
      position: relative;
      width: 33.333%;
      float: left;
      height: 475px;
      background: #ffffff; }
      @media screen and (max-width: 1400px) {
        .products .product .content {
          height: 400px; } }
      @media screen and (max-width: 1200px) {
        .products .product .content {
          height: 375px; } }
      @media screen and (max-width: 1024px) {
        .products .product .content {
          height: 325px; } }
      @media screen and (max-width: 860px) {
        .products .product .content {
          width: 100%;
          height: auto;
          padding-bottom: 50px; } }
      @media screen and (max-width: 660px) {
        .products .product .content {
          height: auto; } }
      @media screen and (max-width: 540px) {
        .products .product .content {
          padding-bottom: 25px; } }
      .products .product .content .v-center {
        padding: 0 75px; }
        @media screen and (max-width: 1515px) {
          .products .product .content .v-center {
            padding: 0 50px; } }
        @media screen and (max-width: 1200px) {
          .products .product .content .v-center {
            padding: 0 30px; } }
        @media screen and (max-width: 860px) {
          .products .product .content .v-center {
            margin-top: 30px;
            top: 0;
            transform: none;
            position: relative; } }
        .products .product .content .v-center h2 {
          font-size: 46px;
          line-height: 52px;
          margin-bottom: 35px;
          font-weight: 400; }
        .products .product .content .v-center a {
          font-size: 28px;
          color: #356d92;
          text-decoration: none;
          letter-spacing: 0.5px;
          font-weight: 400;
          margin-top: 15px;
          display: inline-block;
          padding-right: 50px;
          background-image: url(../images/arrow-right.svg);
          background-position: right 3px;
          background-repeat: no-repeat;
          background-size: 35px;
          transition: all 0.3s; }
          .products .product .content .v-center a:hover {
            padding-right: 55px; }
        @media screen and (max-width: 1400px) {
          .products .product .content .v-center h2 {
            font-size: 36px;
            line-height: 44px; }
          .products .product .content .v-center a {
            font-size: 22px;
            background-size: 25px;
            padding-right: 35px; }
            .products .product .content .v-center a:hover {
              padding-right: 40px; } }
        @media screen and (max-width: 1024px) {
          .products .product .content .v-center h2 {
            font-size: 30px;
            line-height: 34px;
            margin-bottom: 25px; }
          .products .product .content .v-center a {
            margin-top: 5px; } }
        @media screen and (max-width: 540px) {
          .products .product .content .v-center h2 {
            font-size: 22px;
            line-height: 28px;
            margin-bottom: 25px; }
          .products .product .content .v-center a {
            margin-top: 5px;
            font-size: 18px;
            background-size: 20px;
            padding-right: 28px; }
            .products .product .content .v-center a:hover {
              padding-right: 32px; } }
        @media screen and (max-width: 400px) {
          .products .product .content .v-center h2 {
            font-size: 20px;
            line-height: 28px;
            margin-bottom: 12.5px; }
          .products .product .content .v-center a {
            margin-top: 0; }
            .products .product .content .v-center a:hover {
              padding-right: 32px; } }
    @media screen and (max-width: 860px) {
      .products .product:nth-child(odd) {
        padding-right: 0;
        padding-left: 12.5px; } }
    @media screen and (max-width: 660px) {
      .products .product:nth-child(odd) {
        padding: 0;
        padding-bottom: 25px; } }
    .products .product:nth-child(odd) .image {
      float: right; }
      @media screen and (max-width: 860px) {
        .products .product:nth-child(odd) .image {
          float: none; } }

.contact {
  width: 100%;
  padding: 150px 0;
  position: relative;
  background-image: url("../images/apogee-footer.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-color: #58b6ec; }
  @media screen and (max-width: 1024px) and (min-height: 800px) {
    .contact {
      background-image: url("../images/apogee-footer-mobile.jpg"); } }
  @media screen and (max-width: 768px) {
    .contact {
      background-image: none; } }
  @media screen and (max-width: 1024px) {
    .contact {
      padding: 75px 0; } }
  @media screen and (max-width: 768px) {
    .contact {
      padding: 0; } }
  .contact .jl {
    display: none; }
    @media screen and (max-width: 768px) {
      .contact .jl {
        display: block;
        height: 300px;
        width: 100%;
        background-image: url("../images/apogee-footer.jpg");
        background-size: cover;
        background-position: left center; } }
    @media screen and (max-width: 540px) {
      .contact .jl {
        height: 225px; } }
  .contact .content {
    background-color: #ffffff;
    padding: 100px 75px 120px 75px;
    float: right;
    width: calc(100% - 150px);
    max-width: 675px;
    text-align: right;
    margin-bottom: 150px; }
    .contact .content a {
      font-size: 28px;
      color: #356d92;
      text-decoration: none;
      letter-spacing: 0.5px;
      font-weight: 400;
      margin-top: 10px;
      display: inline-block;
      transition: all 0.3s; }
      .contact .content a.phone {
        margin-top: 5px;
        font-weight: 900; }
    @media screen and (max-width: 1200px) {
      .contact .content {
        max-width: 550px;
        padding: 75px 50px 75px 50px; }
        .contact .content a {
          font-size: 22px; } }
    @media screen and (max-width: 1024px) {
      .contact .content {
        max-width: 500px;
        margin-bottom: 75px;
        padding: 50px 50px 50px 35px; }
        .contact .content a {
          margin-top: 25px; } }
    @media screen and (max-width: 768px) {
      .contact .content {
        max-width: calc(100% - 200px);
        padding: 50px;
        text-align: left;
        height: auto;
        margin: -50px 50px 50px 50px !important;
        position: relative; } }
    @media screen and (max-width: 540px) {
      .contact .content {
        max-width: calc(100% - 150px);
        padding: 50px;
        margin: -50px 25px 25px 25px !important; }
        .contact .content a {
          margin-top: 10px;
          font-size: 18px; } }
    @media screen and (max-width: 400px) {
      .contact .content {
        width: 100%;
        max-width: calc(100% - 75px);
        margin: -25px 12.5px 12.5px 12.5px !important;
        padding: 35px 25px; }
        .contact .content a {
          margin-top: 10px;
          font-size: 18px; } }

.footer {
  width: 100%;
  background-color: #83c5f1; }
  .footer .wrap {
    padding: 75px 75px 25px 75px; }
    @media screen and (max-width: 1024px) {
      .footer .wrap {
        padding: 50px 50px 25px 50px; } }
    @media screen and (max-width: 540px) {
      .footer .wrap {
        padding: 35px 25px 25px 25px;
        max-width: calc(100% - 50px); } }
    @media screen and (max-width: 400px) {
      .footer .wrap {
        padding: 25px; } }
    .footer .wrap .location {
      position: relative;
      height: auto;
      float: left;
      width: 50%; }
      .footer .wrap .location .logo {
        display: block;
        max-width: 140px;
        position: relative;
        margin-bottom: 0; }
        @media screen and (max-width: 540px) {
          .footer .wrap .location .logo {
            max-width: 115px; } }
        .footer .wrap .location .logo img {
          width: 100%; }
      @media screen and (max-width: 1200px) {
        .footer .wrap .location {
          width: 40%; } }
      @media screen and (max-width: 860px) {
        .footer .wrap .location {
          width: 100%; } }
    .footer .wrap p {
      margin-top: 0;
      margin-bottom: 30px;
      color: #135074;
      font-weight: 500; }
      @media screen and (max-width: 540px) {
        .footer .wrap p {
          margin-bottom: 15px; } }
    .footer .wrap strong {
      font-weight: 600; }
    .footer .wrap a {
      color: #ffffff;
      font-size: 18px;
      font-weight: 500;
      letter-spacing: 0.5px;
      text-decoration: none;
      display: inline-block;
      margin-bottom: 10px;
      line-height: 25px; }
      @media screen and (max-width: 400px) {
        .footer .wrap a {
          margin-bottom: 5px; } }
    .footer .wrap .col {
      position: relative;
      float: left;
      width: calc(25% - 35px);
      padding-left: 35px;
      padding-top: 30px; }
      .footer .wrap .col:nth-child(odd) {
        white-space: nowrap; }
      @media screen and (max-width: 1200px) {
        .footer .wrap .col {
          padding-top: 33px;
          width: calc(30% - 35px); } }
      @media screen and (max-width: 860px) {
        .footer .wrap .col {
          width: calc(50% - 50px);
          padding-left: 0;
          padding-right: 50px; } }
      @media screen and (max-width: 540px) {
        .footer .wrap .col {
          width: calc(100% - 50px);
          padding: 0;
          margin-top: 25px; } }
      @media screen and (max-width: 400px) {
        .footer .wrap .col {
          width: calc(100% - 50px);
          padding: 0;
          margin-top: 25px; } }
    .footer .wrap .copy {
      padding-top: 75px;
      font-size: 12px;
      line-height: 16px;
      letter-spacing: 0.5px;
      color: #356d92;
      font-weight: 400; }
      @media screen and (max-width: 400px) {
        .footer .wrap .copy {
          padding-top: 50px; } }
      .footer .wrap .copy a {
        font-weight: 700;
        color: #356d92;
        font-size: 12px; }

#product .infos {
  padding-top: 150px;
  position: relative;
  height: auto;
  margin-bottom: 75px; }
  @media screen and (max-width: 1024px) {
    #product .infos {
      padding-top: 125px; } }
  @media screen and (max-width: 860px) {
    #product .infos {
      margin-bottom: 50px; } }
  @media screen and (max-width: 540px) {
    #product .infos {
      padding-top: 50px;
      margin-bottom: 0px; } }
  #product .infos .wrap {
    padding: 0;
    position: relative;
    margin-bottom: 75px; }
    @media screen and (max-width: 860px) {
      #product .infos .wrap {
        margin-bottom: 50px; } }
    @media screen and (max-width: 540px) {
      #product .infos .wrap {
        margin-bottom: 25px; } }
    #product .infos .wrap h3 {
      color: #356d92;
      margin-bottom: 75px; }
      @media screen and (max-width: 1200px) {
        #product .infos .wrap h3 {
          margin-bottom: 50px; } }
  #product .infos .left {
    width: 50%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center; }
    @media screen and (max-width: 860px) {
      #product .infos .left {
        width: 100%;
        position: relative;
        height: 400px;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: #fded70; } }
    @media screen and (max-width: 540px) {
      #product .infos .left {
        height: 350px; } }
    @media screen and (max-width: 400px) {
      #product .infos .left {
        height: 250px; } }
  #product .infos .content {
    width: calc(50% - 150px);
    padding: 120px 75px;
    float: left;
    margin-left: 50%;
    background: #ffffff; }
    @media screen and (max-width: 860px) {
      #product .infos .content {
        margin: 0;
        width: calc(100% - 100px);
        padding: 75px 50px; } }
    @media screen and (max-width: 540px) {
      #product .infos .content {
        padding: 50px; } }
    @media screen and (max-width: 400px) {
      #product .infos .content {
        padding: 25px;
        width: calc(100% - 50px); } }
    #product .infos .content h2 {
      font-size: 46px;
      line-height: 52px;
      margin-bottom: 35px;
      font-weight: 400; }
      @media screen and (max-width: 860px) {
        #product .infos .content h2 {
          font-size: 40px;
          margin-bottom: 25px; } }
      @media screen and (max-width: 540px) {
        #product .infos .content h2 {
          font-size: 30px;
          margin-bottom: 0; } }
    #product .infos .content ul {
      padding-left: 0px; }
      @media screen and (max-width: 400px) {
        #product .infos .content ul {
          margin-top: 0; } }
      #product .infos .content ul li {
        list-style: none;
        padding: 10px 0;
        border-bottom: 1px solid #e8e8e8;
        padding-left: 0;
        font-size: 18px;
        line-height: 30px;
        font-weight: 100;
        letter-spacing: 0.5px;
        color: #656565; }
        @media screen and (max-width: 1200px) {
          #product .infos .content ul li {
            font-size: 16px;
            line-height: 26px; } }

#product .awards {
  margin: 0;
  position: relative;
  background-color: #ffffff;
  padding: 150px 0; }
  @media screen and (max-width: 860px) {
    #product .awards {
      padding: 75px 0 50px 0; } }
  @media screen and (max-width: 540px) {
    #product .awards {
      padding: 50px 0 25px 0; } }
  #product .awards .award {
    float: left;
    width: calc( 50% - 37.5px);
    padding: 30px 0;
    margin-right: 37.5px;
    color: #c59a17; }
    #product .awards .award:nth-child(odd) {
      margin-right: 0;
      margin-left: 37.5px; }
    #product .awards .award h4 {
      margin-top: 0;
      font-size: 40px;
      border-left: 4px solid #c59a17;
      padding-left: 50px;
      letter-spacing: 1px;
      font-weight: 600;
      margin-bottom: 25px; }
    #product .awards .award span {
      font-size: 26px;
      line-height: 46px;
      letter-spacing: 1px;
      margin: 0;
      color: #656565;
      font-weight: 400;
      padding-left: 50px; }
    @media screen and (max-width: 860px) {
      #product .awards .award {
        width: 100%;
        margin: 0 !important; }
        #product .awards .award h4 {
          font-size: 30px;
          border-left: 3px solid #c59a17;
          margin-bottom: 15px; }
        #product .awards .award span {
          font-size: 20px; } }
    @media screen and (max-width: 540px) {
      #product .awards .award {
        padding: 0;
        margin-bottom: 25px !important; }
        #product .awards .award h4 {
          font-size: 24px;
          padding-left: 25px; }
        #product .awards .award span {
          font-size: 20px;
          padding-left: 25px; } }
    @media screen and (max-width: 400px) {
      #product .awards .award {
        padding: 0;
        margin-bottom: 0 !important;
        padding-top: 15px; }
        #product .awards .award h4 {
          font-size: 18px;
          padding-left: 12.5px;
          border-left: 2px solid #c59a17;
          margin-bottom: 0px; }
        #product .awards .award span {
          font-size: 16px;
          padding-left: 12.5px; } }